body {
     font-family: Roboto,sans-serif;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
     color: #333;
     line-height: 1.4;
     word-break: break-word;
     margin: 0;
     padding: 0;
}
 h1, h2, h3 {
     text-align: center;
     margin-top: 2rem;
}
 p {
     font-size: 1rem;
     margin: 0 0 1.4rem;
     font-family: Roboto,sans-serif;
     font-style: normal;
     font-weight: normal;
     text-decoration: none;
}
 @media (min-width: 1280px) {
     p {
         font-size: max(16px,16px * 1);
         line-height: max(25.6px,19.2px * 1);
         letter-spacing: 0px;
    }
}
 header.navigation {
     border-bottom: 1px solid #24337a;
}
 header.navigation .logo {
     max-width: 80px;
}
 @media (min-width: 800px) {
     header.navigation .logo {
         display: flex;
         max-width: 120px;
         height: 90px;
         margin-bottom: 10px;
         transition: 300ms ease all;
    }
}
 header.navigation .logo img, header.navigation.active .logo img {
     width: 100%;
}
 header.navigation .outer-container {
     display: flex;
     justify-content: space-between;
     transition: 300ms ease all;
}
 @media (min-width: 0px) {
     .outer-container {
         padding-left: 1em;
         padding-right: 1em;
         max-width: 82em;
         margin-left: auto;
         margin-right: auto;
         box-sizing: border-box;
    }
}
 @media (min-width: 768px) {
     .outer-container {
         padding-left: 2em;
         padding-right: 2em;
         max-width: 84em;
         margin-left: auto;
         margin-right: auto;
         box-sizing: border-box;
    }
}
 @media (min-width: 1280px) {
     .outer-container {
         padding-left: 3em;
         padding-right: 3em;
         max-width: 86em;
         margin-left: auto;
         margin-right: auto;
         box-sizing: border-box;
    }
}
 .orange {
     color: #f05a3c;
}
 .admintitle {
     font-size: 3rem;
     font-weight: bold;
     opacity: .7;
}
 .main {
     padding: 1rem .5rem;
     position: relative;
}
 .datatable {
     border-collapse: collapse;
}
 .datatable th, .datatable td {
     padding: .5em 1em;
     border-bottom: 1px solid #eee;
}
 td.detail {
     border-bottom: none;
     background-color: #eee;
     padding: 0;
}
 .detail table {
     border-collapse: collapse;
     background-color: #fff;
     margin: 1rem auto;
}
 .detail table, .detail td {
     border: 1px solid #aaa;
}
 a.closeDetail {
     display: block;
     margin: 1rem auto;
     text-align: center;
}
 tr.detail-tr {
     font-size: .9em;
     color: blue;
}
 .detailactive {
     background-color: #eee;
}
 .datatable th {
     font-size: .9rem;
}
 label {
     display: block;
}
 form {
     display: block;
     position: relative;
     width: 100%;
     max-width: 365px;
     margin: 2rem auto;
}
 input {
     padding: .25em;
     border-radius: 5px;
     margin: .3em 0 1.5em;
     background-color: #FFF;
     border: 2px solid #D1D6DC;
     color: #33475B;
     display: block;
     font-size: 1rem;
     padding: 0.7rem 0;
     width: 100%;
}
 button {
     display: block;
     font-weight: 400;
     text-align: center;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     cursor: pointer;
     padding: 0.5rem 1rem;
     font-size: 1.25rem;
     line-height: 1.5;
     border-radius: 0.3rem;
     background-color: #f05a3c;
     border: 1px solid #f05a3c;
     color: #fff;
     padding-bottom: 8px;
     width: 100%;
     margin: 2rem auto;
}
 button:hover, button:focus, .button:hover, .button:focus {
     text-decoration: none;
     background-color: #fff;
     border: 1px solid #f05a3c;
     color: #f05a3c;
}
 .login-container {
     margin: 2rem auto;
}
 @media (min-width: 800px) {
     .login-container {
         margin: 3rem auto;
    }
}
 .required {
     color: red;
}
 .hide {
     display: none !important;
}
 .documents {
     margin: 0 auto 3rem;
}
 .documents td, .documents th {
     border-bottom: 1px solid #ddd;
     padding: 1rem;
}
 a.logout {
     display: block;
     margin: 1rem auto;
     text-align: center;
     color: #f05a3c;
     border: 1px solid #f05a3c;
     background-color: #fff;
     border-radius: 5px;
     max-width: 100px;
     padding: .5rem 1rem;
     text-decoration: none;
}
 a.logout:active, a.logout:hover {
     color: #fff;
     border: 1px solid #f05a3c;
     background-color: #f05a3c;
}