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

body{ margin-bottom: 100px;}
body.bc-post-login{ margin-bottom: 218px}
a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}
body>.main-cont {
    padding-bottom: 120px;
}
a{text-decoration: none;}
ul{    padding-left: 0px;}
label{margin-bottom: 5px;}
h1{ margin: 10px 0px; font-size: 24px;}
.header-text{margin-bottom: 15px;}
.header1{ font-size: 24px;}
.login-form .header1{ margin-bottom: 30px;}
.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%;
}

form#loginForm {
    min-height: 570px;
}
.logo-img{ max-width: 190px;}
.log-in-header{ max-width: 48%; position: relative;}
.log-in-header a{padding: 0; margin: 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;}
.login-form {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 390px;
}
.form-control{  height: 42px;}
.btn{font-size: 18px; padding-top: 13px; padding-bottom: 13px;}
.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: 0px;
    border: 1px solid #ccc    }
    .login-or{
	position: relative;
    margin: 20px auto;
    margin-bottom: -30px;
    max-width: 390px;
 
}
.or-line-home{background: #ccc;
    position: absolute;
    top: 11px;
    height: 1px;
    width: 100%;}
    .or-text-home{margin: 0px auto;
    width: 58px;
    display: block;
    background: #fff;
    position: relative;
    text-align: center;}
.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: 0px;
    padding-left: 0px;
        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;     padding-right: 20px;
    padding-left: 8px;}

    .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: 0px;   margin-top: 0px;    box-shadow: 2px 0px 10px #999; padding-left: 0px; background: #fff; border-radius: 0px 0px 5px 5px;
            max-width: 398px;
    min-width: 200px;
    }
.navbar-nav li:hover ul{opacity: 1; visibility:visible;}
.navbar-nav li li{padding: 8px 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;
}
/*ADA Changes */
.navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover{background: none;}
/*ADA Changes end*/
/*footer start here*/
.bc .footer{position: absolute;  z-index: 6;   bottom: 0px;
    width: 100%;}
.footer li {list-style: none;}
.footer li a {font-size: 15px;}
.footer-bottom-nav{padding: 30px 0px;}
.footer-bottom-nav p{color: #fff;         margin-bottom: 10px; font-size: 15px;}
.footer-bottom-nav li{float: left;    line-height: 18px;  padding: 0px 15px; }
.footer-bottom-nav li:first-child{ padding-left: 2px; border-left:0px; }
.footer-bottom-nav li a {overflow:hidden;}


.message-center-home {
    padding: 25px;
    background: #fff;
    border-radius: 5px;
   
       margin-top: -40px;
    padding-left: 0px;
    padding-top: 0px;
}
.home-main .message-center-home{margin-top: 0px;}
.message-center-home li {
    list-style: none;
}
span.home-imgs {
    height: 52px;
}
#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; cursor: default;}
.breadcrumb-item+.breadcrumb-item::before {
    padding: 0px 4px;
    color: #3b3c43;
}

/*---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-bottom: 20px;  }
.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-right: 38px;*/ margin-left: -75px; }
.bc-progress-bar ul li:last-child {width: 150px; margin-right: -75px;}
.bc-progress-bar ul li:before{position: absolute;     margin-left: -3px; 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;     margin-left: -8px;}
.bc-progress-bar ul li.current:before{left: 50%; border: 7px solid #fbc600;
    width: 24px;
    height: 24px;
    top: -10px; margin-left: -12px;}
/*.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: 75px;
}
.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';
}
.modal a:focus, .modal .btn:focus{-webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);box-shadow: 0 0 0 2px rgba(2,117,216,.5);}
.has-error .form-control:focus, .has-success .form-control:focus, .radio-btn input:focus ~ .checkmark{box-shadow: 0px 0px 4px rgba(92,179,253,.5)}
.custom-checkbox .custom-control-input:focus~.custom-control-indicator {
    box-shadow: 0px 0px 3px rgba(92,179,253,.8) !important;
}
.btn:focus, .btn:hover{text-decoration: none;}
.learnMoreHereLink:focus{
	text-decoration: none;
    outline: 2px solid #000000;
}
.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;-webkit-box-shadow: 0 0 0 2px rgba(2,117,216,.5);box-shadow: 0 0 0 2px rgba(2,117,216,.5);}
#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: #3d3d3d;}
/*---chat box end----*/

/*modal-dialog style start here*/
.modal-dialog{    float: right; margin: 0px auto; height: 100%; box-shadow: -2px -0.1px 2px 0 rgba(0, 0, 0, 0.35);}
    .modal-open{padding-right: 0px !important;position: fixed; width: 100%;}
    .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;}
.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: #727279; 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{font-size: 18px; font-weight: 700; border-bottom: 1px solid #ccc;     padding: 10px 0px 5px 0px; margin-bottom: 18px;}

.cus_alert-danger {
    color: #a94442;
        font-family: arial;
    font-size: 80%;
    line-height: 18px;
}
.fa:before {
    font-family: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: none;
        padding-top: 10px;
    padding-bottom: 10px;
}
.select-buttons.four-col .btn{width: 25%;}
.select-buttons.five-col .btn {
    width: 20%;
}
.select-buttons.two-col .btn{width: 50%;}
.has-error .select-buttons .btn{border-color: #a94442;}
.select-buttons .btn input{position: absolute; opacity: 0;}
.liststyle-inside {padding-left: 20px;}

.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:first-child{border-radius:5px 0px 0px 5px; }
.select-buttons .btn:last-child, .select-buttons .btn.border-radius{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;}
.address-div 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;     margin-bottom: 50px;}
.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: 25px; 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.74)}
.applicant-income .btn{ width: 50%;}
.selectbuttonstwo .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: 19px; margin-left: 20px;
    border-bottom: 2px solid;}
    .added-zip-code span.removeDiv {
    display: inline-block;
    border-bottom: none;
}
.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;}
.business-categories .card-block ul li div{margin-left: 30px;}
.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;   margin-bottom: 0px;  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-radius: 4px 0px 0px 4px;  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); }
.transaction-flow-icons li label {display: block;
    padding: 23px 5px 0px 5px;
       height: 100%;
     color: #3b3c43; text-decoration: none;
     text-transform: capitalize;
    letter-spacing: normal;
  }
.transaction-flow-icons li input {
    position: absolute;
    opacity: 0;
}
.transaction-flow-icons li label:hover{text-decoration: none;}
.transaction-flow-icons li label span{display: block; height: 62px;}
.transaction-flow-icons li label:hover, .transaction-flow-icons li label.active{color: #fff;}
.transaction-flow-icons li label:hover img, .transaction-flow-icons li label.active img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); }
.transaction-flow-icons li:last-child{border-radius: 0px 4px 4px 0px;}

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;}
.multiple-name-transactions{}
.multiple-name-transactions .btn{ width: 100%; max-width: 300px;  float: none; 
display: block;   border-radius: 0px !important; text-align: left; padding-top: 15px;
padding-bottom: 15px;}
.fa-search{ padding-right: 5px;}
.promo-code-list{ border: 1px solid #ccc;  border-radius: 4px;   max-height: 269px;
    overflow-y: auto;} 
.promo-code-input{position: absolute; padding: 10px; background-color: #fff; width: calc(100% - 18px);}
.promo-code-list ul{margin-bottom: 0px; margin-top: 61px;    margin-left: 0px; margin-right: 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;}
a.syf-logo img {
    max-width: 187px;
}

.table-striped-color th{background-color: transparent; }
.table-striped-color th, .table-striped-color td{border: 0px; border-left:0px solid #fff;     word-break: break-word;}
.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; line-height: 13px; display: block;}
.table-striped-color td input {
    margin: 14px 0px 14px 18px;
}
.table-striped-color{margin-top: 10px;}
.table td, .table th {
    padding: 5px;
        font-size: 15px;
}
.table thead th{min-width: 75px; outline: none; padding-left: 5px;
    padding-right: 18px;}
.table-unit{margin-top: 15px;}
.table-unit td {    padding-left: 10px;
    padding-right: 10px; vertical-align: text-bottom; word-break: inherit; 
padding-bottom: 0px;}
.table-unit td label{ padding: 0px;}
.table-unit td input{margin: 0px; max-width: 220px; padding-left: 5px; padding-right: 5px;}
.table-unit td:first-child {
    padding-left: 0px;
}
.table-unit .form-control-static {
    padding-bottom: 0px;
}
.table .form-group {
    margin-bottom: 10px;
}
.table.table-unit tr:hover {
    border-left: 0px !important;
}

.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}

.print-only{ display: none;}

.table-bc a{display: inline-block;}
.table-bc a:hover {
    text-decoration: underline;
}
.table-bc td{    padding: 18px 5px 18px 10px; word-break:break-word;} 
.table tr td:first-child{border-left: 4px solid transparent;}
.table tr:hover td:first-child {
    border-left: 4px solid;
}
.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;
}
.hero-img {
    position: relative;
    z-index: 2;
}
.table-links a{display: inline-block;}
#accordion .select-buttons .btn{        min-width: 96px;
    width: auto;
    font-size: 13px;}
.my-pro strong{ display: block;}
.my-pro a{display: block;display: inline-block;width: 100%;}
.my-pro span.link-text-my{ float: right; vertical-align: top;width: calc(100% - 50px);}


/*fdt pro*/
.big-text{font-size: 24px;}
.media-requests{  }
.media-requests ul{display: inline-block; width: 100%;}
.media-requests li{ float: left;width: 25%; list-style: none; font-size: 13px;}
.media-requests li span{display: block; font-size: 24px;}
.view-all-media{padding-bottom: 15px; display: inline-block;}
.media-alert-madia .modal-dialog{ height: auto; min-width:inherit; background: #fff;}
.media-alert-madia{   
        position: absolute;
    top: 22%;
    right: 30px;
    width: 400px;
    left: inherit;
    height: auto;
    bottom: auto; z-index:90;}
.media-alert-madia .alert-icon{float: left; width: 20%;      height: 100%; vertical-align: middle; padding-top: 27px;
    padding-bottom: 27px;    background: #eef5f9;}
.media-alert-madia .alert-text {
    float: left;
    width: 80%;
    padding-left: 20px;
    padding-top: 15px;
}
.media-alert-madia .close{    margin-right: 20px;
    margin-top: 6px;}
.media-alert-madia .modal-body{padding: 0px;min-height: initial !important;}
/*.media-alert-madia img{width: 107px !important; margin-left: -10px;}*/
.media-alert-madia .modal-dialog{    max-width: 400px;}
.browse-btn{
    background-color: rgba(255, 255, 255, 1);
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(17, 101, 170, 1);
    border-radius: 7px;
    width: 153px;
    height: 44px;
}
#content-table .upload-btn {
    width: 286px;
    height: 44px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(17, 101, 170, 1);
    box-shadow: none;
    font-size: 16px;
    color: rgb(17, 101, 170);
    font-weight:normal;
    border-radius: 6px;
}


li.promo-warning a {
    color: rgba(41, 43, 44, 0.5);
}


.binResp-align .col {
    max-width: 50%;
}
.modal-body .password-rules{}
.permissions-main{ padding-left: 20px; padding-right: 20px;}
.permissions-main  .card-block{padding-left: 0px; padding-right: 0px;}
.email-sub{display: inline-block;}
.email-sub .custom-control-description{ width: calc(100% - 40px);  padding-top: 0px; float: right;}
.edit-user td a{display: inline-block;}

.loading-main{     position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0px;
    left: 0px; display: none;}
.loading-main .loader{        top: 50%;
    margin-top: 0px;}

.top-header-internal{ background-color: #e4f3df; padding: 15px 0px; overflow: hidden;}
.internal-menu{display: inline-block;}
.internal-menu p{margin-bottom: 0px;}
.internal-menu ul{float: left;margin-top: 8px; padding-left: 0px;}
.internal-menu ul li{list-style: none; float: left; padding: 0px 10px;}
.internal-headtext{font-size: 22px; font-weight: 700; float: left;}

.adderss-print span{display: block;}
.post-login{    padding-bottom: 75px;}

.button-min-wt{min-width: 180px;}
a.link-text{ text-decoration: underline; font-weight: bold;}
.pmyp-prom{border: solid 2px #e4e4e4;    min-height: 262px;}
.pmyp-prom-header{ font-size: 18px; font-weight: 700; text-align: center; border-bottom:solid 2px #e4e4e4; padding: 10px 0px; margin-bottom: 20px; }
/*.pmyp-prom .custom-control-indicator{    background-color: transparent;    border: none;}
.pmyp-prom .custom-checkbox .custom-control-indicator:after {
    content: "\f00c";
    font: normal normal normal 16px/1 FontAwesome;
    position: absolute;
    top: 3px;
    left: 3px;
}*/
.input-text{background-color: transparent; margin-left: 6px; border: none; width: 100px;}
.input-text;focus{outline: none;}
.input-border{ border-bottom: 1px solid #ccc;}
/* The radio-btn */
.radio-btn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 4px;
        text-transform:none;
    font-weight: normal;
}

/* Hide the browser's default radio button */
.radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color 
.radio-btn:hover input ~ .checkmark {
    background-color: #ccc;
}*/

/* When the radio button is checked, add a blue background */
.radio-btn input:checked ~ .checkmark {
    background-color: #006f60;
}
.radio-btn input ~ .checkmark{
    background-color: #ffffff;
    border: solid 2px #d5d5d5;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-btn input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radio-btn .checkmark:after {
 	    top: 6px;
        left: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: white;
}

/*custome check box css*/
.accept-chk div{float: right;
    width: calc(100% - 40px);}
.accept-chk {
    display: inline-block;
    width: 100%;
}
.pmyp-link {
    float: right;
    font-weight: 700;
    position: absolute;
    right: 0px;
    top: 41px;
}
.row.justify-content-center .col-xl-8 .col-md-6 .btn {
    margin-top: 30px;
}
.edit-search-cla img {
    margin-right: 8px;
}
.locator-info i{position: absolute; left: 15px;}
.locator-info .fa:before{font-size: 40px;}
.locator-info{padding-left: 40px;}

.top-link{position:fixed; bottom: 220px; display: none;    z-index: 7; right: 50px;}
.top-link a{    padding-top: 20px;}
.top-link i{position: absolute;
    top: -18px;
    left: 7px;
    font-size: 22px;}
.top-link .fa:before{font-size: 22px;}
#business-locator-information .modal-footer{ text-align: center; display: inline-block;}
.fa-big-text.fa:before{font-size: 30px; color: #292b2c;}
a.edit-search-cla.btn-link {
    margin-left: 20px;
        float: none;
}
.modal-footer {
    display: inline-block;
    text-align: center;
}
.inline-block{display: inline-block;}
.add-row-input{float: right;
        padding-bottom: 15px;
    width: calc(100% - 18px);}
.add-row{    display: inline-block;
    width: 100%;}


.table.table-unit tr {
    border-left: 0px !important;
}

.table-cont-g td {
    vertical-align: top;
    padding-top: 10px;
}

.list-manae-device li{ margin-left: 25px;}
.list-manae-device li:last-child{ list-style: none;}
.state-list{width: 25%; float: left;}
.state-list li{list-style: none;}

.state-accordion .card-header{border-bottom:none;}

/*---transaction status----*/
.transactions-table{   margin-top: 25px;}
	.tabl-heading{   }
	.tabl-heading div{ padding:20px  0px; border-left:1px solid #fff;}
	.tabl-heading div a{     color: #333333; font-weight:bold;}
	.transactions-heading-text p{ font-weight:bold; text-align: center;    margin-bottom: 0px;
    margin-top: 5px;}
	.padding0{padding:0px;}
	.complated-green{background: #a9e78f;
    border-radius: 0px;
    text-align: center;
    padding: 7px 0 6px;
    border: 1px solid #999;
	margin-left: -3px;
	    min-height: 35px;     line-height: 19px;
    cursor: pointer; position:relative; border-radius: 3px;}
	.complated-green:after{width: 0; 
	height: 0; 
	border-top: 17px solid transparent; 
	border-bottom: 17px solid transparent; /* 40px height (20+20) */
	border-left: 17px solid #a9e78f;
    position:absolute;
    right:-14px; content:""; top:0; z-index:9;}
	.complated-green:before{width: 0; 
	height: 0; 
	border-top: 17px solid transparent; 
	border-bottom: 17px solid transparent; /* 40px height (20+20) */
	border-left: 17px solid #999;
    position:absolute;
    right:-16px; content:""; top:0; z-index:9;}
	.pending-white{background: #fff;}
	.complated-green.pending-white:after{    border-left: 17px solid #fff;}
	.emty-gray{background: #f2f2f2;}
	.complated-green.emty-gray:after{border-left: 17px solid #f2f2f2;}
	.alert-org{background: #ffcd5a;}
	.complated-green.alert-org:after{border-left: 17px solid #ffcd5a;}
	.type-button{ 
       width: 86%;
    margin: 0px auto;
    text-align: center;
    background: #8fb4e7;
    padding: 7px 0px;
            line-height: 19px;
    border: 1px solid #999;     border-radius: 3px;}
	.transactions-heading-text {
    padding-bottom: 25px;
}
.transactions-table > div:nth-child(2n+1){ background-color:rgba(242, 242, 242, 1);}
.odd {
    padding-top: 15px;
    padding-bottom: 15px;
}
.last-div:after, .last-div:before{ display:none;}
.position-ab{ position:absolute; width: 100%; text-align: center; margin-top: 0px;}
.transaction-days .btn{font-size: 14px;}
.transactions-heading-text {
    padding-bottom: 25px;
    position: absolute;
    width: 100%;
       margin-top: 48px;
        left: 0px;
    
    
}

.transactions-table thead th, .transactions-table tbody td{width: 16.66%; display: inline-block; margin-left: -4px;}
.transactions-table tbody tr td:last-child, .transactions-table thead tr th:last-child {
   
    width: 0px;
   
    padding: 0px;
    min-width: 0px;
   
}
.last-td{width: 100%;}
.transactions-table tbody tr{position: relative;}
.transactions-table tbody tr td{padding-bottom: 90px;     line-height: 15px; vertical-align: top;}
.transactions-table tbody, .transactions-table thead{width: 100%;}
.transactions-table tr.row{ margin: 0px;     position: relative;}
.transactions-table a{display: block;}
.transactions-table a.inline-block-class{display: inline-block;}
/*---transaction status end----*/

/*---faq---*/
.faq li{ list-style: none; padding-bottom: 25px;}
.faq li strong{display: block; font-size: 115%;}

/*------loader-----*/
.loader,
.loader:before,
.loader:after {
  background: #34657F;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #34657F;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}

.onoffswitch .loader, .onoffswitch .loader:before, .onoffswitch .loader:after {
    background: #fff;
    color: #fff;
        font-size: 4px;
        width: 4px;
}
.onoffswitch .loading-main .loader{top: 34%;left:40%;}
.onoffswitch .loading-main{position: absolute;}


/*only -html*/

.custom-checkbox .custom-control-description{padding-left: 20px;}
/*onoffswitch style start here*/

.onoffswitch {
    position: relative; width: 115px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 21px;
        padding: 0px !important;
}
.onoffswitch-inner {
    display: block !important; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block !important; float: left; width: 50%; height: 32px; padding: 0; line-height: 32px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Unlocked";
    padding-left: 10px;
    background-color: #128726; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Locked";
    padding-right: 15px;
    background-color: #DF3044; color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    display: block;     width: 32px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
        right: 83px;
    border: 0px solid #999999; border-radius: 21px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-label.active .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-label.active .onoffswitch-switch {
    right: 0px; 
}
.onoffswitch-label-na{border-radius: 16px;
  background-color: #ffffff; cursor: default !important;
  border: solid 0.5px #999999; padding: 10px 0px !important; width: 115px; text-align: center;}
/*onoffswitch style end here*/

/*onoffuser style start here*/

.onoffuser {
    position: relative; width: 115px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffuser-checkbox {
    display: none;
}
.onoffuser-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 0px solid #999999; border-radius: 21px;
        padding: 0px !important;
}
.onoffuser-inner {
    display: block !important; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffuser-inner:before, .onoffuser-inner:after {
    display: block !important; float: left; width: 50%; height: 32px; padding: 0; line-height: 32px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffuser-inner:before {
    content: "DISABLED";
    padding-left: 20px;
    background-color:#c63527; color:#fff;
}
.onoffuser-inner:after {
    content: "ACTIVE";
    padding-right: 30px;
    background-color: #52812C  ; color:#FFFFFF;
    text-align: right;
}
.onoffuser-switch {
    display: block;     width: 32px; margin: 0px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
        right: 83px;
    border: 0px solid #999999; border-radius: 21px;
    transition: all 0.3s ease-in 0s; 
}
.onoffuser-label.active .onoffuser-inner {
    margin-left: 0;
}
.onoffuser-label.active .onoffuser-switch {
    right: 0px; 
}
.onoffuser-label-na{border-radius: 16px;
  background-color: #ffffff; cursor: default !important;
  border: solid 0.5px #999999; padding: 10px 0px !important; width: 115px; text-align: center;}
  
  .onoffuser .loader, .onoffuser .loader:before, .onoffuser .loader:after {
    background: #fff;
    color: #fff;
        font-size: 4px;
        width: 4px;
}
.onoffuser .loading-main .loader{top: 34%;}
.onoffuser .loading-main{position: absolute;}
  
/*onoffuser style end here*/

/*register pages styles start here*/
.account-no-text{padding-left: 84px;}

.account-no-text:before {
    content: "";
    width: 83px;
    border-bottom: 2px solid #fbc600;
    height: 20px;
    position: absolute;
    margin-top: -24px;
    border-left: 2px solid #fbc600;
    border-right: 2px solid #fbc600;
    margin-left: 17px;
}
.account-no-text:after{content:"";content: "";
    width: 2px;
    height: 10px;
    background-color: #fbc600;
    position: absolute;
    margin-left: -62px;
    margin-top: -6px;}

select.form-control:not([size]):not([multiple]){    height: 42px;}
.reports-tabs li{ padding-right: 10px; padding-left: 10px; border-right: 1px solid #ccc;}
.reports-tabs li:first-child{border-right: 0px; padding-left: 0px;}
.reports-tabs li:last-child{ border-right: 0px;}
.reports-tabs li .active{ font-weight: 700;}

.promo-editer .radio-btn{ display: inline-block; width: 49%;}
.promo-buttons .btn-primary,.promo-buttons .btn-primary:hover, .promo-buttons .btn-primary:active{ min-width: auto;}
.error-color{color: #a94442;}

.location-div {
    width: calc(100% - 50px);
    float: right;
}
.location-div label{margin-bottom: 0px;}
.location-div p{font-weight: 700; font-size: 18px; margin-bottom: 5px;}
.header .dropdown-menu img {
        max-width: 100%;
}
.max-width50{max-width: 50%;}
.marchant-id img{ margin-left: 20px;}

.merchant-no-text{font-size: 12px; margin-left: 30px;}
.merchant-no-text:before {
content: "";
    width: 166px;
    border-bottom: 2px solid #fbc600;
    height: 25px;
    position: absolute;
    margin-top: -24px;
    border-left: 2px solid #fbc600;
    border-right: 2px solid #fbc600;
        margin-left: -9px;
}

input[type="checkbox"][readonly] {
  pointer-events: none;
}
input[type="checkbox"][readonly]~.custom-control-indicator{    background-color: #8c8c8c;}
.btn-maxwidth{min-width: 159px;}
.fld-max{max-width: 60%;}
.table td span.dispy-block{display: block;}

.list-div li{list-style: none;}
.list-div{max-height: 250px; overflow: auto; border: 1px solid rgba(0,0,0,.15); padding: 0px 5px;}
.print-and-down .btn {
    margin-bottom: -20px;
}
.print-and-down .btn{min-width: 180px;     position: relative;
    z-index: 2;}
.fa-mobile.fa:before{font-size: 50px;}
.datepicker-dropdown{    border: 1px solid #ccc;}
th.erroe-color{ color: #c63527;}

.pagination-text{margin: 7px 15px;}

.text-left td{text-align: left;}
.text-left.table-striped-color td{vertical-align: top;}
.text-left.table-striped-color td label{    padding: 13px 0px;}



#chat-box .modal-body{
width: auto;
    height: auto;
    min-height: auto;
    min-width: auto;
}


.modal-address-cards .address-card{
	    max-width: 300px;
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
    vertical-align: top;
    min-height: 260px;
}

.home-top-error{ margin: 0px;}
.home-top-error p{padding-left: 20px; padding-top: 15px;}
.home-top-error .col-12{padding: 0px; border: 1px solid rgba(241, 226, 201, 1);}
.home-top-error .alert{padding: 18px 38px; margin-bottom: 0px;}

@media (min-width: 1200px){
    .modal-dialog{min-width: 874px;}
    
}

@media (max-width: 1200px){
    
   .navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 0px;
}
    .modal-dialog{min-width: 817px;}
    .navbar-nav li{padding-right: 8px;}
    .navbar-nav li a {
    font-size: 13px;
}
}
@media (max-width: 1024px){
	/* .alert{font-size: 14px;} */
     .modal-dialog{min-width: 817px;}
    .navbar-nav li{padding-right: 0px;}
    .navbar-nav{padding-right: 0px;}
    body{font-size: 0.95em;}
    body.modal-open{position: fixed;}
    table.tablesorter thead tr .tablesorter-headerDesc .tablesorter-header-inner:after  {right: 1px;}
    table.tablesorter thead tr .tablesorter-headerAsc .tablesorter-header-inner:after {right: 1px;}
    .sortedLaod .tablesorter-header-inner:after{right: 1px;}
    .table thead th{padding-right: 10px;}
    .table thead tr th, .table tbody tr td {
    font-size: 14px;
    word-break: inherit;
    line-height: 14px;
}
.table-bc td{padding: 18px 5px 18px 5px;}
.ipad-hide{display:none;}
 @media print {
 
 .ipad-hide{display:table-cell;}

 .modal{width: 820px;}
 p{width: 90%;}
}   
}
@media only screen and (max-width: 1024px) and (min-width: 992px)  {
.homepage-form{cursor: pointer;}
}
@media (min-width: 992px){
    .dropdown:hover .dropdown-menu{display: block;}
    .show>.dropdown-menu {
   
}
}

@media (max-width: 768px){
     .modal-dialog{min-width: 672px;}
     .request-credit{
     padding-left:7px;
     }
}
@media (max-width: 991px){
	.type-payments-pmyp .content-header-text{font-size: 14px;}
	span.two-words-thead {
    display: block;
}
	.table td, .table th {
    padding: 3px;
    font-size: 14px;
}
	.print-and-down .btn{ margin-bottom: 0px;}
.pre-header .btn-secondary.btn-yello{margin-left: 20px;}
.ipad-portrait{display: none !important;}	
.print-and-down	.custom-control-description{font-size: 14px;}
.bc-progress-bar ul li{    width:142px;
    font-size: 14px;}	
.collapse.in{display: block;    position: absolute; right: 0px;     top: 75px; z-index: 99;}
.md-mb-2{margin-bottom: 10px;}
.form-control-static{    font-size: 15px;}
.transactions-table tbody tr td{    padding-bottom: 108px;}
/*menu styles */ 
    .login-user-info{display: block;}
    .header .navbar{width: 82%; position: absolute;     height: 100%;   right: 0px;     margin-top: -74px;}
    .header .collapse {position: absolute; box-shadow: -2px -0.1px 2px 0 rgba(0, 0, 0, 0.35);background: #fff; width: 100%; z-index: 99; height: 100%;
}
.internal-mainmenu.header .navbar{    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: 50px; margin-top: 10px;}
    .navbar-nav li.active ul{opacity: 1;    position: relative;    visibility: visible;}
    .navbar-toggler-right{    z-index: 100;}
    .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: #ffffff;
    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;}
    .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>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{      margin-top: 0px;  width: 40%; position: relative; margin-top: 0px; margin-right: 40px;    height: auto !important;}
   .bc-progress-bar ul li{    width: 142px;
   
    font-size: 15px;}
    
    .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;}
    .modal .modal-body, #units-modal .modal-body {
    min-height: 600px;
            max-height: initial;
    }
    .pre-header .dropdown-menu, .dropdown-toggle::after{display: none;}
 .transaction-days .btn {
    font-size: 12px;
    padding-left: 3px;
}
    
}

@media (max-width: 1024px){
.navbar-nav{margin-right: 0px !important; }
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: 3px;
}
   .navbar-nav li:last-child ul {
    right: 0px;
} 

}
@media (max-width: 767px){
    .login-img{display: none;}
    .log-in-header{max-width: 100%;}
    .bc .footer{position: inherit;} 
    #chat-box .modal-dialog{  right: -24px;}
    
}



.print-only{ margin: 0px auto;}
.print-header{margin-bottom: 30px;}
.print-only p{margin-bottom: 5px;}
.table-bordered th {
    border-bottom-color: #fff;
}
.table-p {border: 1px solid #ccc;}
.table-p th, .table-p td {
    border-left: 1px solid #ccc;
    padding-left: 10px;
    font-weight: normal;
}
.print-only th, .print-only td {
    border-left: 1px solid #ccc;
}
.table-p td span{ display: inline-block;}
.print-only .table tr:hover, .print-only tr{border-left:0px; }
.print-app-value{    margin: 0px;}
.print-app-value span{ float: right;}
.print-app-value .col-12{border-bottom: 1px solid #979797; padding: 10px 0px;}
.print-app-value .col-12:last-child{border-bottom: 0px;}
.print-app-value label{margin-bottom: 0px;}
.signature-line{font-size: 20px; border-bottom: 3px solid #222;}
.print-only div, .print-only p, .print-only label{font-family: 'Arial'; font-size: 12px; line-height: 15px;}
.sign-line{border-bottom: 2px solid #454545; width: 90%; display: inline-block;}
#authReportTable td a {
    display: block;
}


/* media print start here*/
@media print { 
	.alert{background-color: #fff;}
	.top-header-internal{ display: none;}
#emulateForm{ display: none;}
.ipad-portrait{display: table-cell !important;}
.ipad-hide{display: table-cell !important;}
    *{margin: 0px; padding: 0px;}
    body{margin: 0px; padding: 0px; width: 270mm;
       }
       .modal-header{border-bottom-color: #fff;}
   .print-only.logo-img{float: left; width: 150px; margin-left: 0px;}
  @page { size: auto;  margin: 10mm 5mm; position: relative; size: A4; }
 /* All your print styles go here */
 .bc-progress-bar, .footer, .no-print, .navbar  { display: none !important; }
 .print-only .logo-img{width: 340px; height: 36px;} 
    .print-only{ display: block !important;}
    .screen-only{display: none;}
    .installmentpage3 .col-md-6{width: 49%;} 
    table td{line-height: 18px;}  
    #myTabContent .tab-pane{
    display: block !important;
    opacity: 1 !important;
     visibility:visible;
}
.tablesorter-header-inner:after{display: none !important;}

#matching-applications .col-6{min-height: 70px; margin-bottom: 10px;}
#matching-applications .modal-footer{display: none;}
table { font-size: 80%;overflow: visible !important; vertical-align: top;  }
  tr    { page-break-inside:avoid; page-break-after:auto; overflow: hidden; }
  td    { page-break-inside:avoid; page-break-after:auto; overflow: hidden; }
    .table td, .table th{text-align: left !important; padding: 5px; }
    table td.text-right, table th.text-right{text-align: right !important; }
   .table td{padding-left: 5px !important;}
    body, .container, .main-cont, .row, table {
    
      border: 0;
      float: none;
      margin: 0;
      overflow: visible;
      padding: 0;
      position: static;
      width: 100%;
      vertical-align: top;
      position: relative;
      top: 0px;
      height: auto !important;
      visibility:visible;
    }
    
    .header .logo-img{padding-left: 15px;}
     .print-modal{position: relative; height: 100%; width:87%; top:0px; left:0; min-height:inherit; max-height:inherit; visibility:visible; display: block;  overflow: visible !important;}
    .modal-content, .modal-dialog{ height: 100% !important; max-height:inherit; visibility:visible; min-height:inherit; overflow: visible !important; width: 100%; max-width:none;}
.bold-text-print{font-weight: bold;}
  .error-color{color: #292b2c;}   
.table-bc td{padding: 5px 0px;}
  
.sortedLaod .tablesorter-header-inner:after {
	display: none;
	}
.row{display: inherit !important; margin: 0px !important;}
.no-print, .edite-value, .edite-value, .hideDivClass{display: none !important;}
.col-4{width: 33%; float: left;}
.col-6{width: 50%; float: left;}
.col-12{width: 100%;float: left;}
.content-header-text{width: 100%; float: left;}
p{width: 95%; }
.modal-dialog{width: 100%;  max-width: inherit; height:100%; min-width: auto;}
.form-control-static{font-size: 0.75em; height: 50px;}
label{font-weight: normal;}
/* .table, .container{ width: 2000px;} */

body{background-color: #fff;}
.header{ background-color: #fff !important;}
 @page { background-color: #fff;  margin: 5mm 5mm; position: relative; }
 	.top-header-internal{ display: none; background-color: #fff;}
#emulateForm{ display: none; background-color: #fff;}
.modal{height: 100%; background-color: #fff; min-height: 1024px;}
.modal-dialog{height: 100%; background-color: #fff;}
.table tr, .table td, .table th{background-color: #fff; font-size: 14px;}


.main-cont{padding-bottom: 0px !important; margin-bottom: 0px !important;}
#matching-applications .col-6.form-group {
   height: 88px;
    margin-bottom: 0px;
    max-width: 340px;
    
}
#matching-applications .col-4.form-group {
   height: 88px;
    margin-bottom: 0px;
    max-width: 340px;
    
}
.modal .col-6.form-group {
   height: 88px !important;
    margin-bottom: 10px !important;

}
.modal .col-4.form-group {
   height: 88px !important;
    margin-bottom: 10px !important;

}
.adduser-status .form-group {
   height: 88px !important;
    margin-bottom: 0px !important;

}
.modal-dialog{min-width: initial;}
.print-modal{width: 750px !important;}
.modal-backdrop{display: none !important;}
.print-trn-pdf .col-12{float: none;} 
.modal .modal-body{padding-left: 0px; }
.modal-dialog p{font-size: 14px;}
.print-only div.row{ clear: both;}
#cancelpopup{display: none !important;}
.table thead tr th{color: #454545 !important;}
.table-striped-color tbody tr:nth-of-type(even){background-color: #fff !important;}
.table thead tr{background-color: #fff !important;}
}

/* media print end here*/



.modal-open .modal.canter-modal {
    display: flex!important;
    align-items: center!important;
   
}
 .canter-modal .modal-dialog {
        flex-grow: 1;
    }
.canter-modal .modal-dialog{float: none; height: auto;
  min-width: 600px;
        
    margin: auto;
   
  
}
.canter-modal .modal-content{width: 600px;}
.canter-modal .modal-dialog .modal-content{    box-shadow: 0px 0px 5px #999;}

/* UPE center pop up start here*/
.canter-modal.modal.fade .modal-dialog{    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;
}
.modal-list-center{display: flex; max-width: 80%; margin: 20px auto 10px auto; flex-flow: row wrap; }
.modal-list-center li{ flex: 50%; list-style: inside;}
.canter-modal .modal-body{    padding: 20px 50px;}
.canter-modal .modal-footer{     border-top: 0px solid #eceeef; }
/* UPE center pop up end here*/

/* Quickscreen SSN & phome number Start */

.four-numbers-fld {
	display: inline-block;
	width: 74px;
}

.or-main-div {
	padding-top: 32px;
	display: inline-block;
	position: relative;
}

span.or-main-div:before {
	content: "";
	width: 1px;
	height: 35px;
	background: #ccc;
	position: absolute;
	left: 11px;
	top: 27px;
}

span.or-main-div span {
	background: #f6f6f6;
	position: relative;
}

/* Quickscreen SSN & phome number End */

/* PC2 PMP Changes Start */

#yes-toogle:before {
    content: "No";
    padding-left: 13px;
    background-color: rgba(198, 53, 39, 1) !important;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 28px;
}
#yes-toogle:after {
    content: "yes";
    padding-right: 9px;
    background-color: rgba(82, 129, 44, 1) !important;
    color: #fff;
    text-align: right;
    font-weight: normal;
    line-height: 28px;
}
.yes-no-switch{
    width: 66px;
}
#no-toggle{
    width: 25px;
    height: 25px;
    top: 1px !important;
   
}
.onoff-label{
    height: 27px !important;
}
.onoffswicthright{
    right: 40px;
}
.onoffswitch-label.active .off-right{
	right:1px !important;
}
.columwidth-10{
    max-width: 10.666667% !important;
}
.online-payment-dec{
    padding-top: 1px;
}
.font-size-13{
    font-size:13px;
	line-height: 18px;
}
.custom-pay-link{
    font-size: 16px !important;
    text-decoration: none !important;
    color: #464A4C !important;
    font-weight: 400 !important;
}
.manage-payemnt-notifications span{
    margin-right: 10px;
}
.border-right-line{
    border-right: 1px solid #9E9E9E;
    padding-right: 9px;
}
.alert-icon-big .fa:before {
    font-size: 20px;
}
.disabled-toggle{
	pointer-events: none;
}
.disabled-toggle #yes-toogle:before {
    background-color: rgba(217, 79, 79,0.8) !important;
}
.alert-icon-big{
	font-size: 20px;
	font-weight: bold;
}
/* PC2 PMP Changes End */
/* PC2 Expiry and checkbox alignment start*/	
#expdatesection1 .exp-or span{    position: absolute;
    left: 0px;
    top: 37px;
    font-size: 13px;
    font-weight: bold;
    background-color: #f6f6f6;
    line-height: 15px;}

#expdatesection1 .custom-control-description{font-size: 15px;}

#expdatesection1 .form-group{padding-left: 15px;}
#expdatesection1 .exp-or i{    position: absolute;
    width: 1px;
    background-color: #ccc;
    height: 28px;
    left: 10px;
    top: 30px;
    z-index: 0;}
	/* PC2 Expiry and checkbox alignment end*/	
	
/* Quickscreen ANL start */
.check-label {
    width: calc(100% - 42px);
    vertical-align: middle;
    display: inline-block;
}

.check-label-full {
	font-size: initial;
    width: 100%;
}

.alink-button {
	color: #006f60 !important;
}

.accexist-text {
	padding-left: 1%;
}

.acc-alert-main{
	font-size: 20px;
    line-height: 18px;
} 
.alert-message-info{
	font-size: 14px;
    margin-top: 19px;
}
.warning-alert-fa{
	font-size:20px !important;
}
.alert-align{
	margin-left: 17px;
}
/* Quickscreen ANL end */

/* ADA Changes Starts*/
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused{
	background-color: #a9a9a9  !important; 
	color: #FFF ;
}

.navbar-nav li ul li a.dropdown-item {
    padding: 0px; 
}
/*  SCPC-15 start*/
.card-header button{display: block; text-decoration: none;padding: 10px 10px; font-size: 18px; padding-left: 25px; line-height: 24px; text-align: left; border: none !important;}
.card-header button:hover{text-decoration: none;}	
.card-header button[data-toggle="collapse"]{ background-color: transparent;}
.card-header button[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-header button[data-toggle="collapse"].collapsed:before {
  /* rotate "play" icon from > (right arrow) to ^ (up arrow) */

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

}
.card-header button[data-toggle="collapse"].collapsed{ color:#222;   background-color: transparent;}
.card-header button:hover, .card-header button:active, .card-header button:focus  {
    text-decoration:none;
    cursor: pointer;
} 
.message-list span.msg-color button{color:#595959;  text-decoration: none;   font-weight: 700; cursor: pointer; text-align: left;}

/*  SCPC-15 end*/
/* ADA Changes end*/
/* LCM ADA CHANGES 2 */
.radio-btn input:focus-visible ~ .checkmark {
    box-shadow: none !important;
    outline: 2px solid #002e2a !important;
}
.card-header button:focus  {
    outline: 2px solid #002e2a;
}
/* LCM ADA CHANGES 2  END */
/* LCM ADA CHANGES 3 */
#cardHolderNameGroup{margin-top:7px;}
#cardHolderNameGroup .checkmark{margin-top:0px;}
/* LCM PC ADA CHANGES */
.LookUpEditSearch:focus{
  outline: 3px solid black;
  outline-offset: 3px;
	border-radius:1px;
}