@charset "utf-8";
/* CSS Document */

/* ========= common ===========*/
.loader {position:fixed; top:0px; left: 0px; right:0px; bottom:0px; background: #fff; z-index: 99999999; overflow: hidden;}
.loader:before { border: 5px solid #f3f3f3; /* Light grey */border-top: 5px solid #fe7810; /* Blue */border-radius: 50%;width: 60px;height: 60px;animation: spin 2s linear infinite;content: ""; display: block; position: absolute; top:50%; left: 50%; margin:-30px 0px 0px -30px;}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* ==========  sign up ========== */
/**body {background: url('../images/bg.jpg') no-repeat fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} **/
body {background: url('../images/bg.jpg') ; background-repeat: repeat; background-size: auto;}
.main-login-wpr {padding: 120px 0px; }
.main-login-wpr:after { content:"";display:block; overflow:hidden;clear:both;}
.login-page-box { background: #fff; width:450px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.1); margin: 0px auto 30px; text-align:center;}
.header { padding:32px 0px 20px;}
.header.extra-top-margin { padding-top:60px;}
.login-grid { padding:0px 75px 32px;}


.login-grid img { margin-bottom: 15px;}
.login-grid p { color: #6e768f; font-weight: 500; margin-bottom: 40px;font-family: 'montserratmedium';}
.login-grid p span { display:block; color: #129cbc; font-style: italic; font-family: 'montserratmedium_italic'; }

.login-grid .form-group { margin-bottom: 22px; position: relative; height:45px; width:100%;} 
.login-grid .form-group  input { height:100%; width:100%; border:0px none; border-bottom: 2px solid #9b9b9b; color: #9b9b9b; background: none; font-size: 15px;outline: none !important; box-shadow: none !important; border-radius:0px !important;font-family: 'montserratsemibold';}

.login-grid input:focus { color: #696d88;outline: none !important; box-shadow: none !important; border-color:#129cbc;}

.login-grid .form-group  input:invalid {outline: none !important; box-shadow: none !important;}


*:focus {
    outline: none !important;
   }
/*
.login-grid .form-group span:not(.mail-error , .pass-error) { display:block; position: absolute; right:0px; top:50%; background: url(../images/error-ico.png) no-repeat; width:13px; height: 13px; transform: translateY(-50%);font-family: 'montserratmedium';}



.login-grid .form-group span:not(.mail-error , .pass-error):before { content:""; position: absolute; right:0px; left:-110px; top:-46px; background: #fbe8e7; border:1px solid #f6cbcb;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; display: block; padding:5px 0px; font-size: 9px;color:#ef7f7f; width:165px; line-height: 14px; font-weight: 500;} 
.login-grid .form-group span:not(.mail-error , .pass-error).mail-error:before {content:"Something doesn't seem right Please double check the email."}
.login-grid .form-group span:not(.mail-error , .pass-error).pass-error:before {content:"Hmm, the password is too short !"; top:-32px; }
.login-grid .form-group span:not(.mail-error , .pass-error).pass-error1:before {content:"Hmm, the password is too short !"; top:-32px; }



.login-grid .form-group span:not(.mail-error , .pass-error):after { width:6px; height: 6px; background: #fbe8e7; border-bottom:1px solid #f6cbcb; border-right:1px solid #f6cbcb;content: ""; display: block; position: absolute; top:-10px; transform: rotate(45deg); left: 0px; right: 0px; margin:0px auto;}
*/

.login-grid .form-group label { color:#9b9b9b; position: absolute; left: 0px; top:50%; transform:translateY(-50%);font-family: 'montserratsemibold'; font-size: 14px;}

.login-grid button { background: #129cbc; color: #fff; padding: 12px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
border-radius: 4px; display: block; width: 100%; border: 0px none; font-size: 18px;  box-shadow: 0px 0px 5px rgba(18,156,188,0.2);font-family: 'montserratsemibold';}
.login-grid button:hover { box-shadow: 0px 0px 8px rgba(18,156,188,0.6);}

.login-grid .remember { display:flex; align-items: center; margin: 30px 0px; width:100%; color: #6e768f; font-size: 12px;font-family: 'montserratmedium';}
.login-grid .remember input { border: 1px solid #eaeaea; display: inline-block; margin: 0px 5px 0px 0px;}


.login-grid strong { display: block;color: #696d88; position: relative; margin-bottom: 20px;}
.login-grid strong b { background: #fff; padding: 0px 10px; font-weight: 500; position: relative; z-index: 9;}
.login-grid strong:after { content: ""; display: block; height: 2px; background: #e5e5e5; position: absolute; top:5px; left: 0px; right:0px;}

.login-grid a.loginLinks { padding: 12px 0px; display: block; color: #fff; background: #4285f6;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-bottom: 25px; font-size: 13px; font-weight: 500; cursor: pointer;box-shadow: 0px 0px 5px rgba(0,0,0,0.2);font-family: 'montserratmedium';}
.login-grid a.loginLinks i { color: #fff; margin-right: 10px; font-size: 16px;}
.login-grid a.loginLinks.facebook-button { background:#3c5a9a;}


.sign-in-link { background: #fcfcfc; padding: 30px 0px; border-top:1px solid #ececec; color: #6f738d; font-size: 12px; font-weight: 500;}
.sign-in-link a { color: #fe7810;}


.footer { text-align: center; position:absolute; left: 0px; right: 0px; margin-top: 30px;}
.footer span { font-size: 12px; color: #9b9b9b; font-weight: 500; display: block; margin:0px 0px 15px;}
.footer div { color: #6e768f; font-size: 12px; font-weight: 500; display: inline-block; line-height: 18px;font-family: 'montserratmedium';}
.footer a { color: #129cbc; position: relative;}

.footer a p {background: #fff; position:absolute; left:-196px; bottom:80px; padding: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); display: block; color:#6d758e; font-size: 11px; width: 360px; text-align: left; transition:all ease 0.3s; z-index: -1; opacity: 0;}

.footer a p:after { width:15px; height: 15px; background: #fff;content: ""; display: block; position: absolute;bottom:-6px; transform: rotate(45deg);right: 100px; margin:0px auto; box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}

.footer a:hover p { bottom:25px; z-index: 9; opacity: 1;}

.checkbox-custom, .radio-custom {opacity: 0;position: absolute;}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block;vertical-align: middle;cursor: pointer;}
.checkbox-custom-label, .radio-custom-label {position: relative;}
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {content: '';border:1px solid #129cbc;display: inline-block;vertical-align: middle;width: 17px;height: 17px;margin-right: 10px;text-align: center; border-radius: 100%; line-height: 18px; font-size: 9px; color:#129cbc;}
.checkbox-custom:checked + .checkbox-custom-label:before {content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;;color: #129cbc;}
.radio-custom + .radio-custom-label:before {border-radius: 100%;}
.radio-custom:checked + .radio-custom-label:before {content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;;color: #bbb;}

.checkbox-custom + .checkbox-custom-label::before { border-color:#6e768f;}
.checkbox-custom:checked + .checkbox-custom-label::before { border-color:#129cbc;}



/* ========== Sign in ========== */

.inline-social { margin: 0px -6px;}
.inline-social:after ,.inline-social:before {content: "";display: block;overflow: hidden; clear: left;}
.inline-social form { width: 46.1%; float: left; margin: 0px 6px;}

.inline-social a { font-size:0.6rem; line-height: 100%; margin: 0px;}

.forgot a { color:#129cbc; font-weight:500;font-family: 'montserratmedium';} 
.forgot p { margin-top:15px;}


/* ========== Forgot Password ========== */

.forgot-wpr p { font-size: 13px;}
.forgot-wpr p b { font-size:16px; font-weight: 500; display: block; margin-bottom: 10px;font-family: 'montserratmedium';}
.forgot-pass p a { color: #129cbc;}

.hide ,.hide1{ display:none !important;}
.error-lines{border-bottom:1px solid #FF0000 !important; color: #ff0000 !important;}
.dsabutton{cursor:default; opacity:0.5;}

.reset-pass .form-group span.pass-error:before {content:"Passwords don't match";}
.reset-pass .form-group span.pass-error1:before {content:"Passwords don't match"; }

.forgot-wpr .form-group span.frgt-error:before {content:"We couldn't find a Tanzeel account associated your mail"; }



/*======== student portal ========*/

.box-outside-wpr {padding: 120px 0px 160px; }
.box-outside-wpr:after ,.student-portal:after { content:"";display:block; overflow:hidden;clear:both;}
.box-inside { background: #fff; width:600px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.1); margin: 0px auto 30px; text-align:center;}


.student-portal { padding:0px 90px;}
.student-portal h2 { color:#6e768f; margin-bottom: 10px; display: block;font-family: 'montserratmedium'; font-size : 20px;}
.student-portal p {color:#6e768f; font-size: 16px; font-family: 'montserratlight';}

.register-butt { margin: 40px 0px; text-align: left; color: #a4a4a4; display: block;}
.register-butt strong { display: block; margin-bottom: 15px; color : #DADADA; filter:alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95;}
.register-butt strong.highlight { color : #6F738A; }

.register-butt a { color:#fff; padding: 10px 35px;  background:#dbdbdb; margin-right: 15px;display: inline-block;font-family: 'montserratmedium';-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; transition:all ease 0.6s; position: relative;}
.register-butt a:last-child { margin: 0px;}

.register-butt a.active { padding-left:45px; background: #88cddd;}
.register-butt a.active:before { content: ""; display: inline-block; margin-right:8px; background:url(../images/tick.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 20px; top:50%; transform: translateY(-50%);}


.student-form { text-align: left; padding-bottom: 40px;}
.student-form .form-group { margin-bottom:40px; position: relative; width:100%; display: block;} 
.student-form .form-group label { color:#DADADA;font-family: 'montserratmedium'; font-size: 16px; display: block; font-weight: normal; filter:alpha(opacity=95); opacity: 0.95; -moz-opacity:0.95; }
.student-form .form-group label span { display: block; margin-top: 10px; font-size: 12px; color: #ccc; font-style: italic;font-family: 'montserratregular';}
.student-form .form-group input ,.student-form .form-group select {  height:40px; width:100%; border:0px none; border-bottom: 2px solid #f6f6f6; color: #9b9b9b; background: none; font-size: 15px;outline: none !important; box-shadow: none !important; border-radius:0px !important;font-family: 'montserratsemibold';}

.student-form .form-group select {font-style: italic; color: #c1c3d2;font-family: 'montserratregular';}
.student-form .form-group select option {font-family: 'montserratmedium';font-style:normal;}
.student-form .form-group select:active {font-family: 'montserratmedium';font-style:normal;}

.student-form .form-group .radio { background: #fafafa; color: #6f738a; border: 1px solid #ebebf5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family: 'montserratmedium'; margin-top: 15px; width:50%; position: relative;}
.student-form .form-group .radio span { display: block; padding:10px 15px; cursor: pointer;}
.student-form .form-group .radio input { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer;}
.student-form .form-group .radio.active { background: #e6faff; border-color: #b7e1eb; color:#129cbc;}
.student-form .form-group .radio.active:after {display: block; content:"\f00c"; font-size: 16px;font-family:'Font Awesome 5 Free';font-weight: 900; position: absolute; right: 10px; top:50%; transform: translateY(-50%);color:#129cbc; }


.student-form  .learning .radio {width: 100%;}
.radio-r span {color:#a4a4a4;font-family: 'montserratregular'; font-size: 16px; display:inline-block; font-weight: normal;}
.radio-r input { width:20px;}

.radio-r { display: block; margin:15px 0px;}
.radio-b {content: '';border:1px solid #9d9d9d;vertical-align: middle;width:20px;height: 20px;margin-right: 10px;text-align: center; border-radius: 100%; line-height: 18px; font-size: 9px; display: inline-block;}
.radio-r .radio-b { position: relative;}
.radio-r.active .radio-b:before {content: "\f00c";font-family: 'Font Awesome 5 Free';font-weight: 900;;color: #129cbc; border-color:#129cbc; }
.radio-r.active span { color:#129cbc;}
.radio-r input { width: 100%; height: 100%; position: absolute; top:0px; left: 0px; right: 0px; bottom:0px; opacity: 0; cursor: pointer;}




.continue-button { background: #c4c4c4; color: #fff; padding: 12px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
border-radius: 4px; display: block; width: 100%; border: 0px none; font-size: 18px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.11);font-family: 'montserratsemibold';}
.continue-button:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.1);background-color: #129cbc;}

.acc-sign { margin-bottom: 40px;}
.acc-sign a { color:#fe7810;}



.student-form .yes-area , .student-form .no-area { display: none;}


.ok { color:#fff; padding: 10px 35px 10px 45px;  background:#88cddd; margin-right: 15px;display: inline-block;font-family: 'montserratmedium';-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; transition:all ease 0.6s; position: relative; cursor: pointer; margin-top: 10px;}
.ok:before { content: ""; display: inline-block; margin-right:8px; background:url(../images/tick.png) no-repeat; width: 16px; height: 16px; position: absolute; left: 20px; top:50%; transform: translateY(-50%);}
.ok:after { content: "Press ENTER"; position:absolute; right:-90px; font-size: 12px; display: block; top:50%; transform: translateY(-50%); color:#ccc;}

/* ============= shedule ============= */

.button {background: #c4c4c4; color: #fff; padding:15px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
border-radius: 4px; display: block; width: 100%; border: 0px none; font-size: 18px; line-height:18px;  box-shadow: 0px 0px 20px rgba(0,0,0,0.11);font-family: 'montserratsemibold'; }
.button:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.1); background-color: #129cbc;}

.shedule-button { padding-bottom: 15px;}
/* .shedule-button a { margin:20px 0px; overflow: hidden;background-image: url(../images/right-arrow.png); background-repeat: no-repeat; background-position:270px 50%;} */
.shedule-button a { margin:20px 0px; width : 90%;}
/* .shedule-button a:last-child { background-position:270px 50%;} */

.shedule-button a:hover {  background-position:280px 50%; }
.shedule-button a:last-child:hover {  background-position:280px 50%;}


.select-time { margin-top: 20px; position: relative;}

.select-time strong {display: block; padding:20px 0px; background: #f5f9fb; border-top:1px dashed #ebebf5; border-bottom:1px dashed #ebebf5; color: #6f738a; }
.select-time strong div { color: #129cbc;}
/*
.select-time strong span:after {content:"\f0d7"; display: inline-block; margin-left: 10px;font-family:'Font Awesome 5 Free';font-weight: 900;}
*/
.select-time1 { margin-top: 20px; position: relative;}

.select-time1 strong {display: block; padding:20px 0px; background: #f5f9fb; border-top:1px dashed #ebebf5; border-bottom:1px dashed #ebebf5; color: #6f738a; }
.select-time1 strong span { color: #129cbc;}



.drop-down-box { width: 245px; background: #fff; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); position: absolute; top:50px; left: 50%; transform: translateX(-50%); z-index: 99; display: none;}
.drop-down-box input { border: 1px solid #eaeaea; height: 28px; border-radius: 3px; margin:10px auto; width:90%; font-size: 12px; padding-left: 10px; color: #a0a0a0;}
.drop-down-box .time-zone { border-bottom: 1px solid #eaeaea; padding:0px 8px 10px; font-size: 12px; color: #a0a0a0; text-align: left;font-family: 'montserratmedium';}
.drop-down-box .time-zone span { display: inline-block; float: right; color: #129cbc;}
.drop-down-box .time-zone b {color: #a0a0a0;}
.drop-down-box .time-zone i { width: 19px; height:10px; border-radius:5px; display: inline-block; background: #b4b6c3; margin: 0px 5px; position: relative;}
.drop-down-box .time-zone i:before { content:""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 100%; position: absolute; left: 1px; top:50%; transform: translateY(-50%);}

.drop-down-box ul { text-align: left; padding: 10px 0px; height:110px; overflow: hidden; overflow-y: scroll;}
.drop-down-box ul li { font-size: 12px; display: block; color: #696d88; padding:4px 15px 4px 10px; cursor: pointer;font-family: 'montserratmedium';}
.drop-down-box ul li span { float: right;}
.drop-down-box ul li:hover {background:#129cbc; color: #fff;}



.drop-down-box ul::-webkit-scrollbar
{
	width:5px;
	background-color: #F5F5F5;
}

.drop-down-box ul::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #129cbc;
}


.date-area { border-bottom:1px dashed #ebebf5;}
.date-area ul li { display: table-cell; width: 1%; text-align: center; padding: 40px 0px;font-family: 'montserratmedium'; color: #696d88;}
.date-area ul li.active-clr { background: #d0ebf2 !important; filter:alpha(opacity=100); opacity: 1.00; -moz-opacity:1.00;}

.date-area ul li.highlighted-background { background: #f2f2f2;}
.date-area ul li.highlighted-white { background: #fff;}
.date-area ul li.highlighted-clr { background: #d0ebf2 !important; filter:alpha(opacity=80); opacity: 0.80; -moz-opacity:0.80;}


.date-area ul li .radio-b { margin: 0px; width: 37px; height: 37px; border: 2px solid #9b9eb3;}
.date-area ul li .active .radio-b { background: #f0f4f8 !important; border-color:#129cbc !important;}
.date-area ul li .radio-r.active .radio-b:before { font-size: 16px; line-height: 34px;}


.time-area { padding:30px 90px 60px;}
.time-area .radio { background: #fafafa; color: #6f738a; border: 1px solid #ebebf5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family: 'montserratmedium'; margin-top: 15px; width:100%; position: relative;}
.time-area .radio span { display: inline-block; padding:10px 15px; cursor: pointer; position: relative;}
.time-area .radio input { position: absolute; top:0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.time-area .radio.active { color:#129cbc;}
.time-area .radio.active span:after {display: block; content:"\f00c"; font-size: 16px;font-family:'Font Awesome 5 Free';font-weight: 900; position: absolute; left:100%; top:50%; transform: translateY(-50%);color:#129cbc; }

.time-area  button { margin-top:50px;}

.btm-link { color: #fb8409; font-size: 13px;font-family: 'montserratmedium'; margin-top: 30px; display: block;}




.prev ,.next { font-size: 22px; position: absolute; top:50%; transform: translateY(-50%); left: -40px; color: #d8d8d8;}
.next { left: auto; right: -40px;}
.prev:hover ,.next:hover { color: #129cbc;}




.inside-pad { padding:30px 30px; text-align: left; color: #6f738a;}
.inside-pad:after { clear: both; overflow: hidden; display: block; content: "";}

.select-day-time:after { clear: both; overflow: hidden; display: block; content: "";} 
.select-all-days ,.select-all-times { width: 45%; float: left; position:relative;}
.select-all-days { float: right;}


.m-select-box { border: 1px solid #eaeaea;font-family: 'montserratmedium'; color: #6f738a; padding: 15px 0px 15px 20px; border-radius: 5px; position: relative;}
.m-select-box:after {content:"\f0d7"; display: inline-block; margin-left: 10px;font-family:'Font Awesome 5 Free';font-weight: 900; position: absolute;top:50%; transform: translateY(-50%); right: 20px; color: #129cbc; font-size:20px;}
.m-select-box.right-dropdown:after { right: 5px; }

.m-drop { background: #fff; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); padding: 15px; position:absolute; top:55px; left: 0px; right: 0px; z-index: 99; display: none;}
.m-drop li { display:block;font-family: 'montserratmedium'; line-height: 180%; font-size: 13px;}

.m-drop li .drag-butt { width: 19px; height:10px; border-radius:5px; display: inline-block; background: #b4b6c3; margin: 0px 10px 0px 0px; position: relative;transition: all ease 1s;}
.m-drop li .drag-butt:before { content:""; display: block; width: 8px; height: 8px; background: #fff; border-radius: 100%; position: absolute; left: 1px; top:50%; transform: translateY(-50%); transition: all ease 1s;}
.m-drop li .drag-butt input { position: absolute; top:-7px;width: 100%; height:19px; opacity: 0;}

.m-drop li.active { color: #129cbc;}
.m-drop li.active .drag-butt { background: #129cbc;}
.m-drop li.active .drag-butt:before { left: auto; right: 1px;}


.select-all-times.active .m-drop ,.select-all-days.active .m-drop { display: block; top:48px;}


.teacher-shedule-wpr { position: relative;}
.t-scroller { overflow: hidden; margin-top: 30px; overflow-y: scroll;height:800px; padding:15px 10px 15px 0px; position: relative;}
.t-scroller::-webkit-scrollbar
{
	width:5px;
	background-color: #F5F5F5;
}

.t-scroller::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #129cbc;
}

.teacher-shedule-wpr:after, .teacher-shedule-wpr:before { content:""; display: block; background:rgba(255,255,255,0.8); filter: blur(8px); position: absolute; top:-30px; left: 0px; right: 0px; min-height:50px; z-index: 8;}
.teacher-shedule-wpr:after { top:auto; bottom:-20px;}

.t-shedule-box { border: 1px dashed #ccc; border-radius: 3px; margin-bottom: 20px;}
.t-shedule-box h3 { font-size:18px; padding: 10px 15px; border-bottom: 1px dashed #ccc; font-family: 'montserratregular';}
.t-shedule-box h3 a { font-size:12px; color:#129cbc; float: right;}

.t-shedule-box ul { padding: 0px 10px 15px;}
.t-shedule-box ul li { display: table-cell; width: 1%;}


.t-shedule-box ul li strong { display: block; padding:10px 0px; position: relative;}

/* .t-shedule-box ul li strong:after { content:""; display:block; position: absolute; height: 2px; width: 5px; right:20px; top:50%; transform: translateY(-50%); background:#6f738a;}*/
.t-shedule-box ul li:last-child strong:after { display: none;}


.t-shedule-box .m-time-zone-scroll { height: 90px; position: relative; }
.t-shedule-box .m-time-zone { display: block; background:#ecfbff; border: 1px solid #129cbc; border-radius: 3px; margin-right:8px; position: relative;}
.t-shedule-box .m-time-zone .scroll-content { padding:5px;}

.t-shedule-box .m-time-zone span { display: block; font-size: 11px; color:#129cbc; line-height: 170%;font-family: 'montserratmedium';}
.t-shedule-box .m-time-zone:before { content: ""; display: block; width:8px; height: 8px; background:#ecfbff; border: 1px solid #129cbc; position: absolute; top:-5px; left: 12px; transform: rotate(45deg); border-bottom: 0px none; border-right: 0px none;}

.t-shedule-box ul li:last-child  .m-time-zone { margin-right: 0px;}


.t-shedule-box:hover { background: #f1fbfe; border:1px solid #129cbc;}
.t-shedule-box:hover h3 { border-bottom:1px solid #129cbc;}

.t-shedule-box.active { background: #f1fbfe; border:1px solid #129cbc;}
.t-shedule-box.active h3 { border-bottom:1px solid #129cbc;}

.button-time { margin-top: 40px; padding: 0px 30px;}
.button-time p { display: block; font-size: 12px; text-align: center; margin-top:20px;}


.teacher-shedule-main .date-area ul li { background: #f2f2f2;}
.teacher-shedule-main .date-area ul li:first-child ,.teacher-shedule-main .date-area ul li:nth-child(6) { background: #fff; cursor:not-allowed;}

.teacher-shedule-main .date-area ul li:first-child .radio-r input ,.teacher-shedule-main .date-area ul li:nth-child(6) .radio-r input { cursor:not-allowed;}

.teacher-shedule-main .time-area { padding-bottom: 30px;}

.selected-times { border-top:1px dashed #eaeaea;border-bottom:1px dashed #eaeaea; padding: 15px; text-align: center; margin-bottom: 30px;}
.selected-times p { font-size: 13px; color: #6f738a;}
.selected-times p span { color:#129cbc;}

.button-proceed { padding: 0px 60px 60px;}




.over li { background: #fafafa; color: #6f738a; border: 1px solid #ebebf5;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family: 'montserratmedium'; margin:5px 0px; position: relative;}
.over li:hover { background: #e6faff; border-color: #b7e1eb; color:#129cbc;}
.over li.selected:after {display: block; content:"\f00c"; font-size: 16px;font-family:'Font Awesome 5 Free';font-weight: 900; position: absolute; right: 10px; top:50%; transform: translateY(-50%);color:#129cbc;filter:alpha(opacity=100); opacity: 1.00; -moz-opacity:1.00;}
.over li.selected:hover:after {display: block; content:"\f00c"; font-size: 16px;font-family:'Font Awesome 5 Free';font-weight: 900; position: absolute; right: 10px; top:50%; transform: translateY(-50%);color:#129cbc; filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70;}
.over li:hover:after {display: block; content:"\f00c"; font-size: 16px;font-family:'Font Awesome 5 Free';font-weight: 900; position: absolute; right: 10px; top:50%; transform: translateY(-50%);color:#129cbc; filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70;}


.age-option li{display:block; cursor:pointer; padding:5px; border:1px solid#CCC;}
.location-childs li{display:block; cursor:pointer; padding:5px; border:1px solid#CCC;}

.over { border: 0px none !important; background: #fff !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.1) !important; padding: 15px 10px 15px 25px;}

.over ul {  max-height: 170px;}



.over ul {position: relative; padding-right:15px; overflow: hidden; overflow-y: scroll;}
.over ul::-webkit-scrollbar { width:5px;background-color: #F5F5F5;}

.over ul::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #129cbc;}

.arrow-down {width: 0; height: 0; border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #eaeaea; position:absolute; right: 0px; top:18px; display: block;}

.age-input ,.location-input { font-style: italic; color:#6f738a !important; cursor: pointer; font-family: 'montserratregular'; font-weight: normal;}
.age-input.active ,.location-input.active { font-style: normal;}

::-webkit-input-placeholder {  opacity: 1 !important;}
::-moz-placeholder {  opacity: 1 !important;}
:-ms-input-placeholder {  opacity: 1 !important;}
:-moz-placeholder {  opacity: 1 !important;}

.submit-active{background:#88cddd; cursor:pointer !important;}
.submit{cursor:not-allowed;}
.input-active{color:#6f738a !important; border-bottom:2px solid #88cddd !important;}
.select2-selection__rendered {color:#6f738a !important; padding-top: 5px;}
	
.bigdrop{
    width: 100% !important;
}

/*========= review =========== */

.main-head { padding: 0px 90px; margin-bottom: 30px;}
.main-head h2 { color:#6e768f; margin-bottom: 10px; display: block;font-family: 'montserratmedium';}
.main-head p {color:#6e768f; font-size: 13px;}

.review-head { background: #f0f6f9; padding:12px 90px; text-align: left;}
.review-head:after,.review-head:before { content:""; display: block; overflow: hidden;}
.review-head:after { clear: both;}
.review-head strong { font-size: 16px; color: #696d88; font-weight: bold; padding-top:8px; display: block; float: left;}
.review-head a { float: right; background-color: #f5f9fb; font-size: 14px; color: #696d88; font-weight: bold; padding: 8px 15px;}

.review-head a:before {content:"\f044"; display:inline-block; margin-right: 5px;font-family:'Font Awesome 5 Free';font-weight: 900;}

.review-content {padding:40px 50px 20px;  text-align: left;}
.review-content p { font-size: 16px; color: #a4a4a4; display: block; margin-bottom:20px;}
.review-content p span { display: block; font-size: 14px; color: #6f738a;}

.review-content.card-section p { display : grid;}
.review-content.card-section p span { font-family: 'montserratlight';grid-row: 1; font-size: 14px; color: #6f738a;}

.review-content p span.list-tick:before {content:"\f00c"; display: inline-block;color: #2da7c4; margin-right: 5px;font-family:'Font Awesome 5 Free';font-weight: 900;}
.review-content p span.round-tick:before { content:"\f00c"; display: inline-block;color: #2da7c4; margin-right: 5px;font-family:'Font Awesome 5 Free';font-weight: 900; width: 16px; height: 16px; border-radius: 100%; border: 1px solid #2da7c4; line-height: 16px; text-align: center; font-size: 10px;}
.review-content .teacher-pro { font-size: 14px;}
.review-content .teacher-pro span { margin-top: 5px;}
.review-content .teacher-pro span i { color: #a4a4a4; font-size: 10px; display: block; font-weight:300;}
.review-content table { margin-bottom: 20px; width : 95%;}
.review-content table th { font-size: 16px; color: #a4a4a4; display: block; margin-bottom:10px; }
.review-content table td { font-size: 14px; color: #6f738a;font-family: 'montserratmedium';font-weight: normal; padding:8px 0px;}
.review-content table tr.summary-note td { font-size: 12px; color: #414851;font-weight: normal;}
.review-content .price-total td { font-size: 16px; color: #1b9fbe; border-top:1px dashed #eaeaea;}
.review-content i { color: #a4a4a4; font-size: 10px; display: block; font-weight:300;}
.update_billing_info .terms , .review-content .termsrr{ font-size: 12px; color:#6f738a; line-height: 190%;  padding-left: 30px; position: relative;}
.update_billing_info .terms a , .review-content .terms a { color: #129cbc;}

.update_billing_info .ssl , .review-content .ssl { margin:40px auto 20px; text-align: center;}


.input { width:18px; height:18px; border: 2px solid #2da7c4; position:absolute; top:2px; left: 0px; border-radius: 100%;}
.input input { position: absolute; top:0px; left: 0px; bottom:0px; right:0px; z-index: 99; width:100%; height: 100%; margin: 0px auto; opacity: 0;}
.input.active {background: url(../images/tick-clr.png) no-repeat; border: 0px none; background-position: 50% 50%;}


.review-wpr.addsecuser > .main-head h2.add_sec_user_header1 {  font-family: 'montserratregular' ; font-size : 20px; color: #414851;}
.review-wpr.addsecuser > .main-head h2.add_sec_user_header2 {  font-family: 'montserratlight' ; font-size : 18px; color: #414851; margin-top : 80px;}
.review-wpr.addsecuser > .main-head p.add_sec_user_message1 {  font-family: 'montserratlight' ; font-size : 16px; color: #414851; padding : 80px 10px 80px 10px; }
.review-wpr.addsecuser > .main-head a.go_to_adduser { font-family: 'montserratmedium'; font-size: 16px; color : #129cbc; padding-bottom: 200px;     text-decoration: underline;}
.review-wpr.addsecuser div.review { padding: 80px 5px; }

.login-grid .form-group.invalid input[type='text'] , .login-grid .form-group.invalid input[type='password'] { border-color: #dd3617; }
.login-grid .form-group span { display : none;}
.login-grid .form-group.invalid span { display : block; float: right;font-family: 'montserratlight';color: #dd3617;margin-top: 5px;background: url(../images/alert.svg) no-repeat;background-position: left 50%;padding-left: 22px;}


/**
 new billing page 
*/

.student-portal .cards { overflow: hidden; margin:25px 0px; text-align: center;}
.student-portal .cards a { display: inline-block; width:62px; height: 38px; border: 1px solid #eaeaea; border-radius: 4px; margin: 0px 10px; background-size: contain !important;}
.student-portal .cards a.visa { background: url(../images/visa.png) 50% 50% no-repeat;} 
.student-portal .cards a.mastercard { background: url(../images/mastercard.png) 50% 50% no-repeat;} 
.student-portal .cards a.american { background: url(../images/american.png) 50% 50% no-repeat;} 
/* .student-portal .cards a.debit-card { background: url(../images/debit-card.png) 50% 50% no-repeat;} */
.student-portal .cards a.debit-card { background: url(../images/visa-debit2.png) 0% 0% no-repeat;background-size: 100% 100% !important;} 

.student-portal .billing-content { margin-top : 20px; padding:10px 0px; overflow: hidden;}

.student-portal .billing-content .ui_input { padding : 20px 0px; }
.student-portal .billing-content .ui_input > span { display: none;float:left;}
.student-portal .billing-content .ui_input input::placeholder { font-family: 'montserratlight'; font-size: 16px; color : rgba(65, 72, 81, 0.2);}
.student-portal .billing-content .ui_input.ui_error > span { display:block; float:left; background-size: 25px;}

.student-portal .billing-content .ui_input.card > input[type="text"] { border: none;}

.student-portal .donation-section { height : 310px; background-color: #fafafa;}
.student-portal .donation-section p { margin : 15px 35px; font-family: 'montserratlight'; font-size: 14px; color : #414851;}
.student-portal .donation-section .donation-tag {float: left;padding: 0px 15px; background-color: #f2f2f2; border-radius: 19px; padding : 10px 15px; margin: 5px 10px;  height: 40px; font-size : 16px;}
.student-portal .donation-section label.donation-tag , .student-portal .donation-section div.donation-tag > label { font-family: 'montserratmedium' !important; font-size : 16px !important; }
.student-portal .donation-section .donation-tag input[type="radio"] { height : 0px;width:0px; -moz-appearance: none; -webkit-appearance: none;}
.student-portal .donation-section .donation-tag input[type="number"]{ height : 0px;width:0px; -moz-appearance: textfield; -webkit-appearance: textfield; font-family: 'montserratmedium';font-size: 16px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: #212b36;opacity: 0.7;}
.student-portal .donation-section .donation-tag input[type="number"]::placeholder{font-family: 'montserratmedium';font-size: 16px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: normal;color: rgba(65, 72, 81, 0.2);}

.student-portal .donation-section .donation-tag::before { content:'';}
.student-portal .donation-section .donation-tag.selected::before { content: '\f00c'; font-family:'FontAwesome';margin-left: -15px; font-size: 14px; color: #008080;}

.student-portal .donation-section > div { display: grid; grid-template-columns: 49% 49%; }

.student-portal .donation-section .donation-tag.active input[type="number"]::-webkit-outer-spin-button,.student-portal .donation-section .donation-tag.active input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0; }

.student-portal .donation-section .donation-tag.customAmount.active {border-radius: 19px;border: solid 1.5px #129cbc;background-color: #ffffff;}
.student-portal .donation-section .donation-tag.customAmount .custom-dollar { display:none; font-family: 'montserratmedium';font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.43;letter-spacing: normal;text-align: center;color: #129cbc;}
.student-portal .donation-section .donation-tag.customAmount.active .custom-dollar { display: inline-block !important; }

.student-portal .donation-section .donation-tag.active input[type="number"]{ height : auto;width:40%; margin : 0px 10px; text-align: end; border: 0;outline: 0; -moz-appearance:textfield; }
.student-portal .donation-section .donation-tag.active label { display:none;}

.student-portal .donation-section .default_checkbox { width: 75%;display: block;float: left;padding-left: 10%;margin-top: 50px;}
.student-portal .donation-section .default_checkbox label , .student-portal .donation-section .donation-tag label { font-family: 'montserratlight'; font-size: 14px; }

.student-portal .ui_btn.ui_btn_primary.billing { width : 90%; margin-top : 25px;margin-bottom: 100px;}
.student-portal .donation-section .donation-tag:nth-child(odd) { float:right;}

@media only screen and (max-width: 767px) {
	.student-portal .donation-section .donation-tag { width: 95%;}

}

/** Single day schedule new  **/
.box-inside .switch-to-sec {  padding : 30px 20px 30px 10px;}
.box-inside .switch-to-sec > a { float : left; color: #129cbc; font-family : 'montserratmedium' ;font-size: 12px;}
.schedule-view-screen .select-time { margin-top : 0px;}
.schedule-view-screen .selected-time { display : grid; grid-template-columns: 25% 75%; padding:20px 0px; border-top : 1px solid #e6edf0;}
.schedule-view-screen .selected-time > strong { font-family: 'montserratlight';  align-self: center;}
.schedule-view-screen .selected-time  li{ display: inline-block;margin: 5px;background:#d0ebf2;border-radius: 50px;font-family: 'montserratsemibold';font-size: 13px; float : left;}
.schedule-view-screen .selected-time  li a{ color: #129cbc;display: block;padding: 8px 30px 8px 15px;position: relative;}

.schedule-view-screen .selected-gender { display : grid; grid-template-columns: 25% 45% auto; padding:5px 0px;/* border-top : 1px solid #e6edf0; */}
.schedule-view-screen .selected-gender > strong { text-align : left; padding-left: 25px; font-family: 'montserratlight';}

.schedule-view-screen .date-area .no-schedule { background: url(../images/line.png); }

.schedule-view-screen .date-area ul li { padding: 25px 0px; border-right:  1px solid #e6edf0;}
.schedule-view-screen .date-area ul li label { color : #414851;}
.schedule-view-screen .date-area ul li.active-clr label { color : #129cbc;}

.schedule-view-screen .date-area li.no-schedule .radio-r { margin-top:25px; }

.schedule-view-screen  .ui_btn.ui_btn_primary { width : 90%; margin-top : 40px;}
.schedule-view-screen .student-portal { margin-bottom : 25px;}
.schedule-view-screen .student-portal h2 {font-family: 'montserratregular'; color : #414851; padding-bottom: 15px;}
.schedule-view-screen div.radio { border-radius : 50px; background: #f2f2f2;}
.schedule-view-screen div.radio.active { background : #d0ebf2;}
.schedule-view-screen div.radio span { font-size : 14px;}


/**  new multi day schedule screen **/
.schedule-view-screen .t-shedule-box { border: solid 1px #129cbc; background-image: linear-gradient(to bottom, #f7f7f7, #f7f7f7); box-shadow: 0 2px 4px 0 #aeaeb8;}
.schedule-view-screen .t-shedule-box > h3 { font-family: 'montserratlight'; color : #414851;}
.schedule-view-screen .t-shedule-box > h3 > a { font-family: 'montserratlight'; color : #129cbc; font-size : 14px;}
.schedule-view-screen .t-shedule-box ul { display : table; table-layout: fixed; padding: unset; min-height: 100px;}
.schedule-view-screen .t-shedule-box ul > li { display : table-cell; width : 2%; max-width : 10%;  }

.schedule-view-screen .t-shedule-box ul > li strong { text-align: center; color : #009cbe;}

.schedule-view-screen .t-shedule-box ul > li.empty-day , .schedule-view-screen .t-shedule-box ul > li.emptied-schedule { background: url(../images/line.png);  position: relative;}
.schedule-view-screen .t-shedule-box ul > li.empty-day strong , .schedule-view-screen .t-shedule-box ul > li.emptied-schedule strong { text-align: center; color : #333333;}
.schedule-view-screen .t-shedule-box ul > li > div.empty-na { display: none;}
.schedule-view-screen .t-shedule-box ul > li.empty-day > div.empty-na  , .schedule-view-screen .t-shedule-box ul > li.emptied-schedule > div.empty-na { color: #919da4; border-radius: 40%; padding : 3px; background-color : white;display: block; text-align: center; margin: 0;position: absolute;left : 25%;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%); }

.schedule-view-screen .m-time-zone1 { display: block;}
.schedule-view-screen .m-time-zone1 .m-time-zone-scroll { height : auto; display: grid; text-align: center;}
.schedule-view-screen .m-time-zone1 .m-time-zone-scroll > span:not(.ampm) { padding: 2px 2px; font-family: 'montserratlight'; font-size : 13px;}
.schedule-view-screen .m-time-zone1 .m-time-zone-scroll > span:last-child{ padding-bottom : 5px;}
.schedule-view-screen .m-time-zone1 .m-time-zone-scroll > span.ampm { padding: 5px 2px; font-family: 'montserratlight'; font-size : 13px; color : #414851; border-radius: 100px;border: solid 2px #ffffff;background-color: #cdd5d9;width: 60%; left: 20%;position: relative; }
.schedule-view-screen .t-shedule-box ul > li.empty-day  span.ampm, .schedule-view-screen .t-shedule-box ul > li.emptied-schedule span.ampm { display : none;}


.login-grid .form-group > span { display : none;}
.login-grid .form-group.invalid span , .student-portal .ui_input.ui_error > span { font-size : 12px;display : block; float: right;font-family: 'montserratlight';color: #dd3617;margin-top: 5px;background: url(../images/alert.svg) no-repeat;background-position: left 50%;padding-left: 22px;}

.login-grid .form-group.invalid { margin-bottom : 20px;}

@media only screen and (max-width: 767px) {
	.schedule-view-screen .t-shedule-box ul > li.empty-day > div.empty-na  , .schedule-view-screen .t-shedule-box ul > li.emptied-schedule > div.empty-na { left : 1%; }
}