/* Global setting of font */
html *{
    font-family:  "HelveticaNeue", "Helvetica", Arial, "Lato", Sans-Serif;
}

/*
/* Font sizes for PC */
html h1{
    font-size: 31pt;
    line-height: 38pt;
    font-weight: bold;
}

html h2{
    font-size: 19pt;
    line-height: 27pt;
    font-weight: bold;
}

html h3{
    font-size: 17pt;
    line-height: 24pt;
    font-weight: bold;
}

html h4{
    font-size: 14pt;
    line-height: 20pt;
    font-weight: bold;
}

html h5, #rti-account-registration-id{
    font-size: 13pt;
    line-height: 18pt;
    font-weight: bold;
}

html .caption{
    font-size: 11pt;
    line-height: 13pt;
}

html p, html ul, html ol, html li, html a{
    font-size: 13pt;
    line-height: 18pt;
}

html a, html a:hover{
    color: black;
    text-decoration: none !important;
}

/* Font sizes for tablet and mobile */
@media (max-width: 767px){
    html h1{
        font-size: 25pt;
        line-height: 32pt;
        font-weight: bold;
    }
}

/* Global setting of container width: */
.container{
    max-width: 1150px !important;
}

@media (max-width: 1150px){
    .container{
        width: 100%!important;
    }
}

/* Generic setting for fonts in banners */
.banner-text{
    color: white;
}

.rti-banner{
    display: block;
    width: 100%;
    margin-top:70px;
    background: rgba(0,113,189,1);
    background: -moz-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,1)), color-stop(30%, rgba(0,113,189,1)), color-stop(100%, rgba(0,242,255,1)));
    background: -webkit-linear-gradient(left, rgba(0, 113, 189, 0.692) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#00f2ff', GradientType=1 );
}

.banner-section{
    margin-top: 56px;
    width: 100%;        
    background-size: cover!important;
    background-position: 80% 50%!important;
}

.banner-headings{
    color: white;
}

.big-banner{
    min-height: 520px!important;
    width: 100%;
}

.normal-banner{
    min-height: 400px!important;
    width: 100%;
}

.blue-banner{
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,0.1) 100%);
}

#banner-tick-list{
    padding-left: 24px;
    list-style-image: url("../../images/tick_symbol_actual.png");
}

.banner-bc-logo-img{
    height:40px;
    width:297px;
}

.banner-upper-section{
    margin-bottom: 48px;
}

.banner-lower-section{
    margin-top: 48px;
}

/* Generic setting for white buttons */
.white-buttons{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);   
}

.white-buttons, .white-buttons:hover{
    display: block;
    /* max-width: 230px; */
    width: 100%;
    padding: 12px 0px;
    background-color: white !important;
    font-weight: bold;
    color: #B81D82 !important;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;    
}

/* Generic setting for pink buttons */
.pink-buttons{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);   
}

.pink-buttons, .pink-buttons:hover{
    display: block;
    /* max-width: 230px; */
    width: 100%;
    padding: 12px 0px;
    background-color: #B81D82 !important;
    font-weight: bold;
    color: white !important;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;    
}

.pink-buttons:hover{
    box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25);   
}

/* Generic setting for gradient buttons */
.gradient-buttons{
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);   
}

.gradient-buttons, .gradient-buttons:hover{
    display: block;
    max-width: 230px;
    width: 100%;
    padding: 12px 0px;
    background: linear-gradient(120deg, rgba(157,52,146,1) 0%, rgba(176,59,156,1) 25%, rgba(223,73,178,1) 70%, rgba(255,82,194,1) 100%);
    font-weight: bold;
    color: white;
    text-decoration: none;
    text-align: center;
    border-radius: 4px;    
}

.gradient-buttons:hover{
    box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25);   
}

/* Styling of navbar in rti.com */
#rti-navbar-pure-logo{
    max-width: 44px;
    border-radius: 25%;
    -webkit-box-shadow: 0px 0px 16px 8px rgba(153,153,153,0.25);
    -moz-box-shadow: 0px 0px 16px 8px rgba(153,153,153,0.25);
    box-shadow: 0px 0px 8px 2px rgba(153,153,153,0.35);
}
#rti-navbar-logo-with-name{
    max-width: 240px;
}
#rti-navbar{
    background-color: white !important;
    box-shadow: 0px 0px 8px 0px rgba(153,153,153,0.25);
}

#rti-home-navbar-toggler-button{
    position: absolute;
    top: 20px;
    border: none;
}

#rti-home-navbar-toggler-button:not(.collapsed){
    transform:rotate(90deg);
    transition-duration: 0.5s;
}

#rti-home-navbar-toggler-button.collapsed{
    transform:rotate(0deg);
    transition-duration: 0.5s;
}

#rti-home-navbar-toggler-button:hover{
    outline: none;
}

#rti-home-navbar-toggler-icon{
    background-image: url("../../images/rti_home_navbar_toggler_logo.png");
}

#rti-logo-link{
    display: block;
}

#rti-navbar .nav-item .nav-link{
    font-weight: bold;
    color: black;
    cursor: pointer;
}

#rti-navbar .nav-item.selected .nav-link{
    font-weight: bold;
    color: #999999;
    cursor: context-menu;
}

/* Styling of generic banner component in RTI.com */
.rti-banner-container{
    padding-top: 36px;
    padding-bottom: 72px;
}

@media (max-width: 991px){
    .rti-banner-container{
        padding-top: 36px;
        padding-bottom: 36px;
    }
}

/* Styling of top banner in RTI.com */
#rti-home-top-banner{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 520px;    
    width: 100%;
    margin-top: 70px;
    background: rgba(0,113,189,1);
    background: -moz-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,1)), color-stop(30%, rgba(0,113,189,1)), color-stop(100%, rgba(0,242,255,1)));
    background: -webkit-linear-gradient(left, rgba(0, 113, 189, 0.692) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#00f2ff', GradientType=1 );
}

#rti-home-top-banner-list{
    list-style-image: url("../../images/tick_symbol_actual.png");
}

#rti-home-top-banner-bc-logo{
    display: block;
    max-width: 297px;
    width: 100%;
}

#rti-home-top-banner-img{
    display: block;
    margin: auto;
    max-width: 450px;
    width: 100%;
}

@media(min-width: 768px){
    .rti-home-banner-button-col{
        max-width: 260px;
    }
}

/* Stylings of the first section of RTI.com home page */
.rti-content-images{
    display: block;
    margin: auto;
    max-width: 320px;
    width: 100%;
}

/* Stylings of the new CD-IELTS banner of RTI.com home page */

.home-CD-IELTS-banner{
    /*background-color: rgba(0,113,188, 0.1);*/
	background-image: linear-gradient(to bottom, rgb(0,113,188,0.1), rgb(0,113,188,0.1) 24%, rgb(0, 242, 255,0.1));
	
}

.home-CD-IELTS-title{
    color: #0071BC;
}

.home-CD-IELTS-banner .text-section{
    overflow: auto;
}

.CDIELTS-try-it-out-img{
	margin: 15% 5% 5% 5%;
    max-width: 80%;

}

@media (max-width: 767px){
    .home-CD-IELTS-banner .generic-block-buttons{
        margin: 10px auto;        
    }
    .home-CD-IELTS-banner .generic-block-buttons#try-rti-button{
        margin-bottom: 40px;
    }
	
	.CDIELTS-try-it-out-img{
		margin: 5% 5% 5% 5%;
		width: 100%;
	}
}




/* Stylings of the exclusive block of RTI.com home page */
#home-exclusive-block{
    background-color: rgba(0,113,188, 0.1);
}

#home-exclusive-block #home-exclusive-block-title{
    color: #0071BC;
}

#home-exclusive-block .text-section{
    overflow: auto;
}

@media (max-width: 767px){
    #home-exclusive-block .generic-block-buttons{
        margin: 10px auto;        
    }
    #home-exclusive-block .generic-block-buttons#try-rti-button{
        margin-bottom: 40px;
    }
}

/* Stylings of the review section of RTI.com home page */
#rti-home-second-section-container{
    background-color: rgba(255, 120, 0, 0.1);
}

#rti-home-second-section-header{
    color: rgb(255, 120, 0);
}

#rti-home-section2-img{
    width: 100%;
}

#rti-home-second-section-review-text{
    min-height: 186px;
}

@media (min-width: 768px) and (max-width: 991px){
    #rti-home-second-section-review-text{
        min-height: 315px;
    }
}

@media (min-width: 768px){
    #rti-home-section2-review-button{
        margin-bottom: 24px;
    }
}
/* Stylings of the middle banner of RTI.com home page */
#rti-home-middle-banner{
    display: block;
    width: 100%;

    background: rgba(0,113,189,1);
    background: -moz-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,1)), color-stop(30%, rgba(0,113,189,1)), color-stop(100%, rgba(0,242,255,1)));
    background: -webkit-linear-gradient(left, rgba(0, 113, 189, 0.692) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#00f2ff', GradientType=1 );
}

#rti-home-middle-banner-img{
    display: block;
    margin: auto;
    max-width: 400px;
    width: 100%;
}

/* Stylings of the fourth section of RTI.com home page */
#rti-home-fourth-section-container{
    background-color:rgba(120,161,63, 0.1);
}

#rti-home-fourth-section-header{
    color: rgb(120,161,63);
}

#rti-home-fourth-section-list{
    padding-left: 19px;
}

#rti-home-section4-img{
    display: block;
    width: 100%;
}

#rti-home-fourth-section-content{
    min-height: 222px;
}

#rti-home-section4-button-div{
    margin-bottom: 24px;
}

/* Stylings of the bottom banner of RTI.com home page */
#rti-home-bottom-banner{
    display: block;
    width: 100%;
    min-height: 440px;
    background: rgba(0,113,189,1);
    background: -moz-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,1)), color-stop(30%, rgba(0,113,189,1)), color-stop(100%, rgba(0,242,255,1)));
    background: -webkit-linear-gradient(left, rgba(0, 113, 189, 0.692) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#00f2ff', GradientType=1 );
}

/* Stylings of the footer of RTI.com home page */
#rti-home-footer-bc-logo{
    display: block;
    max-width: 297px;
    width: 100%;
}

#rti-home-footer-text, #rti-home-footer-text a, #rti-home-footer-text a:hover{
    color: #999999;
    font-size: 9pt;
    text-decoration: none;
}

/* Stylings of privacy.php of RTI.com */
#privacy-container{
    margin-top: 100px;
}

/* Stylings of error pages */
#rti-errors-banner{
    display: block;
    width: 100%;
    min-height: 440px;
    margin-top:70px;
    background: rgba(0,113,189,1);
    background: -moz-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,1)), color-stop(30%, rgba(0,113,189,1)), color-stop(100%, rgba(0,242,255,1)));
    background: -webkit-linear-gradient(left, rgba(0, 113, 189, 0.692) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#00f2ff', GradientType=1 );
}

#error-message-header{
    min-height: 86px;
}

/* Stylings of Generic Blocks */
#get-in-touch-block{
    background-color: rgba(120, 161, 63, 0.1)
}

@media (min-width: 768px){
    .generic-first-col{
        padding: 24px;
    }
}

.generic-second-col{
    padding: 0px;
}
.generic-block-image{
    max-width: 100%;
}

@media (max-width: 767px){
    .generic-block-buttons{
        display: block;
        margin: 20px auto;
    }
    .text-section{
        margin-top: 15px;
    }
}

/* Stylings of Sign in pages of Last Minutes */
#rti-sign-in-banner{
    min-height: 520px;    
}

#rti-sign-in-banner label, .rti-sign-in-messages{
    color:white;
}

.rti-sign-in-messages{
    display:block;
    min-height:72px;
}

@media (min-width: 767px){
    .rti-banner-button-col{
        max-width: 260px;
    }
}

@media (min-width: 767px) and (max-width: 991px){
    .rti-banner-button-col{
        margin: auto;
    }
}

/* Stylings of Account registration pages */
#rti-account-registration-container{
    margin-top: 100px;
}

#rti-account-registration-container input, #rti-account-registration-container select{
    border: none;
    box-shadow: 0px 0px 8px 0px rgba(153,153,153,0.25);
}

#RegisterForm{
    margin-top: 24px;
}

#rti-account-registration-container label{
    margin-top: 8px;
}

.rti-account-registration-error-messages {
    margin-top: 8px;
}

#rti-account-registration-register-button, #RegisterSubmit, #signInButton{
    margin-top: 24px;
    margin-bottom: 8px;
}

#rti-account-registration-id, #RegisterForm #loginID{
    background-color: transparent;
    box-shadow: none!important;
    padding-left: 0px;
}

#test-date-datepicker, #test-date-datepicker-new, #rtiModule{
    background: url("../../images/toggle-list-logo.png") no-repeat;
    background-size: 24px 24px;
    background-position: 98% 50%;
}
#test-date-datepicker-new {
    background-color: white;
}
@media(min-width: 768px){
    #rti-account-registration-container .form-group, #rti-account-registration-container #test-date-datepicker-div, #rtiModule{
        width: 86%;
    }
    #test-date-datepicker, #rtiModule{
        display:block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }

    #test-date-datepicker-new{
        display:block;
        margin-left: auto;
        margin-right: auto;
    }
}

.rti-account-registration-error-messages{
    display: block;
    opacity: 0;
    height: 24px;
    color: #B81D82;
}

#retype-password-error-message, #msg_retype_password_error{
    min-height: 72px;
}

@media (max-width: 767px){
    #retype-password-error-message, #msg_retype_password_error{
        min-height: 72px;
    }
}

/* Stylings for out-of-japan.php */
#rti-out-of-japan-banner{
    display: block;
    width: 100%;
    min-height: 520px;
    margin-top:70px;
    background: rgba(0,113,189,1);
    background: -moz-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,113,189,1)), color-stop(30%, rgba(0,113,189,1)), color-stop(100%, rgba(0,242,255,1)));
    background: -webkit-linear-gradient(left, rgba(0, 113, 189, 0.692) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -o-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    background: linear-gradient(to right, rgba(0,113,189,1) 0%, rgba(0,113,189,1) 30%, rgba(0,242,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0071bd', endColorstr='#00f2ff', GradientType=1 );
}

#banner-japanese-description{
    margin-top: 48px;
    margin-bottom: 24px;
}

/* Stylings for BCEA pages */
.bcea-banners{
    display: none;
    margin-top: 70px;
}

.bcea-banners.show{
    display: block;
}

#rti-bcea-redirect-banner .banner-upper-section{
    margin-bottom: 32px!important;
}

#rti-bcea-redirect-banner .banner-lower-section{
    margin-top: 36px!important;
}

#bcea-redirect-row{
    margin-top:64px;
}

.bceaSupportDocOptions{
    text-align: center;
}

.bceaSupportDocOptions:hover{
    color: #B81D82;
    cursor: pointer;
}

.bceaSupportDocOptions.selected{
    border-bottom: 3px solid #B81D82;
}

.bceaSupportDocOptions h4{
    font-weight: normal;
}

.bceaSupportDocOptions.selected h4{
    color: #B81D82;
}

.bceaSupportDocContent{
    display: none;
}

.bceaSupportDocContent.selected{
    display: block;
}

.bceaSupportDocCard{
    box-shadow:0px 0px 8px 0px rgba(153,153,153,0.5);
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.bceaSupportDocContentColumns{
    display: flex!important;
}

@media (min-width: 768px){
    .bceaSupportDocContent{
        min-height: 320px;
    }
}

@media (max-width:767px){    
    .bceaSupportDocContentColumns{
        margin-top:24px;
    }
}

.bceaSupportDocSymbols, .bceaSupportNetSymbols{
    height: 48px;
    width: 48px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
}

@media(max-width:767px){
    .bceaSupportDocSymbols, .bceaSupportNetSymbols{
        margin-left: -18px;
    }
}

.bceaSupportDocTexts{
    margin: 20px auto;
}

.bceaSupportDocTexts h4{
    font-size: 13pt;
}

/* Stylings for BCEA admin pages */
#BCEAadminContainer{
    margin-top: 118px !important;
}
.rtiLogoDiv{
    height: 200px;
    max-width: 200px;
    background-color: #0096D6;
}

.card-img-top-div{
    height: 130px;
}

.BCEAadminUpperCardSection{
    background-color: #0096D6;
}

.BCEAadminUpperCardImg{
    padding: 21px;
    max-width: 100%;
    height: auto;    
}

@media (min-width: 768px) and (max-width: 991px){
    .rtiLogoDiv{
        height: 150px;
        width: 150px;
    }
}

.rtiLogoImg{
    display:block;
    margin-right:auto;
    width: 100%;
    max-height: 200px;
    max-width: 200px;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
    transition-duration: 0.25s;
}

.rtiLogoImg:hover{
    box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.25);
    transition-duration: 0.25s;
}

.bceaAdminRTICard{
    box-shadow:0px 0px 8px 0px rgba(153,153,153,0.5);
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.bceaAdminRTICard:hover{
    box-shadow:0px 0px 24px 0px rgba(153,153,153,0.5);
    transition-duration: 0.1s;
}

.bceaAdminRTICardColumns{
    display: flex!important;
}

@media (min-width: 768px){
    .bceaAdminRTICard{
        min-height: 100px;
    }
}

@media (max-width:767px){    
    .bceaAdminRTICardColumns{
        margin-top:24px;
    }
}

.bceaAdminRTICardTexts{
    margin: 20px auto;
}

.bceaAdminRTICardTexts h4{
    font-size: 13pt;
}

.bceaAdminRtiSymbols{
    height: 44px;
    width: 44px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border-radius: 25%;
    -webkit-box-shadow: 0px 0px 16px 8px rgba(153,153,153,0.25);
    -moz-box-shadow: 0px 0px 16px 8px rgba(153,153,153,0.25);
    box-shadow: 0px 0px 8px 2px rgba(153,153,153,0.35);
}

@media(max-width:767px){
    .bceaAdminRtiSymbols{
        margin-left: -13px;
    }
}

.BCEAstartButtonsDiv{
    position: absolute;
    padding: inherit;
    bottom: 0px;
    width: 100%;
}

#BCEAadminProgramMobileRow .BCEAstartButtonsDiv{
    position: relative;
}

@media(max-width: 767px){
    #BCEAadminProgramMobileRow .BCEAstartButtons{
        margin: auto;
    }
}

.rtiLogoImgText{
    text-align:center;
    color:white;
    margin-top: 8px;
}

.rtiLogoContentDiv{
    padding-top: 66px;
}

@media (min-width: 768px) and (max-width: 991px){
    .rtiLogoContentDiv{
        padding-top: 37px;
    }
}

#BCEAusageReportOptionRow{
    margin: 0px;
}

.BCEA-usage-options{
    box-shadow:0px 0px 8px 0px rgba(153,153,153,0.5);
    min-height:100%;
    padding: 10px;
}

.BCEA-usage-options:hover{
    box-shadow:0px 0px 24px 0px rgba(153,153,153,0.5);
    transition-duration: 0.1s;
}

.BCEA-usage-options:hover{
    cursor:pointer;
}

.BCEA-usage-options.selected{
    border-bottom: 3px solid #B81D82;
}

.BCEA-usage-options h5{
    font-size: 12pt;
}

.BCEA-usage-options.selected h5{
    color: #B81D82;
}

.bcea-admin-symbols{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 64px;
    width: 64px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.BCEA-usage-content{
    display: none!important;
    overflow: auto;
    width: 100%;
}

.BCEA-usage-content *{
    overflow: auto;
}

.BCEA-usage-content.selected{
    display: block!important;
    margin: auto;
}

/* Blog Section */
.blog-cards {
    overflow: hidden;
}
.blog-slider {
    position: relative;
    margin: 0 -40px;
}
.blog-slider::before,
.blog-slider::after {
	content: '';
	display: block;
	width: 1.5px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.19);
	position: absolute;
    top: 0;
    overflow: hidden;
}
.blog-slider::before {
	left: 33.33%;
}
.blog-slider::after {
	right: 33.33%;
}
.blog-slider .slick-list {
	padding: 20px;
	margin: 0 -20px;
}

.blog-cards a.blog-slide {
	text-decoration: none;
	color: #000000;
	display: block;
    outline: none;
    padding: 0 40px;
}
.blog-cards a.blog-slide:hover {
	text-decoration: none;
}
.blog-cards .blog-thumb {
	display: block;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.19);
	margin-bottom: 20px;
    text-align: center;
    max-height: 213px;
}
.blog-cards .blog-thumb img {
	max-width: 100%;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.blog-cards .blog-slide:hover .blog-thumb img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.blog-cards .blog-date {
	display: block;
	font-size: 13pt;
	line-height: 18pt;
	font-weight: normal;
	margin-bottom: 20px;
}
.blog-cards h3 {
	height: 70px;
	margin-bottom: 0;
	overflow: hidden;
}

.blog-item-2 .blog-slide {
	margin: 0 auto;
}
.blog-item-3 .blog-slide {
	margin-left: auto;
}

.slick-dots li {
	margin: 0 10px;
}
.slick-dots li button:before {
	content: '';
	display: inline-block;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	background-color: #D5D5D5;
}
.slick-dots li.slick-active button:before {
	background-color: #585858;
}

.section-padding {
    padding-top: 65px;
    padding-bottom: 65px;
}

.section-footer {
	padding-top: 33.5px;
}
.btn-rounded {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	color: #B81D83;
	height: 50px;
	border-radius: 5px;
	min-width: 180px;
	font-size: 18px;
	line-height: 18px;
	text-align: center;
	font-weight: bold;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
	border: 2px solid transparent;
	transition: background-color 250ms ease;
}
.btn-rounded:hover {
	text-decoration: none;
	background-color: #B81D83;
	color: #fff;
}
.btn-rounded.btn-outline-pink.no-border:hover {
	color: #B81D83;
}
.btn-rounded.btn-outline-pink {
	border: 2px solid #B81D83;
	color: #B81D83;
}
.btn-rounded.btn-outline-pink:hover {
	background-color: #B81D83;
	color: #fff;
}

@media (max-width: 1199.98px) {
    .blog-cards .blog-thumb {
        max-height: 165px;
    }
}
@media (max-width: 992.98px) {
    .blog-cards .blog-thumb {
        max-height: 149px;
    }
    .blog-slider {
        margin: 0 -20px;
    }
    .blog-cards a.blog-slide {
        padding: 0 20px;
    }
    .blog-slider::before, .blog-slider::after {
		display: none;
	}
	.blog-cards {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		padding-top: 65px;
		padding-bottom: 65px;
	}
	.blog-cards .container {
		padding: 0;
	}
}
@media (max-width: 767.98px) {
    .blog-cards .blog-thumb {
        max-height: 218px;
    }
    .blog-slider {
        position: relative;
        margin: 0 -20px;
    }
    .blog-cards a.blog-slide {
        max-width: 100%;
        width: auto;
        margin: 0;
        padding: 0 20px;
	}
	.blog-cards .blog-thumb img {
		width: 100%;
    }
    .btn-rounded {
        height: 42px;
        min-width: 150.68px;
        font-size: 13pt;
        line-height: 18pt;
    }
}

.field_token{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
  }
  
  .field_token:focus, .field_token:hover{
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
  }


  .login_button_container{
    display: block;
    margin: auto 10px;
  }  

  .token_buttons{
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    margin: 20px 0px;
    border: none;
    background-color: #ad2182;
      color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.15);
    border-radius: 5px;
  }

  .token_buttons:hover{
    display: block;
    width: 100%;
    text-align: center;
    background-color: #d81d79;
    color: white;
    border: none;
    padding: 8px 0px;
    font-weight: bold;
    cursor: pointer;
  }

  .error_code {
    font-size: 18px;
    margin-top: 5px;
    color: #AA0046;
  }


  .panel-heading-nav {
    border-bottom: 0;
    padding: 10px 0 0;
  }
  
 
  .panel-heading-nav .nav #nav-tab{
    padding-left: 10px;
    padding-right: 10px;
  }

  .tab-container {
    border-radius: 20px;
    background-color: gray;
  }

  .form-check-label{
    margin-left: 15px;
    margin-top: 5px;
  }

  .lead-detail {
    margin: 10px 10px;
  }