#contact-us-body-container{height: auto;padding: 20px 3%;}
#contact-us-body-container h2{margin: 12px 0px 0px 0px;padding: 0px 10px 0px 0px;font-size: 20px;}
#contact-us-body-container article{margin: 20px 8%;padding: 12px 2%;width: 82%;text-align: center;clear: both;min-height: 200px;}
#contact-us-body-container article img{margin: 15px auto;}
.back-to-login-container{width: 68%;text-align: center;padding: 15px 4% 25px 4%;border-radius: 6px;margin: 20px auto;background-color: #fbfcfc;clear: both;display: block;color: #fff;font-size: 22px;font-weight: bold;box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.10), 0 2px 5px 0 rgba(0, 0, 0, 0.12);}
.back-to-login-container a{text-decoration: none;width: 100%;display: block;height: auto;color: #222;}
.back-to-login-container img{width: 36px;height: 36px;object-fit: contain;margin: 20px auto;display: block;}
#container-main-login #container-login-get-info{display:none}


#container-main-login .login-container{width: 95% !important;}

#container-main-login .login-container h2{
    font-size: 18px;
    font-weight: 700;

}

/* home dashboard style */
#body-container #small-container-right-a{
width: 98%;clear: both;min-height: 300px;padding: 10px 2%;margin: 15px 1%;border-radius: 3px;}
#body-container #small-container-right-a h2{padding: 5px 0px 10px 0px;margin: 0px;font-size: 16px;}


/* table view */
.full-table-details-border{margin: 12px 0px 0px 0px;}
.full-table-details-border h4{margin: 7px 0px;font-size: 12px;}
.full-table-details-border td{font-size: 11px;padding: 8px 1.5%;}

.full-table-details-border-v2{margin: 12px 0px 0px 0px;}
.full-table-details-border-v2 h4{margin: 7px 0px;font-size: 12px;}
.full-table-details-border-v2 td{font-size: 11px;padding: 8px 1.5%;}

/* container style */
.full-div-width-block{width: 100%;padding: 10px 1%;margin: 2px 0% 15px 0px;border-radius: 4px;}
.full-div-width-block h2{margin: 0px;padding: 5px 0px;font-size: 13px;}

/* grid */
#insurance-products-grid-3{display: grid;grid-column-gap: 2%;grid-row-gap: 15px;grid-template-columns: 50% 50%;padding:15px 10px 10px 5px;}


/* settings style */  
#personal-details{width: 97%;margin: 0px 1.5% 10px 1.5%;min-height: 300px;clear: both;}
#personal-details .container-personal-d1 section{font-size: 12px;font-weight: bold;}
#personal-details .container-personal-d2 h2{padding: 7px 0px;font-size: 12px;}
#personal-details .container-personal-d2 p{padding: 7px 0px;font-size: 12px;}
#settings-container-changes{width: 97%;margin: 0px 1.5% 10px 1.5%;min-height: 400px;clear: both;}
#settings-container-changes .change-personal-details{margin: 0px 0px 15px 0px;}
#settings-container-changes .change-personal-details h2{padding: 10px 0px;margin: 0px;font-size: 12px;font-weight: bold;}
#settings-container-changes .change-personal-details h4{padding: 7px 0px 6px 0px;}


/* claims */
/* claims style  */
#claim-header{
    padding: 0px 2% 10px 2%;
}

#claim-header-agent{
    padding: 0px 0% 10px 0px;
}

#claim-header article{
    min-height: 120px;
    width: 40%;
    border-radius: 5px;
    padding: 7px 2%;
    margin: 0px 3% 10px 3%;
}
#claim-header-agent article{
    min-height: 120px;
    width: 44%;
    border-radius: 5px;
    padding: 7px 2%;
    margin: 0px 3% 10px 3%;
}

#claim-header article img{
    height: 46px;
    width: 46px;
    margin: 10px 0px;
}
#claim-header-agent article img{
    height: 46px;
    width: 46px;
    margin: 10px 0px;
}


#claims-info-success{
    clear: both;
    width: 100%;
    padding: 10px 3% 10px 3%;
    margin: 10px 0px;
}

#claims-info-success h2{
    font-size: 18px;
}

#claims-container-block{
    clear: both;
    width: 98%;
    padding: 10px 2.5%;
    min-height: 400px;
    margin: 15px 1%;
}

#claims-container-block h2{font-size: 18px;}
.imageview{
    width: 47%;
    float: left;
    height: 180px;
    margin: 0px 1.5% 20px 1.5%;
}

/* column layout */
.view-col-full{padding: 3px 0px;}
.view-col-half-left{width: 100%;clear: both;padding: 0%;}
.view-col-half-right{width: 100%;clear: both;padding: 0%;}
.view-col3-left{width: 100%;clear: both;padding: 3px 0%;}
.view-col3-mid{width: 100%;clear: both;margin: 0px;}
.view-col3-right{width: 100%;clear: both;}
.view-col-full h5, .view-col-half-left h5, .view-col-half-right h5, .view-col3-left h5, .view-col3-mid h5, .view-col3-right h5{margin: 4px 0px 0px 0px;}
/* end column layout */

/* general */
h2 span{display: block;width: 100%; padding: 5px 0px;text-align: center;}
h2 button{font-size: 10px;}
.hide-hr{display: none;}
.button-circle{padding: 1px 5px;border-radius: 50%;}



/* view */
/* container modal */
.how-to-pay-cont{
    width: 90%;
    min-height: 450px;
    padding: 10px 2%;
    border-radius: 4px;
}
.how-to-pay-cont .header-content{
    padding: 10px 0px;
}
.how-to-pay-cont #images-full-modal{
    height: 380px;
}

/* insurance status */
.title-content{
padding: 15px 3%;}

.title-content-left-side{
padding: 15px 3%;
width: 100%;
margin: 15px 0px 0% 0px;
min-height: 250px;
clear:both;}

.title-content-right-side{
    padding: 15px 3%;
    width: 100%;
    margin: 15px 0px 0% 0px;
    min-height: 250px;
    clear:both;}


    /* search motor details */
    #motor-search-container{
        width: 100%;
        padding: 70px 10% 20px 10%;
        top: 52px;
        left: 0%;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }