html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    overflow: hidden;
}
footer#colophon {
    margin-top: 0px;
    display: none !important;
}
.col-md-12.register-login-form {
    height:80vh;
}

div#signin_tab_id_form {
    /*min-height: 449px;*/
}
.selected-tab, .buddyboss-select-inner{
    text-transform: capitalize;
}
/* input#submitlogin {
    margin-top: 25%;
} */
.container.register-section {
	width: 100%;
	margin: 0px;
    padding: 2% 0% 4% 0% !important;
	background-color: #0090FF;
	background-image: linear-gradient(to right, #00c6ff , #0072ff);
	height: auto;
	min-height: 740px;
	overflow: hidden;
	display: block;
	height: 100vh;
}
.row.register-page {
	margin: 0px;position: relative;height:100vh;
}

#submitlogin{float: right;
    background-color: #1680FC;
    color: #ffffff;
    font-size: 14px;
    border-radius: 30px;
    letter-spacing: 0.5px;
    font-family: metropolis bold;
    position: absolute;
    bottom: 15px;
    width: 95px;
    right: 3.4em;
    height: 34px;
    text-align: center;
	padding-top: 8px;
	}


.site{
	min-height: 600px;
}
#login_form_options{margin-top:30px;}
footer#colophon {
	margin-top: 0px;
}
.register-login-form {
    width: 80%;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 15px;
    position: relative;
    top: 0px;
    padding: 1.5em 3em;
}
p.reg_login_p a {
    color: #BCBCBC;
    font-size: 19px;
    font-family: metropolis bold;
    font-weight: bold;
}
p.reg_login_p span {
    color: #BCBCBC;
	font-size: 15px;
    font-weight: bold;
	margin-left: 5px;
    margin-right: 5px;
}
p.reg_login_p a.active {
    color: #1685FC;
    font-size: 19px;
    transition: none;
    /* / font-weight: bold; / */
    border-bottom: 2px solid #1685FC;
    padding-bottom: 4px;
    font-family: metropolis bold;
    /* letter-spacing: 1px; */
}
.register_input {
    background-color: transparent !important;
    color: #BCBCBC !important;
    outline: none !important;
    outline-style: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid #BCBCBC 1px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
	margin:15px 0px 0px 0px;
	width:100%;
}
input[type="password"].som-password-input{max-width: 497px!important;}
input.register_input {
    font-size: 12px;
    margin-top:5px;
    font-family: metropolis medium;
    color: #6F6F6F !important;
}
input[type="password"]{height:32px}
::-webkit-input-placeholder {color: #6F6F6F !important;font-size: 13px !important;}
::-moz-placeholder {color: #6F6F6F !important;font-size: 12px;}
:-ms-input-placeholder {color: #6F6F6F !important;font-size: 12px;}
:-moz-placeholder {color: #6F6F6F !important;font-size: 12px;}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 10px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-text-fill-color: #6F6F6F;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
    transition: background-color 5000s ease-in-out 0s;
    text-decoration: none;}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0077FF; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #0077FF; 
}
.buddyboss-select{
    min-width:125px;
}
.country_code{
    padding-top:0px;
}
.register_textarea{
    width:100%;
	background-color: transparent !important;
	margin-top:20px;
    resize: none !important;
    border: solid #BCBCBC 1px !important;
    overflow: auto;
    color: #6F6F6F!important;
    font-family:metropolis medium;
}
.country_code .buddyboss-select-inner span {
    text-transform: capitalize;
}
.buddyboss-select-inner span {
    text-transform: capitalize !important;
}
.reg_next_btn a {float: right;
    background-color: #1680FC;
    color: #ffffff;
    font-size: 14px;
    border-radius: 30px;
    letter-spacing: 0.5px;
    font-family: metropolis bold;
    width: 95px;
    height: 34px;
    padding-top: 8px;
    text-align: center;
	}
p.reg_submit_btn.back_btn {
    position: absolute;
    bottom: 15px;
    width: 100%;
}
a#register_back_btn {
    float: left;
    background-color: #ffffff;
    color: #1680FC;
    font-size: 14px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
    border: 1px solid #1680FC;
	letter-spacing: 0.5px;
    font-family: metropolis bold;
	/*position: absolute;
    bottom: 1.2em;    
    left: 2.5em;*/
    height: 34px;
	width: 95px;
    text-align: center;
}
#register_back_btn{}

    input[type="text"]{height: 32px !important;}
    /*safari UI */
    @media not all and (min-resolution:.001dpcm) { @media
        {
            input[type="text"]{height: 38px !important;line-height: 1.9;}
            input[type="password"]{height: 38px !important;line-height: 1.9;}
            input[type="number"]{height: 38px !important;line-height: 1.9;}

        }}
    /*safari UI ends here */
    input.register_form:focus{outline:none;}
    #register_back_btn:focus{outline:none;}
    .reg_next_btn a:focus{outline:none;}
    input.register_form {
		float: right;
        background-color: #1680FC;
        color: #ffffff;
        font-size: 14px;
        border-radius: 30px;
        letter-spacing: 0.5px;
        font-family: metropolis bold;
        position: absolute;
        width: 95px;
        right: 5.4em;
        height: 34px;
        text-align: center;
		padding-top: 8px;
		}
p.term_service_p {margin-top: 15px;
    margin-bottom: 25px;
    margin-left: 8px;
    font-size: 12px;}
 #reg_login-slider{
     min-height:490px;
 }
 ul#reg_login-slider li {
    min-height: 490px;
    text-align: center;
}
.image_slider_register ul li img {
    width: 62%;
    height: 100%;
    margin: 0 auto;
    padding-top: 20%;
}
.profile_pic_image{
	text-align:center;position: relative;
    top: 18px;
}
.profile_pic_image img {
    width: 100%;
    max-width: 90px;
}
span.fapencil {
    margin-top: 16%;
    margin-left: -7%;
    margin-bottom: 0%;
    position: absolute;
}
span.fapencil .fa {
    font-size: 12px;
    background-color: #1685FC;
    border-radius: 50%;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 8px;
    padding-right: 8px;
	color:#ffffff;
}
.selected-tab, .buddyboss-select-inner {
    display: block;
    width: 100%;
    clear: both;
    padding: 0;
    margin: 0;
    font-size: 13px;
    position: relative;
    line-height: 15px;
    display: block;
    background-color: transparent;
    color: #6F6F6F !important;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #BCBCBC !important;
    box-sizing: border-box;
}
.term_service_p span{
	color:#1685FC;
}
.reg_login_forms.active{
	opacity:1;
	
}
textarea {
    resize: none;
}
.lSSlideOuter .lSPager.lSpg > li a {background-color: transparent !important;border:2px solid #ffffff;}
.lSSlideOuter .lSPager.lSpg > li.active a {background-color: #ffffff !important;}
h2.focused_learning1 {
    font-size: 38px;
    color: #ffffff;
    /* / font-weight: bold; / */
    margin-bottom: 0px;
    float: left;
    margin-left: 8%;
    padding-top: 0%;
    position: absolute;
    font-family: metropolis bold;
    letter-spacing: 1px;
}
h3.focused_learning2 {
    font-size: 25px;
    margin-top: 8.0%;
    float: left;
    margin-left: 8%;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    font-family: metropolis bold;
    letter-spacing: 1px;
}
h3.watch_anytime1{
   font-size: 25px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom:0px;
    float: left;
    margin-left: 8%;
    padding-top: 0%;
    position: absolute; 
    font-family: metropolis bold;
    letter-spacing: 1px;
}
h2.watch_anytime2 {
    font-size: 34px;
    margin-top: 5.5%;
    float: left;
    margin-left: 8%;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    font-family: metropolis bold;
    letter-spacing: 1px;
}
h2.self_paced1 {
    font-size: 34px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom:0px;
    float: left;
    margin-left: 8%;
    padding-top: 0%;
    position: absolute;
    font-family: metropolis bold;
    letter-spacing: 1px;
}
h3.self_paced2 {
    font-size: 25px;
    margin-top: 6.5%;
    float: left;
    margin-left: 8%;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    font-family: metropolis bold;
    letter-spacing: 1px;
}
i#password_eye {
    position: relative;
    float: right;
	text-align: right;
	right: 5px;
	top: -22px;
}
i#confirm_password_eye {
     position: relative;
    float: right;
	text-align: right;
	right: 5px;
	top: -22px;
}
i#password_login_eye {
    position: absolute;
    padding-top: 18px;
    padding-left: 0px;
    margin-left: -22px;
}
.country_code .buddyboss-select {
    min-width: 125px;
    margin-left: -15px !important;
}
.country_code .buddyboss-select-inner{
    border-radius: 0px !important;
}
#login_form_options .buddyboss-select-inner{
    border-radius: 0px !important;
}
.fa.fa-eye {
    color: #BCBCBC !important;
}
.fa.fa-eye-slash {
    color: #BCBCBC !important;
}
p.forgot_pass {
    text-align: right;
    margin-top: 10px;
}
p.forgot_pass a {
    color: #BCBCBC !important;
}
.contact-no{margin-left: 15px !important;}
i.fa.fa-pencil.upl_prfle_pic {
    cursor: pointer;
}
.sign-in-card{position: relative;
    top: 15px;}
    .register-images{position: relative;
        top: 45px;}
        .fields_and_content{ margin-top: 30px;}

/* forget screen css */
.forget_pswd_content{margin-top: 45px;
    padding-left: 26px;}
    .forget-pswd_1{padding-left: 26px;
        margin-top: 26px;}
.content_1{margin: 0;}
 /* .next_btn_forget{position: relative;
            top: 16em;} */
 .btn_next{}


        

/* forget password css */

        .forget_pswd_content {
            margin-top: 45px;
            padding-left: 26px;
        }
        
        .forget-pswd_1 {
            padding-left: 26px;
            margin-top: 26px;
        }
        .submit_for_change_pswd1{

            position: relative;
    bottom: 50px;
        }
        .content_1 {
            margin: 0px;
        }
        .next_btn_forget {
            position: relative!important;
            top: 10em;
            padding: 8px 22px !important;
        }
        
.show_image_name{
    margin-bottom: 0px;position: absolute;width: 100%;margin-left: -50%;clear: both;float: left;text-align: center;
}
#cancel_btn{
    border: 1.5px solid;
    width: 76em !important;
    height: 43px !important;
    padding: 10px 35px !important;
    font-size: 14px !important;
    border-radius: 30px;
    position: relative;
    right: 0;
    top: 5.3em !important;
	cursor: pointer;
}
#submit_btn{width: 9em;
    height: 40px;
    padding: 10px 40px !important;
    position: relative;
    top: 14.6em;}






        .reset_btn{position: relative;
            top: 23em;}
            .cancel_btn{margin-top: 10px;
                /* margin-left: 47%; */
                width: 28%;
                padding: 6px 30px !important;
            }
            .cancel-btn{position: relative;
                top: 20em;
                width: 30%;
                padding-left: 34px;}
                .cancel_for_change_pswd{margin-top: 25%;}
                .submit_for_change_pswd{}
                .cancel_change{padding: 6px 31px;
                }

                @media screen and (max-width: 767px){
                    .row.register-page {margin: 0px;bottom: 0px; /*overflow-y: scroll;  has to be scroll, not auto */
                       /* -webkit-overflow-scrolling: touch; */}
                        .register-images{top: 75px;overflow-y: scroll;}
                    /* .col-md-12.register-login-form{min-height: 475px;} */
                    .reg_login_p{text-align: center;}
                    .innter-form{margin-top:40px;}
                    .reg_next_btn a{position: relative;right: 0em;}
                    #submitlogin{position: absolute;right: 2em;bottom: 2em;}
                    input.register_form{position: fixed;right: 3em;bottom: 12em;}
                    #register_back_btn{left: 5em;bottom: 12em;position: fixed;}
                    .register-login-form{width:auto;-webkit-overflow-scrolling: auto;}
                    .image_slider_register ul li img{width: 100%;position: relative;top: 20px;}
                    h3.focused_learning2{margin-top: 15%;font-size: 23px;}
                    h3.self_paced2{font-size: 23px;margin-top: 14.5%;}
                    h2.watch_anytime2{font-size: 25px;margin-top: 14.5%;}
                    .lSSlideWrapper{display: none;}
					.country_code {padding-right: 0;padding-left: 0;margin: 0;}
					.country_code .buddyboss-select {min-width: 125px;margin-left: 0 !important;margin-bottom: 0;}
					.phone_number{padding-right: 0;padding-left: 0;margin: 0 !important;}
					.contact-no {margin-left: 0 !important;}
					.col-md-12.register-login-form {height:80vh;}
					.sign-in-card {top: 100px !important;}
					.row.register-page {overflow: overlay !important;}
					
                    
                }
                @media (max-width: 575.98px) { 
                    /* .col-md-12.register-login-form {height:62vh;} */
                    /* #register_back_btn{bottom: 0;position: relative;left: 0em;}
                    input.register_form{bottom: 0;position: relative;right: 4em;} */
                }
                @media screen and (max-width: 1199px) and (min-width: 992px){
                    h2.watch_anytime2{margin-top: 7.5%;}
                    h3.focused_learning2{margin-top: 10%;}
                    h3.self_paced2{margin-top: 9%;}
                    /* .col-md-12.register-login-form {height:65vh;} */
                }

                @media only screen and (max-width: 1320px) and (min-width: 1260px){
                    /* #register_back_btn{right: 31.4em;bottom: 8em;} */
                    /* .reg_next_btn a{right: 9em;bottom: 8em;} */
                    /* #submitlogin{right: 9em;bottom: 8em;} */
                    /* input.register_form{right: 9em;bottom: 8em;} */
                    .register-login-form{bottom:4vh;top:auto;}
                
                }

                @media screen and (max-width: 1023px) and (min-width: 768px){
                    html {
                        font-size: 10px;
                        -webkit-tap-highlight-color: rgba(0,0,0,0);
                        overflow: scroll!important;
                    }
                    .container.register-section{padding: 5% 0% 4% 0%;}
                    .register-login-form {
                        width: 70%;}
                        .col-md-12.register-login-form {
                            min-height: 630px;/*height: 58vh; */
                        }
                        .sign-in-card {
                            position: relative;
                            top: 70px;
                        }
                        #submitlogin{bottom: 2em;right: 11.4em;}
                        .reg_next_btn a{bottom: 2em;right: 11.4em;}
                        /* #register_back_btn{bottom: 2em;right: 42.5em;} */
                        /* input.register_form{bottom: 2em;right: 11.4em;} */
                }
                
                @media only screen and (max-width: 1030px) and (min-width: 1024px){
                    html {
                        font-size: 10px;
                        -webkit-tap-highlight-color: rgba(0,0,0,0);
                        overflow: hidden!important;
                        background-color: #0090FF;
                        background-image: linear-gradient(to right, #00c6ff , #0072ff);
                    }
                    .container.register-section {
                        width: 100%;
                        margin: 0px;
                        padding: 14% 0% 4% 0%;
                        background-color: #0090FF;
                        background-image: linear-gradient(to right, #00c6ff , #0072ff);
                        height: auto;
                        min-height: 680px;
                        overflow: hidden;
                        display: block;
                    }
                    /* .register-images {
                        position: relative;
                        top: 45px;
                        left: 16em;
                        width: 70%;
                        align-content: center !important; 
                       }*/
                    /* .sign-in-card {
                        position: relative;
                        top: 63px;
                        width: 60%;
                         height: auto; 
                         left: 17em; 
                         min-height: 594px!important; 
                    }  */
                }

/*@media only screen and (max-width: 1800px) and (min-width: 1400px){.col-md-12.register-login-form { height: 60vh !important; }}
@media only screen and (max-width: 2600px) and (min-width: 1801px){.col-md-12.register-login-form { height: 62vh !important; }}
@media only screen and (max-width: 3600px) and (min-width: 2601px){.col-md-12.register-login-form { height: 60vh !important; }}*/

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
	.col-md-12.register-login-form { height: 77vh !important; }
}
@media only screen and (min-width: 1601px) and (max-width: 1800px) {
	.col-md-12.register-login-form { height: 79vh !important; }
	.register-images {top: 20px !important;}
}
@media only screen and (min-width: 1801px) and (max-width: 2000px) {
	.col-md-12.register-login-form { height: 79vh !important; }
	.register-images {top: 25px !important;}
}
@media only screen and (min-width: 2001px) and (max-width: 2400px) {
	.col-md-12.register-login-form { height: 78vh !important; }
	.register-images {top: 20px !important;}
}
@media only screen and (min-width: 2401px) and (max-width: 3000px) {
	.col-md-12.register-login-form { height: 77vh !important; }
	.register-images {top: 20px !important;}
}            

           
/*@supports (-webkit-appearance:none) {.reg_next_btn a {right:16.4em;bottom:8em;}}
::i-block-chrome, .reg_next_btn a {right:16.4em;bottom:8em;}
::i-block-chrome, #register_back_btn{bottom:8em;}
::i-block-chrome, input.register_form{bottom:8em;}
::i-block-chrome, #submitlogin {right:16.4em;bottom:8em;}*/