/* Font Awesome */
/*@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);*/


.html_page_app_home, .html_page_app_home-auth, .html_page_app_dashboard, .html_page_app_onboarding-phase-rep, .html_page_app_onboarding-phase-1, .html_page_app_onboarding-phase-2,{background: #f7f7f7;}
.html_page_app_home body, .html_page_app_home-auth body, .html_page_app_dashboard body, .html_page_app_onboarding-phase-rep body, .html_page_app_onboarding-phase-1 body, .html_page_app_onboarding-phase-2 body{background-color: transparent;}
.html_page_clients_details body{background-color: #F9F9F9;}
.html_page_clients_details body .mainSectionFirst{ padding-bottom: 0; }
/* Pricing Box */
.pricing-box {
    padding: 30px 30px 50px;
    text-align: center;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.08);
}
.pricing-box .box-title {
    margin: 0 0 25px;
    font-size:25px;
}
.pricing-box .box-info {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
}
.pricing-box .box-price {
    font-size: 100px;
    line-height: 1;
    color:#309BDE;
    margin-bottom: 30px;
}
.pricing-box .box-price .tag {
    display: block;
    font-size: 18px;
    margin-top: 15px;
    color:rgba(77, 79, 92,0.5);
}
.pricing-box .box-features {
    margin-bottom: 40px;
}
.pricing-box .box-features ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #566277;
}
.pricing-box .box-features ul li + li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.pricing-box.box-primary {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.08), 0 0 0 3px #309BDE;
}
googleplace .input-group-addon{ line-height: 26.1px;
    vertical-align: top;
    font-size: 16px; }

/* Custom Table Style */
.custom-table {
    border-radius: 4px;
}
.custom-table .custom-control {
    display: inline-block;
}
.custom-table img.inline {
    margin: 0 10px 0 0;
    max-width: 34px;
    height: auto;
}

.custom-table img.inline.user_pic{ border-radius: 50%; width: 34px; height: 34px; background-position: 100px; background-repeat: no-repeat; background-size: cover; object-fit: cover; object-position: center top;}
.custom-table span.inline.user_pic{ width:  34px; height:  34px; text-transform: uppercase; margin-right: 10px; display: inline-block; vertical-align: middle; border-radius: 50%; text-align: center; line-height: 35px; background-color: #DDD; color: #fff; font-size: 16px; font-weight: 400;}
.custom-table sup.asterisk{font-size: 18px;top: -3px;color: #f15f5f;}
.custom-table > thead > tr > th,
.custom-table > tbody > tr > th,
.custom-table > tfoot > tr > th,
.custom-table > thead > tr > td,
.custom-table > tbody > tr > td,
.custom-table > tfoot > tr > td {
    vertical-align: middle;
    padding: 5px 10px;
    border-color: rgba(199, 208, 214,0.6);
    color: #384248;
}
.custom-table > thead > tr > th {
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 12px;
}
.custom-table th:first-child > b,.custom-table td:first-child > b {
    font-weight: 600;
    font-size: 17px;
    color: #222;
}
.custom-table th:last-child,.custom-table td:last-child {
    text-align: right;
}
.custom-table > thead > tr > th {
    border: none;
}
.custom-table.custom-borderd {
    box-shadow: 0px 0 0 1px rgba(199, 208, 214,0.6);
}
.custom-table.custom-borderd thead {
    background-color: #F3F8FC;
}

.table-responsive .custom-table {
    margin: 1px;
    width: calc(100% - 2px);
}

.nested-table tr:first-child > th,
.nested-table tr:first-child > td {
    border-top: none;
}
.nested-table tr {
    font-size: 17px;
}
.nested-table tr tr{
    font-size: 15px;
}
.nested-table tr tr tr{
    font-size: 14px;
    color: #898F98;
}
.nested-table table {
    border-left: 1px solid #EEEEEE;
    margin: 10px 0;
}
.nested-table tr tr td,
.nested-table tr tr th {
    padding: 7px 15px;
    border-top: none;
}
.nested-table table table td {
    padding: 4px 15px;
}
.inline-editable {  }
.inline-editable > thead > tr > th,
.inline-editable > tbody > tr > th,
.inline-editable > tfoot > tr > th,
.inline-editable > thead > tr > td,
.inline-editable > tbody > tr > td,
.inline-editable > tfoot > tr > td {
    padding:10px 15px 0;
    border: none;
    border-bottom: 1px solid #ddd;
}
.inline-editable th:first-child,.inline-editable td:first-child {
   padding-left:0  !important;
}
.inline-editable th:last-child,.inline-editable td:last-child {
   padding-right:0  !important;
}

table.inline-editable .form-control {
    background-color: #FFF;
    border:none;
    border-radius: 0;
    font-weight: 400;
    border-bottom: 3px solid transparent;
    box-shadow: none;
    padding: 10px 0;
    cursor: pointer;
    height: auto;
    min-height: 40px;
    text-decoration: none;
    font-size: 17px;
    color: #21262d;
}
table.inline-editable .control-label {
    margin-bottom: 0;
}
table.custom-table .custom-control {
    padding-left: 20px;
}
table.custom-table .custom-control-label::before,
table.custom-table .custom-control-label::after {
    width: 18px;
    height: 18px;
    top:5px;
}


table.inline-editable .form-group {
    margin-bottom: 0;
}
.editableform {
    position: relative;
}
.editableform .editable-buttons {
    position: absolute;
    top: 12px;
    right: 7px;

}
.editable-submit, .editable-cancel {
    border:none;
    background: transparent;
    color: #309BDE;
}
.editable-cancel {
    color: #BC5050;
}
table.inline-editable .editableform .form-control {
    background-color: rgba(236, 239, 240,0.58);
    padding:10px 40px 10px 15px;
    border-bottom-color: #309BDE;
    font-weight: 600;
}
table.inline-editable .editable {
    position: relative;
}
table.inline-editable .editable:after {
    content: "\270f";
    font-family: 'Glyphicons Halflings';
    font-size: 80%;
    position: absolute;
    margin-left: 6px;
    margin-top: 1px;
    visibility: hidden;
    opacity: 0;
    color: #309BDE;
    transition: all ease 0.3s;
}
table.inline-editable .editable:hover:after {
    opacity: 1;
    visibility: visible;
}
/* Icons Forced to Center */
.input-group-addon i {
    position: relative;
    left:1px;
}

/* Select Box */
dropdown:focus{ outline: none; }
.selectWrap.form-control {
    position: relative;
    z-index: 15;
    cursor: pointer;
    line-height: 27px;
}
dropdown:focus .selectWrap.form-control{ 
    border-color: #BBB; 
}
.selectWrap.form-control.active {
    border-radius: 3px 3px 0 0;
}
.selectWrap:not(.active) .sel__placeholder {
    color: #BBBBBB;
    font-weight: 400;
}
.selectWrap.form-control:before {
    content: "";
    width: 15px;
    height: 15px;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    position: absolute;
    right: 20px;
    font-size: 90%;
    top: 17px;
    background: url(../images/downArrow.svg) center no-repeat;
}
.selectWrap .sel__box {
    position: absolute;
    top: 100%;
    left: -1px;
    padding: 7px 12px;
    background: #ffffff;
    border-top: none;
    border: 1px solid #E3E3E3;
    border-radius: 0 0 3px 3px;
    right: -1px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.08);
    transition: all ease 0.15s;
    transform: scaleY(0);
    transform-origin: top center;
}
.selectWrap.active .sel__box {
    transform: scaleY(1);
}

.selectWrap .sel__box .sel__box__options {
    width: 100%;
    display: block;
    cursor: pointer;
    color: #808A9B;
    font-weight: 400;
    font-size: 15px;
    padding: 7px 0;
}
.selectWrap .sel__box .sel__box__options + span {
    border-top: 1px solid #EEEEEE;
}

.selectWrap .sel__box .sel__box__options.selected,.selectWrap .sel__box .sel__box__options:hover {
    color:#1F3150;
}

dropdown[disabled="disabled"] .selectWrap.form-control{ 
    opacity: 0.5;
    background-color: #dedede;
    border-color: #b9b9b9;
}

.lead-percentage{
    color: #65C5B2;
    padding-left: 10px;
    font-size: 14px;
}

.dropdown-container .selectWrap.form-control {
    position: relative;
    z-index: 15;
    cursor: pointer;
    line-height: 20px;
}
.dropdown-container.open .selectWrap.form-control {
    border-radius: 3px 3px 0 0;
}
.dropdown-container:not(.open) .selectWrap .sel__placeholder {
    /*color: #BBBBBB;*/
    /*font-weight: 400;*/
}

.dropdown-container .selectWrap.form-control:before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/downArrow.svg) center no-repeat;
    position: absolute;
    top: 13px;
    right: 12px;
    font-weight: 400;
    line-height: 1;
    text-rendering: auto;
    font-size: 90%;
    
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
}
.dropdown-container .dropdown-menu.sel__box {
    position: absolute;
    top: 100%;
    margin-top: -2px;
    left: 0px;
    padding: 7px 12px;
    background: #ffffff;
    border-top: none;
    border: 1px solid #E3E3E3;
    border-radius: 0 0 3px 3px;
    right: 0px;
    box-shadow: 0 3px 16px rgba(0,0,0,0.08);
    transition: all ease 0.15s;
    transform: scaleY(0);
    transform-origin: top center;
    min-width: auto;
    /*z-index: 6;*/
    max-height: 297px;
    overflow: auto;
}
.dropdown-container.open .dropdown-menu.sel__box {
    transform: scaleY(1);
}

.dropdown-container .dropdown-menu.sel__box .sel__box__options {
    width: 100%;
    display: block;
    cursor: pointer;
    color: #222;
    font-weight: 400;
    font-size: 15px;
    padding: 7px 0;
}
.dropdown-container .dropdown-menu.sel__box li +  li {
    border-top: 1px solid #EEEEEE;
}

.dropdown-container .dropdown-menu.sel__box .sel__box__options.selected,.dropdown-container .dropdown-menu.sel__box .sel__box__options:hover {
    color:#222;
}


.errMsgPanel{
    padding: 15px;
    border: solid 1px #F0F0F0;
    border-radius: 8px;
    background: #f6f8f9;
    font-size: 15px;
}
.errMsgPanel p{ font-size:13px !important;}


#loggingIn{  position: fixed; width: 100%; height: 100%; background: #fff; z-index: 99999; top: 0;}
#loggingIn .inner{color:#666; position: absolute; font-size: 15px; width: 270px; height: 60px; background: #fff; text-align: center; line-height: 60px; top: 50%; left: 0; right: 0; margin: 0 auto;     margin-top: -40px; border-radius: 8px}
#loggingIn .inner img{margin-right: 6px; max-width:60px;}
.form-group .total.label{font-size: 14px; padding: 2px 10px; line-height: normal;}
#canvas-holder #doughnut{ margin: 0 auto; position: relative; z-index: 1;}

#result-container #color-guide{margin: 0;margin-top: 15px;padding: 0;list-style: none;}
#result-container #color-guide li{margin-bottom: 6px;font-size: 15px;font-weight: 600;}
#result-container #color-guide li span.colur{display: inline-block;width: 29px;height: 6px;background-color: #ddd;border-radius: 8px;margin-right: 10px;vertical-align: middle;}
#result-container #color-guide li span.c1{ background-color: #ee5435; }
#result-container #color-guide li span.c2{ background-color: #695fad; }
#result-container #color-guide li span.c3{ background-color: #a7ce5b; }
#result-container #color-guide li span.c4{ background-color: #dac673; }
#result-container #color-guide li span.c5{ background-color: #4dbcd4; }
#result-container #color-guide li span.lbl-cost-wrap{position: relative;display: inline-block;width: 85%;}
#result-container #color-guide.dc li span.lbl-cost-wrap{ width: 100%; }
#result-container #color-guide li span.lbl-cost-wrap:after {clear:  both;content: "";display: block;width: 100%;}

#result-container #color-guide li span.lbl-cost-wrap:before {content: "";position: absolute;width: 100%;height: 1px;background: #ececec;display: block;top: 10px;z-index: 1;}
#result-container #color-guide li span.lbl{background: #f9f9f9;position: relative;z-index: 1;padding-right: 10px;}
#result-container #color-guide li span.cost{background: #f9f9f9; font-weight: normal; float: right;position: relative;z-index: 1;padding-left: 10px;}
#result-container .resDisc{font-size: 13px; color: #999;}
#be_chart .tbl{display: table;width: 100%;}
#be_chart .tbl .tbl-row{display: table-row;}
#be_chart .tbl .tbl-row .tbl-td{display: table-cell;vertical-align: middle;}
#be_chart .tbl .tbl-row .tbl-td#canvas-holder{ width: 260px; }

#be_chart .chart-wrap{position: relative;}
#be_chart .chart-wrap label{position: absolute;left: 0;right: 0;top: 50%;margin-top: -26px; z-index: 0;}
#be_chart .chart-wrap span.lbl{display: block;font-size: 16px;font-weight: 600;color: #999;}
#be_chart .chart-wrap span.tot{display: block;font-size: 34px;font-weight: 600;line-height: 36px;}

@media ( max-width:991px ){
    .progressBarResult6.panel .panel-body{    padding: 14px 0;}
    #be_chart .tbl{ display: block; }
    #be_chart .tbl .tbl-row{display: block;}
    #be_chart .tbl .tbl-row .tbl-td{display: block;}
    #be_chart .tbl .tbl-row .tbl-td#canvas-holder{width: 100%;margin-bottom: 20px;}
    /*#be_chart .chart-wrap label.dc{ position: static; margin-top: 0; }*/
}





/*  Search Icon  */

.navbar .search-icon {
    padding-top: 15px;
    padding-bottom: 14px;
    line-height: 0;
}
.search-icon svg {
    width: 26px;
    height: 26px;
    display: block;
}
.navIcon .search-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
}
.navIcon .navbar-toggle {
    float:none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.navbar .profilePic{background-color: #fff; color: #222;line-height: 33px; border-radius: 50%; vertical-align: middle; text-align: center; text-transform: uppercase; font-size: 20px;}
.navbar .profilePic.no-bg{ background-color: transparent; }
.navbar .profilePic i{ font-style: normal; }
.navbar .profilePic img{border-radius: 50%; height: 32px;width: 32px; background-position: 200px; background-repeat: no-repeat; background-size: cover; object-fit: cover; object-position: center top;}


/* pagination */
.pagination li.disabled .cls-leftArrow1{ stroke: #aaa; }
.pagination li.disabled .cls-rightArrow1{ stroke: #aaa; }


/* homePage */
.homePage .pageHeader{}
.homePage .pageHeader h1{color: #2E3F5C;}
.homePage .pageHeader p.large{color: #596271; font-size: 24px;}
.homePage .pageHeader .btn{ margin-bottom: 12px; }
/*.homePage .pageHeader .btn{ 
    font-size: 16px;
    min-width: auto;
    padding-left: 40px;
    padding-right: 40px;  }*/
.homePage .pageHeader .input-group{ max-width: 450px; margin: 0 auto; }
.homePage .panel{min-height: 385px;border: solid 1px rgba(240, 240, 240, 0.6);border-radius: 5px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;overflow: hidden;box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06);}
.homePage .panel.img-sn{ background-image: url('../../assets_new/images/img-sn@2x.png') }
.homePage .panel.img-le{ background-image: url('../../assets_new/images/img-le@2x.png') }
.homePage .panel.img-closing{ background-image: url('../../assets_new/images/img-closing@2x.png') }
.homePage .panel.img-fees{ background-image: url('../../assets_new/images/img-fees@2x.png') }
.homePage .panel.img-support{ background-image: url('../../assets_new/images/img-support@2x.png') }
.homePage .panel.img-started{ background-image: url('../../assets_new/images/img-started@2x.png') }
.homePage .panel.img-clients{ background-image: url('../../assets_new/images/img-clients@2x.png') }

.homePage .panel .panel-title{     padding: 20px 25px;}
.homePage .panel .panel-title label{}
.homePage .panel .panel-header{padding: 0 39px;}
.homePage .panel .panel-header h3{margin: 0 0 8px 0;font-size: 20px;font-weight: 600;}
.homePage .panel .panel-header p{ font-size: 16px;color: #596271;margin-top: 0; margin-bottom: 5px;}
.homePage .panel .btn{ margin-top: 15px; font-weight: 600;min-width: auto;}
.homePage .panel .panel-header .icon{ display: block; width: 48px; height: 48px; font-size: 48px; position: absolute; left: 0; top: 0; margin-left: 25px; line-height: 48px;}
.homePage .panel .panel-header .head-text{ display: inline-block; padding-left: 63px; color: #485770; text-align: left;}
.homePage .panel .panel-title label{ font-size: 13px; color: #A4ABB7; font-weight: 600; margin: 0;}


.homePage .panel-image {height: 200px;position: relative;}
.homePage .panel-image img.icon{max-width: none;display: block;margin: 0 auto;left: 0;right: 0;bottom: 0;position: absolute;}
.homePage .panel .panel-body p{color: #596271; font-size: 16px;}
.homePage .panel .panel-body .text-muted{ color: #9DA4AF; }
.homePage .panel .panel-body p a{}
.homePage .panel .panel-body img.repImg{ width: 75px; height: 75px; border-radius: 50%; border: solid 1px #ccc; background-position: 100px; background-repeat: no-repeat; background-size: cover; object-fit: cover; object-position: center top;}
.homePage .panel .panel-body span.repImg{  }

.homePage .panel.homeRep .panel-image{margin-top:20px;margin-bottom: 20px;height: auto;}
.homePage .panel.homeRep .panel-image .company-img{width: 200px;height: 110px;margin: 0 auto;background-size: contain;background-repeat: no-repeat;background-position: center;}
.homePage .panel.homeRep .panel-image img{max-width: 220px;max-height: 120px;width: auto;height: auto;min-height: 120px;object-fit: contain;}
.homePage .panel.homeRep .panel-body { padding-top: 0; }
.homePage .panel.homeRep .panel-body h5{ margin-bottom: 0; }
.homePage .panel.homeRep .panel-body p{ margin-top: 0; }

.homePage.guest{ max-width: 920px; margin-left: auto; margin-right: auto; }
.homePage.guest >.row>div:first-child{ padding-right: 10px;}
.homePage.guest >.row>div:last-child{ padding-left: 10px;}
.homePage.guest .panel{ min-height: 560px; }
.homePage.guest .panel.footerBg{background-image: url('../../assets_new/images/itq-bg@2x.png');background-repeat: no-repeat;background-position: center bottom;background-size: 100% auto;}
.homePage.guest .panel .panel-body h3{ color: #20252C; font-size: 22px; margin: 0;  font-weight: 600;}
.homePage.guest .panel .panel-body p{ margin: 5px 0;}


.homePage.guest .panel-image{height: 260px; }
.homePage.guest .panel-image img{ width: 100%; height: 260px;  object-fit: cover;}
.homePage .panel.homeLogin {}
.homePage .panel.homeLogin .panel-image{ height: 140px;margin: 54px 0;}
.homePage .panel.homeLogin .panel-image img{max-height: 160px;margin: 0 auto;max-width: 220px;height: 160px;object-fit: contain;}
.homePage .panel.homeLogin .panel-body{color: #20252C;padding-left: 65px;padding-right: 65px;position: relative;/* background-color: #20252C; *//* background-image: url('../../assets_new/images/login-bg@2x.png'); *//* background-size: 102% auto; *//* background-repeat: no-repeat; */padding-top: 30px;background-position-x: -2px;}
.homePage .panel.homeLogin .panel-body .panel-body-in{    position: relative; z-index: 1;}
.homePage.guest .panel.homeLogin .panel-body h3{color: #20252C;}
.homePage.guest .panel.homeLogin .panel-body p{/* color: #ABB2BE; */}
.homePage .panel.homeLogin .form-group.login-group div input{background-color: transparent !important;border: none;border-bottom: solid 1px #ddd;border-radius: 0;font-size: 14px;padding-left: 0;padding-right: 0;padding-top: 0;padding-bottom: 0;height: 42px;color: #20252C;}
.homePage .panel.homeLogin .form-group.login-group div input:first-child {}
.homePage .panel.homeLogin .form-group.login-group div input:last-child {}
.homePage .panel.homeLogin .custom-control a{ color:#8c8b8b; font-size:13px}
.homePage .panel.homeLogin .btn-default{width: auto;min-width: auto;padding-left: 30px;padding-right: 30px;padding: 9px 30px;font-size: 16px;border-color: #A1B1B9;background-color: transparent;color: #20252C;}
.homePage .panel.homeLogin .btn-signup{color: #9DA4AF;font-size: 13px;display: inline-block;line-height: 40px;vertical-align: bottom;padding: 0 15px;}
.homePage .panel.homeLogin .btn-default:hover{ background-color: transparent; }
.homePage .panel.homeLogin .btn .ico-ltn{ width: 12px; height: 12px; }
.homePage .panel.homeLogin .custom-control-inline{ min-height: 23px; margin-top: 14px;}
.homePage .panel.homeLogin .custom-control-label{color: #9DA4AF;font-size: 14px;}
.homePage .panel.homeLogin .custom-control-label::before{ width: 19px; height: 19px; border-radius: 4px; }
.homePage .panel.homeLogin .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{ background: transparent; width: 19px; height: 19px; border-radius: 4px;}
.homePage .panel.homeLogin .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{color: #20252C;font-size: 11px;left: -2px;top: 0px;}

.homePage .panel.homeLogin input:-webkit-autofill,
.homePage .panel.homeLogin input:-webkit-autofill:hover,
.homePage .panel.homeLogin input:-webkit-autofill:focus,
.homePage .panel.homeLogin input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #20252c;
}

.homePage .footer{margin-left: 15px; margin-bottom: 30px;}
.homePage .footer p{ font-size: 12px; color: #585B60; }

.homePage .heroHeader           { margin-top: 0; }
.homePage .heroHeader .herotext { margin-top: 44px; }
.homePage .in-app-notification  { margin-top: 20px; margin-bottom: 10px; }

.homeLoginWrap .form-horizontal .form-group{ margin-bottom: 5px; }

.homeLoginWrap .homeLoginErr .errWrap{ padding: 45px; color: #fff;  position: relative;}
.homeLoginWrap .homeLoginErr .errWrap h1{ padding: 0; margin: 0 0 20px 0; font-size: 24px;}
.homeLoginWrap .homeLoginErr .errWrap p{}
.homeLoginWrap .homeLoginErr .errWrap a{ color: #fff; font-size: 15px;}
.homeLoginWrap .homeLoginErr .errWrap a.btn { border-color: #D2DBE0; color: #fff; font-weight: 700; font-size: 16px; padding: 8px 30px; width: auto; min-width: auto;}
.homeLoginWrap .homeLoginErr .errWrap .sep{border-top: solid 1px rgba(201, 201, 201, 0.3);margin: 40px 0;}

.homeLoginWrap .homeLoginErr .errWrap a.btn:hover {background-color: transparent;}
.homeLoginWrap .homeLoginErr .errWrap a.close_err{ width: 23px; height: 23px; display: block; position: absolute; right: 20px; top: 20px;}
.homeLoginWrap .homeLoginErr .errWrap a.close_err img { width: 23px; height: 23px;}

.homePage .panel.no-tqc{ background-color: #D85A5A; color: #fff;}
.homePage .panel.no-tqc label{ color: #E0D6D6; }
.homePage .panel.no-tqc p{ color: #E0D6D6;}
.homePage .panel.no-tqc a{ font-size: 17px; color: #FFFFFF; font-weight:600;}
.homePage .panel.no-tqc a i{color:#D8CED4;font-size:22px;vertical-align: sub;margin-right: 8px;}
.homePage .panel.no-tqc a.btn-default{color: #fff;border-color: #D8CED4;padding-top: 10px;padding-bottom: 10px;}
.homePage .panel.no-tqc a.btn-default:hover, .homePage .panel.no-tqc a.btn-default:focus, .homePage .panel.no-tqc a.btn-default:hover:focus{ color: #20252C; }

.heroHeader.fullwidth{ background: rgba(255,255,255,1);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(208,224,227,0.18) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(208,224,227,0.18)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(208,224,227,0.18) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(208,224,227,0.18) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(208,224,227,0.18) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(208,224,227,0.18) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0e0e3', GradientType=0 ); }
.homePage .widget-warning{    padding: 8px 15px; text-align: center; background-color: #EFCBCB; border-bottom: solid 1px #EBA3A3;}
.homePage .widget-warning span{vertical-align: sub;color: #402828;}
.homePage .widget-warning a.btn{background-color: #DC6C6C; color: #fff; min-width: auto; font-size: 15px; font-weight: 600; padding: 7px 20px; margin: 0 15px;}


/* HomePage Login Animation */
.homeLoginWrap{  position:relative; -webkit-perspective:1000; perspective:1000; }
.homeLoginWrap > div{ backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.homeLoginWrap .homeLogin{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.homeLoginWrap .homeLoginErr{ background-color: #F0544F; position: absolute; top: 0; width: calc(100% - 30px); height: calc(100% - 18.4px); transform: rotateY( 180deg ); -webkit-transform: rotateY(180deg);}
.homeLoginWrap.flip .homeLogin{ transform: rotateY( -180deg ); -webkit-transform: rotateY(-180deg);}
.homeLoginWrap.flip .homeLoginErr{ transform: rotateY( 0deg ); -webkit-transform: rotateY(0deg);}





.heroHeader{ position: relative; height: auto; margin-top: -55px;}
/*.heroHeader:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #343635;opacity: 0.73;z-index: 1; transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; -ms-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease;}*/
.heroHeader > a.cta-target{ position: absolute; display: block; width: 100%; height: 100%; z-index: 3;}
.heroHeader > img.bg{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: -1; transition:transform 0.5s ease; -o-transition:transform 0.5s ease; -ms-transition:transform 0.5s ease; -moz-transition:transform 0.5s ease; -webkit-transition:transform 0.5s ease;}
.heroHeader .herotext{color: #fff;position: relative;z-index: 2;margin-top: 100px;margin-bottom: 60px;margin-left: 0;margin-right: 0;}
.heroHeader.lender_LE .herotext{ /*margin-top: 122px; margin-bottom: 122px;*/}
.heroHeader .herotext label.smallCaption{font-size: 15px;color: #B59E82;font-weight: bold;margin: 0 0 5px 0;text-transform: uppercase;}
.heroHeader .herotext h1.head{ margin: 0 0 20px 0; font-size: 36px; font-weight: bold; color: #222;}
.heroHeader .herotext p.desc{ margin: 10px 0 25px 0; font-size: 20px; color: #888888; line-height: 28px;}
.heroHeader .herotext p.desc a{ color: #CCC;}
.heroHeader .herotext p.desc a:hover{ text-decoration: underline; color: #fff;}
.heroHeader .herotext a.cta{font-size: 16px;line-height: inherit;font-weight: 700;padding-left: 30px;padding-right: 30px;}

/*.heroHeader:hover:after{ opacity:0.5; }*/
/*.heroHeader:hover img.bg{ transform: scale(1.03); -webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);}*/



/* Netsheet */
.ns-header{ border-bottom: solid 1px #e8e8e8;}
.heroHeader .ns-header .herotext{ margin-top: 70px;margin-bottom: 30px; }
.ns-header .ns-header-content{}
.ns-header .ns-header-content h2{font-style: normal;font-weight: bold;font-size: 32px;line-height: 36px;letter-spacing: -0.01em;color: #282C39;margin: 0 0 20px 0;}
.ns-header .ns-header-content h2 strong{font-weight: bolder;}
.ns-header .ns-header-content h2 span.text-primary{ color: #309BDE !important;  }
.ns-header .ns-header-content p{margin: 0 0 40px 0;padding: 0;font-style: normal;font-weight: normal;font-size: 18px;line-height: 26px;letter-spacing: 0.01em;color: #222222;}
.ns-header .ns-header-content a.btn{ border-radius: 5px; background-color: #1c3170; box-shadow: none; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; display: block; padding: 23px 10px;}
.ns-header ul.ns-vids{ list-style: none; padding: 0; margin: 0;}
.ns-header ul.ns-vids li{ margin-bottom: 6px; text-align: left;}
.ns-header ul.ns-vids li:last-child{ margin-bottom: 0; }
.ns-header ul.ns-vids li a{font-size: 14px;font-weight: 600;color: #3D79C3;}
.ns-header ul.ns-vids li a img{ display: inline-block; border-radius: 4px; background-color: #7aafff; width: 50px; height: 33px; vertical-align: middle;}
.ns-header ul.ns-vids li a span{margin-left: 15px;}
.ns-header ul.ns-vids li a:hover, .ns-header ul.ns-vids li a:focus, .ns-header ul.ns-vids li a:active{ opacity:0.8; text-decoration: none; outline: none; }
.ns-header ul.ns-vids li a:hover img{}
.ns-header ul.ns-vids li a:hover span{}
.ns-header .ns-header-img{}
.ns-header .ns-header-img img{/*margin-left: -10%;max-width: 130%;*/}

.heroHeader .ns-header.header-min .herotext{ margin-bottom: 40px; }
.ns-header.header-min .ns-header-content h2{font-size: 22px;line-height: 27px;margin-bottom: 13px;}
.ns-header.header-min .ns-header-content p{font-size:14px;line-height: 17px;margin-bottom: 0px;}
.ns-header.header-min .ns-header-content a.btn{padding: 11px 10px; margin-top: 30px;}
.ns-header.header-min ul.ns-vids li{ margin-bottom: 15px; }


.realtor_netsheet .ns-header .ns-header-img img, .clients_no_netsheet .ns-header .ns-header-img img{ margin-left: auto; }
.realtor_netsheet.heroHeader .ns-header .herotext, .realtor_no_netsheet.heroHeader .ns-header .herotext{ margin-bottom: 0; }
.realtor_netsheet.heroHeader .ns-header.header-min .herotext, .realtor_no_netsheet.heroHeader .ns-header.header-min .herotext{ margin-bottom: 40px; }

.ns-header .header-collapse{ text-align: center; position: relative;}
.ns-header .header-collapse a{ display: block; width: 39px; height: 23px; border: 1px solid #E8E8E8; border-top: none; border-radius: 0px 0px 6px 6px; margin: 0 auto; left: 0; right: 0; top: 0; position: absolute;}
.ns-header .header-collapse a:hover{}
.ns-header .header-collapse a:before{content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #C2C2C2;top: 50%;left: 0;right: 0;margin: 0  auto;margin-top: -3px;position: absolute;}
.ns-header .header-collapse a:after{ content: ""; }
.ns-header .header-collapse a.active{}
.ns-header .header-collapse a.active:hover{}
.ns-header .header-collapse a.active:before{ border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #C2C2C2; border-bottom: none;}
.ns-header .header-collapse a.active:after{}

.homePage .ns-header{ margin-bottom: 20px; }
.homePage .ns-header .header-collapse{ display: none; }





@media(min-width:768px){
    heroheader{display: block; /*height: 430px;*/ }
}
@media(max-width:767px){

    #intercom-container{ z-index: 9999 !important; }
}
@media(max-width:991px){

    .navbar-nav { margin: 0; }
    .heroHeader{ height: auto; margin-top: 0; }
    .heroHeader .herotext{ margin-top: 20px; }
    .heroHeader .herotext label.smallCaption{ margin-bottom: 8px; }
    .heroHeader .herotext h1.head{font-size: 32px;margin-bottom: 15px;}
    .heroHeader .herotext p.desc{font-size: 16px;line-height: 23px;}
    
    #be_chart .chart-wrap label.dc{position: static; margin-top: 0; }
    .heroHeader.fullwidth{ background: #F8FAFB; }
    .heroHeader .ns-header .herotext, .heroHeader .ns-header.header-min .herotext{margin: 5px 0 30px 0;padding-right: 40px;}
    .ns-header{ position: relative; }
    .ns-header.header-min{ display: none; }
    .ns-header .ns-header-img{ display: none; }
    .ns-header .ns-header-content h2{ font-size: 22px; margin-bottom: 15px; line-height: 27px; }
    .ns-header .ns-header-content p{ font-size: 14px; line-height: 17px; margin: 0; }
    .ns-header .ns-header-content a.btn{ display: none; }
    .ns-header.header-min ul.ns-vids li{ margin-bottom: 6px; }

    .ns-header .header-collapse{position: absolute;width: 39px;height: 23px;right: 5px;top: 15px;z-index: 9;}
    .ns-header .header-collapse a{border: none;}
    .ns-header .header-collapse a:before{width: 14px;height: 2px;border: none;top: 10px;margin: 0 auto;background-color: #222;transform: rotate(-45deg);}
    .ns-header .header-collapse a:after{position: absolute;left: 0;right: 0;margin: 0 auto;top: 10px;width: 14px;height: 2px;border: none;background-color: #222;transform: rotate(45deg);}

    /* heroHeader Home */
    .homePage .ns-header{ overflow: hidden; }
    .homePage .ns-header .header-collapse{ display: none; }
    .homePage .heroHeader .ns-header .herotext{ margin: 20px 0 40px 0; }
    .homePage .heroHeader .ns-header .herotext, .homePage .heroHeader .ns-header.header-min .herotext{ padding-right: 0; }
    .homePage .ns-header .ns-header-img{ display: block; margin-bottom: 10px; }
    .homePage .ns-header .ns-header-content{ margin-left: -15px; margin-right: -15px; }
    .homePage .ns-header .ns-header-content h2{font-size: 32px; line-height: 36px; text-align: center; margin-bottom: 20px;}
    .homePage .ns-header .ns-header-content p { font-size: 18px; line-height: 26px; text-align: center; }
    .homePage .ns-header .ns-header-content a.btn{ display: block;padding: 18px 10px;margin: 0px 0 15px 0; }
    .homePage .ns-header ul.ns-vids{ max-width: 260px; margin: 0 auto; margin-top: -10px; }


}

.login-heading{
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 8px;
}

.separator-or{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    padding: 24px 0px 16px 0px;
    color: #888888;
    display: block;
}
  
/* IE 10+ Hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .homePage .panel .panel-body img.repImg{ padding: 37px; background-position: center; }
    .custom-table img.inline.user_pic{ padding: 17px; background-position: center;  } 
    .navbar .profilePic img{ padding: 18px; background-position: center; margin-top: -3px; }
}

.redirectToNetsheet{
    background-color: #0478FF !important;
}

.redirectToNetsheet span {
    background: url(../images/carret.svg) no-repeat;
    float: right;
    width: 24px;
    height: 24px;
}

.redirectToNetsheet .logo {
    background: url(../images/netsheet-logo.svg) no-repeat;
    float: left;
    width: 32.02px;
    height: 23.11px;
    margin-left: 30px;
}