/*this code contains the style colors as variables, used by:
    background-color:#28a745;
*/ 
:root{
    --hcr_success:#28a745; /* === green ===*/
    --hcr_warning:#ffc107; /* === yellow ===*/
    --hcr_danger:#dc3534; /* === red ===*/
    --hcr_primary:#2491d3; /* === blue ===*/
    --hcr_gray_dark:#4d4d4d; /* === gray - #4d ===*/
    --hcr_gray_light:#e3e3e3; /* === light gray - #e3 ===*/
    /*var(--hcr_)*/
}

*{​
    text-transform: uppercase !important;
}

body {
    background-color: #ededed;    
    overflow-x: hidden;
    -webkit-overflow-x: hidden;
    text-transform: uppercase !important;
}

a {
    text-decoration: none!important;
}
a img:hover {
    opacity: .8;
}
.navbar{
    z-index: 10000 !important;
}
.alert {
    color: #4d4d4d !important;
    text-align: center !important;
}
.modal {
    z-index: 11000!important;
}
.modal-backdrop {
    z-index: 1101!important;
}
.header-card {
    color: #2491d3 !important;
    font-weight: 700 !important;
}
.title {
    color: #2491d3 !important;
    font-size: 26px;
    font-weight: 900;
    text-transform: uppercase;
}
.btn-center{
    text-align: center !important;
}
.center{
    /*display: flex;*/
    justify-content: center;
}
.center-icons{
    text-align: center !important;
    display: flex !important;
    justify-content: center;
}
.right{
    display: flex;
    justify-content: flex-end;
}
.badge-outline {
    border: 1px solid #4d4d4d;
    border-radius: 4px;
}

.badge-info{
    background-color: #2491d3 !important;
}

.HCRBrands-header {
    background-color: #4d4d4d!important;
    color: white;
}
.social {
    color: #fff !important;
}
.height-onehundred-responsive {
    max-height: 100px;
}

.icon-white{
    color: #ffffff !important;
}
.icon-white: hover {
    color: #2491d3 !important;
}
.icon-success{
    color: #28a745 !important;
}
.icon-primary{
    color: #2491d3 !important;
}

.equipment-type-color {
    background-color: #e7e7e7;
    color: #4d4d4d;
}

.location-text{
    margin-top: 20px;
}
.blogs-text-para {
    text-transform: none !important;
}
.blog-title {
    color: #127ca3 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: -5px 0px 11px 0px !important;
}
.blog-paragraph {
    text-transform: none !important;
    font-size: 14px !important;
    line-height: 24px !important;
    margin-bottom: 13px;
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fa-input{
    font-family: FontAwesome,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.text-center{
    text-align: center;
}

#terms-block {
    font-size: 12px!important;
}
/*.color-test{
    background-color: #28a745;
}*/

.badge-doc-count{
    width: 20px !important;
    float: right !important;
    position: absolute !important;
    right: 23% !important;
}

.spinner-center{
    position: absolute;
    left: calc(50% - 40px);
    top: 100px;
}
.loading-center{
    position:absolute;
    width: 300px;
    left: calc(50% - 150px);
    top: 200px;
    text-align: center;
}

.info-box{
    border: 2px solid #4d4d4d;
}

.info-box-title{
    height: 50px;
    background-color: #4d4d4d;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    padding:12px;
}

.info-box-body{
    font-size: 16px;
    font-weight: 200;
    text-align: left;
    margin: auto;
    padding: 24px;
}

/***************************************** Buttons ****************************************/
.green-background,
.passed,
.red-background,
.failed {
    color: white!important;
    border: none;
}

.green-background,
.passed {
    background-color: #28a745;
}

.failed,
.red-background {
    background-color: #dc3534;
}

.yellow-background {
    color: #ffffff !important;
    background-color: #ffc107!important;
}

.primary-btn {
    background-color: #2491d3!important;
    color: white!important;
    text-wrap: none!important;
    border-color: 1px solid #ffffff!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;
}*/

.btn155 {
    width: 166px!important;
}
.btn-4d {
    background-color: #4d4d4d!important;
    color: white;
}
.btn-4d:hover {
    color: white;
}

.btn {
    border: 2px solid #2491d3 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #2491d3 !important;

}

.btn:hover {
    border: 2px solid #2491d3 !important;
    color: #2491d3 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
}

.btn-success {
    border: 2px solid #28a745 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #28a745 !important;
}

.btn-success:hover {
    border: 2px solid #28a745 !important;
    color: #28a745 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #FFFFFF !important;
}

.location-btn{
    border: 2px solid #2491d3 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #2491d3 !important;
    text-align: center;
    margin-bottom: -24px !important;
    margin-left: -3px !important;
    margin-right: -3px !important;
}

.location-btn:hover {
    border: 2px solid #2491d3 !important;
    color: #2491d3 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
    text-align: center;
    margin-bottom: -24px !important;
    margin-left: -3px !important;
    margin-right: -3px !important;
}

.change-location-btn {
    border: 2px solid #2491d3 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    display: block !important;
    line-height: 1px !important;
    /* padding: 6px 12px !important; */
    background-color: #2491d3 !important;
    width: 38px;
    height: 29px;
}
.change-location-btn:hover {
    border: 2px solid #2491d3 !important;
    color: #2491d3 !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    display: block !important;
    line-height: 1px !important;
    /* padding: 6px 12px !important; */
    background-color: #fff;
    width: 38px;
    height: 29px;
}

.my-account-btn:hover {
    border: 2px solid #2491d3 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    display: block !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #2491d3 !important;
}

.my-account-btn {
    border: 2px solid #2491d3 !important;
    color: #2491d3 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    display: block !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
}

.scroll-top-tour{
    scroll-margin-top: 500px;
}

.scroll-padding-bottom-tour{
    scroll-padding-bottom: 160px;
}

a.btn {

}

.quick-links-assets{
    font-size: 12px !important;
}

.primary{
    color: #2491d3 !important;
}

.mm-sronly {
    display:none;
}

#change-location-container > .cbFormLabelCell {
    display:none;
}

#fa-white{
    color:#ffffff;
}

.text-dd{
    color: #eeeeee !important;
}

.btn-alert{
    font-size: 12px !important;
    background-color: #4d4d4d !important;
    border: 2px solid #4d4d4d !important;
    padding: 7px 0px !important;
}
.btn-alert:hover{
    font-size: 12px !important;
    color: #4d4d4d !important;
    background-color: rgba(0,0,0,0) !important;
    border: 2px solid #4d4d4d !important;
    padding: 7px 0px !important;
}

#back-btn{
    z-index: 4 !important;
}

#print-hide{
    z-index: 4 !important;
    /*margin-top:100px !important;*/
}

.inspection-note-align{
    padding-left: 27px !important;
    text-indent: -14px !important;
}

.text-danger{
    color: #dc3534 !important;
}

.text-warning{
    color: #ffc107!important;
}

.text-dark{
    color: #4d4d4d;
}
.text-light{
    color: #ffffff !important;
}

.side-spacing{
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.right-space{
    margin-right: 15px !important;
}
.right-space-100{
    margin-right: 100px !important;
}

.view-only-print{
    display:none;
}

.card-text{
    position: absolute !important;
    margin-top: 20px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.select-customer-btn{
    margin-bottom: 15px !important;
}

#select-location-btn{
    margin-bottom: 15px !important;
}

.submit-feature-btn{
    border: 2px solid #2491d3 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    display: block !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #2491d3 !important;
}

.submit-feature-btn:hover{
    border: 2px solid #2491d3 !important;
    color: #2491d3 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer !important;
    display: block !important;
    line-height: 24px !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
}

.btn-dangerous{
  border: 2px solid #dc3534 !important;
  color: #dc3534 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  cursor: pointer !important;
  line-height: 24px !important;
  padding: 6px 12px !important;
  background-color: #ffffff !important;
}

.btn-dangerous:hover{
  border: 2px solid #dc3534 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  font-family: 'Open Sans', sans-serif !important;
  cursor: pointer !important;
  line-height: 24px !important;
  padding: 6px 12px !important;
  background-color: #dc3534 !important;
}

.btn-disabled{
  border: 2px solid #bbbbbb;
  color: #bbbbbb;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  line-height: 24px;
  padding: 6px 12px;
  background-color: #ffffff;
}

.btn-disabled:hover{
  border: 2px solid #cccccc;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  line-height: 24px;
  padding: 6px 12px;
  background-color: #cccccc;
}

/*added this td style for borders being drawn in modal -- MIGHT CAUSE UNFORSEEN ISSUES!*/
td{
    background-color: transparent !important;
    border-style: none !important;
}

/*#login-card{
    min-height: 211px !important;
}*/

.badge-warning{
    color: #ffffff;
    background-color: #ffc107;
}

.badge-dark{
    color: #ffffff;
    background-color: #4d4d4d;
}

.badge-primary{
    color: #ffffff;
    background-color: #2491d3;
}

#min-height{
    min-height: 125px !important;
}

.print-break{
    page-break-inside: avoid !important;
}

.w-120{
    width: 120% !important;
}

.btn-close{
    background-color: #dc3534 !important;
    border: 2px solid #dc3534 !important;
}
.btn-close:hover{
    background-color: #ffffff !important;
    border: 2px solid #dc3534 !important;
    color: #dc3534 !important;
}




/*blogs*/

#desktop-blogs > table[data-cb-name="cbTable"] > tbody > tr > td {
    border-color: #ffffff !important;
    border-style: none !important;
    -webkit-box-shadow: 0px !important;
    box-shadow: none !important;
    border-bottom: none !important;
    padding-bottom: 16px !important;
    margin-bottom: 16px !important;
    padding-top: 16px !important;
    margin-right: 10px !important;
    margin-left: 10px !important;
    border-size: 0px !important;
}
#desktop-blogs table[data-cb-name="cbTable"] tbody tr td {
    border-style: none !important;
}
.why-yorkhoist-icons-blog {
    width: 275px;
}
.title-blogs-index {
        color: #4d4d4d;
        text-transform: uppercase;
        height: 76px !important;
        display: block;
        font-weight: 900;
        line-height: 18px;
        margin-top: 10px;
        font-size: 14px;
}
.btn-block {
    display: block;
    width: 100%;
}
.blogs-text {
    color: #2491d3 !important;
    text-align: center;
    font-weight: 900;
}



.font-weight-bold {
    font-weight: 700;
}






@media (max-width: 400px){
    #InsertRecordmessage{
        width: 100% !important;
    }
    #InsertRecordfile1{
        width: 100% !important;
    }
    #InsertRecordfile2{
        width: 100% !important;
    }
    #InsertRecordfile3{
        width: 100% !important;
    }
}

@media print{
    *{
        -webkit-transition:none !important;
        transition:none !important;
    }
    #yh-alert{
        display: none !important;
    }
    .hide-print{
        display: none !important;
    }
    .right-space{
        margin-right: 15px !important;
    }
    .primary-btn{
        display:none !important;
    }
    .btn-close{
        display: none !important;
    }
    .cbResultSetLabel{
        visibility:visible !important;
    }
    .view-only-print{
        display:block;
    }
    
}
@media (min-width: 1001px) and (max-width: 1200px) {
    .min-height-mobile {
        min-height: 645px;

    }
}

@media (min-width: 901px) and (max-width: 1000px) {
    .min-height-mobile {
        min-height: 560px;

    }
}
@media (min-width: 801px) and (max-width: 900px) {
    .min-height-mobile {
        min-height: 500px;

    }
}
@media (min-width: 786px) and (max-width: 800px) {
    .min-height-mobile {
        min-height: 480px;

    }
}
@media (min-width: 681px) and (max-width: 785px) {
    .min-height-mobile {
        min-height: 520px;

    }
}
@media (min-width: 576px) and (max-width: 680px) {
    .min-height-mobile {
        min-height: 500px;
    }
}
@media (min-width: 551px) and (max-width: 575px) {
    .min-height-mobile {
        min-height: 1010px;
    }
}
@media (min-width: 451px) and (max-width: 550px) {
    .min-height-mobile {
        min-height: 944px;

    }
}
@media (min-width: 401px) and (max-width: 450px) {
    .min-height-mobile {
        min-height: 849px;

    }
}
@media (min-width: 301px) and (max-width: 400px) {
    .min-height-mobile {
        min-height: 760px;

    }
}
@media (min-width: 0px) and (max-width: 300px) {
    .min-height-mobile {
        min-height: 742px;

    }
}