/* 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: 72px;
    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: 400px;
    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 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, #rtiModule{
    background: url("/images/toggle-list-logo.png") no-repeat;
    background-size: 24px 24px;
    background-position: 98% 50%;
}

@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;
    }
}

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