label {
        padding:5px;
    }
    input[type=text] {
        background-color:#2b2b2b !important;
        color:#1BA098 !important;
        border:none !important;
        width:100%;
    }
    .selectDropdown {
        height:30px;
    }
    .selectDropdown:hover {
        height:30px;
        cursor:pointer;
        background-color:#002966;
        color:#99c2ff;
    }
	#nextPage,#prevPage {
      background-color:#000;
      color:#fff;
	}
	#nextPage:hover,#prevPage:hover {
      background-color:#0066ff;
      color:#fff;
      cursor:pointer;
	}
    #search_all_values {
      color:#0066ff;
      text-align:center;
    }
	#search_all_values:hover {
      color:#fff;
      background-color:#0066ff;
      cursor:pointer;
    }
    .closeAutocomplete {
        text-align:center;
    }
    .closeAutocomplete:hover {
        background-color:#002966;
        color:#99c2ff;
        cursor:pointer;
    }
    
    .valid {
        color:#000;
    }
    .due_soon {
        color:orange;
    }
    .overdue {
        color:red;
    }
    .signature-holder {
        
        height:50px !important;
        width:100px !important
    }
    
    .delete_inspection,
    .view_inspection ,
    .get_certificate,
    .update_inspection {
        background-color:#99c2ff;
        color:#002966;
        text-align:center;
    }
    
    .delete_inspection:hover ,
    .view_inspection:hover ,
    .get_certificate:hover,
    .update_inspection:hover {
        background-color:#002996;
        cursor:pointer;
        color:#99c2ff;
    }
    
    .orderBy:hover {
        background-color:#99c2ff;
        color:#002296;
        cursor:pointer;
    }
    
    .inspector_admin {
        display:none;
        height:350px;
        width:300px;
        z-index:999999;
        padding:10px;
        position:absolute;
        left:30%;
        top:20%;
        background-color:#002296;
        color:#99c2ff;
    }
    
    .add_inspector:hover,
    .edit_inspector:hover {
        cursor:pointer;
        background-color:#002296;
        color:#99c2ff;
    }
        #closeInspectorAdmin:hover {
        cursor:pointer;
        background-color:#99c2ff;
        color:#002296;
    }
    select {
        background-color:#002966 !important;
        color:#99c2ff !important;
        border:none !important;
        width:100%;
        height:30px;
        border-radius:5px;
    }
input[type=text] {
        background-color:#002966 !important;
        color:#99c2ff !important;
        border:none !important;
        width:100%;
        height:30px;
        border-radius:5px;
    }
    
    .edit_equipment,
    .delete_equipment,
    .view_inspections {
        background-color:#002966;
        color:#99c2ff;

    }
     .edit_equipment:hover,
    .delete_equipment:hover,
    .view_inspections:hover {
        background-color:#99c2ff;
        color:#002966;
        cursor:pointer;
    }
    
     .image-holder {
        margin:0;
        padding:0;
        width:100% !important;
        height:400px;
        background:url('../images/crane-lift.jpg')center center;
        background-repeat:no-repeat;
        background-size:cover;
        background-position: center 80%;
    }
    
    .subject-header {
        font-size:20px;
        padding:15px;
        letter-spacing:5px;
    }
    
    .subject-material {
        font-size:18px;
        padding:15px;
    }
    
    .about-us {
        background-color:#99c2ff;
        color:#fff;
        padding:30px;
        width:100%;
    }
    
    .about-us-leea {
        background-color:#002966;
        color:#fff;
        padding:30px;
        width:100%;
    }
    
    
    
       .logo_holder {
        height:200px;
        width:200px;
        border-radius:100px;
        border:3px solid #4d94ff;;
        background:url('../images/new_logo_blue.png')center center;
        background-repeat:no-repeat;
        background-size:60%;
        background-color:#99c2ff;
        margin:0 auto !important;
        padding:15px;
    }
    
    .leaa_holder {
        height:200px;
        width:200px;
        border-radius:100px;
        border:3px solid #4d94ff;;
        background:url('../images/leea-logo.jpg')center center;
        background-repeat:no-repeat;
        background-size:75%;
        background-color:#fff;
        margin:0 auto !important;
        padding:15px;
    }
        .portal_holder {
        height:200px;
        width:200px;
        border-radius:100px;
        border:3px solid #4d94ff;
        background:url('../images/portal.png')center center;
        background-repeat:no-repeat;
        background-size:70%;
        background-color:#fff;
        margin:0 auto !important;
        padding:15px;
        fill:#002966;
    }
    
    .navbar {
        background-color:#002966 !Important;
        color:#99c2ff !important;
    }
    
      .navbar-brand {
        text-decoration:none;
        color:#99c2ff !important;
    }
    
    .background-light-blue{
        height:100%;width:100%;
        padding:20px;
        background-color:#99c2ff;
    }
    

    
    .nav-link {
        text-decoration:none;
        color:#99c2ff !important;
    }
        .navbar-toggler {
        text-decoration:none;
        color:#99c2ff !important;
    }
    
    
    .navbar-toggler-icon {
        text-decoration:none;
        color:#99c2ff !important;
    }
    
        .nav-link:hover {
        text-decoration:none;
        color:#fff !important;
        cursor:pointer;
    }
    
    #searchHolder {
        display:none;
    }
    
    .dropdown-menu {
        background-color:#002966 !important;
        
    }
    .dropdown-item {
        color:#99c2ff !important;
    }
        .dropdown-item:hover {
        background-color:#99c2ff !important;
        color:#002966 !important;
        cursor:pointer;
    }
    
    #close-modal {
        text-align:center;
        
    }
    
    #close-modal:hover {
        cursor:pointer;
        background-color:#002966;
        color:#fff;
    }
    
        @keyframes fadeinall {
    0% {
      opacity: 1; }
    97% {
      opacity: 0; }
    98% {
      opacity: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    99% {
      opacity: 0;
      -webkit-transform: translateY(-100%);
      transform: translateY(-100%); }
    100% {
      opacity: 0;
      z-index: -1; } }
    #fadein {
      opacity: 1;
      position: fixed;
      width: 100%;
      height: 100%;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
      background-color: #fff;
      z-index: 999;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation: fadeinall 1s normal both;
      animation: fadeinall 1s normal both;
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }
    
    /* For best practice, move CSS below to an external CSS file. */
    @keyframes rotation {
      0% {
        transform: rotate(0deg); }
      100% {
        transform: rotate(360deg); } }
    #loader-wrapper {
      background-color: #FFFFFF;
      position: fixed;
      z-index: 999;
      width: 100%;
      height: 100%;
      text-align: center; }
    .loader {
      width: 40px;
      height: 40px;
      border: 5px solid #000000;
      border-bottom-color: transparent;
      border-radius: 50%;
      margin-top:calc(50vh - 20px);
      display: inline-block;
      box-sizing: border-box;
      -webkit-animation: rotation 1s linear infinite;
      animation: rotation 1s linear infinite; }
    
    #ui-datepicker-div {
    width:300px !important;
    height:240px !important;
    background-color:#002966 !important;
    color:#fff !important;
    z-index:999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
    
}
#ui-datepicker-div table {
    width:300px !important;
}
.ui-datepicker-week-col {
    background-color:#99c2ff;
    color:#000;
    text-align:center;
}
.ui-datepicker-unselectable,
 .ui-datepicker-week-end {
    background-color:#003eff;
    color:#DEB992 !important;
}
    
        /* Works on Firefox */
    * {
      scrollbar-width: thin;
      
    }

    /* Works on Chrome, Edge, and Safari */

    
    .maskingDiv {
        background-color:rgba(0, 41, 102,0.7);
        position:fixed;
        height:100%;
        width:100%;
        z-index:9;
        display:none;
    }
    

    
    .error-message {
        width:100%;
        background-color:#ffe6e6;
        color:red;
        padding:5px;

    }
    
        .success-message {
        width:100%;
        background-color:#00ffcc;
        color:green;
        padding:5px;

    }
    
    .login-errors
     {
        width:100%;
        background-color:#ffe6e6;
        color:red;
        padding:5px;
        display:none;
    }
    
    thead th { position: sticky; top: 0;background-color:#002966;color:#fff;height:30px;}
    
    .equipment_list {
        overflow-y:scroll;
        height:90%;
    }
    
    .welcome-bar {
        
        left:0;
        width:100%;
        
        background-color:#99c2ff;
        color:#002966;
      padding:10px;
        padding-left:20px;
      	
    }
    
    .main-content {
        margin:0 !important;
      	padding:0 !important;
        height:90%;
        width:100%;
    }
    
    .odd {
        background-color:#e6f0ff;
        height:25px;
        line-height:25px;
    }
    .even {
        background-color:#cce0ff;
        height:25px;
        line-height:25px;
    }
    
    .new-modal-error {
        display:none;
    }
    
    .autocomplete-holder {
        position:absolute;
        background-color:#99c2ff;
        color:#002966;
        z-index:99999999999;
        display:none;
        height:300px;width:300px;
        overflow-y:scroll;
    }
    
    
  
    
    @media (min-width: 300px) {
            .contact-us-holder {
        width:100%;
        margin:0 auto;
    }
     #modal-window {
        display:none;
        position:fixed;
        top:65px;
        z-index:99;
        background-color:#002966;
        color:#99c2ff;
        height:100%;
        width:100%
    }
    
    #modal-header {
        background-color:#99c2ff;
        color:#002966;
        height:30px;line-height:30px;
        margin:0 !important;
        padding:0 !important;
        letter-spacing:5px;
    }
    
    .new-modal-content {
        background-color:#002966;
        overflow:scroll;
    }
}
@media (min-width: 576px) {
       .contact-us-holder {
        width:100%;
        margin:0 auto;
    }
    .offset-for-screens {
            padding-left:110px;
    }
    #modal-window {
        display:none;
        position:fixed;
        top:65px;
        z-index:99;
        background-color:#002966;
        color:#99c2ff;
        overflow:scroll;
        height:100%;
        width:100%
    }
    
    #modal-header {
        background-color:#99c2ff;
        color:#000;
        height:30px;line-height:30px;
        margin:0 !important;
        padding:0 !important;
        letter-spacing:5px;
    }
    
    .new-modal-content {
        background-color:#002966;
        overflow:scroll;
    }
}

@media (min-width: 768px) {
       .contact-us-holder {
        width:100%;
        margin:0 auto;
    }
    
    .offset-for-screens {
            padding-left:190px;
    }
    #modal-window {
        display:none;
        position:fixed;
        top:65px;
        z-index:99;
        background-color:#002966;
        color:#99c2ff;
        overflow:scroll;
        height:95%;
        width:100%;
        margin:0 auto;
    }
    
    #modal-header {
        background-color:#99c2ff;
        color:#000;
        height:30px;line-height:30px;
        margin:0 !important;
        padding:0 !important;
        letter-spacing:5px;
    }
    
    .new-modal-content {
        background-color:#002966;
        overflow:scroll;
    }
     
}

@media (min-width: 992px) {
        .contact-us-holder {
        width:100%;
        margin:0 auto;
    }
     .offset-for-screens {
            padding-left:240px;
    }
    #modal-window {
        display:none;
        position:fixed;
        top:65px;
        z-index:99;
        background-color:#002966;
        color:#99c2ff;
        overflow:scroll;
        height:95%;
        width:100%;
        margin:0 auto;
    }
    
    #modal-header {
        background-color:#99c2ff;
        color:#000;
        height:30px;line-height:30px;
        margin:0 !important;
        padding:0 !important;
        letter-spacing:5px;
    }
    
    .new-modal-content {
        background-color:#002966;
        overflow:scroll;
    }
}


@media (min-width: 1200px) {
        .contact-us-holder {
        width:50%;
        margin:0 auto;
    }
    .offset-for-screens {
            padding-left:160px;
    }
    #modal-window {
        display:none;
        position:fixed;
        top:65px;
        z-index:99;
        background-color:#002966;
        color:#99c2ff;
        overflow:scroll;
        height:95%;
        width:100%;
        margin:0 auto !Important;
    }
    
    #modal-header {
        background-color:#99c2ff;
        color:#000;
        height:30px;line-height:30px;
        margin:0 !important;
        padding:0 !important;
        letter-spacing:5px;
    }
    
    .new-modal-content {
        margin-top:30px;
        background-color:#002966;
        overflow:scroll;
    }
    
    #updateEquipmentNow {
        width:50%;
        margin:0 auto;
    }
}