/*Override Materialize Date Picker Colors*/
.datepicker-date-display {
 background-color: #233A6F !important;
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done {
 color: #233A6F !important;
}

.datepicker-table td.is-today {
 color: #233A6F !important;
}

.datepicker-table td.is-selected {
 background-color: #233A6F !important;
 color: #fff;
}

.timepicker-digital-display {
    background-color: #233A6F !important;
}

.timepicker-tick {
    color: #878F87 !important;
}

.timepicker-canvas-bg, .timepicker-canvas-bearing {
    fill: #233A6F !important;
}

.timepicker-canvas line {
    stroke: #233A6F !important;
}

.timepicker-close {
    color: #233A6F !important;
}

.timepicker-tick:hover {
    background-color: #233A6F !important;
}

div.uploadBarContainer{
    width: 100%;
    margin-top: 3px;
    background-color: grey;
}

div.uploadBar{
    width: 0%;
    text-align: right !important;
}

body, html {
    min-height: 100%;
}

body {
  background-color: #ffffff;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 0 auto;
}

body.login {
    background-color: #000000;
    background-image: url("../img/login.jpg");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
}

div.scrolltotop{
    position: fixed;
    bottom: 45px;
    right: 24px;
}

.two-columns{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.login-logo{
    width: 75%;
}

.cc-blue{
    background-color: #152249;
}


.cc-blue.hoverable:hover{
    background-color: #566DA2;
}

.cc-blue-text{
    color: #152249;
}

.cc-teal{
    background-color: #2ABED1;
}

.cc-teal-text{
    color: #2ABED1;
}

.bottom-right-button{
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 75%;
    padding: 20px;
}

.fixTableHead thead {
    overflow-y: auto;
    height: 110px;
    background-color: white;
    position: sticky;
    top: 0;
    z-index:999;
}

.fixTableHead thead th {
    overflow-x: visible;
    position: sticky;
    top: 0;
    z-index:999;
}

table thead th{
    vertical-align:top;
}

table thead th.table-corner{
    border-left:0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
}

table tfoot tr td{
    font-weight: bold;
}

table.minimal td, table.minimal th{
    padding: 3px;
}

table.divided td, table.divided th{
    border: 1px solid !important;
}

.prewrap {
    white-space: pre-wrap;
}

.titlebar {
    font-size: 20px;
    width: 100%;
    padding: 3px 18px 3px 3px;
}

 /* label focus color */
.input-field input:focus + label {
    color: #26a69a !important;
}
/* label underline focus color */
.input-field input:focus {
 border-bottom: 1px solid #26a69a !important;
 box-shadow: 0 1px 0 0 #26a69a !important;
}

.btn-rounded{
    border-radius: 20px;
}

.btn-full{
    width: 100%;
}

.btn-tiny {
    height: 24px;
    line-height: 24px;
    padding: 0 0.5rem;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.file-action{
    vertical-align: middle;
}

img,canvas{
    max-width:100%;
}

.download-icon{
    height: 30px;
    margin: 0 5px 0 5px;
}

.pagination li.active{
    background-color: #2ABED1 !important;
}

.pagination li a.disabled{
    color: #D3D3D3;
}

.valign-bottom{
    vertical-align: bottom;
}

.no-wrap{
    white-space: nowrap;
}

.height400{
    height: 400px;
}

.height500{
    height: 500px;
}

.height600{
    height: 600px;
}

th.rotate {
    /* Something you can count on */
    height: 130px;
    white-space: nowrap;
}

th.rotate > div {
    transform:
        /* Magic Numbers */
        translate(25px, 75px)
        /* 45 is really 360 - 45 */
        rotate(315deg);
    width: 30px;
    margin-left:-20px;
}

nav.main{
    background: none;
    height:34px;
    line-height:34px;

    webkit-box-shadow: none !important;
    box-shadow: none !important;
}

nav.main .nav-wrapper{
    padding-left:10px;
}

nav.main .nav-wrapper i{
    height: 34px;
    width: 34px;
    line-height: 34px;
    margin: 0px;
}

nav.main .nav-wrapper ul li{
    color: #000000;
}

nav.main .nav-wrapper ul li a{
    color: #000000;
}

.nav-dropdown-content{
    top:34px !important;
    min-width:215px;
}

.width-50per{
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
}

.modal {
  overflow: visible;
}

.sidenav li>a {
    padding: 0 15px;
}

.bold{
    font-weight:bold;
}

.italic{
    font-style: italic;
}

.pointer{
    cursor:pointer;
}

.floatclear{
    clear: both;
}

.hidden{
    display:none;
}

text-12{
    font-size: 9px !important;
}

.no-vertical-margin{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.no-top-margin{
    margin-top: 0 !important;
}

.no-bottom-margin{
    margin-bottom: 0 !important;
}

.margin-bottom-10{
    margin-bottom: 10px;
}

.margin-bottom-20{
    margin-bottom: 20px;
}

.margin-bottom-30{
    margin-bottom: 30px;
}

.margin-top-10{
    margin-top: 10px;
}

.margin-top-neg-10{
    margin-top: -10px;
}

.margin-top-20{
    margin-top: 20px;
}

.margin-top-neg-20{
    margin-top: -20px;
}

.margin-top-30{
    margin-top: 30px;
}

.margin-top-neg-30{
    margin-top: -30px;
}

.margin-top-40{
    margin-top: 40px;
}

.margin-top-neg-40{
    margin-top: -40px;
}

.margin-top-45{
    margin-top: 45px;
}

.margin-top-50{
    margin-top: 50px;
}

.margin-top-100{
    margin-top: 100px;
}

.margin-top-150{
    margin-top: 150px;
}

.margin-top-200{
    margin-top: 200px;
}

.margin-left-2{
    margin-left: 2px !important;
}

.margin-left-15{
    margin-left: 15px;
}

.padding-5{
    padding: 5px;
}

.padding-7{
    padding: 7px;
}

.padding-10{
    padding: 10px;
}

.padding-20{
    padding: 20px;
}

.padding-top-15{
    padding-top: 15px !important;
}

.padding-left-10{
    padding-left: 10px !important;
}

.padding-right-20{
    padding-right: 20px !important;
}

.padding-right-50{
    padding-right: 50px !important;
}

.padding-right-100{
    padding-right: 100px !important;
}

.width-75-per{
    width:75%;
}

.min-width-50{
    min-width:50px !important;
}

.min-width-100{
    min-width:100px !important;
}

.min-width-150{
    min-width:150px !important;
}

.min-width-200{
    min-width:200px !important;
}

.max-width-60{
    max-width:60px !important;
}

.font-size-15{
    font-size: 15px;
}

.font-size-20{
    font-size: 20px;
}

.menu-bar{
    height: 94px;
    position:relative;
}

.menu-bar-upper{
    height: 94px;
    border: 0px;
}

.main .nav-wrapper ul{
    margin-top:25px;
}

.headerlogo{
    position: absolute;
    left: 15px;
    top: 15px;
    height: 60px;
}

.switch label .lever {
   background-color: #7e8083 !important;
}

.switch label input[type=checkbox]:not(:checked)+.lever {
   /* background-color: #dea1a1 !important; */
}

.switch label input[type=checkbox]:not(:checked)+.lever:after {
   background-color: #c2c2c2 !important;
}

.switch label input[type=checkbox]:checked+.lever {
   background-color: #2ABED1 !important;
}

.switch label input[type=checkbox]:checked+.lever:after {
   background-color: #24a2b3 !important;
}

.gearup-blue{
    background-color: #334f7f !important;
}

.gearup-light-blue{
    background-color: #5487c8 !important;
}

.gearup-red{
    background-color: #d34a3a !important;
}

.gearup-orange{
    background-color: #f17447 !important;
}

.gearup-grey{
    background-color: #434343 !important;
}

.gearup-light-grey{
    background-color: #828689 !important;
}

.rgi-header-blue{
    background-color: #004e8e !important;
}

.rgi-header-grey{
    background-color: #dfdfdf !important;
}

.rgi-blue{
    background-color: #003d7d !important;
}

.rgi-light-blue{
    background-color: #4684ce !important;
}

.rgi-red{
    background-color: #d23c00 !important;
}

.rgi-orange{
    background-color: #ff6433 !important;
}

.rgi-gold{
    background-color: #f99c1b !important;
}

.rgi-grey{
    background-color: #343434 !important;
}

.rgi-light-grey{
    background-color: #7e8083 !important;
}

.rgi-header-blue-text{
    color: #004e8e !important;
}

.rgi-blue-text {
    color: #003d7d !important;
}

.rgi-light-blue-text {
    color: #4684ce !important;
}

.rgi-red-text {
    color: #d23c00 !important;
}

.rgi-orange-text {
    color: #ff6433 !important;
}

.rgi-gold-text{
    color: #f99c1b !important;
}

.rgi-grey-text {
    color: #343434 !important;
}

.rgi-light-grey-text {
    color: #7e8083 !important;
}

/* Start Loading Classes */
.noscroll {
  overflow: hidden;
}

.noselect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.loading-blocker{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    background-color: black;
    opacity: 0.75;
    z-index: 9999;
}

.sk-fading-circle {
    margin: auto;
    width: 150px;
    height: 150px;
    position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: white;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.0em;
  height: 2.0em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  font-size: 10px;
  margin: 10px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  margin-top: -15px;
  margin-bottom: 30px;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* End Loading Classes */