.bb-login .modal-dialog{width:318px;margin:40px auto;}
.bb-login .modal-body{padding:10px 15px 15px;}
.bb-login .modal-content{border:0 solid #ebedef;}
.bb-login .nav-tabs{margin-bottom: 15px;}
.bb-login .modal-header{border-bottom:none;padding:5px 15px 5px 15px;}
.bb-login .close{background-color:#fff;border-radius:3px;padding:0 4px;opacity:1;font-size:20px;position:absolute;top:-14px;right:-17px;outline:none}
.bb-login .modal-header p{font-size:10px;}
.bb-login .modal-body p{line-height: 1.625;font-weight:300;text-align:center;padding-bottom:10px;}
.bb-login .modal-header h4{font-size:22px;font-weight:normal;margin:0;}
.bb-login .modal-header p{margin:0;}

/*Social Media Buttons*/
.bb-login .modal-body a{color:#FFFFFF;position:relative; text-align:center; border:0 solid rgba(0,0,0,0.2);text-transform:uppercase;font-size:14px;font-weight:normal;padding:10px 0 10px 40px;width:100%;margin:0 auto 15px;}
.bb-login .modal-body .social-login{display:table;width:100%;padding-bottom:20px;}
.bb-login .modal-body a.btn{display:table-cell;width:50%;border-radius:0;text-align: left;}
.bb-login .modal-body a span{background-repeat:no-repeat;border-radius:3px 0 0 3px;width:40px;height:40px;display:block;position:absolute;top:0;left:0;}
.bb-login .facebook{background-position:6px 2px;}
.bb-login .google-plus{background-position:7px -48px;}
.bb-login .btn-facebook{background-color:#314a7e; border:1px solid #314a7e;}
.bb-login a.btn-googleplus{background-color:#FFFFFF; color:#34495E; border:1px solid #34495E;}

/* Login icon */
.bb-login .login-icon{display:block;text-align:center;margin:0 auto 10px;width:107px;height:107px;background-repeat: no-repeat;border: 3px solid #baece1;border-radius: 54px;background-color:#19bd9b;}
.bb-login .resetpwd .login-icon {margin:12px auto 0;}
.bb-login .login-icon{dbImage_background-image:BG_LOGIN_ICON_DEFAULT;}
.bb-login .login-icon.username-bg{dbImage_background-image:BB_LOGIN_ICON_USERNAME;}
.bb-login .login-icon.password-bg{dbImage_background-image:BG_LOGIN_ICON_PASSWORD;}

/*BB Login Form*/
.bb-login .nav-tabs{margin-top:0;}
.bb-login .nav-tabs > li{width:50%;float:left;}
.bb-login .nav-tabs > li > a{display: block; border-radius:0;color:#000000;padding:10px;margin-bottom:0;text-decoration:none;text-transform:uppercase;text-align:center;}
.bb-login .modal-body .nav-tabs > li.active > a, .bb-login .modal-body .nav-tabs > li.active > a:hover, .bb-login .modal-body .nav-tabs > li.active > a:focus{border-bottom:3px solid #19bd9b;color:#19bd9b;}
.bb-login .nav-tabs > li > a, .bb-login .nav-tabs > li > a:hover, .bb-login .nav-tabs > li > a:focus{border-bottom:3px solid #baece1;}
.bb-login .tab-content{border:0px solid #ddd;padding:0;margin-bottom:0;}
.bb-login .form-group{margin-bottom:15px;}
.bb-login .form-control{border: 1px solid #d5d5d1;font-size:14px;background-color:#eee;border-radius:0;box-shadow:none;}
.bb-login .modal-body .tab-content .forget-password, .bb-login .modal-body .back{ text-align: left; color:#3c6caf;display:block;text-decoration:none;font-size:12px;text-transform:none;padding:0 0 15px;margin:0;line-height:normal;}
.bb-login .modal-body .back span{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);display:inline;position:relative;top:0;}
.bb-login .btn.btn-primary{background-color:#1abc9c;width:100%;font-size:14px;font-weight:normal;}
.bb-login .title{border-bottom:3px solid #19bd9b;padding:5px 0;text-align:center;text-transform:uppercase;color:#19bd9b}
.bb-login .resetpwd p{text-align:left;line-height:normal;padding-top:10px;}

/*BB Login Form Error Message*/
.bb-login  .input-error-cl{background-color:#f1c40f;border-radius:6px;color:#ffffff;font-size:15px;font-weight:bold;padding:10px 10px 10px 47px;width:100%;margin-top:10px;margin-bottom:0;line-height:normal;position:relative;-moz-animation:bounce 1s 1 alternate;-ms-animation:bounce 1s 1 alternate;-o-animation:bounce 1s 1 alternate;-webkit-animation:bounce 1s 1 alternate;animation:bounce 1s 1 alternate;}
.bb-login  .input-error-cl:after { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(241, 196, 15, 0); border-bottom-color: #f1c40f; border-width: 10px; margin-left: -30px; }
.bb-login  .input-error-cl img{left: 10px;position: absolute;top: 4px;}
/*BB Login Form remember Message*/
.bb-login .checkbox label{display:block;line-height:20px;font-size:12px;padding-left:12px;}
.bb-login .checkbox.checked .second-icon{color:#1abc9c;}
.bb-login .checkbox .icons{top:auto;color:#bdc3c7;line-height:21px;}

/*new cleanup style*/
.bb-login .section-title{
    font-size: 22px;
}
.login-otp-skip .otp-ring-loader{width:auto;}
.login-otp-skip .otp-ring-loader span{dbImage_background-image:OTP_RING_LOADING;background-repeat: no-repeat;background-position:0 0;display: inline-block;width: 30px;height: 30px;line-height:30px;text-align:center;}
/*Mobile Styles*/
@media(max-width:767px) {
    .bb-login .modal-dialog{margin: 30px auto;}
    .bb-login .modal-body{padding:10px 15px;}
    .bb-login .modal-body p{padding-bottom:5px;}
    .bb-login .modal-header{padding:15px 12px 5px;}
    .bb-login .modal-header .close{right: 9px;top: -15px;}
    .bb-login .modal-dialog{width: 300px;}
    .bb-login .modal-body{padding:10px 15px;}
    /*Social Media Buttons*/
    .bb-login .modal-body a{margin:0 auto 5px;}
    /*BB Login Form*/
    .bb-login .nav-tabs{margin-bottom:12px;margin-top:5px;}
    .bb-login .nav-tabs > li > a{padding:5px;}
    .bb-login .form-control{height:36px;}
    .bb-login .form-group{margin-bottom: 10px;}
    .bb-login .forget-password{margin: 0 0 10px;}
    .login-otp-skip .login-otp.otp-ring-loader.dontshow,.login-otp-skip .login-otp.dontshow,.login-otp-skip .tooltip{display:none !important;}
}

/* Mobile Login */

.login-otp-skip {
    line-height: normal;
    padding-bottom: 15px;
}
.login-otp, .login-skip {
    display: inline-block;
    width: 49%;
}
.login-skip {
    text-align: right;
}
.bb-login .modal-body .login-otp a, .bb-login .modal-body .login-skip a {
    display: inline;
    padding: 0;
    text-decoration: underline;
}
.login-otp-skip .tooltip .tooltip-inner {
    background-color: #7af8bd;
    color: #009e43;
    font-size: 14px;
    text-align: left;
    width: 170px;
}
.login-otp-skip .tooltip.right .tooltip-arrow {
    border-right-color: #7af8bd;
}
.login-otp-skip .tooltip.left .tooltip-arrow {
    border-left-color: #7af8bd;
}
.bb-login .form-group {
    line-height: normal;
}

.newuser-otp.active .resetpwd p {
    padding-top: 0;
}

.newuser-otp.active .otp-exceed p {padding-bottom: 10px;}

.bb-login .error-msg .input-error-cl::after {
    animation:none;
    -webkit-animation:none;
    border-color: rgba(241, 196, 15, 0) rgba(241, 196, 15, 0) #f1c40f;
    left: 40px;
    margin-top: 0;
    top: -18px;
    width: 0;
}
.bb-login .error-msg .input-error-cl {
    top: 0;
}
.bb-login .error-msg {
    margin-top: 0;
    position: unset;
}
.offers-page .bb-login .error-msg {
    margin: 0;
    position: unset;
}
.offers-page .bb-login .error-info{
    font-size: 15px;
}

.bb-login .modal-body .new-user {
    text-align: center;
    color: #3c6caf;
    margin: 0 auto;
    display: block;
    text-transform: none;
    text-decoration: underline;
    padding: 0 0 15px 0px;
    clear: both;
}

.bb-login .modal-body .existing-user {
    text-align : center;
    color : #3c6caf;
    margin : 0 auto;
    display : block;
    text-transform : none;
    text-decoration : underline;
    padding : 0 0 15px 0px;
    clear : both;
}
/*YT-4594*/
.ct-login.modal-open .modal-backdrop {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 1;
}
@media(min-width:1201px){
    .ct-login.modal-open .modal-backdrop {
        dbImage_background-image:CT_LOGIN_BG_LG;
    }
}
@media only screen and (max-width:1200px) and (min-width:1025px){
    .ct-login.modal-open .modal-backdrop {
        dbImage_background-image:CT_LOGIN_BG_MD;
    }
}
@media only screen and (max-width:1024px) and (min-width:768px){
    .ct-login.modal-open .modal-backdrop {
        dbImage_background-image:CT_LOGIN_BG_SM;
    }
}
@media only screen and (max-width:767px) and (min-width:320px){
    .ct-login.modal-open .modal-backdrop {
        dbImage_background-image:CT_LOGIN_BG_XS;
    }
}