html{min-height: 100%; position: relative;}

body{ margin-bottom: 83px;}
body.bc-post-login{ margin-bottom: 200px}
form>.container {
    padding-bottom: 50px;
}
a{text-decoration: none;}
ul{    padding-left: 0px;}
h1{ margin: 10px 0px; font-size: 24px;}
.header-text{margin-bottom: 15px;}
.header1{ font-size: 24px;}
.header2{font-size: 18px; }
.height100{ height: 100%;}
.login-img{background-position: center center; background-repeat:  no-repeat; background-size: cover; width: 50%; right: 0px; height: 100%; position: absolute;}

.login-img img {
    width: 100%;
    max-height: 100%;
    height: 100%;
}


.logo-img{ max-width: 190px;}
.log-in-header{ max-width: 48%; position: relative;}
.log-in-header a{padding: 23px 0px; display: inline-block;}
.log-in-header .btn{margin-top: 17px;
    margin-left: 22px;}
.log-in-header #chat-box a{ padding: 0px;}
.log-in-header #chat-box .btn{margin: 0px;}

.form-control{  height: 42px;}
.btn{font-size: 18px; padding-top: 10px; padding-bottom: 10px;}
.v-container{position: relative; top: 50%; transform: translateY(-65%);}
.new-registration{ background: rgba(255, 255, 255, 0.8);
    padding: 30px;
    max-width: 380px;
    margin: 0px auto;
    margin-top: -86px;}
.main-cont{    margin-bottom: 150px;}
a:focus, a:hover, .btn:focus, .btn:hover{outline: none;}

a.menu-color:hover{ text-decoration: underline;}
header{    background-color: #fff;     min-height: 75px;}
header .log-in-header{ max-width: 100%;}
/*header style*/
.btn{cursor: pointer;}
.sign-in .btn{width: 150px;}
.syf-logo{ padding: 17px 0px; display: inline-block;}
/*menu style*/
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link{   padding: 21px 15px;}

.navbar-toggler-icon{color: #fff;}
.navbar{    padding: 0px; float: right;}
.navbar-nav{margin-right: 0px !important;}

.navbar-nav li a{color: #fff ;}
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 15px;
        padding-top: 23px;
    padding-bottom: 23px;
        border-bottom: 5px solid transparent;
}
.navbar-toggleable-md .navbar-nav .nav-link:hover{border-bottom: 5px solid;}
.navbar-nav{position: relative; padding-right: 15px;}
.navbar-nav li{float: left; list-style: none}

    /* .navbar-nav li:last-child{position: relative;} */
/* .navbar-toggleable-md .navbar-nav>li:last-child>a{    padding-top: 9px;
    font-weight: bold;} */
.navbar-nav .nav-link span {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: normal;
    line-height: 14px;
}

    
    
.navbar-nav li a{font-size: 16px; color: #fff;}

.navbar-nav li ul{ z-index: 99; -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease; position: absolute;  margin-left: -64px;   margin-top: 0px;    box-shadow: 2px 0px 10px #999; padding-left: 0px; background: #fff; border-radius: 0px 0px 5px 5px;
        max-width: 300px;
    min-width: 200px;
    }
.navbar-nav li:hover ul{opacity: 1; visibility:visible;}
.navbar-nav li li{padding: 20px 15px;}
.navbar-nav li ul li{float: none;}
.navbar-nav li ul li a{         color: #3b3c43;}
.dropdown-menu{left: auto;}
.form-group{  margin-bottom: 30px;     position: relative;}
.addon-right {
    right: 0px;
}

/* 
header dropdown start here
*/


/* End */
/*footer start here*/
.footer{position: absolute;     bottom: 0px;
    width: 100%;}
.footer li {list-style: none;}
.footer li a {font-size: 15px;}
.footer-bottom-nav{padding: 15px 0px;}
.footer-bottom-nav p{color: #fff;         margin-bottom: 10px; font-size: 15px;}
.footer-bottom-nav li{float: left;    line-height: 15px;  padding: 0px 15px; }
.footer-bottom-nav li:first-child{ padding-left: 0px; border-left:0px; }




.message-center-home {
    padding: 25px;
    background: #fff;
    border-radius: 10px;
    margin-top: 15px;
}
.home-main .message-center-home{margin-top: 0px;}
.message-center-home li {
    list-style: none;
}
#homemessages {
    overflow: auto;
    height: 258px;
}

/*Breadcrumb styles*/
.breadcrumb{ background-color:transparent; margin-top: 30px; padding-left: 0px; padding-bottom: 0px;}
.breadcrumb a{font-size:14px }
.breadcrumb-item+.breadcrumb-item::before {
    padding: 0px 4px;
}

/*---progress-bar style------*/
.bc-progress-bar ul{ position: relative;      display: inline-block;   text-align: left;}
.bc-progress-bar ul:before{
    left: 0px;
    content: ""; 
    position: absolute; width: 100%; height: 4px; background-color: #e0dbd7;
}
.bc-progress-bar { text-align: center;     margin-top: 50px;}
.bc-progress-bar ul li{list-style: none; float: left; padding-top: 15px; position: relative; width: 150px; text-align: center;}
.bc-progress-bar ul li span{display: block;}
.bc-progress-bar ul li:first-child { width: 75px; margin-left: -38px; margin-right: 38px;}
.bc-progress-bar ul li:last-child { width: 75px; margin-left: 38px; margin-right: -37px;}
.bc-progress-bar ul li:before{position: absolute; content: ""; left: 50%; width: 7px; top: -1px; height: 7px; border-radius: 50%; background-color: #94969a;  z-index: 2;}

.bc-progress-bar ul li.current:before, .bc-progress-bar ul li.active:before{    width: 16px;
    height: 16px;
    top: -6px;
    background-color: #fff;
    border: 4px solid #fbc600;
    z-index: 2;}
.bc-progress-bar ul li.current:before{left: 44%; border: 7px solid #fbc600;
    width: 24px;
    height: 24px;
    top: -10px;}
.bc-progress-bar ul li.current:first-child:before{left: 38%;}
.bc-progress-bar ul li.active:before{width: 17px; height: 17px; top: -7px;}
 .bc-progress-bar ul li.active:after{ position: absolute;
    content: "";
    width: 152px;
    height: 4px;
    background-color: #fbc600;
    top: 0px;
    z-index: 1;     left: 65px;}
.bc-progress-bar ul li.active:first-child:after {
    left: 35px;
}
.bc-progress-bar ul li.current:after{}
.bc-progress-bar ul li.current:last-child:before{    left: 39%;}
.bc-progress-bar ul li.active:after{box-shadow: none;     margin-left: 4px;}

/*---chat box----*/
.contact-chat{width:100%; font-size: 15px;
    float: right;     padding-bottom: 5px;}
#chat-box .fa.fa-phone{ font-size: 25px; color: rgba(255, 200, 1, 1);}

botton.btn.btn-block {
    font-size: 18px;
    padding-left: 20px;
    padding-right: 20px;
        clear: both;
    color: #fff;
    font-family: 'synchronysans-bold';
}
a:focus, a:hover, .btn:focus, .btn:hover{box-shadow: none;}
.btn:focus, .btn:hover{text-decoration: none;}
.btn-secondary, .btn-secondary:hover{ background: transparent;}
a:link{text-decoration: none;}
.btn-link:hover{text-decoration: underline;}
.btn-link, btn-link:active, btn-link:visited, btn-link:focus{text-decoration: none;}
botton.btn.btn-block i{font-size: 18px; color:#fbc600; padding-right: 5px;}
.bottom-buttons{margin-top: 60px;}
.form-check-label{line-height: 30px;}
.custom-control-indicator{ border: 1px solid #ccc; width: 25px;
    height: 25px; background-color: #fff; box-shadow: none !important;}
.custom-control{    padding-left: 15px; vertical-align:middle;}

.custom-checkbox .custom-control-input:checked~.custom-control-indicator{ background-image: none; box-shadow: none;}
.custom-checkbox .custom-control-input:checked~.custom-control-indicator:after{content: "\f00c"; font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    top: 3px;
    left: 3px;
}

.custom-control-input{
    width: 25px;
    height: 25px;
    left: 0px;
    top: 4px;
    z-index:0;
}

.modal-backdrop{opacity: 0;    }
.close:focus, .close:hover{opacity: 0.5; outline: none;}
#chat-box .modal-dialog{ height:auto;  box-shadow: 0px 0px 3px #222;  top: 60px;
    max-width: 300px;
    min-width: auto;  position: relative;
    right: 160px;  float: none;}

header #chat-box .modal-dialog{   top: 80px; right: 190px; float: right;}

#chat-box .btn-block{color: #fff;}
.help-text{color: #8c8c8c;}
/*---chat box end----*/

/*modal-dialog style start here*/
.modal-dialog{    float: right; margin: 0px auto; height: 100%; min-width: 670px; box-shadow: -2px -0.1px 2px 0 rgba(0, 0, 0, 0.35);}
    .modal-open{padding-right: 0px !important;}
    .modal {padding-right: 0px !important ;}
    .modal-content{    border-radius: 0px;     border: 0px; height: 100%;}
.modal .modal-body {
    /* max-height: 600px; */
    overflow-y: auto;
}
.modal.fade{opacity: 1;}
.modal-backdrop.fade {
    opacity: 1;
    background-color: rgba(225, 225, 225, 0.8);
}
.modal.fade:not(.in).right .modal-dialog {
	-webkit-transform: translate3d(25%, 0, 0);
	transform: translate3d(25%, 0, 0);
   
}

.modal.fade .modal-dialog{    -webkit-transform: translate(0,0%); 
    -o-transform: translate(0,0%);
     transform: translate(0,0%);  }
a.menu-color{text-decoration: none;}
a.menu-color:hover{ text-decoration: underline;}
#units-modal .modal-body{    max-height: 600px;
    overflow-y: auto;}

.select-accessories li:last-child {
    text-align: left;
}
ul.select-accessories li {
    width: 50%;
}
#cancelpopup{background-color: rgba(225,225,225,0.8);}
/*modal-dialog style end here*/



/*home page styles*/
.home-menu li{ display: inline-block;     vertical-align: top;     line-height: 20px;   width: 15%; text-align: center;}
.home-menu li img{display: block; margin: 0px auto 10px auto; height: 43px;}
.home-menu li span{display: block;}
.home-main {
    padding-top: 40px;
}
.has-success span.custom-control-description {
    color: #454545;
}
.message-list span.msg-color {
    width: auto;
    color: #34657f;
}
.message-list span{ width: 100px; color: #94969a; display: inline-block;}
.message-list li{list-style: none; display: inline-block;
    width: 100%;     margin-top: 30px;}
.message-list span.msg-color{ width: calc(100% - 100px); float: right;}
.bc-home-tabs{box-shadow: 0px 0px 3px #ccc;}
.bc-home-tabs .nav-tabs li{ width: 50%; text-align: center;}
.bc-home-tabs .tab-content{ background-color: #f6f6f6; padding: 15px 15px;}
.bc-home-tabs .nav-tabs .nav-link{ padding: 17px 10px 20px 10px;  text-transform: uppercase;    position: relative;     font-size: 13px;  border-radius: 0px; border-top:3px solid transparent; color: #464a4c;}
.bc-home-tabs .nav-tabs .nav-link.active:after{content: "\f0d7"; position: absolute;   color: #fff; left: 50%;        bottom: -22px;  font: normal normal normal 30px/1 FontAwesome;     text-shadow: 0px 1px 1px #ccc;}
.bc-home-tabs .tab-content li{list-style: none;     padding-bottom: 18px;
    padding-top: 18px;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color:transparent;}
.home-main h5{ font-weight: 700; color: #3b3c43;    font-size: 16px;margin-bottom: 15px;}
.navbar-nav li ul li a i {
    padding-right: 10px;
}

.padding-topbottom{padding: 30px 0px;}
.or-line{ height: 1px; margin: 35px 0px;  background-color: #ccc; position: relative;}
.or-line span{position: absolute; left: 50%;     top: -11px; background: #fff; padding: 0px 7px; margin-left: -14px;}
/* .content-header-text{ border-bottom: 1px solid #ccc; padding: 10px 0px;} */

 
.cus_alert-danger {
    color: #a94442;
        font-family: arial;
    font-size: 80%;
    line-height: 18px;
}
.fa:before {
    font: normal normal normal 14px/1 FontAwesome;
}
.messageContainer i {
    padding-right: 5px;
}
.cus_alert-danger.fa-warning:before{padding-right: 5px;}
.pre-header .navbar-nav ul {
    width: 250px !important;
}

/*apply screens*/


.Revision-date {
    max-width: 200px;
    display: inline-block;
    margin-left: 5px;
}
.select-buttons .btn {
    background: none;
    border: 1px solid #ccc;
    margin: 0px;
    width: 33.33%;
    float: left;
    border-radius: 0px;
        text-transform: capitalize;
}
.select-buttons.four-col .btn{width: 25%;}
.has-error .select-buttons .btn{border-color: #a94442;}
.select-buttons .btn input{position: absolute; opacity: 0;}


.custom-control-description{padding-top: 5px; line-height: 23px;     vertical-align:middle;       text-transform: initial;
    font-weight: normal;
    font-size: 16px;
   }
.co-applicant-form{display: none;}
.co-addres-change{display: none;}
.select-buttons .btn:nth-child(2){border-radius:5px 0px 0px 5px; }
.select-buttons .btn:last-child{border-radius:0px 5px 5px 0px; }

.input-group-addon{position: absolute;
    background: none;
    border: none;
    line-height: 25px;}
.input-addon{    padding-left: 35px;}
.form-group-nolabel-top{margin-top: 35px;}
.footer li a:focus{
	text-decoration: none;

}
.pre-fild{ color: #666;}
.form-control-static {
    padding-top: 0px;
    font-weight: 700;
    word-wrap: break-word;
}
.review-content p.form-control-static{ font-weight: 700; line-height: 25px;
    margin-top: -5px;}
.address-card{border-radius: 1.5px;
  background-color: #f6f6f6; margin-bottom: 25px;
  box-shadow: 1px 1.7px 2px 0 rgba(0, 0, 0, 0.35); padding: 20px;}
.address-card-header{ font-weight: 700; font-size: 16px; word-wrap: break-word;}
.address-card .form-group{     margin-bottom: 0; margin-top: 10px;}
.address-card .form-group label{ margin-bottom: 0px;}
.review-content .address-card p.form-control-static{padding-bottom: 0px;}
.syf-address span{ display: block;}
.sec-buttons-size .btn{font-size: 14px;}
.review-content{ padding-top: 20px;}
.button-links{padding: 10px 0px;}
.cancel-button{margin-top: 35px;}
.language-type-select{margin-top: 30px; margin-bottom: 30px;}
.has-success .input-group-addon{ background: none;}
/*password pages*/
.password-rules p{margin-bottom: 0px;}
.password-rules ul{ margin-left: 20px;}
.password-rules ul li{ font-size: 15px;}
.password-rules-form .form-group{ width: 90%;}
.alert-danger{background-color: rgba(252, 193, 197, 1);}
.only-alert-success {
    color: #6A9B4F;
    padding: 6px 16px;
    font-size: 27px;
    font-weight: bold;
    background-color: rgba(212, 250, 193, 1);
    border-radius: 5px;
}
.alert-success{font-size: 18px;}
.alert-font-size{ font-size: 20px;}
.alert p{margin-bottom: 0px; margin-top: 7px;}
.addon-right {
    right: 0px;
}
.input-addon.input-addon-right{padding-left: 15px; padding-right: 35px;}
.addres-span span{ display: block;}
.first-dispaly-none{display: none;}
.help-text-top{margin-top: -15px;}
h1{  margin-top: 15px;}
.units-list li{ list-style: none; margin-top: 20px;}
.units-list li .content-header-text{padding: 6px 0px; margin-bottom: 5px;}
.add-unit-text{font-size: 20px;}
.unit-modal-cont{ width: 70%; margin: 0px auto;}
.unit-modal-select{margin-top: 30px;}
.select-buttons {
    display: inline-block;
    width: 100%;
}
.unit-add li{ display: inline-block;     margin-top: 0px; padding-right: 30px; min-width: 80px; max-width: 160px; vertical-align: top;}
.unit-add li span{display: block; font-size: 16px; color: rgba(69, 69, 69, 0.74);}
.unit-add li a i{display: block; font-size: 22px;}
.unit-add li:last-child{text-align: center; float: right;}
.amount-font{font-size: 22px; font-weight: 700; margin-bottom: 30px;}
.amount-font label{ margin-bottom: 0px;}
.light-gray-color{color:rgba(69, 69, 69, 0.83)}
.applicant-income .btn{ width: 50%;}
.bc-post-login h1{  margin-top: 10px;}
.hide{display: none;}
.print-buttins-block .btn{margin-bottom: 15px;}
.email-subscribe-chackbox span:first-child{max-width: 147px;}
.email-subscribe-chackbox span{ width: 37%; display: inline-block; margin-bottom: 10px; vertical-align: top;}
.email-subscribe-chackbox span label{display: block;     font-size: 15px;     margin-bottom: 0px;}
.email-subscribe-chackbox span label input{    margin-right: 4px;}
.email-subscribe-chackbox {
    margin-bottom: 30px;
    margin-top: -10px;
}
.add-zip-code .form-control{    max-width: 150px;
    display: inline-block;
    margin-right: 20px;}
.added-zip-code{margin-top: 10px;}
.added-zip-code span{ font-size: 20px; margin-left: 20px;
    border-bottom: 2px solid;}
.card-header{ padding: 0px;}
.card-header a{display: block; text-decoration: none;padding: 10px 10px; font-size: 18px; padding-left: 25px;}
.card-header a:hover{text-decoration: none;}
.business-categories .card-block ul{display: inline-block; width: 100%;}
.business-categories .card-block ul li{ width: 50%; list-style: none; float: left;}

.card-header {
  position: relative;
    background-color: transparent;
}
.card-header a[data-toggle="collapse"]{ background-color: transparent;}
.card-header a[data-toggle="collapse"]:before {
      font: normal normal normal 16px/1 FontAwesome;
    content: "\f068";
  position: absolute;
  
  font-size: 16px;
  line-height: 22px;
    left: 2px;
  top: calc(50% - 10px);
 color: #34657f;
  /* rotate "play" icon from > (right arrow) to down arrow */

    
}
.card{border: 0px solid rgba(0,0,0,.125); background-color: transparent;}
.card .form-group{    margin-bottom: 15px;}
.card-header a[data-toggle="collapse"].collapsed:before {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */

        color: #34657f;
    content: "\f067";

}
.svg{fill: currentColor; stroke:#00ff00;}
.card-header a[data-toggle="collapse"].collapsed{ color:#222;   background-color: transparent;}
/*Transaction flow start here*/
.transaction-flow-icons{ display: inline-block;     width: 100%;}
.transaction-flow-icons li{ list-style: none;  border: 1px solid #ccc; text-align: center;
    display: inline-block;    width: 118px;      margin-right: -4px;   height: 164px; vertical-align: top;border-left: 0px; }
.transaction-flow-icons li:first-child{ border-left: 0px;     border-left: 1px solid #ccc;}
.transaction-flow-icons li a {display: block;
    padding: 23px 5px 0px 5px;
       height: 100%;
     color: #3b3c43; text-decoration: none;}
.transaction-flow-icons li a:hover{text-decoration: none;}
.transaction-flow-icons li a span{display: block; height: 62px;}
.transaction-flow-icons li a:hover, .transaction-flow-icons li a.active{color: #fff;}
.transaction-flow-icons li a:hover img, .transaction-flow-icons li a.active img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); }
label.pre-label {
    margin-top: 40px;
}
.multiple-name{}
.multiple-name .btn{ width: 100%; max-width: 300px;  float: none; 
    display: block;   border-radius: 0px !important; text-align: left; padding-top: 15px;
    padding-bottom: 15px;     border-top: 0px;}
.multiple-place .btn{width: 100%; max-width: 550px;}
.multiple-name .btn:first-child{        border-top: 1px solid #ccc;}
.fa-search{ padding-right: 5px;}
.promo-code-list{ border: 1px solid #ccc; padding: 10px;     max-height: 300px;
    overflow-y: auto;}
.promo-code-list ul{margin-bottom: 0px;}
.promo-code-list li{list-style: none; border-bottom: 1px solid #ccc;}
.promo-code-list li:last-child{border-bottom: 0px;}
.promo-code-list li span{display: block; font-weight: 700;}
.promo-code-list.nopromos{ border: none; padding: 0px;}
.promo-code-list.nopromos ul{display: none;}
.promo-code-list li i{font-style: normal; padding-right: 10px;}
.promo-code-list li a{color:#3b3c43; display: block;
    padding: 12px 10px; text-decoration: none;}
.promo-code-list li a:hover{text-decoration: none;}
.promo-code-list li a.active, .promo-code-list li a:hover{ color: #fff; }
.transactions-list{padding: 0px;}
.no-space-bottom{margin-bottom: 0px;}

.promo-code-list label{display: block; padding: 12px 10px; margin-bottom: 0px;}
.promo-code-list input[type="radio"]{ position: absolute; opacity: 0;}


.no-line-bottom{border-bottom: 0px;}
.subtotal-main label{ margin-bottom: 0px;}
.subtotal-text{width: 15%; padding-top: 20px; float: left; padding-right: 10px;}
.subtotal-text label{font-weight: 700;}
.Total-amount-last label{font-weight: 700; font-size: 18px;}
.Total-amount-last p{font-size: 24px; font-weight: 700;}
.subtotal-input{    width: 23%;
    float: left;
    padding-right: 10px;}
.Total-amount-last {
    margin-top: 8px;
        padding-left: 12px;
}
.transaction-main h3{margin-bottom: 20px;}
.transaction-main .add-unit-text{    margin-bottom: 15px;
    display: inline-block;}
.sales-slip-info li{list-style: none; display: inline-block; padding-left: 20px; vertical-align: top;}
.sales-slip-info li:first-child{padding-left: 0px;}
.sales-slip-info li label, .sales-slip-infobelow label{color:rgba(69, 69, 69, 0.75);}
.sales-slip-infobelow li{display: inline-block; width: 20%;}
.button-two .btn{width: 50%;}

#promo-lookup-modal .modal-dialog{min-width: 650px;}
/*.promo-lookup{overflow-y: auto;}*/
.promo-lookup table{width: 900px;}
.error-only-text{border: 2px solid #a94442; color: #a94442; padding: 15px;}
.fa-exchange{ border: 1px solid; border-radius: 50%; padding: 5px;}

.table-striped-color th{background-color: transparent; }
.table-striped-color th, .table-striped-color td{border: 0px; border-left:0px solid #fff;  }
.table-striped-color thead th{border-bottom: 0px; vertical-align: middle;}
.table-striped-color tbody tr:nth-of-type(even){    background-color: #e9eaeb;}

.table-striped-color td{ padding: 0px; vertical-align: middle;     padding-left: 7px;}
.table-striped-color td label{ margin-bottom: 0px; padding: 13px 10px; cursor: pointer; display: block;}
.table-striped-color td input {
    margin: 14px 0px 14px 18px;
}
/* added border colapse and spacing for tables */
.table-striped-color{margin-top: 35px; border-collapse: separate;
    border-spacing: 1px;}

.table-unit{margin-top: 15px;}
.table-unit td {    padding-left: 10px;
    padding-right: 10px; vertical-align: text-bottom;}
.table-unit td label{ padding: 0px;}
.table-unit td input{margin: 0px; max-width: 220px;}
.table-unit td:first-child {
    padding-left: 0px;
}
.table .form-group {
    margin-bottom: 10px;
}
.table.table-unit tr:hover {
    border-left: 0px;
}

.accordion-for-all .collapse-main{ padding: 10px 15px  10px 23px;}
.has-error-accordion .card-header a, .has-error-accordion .card-header a[data-toggle="collapse"]:before, .has-error-accordion .card-header a[data-toggle="collapse"].collapsed:before, .has-error-accordion .card-header a[data-toggle="collapse"].collapsed{
    color: #c63527;
}
.has-error-accordion .card-header{border-bottom-color:#c63527;}
.has-error .cust_alert_danger {
    display: block;
}

.cust_alert_danger {
    display: none;
}
.cust_alert_danger {
    border-color: #ebcccc;
    color: #a94442;
}

.business-categories .card-block ul ul li {
    width: 100% !important;
    padding-left: 35px;
}
.accocrion-inner-check .custom-control{min-height: 1.3rem;}
.alert .fa:before{ font-size: 18px;}

.quick-links a{ padding-bottom: 10px; display: inline-block;}
/*bc hide*/
.bc-post-login .bc-hide{display: none;}

/*cc hide*/
.breadcrumb{display: none;}

/*bc show*/
.bc-post-login .breadcrumb{display: block}

.logo-img .print-only-image{max-width: 190px; margin: 0px auto;}
.print-only-image{ display: none;}

.table-bc a{display: block;}

.table-bc td{padding: 18px 5px;} 
.table tr{border-left: 5px solid transparent;}
.table tr:hover {
    border-left: 5px solid #fbc600;
}
.table thead tr, .table thead tr:hover{border-left: 0px;}
.table td span{display: inline-block;}
.less-margin{margin-top: 20px;}
.login-user-info{display: none;}
.header .modal-backdrop{z-index: 5; display: none;}
.dropdown-menu, .dropdown-toggle::after{border: none;}
 .pre-header .navbar-nav>li:last-child>a{ display: block; padding-top: 24px;
    padding-bottom: 22px;
    border-bottom: 5px solid transparent}
   li.nav-item.dropdown {
    position: initial;
}

.text-normal{font-weight: normal;}
.doc-file-table{    width: calc(100% - 92px);}

.doc-file-iconText{width: 100%;
    border-bottom: 1px solid #ccc;}

.file_name_length{max-width: 413px;}

@media (min-width: 992px){
    .dropdown:hover .dropdown-menu{display: block;}
    .show>.dropdown-menu {
    display: none;
}
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .navbar-toggleable-md .navbar-nav .nav-link{ padding-left: 6px; font-size: 15px;   padding-right: 6px;}
    .file_name_length{max-width: 326px;}
}


@media (max-width: 991px){
.collapse.in{display: block;    position: absolute; right: 0px;     top: 75px; z-index: 99;}
.file_name_length{max-width: 198px;}
/*menu styles */ 
    .login-user-info{display: block;}
    .header .navbar{width: 82%; position: absolute;     height: 100%;   right: 0px; top: 0px;}
    .header .collapse {position: absolute; box-shadow: -2px -0.1px 2px 0 rgba(0, 0, 0, 0.35);background: #fff; width: 100%; z-index: 9; height: 100%;
}
    .header .container{position: inherit;}
    .header .collapsing{position: absolute;}
    .navbar-toggleable-md .navbar-nav .nav-link{    padding-top: 10px;
    padding-bottom: 10px;     padding-left: 20px;}   
    .navbar-nav{padding-left: 30px; margin-top: 10px;}
    .navbar-nav li.active ul{opacity: 1;    position: relative;    visibility: visible;}
    .navbar-toggler-right{    z-index: 10;}
    .login-user-info{color: #fff; padding: 10px 15px 10px 40px;   }
    .login-user-info .first-last-name{width: 56px;
  height: 56px; margin-right: 15px;
  background-color: #e9eaeb;    display: inline-block;
    text-align: center;
    font-size: 27px; color: #000;
    padding-top: 8px; border-radius: 50%;}
    .navbar-nav li ul{box-shadow: none;}
    .login-user-info span{display: block;
    text-align: left;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: normal;
    line-height: 14px;}
    .user-name-mobile{display: inline-block;}
    .navbar-toggler-right{right: 30px; top: 15px;}
    /* .navbar-nav li:last-child ul {
    width: 100%;
    opacity: 1;
    position: relative;
    visibility: visible;
    background-color: transparent;
    box-shadow: none;
            display: block;
} */
   
    .navbar-nav li:last-child ul li a i{display: none;}
    /* .navbar-nav>li:last-child>a{display: none;} */
    .navbar-inverse .navbar-toggler{border: 0px; margin-top: -20px; }
    .navbar-inverse .navbar-toggler-icon{background-image: none;}
    .navbar-toggler .navbar-toggler-icon:before{content: "X"; font-size: 30px; width: 20px; height: 20px;   }
    .navbar-toggler.collapsed .navbar-toggler-icon:before{content: "\f0c9"; font: normal normal normal 30px/1 FontAwesome;}
    .navbar-toggleable-md .navbar-nav .nav-link{color: #3b3c43;}
    .navbar-nav{background-color: #fff;}
    .navbar-toggleable-md .navbar-nav .nav-link,  .navbar-toggleable-md .navbar-nav .nav-link:hover{    border: 0px;}
    .navbar-nav li li {
    padding: 8px 20px;
}
    .navbar-nav li.show ul{margin-left: 30px; padding-top: 0px;}
    li.nav-item.dropdown{position: relative;}
    .navbar-nav>li:last-child>a:before {
    /* content: "+"; */
    width: 10px;
    position: absolute;
    left: -2px;
    top: 6px;
    height: 10px;
    font-size: 20px;
}


    .navbar-nav>li.show>a:before{content: "-";}
    .navbar-nav>li:first-child>a:before{display: none;}
    .navbar-inverse .navbar-nav .active>.nav-link, .navbar-inverse .navbar-nav .nav-link.active, .navbar-inverse .navbar-nav .nav-link.open, .navbar-inverse .navbar-nav .open>.nav-link{    font-weight: bold;}
    .navbar-inverse .navbar-nav .nav-link:focus, .navbar-inverse .navbar-nav .nav-link:hover{color:#3b3c43;}
    #chat-box .btn{max-width: 230px;}
    .header .modal-backdrop.show{display: block;}
    .pre-header .navbar{    width: 40%; position: relative;}
   
    
    .pre-header .navbar-nav li:last-child ul{ display: none;}
    .pre-header .navbar-nav li.show:last-child ul{display: block; box-shadow: 2px 0px 10px #999;}
      .navbar-nav li:last-child ul{position: absolute; margin-left: 0px; background: #fff;}
      .pre-header .navbar-nav{margin-top:0px;}


      
}

@media (max-width: 1024px){
.navbar-nav{margin-right: 0px !important; }
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 6px;
    padding-left: 6px;
}
    
}
@media (max-width: 767px){
    .login-img{display: none;}
    .log-in-header{max-width: 100%;}
    .bc .footer{position: inherit;} 
    #chat-box .modal-dialog{  right: -24px;}
    
}

@media print { 
    body {
        margin-bottom: 0px;
    }
    .container{width: 1200px;}
  
   
.form-group{
    margin-bottom: 0px;
}
 p{margin-bottom: 5px;}
 .mt-3 {
    margin-top: 5px !important;
  
}

.table{margin-top: 0px !important; }
.table-bc td{padding: 5px 5px;}
.content-header-text{padding: 2px 0px;}
.review-content{padding-top: 0px;}
.table-striped-color{margin-top: 0px;}
 .bc-progress-bar, .footer, .no-print, .navbar  { display: none !important; } 
    .print-only-image{ display: block;}
    label{margin-bottom: 0px;}
        .main-cont {
            margin-bottom: 0px;
        
        }
        .no-print{display: none;}
        .form-group{margin-bottom: 0px;}
    

       
    
}
.print-only-image{ margin: 0px auto;}

.print-header{margin-bottom: 30px;}
.print-only-image p{margin-bottom: 5px;}
.signature-line{font-size: 20px; border-bottom: 3px solid #222;}
/* Adding for hyphen */
.small-hyphen{margin-top: 40px;}

/* Add font weight */
p.edit_list{font-weight: bold;}
h3.heading-text{
font-weight: normal !important;
}
.due{
    color: #FF0000;
    font-weight: bold;
}

label.trans_frst{
    width: 20% !important;
}
label.trans_last{
    width: 30% !important;
}
.loading-allpages {
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
}
.loading-main.loading-allpages .loader{left: 50%;
    font-size: 10px;}

/* overriding the styles of bs datepicker*/
    .bs-datepicker {
        left:12px;
    }
    .bs-datepicker-container {
        padding: 0px!important; }

    @media (max-width: 1024px) { .bs-datepicker{left: 33px;}}
    @media (max-width: 768px) {
      .bs-datepicker-multiple {
        display: flex; }
        .bs-datepicker-multiple + .bs-datepicker-multiple {
          margin-top: 10px;
          margin-left: 0; }
          .bs-datepicker{    left: 63px;}
        }
        
/* ended style for bs date picker*/