body {
    background-color: #002966 !Important;
    font-family: Arial sans-serif;
}
.inspectorContent {
    color:#99c2ff;
}
#searchInspector {
    background-color: #99c2ff;
    color: #002966;
    border-radius:5px;
}
.add_inspector:hover {
    cursor:pointer;
    background-color:#002966;
    color:#99c2ff;
    border-radius:10px;
    padding:2px;
}
.edit_inspector:hover
{
    cursor:pointer;
    background-color:#99c2ff;
    color:#002966;
    border-radius:10px;
    padding:2px;
}
.addEditInspectorZone {
    background-color: #99c2ff;
    color:#002966;
    border-radius:20px;
    padding:20px;
}
.signature-holder {

    height:50px !important;
    width:100px !important
}
.header-bar {
    position:fixed;
    margin:0;
    padding:3px;
    width:100%;
    background-color: #002966 !Important;
    color: #99c2ff !important;
    font-size:20px;
    letter-spacing:2px;
    height:50px;
    z-index:9999;
}
.masking-div {
    position:fixed;
    top:50px;
    display:none;
    height:30000px;
    width:100%;
    background-color: rgba(0, 41, 102,0.1);
    z-index:10;
}
.modal-window {
    display:none;
    margin:0;
    padding:0;
    top:50px;
    left:0;
    min-height:3000px;
    overflow:scroll;
    width:100%;
    color:#99c2ff;
    position:fixed;
    z-index:20;
}
#clearSearches{
    background-color:#002966;
    color:#99c2ff;
}
#clearSearches:hover {
    background-color:#99c2ff !important;
    color:#002966 !important;
    cursor:pointer;
    border-radius:5px;
}

.menuItem:hover {
    background-color:#0052cc !important;
    color:#fff !important;
    cursor:pointer;
    border-radius:5px;
}

.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;
}

.insp_exam_date:hover {
    border:1px solid #0052cc !important;
}

.customer-notes {
    background-color:#99c2ff;
    border-radius:10px;
    padding:5px;
    margin-bottom: 10px;
    font-family: Arial sans-serif;
    color:#002966;
}
.orderBy:hover {
    background-color:#0052cc;
    color:#fff;
    cursor:pointer;
}
.editEquipment:hover,
.deleteEquipment:hover,
.viewInspections:hover,
.downloadReport:hover,
.saveReport:hover,
.editReport:hover,
.deleteReport:hover,
.createNewSingleInspection:hover {
    background-color:#fff;
    color:#002966;
    cursor:pointer;
}
.equipmentMenu {
    background-color:#99c2ff;
    border-radius:10px;
    padding:5px;
    margin-bottom: 10px;
    font-family: Arial sans-serif;
    color:#002966;
}
.filterOption {
    background-color:#0052cc !important;
    border:none;
    width:100%;
    color:#fff;
    height:20px !important;
    border-radius:5px;
}
.odd {
    border:1px solid #cce0ff;
}
td {
    border:1px solid #cce0ff;
}
.even {
    border:1px solid #cce0ff;
}
.odd:hover,
.even:hover {
    background-color:#002966;
    color:#fff !important;
}

.success-message {
    background-color:lightgreen;
    color:green;
    padding:3px;
    border-radius:10px;
    padding-left:10px;
}
.error-message {
    background-color:#ffe6e6;
    color:red;
    padding:3px;
    border-radius:10px;
    padding-left:10px;
}
.modal-header {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    height:50px;
    line-height:50px;
    background-color: #99c2ff !important;
    color:#002966 !important;
    border:none !important;
}

.modal-title {
    font-weight:bold;
    padding:5px
}
.modal-close {
    text-align:center;
}

.modal-close:hover {
    cursor: pointer;
    color: red;
    transition: all 0.2s ease;
}

.modal-content-pls {
    margin:0;
    padding:5px;
    height:20000px;
    background-color:#002966;
}
.menu-item {
    float:left;
    padding-left:3px;
    height:50px;
    line-height:50px;
}

#ui-datepicker-div {
    width:300px !important;
    height:240px !important;
    background-color:#002966 !important;
    color:#fff !important;
    z-index:999;
}
#ui-datepicker-div table {
    width:300px !important;
}
.ui-datepicker-week-col {
    background-color:#99c2ff;
    color:#000;
    text-align:center;
}
.ui-state-default {
    text-decoration:none;
    color:#fff;
}
.ui-datepicker-unselectable,
.ui-datepicker-week-end {
    color:#DEB992 !important;
}
.ui-icon {
    background-color:#0052cc;
    padding:3px;
    color:#fff !important;
    padding-right:5px !important;
}

.ui-icon:hover {
    cursor:pointer;
    background-color:#fff;
    color:#0052cc !important;
}

#updateEquipment:hover {
    cursor:pointer;
    background-color:#002966 !important;
    color:#fff !important;
}
.selectLocation:hover
{
    cursor:pointer;
    color:#002966;
    font-weight: bold;
}
.selectSearchLocation:hover,
.selectEquipInspLocation:hover
{
    cursor:pointer;
    color:darkgreen !important;
    font-weight: bold;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;

}

.row {
    margin:0;
    padding:0;
}
.col {
    margin:0;
    padding:0;
}
.mini-menu {
    display:none;
    background-color:#99c2ff;
    color:#002966;
    border-radius:10px;
    width:150px;
    height:225px;
    position:fixed;
    right:0;
    top:50px;
    padding:10px;
}
#add_exam_status {
    background-color: #99c2ff !important;
    color:#99c2ff !important;
}
.inspectionTableHolder td {
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    height:30px;
}
.inspectionTableHolder input {
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    height:100%;
    width:100%;
    border:none;
}
.inspectionTableHolder select {
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    height:100%;
    width:100%;
    border:none;
}
.inspectionTableHolder textarea {
    margin:0 !important;
    padding:0 !important;
    box-sizing:border-box !important;
    height:100%;
    width:100%;
    border:none;
}
#createNewEquipment:hover {
    cursor:pointer;
    background-color:#0052cc !important;
    color:#fff !important;
}
.printEquipment:hover {
    cursor:pointer;
    background-color:#0052cc !important;
    color:#fff !important;
}
.mini-menu-item {
    padding:3px;
}
.mini-menu-item:hover,
.menu-item-small:hover,
.header-icon:hover {
    cursor: pointer;
    color: red;
    transition: all 0.2s ease;
}

.loginErrorZone {
    display:none;
    background-color:#ffcccc;
    color:red;
    border-radius:10px;
    padding:5px;
}

/*Small devices (landscape phones, 200px and up)*/
@media (min-width: 200px) {
    .header-main {
        float:left;
        width:90%;
    }
    .header-icon {
        padding-top:5px;
        text-align: center;
        float:left;
        width:10%;
        height:50px;
    }
    .menu-item-small {
        padding-left:5px;
        display:none;
    }
    .login-container {
        width:90%;
        margin:0 auto;
    }
    .editEquipmentHolder {
        overflow:scroll;
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:90%;
        height:200000px;
        margin:0 auto;
    }
    .contactUsHolder {
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:90%;
        margin:0 auto;
    }

    .addSection {
        width:100%;margin:0 auto;
        background-color:#002966;
        color:#99c2ff;
        border-radius:20px;
        padding:10px;
    }
  .searchInspector,
    .inspectorContent,
    .addEditInspectorZone {
        width:95%;
        margin:0 auto !important;
        margin-top:20px !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .header-main {
        float:left;
        width:100%;
    }
    .header-icon {
        padding-top:5px;
        text-align: center;
        float:left;
        display:none;
        height:50px;
        width:100%;
    }
    .menu-item-small {
        padding-left:5px;
        display:none;
    }
    .login-container {
        width:80%;
        margin:0 auto;

    }
    .editEquipmentHolder {
        overflow:scroll;
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:90%;
        margin:0 auto;
        height:200000px;
    }
    .contactUsHolder {
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:90%;
        margin:0 auto;
    }
    .addSection {
        width:100%;margin:0 auto;
        background-color:#002966;
        color:#99c2ff;
        border-radius:20px;
        padding:10px;
    }
  .searchInspector,
    .inspectorContent,
    .addEditInspectorZone {
        width:95%;
        margin:0 auto !important;
        margin-top:20px !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .header-main {
        float:left;
        width:100%;
    }
    .header-icon {
        padding-top:5px;
        text-align: center;
        float:left;
        display:none;
        height:50px;
        line-height:50px;
        width:100%;
    }
    .menu-item-small {
        padding-left:5px;
        display:block;
        float:left;
        font-size:16px !important;
        letter-spacing:0;
        height:50px;
        line-height:50px;
    }
    .login-container {
        width:60%;
        margin:0 auto;
    }
    .editEquipmentHolder {
        overflow:scroll;
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:80%;
        margin:0 auto;
        height:200000px;

    }
    .contactUsHolder {
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:60%;
        margin:0 auto;
    }
    .addSection {
        width:60%;margin:0 auto;
        background-color:#002966;
        color:#99c2ff;
        border-radius:20px;
        padding:10px;
    }
  .searchInspector,
    .inspectorContent,
    .addEditInspectorZone {
        width:60%;
        margin:0 auto !important;
        margin-top:20px !important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .header-main {
        float:left;
        width:100%;
    }
    .header-icon {
        padding-top:5px;
        text-align: center;
        float:left;
        display:none;
        height:50px;
        line-height:50px;
        width:100%;
    }
    .menu-item-small {
        padding-left:5px;
        display:block;
        float:left;
        font-size:16px !important;
        letter-spacing:0;
        height:50px;
        line-height:50px;
    }
    .login-container {

        width:50%;
        margin:0 auto;
    }
    .editEquipmentHolder {
        overflow:scroll;
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:80%;
        margin:0 auto;
        height:200000px;

    }
    .contactUsHolder {
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:60%;
        margin:0 auto;
    }
    .addSection {
        width:60%;margin:0 auto;
        background-color:#002966;
        color:#99c2ff;
        border-radius:20px;
        padding:10px;
    }
  .searchInspector,
    .inspectorContent,
    .addEditInspectorZone{
        width:60%;
        margin:0 auto !important;
        margin-top:20px !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .header-main {
        float:left;
        width:100%;
    }
    .header-icon {
        padding-top:5px;
        text-align: center;
        float:left;
        display:none;
        height:50px;
        line-height:50px;
        width:100%;
    }
    .menu-item-small {
        padding-left:5px;
        display:block;
        float:left;
        font-size:16px !important;
        letter-spacing:0;
        height:50px;
        line-height:50px;
    }
    .login-container {
        width:50%;
        margin:0 auto;
    }
    .editEquipmentHolder {
        overflow:scroll;
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:80%;
        margin:0 auto;
        height:200000px;

    }
    .contactUsHolder {
        color:#002966;
        padding:10px;
        background-color:#99c2ff;
        border-radius:10px;
        width:60%;
        margin:0 auto;
    }
    .addSection {
        width:60%;margin:0 auto;
        background-color:#002966;
        color:#99c2ff;
        border-radius:20px;
        padding:10px;
    }
  .searchInspector,
    .inspectorContent,
    .addEditInspectorZone {
        margin:0 auto !important;
        margin-top:20px !important;
        width:60%;
    }
}