body{
	margin: 0;
	padding: 0;
	font-family: "Jost", sans-serif !important;
}
.login_bg{
	background: url("../images/login-bg.jpg") no-repeat center center/cover;
	height: 100vh;
}
.inner_login_page{
	background: #fff;
	max-width: 560px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding:40px 65px;
	position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.logo_login_page img{
	max-width: 293px;
	width: 100%;
	margin-bottom: 10px;
}
.inner_login_page h2{
	font-size: 36px;
	line-height: 36px;
	color: #21408A;
	font-weight: 600;
	margin: 0 0 10px 0;
	padding: 0;
}
.inner_login_page p.subtitle{
	font-size: 18px;
	line-height: 18px;
	color: #666666;
	font-weight: 400;
	margin: 0 0 35px 0;
	padding: 0;
}
.inner_login_page input{
	width: 100%;
	padding: 20px 25px;
	background: #FAFAFA;
	margin-bottom: 10px;
	border: none;
}
.form_submit button{
	background: #21408A;
	border-radius: 3px;
	font-size: 19px;
	line-height: 19px;
	text-transform: uppercase;
	font-weight: 700;
	width: 100%;
	color: #fff;
	padding: 20px;
	border:none;
	margin: 10px 0 20px 0;
}
.forgot_link a{
    background: #fff;
    border-radius: 3px;
    font-size: 19px;
    line-height: 19px;
    text-transform: none;
    font-weight: 700;
    width: 100%;
    color: #21408A;
    padding: 20px;
    border: none;
    margin: 0 0 20px 0;
    display: table;
    text-decoration: none;
    border: 2px solid #21408A;
}
.dashboard_main_section{
	padding: 70px;
}
.left_header_dashboard h1{
	font-size: 44px;
	line-height: 44px;
	color: #2B498F;
	font-weight: 600;
	margin: 0 0 10px 0;
	padding: 0;
}
.left_header_dashboard p{
	font-size: 16px;
	line-height: 16px;
	color: #545454;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 0;
}
.profile_pic_header{
	display: table; float: left; height: 44px; width: 44px; border-radius: 50%; float: left;
	overflow: hidden;
}
.profile_pic_header img{
	width: 100%;
}
.profile_content_header{
	float: left;
	margin-left: 15px;
}
.profile_content_header h2{
	font-size: 18px;
	line-height: 18px;
	color: #21408A;
	font-weight: 600;
	margin: 0 0 5px 0;
	padding: 0;
}
.profile_content_header p{
	font-size: 14px;
	line-height: 14px;
	color: #545454;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 0;
}
.profile_section_main_header{
	float: right;
	width: auto;
}
.header_dashboard_main{
	padding-bottom: 35px;
	border-bottom: 1px solid #D9D9D9;
}
.middle_dashboard_inner{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	position: absolute;
top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.students_middle_dashboard{
	background: url('../images/yellow_bg.jpg') no-repeat center center/cover;
}
.resource_middle_dashboard{
	background: url('../images/blue_bg.jpg') no-repeat center center/cover;
}
.inner_students_middle_dashboard{
	padding: 40px;
	display: table;
	width: 100%;
}
.inner_students_middle_dashboard h3{
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 0 0;
	padding: 10px 0 10px 55px;
	background: url("../images/student_white_bg_icon.png") no-repeat left center;
}
.inner_students_middle_dashboard h3 a{
	text-decoration:none;
	color: #fff;
}
.resource_middle_dashboard .inner_students_middle_dashboard h3{
	background: url("../images/resource_white_bg_icon.png") no-repeat left center;
}
.inner_students_middle_dashboard .total_number{
	font-size: 80px;
	line-height: 80px;
	color: #fff;
	font-weight: 200;
	margin: 90px 0 0 0;
	padding: 0 0 0 0;
}
.inner_students_middle_dashboard p{
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 40px 0;
	padding: 0 0 0 0;
}
.add_popup_link a{
	font-size: 16px;
	line-height: 16px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 0 0;
	display: table;
	float: right;
	text-decoration: none;
	padding: 10px 42px 10px 0;
	background: url('../images/blue_plus_icon.png') right center no-repeat;
}
.resource_middle_dashboard .add_popup_link a{
	background: url('../images/yellow_plus_icon.png') right center no-repeat;
}
.add_student_popup_main{
	padding: 0 12px;
}
.left_add_student_popup_main{
	background: url('../images/yellow_adstudent_left_popup.jpg') no-repeat center center/cover;
}
.resource_add .left_add_student_popup_main{
	background: url('../images/blue_adresource_left_popup.jpg') no-repeat center center/cover;
}
.inner_add_student_popup_main{
	padding: 45px;
}
.inner_add_student_popup_main h4{
	font-size: 34px;
	line-height: 34px;
	color: #2B498F;
	font-weight: 400;
	margin: 0 0 20px 0;
	padding: 0;
}
.inner_add_student_popup_main input{
	width: 100%;
	padding: 12px 25px;
	font-size: 17px;
	color: #979595;
	line-height: 15px;
	border:1px solid #DFDFDF;
	border-radius: 3px;
	margin-bottom: 17px;
}
.inner_add_student_popup_main select{
	width: 100%;
	padding: 12px 25px;
	font-size: 17px;
	color: #979595;
	line-height: 15px;
	border:1px solid #DFDFDF;
	border-radius: 3px;
	margin-bottom: 17px;
}
.inner_add_student_popup_main button{
	background: #21408A;
	padding: 15px 35px;
	border-radius: 3px;
	font-size: 17px;
	line-height: 17px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	border: none;
	float: right;
}
div#cboxLoadedContent {
    border: none;
    background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
button#cboxClose{
	top: 0;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before {
  bottom: .5em;
}
.middle_dashboard_main th{
	font-size: 17px;
	line-height: 17px;
	color: #fff;
	background: #2B498F !important;
	padding: 20px 25px;
	font-weight: 400;
}
.middle_dashboard_main table{
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 10px;
}
.middle_dashboard_main td{
	font-size: 16px;
	line-height: 16px;
	color: #545454;
	padding: 20px 25px;
	font-weight: 400;
	border: none;
}
.inner_middle_table_main{
	margin-top: 50px;
}
#example_wrapper{
	padding: 0;
}
.resources_table_edit_student h3{
    font-size: 30px;
    line-height: 30px;
    color: #2B498F;
    font-weight: 600;
    margin: 0 0 30px 0;
    padding: 0;
}
.top_resources_table_edit_student table{
	width: 100%;
	margin-bottom: 30px;
}
.top_resources_table_edit_student table td{
	padding: 20px 0;
}


/*===================================================*/

.hasError input.error, .hasError textarea.error, select.error{ 
	border:#B60928 solid 1px; border-radius: 3px 3px 0 0; margin-bottom: 0px;
}
.hasError span.error{background-color: #B60928; color:#fff; font-size: 12px; border-radius: 0 0 6px 6px; padding: 3px 10px; display:block; margin-bottom:17px; }


/*===================================================*/

.uploadProgress {
    width: 100%;
    height: 32px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-bottom:10px;
}

.uploadProgress .counter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    text-align: center;
    width: 100%;

}

.uploadProgress .bar {
    height: 100%;
    background-color: #f0f0f0;
    width: 100%;
    border-radius: 6px;
    transition: width 0.5s ease;
}

.uploadProgress .progress {
    height: 100%;
    background-color: #4caf50;
}

.fileBlock{border: #e7e7e7 solid 1px; border-radius: 4px; padding:10px 10px 10px 50px; position: relative; margin-bottom:10px;}
.fileBlock a{position: absolute; right:5px; top:5px; font-size:13px; line-height:16px; border-radius:50%; height:18px; width:18px; background-color:#ccc; color:#fff; text-align:center; text-decoration:none;}
.fileBlock img{position: absolute; left: 0px; top:5px; max-height:44px;}
.fileBlock span{display: block; color:#454545; font-size:13px;}
.fileBlock span + span{font-size: 11px; color: #c0c0c0;}


.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.overlay.show{
	visibility: visible;
	opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 0px;
  background: #fff;
  border-radius: 5px;
  width: 800px;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup .close {
	position: absolute;
	top: -15px;
	right: -15px;
	transition: all 200ms;
	font-size: 30px;
	line-height: 26px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background: #fff;
	border-radius: 64px;
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	z-index: 1;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

/*@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}*/


.switch {
  display: inline-block;
  width: 50px;
  height: 30px;
  padding: 4px;
  border-radius: 20px;
  border: 1px solid #dfdfdf;
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  border-color: rgb(223, 223, 223);
  background-color: rgb(255, 255, 255);
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  user-select: none;
  transition: background 350ms ease;
}
.switch:before, .switch:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transition: all 350ms cubic-bezier(0, 0.95, 0.38, 0.98), background 150ms ease;
}
.switch:before {
  background: rgba(128, 128, 128, 0.075);
  transform: translate3d(0, -50%, 0) scale(0);
}
.switch:after {
  background: grey;
  transform: translate3d(0, -50%, 0);
}
.switch:active:before {
  transform: translate3d(0, -50%, 0) scale(3);
}

.switch.mini{width: 48px; height: 24px;}
.switch.mini:before, .switch.mini:after {width: 14px;height: 14px;}

input:checked + .switch {
  background: #d0efa8;
}
input:checked + .switch:before {
  background: rgba(131, 177, 84, 0.075);
  transform: translate3d(100%, -50%, 0) scale(1);
}
input:checked + .switch:after {
  background: #83b154;
  transform: translate3d(100%, -50%, 0);
}
input:checked + .switch:active:before {
  background: rgba(131, 177, 84, 0.075);
  transform: translate3d(100%, -50%, 0) scale(3);
}

input:checked + .switch.mini:before {
  background: rgba(131, 177, 84, 0.075);
  transform: translate3d(174%, -50%, 0) scale(1);
}
input:checked + .switch.mini:after {
    background: #83b154;
    transform: translate3d(174%, -50%, 0);
}

.swithWrap input { display: none; }

.posr{position: relative;}
.auto-w{ position: relative; }
a.assign_update{
    background: #21408A;
    padding: 15px 25px;
    border-radius: 3px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    border: none;
    float: right;
	text-decoration:none;
}
a.cs-link{
    background: #21408A;
    padding: 12px 25px;
    border-radius: 3px;
    font-size: 17px;
    line-height: 17px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    border: none;
	text-decoration:none;
	display:table;
}
.profile_content_header a{
    background: #21408A;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    padding: 5px 6px 4px 6px;
    display: table;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
}
.inner_middle_table_main table td a{
    border:1px solid #21408A;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    padding: 5px 8px 4px 8px;
    border-radius: 3px;
    text-transform: none;
    font-weight: 500;
    color: #21408A;
}
.top_resources_table_edit_student{
    display: table;
    width: 100%;
    margin-top: 20px;
}
.dashboard-btn-inner{
	margin-bottom:20px;
}
@media only screen and (max-width: 1100px) {
.left_header_dashboard h1 {
    font-size: 34px;
}
	.middle_dashboard_inner{
		top:60%;
	}
	.dashboard_main_section {
    padding: 40px;
}
	.middle_dashboard_main th {
    padding: 15px;
    font-size: 15px;
    line-height: 15px;
	}
	.middle_dashboard_main td {
    padding: 15px;
    font-size: 15px;
    line-height: 15px;
	}
}
@media only screen and (max-width: 800px) {
	.left_header_dashboard h1 {
    font-size: 24px;
		line-height:24px;
}
	.left_header_dashboard p{
    font-size: 15px;
}
	.middle_dashboard_inner {
    position: relative;
    top: 50%;
    left: 0;
    transform: inherit;
		margin-top:80px;
}
}

@media only screen and (max-width: 700px) {
	/* Force table to not be like tables anymore */
	#studentDataTable_wrapper table, #studentDataTable_wrapper thead, #studentDataTable_wrapper tbody, #studentDataTable_wrapper th, #studentDataTable_wrapper td, #studentDataTable_wrapper tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#studentDataTable_wrapper thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#studentDataTable_wrapper tr { border: 1px solid #ccc; }
	
	#studentDataTable_wrapper td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	#studentDataTable_wrapper td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 15px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		padding-left:15px;
	}
	
	/*
	Label the data
	*/
	#studentDataTable_wrapper td:nth-of-type(1):before { content: "Student Name"; }
	#studentDataTable_wrapper td:nth-of-type(2):before { content: "Email"; }
	#studentDataTable_wrapper td:nth-of-type(3):before { content: "Phone"; }
	#studentDataTable_wrapper td:nth-of-type(4):before { content: "Grade/Year"; }
	#studentDataTable_wrapper td:nth-of-type(5):before { content: "Subject"; }
	#studentDataTable_wrapper td:nth-of-type(6):before { content: "Detail"; }
	
	table.dataTable td.dt-type-numeric{
		text-align:left;
	}
}

@media only screen and (max-width: 500px) {
.inner_login_page {
    width: 90%;
    padding: 40px 40px;
}
.profile_section_main_header {
    float: left;
    width: 100%;
    margin-top: 25px;
}
	.dashboard_main_section {
    padding: 30px 20px;
}
	.middle_dashboard_inner {
    margin-top: 30px;
}
	.left_add_student_popup_main{
		display:none;
	}
	.inner_add_student_popup_main {
    padding: 45px 25px;
}
	.top_resources_table_edit_student td{
		width:100%;
		display:block;
	}
	.inner_middle_table_main {
    margin-top: 25px;
}
}