/*
 Drop down in schedule pages 
*/
/*
div.select-time span { 

}*/
strong.title-pen .form-group { position: relative; width:65%; display: inline-block;} 
strong.title-pen .form-group input {  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'; text-align : center;}
strong.title-pen .form-group.highlight input[type='text'] {color:#6f738a !important; border-bottom:2px solid #88cddd !important; transition: border 0.3s ease}

.location-childs_sch li{display:block; cursor:pointer; padding:5px; border:1px solid#CCC; font-weight : normal; }
div.select-time strong.title-pen div.location-childs_sch {
	position:absolute;
	z-index:100;
	width : 100%;
}


.dashboard .adduserbutton {padding:14px 35px;border:2px transparent; display: inline-block; margin-right: 10px;background: #29cbdf; /* Old browsers */
	background: -moz-linear-gradient(top, #29cbdf 0%, #129cbc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #29cbdf 0%,#129cbc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #29cbdf 0%,#129cbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29cbdf', endColorstr='#129cbc',GradientType=0 ); border-radius:50px; color:#fff; transition:all ease 0.6s; cursor:pointer;font-family: 'montserratregular'; font-weight:normal;}
	
.dashboard .adduserbutton:hover {background: #129cbc; /* Old browsers */
	background: -moz-linear-gradient(top, #129cbc 0%, #29cbdf 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #129cbc 0%,#29cbdf 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #129cbc 0%,#29cbdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129cbc', endColorstr='#29cbdf',GradientType=0 );}


.dashboard .fileupload_button {padding:14px 35px;border:2px transparent; display: inline-block; margin-right: 10px;background: #29cbdf; /* Old browsers */
		background: -moz-linear-gradient(top, #29cbdf 0%, #129cbc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #29cbdf 0%,#129cbc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #29cbdf 0%,#129cbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29cbdf', endColorstr='#129cbc',GradientType=0 ); border-radius:50px; color:#fff; transition:all ease 0.6s; cursor:pointer;font-family: 'montserratregular'; font-weight:normal;}
.dashboard .fileupload_button:hover {background: #129cbc; /* Old browsers */
		background: -moz-linear-gradient(top, #129cbc 0%, #29cbdf 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #129cbc 0%,#29cbdf 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #129cbc 0%,#29cbdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#129cbc', endColorstr='#29cbdf',GradientType=0 );}
		
.dashboard .fileupload_border-button {background:none !important; border:2px solid #129cbc!important; color:#129cbc !important;}
.dashboard .fileupload_border-button:hover {color:#29cbdf !important; border-color:#29cbdf !important;background:none !important;} 

/** 
	dashboard resources search results 
**/

.dashboard .resourses-head > .sh-container > div.sh-grid-2:nth-child(3) {
	display:none;
}

.dashboard .resourses-head > .sh-container > div.sh-grid-2 > h1{
	font-family: 'montserratlight';
	font-size: 21px !important;
}

.dashboard .sh-container.resources_searchresult {
	background:none;
	width : 87%;
}

.dashboard .sh-container.resources_searchresult ul > li{
	border: 1px solid #e6edf0;
    box-shadow: 0 3px 3px 0 #e6edf0;
	width : 100% !important;
	padding : 3% 8% 3% 4%;
	margin-bottom : 22px;
}

.dashboard .sh-container.resources_searchresult ul > li > h1.title > a {
	font-family: 'montserratmedium';
	font-size: 18px;
	text-align: left;
	color : #129cbc;
}

.dashboard .sh-container.resources_searchresult ul > li > p.contents {
	font-family: 'montserratlight';
	font-size: 13px;
	text-align: left;
	color : #414851;
	padding : 0px;
}

.dashboard .sh-container.resources_searchresult ul > li > p.contents span.highlight {
	float : none;
	color : black;
	background-color:#ffa500;
}
span.color_orange{
	color:#ffa500;
	font-weight: 900;
}
@media (max-width:740px) {
	.dashboard .db-main-head.resourses-head {
		display: block !important;
	}
	.dashboard .sh-container.resources_searchresult {
		background:none;
		width : 100%;
	}

	.dashboard .sh-container.resources_searchresult ul {
		padding: 0px 4% 6% 5% !important;
	}

	.dashboard .resourses-head > .sh-container > div.sh-grid-2:nth-child(1) {
		display:none;
	}
	
	.dashboard .resourses-head > .sh-container > div.sh-grid-2:nth-child(3) {
		display:block;
		padding-top: 13px;
	}
	
	.dashboard .resourses-head > .sh-container > div.sh-grid-2:nth-child(3) > h1{
		display:block !important;
		text-align : left;
		padding: 0px 15px;
		font-size: 12px !important;
	}

	.dashboard .sh-container.resources_searchresult ul > li > p.contents {
		font-size: 14px;
	}
}

/** 
	dashboard resources search results 
**/

/**
	switch teachers style

.dashboard .t-shedule-box ul li strong:after{
	margin-right: -5px !important;
}
**/

.dashboard .t-shedule-box .m-time-zone span {
	font-size: 9px;
}

.ui_notification {
	width : 30%;
}

@media (max-width:740px) {
	.ui_notification {
		width : 80%;
		background-color: white;
	}	
}

.dashboard .billingTable table tr span.pdf-button-mobile {
	display : none;
}

.dashboard .billingTable .abtFees.color_grey{
	display : block;
}

@media (max-width:767px) {
	/*.billingTable.desk_table {
		display : none;
	}*/
	.dashboard .billingTable .abtFees.color_grey{
		display : none;
	}
	.dashboard .billingTable table tr th:nth-child(3), .dashboard .billingTable table tr td:nth-child(3) , .dashboard .billingTable table tr th:nth-child(5) , .dashboard .billingTable table tr td:nth-child(5) {
		display : none;
	}

	.dashboard .billingTable table tr span.pdf-button-mobile {
		display : block;
		margin-top: 30px;
	}

	.mob_billingTable tr th:nth-child(1) {
		padding-left : unset !important;
	}
}

.survey-block-container{
	/* modal container fixed across whole screen */
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* z-index must be higher than .block-background */
	z-index: 200;
	
	/* enables scrolling for tall modals */
	max-height: 100%;
    overflow-y: auto;
}


.survey-block-background {
	/* modal background fixed across whole screen */
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width : 100%;
	height : 100%;
	/* semi-transparent black  */
	background-color: rgb(50, 50, 153);
	opacity: 0.1;
	/* z-index must be below .modal and above everything else  */
	z-index: 190;
}

.survey-block-content-container{
		/* margin exposes part of the modal background */
		margin: auto;
}

body.hideVerticalScroll {
	overflow: hidden;
}

.login-grid .sh-grid-1.remembermegrid { padding: 0px; margin : 0px 0px 30px 0px;}
.login-grid .rememberme { align-items : unset; float : left;}
.login-grid .forgot-password {  float : right; text-decoration: underline; color:  #129cbc;}

.login-grid > p.title1 {  font-size : 20px; margin : 5px; color : #414851; }
.login-grid > .title2 { font-size : 16px; color : #414851; margin-bottom: 40px; }
.login-grid > .title2 > a {  display : inline; text-decoration : underline; color : #129cbc;}

.login-grid .inline-social { margin-bottom: 160px; display : flex;}
.login-grid .inline-social form { display: contents; float : none;} 
.login-grid .inline-social a { font-size: 16px; padding-left: 2px; padding-right: 2px; color : #129cbc; text-decoration: underline;}

.login-grid .termscond-grid { font-size: 14px; color : #414851;}
.login-grid .termscond-grid > a { color : #129cbc;}
.login-grid .sigin-button { width : 100%;}

.termscond-grid a { color: #129cbc; position: relative;}
.termscond-grid 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; white-space: pre-wrap;}
.termscond-grid 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);}
.termscond-grid a:hover p { bottom:25px; z-index: 9; opacity: 1; cursor: default;}
.termscond-grid a:hover p > i { color : #129cbc; cursor: pointer; font-style: normal;}

.select-all-days.new, .select-all-times.new { width : 40%; }

.select-all-days.new .m-select-box, .select-all-times.new .m-select-box { border-radius: unset; padding: 10px 0px 10px 20px;}

@media (max-width:767px) {
	.select-all-times.new .m-drop , .select-all-days.new .m-drop { width : 150%; top : 38px;}	
	.select-all-days.new .m-drop {  margin-left: calc(100% - 150%); }
}

.dashboard .select-all-times.new .m-drop , .select-all-times.new .m-drop , .select-all-days.new .m-drop { width : 125%; top : 38px;}
.select-all-days.new .m-drop {  margin-left: calc(100% - 125%); }
.select-all-times.new .m-select-box:hover { background-color: #e6edf0;color : #129cbc; border: solid 1px #c4cdd5;}

.select-all-times.new .m-drop li:first-child , .select-all-days.new .m-drop li:first-child{ border-bottom: solid 1px #e6edf0; }
.select-all-times.new .m-drop li:first-child > div, .select-all-days.new .m-drop li:first-child > div { font-family: 'montserratregular'; font-size: 16px; font-weight: 300; line-height: 1.38;color: #414851; padding-bottom: 16px;}

.select-all-times.new .m-drop li:first-child div.drag-butt, .select-all-days.new .m-drop li:first-child div.drag-butt { width : 25px;margin-top: 6px; background-color: rgba(34, 31, 31, 0.26); height : 14px; width : 34px;}
.select-all-times.new .m-drop li:first-child div.drag-butt:before, .select-all-days.new .m-drop li:first-child div.drag-butt:before { background-color: #f1f1f1; width: 12px; height : 12px; width : 20px; height : 20px; left: -1px; transition: all ease 1s;}

.select-all-times.new .m-drop li:first-child > div.active > div.drag-butt, .select-all-days.new .m-drop li:first-child > div.active > div.drag-butt {  background-color:rgba(18, 156, 188, 0.5);}
.select-all-times.new .m-drop li:first-child > div.active > div.drag-butt:before, .select-all-days.new .m-drop li:first-child > div.active > div.drag-butt:before { background-color: #129cbc; right: 0px; left: unset;}

.select-all-times.new .m-drop li:not(:first-child) div.label , .select-all-days.new .m-drop li:not(:first-child) div.label { font-family: 'montserratlight'; font-size : 13px; padding-top: 17px; padding-bottom: 16px;}

.new .m-drop .default_checkbox { padding-bottom: 5px;}
.new .m-drop .default_checkbox > label { font-family: 'montserratlight'; font-size : 14px; color : #212b36; }

.new .m-drop .default_checkbox label::before { top : 2px;}
.new .m-drop .default_checkbox label::after { top : 6px;}

.new .m-drop li.items { display: grid;grid-template-columns: 75% 25%; }
.new .m-drop li > a { display:none; font-size: 13px; font-weight: 500; line-height: 1.69; color: #129cbc; font-family: 'montserratregular'; float : right;}
.new .m-drop li.items:hover > a { display:block;}

.student-portal div.default_checkbox input[type='checkbox'] , .student-portal div.default_radio input[type='radio'] { -webkit-appearance: none;-moz-appearance: none;appearance: none;width: 0px !important;height: 0px !important;}


.student-portal div.billing-content .ui_input.card > label > span  { background: unset;color : #222a34;margin-top: 5px;font-size: 16px;grid-column: 1;text-align: left; }

.student-portal div.billing-content .ui_input.card.existing > label > span  { position : relative;top : 25%; margin-top: unset;}
.student-portal div.billing-content .ui_input.card.existing label > div { display:grid;grid-template-columns: 25% 45% 30%;}
.student-portal div.billing-content .ui_input.card.existing label > div > img { min-height: 35px !important; max-height: 40px !important;}
.student-portal div.billing-content .ui_input.card.existing label > div > label { position : relative;top : 25%; font-size: 16px;     font-family: 'montserratlight';font-size: 15px;color: #222a34;}
.student-portal div.billing-content .ui_input.card.existing label > div > a.formob { position : relative;top : 25%;display : none;}

@media (max-width:767px) {
	.student-portal div.billing-content .ui_input.card.existing label > div { display:grid;grid-template-columns: 25% 60% 10%;}
	.student-portal div.billing-content .ui_input.card.existing label > div > img { min-height: 25px !important; max-height: 30px !important;}
	.student-portal div.billing-content .ui_input.card.existing label > div > a.fordesk { display : none;}
	.student-portal div.billing-content .ui_input.card.existing label > div > a.formob { display : block;}
}


.selected-gender div.gender-drag-butt input[type="checkbox"]{ width : 0px; height : 0px; -moz-appearance: none; -webkit-appearance: none; position: absolute;}
.selected-gender div.gender-drag-butt { grid-column: 3 ;display : grid ;grid-template-columns: 35% 30% 35% ;margin-right:15px; border-radius: 10px; border-color: #d0ebf2; border-width:1px; border-style: solid; min-width: 33%; }
.selected-gender div.gender-drag-butt > div.butt  label { font-size: 12px; height: 100%; width : 100%; text-align: center; min-width: 33%; cursor: pointer;}


.selected-gender div.gender-drag-butt > div.butt { display: flex; align-items: stretch; transition:all ease 0.5s; }
.selected-gender div.gender-drag-butt > div.butt:nth-child(1) { border-right :1px #d0ebf2 solid; }

.selected-gender div.gender-drag-butt > div.butt:nth-child(3) { border-left :1px #d0ebf2 solid; margin-right: -3px;}
.selected-gender div.gender-drag-butt > div.butt.active  label { background-color: #d0ebf2; color: #129cbc;}
.selected-gender div.gender-drag-butt > div.butt.active  label.male{     border-radius: 10px 0px 0px 10px; }
.selected-gender div.gender-drag-butt > div.butt.active  label.female{     border-radius: 0px 10px 10px 0px; }


/*

.selected-gender div.gender-drag-butt { grid-column: 3 ;display : grid ;grid-template-columns: 33% 33% 33% ;width : 50px;margin-top: 6px; background-color: #f2f2f2; height : 100%; width : 100px; align-self: center;margin-left:auto; margin-right:15px; position: relative; border-radius: 10px;}

.selected-gender div.gender-drag-butt > div.butt { background: url(../images/line.png);padding-top: 10%; padding-right: 10%; opacity : 0.5;}
.selected-gender div.gender-drag-butt > div.butt > label { font-size: 12px; height: 100%;}
.selected-gender div.gender-drag-butt > div.butt > label.male { background: url(../images/male_teacher.png) ;background-size:cover; }
.selected-gender div.gender-drag-butt > div.butt > label.female { background: url(../images/female_teacher.png);background-size:  cover; }
.selected-gender div.gender-drag-butt > div.butt > .active { background: unset; background-color: #d0ebf2; font-weight: 800; color: #129cbc; overflow: hidden;}
*/
.re_buttons.stripe-message { padding-bottom: 1px;padding-top: 10px; box-shadow : unset !important;}
.re_buttons.stripe-message a { color: #129cbc; box-shadow : unset !important;}

.dashboard li.mobile-centered {display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */display: -ms-flexbox;  /* TWEENER - IE 10 */display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */display: flex;align-items: center;justify-content: center;width: 100%; }

/* Dropdown screen from zeplin */
.ui_input ul.m-drop-new li {font-family: 'montserratlight'; font-size: 16px ;display:block; padding:8px 0px 8px 50px;color:#434343; position: relative;}
.ui_input ul.m-drop-new li.active { color:#e6edf0; background-color: #129cbc;}

.ui_input ul.m-drop-new { background: #fff; border-radius: 5px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); padding : unset; position:absolute; top:55px; left: 0px; right: 0px; z-index: 99; display: none;}
.ui_input ul.m-drop-new li input { opacity:0; position: absolute;left:0px; right:0px; bottom:0px; top:0px; height:100%; width:100%;z-index:9;;}
.ui_input ul.m-drop-new li:before { content:"\f00c";display:block;font-family:FontAwesome; position: absolute;left:18px;font-size:13px; opacity:0;}
.ui_input ul.m-drop-new li.non-selectable:before{ content:"";}
.ui_input ul.m-drop-new li:hover,.ui_input .m-drop-new li.active {background:#129cbc; color:#fff;}
.ui_input ul.m-drop-new li:hover:before,.ui_input .m-drop-new li.active:before {color:#e6edf0; opacity:1;}

.ui_input ul.m-drop-new.withscrollbar { height:180px;overflow: hidden;overflow-y:scroll;} 


.teacher-shedule-wpr .t-shedule-box h3.loose-options {font-family: 'montserratlight';font-size: 13px;font-style: italic;color: unset;font-weight: normal;}

@media (max-width:767px) {
	.db-main-head.enrolled-student-db { display : block !important;}

	.db-main-head.enrolled-student-db > .sh-container > div.sh-grid-2:first-child { display : none !important;}
	.db-main-head.enrolled-student-db > .sh-container > div.sh-grid-2 a.ui_btn  { width : 100%; margin-top : 10px;}

}


div.sh-grid-1.unenrolled-parent-dash { margin-top: 20px;text-align: end; }
div.sh-grid-1.unenrolled-parent-dash strong { font-size : 85%; }
div.sh-grid-1.unenrolled-parent-dash strong a.ui_btn { width: 40% !important; }
@media (max-width:767px) {
	div.sh-grid-1.unenrolled-parent-dash { text-align: center; }
	div.sh-grid-1.unenrolled-parent-dash strong a.ui_btn { width: 100% !important; margin-left: 0px;}
	div.dashboard div.accountstructor-button > a.Re.mobile-rearrange-class,div.dashboard div.accountstructor-button-two > a.edit.mobile-rearrange-class {
		width: 100% !important;
	}

	div.dashboard div.accountstructor-button > a.Re.mobile-rearrange-class, div.dashboard div.accountstructor-button-two > a.Re.mobile-rearrange-class {
		width: 100% !important;
		margin-left : 0px;
	}
	div.dashboard .accountstructor-button > a:nth-child(1){ margin-bottom: 10px;margin-top: 10px;	}
	div.dashboard .accountstructor-button > a { width : 100% !important; margin-left : 0px !important; }
}

#fc_frame, #fc_frame.fc-widget-small { right : unset !important; left : 15px !important;}


@media (max-width:480px) {
	div.dashboard .accountstructor-button a.mobile-rearrange-class  , div.dashboard .mobile-rearrange-class { margin: 5px 5px; width: 100% !important;}
	div.dashboard .mobile-width-100perc { width : 100%; }
	div.dashboard .mobile-padding-5px-leftright { padding : auto 5px;}
	div.dashboard div.db-main-head div.sh-container div.sh-grid-2:nth-child(1) {
		display : none;
	}
}

a.grey_border-btn.color_grey.btn_update.active_schedule{ border-bottom: 4px solid #129cbc; }
@media (max-width:399px) {
	a.grey_border-btn.color_grey.btn_update.secondary_users{ display:block;width : 75%; }
}