body {

    text-transform: uppercase;

    font-family: 'Open Sans', sans-serif;

    background-color: #ededed!important;

}
.blue-titles {
    color: #2491d3 !important;
    font-weight: 900 !important;
    text-align: center;
    font-size: 23px !important;
}

.myInspectorHeader {
    color: #2491d3 !important;
    font-weight: 900 !important;
    text-align: right;
    margin-top: 8px;
    font-size: 27px;
    margin-bottom: 0px !important;
    margin-right: 8px;
}
.myInspectorHeaderSub {
    color: #28a745 !important;
    font-weight: 700 !important;
    text-align: right;
    font-size: 18px;
    margin-right: 8px;
}
.blue-btns {
    padding-top: 20px;
}
.sub-titles {
    color: #2491d3 !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    margin: 0 auto;
    text-align: center;
}
.blue-title {
    color: #2491d3 !important;
    font-weight: 900!important;
    text-align: center;
    font-size: 23px !important;
}
.myInspectorHeaderLogo {

    max-width: 90px;
    margin-bottom: 10px;

}



.myInspectorHeaderDiv{

    height:100px;

    color:#4d4d4d!important;

}



.btn-4d {

    background-color: #4d4d4d!important;

    color: white!important;

    text-transform: uppercase;

}

.header-card {

    color: #be1e2d;

}

.color-4d {

    color: #4d4d4d!important;

}



.modal {

    z-index: 1102!important;

}

.modal-backdrop {

    z-index: 1101!important;

}

.header-card {

    color: #be1e2d;

}

.passed,

.red-background {

    color: white!important;

    border: none;

}

.yellow-tag {

    background-color: #ffef00!important;

    color: #4d4d4d!important;

    border: 1px solid #4d4d4d!important;

}



.passed {

    background-color: #5cb85c;

}



.red-background {

    background-color: #be1e2d;

}



.badge-outline {

    border: 1px solid #4d4d4d;

    border-radius: 4px;

}



.primary-btn {

    background-color: #127ca3!important;

    border-color: #127ca3!important;

    color: white!important;

    text-wrap: none!important;

}

.outline-button {

    border: 1px solid #4d4d4d!important;

}



.outline-button:link,

.outline-button:visited {

    border: 1px solid #4d4d4d!important;

}



.outline-button:hover,

.outline-button:focus,

.outline-button:active {

    background-color: #f8f8f8!important;

}



a.btn {

    text-decoration: none!important;

}



@media (max-width: 635px) {

    

}



@media (max-width: 575px) {

    




.change-icon {

    font-size: 15px;

    margin-top: 9px;

    float: right;

}
 .height {
            height: 100px;
        }
    }
@media (max-width: 500px) {

   
}