/*@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir LT Std 65 Medium'), url('../lib/fonts/AvenirLTStd-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: bold;
    src: local('Avenir LT Std 85 Heavy'), url('../lib/fonts/AvenirLTStd-Heavy.woff') format('woff');
}*/

header h4 {
    margin: 40px 0;
}

.form {
    /*background-color: #f3f6f8;*/
    /*background-color: #fff;*/
    /*padding: 15px;
    border: 2px solid #d5dbe2;*/
    /* box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.05);*/
    box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 0.1);
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 15px;
    background-color: white;
}

@media (min-width: 992px) {
    .form {
        padding: 30px;
    }
}

@media (min-width: 1200px) {
    .form {
        padding: 40px;
    }
}


/*.form-light {
    background: rgba(255,255,255,0.8);
    padding: 30px 40px;
}*/

form h6 {
    margin-bottom: 0;
}

/* Lift datepicker */
/*#ui-datepicker-div { 
    z-index: 2 !important;
}*/

.form-control {
    border-radius: 0;
    color: #595d6e;
    font-size: 1em;
}

.actions {
    background: #fff;
    position: absolute;
    right: 20px;
    /*right: 40px;*/
    /*top: 15px;*/
    top: -5px;
    padding: 4px 9px;
    border-radius: 16px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);
    color: #ebeff3;
}

    .actions a {
        color: #9d9d9d;
        padding: 2px 5px;
        font-size: 16px;
        margin-top: 2px;
    }

        .actions a:hover {
            color: #3c3c3c;
            background: #f9f9f9;
        }

.form-heading {
    background: #a8adb3;
    /*display: inline;*/
    /*margin: 0 20px;*/
    margin: 0;
    padding: 7px 10px 5px 10px;
    border-radius: 6px 6px 0 0;
    color: #fff;
}

table {
    background: #fff;
}

.table td, .table th {
    vertical-align: middle;
}

    .table th.sticky-top {
        top: -1px;
        z-index: 2;
    }

.table .thead-light th {
    color: #65686b;
    font-weight: 600;
}

/* JBUrgos required-fields start */
.required-field-address .default-labels::before, .required-field::before, .required-field-inline:before { /*new update*/
    content: "*";
    color: #ba4545;
}

.required-field-address .default-labels::before, .required-field-inline:before { /*new update*/
    margin-right: 0.5rem;
}
/* JBUrgos required-fields end */


/*loading captions start */
.loading-caption {
    color: #adb5bd;
    font-size: 13px;
    letter-spacing: 1px;
}
/*loading captions end */


/*revert style for angular calls start*/

.HideDiv {
    display: none;
}

.MainDivAutoComplete {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
    position: absolute;
    z-index: 200;
    margin: 5px;
    width: 100%;
    min-height: 130px;
}

.ClassSubQuestionsDiv {
    background-color: #f7fffd;
    min-width: 800px;
    width: 100%;
    height: 50%;
    align-content: center;
    max-height: 600px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin-left: auto;
    overflow-y: auto;
}

    .ClassSubQuestionsDiv:after, .ClassSubQuestionsDiv:before {
        bottom: 100%;
        /*left: 60%;*/
        left: 77%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .ClassSubQuestionsDiv:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #f7fffd;
        border-width: 30px;
        margin-left: -30px;
    }

    .ClassSubQuestionsDiv:before {
        border-color: rgba(196, 164, 59, 0);
        /*border-bottom-color: #d28e3f;*/
        border-width: 36px;
        margin-left: -36px;
    }

.InnerDivAutoComplete {
    background-color: #f7fffd;
    min-width: 120px;
    width: 100%;
    height: 250px;
    /*height: 60%;*/
    align-content: center;
    /*max-height: 320px;*/
    overflow-y: auto;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}

    .InnerDivAutoComplete:after, .InnerDivAutoComplete:before {
        bottom: 100%;
        left: 10%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .InnerDivAutoComplete:after {
        border-bottom-color: #fff;
        border-width: 15px;
        margin-left: -15px;
    }

    .InnerDivAutoComplete:before {
        border-bottom-color: #E8E8E8;
        border-width: 17px;
        margin-left: -17px;
    }
/*revert style for angular calls end*/


/*HTML element use as component  start */
/*.html-element-component {
}*/

/*.input-group.html-element-component span{
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem 0 0 0.25rem;
    padding: 0.5rem 0.75rem;
}*/

/*HTML elements use as component end */

/*JBurgos Unordered HTML form List START */
/*
    #questions-main-content questions:first-child ul {
    list-style-type: none;
}

#questions-main-content questions:first-child ul {
    padding-inline-start: 30px;
    list-style-type: none;
}

    #questions-main-content questions:first-child ul li {
        margin-left: -30px;
        margin-bottom: 1rem;
    }

*/

/*.questions-container ul li {
    padding-inline-start: 40px;
    list-style-type: none;
}

.questions-container ul li {
    margin-left: 30px;
}*/

/*JBurgos Unordered HTML form List END */

textarea {
    min-height: 70px;
}

.input-group-text {
    padding: 0 0.75rem;
    /*border-radius: 0.25rem 0 0 0.25rem;*/
    border-radius: 0;
    font-size: 13px;
}

    .input-group-text.no-bg {
        margin-bottom: 1rem;
    }

@media (min-width: 576px) {
    .input-group-text.no-bg {
        margin-bottom: 0;
    }
}


.leftSpacer {
    margin-left: 30px;
}

.leftSpacer-2 {
    margin-left: 40px;
}

.rightSpacer {
    margin-right: 30px;
}

/* Overwrite Gen. Components --START--*/
/*.questions-container hr {
    display: none !important;
}

.questions-container hr {
    display: none !important;
}*/

.questions-container questions .col-md-11:before {
    content: "";
    display: block;
    border-top: 1px solid #ccc;
    margin: 15px 0px;
}

.questions-container questions:first-child > div:first-child .col-md-11:before {
    border-top: none !important;
}


/* Overwrite Gen. Components --END--*/
.btn-outline-dark {
    color: #495057;
    border-color: none;
}

    .btn-outline-dark:hover {
        color: #495057;
        background-color: #e9ecef;
        border-color: none;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.3);
    }

/*change form-heading stlye*/
.surety-form-heading .form-heading, .questions-container .form-heading, .additional-questionnaire {
    font-weight: 600;
    display: block !important;
    margin: 1rem 0 1rem 0 !important;
    /*unset all css property set in .form-heading */
    color: unset;
    border-radius: unset;
    padding: unset;
    background-color: unset;
}


.modal-dialog .modal-header img {
    width: 80px;
    /*margin-right: auto;
    margin-left: auto;*/
    -webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.70);
    margin-right: 1rem;
    margin-left: 1rem;
}

.rounded-circle {
    border-radius: 50% !important;
}

/*table fixed-width */
.mw-150pixel {
    min-width: 150px;
    width: auto;
}

.mw-230pixel {
    min-width: 230px;
}

.mw-300pixel {
    min-width: 300px;
}

.unset-numberDropdown-width input,
.unset-numberDropdown-width select {
    width: 100% !important;
    /*min-width: auto !important;*/
    /*min-width: 120px;*/
}

.input-group-text.no-bg {
    background-color: transparent;
    border: none;
    padding-left: 0px;
    color: #595d6e;
}

.row.row-eq-height [class*="col-"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* for question Summary start */

@media (min-width: 992px) {
    .push-lg-3 {
        left: 25% !important;
    }

    .pull-lg-9 {
        right: 75% !important;
    }
}

@media (min-width: 768px) {
    .push-md-4 {
        left: 33.333333%;
    }

    .pull-md-8 {
        right: 66.666667%;
    }
}
/* for question Summary end */

/*MVC component start*/
.main-content {
    background-color: rgba(255,255,255,.8);
    width: 100%
}

.table td.table-btn-sm {
    padding: 0.50rem 0.75rem;
}

.table-btn-sm .btn {
    padding: 5px 10px;
}

/*MVC component end*/

/*.col-xs-2 + .col-xs-10:before {
    content: "-";
    position: absolute;
    left: 0;
    top: 6px;
}*/

.yestxt {
    width: 55px !important;
}

@media (min-width: 576px) {
    .modal-dialog-centered::before {
        height: calc(90vh - 3.5rem);
    }
}

/*questions:first-child questiontype .additional-questionnaire-parent {
    margin-left: -60px !important;
    margin-bottom: 1rem;
}*/

/*.additional-questionnaire-parent {*/
/*margin-left: 0px !important;*/
/*margin-left: -60px !important;
}*/

questions div:not(:first-child) .normal-questionnaire .form-heading,
.questionnaire-container .no-idention-additional-questionnaire .form-heading {
    font-weight: 500;
    display: block !important;
    margin: 1rem 0 1rem 0 !important;
    /*unset all css property set in .form-heading */
    color: unset;
    border-radius: unset;
    padding: unset;
    background-color: unset;
    font-size: 1rem;
}

.no-idention-additional-questionnaire {
    /* margin-left: -15px !important;*/
    /* margin-left: 15px !important;
    margin-right: 15px !important;*/
    margin-left: 0px !important;
    margin-right: 0px !important;
}


questions:first-child questiontype .additional-questionnaire-parent-container {
    margin-left: -60px !important;
    margin-bottom: 1rem;
}

questions:first-child questiontype .questionnaire-container {
    margin-left: -30px !important;
    margin-bottom: 1rem;
}
/* GL */
.questions-container .additional-questionnaire-parent {
    padding-inline-start: 60px !important;
    list-style-type: none;
}

.questions-container .additional-questionnaire-parent {
    margin-left: 30px !important;
}

.additional-questionnaire-parent-container .additional-questionnaire-parent {
    margin-left: 0px;
}

.additional-questionnaire-parent {
    margin-left: -30px; /*must remove to fix indention*/
}

/*.additional-questionnaire-parent .leftSpacer input {
    margin-left: 15px;
}*/

.warning-message {
    /*color: #a2434b;*/
    color: #dc3545;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.info-message {
    /*color: #f56800;*/
    color: #007bff;
    font-size: 13px;
    letter-spacing: 0.5px;
}

/*propertymortgageeinfo {
    margin-left: -30px;
    margin-right: -30px;
}*/

.unset-numberDropdown-width .col-auto {
    width: 100%;
}




/**New BROWSE PAGE */
.max-width-80-prcnt {
    max-width: 80rem;
}

.max-width-90-prcnt {
    max-width: 95.36743rem;
}

.max-width-100-prcnt {
    max-width: 100rem;
}


/* ------------                          ------------*/
/* ------------        agency CARD       ------------*/
/* ------------                          ------------*/
.agency .card {
    background: white;
    border-radius: 0px;
    /* border: 1px solid rgba(0, 0, 0, 0.125);*/
}

/*.card.active {*/
/* border-bottom: 3px solid #f56800 !important;*/
/*border-left: 5px solid #f56800 !important;
}*/

.agency .card-header {
    /* padding: .50rem 1.25rem;*/
    background-color: #e9ecef;
    /*background-color: white;*/
}

.agency .card-footer {
    /* border-top: none;*/
    background-color: white;
    /* padding: .50rem 1.25rem 1rem 1.25rem;*/
    /*   padding: 0.50rem 1.25rem;*/
}

.agency .card-body {
    background-color: white;
}


.agency .card-header .label-header a, .agency .card-header .nav-item a.nav-link {
    /*color: #595d6e;*/
    color: #5f6281;
    /*font-weight: normal;*/
    font-size: 12px;
}

.agency .card-header .label-header:hover a, .agency .card-header .nav-item:hover a.nav-link {
    color: #f56800;
    text-decoration: none;
}


.agency .card-header .btn-dropdown {
    /*color: #f56800;*/
    color: #5f6281;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: none;
    padding: 0px 14px;
}

    .agency .card-header .btn-dropdown:hover {
        /*background: #f56800;
        color: #fff;*/
        color: #f56800;
    }

.btn.btn-pill {
    border-radius: 2rem;
}

.btn-outline-brand {
    color: #f56800;
    border: 1px solid #f56800;
}

    .btn-outline-brand:hover {
        border-color: #ca5500;
        background: #ca5500;
        color: #fff;
    }

.custom-number form .row {
    display: block;
}

.zipcode-pagination .justify-content-md-between {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}