/**************************
*  Dexaj Main CSS         *
*  Author: rekkuzu@dexaj  *
**************************/
::selection{ background-color:#2b77e2;color:#fff;}
::moz-selection{ background-color:#2b77e2;color:#fff;}
::webkit-selection{ background-color:#2b77e2;color:#fff;}
select::-ms-expand {display:none;}

/********
 * Body *
 ********/
html {background-color: #ebebeb;}
body, html {min-height:100%;}
body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	overflow-y:scroll;	
	overflow-x:hidden;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', sans-serif;
	line-height: 1.2;
	text-align: left;
	position:relative;
	color:#555;
}

/*********
 * Login *
 *********/
#login {padding:50px 0;width:320px;max-width:100%;}
#login .sh-login {
	width:250px;
	height:130px;
	background-image:url(../images/studyhub_250x110.png);
	background-repeat:no-repeat;
}
#login .login-field {padding:2px;}
#login .login-field-box {padding:2px;height:42px;}
#login input {padding:6px 10px;;height:38px;}
#login #l_username,
#login #l_password,
#login #f_email,
#login #f_name {background-color:#f3f3f3;}
#login .home-span {padding:15px 3px 0 3px;font-weight:bold;color:#2c9315;}
#login .error-login {background-color:#fff1ec;border:1px solid #d27e7e;}
#login .success-login {background-color:#ecffec;border:1px solid #8cd27e;}
#login .forgot-successful {padding:30px 5px;font-size:14px;line-height:18px;}

#login .login-link {padding:2px 4px;font-weight:bold;}
#the-next-step,
#the-login-submit {height:38px;padding:7px 0;margin-top:10px;}

/****************
 * Default Tags *
 ****************/
h1 {font-size:20px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:15px;}
h5 {font-size:14px;}
h6 {font-size:13px;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
a {text-decoration:none;color:#0187c1;}
a:hover {color:#1ba2dc;}
a img {border:0px;text-decoration: none;}
p {margin:0;padding:5px;}
ul {margin:0;padding:0;}
ul li {list-style:none;}
select {padding:5px;color:#585670;border:1px solid #bdc7d8;font-size:14px;}
input, .input-div,
textarea, .textarea-div {
	margin-top:5px;
	padding:5px;
	max-width:100%;
	font-family:Arial;
	color:#585670;
	border:1px solid #bdc7d8;
	font-size:14px;
	line-height:19px;
}
div.textarea-div {background-color:#f0f0f0;}
input, .input-div {height:30px;}
.input-div {background-color:#f0f3ff;font-size:14px;}
input:focus,textarea:focus{outline:0;}
button {width:100px;max-width:50%;padding:5px;cursor:pointer;}
textarea {height:60px;resize:none;}
nav {display:inline-block;}
content {display:inline-block;width:100%;margin:auto;}
img {max-width:100%;height:auto;}

/*******************
 * Main Containers *
 *******************/
#main {}

/***********
 * Headers *
 ***********/
#header-for-web {
	top:0;
	left:0;
	height:50px;
	border-bottom:3px solid #71a948;
	z-index:110;
}
#header {padding:3px 0;height:50px;}
#header .sh-logo {
	margin-top:-1px;
	margin-left:5px;
	width:205px;
	height:40px;
	background-image:url(../images/stuyhub_header.png);
	background-repeat:no-repeat;
}

/************
 * Top Menu *
 ************/
#the-menus {line-height:0;padding:3px 0;}
#the-menus a {width:32px;height:32px;margin-right:5px;}
#the-menus .menu-account-divider {border-left:1px solid #25427c;margin:0 4px;padding-left:8px;}
#menu-toggle {
	margin:-3px 5px 0 0;
	padding:8px 10px 3px 8px;
	height:50px;
	border-right:1px solid #71a948;
}
#menu-toggle .sh-icons{background-position:0 -352px;width:32px;height:32px;}
#menu-toggle:hover .sh-icons {background-position:-32px -352px;}
.side-toggled #menu-toggle {background-color:#60a22d;}
.side-toggled #menu-toggle .sh-icons,
.side-toggled #menu-toggle:hover .sh-icons {background-position:-64px -352px;}
#menu-account {background-position:0 -32px;}
#menu-account:hover {background-position:-32px -32px;}
#the-menus .account-menu-toggled {background-position:-64px -32px;}
#header #the-menus #account-box {width:230px;}
#the-menus #account-box .account-box-cont a.header-image {height:54px;border-bottom:1px solid #eee;padding-left:56px;padding-top:0px;margin-bottom:6px;}
#the-menus #account-box .account-box-cont a.header-image .timeline-tab-pending-image {left:1px;top:1px;z-index:10;}
#the-menus #account-box .account-box-cont a.header-image img {left:0;top:0;}
#the-menus #account-box .account-box-cont a.header-image-last {margin-bottom:0px;border-bottom:none;}
#the-menus #account-box .account-box-cont a.header-image i {padding-top:3px;font-size:10px;}
#the-menus #account-box .account-box-cont a.header-addmore {height:42px;border-bottom:1px solid #eee;padding-top:12px;margin-bottom:6px;font-size:11px;border-top:1px solid #eee;}
#user_account {margin:8px 0 10px 0;}
.account-student-box {max-height:200px;overflow:auto;}

#menu-report {background-position:-1px -168px;}
#menu-report:hover {background-position:-33px -168px;}
#the-menus .report-menu-toggled {background-position:-65px -168px;}

.menubox-ctr-1 {right:0px;}
.menubox-ctr-1 .arrow_div .the-arrow {right:7px;}
.menubox-ctr-1 .arrow_div .the-arrow-bg {right:8px;}

#the-menus .menu-box {width:200px;display:none;}
#the-menus .menu-box .arrow_div {height:13px;}
#the-menus .menu-box .arrow_div .the-arrow {
	width:0;
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #bcbdbf;
	z-index:5;
}
#the-menus .menu-box .arrow_div .the-arrow-bg {
	width:0;
	height: 0; 
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-bottom: 13px solid #fff;
	top:1px;
	z-index:10;
}

#the-menus .menu-box .menu-box-cont {background-color:#fff;border:1px solid #bcbdbf;min-height:40px;line-height:1.3;padding:10px;}
#the-menus .menu-box .menu-box-cont a {width:auto;height:auto;padding:4px 0 6px 0;margin-right:0px;}

#account-image-holder {min-height:55px;padding:1px 3px 6px 56px;}
#account-image-holder b {color:#548f26;}
#account-image-holder img {left:0;top:0;}

/*************
 * Side Menu *
 *************/
#menu {
	top:0px;
	padding-top:60px;
	width:210px;
	height:100%;
	z-index:90;
	border-right:1px solid #71a948;
}
#menu li {
	padding:9px 6px 8px 39px;
	height:39px;
	font-weight:bold;
	font-size:16px;
	line-height:22px;
	text-align:left;
}
#menu li.selected_menu {background-color:#60a22d;}
#menu li.sep {padding:8px 12px 8px 7px;height:1px;}
#menu li.sep div {background-color:#43a7d2;height:1px;}
#menu li .menu-ctr {
	top:-2px;
	right:0px;
	padding:4px 6px 4px 6px;
	border:1px solid #004d6f;
	background-color:#0e739f;
	color:#fff;
	font-size:12px;
	line-height:15px;
}
#menu li .menu-ctr.menu-ctr-red {border:1px solid #7d1a1a;background-color:#b53b3b;}
#menu li .menu-ico {
	top:-5px;
	left:-34px;
	width:32px;
	height:32px;
}
#menu li .sub-menu {margin-left:-20px;}
#menu li .sub-menu-ico {margin-top:-1px;font-size:20px;}
#menu li .sub-menu-text {padding:0 0 0 7px;}
#menu li.selected_menu a,
#menu li.selected_menu a:hover {color:#fff;}
#menu li .menu-dashboard {background-position:0 -256px;}
#menu li a:hover .menu-dashboard {background-position:-32px -256px;}
#menu li.selected_menu a .menu-dashboard {background-position:-64px -256px;}
#menu li .menu-sessions {background-position:0 0;}
#menu li a:hover .menu-sessions {background-position:-32px 0;}
#menu li.selected_menu a .menu-sessions {background-position:-64px 0;}
#menu li .menu-students {background-position:0 -128px;}
#menu li a:hover .menu-students {background-position:-32px -128px;}
#menu li.selected_menu a .menu-students {background-position:-64px -128px;}
#menu li .menu-reports {background-position:0 -160px;}
#menu li a:hover .menu-reports {background-position:-32px -160px;}
#menu li.selected_menu a .menu-reports {background-position:-64px -160px;}
#menu li .menu-team {background-position:0 -224px;}
#menu li a:hover .menu-team {background-position:-32px -224px;}
#menu li.selected_menu a .menu-team {background-position:-64px -224px;}
#menu li .menu-bookings {background-position:0 -288px;}
#menu li a:hover .menu-bookings {background-position:-32px -288px;}
#menu li.selected_menu a .menu-bookings {background-position:-64px -288px;}
#menu li .menu-profile {background-position:0 -192px;}
#menu li a:hover .menu-profile {background-position:-32px -192px;}
#menu li.selected_menu a .menu-profile {background-position:-64px -192px;}
#menu li .menu-settings {background-position:0 -320px;}
#menu li a:hover .menu-settings {background-position:-32px -320px;}
#menu li.selected_menu a .menu-settings {background-position:-64px -320px;}
#menu li .menu-create {background-position:0 -384px;}
#menu li a:hover .menu-create {background-position:-32px -384px;}
#menu li.selected_menu a .menu-create {background-position:-64px -384px;}
#menu li .menu-tito {background-position:0 -416px;}
#menu li a:hover .menu-tito {background-position:-32px -416px;}
#menu li.selected_menu a .menu-tito {background-position:-64px -416px;}

/***********
 * Content *
 ***********/
#container {padding-top:50px;}
#content {padding:0;line-height:1;}
.base-cont {padding:0 0 0 210px;}
.base-cont.base-cont-pad {padding:10px 10px 10px 220px;}

/***********
 * Filter *
 ***********/
.filter-box {height:36px;}
.filter-box-bg {background:#219326;}
.filter-box .filter-box-bg {height:36px;}
.filter-title {
	padding:1px 13px 0 13px;
	height:36px;
	font-size:16px;
	font-weight:bold;
	color:#c2ffb5;
	border-right:1px solid #085d0c;
}
.filter-title i {font-size:14px;font-style:normal;color:#cff3d7;}
.filter-title-nb {border-right:none;}
.filter-title-lh {line-height:13px;}
.filter-title .filter-name {padding-top:4px;font-size:15px;color:#fafafa;}
.filter-title .filter-gr {font-size:11px;color:#b5e6ff;}
.filter-title .filter-sch {font-size:11px;color:#c2ffb5;}
.filter-center {
	padding:10px 12px;
	font-size:16px;
	font-weight:bold;
	color:#c2ffb5;
	height:36px;
}
.filter-add {
	padding:2px 10px 0 9px;
	font-size:29px;
	color:#83ff6a;
	font-weight:bold;
	border-right:1px solid #085d0c;
}
.filter-add:hover {color:#99ff84;}
.filter-showing-pad {padding-top:1px;}
.filter-showing {padding:0 12px 0 12px;color:#c2ffb5;font-size:14px;}
.filter-showing .showing-ctr {font-weight:bold;font-size:19px;}
.filter-showing i {font-size:12px;font-style:normal;}
.filter-switch {padding:6px;width:38px;height:36px;border-left:1px solid #085d0c;}
.filter-switch .sh-icons {width:24px;height:24px;background-position:-144px -24px;}
.filter-box .filter-search,
.filter-box .filter-search-ajax {
	padding:3px 26px 3px 9px;
	margin:4px 8px 0 0;
	width:200px;
	height:28px;
	border:1px solid #5ad840;
	background:#0a8810;
	color:#bbffad;
}
.filter-box .filter-search-ajax::placeholder,
.filter-box .filter-search::placeholder {color:#ace9a0;}
.filter-search-ico {
	top:5px;
	right:49px;
	width:24px;
	height:24px;
	background-position:-144px 0;
	z-index:11;
}
.filter-search-x-ajax,
.filter-search-x {
	top:5px;
	right:49px;
	padding:0px 2px;
	width:24px;
	height:24px;
	font-size:22px;
	line-height:23px;
	font-weight:bold;
	z-index:11;
	color:#9cfd83;
}
.filter-search-x-ajax:active,
.filter-search-x-ajax:focus,
.filter-search-x:active,
.filter-search-x:focus {outline-style:dashed;outline-color:#6fd478;}
.filter-search-x-ajax:hover,
.filter-search-x:hover {color:#c1f8b2;}
.filter-date-cont {padding:0;}
.filter-box .filter-date {
	padding:4px 26px 3px 9px;
	margin-top:0px;
	width:130px;
	height:100%;
	color:#bbffad;
	background:#0a8810;
	border:none;
	border-right:1px solid #085d0c;
	font-size:15px;
}
.filter-box .filter-date::placeholder {color:#ace9a0;}
.filter-date-ico {
	top:6px;
	right:6px;
	width:24px;
	height:24px;
	background-position:-144px -48px;
	z-index:3;
	cursor:pointer;
}
.filter-date-add, .filter-date-edit {
	top:20px;
	right:10px;
	width:24px;
	height:24px;
	background-position:-120px -48px;
	z-index:3;
	cursor:pointer;
}
.filter-main {background-color:#127416;}
.filter-opened .open-filter {background-color:#127416;}
.filter-opened .filter-main {display:block;}

/************
 * Add/Edit *
 ************/
.add-back {
	top:0px;
	left:0px;
	padding:7px 10px;
	font-weight:bold;
	font-size:16px;
	line-height:21px;
	color:#83ff6a;
	border-right:1px solid #085d0c;
}
.add-back:hover {color:#99ff84;}
.add-save {
	top:3px;
	right:4px;
	padding:6px 14px 8px 14px;
	height:28px;
	font-size:14px;
	line-height:16px;
	color:#d3e6ff;
	background-color:#215e93;
	border-top:1px solid #4b83b4;
	border-bottom:1px solid #0f3f69;
}
.add-save:hover {background-color:#2d6da6;color:#e0edff;}
.add-save.add-save-green {
	color:#d5fad8;
	background-color:#1b952f;
	border-top:1px solid #2cae42;
	border-bottom:1px solid #0f7f22;
}
.add-save.add-save-green:hover {background-color:#219e36;color:#e7fce9;}
.add-cont {padding:7px 0;}
.add-box, #add-button-div {padding:8px;}
.add-close {
	top:1px;
	right:2px;
	width:22px;
	height:22px;
	padding:5px 2px;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	z-index:2;
	color:#fff;
	background-color:#ce3333;
}
.add-bubble {
	height:368px;
	margin:0;
	padding:6px 5px;
	line-height:0;
	border:1px solid #9cbee0;
	border-top:1px solid #c5e0fb;
	border-bottom:1px solid #6d97c1;
	background-color:#e7f3ff;
	color:#585670;
	-webkit-box-shadow:0 1px 1px rgba(101, 133, 194, 0.05);
	box-shadow:0 1px 1px rgba(101, 133, 194, 0.05);
}
.add-bubble .add-row {line-height:16px;padding:4px 0 5px 0;}
.add-bubble .add-row.add-row-2 {padding-top:8px;}
.add-bubble .add-row .add-item {padding:0 5px;}
.add-bubble .add-row .add-item.add-item-nopad-l {padding-left:0px;}
.add-bubble .add-row .add-item.add-item-nopad-r {padding-right:0px;}
.add-bubble .add-row select,
.add-bubble .add-row input[type="number"],
.add-bubble .add-row input[type="text"] {margin-top:2px;width:100%;background-color:#f9fcff;}
.add-bubble .add-row select.add-time,
.add-bubble .add-row input[type="text"].add-time {width:50px;}
.add-bubble .add-row select.nfw {width:auto;}
.add-bubble .add-row .p65,
.add-bubble .add-row input.p65,
.add-bubble .add-row select.p65 {width:65px;}
.add-bubble .add-row .p75,
.add-bubble .add-row input.p75,
.add-bubble .add-row select.p75 {width:75px;}
.add-bubble .add-row .p85,
.add-bubble .add-row input.p85,
.add-bubble .add-row select.p85 {width:75px;}
.add-aa {
	margin-top:2px;
	padding:6px;
	width:40px;
	height:30px;
	font-size:14px;
	line-height:17px;
	font-family:Arial;
	background-color:#eff7ff;
	border:1px solid #bdc7d8;
}
.add-bubble .add-row select.error-div,
.add-bubble .add-row input[type="text"].error-div {border:1px solid #e12c2c;}
.add-box .add-num {
	top:0px;
	left:1px;
	padding:5px 2px 2px 2px;
	width:19px;
	height:19px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background-color:#0e739f;
	z-index:11;
}
.add-box .tbl-title {font-size:10px;}
.add-box .add-dropdown-complete {padding-right:11px;z-index:11;}
.add-box .add-dropdown-complete.add-pad-r6 {padding-right:6px;}
.add-box .add-autocomplete-ajax {top:24px;right:12px;}
.add-box .add-dropdown-complete-html {
	min-height:30px;
	border:1px solid #4ee772;
	background-color:#e7fff2;
	max-height:220px;
	overflow-y:auto;
	overflow-x:hidden;
}
.add-button-dash {
	padding-bottom:10px;
	border:2px dashed #ccc;
	background-color:#dfe8f0;
	color:#9facc4;
	cursor:pointer;
	font-size:16px;
	font-weight:normal;
}
.add-button-div {height:371px;}
#add_submit_loader {top:0px;right:0px;padding:10px 12px 5px 11px;color:#b5dcff;font-weight:bold;line-height:16px;}
#add_submit_loader.submit_success {color:#c2ffb5;}
#r_submit_loader {top:0px;right:0px;padding:11px 12px 5px 11px;color:#ffd0d0;font-weight:bold;line-height:16px;}
#r_submit_loader.submit_success {color:#c2ffb5;}
.add-textarea {height:100px;}

/* Edit */
.add-box.edit-box {padding:4px 7px 0px 0px;}
.add-bubble.edit-bubble {padding:4px 5px;}
.edit-info-box {padding:4px 0px 0px 7px;}
.edit-info {
	height:auto;
	margin:0;
	padding:4px 6px 6px 6px;
	line-height:0;
	color:#fafafa;
	-webkit-box-shadow:0 1px 1px rgba(101, 133, 194, 0.05);
	box-shadow:0 1px 1px rgba(101, 133, 194, 0.05);
}
.edit-info .edit-item {line-height:16px;padding:4px 5px 5px 5px;}
.edit-item .green-text {color:#75ffb0;}
.edit-item .red-text {color:#ffbfbf;}
.edit-item .grayer-text {color:#dad9d9;}
.edit-info .blue-2-text {color:#dbefff;}
.edit-info .tbl-title {color:#ffdca8;}
.edit-pad {padding:6px 3px 3px 3px;}
.edit-pad-s {padding:3px;}
.edit_s_name {font-size:17px;}
.edit_s_gr {font-size:13px;color:#b5e6ff;}
.edit_s_sch {font-size:13px;color:#c2ffb5;}

/* Student/Teacher Autocomplete */
.student-div, .teacher-div {
	padding:9px 9px 6px 9px;
	border-bottom:1px solid #ccdbfd;
	color:#444;
	font-size:15px;
	line-height:18px;
	text-decoration:none;
}
.student-div:hover, .student-div:focus,
.teacher-div:hover, .teacher-div:focus {color:#444;background-color:#a7f9cc;}
.student-div-gradelevel, .teacher-div-incharge {font-size:11px;color:#4372d1;}
.teacher-div-incharge b {font-size:8px;color:#666;}
.student-div-school, .teacher-div-status {margin-left:5px;font-size:11px;color:#da4f4f;}
.add_cancel_student {
	top:18px;
	right:8px;
	z-index:3;
	color:#ce3333;
	padding:6px;
	font-size:18px;
	text-decoration:none;
}
.add_cancel_student:focus, .add_cancel_student:hover {outline:0;color:#e04646;}
.add_grade_school_div {
	margin-top:2px;
	height:30px;
	border:1px solid #bdc7d8;
	color:#585670;
	background-color:#eff7ff;
}
.add_student_grade, .add_student_school {
	padding:6px;
	font-size:14px;
	line-height:17px;
	font-family:Arial;
}
.add_student_grade {border-right:1px solid #bdc7d8;}

/* Add/Edit Bookings */
.edit-info-bk {
	background-color:#008324;
	border:1px solid #005918;
	border-top:1px solid #00a02b;
	border-bottom:1px solid #004613;
}
.add-bubble.add-bk-bubble,
.add-bubble.edit-bk-bubble {
	border:1px solid #9ce0ba;
	border-top:1px solid #c5fbcf;
	border-bottom:1px solid #6dc189;
	background-color:#e7ffed;
}
.add-bk-bubble .add_grade_school_div {
	border:1px solid #bdd8c3;
	background-color:#effff5;
	color:#567056
}
.add-bubble.edit-bk-bubble {height:305px;}

/* Dashboard */
.edit-info-db {
	background:#1571BF;
	border:1px solid #095fab;
	border-top:1px solid #2283d7;
	border-bottom:1px solid #004a8b;
}
.dashboard-cont {padding-right:240px;}
.dash-body {padding:0 7px 0px 0px;}
.dash-head {padding:0px;height:36px;line-height:0;}
.dash-head .filter-title {line-height:16px;padding-bottom:1px;}
.dash-view {
	top:0px;
	right:0px;
	padding:8px 10px;
	font-weight:bold;
	font-size:16px;
	line-height:21px;
	color:#83ff6a;
	border-left:1px solid #085d0c;
}
.dash-view:hover {color:#99ff84;}
.cal-cont {padding:0px;}
.cal-cont .cal-mm:nth-child(even) {padding:7px 0 0 7px;}
.cal-cont .cal-mm:nth-child(odd) {padding:7px 7px 0 0;}
.cal-mm-div {border:1px solid #0783b8;line-height:0;}
.cal-mm-title {height:36px;color:#e1ecfc;background-color:#0888be;line-height:16px;font-size:15px;}
.cal-mm-sess {font-size:11px;top:0px;right:6px;color:#bed8ff;}
.cal-mm-sess b {font-size:14px;}
.cal-ww {
	height:25px;
	color:#11a309;
	background-color:#ccfeca;
	line-height:13px;
	font-size:13px;
	border-bottom:1px solid #18a90c;
}
.cal-ww .cal-week {font-weight:bold;border-left:1px solid #32c224;background:#daffdb;}
.cal-ww .cal-week.cal-week-1 {border-left:none;}
.cal-week {width:14%;line-height:1;background-color:#fff;}
.cal-week.cal-week-1 {border-left:none;}
.cal-week.cal-week-6, .cal-week.cal-week-7 {width:15%;}
.cal-tr {height:55px;border-bottom:1px solid #cfcfcf;}
.cal-tr .cal-week {border-left:1px solid #cfcfcf;}
.cal-tr .cal-week.cal-week-1 {border-left:none;}
.cal-tr .cal-week.cal-week-5 {background-color:#fee8e8;}
.cal-tr .cal-week.cal-week-6, .cal-tr .cal-week.cal-week-7 {background-color:#e6eefb;}
.cal-mm-div .cal-tr .cal-week.cal-ph {background-color:#e6ffe1;color:#04811a;font-size:13px;}

.cal-tr .cal-week.not-cur-month,
.cal-tr .cal-week.cal-week-5.not-cur-month,
.cal-tr .cal-week.cal-week-6.not-cur-month,
.cal-tr .cal-week.cal-week-7.not-cur-month {background-color:#e8e8e8;}

.cal-day-ctr {top:1px;left:1px;font-size:12px;font-weight:bold;color:#208800;}
.not-cur-month .cal-day-ctr {color:#aaa;}

.cal-day-val {font-weight:bold;font-size:16px;padding:3px;}
.cal-day-circle {padding-top:8px;width:32px;height:32px;background-color:#17801c;color:#fff;}
.cal-day-circle:hover {background-color:#276597;color:#fff;}
.trial-days .cal-day-circle,
.trial-days .cal-day-circle:hover {background-color:#999;}

.dailydata-cont .cal-mm {width:33%;}
.dailydata-cont #cal-mm-2,
.dailydata-cont #cal-mm-5, 
.dailydata-cont #cal-mm-8,
.dailydata-cont #cal-mm-11 {width:34%;padding:7px 7px 0 7px;}
.dailydata-cont #cal-mm-1,
.dailydata-cont #cal-mm-4,
.dailydata-cont #cal-mm-7,
.dailydata-cont #cal-mm-10 {padding:7px 7px 0 0;}
.dailydata-cont #cal-mm-3,
.dailydata-cont #cal-mm-6,
.dailydata-cont #cal-mm-9,
.dailydata-cont #cal-mm-12 {padding:7px 0 0 7px;}

.side-dash {
	top:0px;
	right:0px;
	padding:0 0 0 7px;
	width:240px;
	z-index:5;
}
.side-title {
	padding:6px;
	font-size:17px;
	line-height:19px;
	color:#ffe1b1;
}
.side-title i {font-style:normal;font-size:14px;color:#b3fab1;}
.side-body {padding:0 0 2px 0;color:#fff;}
.side-item {height:28px;padding:5px 0 0 150px;line-height:17px;}
.side-label {top:6px;left:0px;width:140px;font-size:14px;}
.side-value {font-size:19px;font-weight:bold;color:#b5d9ff;}
.side-value i {font-style:normal;font-size:16px;color:#8cb2da;}
.side-sep {margin:5px 0;height:1px;background-color:#284b94;}

/* Add/Edit Sessions */
.blue-box-bg {background:#244ba6;}
.blue-box-bg .add-back {
	top:0px;
	left:0px;
	padding:8px 10px;
	font-weight:bold;
	font-size:16px;
	line-height:21px;
	color:#ced5ff;
	border-right:1px solid #082568;
}
.blue-box-bg .add-back:hover {color:#dde0ff;}
.blue-box-bg .filter-center {color:#edeeff;}
.edit-info-ss {
	background-color:#244ba6;
	border:1px solid #163a8f;
	border-top:1px solid #315aba;
	border-bottom:1px solid #0b2b74;
}
.edit-ss-bubble {height:306px;}
.add-row input[type="text"].add_tag {border-right:none;}
.entry-hours {padding:3px 0 7px 0;font-size:13px;line-height:13px;}
.format-sess .format-disp {font-size:12px;}

/* Add/Edit Reports */
.red-box-bg {background:#942e2e;}
.red-box-bg .add-back {
	top:0px;
	left:0px;
	padding:8px 10px;
	font-weight:bold;
	font-size:16px;
	line-height:21px;
	color:#ffc1c1;
	border-right:1px solid #390000;
}
.red-box-bg .add-back:hover {color:#fed0d0;}
.red-box-bg .filter-center {color:#ffe7e7;}
.edit-info-r {
	background-color:#942e2e;
	border:1px solid #872525;
	border-top:1px solid #a93d3d;
	border-bottom:1px solid #791d1d;
}
.add-bubble.edit-r-bubble {
	background-color:#ffeded;
	border:1px solid #e6aaaa;
	border-top:1px solid #fed8d8;
	border-bottom:1px solid #d19292;
}
.edit-r-bubble {height:333px;}
.r-sep-over {padding:8px 6px 4px 6px;font-size:15px;}
.r-val-over {padding:9px 0 3px 0;font-size:17px;}
.r-input-div {
	padding:5px;
	height:30px;
	font-family:Arial;
	margin-top:2px;
	color:#7d5a5a;
	background-color:#fff3f3;
	border:1px solid #c3a5a5;
	font-size:14px;
}
.r-non-admin {margin-top:2px;font-size:12px;line-height:15px;}
.r-non-admin .blue-2-text {color:#647d93;}
.edit-report {padding:4px 0;font-size:12px;}

/**********
 * Tables *
 **********/
.tbl {line-height:0px;}
.tbl.tbl-m-top {margin-top:10px;}
.tbl.tbl-has-showing {margin-top:2px;}
.thead {height:38px;line-height:17px;}
.thead-bg {padding-left:32px;height:38px;background-color:#2785d1;}
.thead .td {color:#fff;font-size:14px;line-height:15px;font-weight:bold;border-left:1px solid #8ccbff;}
.thead .td.td-0 {border-left:none;}
.thead .td.td-small-head {font-size:12px;line-height:12px;}
.thead .td.td-smaller-head {font-size:11px;line-height:12px;}
.thead .td.td-smallest-head {font-size:10px;line-height:11px;}
.thead .td.td-micro-head {font-size:9px;line-height:10px;}
.thead .td.td-has-micro {line-height:10px;}
.thead .micro-acro {font-size:9px;font-style:normal;}
.thead .td.td-no-sort {background-color:#1571bf;}
.thead .td .sort-span {font-size:16px;}
.thead .td.td-small-head .sort-span {font-size:13px;}
.thead .td.td-smaller-head .sort-span {font-size:12px;}
.thead .td.td-very-small-head .sort-span {font-size:11px;}
.tsub {height:34px;}
.tsub-item {
	padding:4px 15px 3px 16px;
	background-color:#aec9e7;
	color:#0b67b1;
	border-bottom:1px solid #8ccbff;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
}
.tsub-item:hover {background-color:#93b2d6;color:#004f8f;}
.tsub-item.tsub-sel:hover,
.tsub-item.tsub-sel:active,
.tsub-item.tsub-sel:focus,
.tsub-item.tsub-sel {background-color:#2785d1;color:#fff;}
.tsub-item.fl {margin-right:4px;}
.tsub-item.fr {margin-left:4px;}
.tbody {line-height:0;}
.tr {
	padding-left:32px;
	min-height:32px;
	line-height:16px;
	background-color:#fcfcfc;
	border-bottom:1px solid #c3c3c3;
}
.tr.tr-online {background-color:#eafee8;}
.tr.tr-trial {background-color:#fff7e9;}
.tr.tr-first-day .name-pad,
.tr.tr-first-day .grsch-pad {
	-webkit-animation: fading 2s linear infinite;
    -moz-animation: fading 2s linear infinite;
    animation: fading 2s linear infinite;
}
.tr.tr-first-day .name-text {color:#731111;}
.tr.tr-first-day .gr-disp {color:#c82f2f;}
.tr.tr-first-day .sch-text {color:#ac3166;}
.tr.tr-stat-1,
.tr.tr-stat-4,
.tr.tr-stat-5 {background-color:#f4f5ff;}
.tr.tr-stat-2 {background-color:#fff1f2;}
.tr.tr-stat-3 {background-color:#fff9f0;}
.tr .td {padding:14px 6px 10px 6px;font-size:14px;color:#103c60;}
.tr .td.td-has-sub {padding-top:0px;}
.tr .td.td-has-bubble {padding-top:6px;}
.tr .td.td-has-small-text {padding-top:13px;}
.tr .td.td-0 {padding:14px 0 10px 0;color:#3bb519;font-size:11px;font-weight:bold;}
.tr .td.td-0 span {padding-top:1px;}
.tr .td .stat-box {font-size:12px;}
.tr.tr-has-head .td {padding-top:0px;}
.td {padding:6px;}
.td-0 {top:0px;left:0px;width:32px;}
.td-options {height:30px;padding:6px 0;font-size:22px;}
.td-options:hover {color:#fff;background-color:#285d88;}
.td-options-menu {
	position:absolute;
	top:0px;
	left:32px;
	width:125px;
	padding:0;
	z-index:11;
	font-size:14px;
	font-weight:bold;
	background-color:#285d88;
	z-index:11;
}
.td-options-menu a {
	padding:7px 12px;
	height:30px;
	width:100%;
	position:relative;
	display:block;
	color:#e7f1fc;
}
.td-options-menu a:hover {color:#fff;background-color:#204c70;}
.tr .td-day-0,
.tr .td-day-6,
.tr .td-day-7 {background-color:#edf4ff;}
.tr .td-day-5 {background-color:#ffeded;}
.tr .td-day.td-holiday {background-color:#e6ffe1;color:#04811a;font-size:13px;}
.name-pad {padding-left:6px;color:#114c7c;font-weight:bold;cursor:pointer;}
.name-pad .blue-text {color:#153aa2;}
.name-pad .red-text {color:#b11300;}
.name-pad .gender-disp {font-size:12px;}
.student-link, .team-link {cursor:pointer;}
.student-link .name-text,
.team-link .name-text  {color:#0187c1;}
.student-link-options, .team-link-options {
	position:absolute;
	top:16px;
	left:3px;
	width:125px;
	padding:5px 0;
	z-index:11;
	font-size:14px;
	font-weight:bold;
	background-color:#114c7c;
	z-index:11;
	opacity:0.9;
}
.student-link-options a, .team-link-options a {
	padding:8px 12px;
	width:100%;
	position:relative;
	display:block;
	color:#e7f1fc;
}
.student-link-options a:hover,
.team-link-options a:hover {color:#fff;background-color:#083961;}
.grsch-pad {padding:3px 0 0 6px;font-weight:bold;line-height:12px;}
.grsch-pad .gr-text,
.grsch-pad .gr-disp {color:#277ec5;font-size:12px;}
.grsch-pad .sch-text,
.grsch-pad .sch-disp,
.grsch-pad .school-disp {color:#31ac46;font-size:13px;}
.alhp-pad {padding:3px 0 0 6px;}
.teacher-span {margin-top:8px;}
.change-teacher {margin-top:3px;}
.reset-teacher {padding:4px 0;font-size:12px;font-weight:bold;}
.edit-teacher, .view-teacher {word-break:break-word;}
.format-disp {font-size:13px;}
.added-disp {font-size:13px;}
.sess-disp {color:#0e741b;font-size:16px;font-weight:bold;}
.sess-disp i {color:#55a75f;font-size:12px;font-weight:normal;font-style:normal;}
.last-disp {font-size:12px;}
.stat-box {padding:0;line-height:15px;display:inline-block;}
.stat-box b {padding:0 4px 0 4px;float:left;}
.stat-box .round {margin-top:1px;float:left;width:12px;height:12px;}
.stat-box.stat-box-0 {color:#69b14a;}
.stat-box.stat-box-0 .round {background-color:#69b14a;}
.stat-box.stat-box-1 {color:#526ab8;}
.stat-box.stat-box-1 .round {background-color:#526ab8;}
.stat-box.stat-box-2 {color:#d2303e;}
.stat-box.stat-box-2 .round {background-color:#d2303e;}
.stat-box.stat-box-3 {color:#b87a28;}
.stat-box.stat-box-3 .round {background-color:#b87a28;}
.stat-box.stat-box-4 {color:#526ab8;}
.stat-box.stat-box-4 .round {background-color:#526ab8;}
.stat-box.stat-box-5 {color:#526ab8;}
.stat-box.stat-box-5 .round {background-color:#526ab8;}
.student-circle-status {margin:3px 0 0 1px;}
.alph-div {margin-top:-1px;line-height:12px;}
.alph-diamond {
	top:-7px;
	width:0px;
	height:0px;
	border:7px solid transparent;
	position:relative;
}
.alph-diamond:after {
	content:'';
	position:absolute;
	left:-7px;
	top:7px;
	width:0px;
	height:0px;
	border:7px solid transparent;
}
.alph-text {padding:1px 3px;font-size:12px;font-weight:bold;}
.alph-diamond-A {border-bottom-color:#277d0b;}
.alph-diamond-B {border-bottom-color:#2749a7;}
.alph-diamond-C {border-bottom-color:#dfbb09;}
.alph-diamond-D {border-bottom-color:#d96807;}
.alph-diamond-E {border-bottom-color:#a51010;}
.alph-diamond-F {border-bottom-color:#222;}
.alph-diamond-A:after {border-top-color:#277d0b;}
.alph-diamond-B:after {border-top-color:#2749a7;}
.alph-diamond-C:after {border-top-color:#dfbb09;}
.alph-diamond-D:after {border-top-color:#d96807;}
.alph-diamond-E:after {border-top-color:#a51010;}
.alph-diamond-F:after {border-top-color:#222;}
.alph-text-A {color:#196700;}
.alph-text-B {color:#15317f;}
.alph-text-C {color:#c3a200;}
.alph-text-D {color:#c15a03;}
.alph-text-E {color:#970707;}
.alph-text-F {color:#111;}

.trial {margin-top:10px;color:#b87a28;font-weight:bold;}
.activated {margin-top:1px;font-size:9px;color:#10d23b;}
.tr-stat-1 .activated,
.tr-stat-4 .activated,
.tr-stat-5 .activated {color:#1065d2;}
.tr-stat-2 .activated {color:#f24545;}
.tr-stat-3 .activated {color:#cf8421;}
.tbl-showing {margin-top:4px;height:26px;font-size:15px;color:#555;}
.tbl-showing .showing-ctr {font-size:18px;color:#0c6eb8;}
.tbl-pg {padding:24px 12px 16px 12px;font-size:15px;color:#aaa;line-height:20px;}
.tbl-title {padding:6px 0 2px 0;font-size:9px;font-weight:bold;color:#66b744;line-height:9px;}
.tbl-title-cont {padding-top:9px;}
.tbl-title i {color:#68acb7;}
.tbl .tbl-title i {font-style:normal;color:#79c36d;font-size:8px;}

/* Tooltip */
.tooltip:hover .ttip-text {visibility:visible;}
.ttip-text {
	visibility:hidden;
	padding:5px 6px 6px 6px;
	position:absolute;
	z-index:11;
	font-size:14px;
	font-weight:bold;
	opacity:0.9;
	line-height:16px;
}
.ttip-s-school,
.ttip-s-course {
	top:24px;
	left:0px;
	padding-top:6px;
	width:100px;
	color:#fff;
	background-color:#1571bf;
	text-align:center;
}
.ttip-s-school b,
.ttip-s-course b {font-size:16px;color:#47f787;}
.ttip-school {
	top:15px;
	left:60px;
	width:120px;
	color:#fff;
	background-color:#1571bf;
}
.ttip-tt-mins {
	bottom:0px;
	left:42px;
	padding:4px;
	width:90px;
	color:#fff;
	line-height:13px;
	background-color:#1571bf;
}
.ttip-asm-info {
	top:18px;
	left:6px;
	padding:5px 4px;
	width:90px;
	color:#fff;
	line-height:13px;
	background-color:#1571bf;
	z-index:101;
}
.ttip-asm-info b {font-size:15px;color:#47f787;}

/*********
 * Daily *
 *********/
#daily-tbl .td-1 {width:8%;}
#daily-tbl .td-2 {width:22%;}
#daily-tbl .td-3 {width:17%;}
#daily-tbl .td-4 {width:16%;}
#daily-tbl .td-5 {width:13%;}
#daily-tbl .td-6 {width:13%;}
#daily-tbl .td-7 {width:11%;}

#daily-t-tbl .td-1 {width:10%;}
#daily-t-tbl .td-2 {width:25%;}
#daily-t-tbl .td-3 {width:21%;}
#daily-t-tbl .td-4 {display:none;}
#daily-t-tbl .td-5 {width:15%;}
#daily-t-tbl .td-6 {width:16%;}
#daily-t-tbl .td-7 {width:13%;}

/********
 * Book *
 ********/
#book-tbl .td-1 {width:20%;}
#book-tbl .td-2 {width:17%;}
#book-tbl .td-3 {width:13%;}
#book-tbl .td-4 {width:13%;}
#book-tbl .td-5 {width:13%;}
#book-tbl .td-6 {width:12%;}
#book-tbl .td-7 {width:12%;}

/***********
 * Reports *
 ***********/
#report-tbl .td-1 {width:9%;}
#report-tbl .td-2 {width:17%;}
#report-tbl .td-3 {width:14%;}
#report-tbl .td-4 {width:13%;}
#report-tbl .td-5 {width:10%;}
#report-tbl .td-6 {width:11%;}
#report-tbl .td-7 {width:11%;}
#report-tbl .td-8 {width:15%;}

#report-tbl.student-tbl .td-1 {width:14%;}
#report-tbl.student-tbl .td-2 {display:none;}
#report-tbl.student-tbl .td-3 {width:19%;}
#report-tbl.student-tbl .td-4 {display:none;}
#report-tbl.student-tbl .td-5 {width:15%;}
#report-tbl.student-tbl .td-6 {width:16%;}
#report-tbl.student-tbl .td-7 {width:16%;}
#report-tbl.student-tbl .td-8 {width:20%;}

/*************
 * To Create *
 *************/
#to-create-tbl .td-1 {width:10%;}
#to-create-tbl .td-2 {width:20%;}
#to-create-tbl .td-3 {width:17%;}
#to-create-tbl .td-4 {width:16%;}
#to-create-tbl .td-5 {width:13%;}
#to-create-tbl .td-6 {width:13%;}
#to-create-tbl .td-7 {width:11%;}

#to-create-t-tbl .td-1 {width:14%;}
#to-create-t-tbl .td-2 {width:23%;}
#to-create-t-tbl .td-3 {width:19%;}
#to-create-t-tbl .td-4 {width:14%;}
#to-create-t-tbl .td-5 {display:none;}
#to-create-t-tbl .td-6 {width:17%;}
#to-create-t-tbl .td-7 {width:13%;}

/************
 * Students *
 ************/
#stu-tbl .td-1 {width:21%;}
#stu-tbl .td-2 {width:7%;}
#stu-tbl .td-3 {width:11%;}
#stu-tbl .td-4 {width:17%;}
#stu-tbl .td-5 {width:13%;}
#stu-tbl .td-6 {display:none;}
#stu-tbl .td-7 {width:9%;}
#stu-tbl .td-8 {width:11%;}
#stu-tbl .td-9 .{width:11%;}

#stu-tbl.is-admin .td-1 {width:17%;}
#stu-tbl.is-admin .td-2 {width:6%;}
#stu-tbl.is-admin .td-3 {width:10%;}
#stu-tbl.is-admin .td-4 {width:15%;}
#stu-tbl.is-admin .td-5 {width:12%;}
#stu-tbl.is-admin .td-6 {width:8%;display:block;}
#stu-tbl.is-admin .td-7 {width:9%;}
#stu-tbl.is-admin .td-8 {width:11%;}
#stu-tbl.is-admin .td-9 {width:11%;}

#stu-sess-tbl .td-1 {width:13%;}
#stu-sess-tbl .td-2 {width:18%;}
#stu-sess-tbl .td-3 {width:11%;}
#stu-sess-tbl .td-4 {width:18%;}
#stu-sess-tbl .td-5 {width:14%;}
#stu-sess-tbl .td-6 {width:14%;}
#stu-sess-tbl .td-7 {width:12%;}

#my-sess-tbl .td-1 {width:14%;}
#my-sess-tbl .td-2 {width:16%;}
#my-sess-tbl .td-3 {width:16%;}
#my-sess-tbl .td-4 {width:14%;}
#my-sess-tbl .td-5 {width:14%;}
#my-sess-tbl .td-6 {width:14%;}
#my-sess-tbl .td-7 {width:12%;}

/********
 * Team *
 ********/
#team-tbl .td-1 {width:8%;}
#team-tbl .td-2 {width:22%;}
#team-tbl .td-3 {width:15%;}
#team-tbl .td-4 {width:15%;}
#team-tbl .td-5 {width:17%;}
#team-tbl .td-6 {width:14%;}
#team-tbl .td-7 {width:9%;}

/********
 * TITO *
 ********/
#tito-tbl thead {line-height:0px;}
#tito-tbl .sticky-head,
#tito-tbl .sticky-x {height:70px;}
#tito-tbl .thead-top {background-color:#ebebeb;}
#tito-tbl .thead-top .td {padding:2px 0;border-bottom:1px solid #8ccbff;border-left:none;}
#tito-tbl .thead-top,
#tito-tbl .thead-bot {height:35px;}
#tito-tbl .thead-top,
#tito-tbl .thead-bot,
#tito-tbl .tr {padding:0px 80px 0px 232px;}
#tito-tbl .thead-bot .td.td-days,
#tito-tbl .thead-bot .td.td-months,
#tito-tbl .tr .td.td-days,
#tito-tbl .tr .td.td-months {padding:0 24px;}
#tito-tbl .thead-bot .td-day {padding-bottom:2px;border-right:1px solid #8ccbff;line-height:13px;}
#tito-tbl .thead-bot .ctrl-mv {padding-bottom:4px;background-color:#1571bf;color:#5596cd;font-size:16px;cursor:default;}
#tito-tbl .thead-bot .ctrl-mv.clickable-mv {background-color:#2785d1;color:#fff;cursor:pointer;}
#tito-tbl .thead-bot .left-mv {border-right:1px solid #8ccbff;}
#tito-tbl .thead-bot .right-mv {border-left:1px solid #8ccbff;}
#tito-tbl .thead-bot .day-n-disp {font-size:11px;}
#tito-tbl .thead-bot .day-d-disp {font-size:15px;}
#tito-tbl .thead-bot .td-month {color:#fff;border-right:1px solid #8ccbff;background-color:#1d7dcb;}
#tito-tbl .ctrl-mv {width:24px;}
#tito-tbl .left-mv {top:0px;left:0px;}
#tito-tbl .right-mv {top:0px;right:0px;}
#tito-tbl .td-days-w,
#tito-tbl .td-months-w {font-family:Arial;}
#tito-tbl .td-name {width:200px;top:0px;left:32px;}
#tito-tbl .td-total {width:80px;top:0px;right:0px;font-family:Arial;}
#tito-tbl .tr {height:72px;}
#tito-tbl .tr .td-days,
#tito-tbl .tr .td-months,
#tito-tbl .tr .td-total {border-left:1px solid #aaa;}
#tito-tbl .tr .left-mv {border-right:1px solid #aaa;background-color:#ddd;}
#tito-tbl .tr .right-mv {border-left:1px solid #aaa;background-color:#ddd;}
#tito-tbl .tr .td {padding:7px 6px 4px 6px;font-size:13px;}
#tito-tbl .tr .td.td-0 {font-size:11px;}
#tito-tbl .team-link .name-text {color:#114c7c;}
#tito-tbl .tr .td-total {font-size:16px;}

#tito-tbl .td-days .td-day {width:45px;}
#tito-tbl .tr .td-day {border-right:1px solid #ccc;}
#tito-tbl .tr .td-day.tt-link {cursor:pointer;}
#tito-tbl .tr .td-day .sh-ico-x {opacity:0.7;}
#tito-tbl .tt-time {font-weight:bold;}
#tito-tbl .tt-in {top:3px;left:0px;}
#tito-tbl .tt-out {top:20px;left:0px;}
#tito-tbl .tt-mins {bottom:2px;padding-top:3px;height:25px;font-size:13px;line-height:10px;}
#tito-tbl .tt-mins b {color:#19872b;}
#tito-tbl .tt-mins i {font-size:10px;font-style:normal;color:#888;}
#tito-tbl .tt-mins .ttip-text b.green-text {font-size:15px;color:#c2ffb5;} 
#tito-tbl .tt-mins .ttip-text .smol-text {font-size:10px;}
#tito-tbl .tt-mins .ttip-text .smoler-text {font-size:9px;}
#tito-tbl .tt-mins .ttip-text .green-text.smol-text {font-size:12px;}

#tito-tbl .td-months .td-month {width:72px;}
#tito-tbl .tr .td-month {border-right:1px solid #bababa;font-size:16px;}
#tito-tbl .tr .td-month b {cursor:pointer;}

/**************
 * TITO - ASM *
 **************/
#tito-tbl.asm-tbl-grade .thead-top,
#tito-tbl.asm-tbl-grade .thead-bot,
#tito-tbl.asm-tbl-grade .tr {padding-right:90px;}
#tito-tbl.asm-tbl-grade .tr {height:157px;}
#tito-tbl.asm-tbl-grade .td-months .td-month {width:82px;}
#tito-tbl.asm-tbl-grade .td-total {width:90px;padding:0;}
.asm-by-gr-cont {line-height:0;}
.asm-by-gr-item {height:26px;border-top:1px solid #ddd;font-family:Arial;}
.asm-by-gr-item.asm-by-gr-total {border-top:none;}
.asm-by-gr-txt {width:45%;border-right:1px solid #ddd;background-color:#f3f3f3;color:#666;font-size:11px;font-weight:bold;line-height:13px;}
.asm-by-gr-val {width:55%;font-size:15px;line-height:16px;font-weight:bold;color:#007b35;}
.asm-by-gr-val.asm-gr-val-0 {font-size:12px;color:#9dc1ad;}

/***********
 * Account *
 ***********/
.account-cont {margin:0;padding:0;}
.account-box {margin:0;padding-top:14px;}
.account-box-left {padding-right:7px;}
.account-box-right {padding-left:7px;}
.account-i-padright {padding-right:6px;}
.account-i-padleft {padding-left:6px;}
.account-bubble {
	margin:0;
	padding:8px 12px;
	border:1px solid #e5e5e5;
	border-top:1px solid #efefef;
	border-bottom:1px solid #d5d5d5;
	background-color:#f9f9f9;
	color:#555;
	line-height:16px;
	cursor:pointer;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
	box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.account-ribbon {
	padding-right:7px;
	margin-left:-14px;
	width:210px;
	height:28px;
	background-color:#189d1e;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.triangle-right {
	top:0px;
	right:0px;
	width:0px;
	height:0px;
	border-top:14px solid transparent;
	border-bottom:14px solid transparent;
	border-right:14px solid #f6f6f6;
}
.account-item {padding:12px 0 6px 0;line-height:2px;}
.account-item-title {font-size:13px;font-weight:bold;color:#66b744;line-height:15px;}
.account-item-title .arequired {color:#b74444;}
.account-item-title i {font-style:normal;font-weight:normal;font-size:12px;}
.account-item input,
.account-item select,
.account-item .input-div {padding:6px 9px;height:34px;margin-top:3px;font-size:15px;}
.account-item select:disabled,
.account-item input:read-only,
.account-item .input-div {background-color:#f0f0f0;}
.account-item .input-div {font-weight:normal;line-height:20px;}
.account-item .textarea-div {min-height:120px;padding:6px 8px;font-size:15px;}
.account-item select.error-div,
.account-item input.error-div {border:1px solid #e12c2c;}
.change-password-div,
.send-account-details-div {line-height:16px;}
#change-password,
#send-account-details {
	padding:6px 12px;
	margin:5px 0 0 0;
	width:125px;
	color:#d3e6ff;
	font-weight:bold;
	line-height:16px;
	background-color:#215e93;
	border-top:1px solid #4b83b4;
	border-bottom:1px solid #0f3f69;
}
#change-password:hover,
#send-account-details:hover {background-color:#2d6da6;color:#e0edff;}
.send-account-text {padding:7px 0;color:#4580d4;font-size:14px;}

#reset-account-details {
	padding:6px 12px;
	margin:5px 0 0 0;
	width:125px;
	color:#fffad3;
	font-weight:bold;
	line-height:16px;
	background-color:#c26d0f;
	border-top:1px solid #d47b16;
	border-bottom:1px solid #b2640a;
}
#reset-account-details:hover {background-color:#d67e19;color:#fffad3;}

.account-cbubble {
	margin-top:4px;
	padding:8px 30px 8px 12px;
	border:1px solid #94d0a1;
	border-top:1px solid #afe2ba;
	border-bottom:1px solid #81c490;
	background-color:#ecffec;
	color:#226b33;
	font-size:15px;
	line-height:18px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
	box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.account-remove-course {
	top:2px;
	right:4px;
	z-index:3;
	color:#ce3333;
	padding:6px;
	font-size:18px;
	text-decoration:none;
	cursor:pointer;
}
.account-remove-course:hover,
.account-remove-course:focus,
.account-remove-course:active {color:#ce3333;outline:none;}
.account-course-none {padding:15px 5px 5px 5px;line-height:15px;color:#666;}
.account-course-adding {padding:10px 5px 0 5px;line-height:15px;color:#226b33;}
.account-course-error {padding:10px 5px 0 5px;line-height:15px;color:#ce3333;}

/************
 * Settings *
 ************/
.settings-cont {padding:0px;}
.settings-block {
	padding:39px 0 4px 0;
	background-color:#fcfcfc;
	border-bottom:1px solid #c3c3c3;
}
.settings-block.filter-opened {padding-top:79px;}
.settings-head {top:0px;left:0px;height:36px;z-index:5;}
.settings-head .filter-search-x,
.settings-head .filter-search-ico {right:12px;}
.settings-body {
	padding:0 7px;
	overflow-y:scroll;
	border-bottom:1px solid #f3f3f3;
}
.settings-item {
	padding:1px 35px 1px 72px;
	margin-top:2px;
	border:1px solid #94d0a1;
	background-color:#f1fff1;
	color:#226b33;
	font-size:16px;
	line-height:16px;
}
.settings-item.settings-item-new {
	border:1px solid #d09494;
	background-color:#fff1f1;
	color:#661d1d;
}
.settings-item .name-cont {padding:8px 0 7px 0;}
.settings-item.settings-item-new .code-text {color:#a17d1c;}
.settings-item .ctr-text {font-family:Arial;font-size:11px;font-weight:bold;color:#088f7f;}
.settings-item .name-text {cursor:pointer;}
.settings-item .code-text {color:#1c7aa1;font-size:12px;}
.settings-no-sort .settings-sort {display:none;}
.settings-no-sort .settings-item {padding-left:37px;}
.settings-has-edit .settings-item {padding-right:60px;}
.settings-sort {
	top:0px;
	left:0;
	width:33px;
	padding:3px 6px;
	color:#3f734b;
	border-right:1px solid #94d0a1;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	z-index:3;
}
.settings-sort:hover {color:#3f734b;}
.settings-ctr {
	top:0px;
	left:35px;
	padding-top:1px;
	width:33px;
	color:#277ec5;
	font-size:11px;
	font-weight:bold;
	z-index:3;
}
.settings-ctr.settings-ctr-red {font-size:10px;color:#c31e1e;}
.settings-no-sort .settings-ctr {left:0px;}
.settings-e {top:0px;right:32px;padding:4px;z-index:3;}
.settings-x {top:0px;right:4px;padding:4px;z-index:3;}
.settings-check {top:0px;right:32px;padding:4px;z-index:3;}
.settings-cancel {top:0px;right:4px;padding:4px;z-index:3;}
.settings-main {top:36px;left:0px;padding:0 109px 5px 10px;height:42px;}
.settings-main.settings-main-sch {padding-right:203px;}
.settings-main .add-val {margin-top:6px;background-color:#e0f5e0;color:#3c623e;}
.settings-main #add_sch_code {top:0px;right:107px;width:88px;}
.settings-main .add-save {top:6px;right:40px;width:60px;height:30px;font-size:15px;}
.settings-main .add-x {
	top:6px;
	right:4px;
	padding-top:6px;
	width:30px;
	height:30px;
	background-color:#9d2828;
	border-top:1px solid #b43636;
	border-bottom:1px solid #8f2020;
	color:#fff;
	font-size:16px;
}
.settings-main .add-x:hover {background-color:#ab3131;}
.settings-item .edit-cont {padding:1px 92px 1px 0;margin-left:-6px;height:32px;}
.settings-item .edit-val {font-size:16px;}
.settings-item .edit-sch-school {margin:0;}
.settings-item .edit-sch-code {top:0px;right:0px;margin-top:0px;width:89px;}
.settings-item-editing .name-cont {display:none;}
.settings-item-editing .edit-cont {display:block;}
.settings-item-editing .settings-e,
.settings-item-editing .settings-x {display:none;}
.settings-item-editing .settings-check,
.settings-item-editing .settings-cancel {display:block;}

/***************
 * The Content *
 **************/
.the-content {color:#203360;text-align:left;font-size:13px;line-height:1.4;}
.the-content p {padding:5px 25px 15px 25px;}
.the-content ol {margin:0;padding:5px 35px 15px 45px;}
.the-content ol li {padding-bottom:5px;}

/*********
 * Popup *
 *********/
#pop-bg {background:#333;z-index:150;top:0;left:0;display:none;}
#pop-x {
	top:5px;
	right:5px;
	padding:10px;
	width:36px;
	height:36px;
	color:#9c9c9c;
	font-family:Arial;
	font-weight:bold;
	font-size:28px;
	line-height:18px;
	z-index:160;
}
#pop-x:hover {color:#adadad;}
#pop-ajax {
	top:50%;
	left:50%;
	width:128px;
	height:15px;
	margin-left:-64px;
	margin-top:-10px;
	display:none;
	z-index:155;
}
#pop-box {
	top:50%;
	left:50%;
	width:450px;
	height:300px;
	margin-left:-225px;
	margin-top:-150px;
	z-index:155;
	background-color:#eee;
	display:none;
	line-height:0;
}
#pop-box.full_open {
	width:600px;
	height:400px;
	margin-left:-300px;
	margin-top:-200px;
}
#pop-head {
	padding-top:3px;
	height:48px;
	line-height:17px;
	background-color:#e3e3e3;
	border-bottom:1px solid #aaa;
}
#pop-body {padding:0px;line-height:15px;height:264px;}
#pop-box.full_open #pop-body {height:352px;}
.pop-tr {padding:5px 5px 4px 5px;}
.pop-td {padding:0px;}
.pop-td .input-div, .pop-td select, .pop-td input {margin-top:2px;}
.pop-head-top {color:#006fa2;font-size:16px;font-weight:bold;}
.pop-details {color:#17923a;font-size:13px;font-weight:bold;}
.pop-details-2 {color:#539322;font-size:13px;font-weight:bold;}
.pop-remarks {
	padding:15px 10px 15px 20px;
	height:352px;
	font-size:15px;
	line-height:21px;
	overflow-x:hidden;
	overflow-y:scroll;
}

/* Pop TITO */
#pop-box.tito-size {
	width:240px;
	height:180px;
	margin-left:-120px;
	margin-top:-90px;
}
#pop-box.tito-size.full_open {
	width:320px;
	height:240px;
	margin-left:-160px;
	margin-top:-100px;
}
#pop-box.tito-size #pop-body {padding-top:6px;height:130px;}
#pop-box.tito-size.full_open #pop-body {height:190px;}
#pop-box.tito-size .pop-head-top {font-size:14px;}
#pop-box.tito-size .pop-details {font-size:12px;}
#pop-box .tt_title {color:#114c7c;font-size:15px;padding-top:8px;}
#pop-box select.add-time,
#pop-box input[type="text"].add-time {margin-top:2px;width:55px;height:32px;font-size:15px;}
#pop-box .add-aa {width:48px;height:32px;font-size:15px;}
#pop-box #save-tito {top:auto;right:auto;left:50%;bottom:15px;margin-left:-55px;width:110px;}

#autocomplete-ajax {right:11px;top:11px;z-index:3;}
#dropdown-complete,
#dropdown-o-complete {text-align:left;z-index:3;display:none;}
#dropdown-complete-html {
	 min-height:30px;
	 padding:0 6px;
	 border:1px solid #ff9773;
	 background-color:#fff8f0;
	 max-height:220px;
	 overflow-y:auto;
	 overflow-x:hidden;
}
.staff-div {padding:7px;color:#444;font-size:15px;}
.staff-div:hover {color:#444;background-color:#ffd8b5;}
.staff-div-status {font-size:10px;color:#009b0c;font-weight:bold;}
.staff-div-teacher-status {font-size:11px;color:#4372d1;}
.staff-div-incharge {font-size:11px;color:#da4f4f;}

/**********
 * Ajaxes *
 **********/

/*********
 * Pages *
 *********/

/************
 * Reusable *
 ************/
.fw {width:100%;max-width:100%;}
.fh {height:100%;}
.mw {width:1440px;max-width:100%;}
.hw {width:50%;}
.w24 {width:24%;}
.w25 {width:25%;}
.w30 {width:30%;}
.w33 {width:33%;}
.w34 {width:34%;}
.w35 {width:35%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w55 {width:55%;}
.w60 {width:60%;}
.w65 {width:65%;}
.w66 {width:66%;}
.w67 {width:67%;}
.w70 {width:70%;}
.w75 {width:75%;}
.w76 {width:76%;}
.f13 {font-size:13px;}
.sh-icons {background-image:url(../images/sh-icons.png);background-repeat:no-repeat;}
.sh-ico-edit,
.sh-ico-delete,
.sh-ico-check,
.sh-ico-x,
.sh-ico-edit-w,
.sh-ico-delete-w,
.sh-ico-check-w,
.sh-ico-x-w {width:20px;height:20px;}
.sh-ico-edit {background-position:-96px -72px;}
.sh-ico-delete {background-position:-116px -72px;}
.sh-ico-check {background-position:-136px -72px;}
.sh-ico-x {background-position:-156px -72px;}
.sh-ico-edit-w {background-position:-96px -92px;}
.sh-ico-delete-w {background-position:-116px -92px;}
.sh-ico-check-w {background-position:-136px -92px;}
.sh-ico-x-w {background-position:-156px -92px;}
.au:hover {text-decoration:underline}
.fl {float:left;}
.fr {float:right;}
.tc {text-align:center;}
.tl {text-align:left;}
.tar {text-align:right;}
.taj {text-align:justify;}
.pr {position:relative;}
.pa {position:absolute;}
.pf {position:fixed;}
.dib {display:inline-block;}
.di {display:inline;}
.db {display:block;}
.dn {display:none;}
.oh {overflow:hidden;}
.oxh {overflow-x:hidden;}
.oxa {overflow-x:auto;}
.oyh {overflow-y:hidden;}
.oya {overflow-y:auto;}
.ma {margin:auto;}
.error-div {border:1px solid #e12c2c;}
.rad3 {-webkit-border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.rad5 {-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.rad10 {-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.round {-webkit-border-radius:50%;-khtml-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.rad5bot {-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.rad3,.rad5,.rad10,.round {-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.trans500 {
   -webkit-transition: 500ms linear 0s;  
   -moz-transition: 500ms linear 0s;  
   -o-transition: 500ms linear 0s;  
   transition: 500ms linear 0s;  
}
.trans150 {
   -webkit-transition: 150ms linear 0s;  
   -moz-transition: 150ms linear 0s;  
   -o-transition: 150ms linear 0s;  
   transition: 150ms linear 0s;  
}
.trans150, .trans500 {
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.sh-txt {
	-moz-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0px 2px 2px rgba(0, 0, 0, 0.5);
}
.sh-box {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}
.sh-box-thin {
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.sh-box-no-top {
	-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
}
.sh-bot {
	-webkit-box-shadow: 0 1px 1px -1px black;
	-moz-box-shadow: 0 1px 1px -1px black;
	box-shadow: 0 1px 1px -1px black;
}
.bb {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.va {
	top: 50%;
	-webkit-transform: -webkit-translateY(-50%);
	-moz-transform: -moz-translateY(-50%);
	-ms-transform: -ms-translateY(-50%);
	transform: translateY(-50%);
}
.valign {
	display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display:box;
	box-pack:center;
	box-align:center;
}
.sticky-on.sticky-x {position:fixed;top:50px;z-index:105;}
.fullheight-cont {min-height:200px;}
.left-body {padding:0 7px 0 0;}
.right-body {padding:0 0 0 7px;}
.read-full {margin-top:3px;}
.load_ajax {padding:25px 0;z-index:25;}
.cbubble-cont {line-height:0px;}
.cbubble {
	margin:2px 0 0 3px;
	padding:5px 8px 4px 8px;
	border:1px solid #94d0a1;
	border-top:1px solid #afe2ba;
	border-bottom:1px solid #81c490;
	background-color:#ecffec;
	color:#226b33;
	line-height:16px;
	cursor:pointer;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.04);
	box-shadow:0 1px 1px rgba(0,0,0,.04);
}
.tr-stat-1 .cbubble,
.tr-stat-4 .cbubble,
.tr-stat-5 .cbubble {
	border:1px solid #8caacb;
	border-top:1px solid #a6c1de;
	border-bottom:1px solid #7393b5;
	background-color:#e2f0ff;
	color:#1e3564;
}
.tr-stat-2 .cbubble {
	border:1px solid #d8a1a1;
	border-top:1px solid #e7b7b7;
	border-bottom:1px solid #cb8a8a;
	background-color:#ffe9e9;
	color:#952a2a;
}
.tr-stat-3 .cbubble {
	border:1px solid #d0ba94;
	border-top:1px solid #d6c4a4;
	border-bottom:1px solid #b59566;
	background-color:#fff5dd;
	color:#734615;
}
.lh11 {line-height:1.1;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:10px;}
.theBg {
	background-image: -moz-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: -ms-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: -webkit-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: -o-linear-gradient(top, #ecece2, #d2cfd0);
	background-image: linear-gradient(top, #ecece2, #d2cfd0);
	background-color: #d2cfd0;
}
.trans150 {
	-webkit-transition: 150ms linear 0s;  
	-moz-transition: 150ms linear 0s;  
	-o-transition: 150ms linear 0s;  
	transition: 150ms linear 0s;  
}
.trans300 {
	-webkit-transition: 300ms linear 0s;  
	-moz-transition: 300ms linear 0s;  
	-o-transition: 300ms linear 0s;  
	transition: 300ms linear 0s;  
}
.trans500 {
	-webkit-transition: 500ms linear 0s;  
	-moz-transition: 500ms linear 0s;  
	-o-transition: 500ms linear 0s;  
	transition: 500ms linear 0s;  
}
.ease100 {
	-webkit-transition: 100ms ease-in 0s;  
	-moz-transition: 100ms ease-in 0s;  
	-o-transition: 100ms ease-in 0s;  
	transition: 100ms ease-in 0s;  
}
.ease250 {
	-webkit-transition: 250ms ease-in 0s;  
	-moz-transition: 250ms ease-in 0s;  
	-o-transition: 250ms ease-in 0s;  
	transition: 250ms ease-in 0s;  
}
.ease500 {
	-webkit-transition: 500ms ease-in 0s;  
	-moz-transition: 500ms ease-in 0s;  
	-o-transition: 500ms ease-in 0s;  
	transition: 500ms ease-in 0s;
}
.ease750 {
	-webkit-transition: 750ms ease-in 0s;  
	-moz-transition: 750ms ease-in 0s;  
	-o-transition: 750ms ease-in 0s;  
	transition: 750ms ease-in 0s;  
}
.ease1000 {
	-webkit-transition: 1000ms ease-in 0s;  
	-moz-transition: 1000ms ease-in 0s;  
	-o-transition: 1000ms ease-in 0s;  
	transition: 1000ms ease-in 0s;  
}
.trans500, .ease100, .ease250, .ease500, .ease1000 {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.rotate {
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
}
.flip-90 {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.flip-x {
	-webkit-transform:rotateX(180deg);
	-moz-transform:rotateX(180deg); 
	-o-transform:rotateX(180deg);
}
.flip-y {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg); 
	-o-transform:rotateY(180deg);
}

.red-link {color:#bb3636;}
.red-link:hover {color:#d14343;}
.white-link {color:#eee;}
.white-link:hover {color:#cdcdcd;}
.black-link {color:#555;}
.black-link:hover {color:#777;}
.orange-link {color:#f24800;}
.orange-link:hover {color:#ff7438;}

.no-permission {color:#800;padding:50px 0 60px 0;}
.add-link b {padding:0 1px;margin-top:-1px;font-size:21px;}
.add-link span {padding-right:5px;}
.desc {display:block;width:100%;padding:5px 0 2px 0;}
.idesc {display:block;width:100%;padding-top:5px;font-weight:bold;font-size:14px;}
.idesc i {color:#888;font-size:11px;}
.itextbox-error {border-color:#e47878;}
.itextbox-valid {border-color:#5cb467;}
.irequired {color:#f30000;}
.padding-box, .padding-box-small {
	padding:65px 35px 85px 35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.padding-box-small {padding:15px 35px 25px 35px;}
.search-text {font-weight:bold;color:#d36500;}
.small-text {font-size:9px;line-height:0.9}
.long-sentences {font-family:Arial;font-size:13px;text-align:left;}
.gray-small {color:#666;font-size:11px;font-style:normal;}
.gray-text {color:#777;font-weight:normal;}
.grayer-text {color:#aaa;font-weight:normal;}
.gray-blue-text {color:#8a9fd6;font-weight:normal;}
.blue-text {color:#153aa2;}
.blue-2-text {color:#1263a8;}
.red-text {color:#b10047;}
.green-text {color:#007b35;}
.orange-text {color:#ae701f;}
.red-box {background-color:#b62f24;color:#fff;font-size:13px;}
.red-box:hover {background-color:#c43a2f;color:#eee;}
.red-box-border {border-top:1px solid #880a00;}
.red-box-border:hover {border-top:1px solid #a51d12;}
.light-blue-box {background-color:#455fa8;color:#fff;font-size:12px;}
.light-blue-box:hover {background-color:#5e78c3;color:#eee;}
.blue-box {background-color:#244ea1;color:#fff;font-size:13px;}
.blue-box:hover {background-color:#3869cc;color:#eee;}
.blue-box-border {border-top:1px solid #002369;}
.blue-box-border:hover {border-top:1px solid #244ea1;}
.green-box {background-color:#4c8e19;color:#fff;font-size:13px;}
.green-box:hover {background-color:#64a631;color:#eee;}
.green-box-border {border-top:1px solid #2e6006;}
.green-box-border:hover {border-top:1px solid #3b770d;}
.orange-box, .orange-box:hover {background-color:#dd4808;cursor:default;color:#fff;}
.orange-box-border, .orange-box-border:hover {border-top:1px solid #a83300;}
.error-box {color:#bd4732;padding:5px 8px 6px 8px;}
.success-box {color:#10911a;padding:5px 8px 6px 8px;}
.error-box, .success-box {display:none;margin-top:2px;font-weight:bold;}
.ierror {display:none;padding:1px 0 7px 1px;width:100%;color:#d33838;}
.ajax-loader {display:none;}
.opc-80 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.fading {
	-webkit-animation: fading 3s linear infinite;
    -moz-animation: fading 3s linear infinite;
    animation: fading 3s linear infinite;
}

@-moz-keyframes blink {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-webkit-keyframes blink {
	from {
		opacity: 1.0;
	}
	to {
		opacity: 0;
	}
  }
  @keyframes blink {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-moz-keyframes fading {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@-webkit-keyframes fading {
    0%{
		opacity:1.0;
    }
    25%{
		opacity:0.8;
    }
    50%{
		opacity:0.0;
    }
    75%{
		opacity:0.8;
    }
    100%{
		opacity:1.0;
    }
}

.for-web {display:inline-block;}
.for-ipad-web {display:inline-block;}
.for-ipad {display:none;}
.for-mobile {display:none;}
.for-small-mobile {display:none;}

/*************
 * Media CSS *
 *************/
@media only screen and (min-width : 100px) and (max-width : 1150px)
{
	body .dailydata-cont #cal-mm-2,
	body .dailydata-cont #cal-mm-4, 
	body .dailydata-cont #cal-mm-6,
	body .dailydata-cont #cal-mm-8,
	body .dailydata-cont #cal-mm-10,
	body .dailydata-cont #cal-mm-12 {width:50%;padding:7px 0 0 7px;}
	body .dailydata-cont #cal-mm-1,
	body .dailydata-cont #cal-mm-3, 
	body .dailydata-cont #cal-mm-5,
	body .dailydata-cont #cal-mm-7,
	body .dailydata-cont #cal-mm-9,
	body .dailydata-cont #cal-mm-11 {width:50%;padding:7px 7px 0 0;}
}

@media only screen and (min-width : 100px) and (max-width : 1080px)
{
	body .cal-cont .cal-mm:nth-child(odd),
	body .cal-cont .cal-mm:nth-child(even) {padding:7px 0 0 0;float:none;width:100%;}
}

@media only screen and (min-width : 100px) and (max-width : 900px)
{
	body .for-web {display:none;}
	body .for-ipad {display:block;}

	body.side-toggled #menu {left:0px;}
	body.side-toggled #content {padding-left:10px;margin-left:210px;}

	body #menu {left:-210px;}
	body #content {width:100%;}
	body .filter-box.rad3,
	body .sticky-x.rad3 {
		-webkit-border-radius:0px;
		-khtml-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
	}
	body .base-cont.base-cont-pad {padding:0;}
}

@media only screen and (min-width : 100px) and (max-width: 782px)
{
	body .for-ipad-web {display:none;}
	body .for-mobile {display:block;}
	body .account-item input, 
	body .account-item select {padding:7px 10px;font-size:16px;height:36px;}
	body .account-item .input-div {padding:8px 10px;font-size:16px;height:36px;}

	body.side-toggled .dash-head,
	body.side-toggled .filter-box,
	body.side-toggled .footer-menu {left:210px;}

	body .dash-head {position:fixed;top:50px;left:0px;height:40px;z-index:11;}
	body .dashboard-cont {padding-right:0px;}
	body .dash-body {padding-right:0px;}
	body .side-dash {display:none;width:100%;position:relative;}
	
	body #content {padding-top:40px;}
	body .filter-box,
	body .filter-title,
	body .filter-box .filter-box-bg {height:40px;}
	body .filter-box {position:fixed;top:50px;left:0px;z-index:11;}
	body .add-save {top:4px;right:6px;height:31px;font-size:15px;line-height:17px;}
	body #add_submit_loader {font-size:15px;line-height:19px;}

	body .tbl.tbl-m-top {margin-top:6px;}
	body .tbl .tbl-title {font-size:11px;line-height:11px;}
	body .tbl .tbl-title i {font-style:normal;font-size:9px;line-height:9px;}
	body .tbl-title-cont-mobile {padding-top:9px;}

	body .thead,
	body .thead-bg {height:42px;}
	body #my-sess-tbl .thead .td {font-size:13px;line-height:14px;}
	body #my-sess-tbl .td-1 {width:22%;}
	body #my-sess-tbl .td-2 {width:32%;}
	body #my-sess-tbl .td-3 {display:none;}
	body #my-sess-tbl .td-4 {width:23%;}
	body #my-sess-tbl .td-5 {display:none;}
	body #my-sess-tbl .td-6 {width:23%;}
	body #my-sess-tbl .td-7 {display:none;}

	body #my-sess-tbl .tr .td.td-2,
	body #my-sess-tbl .tr .td.td-4,
	body #my-sess-tbl .tr .td.td-6 {padding-top:0px;}

	body #report-tbl.student-tbl .tr,
	body #report-tbl.student-tbl .thead-bg {padding-left:30px;}
	body #report-tbl.student-tbl .td-0 {width:30px;}
	body #report-tbl.student-tbl .td-1 {width:19%;}
	body #report-tbl.student-tbl .td-2 {display:none;}
	body #report-tbl.student-tbl .td-3 {width:29%;}
	body #report-tbl.student-tbl .td-4 {display:none;}
	body #report-tbl.student-tbl .td-5 {display:none;}
	body #report-tbl.student-tbl .td-6 {display:none;}
	body #report-tbl.student-tbl .td-7 {width:26%;}
	body #report-tbl.student-tbl .td-8 {width:26%;}

	body .footer-menu {
		padding:0 5px;
		left:0px;
		bottom:0px;
		height:50px;
		background-color:#305134;
		z-index:150;
	}
	body .footer-menu a .sh-icons {
		top:2px;
		left:50%;
		margin-left:-16px;
		width:32px;
		height:32px;
	}
	body .footer-menu a {padding-top:29px;color:#fff;font-weight:bold;}
	body .footer-menu a.selected_foot {background-color:#388727;}
	body .footer-menu a .menu-sessions {background-position:-64px 0;}
	body .footer-menu a .menu-bookings {background-position:-64px -288px;}
	body .footer-menu a .menu-reports {background-position:-64px -160px;}
	body .footer-menu a .menu-profile {background-position:-64px -192px;}
}

@media only screen and (min-width : 100px) and (max-width: 720px)
{
	body .account-bubble {padding:12px 12px 14px 12px;}
	body .account-item {padding:15px 0 6px 0;}
	body .account-box {float:none;width:100%;padding:0px;}

	body .dailydata-cont #cal-mm-1,
	body .dailydata-cont #cal-mm-2,
	body .dailydata-cont #cal-mm-3, 
	body .dailydata-cont #cal-mm-4, 
	body .dailydata-cont #cal-mm-5,
	body .dailydata-cont #cal-mm-6,
	body .dailydata-cont #cal-mm-7,
	body .dailydata-cont #cal-mm-8,
	body .dailydata-cont #cal-mm-9,
	body .dailydata-cont #cal-mm-10,
	body .dailydata-cont #cal-mm-11,
	body .dailydata-cont #cal-mm-12 {width:100%;float:none;padding:7px 0 0 0;}

	body .account-ribbon {padding-right:8px;height:32px;font-size:17px;}
	body .triangle-right {
		border-top:16px solid transparent;
		border-bottom:16px solid transparent;
		border-right:16px solid #f6f6f6;
	}
}

@media only screen and (min-width : 100px) and (max-width: 630px)
{
	body .for-small-mobile {display:block;}

	body #pop-box {
		top:6%;
		left:6%;
		width:88%;
		height:88%;
		margin-top:0px;
		margin-left:0px;
	}
	body #pop-box.full_open {
		top:4%;
		left:4%;
		width:92%;
		height:92%;
		margin-top:0px;
		margin-left:0px;
	}

	body #my-sess-tbl .td-1 {width:38%;}
	body #my-sess-tbl .td-2 {display:none;}
	body #my-sess-tbl .td-3 {display:none;}
	body #my-sess-tbl .td-4 {width:31%;}
	body #my-sess-tbl .td-5 {display:none;}
	body #my-sess-tbl .td-6 {width:31%;}
	body #my-sess-tbl .td-7 {display:none;}

	body #my-sess-tbl .tr .td.td-1 {padding-top:0px;}

	body #report-tbl.student-tbl .tr .td.td-1 {padding-top:0px;}
	body #report-tbl.student-tbl .td-0 {width:30px;}
	body #report-tbl.student-tbl .td-1 {width:34%;}
	body #report-tbl.student-tbl .td-2 {display:none;}
	body #report-tbl.student-tbl .td-3 {display:none;}
	body #report-tbl.student-tbl .td-4 {display:none;}
	body #report-tbl.student-tbl .td-5 {display:none;}
	body #report-tbl.student-tbl .td-6 {display:none;}
	body #report-tbl.student-tbl .td-7 {width:32%;}
	body #report-tbl.student-tbl .td-8 {width:34%;}
}