/* RESET */
  *,*::before,*::after{
    box-sizing: border-box;
  }
  html,body{
    font-size: 12px;
    font-family: 'Open Sans',sans-serif, helvetica, arial;
    height: 100%;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
  }
  .aims-background{
    background: #333FC5;
    background-image: -webkit-linear-gradient(top,#ffffff,#646DD3);
    background-image: -o-linear-gradient(top,#ffffff,#646DD3);
    background-image: -moz-linear-gradient(top,#ffffff,#646DD3);
    background-image: linear-gradient(top,#ffffff,#646DD3);
    background-attachment: fixed;
  }
  .aims-banner{
    background: #0413B8;
    background-image: -webkit-radial-gradient(center,#ffffff,#0413B8);
    background-image: -o-radial-gradient(center,#ffffff,#0413B8);
    background-image: -moz-radial-gradient(center,#ffffff,#0413B8);
    background-image: radial-gradient(center,#ffffff,#0413B8); 
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 85px;
    padding: 5px 0;
  }
  .aims-banner > .image{
    max-height: 75px;
    width: 800px;
  }
  .aims-banner > .logo{
    margin: 0 auto;
    max-height: 75px;
    width: 75px;
  }
  .aims-container{
    width: 100%;
    padding: 0 5vw;
  }
  .aims-content{
    /* -85px the height of banner */
    min-height: calc(100% - 85px);
    /* -8.75em for height of footer and pusher */
    margin-bottom: -8.75em;
  }
  .aims-loginpanel{
    padding: 0.5em 2em;
    background-color: #bf2a4c;
    background-color: rgba(0, 0, 0,0.6);
    border-radius: 4px;
    box-shadow: 2px 2px 14px 7px #000;
    width: 40%;
    color: #fff;
    float: left;
  }
  .aims-notes{
    float: left;
    margin-left: 10%;
    width: 50%;
  }
  .aims-textfield{
    font-size: 1em;
    margin: 1em 0;
    color: #333;
    position: relative;
  }
  .aims-textfield > input,
  .aims-textfield > select{
    width:100%;
    /* padding: 0.5em 0.25em; */
    padding: 0.5em 0.5em;
    font-size: 1em;
    font-family: 'Open Sans',sans-serif, helvetica, arial;
    outline: none;
    border: 1px solid #aaa;
    transition: all 250ms ease-out;
    margin-bottom: 1.5em;
  }
  .aims-textfield > input:focus,
  .aims-textfield > input:hover,
  .aims-textfield > select:focus,
  .aims-textfield > select:hover,{
    border: 1px solid #b71921;
    box-shadow: 0 0 1px #eee;
  }
  .aims-textfield > label{
    font-size: 1em;
    display: block;
    position: absolute;
    top: -1.5em;
    color: #333;
    transition: all 250ms ease-in-out;
  }

  .aims-loginpanel .aims-textfield > label{
    color: #fff;
  }
  .aims-textfield > input:focus + label,
  .aims-textfield > select:focus + label{
    color: #A7ACE6;
  }
  .flex{
    display: flex;
  }
  .space-between{
    justify-content: space-between;
  }
  .aims-button{
    font-size: 1em;
    font-family: 'Open Sans',sans-serif, helvetica, arial;
    padding: 0.5em;
    border: 1px solid #333;
    min-width: 6em;
    position: relative;
    outline: none;
  }
  .aims-button > span{
    z-index: 1;
  }
  .aims-button.red{
    background: #b71921;
    color: #eee;
    border-color: #eee;
  }
  .aims-button.blue{
    background: #426CE4;
    color: #eee;
    border-color: #eee;
  }
  
  .aims-button::after{
    content: "";
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: scaleX(0);
    transform-origin: left;
    transition: all 250ms ease-out;
    background-color: rgba(255,255,255,0.25);
  }
  .aims-button.disabled,
  .aims-button[disabled]{
   pointer-events: none;
  }
  .aims-button.disabled::after,
  .aims-button[disabled]::after{
    background-color: rgba(255,255,255,0.25);
    transform: scaleX(1);
  }
  .aims-button:hover::after,
  .aims-button:active::after{
    transform: scaleX(1);
  }
  .aims-footer,
  .pusher{
    clear: both;
    width: 100%;
    padding: 1em 0;
    /*margin: 0 -10vw;*/
    height: 8.75em;
    font-size: 12px;
  }
  .aims-footer hr{
    margin: 1em 0;
    border: 1px dashed #777;
  }
  .aims-footer p{
    margin: 0;
  }
  .aims-footer a{
    color: #ffffff;
  }
  .aims-modules{
    padding: 0;
    margin: 1em 0;
    list-style: none;
  }
  .aims-modules > li{
    padding-bottom: 1em;
  }
  .aims-modules ul{
    list-style: none;
    padding: 0.5em 1em;
  }
  .aims-nav{
    background-color: #333FC5;
    border: 1px solid #333;
    padding: 0.5em 2em;
    margin: 0 -5vw;
  }
  .aims-nav a{
    background-color: rgba(0,0,0,0.24);
    display: block;
    padding: 0.25em;
    margin: 0 -14px;
    margin-bottom: 0.25em;
    text-align: center;
    color: #eee;
    text-decoration: none;
    transition: background,border 250ms ease-out;
    border: 1px solid transparent;
  }
  .aims-nav a:hover,
  .aims-nav a.active{
    background-color: rgba(255,255,255,0.24);
    border: 1px solid #eee;
    transition: background,border 250ms ease-out;
  }
  .aims-notification{
    border: 1px solid #333;
    color: #ddd;
    margin-bottom: 1em;
    padding: 1em;
  }
  .aims-notification.success{
    border-color: #0413B8;
  }
  .aims-notification.error{
    border-color: #0413B8;
  }
  .aims-link{
    display: block;
    color: #333;
    text-decoration: none;
  }
  .aims-link{
    font-weight: bold;
  }
  .aims-nav-toggle span,
  .aims-nav-toggle span::before,
  .aims-nav-toggle span::after{
    border: 1px solid #eee;
    content: '';
    display: inline-block;
    height: 0;
    position: relative;
    width: 2.5em;
  }
  .aims-nav-toggle span::before,
  .aims-nav-toggle span::after{
    transition: all 250ms ease-in-out;
  }
  .aims-nav-toggle span::before{
    top: 2px;
  }
  .aims-nav-toggle.active span{
    border: 1px solid transparent;
    top: -2px;
  }
  .aims-nav-toggle.active span::before{
    top: 5px;
    transform: rotate(45deg);
  }
  .aims-nav-toggle.active span::after{
    top: -1em;
    transform: rotate(-45deg);
  }
  .aims-panel{
    background-color: #eeeeee;
    border: 1px solid #656ED3;
    padding: 1em;
  }
  .aims-sidenav{
    background: #eeeeee;
    border: 1px solid #656ED3;
    list-style: none;
    margin:0;
    padding:0;
  }
  .aims-sidenav  li{
    border-bottom:1px solid #eee;
  }
  .aims-sidenav li a{
    color:#333;
    display: block;
    padding:1em;
  }
  .aims-sidenav li.active,
  .aims-sidenav li:hover,
  .aims-sidenav li:active,
  .aims-sidenav li:focus{
    background: rgba(0,0,0,0.24);
  }
  .aims-sidenav li a:hover,
  .aims-sidenav li a:active,
  .aims-sidenav li a:focus{
    text-decoration: none;
  }
  table > thead{
    background-color: #333FC5;
    color: #eee;
  }
  table > tbody{
    background-color: #eee;
  }
  .table-bordered{
    border-color: #777;
  }
  .table-bordered>thead>tr>th,
  .table-bordered>tbody>tr>th,
  .table-bordered>tfoot>tr>th,
  .table-bordered>thead>tr>td,
  .table-bordered>tbody>tr>td,
  .table-bordered>tfoot>tr>td{
    border-color: #777;
  }
  .margin-center{
    float: none;
    margin: 0 auto;
  }
  .text-white{
    color: #fff;
  }
  .text-black{
    color: #333;
  }
  .text-right{
    text-align: right;
  }
  .text-center{
    text-align: center;
  }
  .text-uppercase{
    text-transform: uppercase;
  }
  .fluid{
    width: 100%;
  }
  .no-resize{
    resize: none;
  }
  .no-margin{
    margin: 0;
  }
  input,
  textarea{
    padding: 0 0.25em;
  }
  @media all and (max-width: 1920px){
    html,body{
      font-size: 12px;
    }
  }
  ::-webkit-scrollbar{
    width: 10px;
  }
  ::-webkit-scrollbar-button{
    background-color: #333FC5;
  }
  ::-webkit-scrollbar-track{
    background-color: #333FC5;
  }
  ::-webkit-scrollbar-thumb{
    background-color: rgba(255,255,255,0.2);
  }


.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
  padding: 0.25em;
}
table{
  font-size: 1em;
}
.secondary.red{
  background-color: white;
}

  hr.red{
    border-color: #b71921;
  }
  hr.blue{
    border-color: #333FC5;
  }