/*For showing text on old input select fields*/
.InputField.Select select, .InputField select {
	opacity: 1;
	height: 25px;
}

.blue-color {
    color: #026AA9 !important;
}

.orange-color {
    color: #FFBF00 !important;
}

.dark-green-color {
    color: #227722 !important;
}

a.blue-color:hover{
	color: #C82128 !important;
}

.red-color {
    color: #C82128 !important;
}

.white {
	color: #fff !important;
}

.positive{
    color: #3C763D !important;
}

.negative{
    color: #C82128 !important;
}
.RedColor {
    color: #FF0000 !important;
}

.custom-right-margin {
    margin-right: 15px !important;
}

.loader {
    height: 24px;
    width: 24px;
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/LoadCoverBlue.gif?elb=yes) top left no-repeat;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.loader.absolute-pos{
	left: 0;
    position: absolute;
    top: 0;
}

.loader.smallbottom{
    margin-top: 3px;
    margin-bottom: 0px;
}

.ffGroupLoader, .ffGroupEditLoader{
    width: 24px;
    margin: 0 auto;
}

.ffGroupLoadingIcon{
    display: block;
    position: absolute;
    margin: 0 auto;
}

.loader.bigtop{
    margin-top: 25px;
    margin-bottom: 0px;
}

.vsware-logo {
	display: block;
    position: absolute;
    top: 10px;
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/logo.png?elb=yes) top left no-repeat;
    width: 71px;
    height: 85px;
    /*z-index: 2000;*/
    z-index: 10;
}

.vsware-logo-uk {
	display: block;
    position: absolute;
    top: 10px;
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/logo-uk.png?elb=yes) top left no-repeat;
    width: 70px;
    height: 56px;
    /*z-index: 2000;*/
    z-index: 10;
}

.visma-logo {
	display: block;
    position: absolute;
    top: 10px;
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/visma-logo.png?elb=yes) top left no-repeat;
    width: 271px;
    height: 85px;
    /*z-index: 2000;*/
    z-index: 10;
}

.vsware-logo-small{
	float: left;
	display: none;
	/*background: url("../resources/images-new/VsWare-logo-small.png") top left no-repeat;
	height: 38px;
	width: 86px;*/
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/logo.png?elb=yes) top left no-repeat;
    width: 70px;
    height: 56px;
    margin-left: -7px;
    /*margin-top: -9px;*/
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);

    position: absolute;
    top: 0;

}

.vsware-logo-as {
    position: absolute;
    left: 23px;
    bottom: -100px;
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/logo.png?elb=yes) top left no-repeat;
    width: 71px;
    height: 85px;
}

.error {
	text-align: center;
	background: #f4cacf;
	color: #bd0016;
}

.success {
	text-align: center;
	background: #F4F8FA;
	color: #026AA9;
}

/*Login page*/

label.error {
	background: none repeat scroll 0 0 #f4cacf;
    border: 1px solid #f4cacf;
    /*border-radius: 4px;*/
    color: #bd0016;
    margin-top: 5px;
    padding: 4px;
    text-align: center;
    width: 100%;
}

.btn.btn-search {
    background-color: #FFFFFF;
    border-bottom-left-radius: 0;
    border-color: #CCCCCC;
    border-top-left-radius: 0;
    height: 36px;
    margin-bottom: 1px;
    padding-top: 7px;
    /*width: 85px;*/
    width: 40px;
    border-left: none !important;
    margin-top: 0 !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    /*padding-top: 7px !important;*/
    padding-top: 10px;
    color: #026aa9 !important;
}

.btn.btn-search:hover {
	color: #fff !important;
}

.btn.btn-search span{
    width: 18px;
    height: 18px;
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/button-search2.png?elb=yes) top left no-repeat;
    float: left;
}

#AddSiblingForm .btn.btn-search {
	border-left: 1px solid #ccc;
}

#AddSiblingForm .btn.btn-search span {
	display: inline-block;
    float: none;
}

#ASSearchField {
	background-color: #F9F9F9;
}

.btn.btn-search span:hover{
    background-position: bottom left;
}
.info-title {
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 5px;
}

.image-user-container {
    background-color: #fff;
    margin-right: 5px !important;
    margin-bottom: 15px;
}

.padding-custom {
    padding: 15px 20px !important;
}

.user-image {
    height: auto;
   /* min-height: 150px;
    max-height: 150px;*/
    width: 100%;
}

.user-image > img {
    margin: 0 auto;
    min-height: 150px;
    /*max-height: 150px;*/
    /*width: 100%;*/
    max-width: 100%;
}

.Personal {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-personal.png?elb=yes) top left no-repeat;
}

.Address, .FacultyAddress, .SettingsRooms {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-household.png?elb=yes) top left no-repeat;
}

.Behaviour {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-behaviour.png?elb=yes) top left no-repeat;
}

.Notes {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-notes.png?elb=yes) top left no-repeat;
}

.Exclusion {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-exclusion.png?elb=yes) top left no-repeat;
}

.SEN {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-sen.png?elb=yes) top left no-repeat;
}

.Medical {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-medical.png?elb=yes) top left no-repeat;
}

.Assessment, .Report {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-assessment.png?elb=yes) top left no-repeat;
}

.Attendance {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-attendance.png?elb=yes) top left no-repeat;
}

.Docs, .AutoDocs {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-docs.png?elb=yes) top left no-repeat;
}

.Account {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-personal.png?elb=yes) top left no-repeat;
}

.TermReport {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-assessment.png?elb=yes) top left no-repeat;
}

.Classes {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-classess.png?elb=yes) top left no-repeat;
}

.Timetable, .AcademicCalendar {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-timetable.png?elb=yes) top left no-repeat;
}

.Timetable, .AcademicCalendar {
     background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-timetable.png?elb=yes) top left no-repeat;
}

.LearnerFee{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-personal.png?elb=yes) top left no-repeat;
}

.FeeEuro{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-euro.png?elb=yes) top left no-repeat;
}
.FeePound {
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-pound.png?elb=yes) top left no-repeat;
}



/*Settings icons*/

.School{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-school.png?elb=yes) top left no-repeat;
}

.Timings{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-time.png?elb=yes) top left no-repeat;
}

.AutoDocVars{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-var.png?elb=yes) top left no-repeat;
}

.CustomSubjects{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-note.png?elb=yes) top left no-repeat;
}

.custom-right {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 6px;
}

.custom-right.top-calendar{
    float: right;
    color: #fff;
    /*background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-calendar.png?elb=yes) top left no-repeat;
    padding-left: 30px;*/
}

.custom-right.top-user{
    float: right;
    color: #fff;
    /*background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-user.png?elb=yes) top left no-repeat;
    padding-left: 30px;*/
}

.custom-right.top-signout{
    float: right;
    min-width: 21px;
    width: auto;
    height:21px;
    color: #fff;
    /*background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/icon-logout.png?elb=yes) top left no-repeat;
    padding-left: 30px;*/
}

.top-icon-container{
	float:left;
	width: 21px;
	height: 21px;
	padding-top: 2px;
	background:#fff;
	color:#026aa9;
	border: 1px solid #fff;
	border-radius: 4px;
	margin-right: 9px;
	text-align: center;
}

.top-icon-container i.fa{
	font-size: 15px;
}

.custom-right.advanced-search{
    float: right;
    min-width: 21px;
    width: auto;
    height:21px;
    color: #fff;
    padding-left: 30px;
    margin-right: 10px;
}

.custom-right.top-signout span {
    width: 57px;
}

.custom-right.top-user:hover, .custom-right.top-signout:hover, .custom-right.top-calendar:hover, .custom-right.advanced-search:hover {
    text-decoration: none;
    cursor: pointer;
    color: #C5E6FB;
}

.custom-checkbox {
    background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/custom-checkbox.png?elb=yes) top left no-repeat;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.custom-checkbox.selected {
    background-position: bottom left;
}

.custom-checkbox:hover {
    background-position: bottom left;
}

.line-select {
    height: 34px;
    border-left: 1px solid #CCCCCC;
    width: 1px;
    position: absolute;
    right: 37px;
    top: 0;
    z-index: 4;
}

.add-icon {
    float: right;
    font-size: 22px;
    top: 0px;
    left: 0px;
    width:20px;
    height:0px;
}


.contacts-icon {
     position: absolute;
     top: 9px;
     left: 10px;
     width:30px;
     height:30px;
 }

.attendance-icon {
    position: absolute;
    top: 9px;
    left: 10px;
    width:30px;
    height:30px;
}


.bs-callout {
    border-left: 3px solid #EEEEEE;
    margin: 20px 0;
    padding: 10px 20px;
}

.bs-callout-big-border {
    border-left: 20px solid #EEEEEE;
    margin: 20px 0;
    padding: 10px 20px;
}

.bs-callout-info {
    /*background-color: #C5E6FB;*/
    background-color: #F4F8FA;
    border-color: #026AA9;
    color: #026AA9;
}

.bs-callout-danger {
    background-color: #FDF7F7;
    border-color: #D9534F;
    color: #D9534F;
}

.bs-callout-warning {
    background-color: #FCF8F2;
    border-color: #F0AD4E;
    color: #F0AD4E;
}

.bs-callout-success {
    background-color: #DFF0D8;
    border-color: #1A9018;
    color: #1A9018;
}

.behaviour-total-points {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    height: 180px;
    padding: 25px;
    width: 270px;
}

.points-total {
    font-weight: bold;
    font-size: 45px;
    text-align: center;
}

.text-total {
	font-size: 20px;
}

/*Timetable*/
.table-timetable > li {
    height: 118px;
}

.table-timetable > li:first-of-type {
    height: 50px;
}

#ttdow1, #ttdow2, #ttdow3, #ttdow4, #ttdow5, #ttdow6 {
    position: relative;
    padding-left: 0px;
}

.timetable-class-box {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 5px;
    opacity: 0.7;
    text-align: center;
    line-height: 13px;
    font-size: 13px;
    font-weight: bold;
    padding-top: 2px;
    /*margin: 3px;*/
    /*height: 76px;*/
    height: 0;
    width: 91%;
    left: 3px;
    overflow: hidden;
    cursor: pointer;
}

.timetable-duplicate-time-container {
    position: absolute;
    height: 100%;
    width: 100%;
}

.timetable-class-box > a {
	color: #000000;
}

.timetable-current-time {
    background: #C82128;
    height: 1px;
    left: 0;
    position: absolute;
    top: -500px;
    width: 100%;
    z-index: 6;
}

#ttdow5 > ul > li {
    background-color: #F5F5F5;
}

.form-group.margin-right-five.relative label.error{
    display: block;
	position: absolute;
	top: 0;
	right: 20px;
	min-width: 140px;
	height: 25px;
	padding: 0 5px 0 5px;
	line-height: 25px;
	text-align: center;
	background: #f4cacf;
	color: #bd0016;
	-moz-border-radius: 5px;
	border-radius: 5px;
    font-weight: normal;
}

.form-group.relative label.error{
    display: block;
	position: absolute;
	top: 0;
	right: 20px;
	min-width: 140px;
	height: 25px;
	padding: 0 5px 0 5px;
	line-height: 25px;
	text-align: center;
	background: #f4cacf;
	color: #bd0016;
	-moz-border-radius: 5px;
	border-radius: 5px;
    font-weight: normal;
}

label.DialogSavingError {
	float: left;
	clear: left;
	width: 100%;
	height: 25px;
	line-height: 25px;
	color: #bd0016;
	-moz-border-radius: 5px;
	border-radius: 5px;
    margin-top: 20px;
	text-align: center;
	background: #f4cacf;
}

label.DialogSavingError {
    float: left;
    clear: left;
    width: 100%;
    height: 50px;
    line-height: 25px;
    color: #bd0016;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 20px;
    text-align: center;
    background: #f4cacf;
}

span.ColorWeekend {
    background: none repeat scroll 0 0 #89DB87;
    display: block;
    float: right;
    height: 18px;
    margin-top: 2px;
    width: 18px;
}

span.ColorWeekend.CustomSubjects{
	float: left;
    width: 3em;
    margin-top: 6px;
    border: solid 0.5px;
}

.handsontable {
 	margin-top: 40px !important;

 }

 #ClassPowerEditList .handsontable {
	height: 600px;
	overflow: scroll;
 }

  .autocompleteEditor .wtHolder{
     margin-top: -45px !important;

 }

.autocompleteEditor .wtHolder td{
  background: #DEF6FF !important;
  height: 20px;
  line-height: 20px;
  border-bottom: solid 1px #fff !important;

}

.autocompleteEditor .wtHolder .current td{
  background: #DEF6FF !important;

}


.LabelTemplateContainer {
	background: #fff;
    float: left;
    height: auto;
    margin: 0;
    width: 674px;
    border: 1px solid #000;
}

/*#reportingParameters {
	max-width : 800px;
	width : 95%;
}*/


.replacementTextForPDF {
	display:none;
}

#reportPlaceholder .report_style_greed{
	margin : 20px 0 20px 0;
}

#reportPlaceholder .report_style_greed_small{
	margin : 2px 0 22px 0;
}

#reportPlaceholder .report_style_paragraph {
	padding : 10px 0px 0px 0px;
}

#reportPlaceholder .report_style_paragraph_small {
	padding : 0x 0px 0px 0px;
	font-size: 11px;
}

#reportPlaceholder .report_style_heading{
	font-size : 17px;
	padding : 25px 0mm 5px 0mm;
	font-weight : bold;
}

#reportPlaceholder .schooldetails {
	float: right;
}

#reportPlaceholder .schooladdress {
	text-align: center;
	font-size: 12px;
    width: 100%;
}

#reportPlaceholder  .report_style_panel .xreport_style_heading{
	font-size : 14px;
	padding : 0px;
	font-weight : bold;
}



#reportPlaceholder .report_style_panel{
	padding : 10px
}


#reportPlaceholder .report_style_title {
	font-size : 17px;
	/*padding : 0px 0px 10px 0px;*/
	font-weight : bold;
	border-left: 20px solid #026AA9;
	background-color: #F4F8FA;
	color: #026AA9;
	margin: 20px 0;
	padding: 10px;
}

.report_style_title {
	font-size : 17px;
	/*padding : 0px 0px 10px 0px;*/
	font-weight : bold;
	border-left: 20px solid #026AA9;
	background-color: #F4F8FA;
	color: #026AA9;
	margin: 20px 0;
	padding: 10px;
}

.report_style_title.pageSubTitleSmaller {
    width:80%;
    float:left;
    font-size:15px;
    padding:7px 10px;
}

#reportPlaceholder .report_style_footer{
	/*padding-top : 20px;*/
	background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 20px;
    padding: 10px;
}

#reportPlaceholder span.reportModel{
	color: #026AA9;
}

#reportPlaceholder {
	/*margin : 30px;
	width : 90%;
	max-width: 800px;*/
	width: 100%;
	margin: 30px 0;
}

#reportPlaceholder td{
	padding : 8px 10px 8px 8px;
	color : #333;
	border-top : 1px solid #ddd;
	position:relative;
}

#printable.printingData #reportPlaceholder td{
    padding:8px 0px;
}

#reportPlaceholder .TABLE_WHITE td {
    background-color : #fff !important;
}

#reportPlaceholder .TABLE_NO_HEADER .trhead td {
    display:none;
}

#reportPlaceholder .TABLE_MEDIUM td {
     padding : 4px 4px 4px 4px;
     font-size: 13px;
}

#reportPlaceholder .TABLE_SMALL td {
     padding : 1px 1px 1px 1px;
     font-size: 12px;
}

#reportPlaceholder .TEXT_BOLD  {
  font-weight: 900;
}

#reportPlaceholder .TABLE_CELL_PADDING_RIGHT  td {
    padding-right : 2%;
}

#reportPlaceholder .TABLE_BORDERED_ALL_SIDES  td {
    border : 1px solid #ddd;
}

#reportPlaceholder .TABLE_NO_BORDER  td {
    border :0px;
}

#reportPlaceholder .TABLE_NO_BORDER  table {
    border :0px;
}

#reportPlaceholder .TABLE_NO_INTERNAL_BORDER  td {
    border :0px;
}

#reportPlaceholder .size3 td {
    padding : 4px 5px 4px 4px;
 	background-color : #fff !important;
 	border-top : 0px;
}

#reportPlaceholder .size4 td {
   padding : 1px 1px 1px 1px;
  	background-color : #fff !important;
  	font-size : 10px;
  	border-top : 0px;
}

#reportPlaceholder tr.trhead td{
	font-weight: bold;
	background-color: #DEF6FF !important;
	padding-bottom:30px;
}

#reportPlaceholder table{
	border : 1px solid silver;
}

#reportPlaceholder tr:nth-child(odd) td{
	background-color : #F9F9F9;
}
#reportPlaceholder tr:nth-child(even) td{
	background-color : white;
}

.errorParamLabel {
	color: red;
}

.main-error-div{
	float: right;
	width: 150px;
	height: 25px;
	margin-top: 23.5px;
	margin-right: 20px;
	padding: 0 5px 0 5px;
	line-height: 25px;
	text-align: center;
	background: #f4cacf;
	color: #bd0016;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
}

/*Alerts text editor*/
.jqte {
	margin-left: 37px !important;
	margin-right: 20px !important;
	display: block;
	width: 90%;
	float: left;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label {
	height: 24px;
}

/*Notifications ScheduledSent list*/
.Scheduled:hover {
	cursor: pointer;
}

.ClassGroupPersonalIcon, .ClassGroupAssessmentIcon, .ClassGroupBehaviourIcon, .ClassGroupHouseholdIcon{
	float: none;
	margin-left: 20px;
	margin-right: 20px;
}

.personalList > tr > td > span,
.personalList > tr > td > a
{
    display: inline-block;
    margin-right: auto;
    cursor: pointer;
}
.ClassGroupSMSIcon{
	float: none;
	margin-left: 6px;
}

/*Calendar page*/
.dhx_cal_data > .dhx_cal_event.dhx_cal_select_menu:before {
    -moz-box-sizing: inherit;
}
.dhx_cal_data > .dhx_cal_event.dhx_cal_select_menu:after {
    -moz-box-sizing: inherit;
}


/*jeditable*/

.pe_edit, .pe_edit_course, .pe_edit_year, .pe_edit_teacher, .pe_edit_yearhead, .pe_edit_level, .pe_edit_subjects, .pe_edit_delivery, .pe_edit_yn, .pe_edit_yn{
	/*cursor: pointer;*/
	cursor: text;
}

.tablesorter .form-control.edit-field{
	opacity: 1 !important;
	text-indent: inherit;
}

table.tablesorter div.edit-holder{
	left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}

table.tablesorter div.edit-holder input,
table.tablesorter div.edit-holder select{
	background-color: #fff;
	background:#fff;
    border: 2px solid #5292f7;
    border-radius: 0;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    color: #000;
    display: inline-block;
    font-size: inherit;
    line-height: 1.3em;
    margin: 0;
    outline-width: 0;
    padding: 1px 4px 0 2px !important;
    font-weight: normal;
    vertical-align: top;
    position:relative;
    z-index: 101;
}

table.tablesorter div.edit-holder select{
	opacity: 1 !important;
	text-indent: inherit;
}

table.tablesorter div.edit-holder option{
	background: none repeat scroll 0 0 #def6ff !important;
    border-bottom: 1px solid #fff !important;
    height: 20px;
    line-height: 20px;
    padding: 1px 4px;
    font-weight: normal;
}

table.tablesorter div.edit-holder option[selected="selected"]{
	font-weight: bold;
}

.table.tablesorter > tbody > tr > td:hover {
	/*background: #DEF6FF;*/
	background: initial;
}

table.tablesorter thead tr th{
	height: 36px;
    line-height: 36px;
    padding: 0;
	text-align: center;
	white-space: nowrap;
	outline-width: 0;
	vertical-align: top;
}

table.tablesorter tbody tr td{
	height: 28px;
    line-height: 28px;
    padding: 1px 4px;
    vertical-align: top;
    white-space: pre-line;
    outline-width: 0;
    position:relative;
    cursor: text;
}

table.tablesorter form#jeditform{
	left: 0;
    position: absolute;
    top: 0;
    z-index: 100;
}

table.tablesorter form#jeditform input,
table.tablesorter form#jeditform select{
	background-color: #fff;
    border: 2px solid #5292f7;
    border-radius: 0;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
    color: #000;
    display: inline-block;
    font-size: inherit;
    line-height: 1.3em;
    margin: 0;
    outline-width: 0;
    padding: 1px 4px 0 2px !important;
    font-weight: normal;
    vertical-align: top;
}

table.tablesorter form#jeditform option{
	background: none repeat scroll 0 0 #def6ff !important;
    border-bottom: 1px solid #fff !important;
    height: 20px;
    line-height: 20px;
    padding: 1px 4px;
    font-weight: normal;
}

table.tablesorter form#jeditform option[selected="selected"]{
	font-weight: bold;
}

/*handsontable*/
.handsontable th, .handsontable td{
	height: 28px;
    line-height: 28px;
    padding: 1px 4px;
}

.ExcelHeaderBlue{
	line-height: 36px !important;
}


/* New Datepicker styling */
.ui-datepicker.ui-widget-content {
	background-image: none;
	border: none;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	color: #333;
}

.ui-datepicker-calendar .ui-state-default {
	background-image: none;
	background-color: #fff;
	border: none;
}

.ui-datepicker-calendar .ui-state-default.ui-state-hover {
	color: #333;
	background-color: #eee;
}

.ui-datepicker-calendar .ui-state-default.ui-state-active {
	color: #fff;
	background-color: #026AA9;
}

.ui-datepicker td {
	border-radius: 4px;
}
.ui-datepicker td a {
	border-radius: 4px;
}

.ui-datepicker th {
	background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
	background-color: #fff;
	border: none;
}

.ui-datepicker select.ui-datepicker-month {
	width: 47% !important;
	margin-right: 4%;
	border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
}
.ui-datepicker select.ui-datepicker-year {
	width: 47% !important;
	border: 1px solid #CCCCCC;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
	color: #333333;
}

/* New ui-multiselect-menu styling */
.ui-multiselect {
	width: 242px !important;
	color: #026AA9;
    font-size: 14px;
	font-weight: bold;
    padding: 7px 0 2px 15px;
}

.ui-multiselect-menu {
	background: #fff;
	background-image: none;
	border: none;
	box-shadow: 0 0 8px rgba(0, 0, 0, .2);
	color: #333;
	width: 229px !important;
	margin-top: 5px;
}

.ui-multiselect-menu > .ui-widget-header {
	background-image: none;
	background: none;
	font-size: 14px;
    padding: 9px 5px 9px 0;
}

.ui-multiselect-menu > .ui-multiselect-header > .ui-helper-reset > .ui-multiselect-close {
	/*margin-top: -21px;*/
}

.ui-multiselect-menu > .ui-multiselect-checkboxes input[type="checkbox"]
{
  -webkit-appearance:checkbox;
}

.ui-multiselect-menu > .ui-multiselect-checkboxes li {
	background: #fff;
	padding: 5px 5px 0;
}

.ui-multiselect-menu > .ui-multiselect-checkboxes li > label {
	padding: 4px;
}

.ui-multiselect-menu > .ui-multiselect-checkboxes li > label > input [type="checkbox"]  {
	margin: 0;
}

.ui-multiselect-menu > .ui-multiselect-checkboxes li > label > span {
	margin-left: 4px;
}

.ui-multiselect-menu > .ui-multiselect-checkboxes > li > .ui-state-hover {
	background: none;
	color: #333;
	background-color: #eee;
	border: none;
}




/*SpellCheck Exam*/
.SpellCheckTG{
	float: right;
	margin-left: 0;
}

/* MarkTGAttendance table*/

.ButtonCustom {
	width: 200px;
	height: 40px;
    line-height: 40px;
	padding-left: 5px;
}

.ButtonCustom.ButtonCustomSmall {
	width: 60px;
	height: 40px;
	margin: 0 auto;
    line-height: 40px;
    padding-right: 20px;
	text-align: center;
	box-shadow: none;
	float: right;
}

.ButtonCustom.ButtonCustomSmall.Green {
    background: url(../Images/TickIconNew.png);
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center;
}

.ButtonCustom.ButtonCustomSmall.GreenNoTick {
	 background-color: #5DB337;
	 color: white;
	   border-color: white;
}

.ButtonCustom.ButtonCustomSmall.Amber {
	 background-color: #ffc04c;
	 border-color: white;
}

.ButtonCustom.ButtonCustomSmall.Grey {
	 background-color: #CACACA;
	 border-color: white;
}

.ButtonCustom.ButtonCustomSmall.Red {
	 background-color: #C82128;
	 color: white;
	 border-color: white;
}


/*
.AttendanceUiTableContainer{
	max-width: 100%;
	width: 100%;
}

.AttendanceUiTableHeader{
	width: 100%;
}

#AttendableHeadings{
	width: auto;
}

.AttendanceUiTableTitle{
	width: 30%;
}
.AttendanceUiTableTimeTitle {
	width: 30%;
}

#AttendanceRow{
	width: 100%;
}

.AttendanceTableContent{
	width: 100%;
}
.AttendanceTableName{
	width: 100%;
}

.AttendanceTableSummaryCell {
	width: 40%;
}

a.LeftArrowSmall{
	width: 5%;
}

a.RightArrowSmall{
	width: 5%;
}

.AttendanceTableContent div span{
	margin-top: 0;
}

.AttendanceUiTableCell {
	width: 30%;
}

.AttendanceUiTableCell.Small{
	width: 20%;
}

.AttendanceUiTableTimeTitle.One{
	width: 30%;
}

.AttendanceUiTableTimeTitle.Three {
	width: 20%;
}
.AttendanceUiTableTimeTitle.Four {
	width: 20%;
}

.DateOneAM.SummaryHeader.Small{
	width: 20%;
	padding-left: 30px;
	padding-right: 30px;
}

.AttendanceTableSummaryCell.Small{
	width: 30%;
}

.TickMark.Previous.Small{
	right: 41px;
}

.TickMark{
	right: 0;
	left: 50%;
    margin-left: -3%;

}

#AttendanceRow .AttendanceTableContent:last-child {
	border-bottom: 1px solid #E4E4E4;
}


.helper-column {
	height: 38px;
	display: block;
	width: 5%;
}

.AttendanceUiTableCell{
	border-right: 1px solid #e4e4e4;
}

.AttendanceUiTableCell:first-of-type, .AttendanceUiTableCell:last-of-type{
	border-right: none;
}

.UnexFlagIcon {
    position: absolute !important;
    top: 11px;
    right: 2px;
    width: 21px !important;
    height: 25px !important;
	border: 0px !important;
}

*/


/* ViewTGAttendance table*/

.CurrentMonth{
	font-size: 16px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 200px;
}

.TAttendanceContainer{
	overflow: hidden;
}

.TAttendanceContainer .Students .Label{
	height: 49px;
    line-height: 48px;
}

.TAttendanceContainer .Students .Name{
	height: 38px;
    line-height: 37px;
}

/*ClassList*/
.SingleName {
	line-height: 37px;
    margin-bottom: 5px;
    padding-left: 16px;
    color: #026AA9;
}

.SingleName.Short {
	height: 38px;
	width: 100%;
}

.SingleName.Selected {
	background: #DEF6FF;
    color: #333333;
}

.SingleName:hover {
	color: #C82128;
}

.SingleName.Selected:hover {
	color: #333333;
}

#rollCallDatePicker {
	border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

/*Error page*/
.error-page {
	font-family: 'Gochi Hand', cursive;
	color: #fff;
	font-size: 30px;
	text-align: center;
	letter-spacing: 2px;

}

.error-container{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/error-background.png?elb=yes) top left no-repeat;
	width: 962px;
	height: 662px;
	margin: 50px auto 0;
	position: relative;
}

.error-text{
	position: absolute;
	width: 100%;
}

.error-text.info{
	top: 210px;
	font-size: 42px;
    font-weight: bold;
    letter-spacing: 2px;
}

.error-text.tipe1{
	top: 265px;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 2px;
	max-width:90%;
	margin-left:60px;
}

.error-text.tipe2{
	top: 360px;
	font-size: 36px;
	font-weight: bold;
	letter-spacing: 3px;
}

.error-text.line{
	background: url(../Images/error-background.png) top left no-repeat;
	height: 14px;
    left: 50%;
    margin-left: -340px;
    top: 260px;
    width: 400px;
}

.error-text.link{
	top: 490px;
}

.error-text.link a{
	color: #fff;
	text-decoration: none;
}

/*Behaviour page*/
.BehaviourViewDopdownMenu ul li ul {
	width: 500px;
	overflow-y: visible;
}

.BehaviourViewDopdownMenu ul li li a {
	width: 480px;
}

.BehaviourViewDopdownMenu ul li a, .BehaviourViewDopdownMenu ul li a.Selected {
	width: 317px;
}

.BehaviourViewDopdownMenu ul li.behaviour-selected > a span {
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.BehaviourViewDopdownMenu ul li.behaviour-selected > a span.DropdownNumber {
    display: none;
}

.BehaviourViewDopdownMenu ul li a span {
	overflow-x: hidden;
    width: 395px;
}

/*Modal dialog*/

/*advanced-search*/
.modal-dialog.advanced-search {
	width: 768px;
}

.advanced-search-label {
	float: left;
	margin-top: 7px;
    width: 101px;
}

.modal-dialog.advanced-search > .modal-content > .modal-body {
	padding-left: 29px;
    padding-right: 4px;
}

.advanced-search-row-container{
	margin-left: -29px !important;
    margin-right: -4px !important;

}

.advanced-search-row-container > .row > .col-md-12.padding-no, .advanced-search-row-container > .col-md-12.padding-no {
	padding-left: 29px !important;
	padding-top: 10px !important;
}

.advanced-search-row-container > .row.bg {
	background: #F9F9F9;
}

[data-class="AdvancedSearchRowContainer"] {
	width: 366px !important;
}

[data-class="AdvancedSearchRowContainer"] > .control-label {
	float: left;
	margin-top: 6px;
	width: 102px;
}

[data-class="AdvancedSearchRowContainer"] > .input-group {
    width: 135px;
}

[data-class="AdvancedSearchRowContainer"] > .input-group.small {
    width: 88px;
}

[data-class="AdvancedSearchRowContainer"] > .input-group.small > select {
	padding-left: 2px;
	padding-right: 22px;
	margin-right: 0;
}

[data-class="AdvancedSearchRowContainer"] > .input-group.small > span {
    left: 69px;
}

[data-class="AdvancedSearchRowContainer"] > .input-group.small > span.line-select {
    left: 61px;
    top: 0;
}


[data-class="AdvancedSearchRowContainer"] > input.form-control {
	float: left;
	width: 135px;
	margin-right: 0;
}

.selectedDraggable {
    background-color: #DDDDDD !important;
    color: #333333;
}

#helper{
	z-index: 1000;
	position: relative;
}

.ReportingFiltersCell {
    float: left;
    height: 60px;
    margin-top: 10px;
    padding-left: 0px;
    width: 250px;
}

.ReportingFiltersCell.SubPeriod > .ui-state-default, .ReportingFiltersCell.ClassAwayPeriod > .ui-state-default{
	background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/Images/ui-bg_glass_75_e6e6e6_1x400.png?elb=yes") repeat-x scroll 50% 50% #E6E6E6 !important;
    border: 1px solid #D3D3D3 !important;
    width: 230px !important;
}

/*old*/
.BodyBackground {
	position: relative;
	background-color: #026aa9;
	text-align: center;
}

.LoginContainer {
	position: relative;
	z-index: 200 !important;
	width: 270px;
	height: auto;
	margin: 200px auto 0px auto;
	overflow: hidden;
}
.LoginContainer > form {
    display: flex;
    flex-flow: column;
    align-items: center;
}
.reset-code {
    display:flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
}
#resetPassSuccess{
    background-color: #dff0d8;
    color: #284d28;
    padding: 5px;
}
.reset-code .reset-code__input{
    width: 30px;
    height: 30px;
    font-size: 20px;
    text-align: center;
    padding: 0;
}
.reset-code .reset-code__input[type=number]::-webkit-inner-spin-button,
.reset-code .reset-code__input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.login-form label.loginError {
    width: 100%;
    border-radius: 5px;
    margin-top: 20px;
}
.passBtn{
    height: 38px;
    background-color: #026aa9;
    text-align: center;
    font-family: 'MyriadProBoldCondensed',Arial,Helvetica,sans-serif;
    font-size: 18px;
    color: #0C5089;
    border-color: #0c5089;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    background: #8AD3FF;
    padding: 5px;
    margin-top: 20px;
}
.passBtn:hover{
    text-decoration: underline;
}
.passBtn[disabled]{
    text-decoration: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.passResetHeadTxt{
    color: #fff;
    font-size: 26px
}
.passResetSubHeadTxt{
    color: #8AD3FF;
    font-size: 16px;
    margin-bottom: 5px;
}
#Login .passwordCriteria {
    clear: both;
    color: #224d63;
    background: #d9edf7;
    padding: 10px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 20px;
    text-align: left;
}
#Login .passwordCriteria ul{
    padding-left: 18px;
}
.resPassErr{
    display: none;
    height: auto;
}
.InputLabelLogin {
    color: #8AD3FF;
    float: left;
    font-weight: bold;
    height: auto;
    margin-bottom: 5px;
    margin-top: 20px;
    text-align: left;
    width: 270px;
}

img.SchoolLoginImage {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.BulkAssessmentLevelComboBox{
	opacity: 1 !important;
	-webkit-appearance: initial;
    -moz-appearance: initial;
    -o-appearance: initial;
    -ms-appearance: initial;
}

a.ButtonLogin {
	display: block;
	clear: left;
    font-family: 'MyriadProBoldCondensed',Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
	color: #0C5089;
	height: 38px;
	height: 38px;
	border-color: #0c5089;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
	background: #8AD3FF;
	box-shadow: -1px 1px 2px #8AE5FF inset;
	-moz-box-shadow: -1px 1px 2px #8AE5FF inset;
   -webkit-box-shadow: -1px 1px 2px #8AE5FF inset;
   margin: 10px auto;
   padding: 7px 24px;
}
#Login a.loginResetPassword {
    color: white;
    margin: 2rem 0;
}

#privacy{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 20px;
}

.privacyState{
    color:#cfeafb !important;
    text-decoration: underline;
    font-size: 13px;

}

div.FeideLoginDiv {

    padding-top:14px;
    padding-bottom:10px;
}

.FeideLoginDiv a {
    color:#cfeafb;
    text-decoration:underline;
    font-size:13px;
}

:hover .FeideLoginDiv a {
    color:#fff;
}

.BehaviourImageContainer {
    /*background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/Images/ImagePositivePlaceholderBackground.png?elb=yes") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    background: url(../images-new/PersonalBehaviourPlaceholderBackground.png) top left no-repeat;
    cursor: pointer;
    float: left;
    height: 51px;
    margin-left: 2px;
    margin-top: 2px;
    margin-right: 5px;
    overflow: hidden;
    width: 51px;
}

[data-class="behaviour-not-personal"]{
	background: url(../images-new/BehaviourPlaceholderBackground.png) top left no-repeat;
}

.BehaviourViewDopdownMenu {
    background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/BehaviourViewDopdownMenuNewBackgound.png?elb=yes") no-repeat scroll left top rgba(0, 0, 0, 0);
    float: left;
    height: 35px;
    margin-bottom: 15px;
    margin-left: 40px;
    margin-top: 25px;
    position: relative;
    width: 321px;
    z-index: 10;
}

.BehaviourViewDopdownMenu ul {
    float: left;
    height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 321px;
}

.BehaviourViewDopdownMenu ul li {
    display: block;
    float: left;
    height: 35px;
    margin: 0;
    padding: 0 5px;
    position: relative;
    width: 311px;
}

.BehaviourViewDopdownMenu ul li a {
    color: #266E44;
    display: block;
    float: left;
    font-family: "MyriadProCond",Verdana,Geneva,sans-serif,Arial;
    font-size: 12px;
    font-weight: normal;
    height: auto;
    line-height: 35px;
    margin: 0 0 0 -5px;
    padding: 0 0 0 30px;
    text-decoration: none;
    width: 317px;
}

.BehaviourViewDopdownMenu ul li ul {
    background-color: #FFFFFF;
    border-radius: 4px;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    margin-left: -5px;
    margin-top: 35px;
    min-height: 245px;
    overflow-x: hidden;
    overflow-y: visible;
    position: absolute;
    width: 500px;
    z-index: 10;
}

a.AddDayTypesCheckBox, a.editDashCheckBox {
    background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/Images/AddNewFileCheckBox.png?elb=yes") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: left;
    float: left;
    height: 19px;
    line-height: 19px;
    margin-top: 20px;
    padding-left: 25px;
    text-decoration: none;
    width: auto;
}

.notification-permissions-container a.AddDayTypesCheckBox, a.editDashCheckBox {
    width: 200px;
}

a.ButtonLeft {
    background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/Images/ButtonLeftArrow.png?elb=yes") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 19px;
    margin-top: 17px;
    width: 19px;
}

a.ButtonRight {
    background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/Images/ButtonRightArrow.png?elb=yes") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 19px;
    margin-top: 17px;
    width: 19px;
}

a.GeneralAnalysis{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/general2.png?elb=yes) top left no-repeat;
	float: left;
	width: 108px;
	height: 108px;
	/*margin: 10px 63px;*/
	margin: 0;
}

a.GeneralAnalysis span{
	padding-left: 27px;
}

a.GeneralAnalysis span:hover{
	text-decoration: none;
	color: #47b1f3;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.5);
	filter: dropshadow(color=#000000, offx=1, offy=-0);
}

a.GeneralAnalysis:hover{
	background-position:bottom left;
	text-decoration: none;
	color: #47b1f3;
}

a.AttendanceAnalysis{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/attendance2.png?elb=yes) top left no-repeat;
	float: left;
	width: 108px;
	height: 108px;
	margin: 0;

}
a.AttendanceAnalysis span{
	padding-left: 18px;
}

a.AttendanceAnalysis span:hover{
	text-decoration: none;
	color: #47b1f3;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.5);
	filter: dropshadow(color=#000000, offx=1, offy=-0);
}

a.AttendanceAnalysis:hover{
	background-position:bottom left;
	text-decoration: none;
	color: #47b1f3;
}
a.TermReportsAnalysis{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/term-reports2.png?elb=yes) top left no-repeat;
	float: left;
	width: 108px;
	height: 108px;
	margin: 0;
}

a.TermReportsAnalysis span{
	padding-left: 8px;
}

a.TermReportsAnalysis span:hover{
	text-decoration: none;
	color: #47b1f3;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.5);
	filter: dropshadow(color=#000000, offx=1, offy=-0);
}

a.TermReportsAnalysis:hover{
	background-position:bottom left;
	text-decoration: none;
	color: #47b1f3;
}

a.BehaviourAnalysis{
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/behaviour2.png?elb=yes) top left no-repeat;
	float: left;
	width: 108px;
	height: 108px;
	margin: 0;
}
a.BehaviourAnalysis span{
	padding-left: 20px;
}
a.BehaviourAnalysis span:hover{
	text-decoration: none;
	color: #47b1f3;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.5);
	filter: dropshadow(color=#000000, offx=1, offy=-0);
}
a.BehaviourAnalysis:hover{
	background-position:bottom left;
	text-decoration: none;
	color: #47b1f3;
}

a.AnalysisCategorySelection{
	background-position: bottom left;
	color: #47b1f3;
}
a.AnalysisCategorySelection span{
	color: #47b1f3 !important;
	text-shadow: -1px 0 0 rgba(0, 0, 0, 0.5) !important;
	filter: dropshadow(color=#000000, offx=1, offy=-0) !important;
}

.ReportingDopdownMenu {
	float: left;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/InputFieldBackgroundArrowReports.png?elb=yes) top left no-repeat;
	width: 230px;
	height: 34px;
	z-index: 10;
}
.ReportingDopdownMenu ul {
	float: left;
	list-style: none;
	width: 230px;
	height: 34px;
	margin: 0;
	padding: 0;
}
.ReportingDopdownMenu ul li {
	float: left;
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 34px;
	padding: 0 5px 0 5px;
}
.ReportingDopdownMenu ul li a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 34px;
	font-family: "MyriadProCond", Verdana, Geneva, sans-serif, Arial;
	font-size: 12px;
	line-height: 29px;
	color: #013656;
	text-decoration: none;
	margin-left: -5px;
	padding-left: 30px;
	font-weight: normal;

}
.ReportingDopdownMenu ul li a:hover, .ReportingDopdownMenu ul li a.Selected {
	width: 180px;
	color: #013656;
}
.ReportingDopdownMenu ul li:hover a {
	color: #013656;
	width: 200px;
	height: auto;
}
.ReportingDopdownMenu ul li ul {
	width: 200px;
	display: none;
	background-color: #000;
}
.ReportingDopdownMenu ul li:hover ul {
	float: left;
	position: absolute;
	display: block;
	width: 200px;
	height: auto;
	margin-top: 34px;
	margin-left: -5px;
	background-color: #fff;
	z-index: 10;
}
.ReportingDopdownMenu ul li:hover li {
	float: none;
	display: block;
	z-index: 10;
	padding: 0 20px 0 5px;
	margin: 0;
	width: auto;
	height: 25px;
	margin: 5px;
	background: none;
}
.ReportingDopdownMenu ul li:hover li a {
	float: left;
	display: block;
	color: #013656;
	width: 100%;
	height: 29px;
	white-space: nowrap;
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 0;
}
.ReportingDopdownMenu ul li:hover li:hover {
	background-color: #ededed;
}

.ReportingDopdownMenu li a.WordIcon {
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/BackgroundIconWord.png?elb=yes) top left no-repeat;
}

.ReportingDopdownMenu li a.ExcelIcon {
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/BackgroundIconExcel.png?elb=yes) top left no-repeat;
}

.ReportingDopdownMenu li a.PointIcon {
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/BackgroundIconPowerPoint.png?elb=yes) top left no-repeat;
}

.ReportingDopdownMenu li a.PdfIcon {
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/Images/BackgroundIconPdf.png?elb=yes) top left no-repeat;
}

.InputField.Reports {
	overflow: hidden;
	width: 230px;
	height: 34px;
	margin-left: 32px;
	margin-top: 15px;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/InputFieldBackgroundArrowReports.png?elb=yes) top left no-repeat;
}

.InputField.Reports select {
	-webkit-appearance: none;
    -moz-appearance: none;
	-o-appearance: none;
	background: none;
	appearance: none;
	border: none;
	background: transparent;
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 28px;
	line-height: 19px;
	font-weight: bold;
	padding: 2px 37px 6px 12px;
	margin-top: 5px;
	color: #026AA9;
}

.ReportParamText {
	position: relative;
	float: left;
	width: 230px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #026AA9;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/InputFieldReports.png?elb=yes) top left no-repeat;
}
.ReportParamText input {
	background: none;
	border: none;
	width: 215px;
	height: 34px;
	line-height: 34px;
	text-align: left;
	padding-left: 12px;
	padding-right: 5px;
	color: #026AA9;
	font-weight: bold;
}

.TableRow span{
	margin-right: 0px;
}

/*old END*/

.dhx_cal_light select{
	opacity: 1;
}

/*Reporting Page*/
.ReportingFiltersRow{
	width: 100%;
}

.export2PDFButton, .export2ExcelButton, .createGroupButton, .openSmsButton, .export2CsvButton{
    display:none;
}

.behaviour-icon-holder {
	float: left;
    width: 100px;
}

.behaviour-input-holder {
	float: left;
    margin-top: 10px;
    width: 260px;
}

.behaviour-select-holder {
	float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 120px;
}

#carddiv{
	height: auto !important;
}

.button-left-menu-hide{
	display: none;
}

.button-left-menu-show{
	display: none;
}

#NegativePoints {
	border-radius: 4px;
}

.class-group-container {
	width: 160px;
	height: auto;
	float: left;
	padding-right: 10px;
	/*height: 453px;*/
	min-height: 453px;
}

.teaching-group{
	width: 200px;
	height: auto;
	float: left;
	padding-right: 10px;
	/*height: 453px;*/
	min-height: 453px;
}

.teaching-group[data-allowDuplicate="true"] .panel-manager{
    border:1px solid #F0AD4E;
}

.teaching-group[data-allowDuplicate="true"] .panel-default > .panel-heading{
    background-color:#F0AD4E;
    border-color:#F0AD4E;
}

.nonStrictTG{
    display:none;
    /**clear:left;
    float:left;**/
    margin-top:5px;
}

.teaching-group[data-allowDuplicate="true"] .nonStrictTG{
    display:block;
}

.teaching-group[data-allowDuplicate="true"] li.list-group-item{
    background-color:#FCF8F2 !important;
}

.teaching-group li.list-group-item span.removeFromGroup{
  position: absolute;
  right: 4%;
  top: 5px;
  border: 1px solid #000;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  text-align: center;
 display:none;
}

.teaching-group[data-allowDuplicate="true"] li.list-group-item:hover span.removeFromGroup{
    display:block;
}

.unlinked-container{
	float: left;
	width: 160px;
}

.unassigned-container{
	float: left;
	/*width: 215px;*/

}

.class-container{
	float: left;
	overflow: hidden;
	position: relative;
	min-height: 453px;
}

#CGM_Content{
	left: 0;
    position: absolute;
}

#TGL_Content{
	left: 0;
    position: absolute;
}

.button-manager-holder{
	margin-left: 170px;
	height: 0;
    position: relative;
}

.button-manager-holder.teaching-manager{
	margin-left: 200px;
}

.button-manager-holder.teacherDropZone{
    margin-left: 400px;
}

.button-moveLeft{
	position: absolute;
	width: 40px;
	height: 40px;
	right: 5px;
	text-align: left;
	left: 0;
	display: none;
}

.button-moveRight{
	position: absolute;
	width: 40px;
	height: 40px;
	text-align: right;
	margin-right: 15px;
	right: 0;
	display: none;
}

.panel-manager.teaching-heading > .panel-heading {
	padding: 8px !important;
	height: 95px;
	line-height: 16px;
	position:relative;
}

.panel-manager > .panel-body {
	padding: 12px !important;
}

.panel-manager > .panel-body > ul{
	margin-bottom: 0;
}

.panel-manager > .panel-body > ul.list-group > li.list-group-item {
	padding: 5px !important;
	height: 30px;
	overflow: hidden;
    white-space: pre;
}

.panel-manager > .panel-body > ul.list-group > li.list-group-item.selected{
	background-color: Black !important;
	color: White !important;
	opacity: 1.0 !important;
}

#ClearMarkButton.Selected, #EnableNotesButton.Selected {
	/*background-color: #3276b1;
	border-color: #285e8e; */
	background-color: #285e8e;
	border-color: #3276b1;
	color: #fff;
}


.panel.panel-manager {
	font-size: 12px;
}

#TGL_Content{
	margin-bottom: 15px;
}

.chosen-container-multi .chosen-choices{
	width: 100%;
}
#CourseExam_chosen{
	width: 500px !important;
}

#FTResultEntryTitle{
	float: left;
   	width: auto;
}

#TutorCommentsClassList{
	display: block;
}

/*TimetableConstruction*/
[data-id="table-construction-back"] {
	background-color: #ACACAC !important;
}

.grid-wizard-box{
	min-height: 250px;
}

[data-wizard]{
	/*opacity: 0.6;*/
}

.grid-wizard-buttons{
	bottom: 0;
    left: 0;
    position: absolute !important;
}

.btn-class{
	background-color: #fff;
	border-color: #ccc !important;
    color: #333;
}

.btn-noclass {
    /*background-color: #ffad33;
    border-color: #e69c2e !important;*/
    background-color: #ebebeb;
    border-color: #ccc !important;
    color: #333333;
}

#TimetableGridStructureContainer {
	/**border-top: 2px solid #ebebeb;**/
}

.TimetableGridStructureContainer{
    margin-bottom:30px;
}

#TimetableGridStrcture {
	margin-top: 10px;
}

/*#TimetableGridStrcture thead tr th:last-of-type,
#TimetableGridStrcture tr td:last-of-type{
	padding: 0;
    width: 0.1%;
}*/

#TimetableGridStrcture thead tr th.cell-with-button,
#TimetableGridStrcture tr td.cell-with-button{
	padding: 0;
    /*width: 21px;*/
    width: 0.1%;
}

#TimetableGridStrcture thead tr th.cell-narrow,
#TimetableGridStrcture tr td.cell-narrow{
     width: 0.1%;
}

.loader.period-row-remove-loader{
	background-size: 18px auto;
    display: block;
    height: 18px;
    margin: 0 0 7px 2px;
    width: 18px;
}

#TimetableGridStrcture tr td.cell-with-button.stat-row {
	border-color: #fff;
}

[data-class="remove-grid-row"] {
    float: left;
    height: 100%;
}

select.fa-select{
	font-family: sans-serif, 'FontAwesome';
}

#TimetableGridStructureContainer a[data-class="remove-grid-row"] .fa, #ClassDataListByBlockTable a[data-class="remove-class-data-row"] .fa {
    background-color: #fff;
    border: medium none;
    color: #acacac;
    line-height: 28px;
    padding-left: 5px;
    padding-right: 5px;
}

#TimetableGridStructureContainer a[data-class="remove-grid-row"] .fa.fa-plus, #ClassDataListByBlockTable a[data-class="remove-class-data-row"] .fa.fa-plus {
	color: #026aa9;
}

#TimetableGridStrcture .btn-default.no-class{
	background-color: #ebebeb;
    border-color: #ccc !important;
    color: #333333;
    font-size: 14px !important;
    height: 20px;
    width: 30px;
    padding: 0 !important;
}

#TimetableGridStrcture .fa.fa-cutlery,
#TimetableGridStrcture .fa.fa-graduation-cap {
	margin-top: 5px;
}

#TimetableGridStrcture .btn.btn-default {
	height: 20px;
    width: 30px;
    padding: 0 !important;
    background: transparent;
    border: none;
}


[data-periodType="R"].list-group-item {
	/*background: #f3cc91;*/
	background: #ebebeb;
}

tr[data-periodType="R"] {
	/*background: #EFB968;*/
	background: #f3cc91;
}

td[data-periodType="R"] {
	/*background: #EFB968;*/
	background: #ebebeb;
}

tr[data-periodType="non-timetable-able"] {
	background: #E48784;
}

[data-wizard="step3"] .form-group .control-label {
	float: left;
    margin-top: 5px;
    width: 55px;
}

[data-wizard="step3"] .form-group .form-control {
	float: left;
    width: 70px
}

#TimetableDays th, #TimetableGridStrcture tr td{
	line-height: 20px;
}

#TimetableGridStrcture tr td.error-value{
	background: #f4cacf;
}

.day-custom-cell {
	padding: 8px;
	cursor: pointer;
	text-align: center;
	/*width: 10%;*/
	width: 9%;
}
.day-custom-cell-input {
	width: 100%;
	/*height: 36px;*/
	height: 20px;
    line-height: 20px;
	border: medium none;
	text-align: center;
	color: #026aa9;
    font-weight: bold;
    padding-right: 17px;
}

#TimetableGridStrcture tbody tr input {
	padding-right: 0;
}

tr[data-id="TimetablePeriods"] td[data-periodType="R"]{
	/*background: #EFB968;*/
	background: #ebebeb;
}

/*table header*/
#TimetableDays th[data-day="custom"] .day-custom-cell-input {
	background: #def6ff;
}
/*time*/
td.error-value [data-day="custom"] .day-custom-cell-input {
	background: #f4cacf;
}
tr[data-periodType="R"] td [data-day="custom"] .day-custom-cell-input {
	/*background: #EFB968;*/
	background: #ebebeb;
}
/*period name*/
tr[data-id="TimetablePeriods"][data-periodType="timetable-able"] td[data-day="custom"] .day-custom-cell-input {
	text-align: left;
}
tr[data-id="TimetablePeriods"][data-periodType="non-timetable-able"] td[data-day="custom"] .day-custom-cell-input {
	background: #E48784;
	text-align: left;
}
tr[data-id="TimetablePeriods"] td[data-periodType="R"] [data-day="custom"] .day-custom-cell-input {
	/*background: #EFB968;*/
	background: #ebebeb;
	text-align: left;
}

.ui-dialog #TeacherTypeDialog {
	width: 333px !important;
}

#TeacherTypeDialog .panel-heading {
	background-color: #026aa9;
	color: #fff;
}

#TeacherTypeDialog .btn.btn-success,
#TeacherTypeDialog .btn.btn-default,
#TeacherTypeDialog .btn.btn-danger {
	border-radius: 2px;
	padding: 7px;
	margin-top: -3px;
}
#TeacherTypeDialog .btn.btn-warning {
	border-radius: 2px;
	padding: 7px;
	margin-top: -3px;
}
#TeacherTypeDialog .btn.btn-success,
#TeacherTypeDialog .btn.btn-default,
#TeacherTypeDialog .btn.btn-danger {
	border-radius: 2px;
	padding: 7px;
	margin-top: -3px;
}

#TeacherTypeDialog .fa.fa-times {
	color: #fff;
}

#TeacherTypeDialog .teacher-sets-choices {
	margin-left: 10px;
	line-height: 30px;
}


/*TeacherSets*/

#TeacherSetsHolder {
	border-top: 2px solid #ebebeb;
}

#TeacherSetsTable {
	margin-top: 10px;
}

#TeacherSetsContainer tr td:nth-of-type(2){
	padding: 2px;
}

#TeacherDataTableContainer thead tr th:last-of-type,
#TeachersDataContainer tr th:last-of-type,
#TeacherSetsTable thead tr th:last-of-type,
#TeacherSetsContainer tr td:last-of-type {
	width: 21px;
	padding: 0;
}
table#TeachersDataContainer tr td:nth-child(2){
    border-right:2px solid #000;
}

#TeachersDataContainer tr:hover{
    background-color:#EFEFEF;
}

.teacher-box{
    float: left;
    border: 1px solid #ddd;
    padding: 5px;
    line-height: 22px;
    position: relative;
    margin: 5px;
    /*width: 155px;*/
    text-align: center;
    cursor: pointer;
    min-width: 155px;
}
.teacher-box a{
	position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    /*width: 15%;*/
    width: 23px;
}

[data-class="remove-row"] {
	float: left;
    height: 100%;
}

#TeachersDataContainer a[data-class="remove-row"] .fa.fa-times {
	background-color: #fff;
	border: none;
    padding-left: 5px;
    padding-right: 5px;
    color: #acacac;
}

#TeacherSetsContainer a[data-class="remove-row"] .fa.fa-times {
	background-color: #fff;
	border: none;
    line-height: 48px;
    padding-left: 5px;
    padding-right: 5px;
    color: #acacac;
}

#ClassDataPageLoader{
	float: left;
    margin-bottom: 0;
    margin-top: 43px;
}

.ClassDataTableContainer tbody a[data-class="remove-row"] .fa.fa-times {
	background-color: #fff;
	border: none;
    line-height: 48px;
    color: #acacac;
}

#TeacherSetsContainer .fa.fa-times {
	background-color: #fff;
    border-left: 1px solid #ccc;
    line-height: 32px;
    padding-left: 5px;
    padding-right: 5px;
    color: #acacac;
}

#TeacherSetsContainer .teacher-name {
	margin-right: 25px;
    width: auto;
}

span[data-priority="1"]{
	background-color: #dff0d8 !important;
}
span[data-priority="2"]{
	background-color: #FFE8D1 !important;
}
span[data-priority="3"]{
	background-color: #f2dede !important;
}

#TeacherList .list-group-item.selected{
	background-color: #eee;
}

.input-field.years-select {
	overflow-x: hidden;
	width: 230px;
	height: 34px;
	margin-left: 32px;
	margin-top: 15px;
	background: url(../images-new/InputFieldBackgroundArrowReports.png) top left no-repeat;
}

.input-field.years-select select {
	-webkit-appearance: none;
    -moz-appearance: none;
	-o-appearance: none;
	background: none;
	appearance: none;
	border: none;
	background: transparent;
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 28px;
	line-height: 19px;
	font-weight: bold;
	padding: 2px 37px 6px 12px;
	margin-top: 5px;
	color: #026AA9;
}

.input-field.years-select .ui-multiselect{
	padding: 4px 0 2px 15px;
}

#TeacherForSet_chosen {
	width: 500px !important;
}

#TeacherForSet_chosen ul.chosen-choices li.search-choice{
	padding: 5px 20px 5px 5px;
}

#TeacherSetAddSubject_chosen {
	width: 500px !important;
}

#TeacherSetAddSubject_chosen a.chosen-single{
	padding-top: 5px;
	padding-bottom: 5px;
	height: 35px;
}

#TeacherSetAddSubject_chosen a.chosen-single div{
	top: 5px;
}

/*Teacher Data*/
.teacher-period-holder{
	float:left;
	height: 44px;
}

.teacher-period-holder span{
	float:left;
	border-right: 1px solid #ddd;
	height: 100%;
	width:100%;
}

#TeacherDataTableContainer {
	border-top: 2px solid #ebebeb;
	overflow-x:scroll;
	width:100%;
	float:left;
}

#TeacherDataTableContainer>.table>tbody>tr>td {
    line-height:17px;
}

#TeachersDataContainer {
	margin-top: 10px;
}

#TeachersDataContainer td.teacher-name{
	width: 170px;
	white-space: pre;
}

#TeachersDataContainer td.teacher-name .teacherDataTchrCode, #TeachersDataContainer td.teacher-name .teacherDataTchrName{
    float:left;
    clear:left;
}

#TeachersDataContainer td.teacher-name, #TeachersDataContainer td[data-id="workLoad"], #TeachersDataContainer td.days-unavailable-priority, #TeachersDataContainer td.days-unavailabl, #TeachersDataContainer td.halfDays, #TeachersDataContainer td.available-rooms{
    vertical-align:middle;
}

#TeachersDataContainer td.days-unavailable-priority{
  width: 64px;
  text-align: center;
}

#TeachersDataContainer td.days-unavailable-priority button{
  border: 0px;
  height: auto;
  padding: 7px 13px;
  border-radius: 4px;
}

#TeachersDataContainer td.days-unavailable-priority button.priority1{
    color:#000;
    background-color:#FCC57B;
}

#TeachersDataContainer td.days-unavailable-priority button.priority1:hover{
    background-color:#DFBA88;
}

#TeachersDataContainer td.days-unavailable-priority button.prioritynull, #TeachersDataContainer td.days-unavailable-priority button.priority2{
    color:#fff;
    background-color:#ff6666;
}

#TeachersDataContainer td.days-unavailable-priority button.prioritynull:hover, #TeachersDataContainer td.days-unavailable-priority button.priority2:hover{
    background-color:#CD3434;
}

#TeachersDataContainer td.days-unavailabl, #TeachersDataContainer td.halfDays{
	position: relative;
    width: 100px;
}

#TeachersDataContainer td.days-unavailabl .form-control.small-size, #TeachersDataContainer td.halfDays .form-control.small-size{
   /** width:89px;**/
}

#TeachersDataContainer td.days-unavailabl .days-unavailabl-select,  #TeachersDataContainer td.halfDays .half-days-select{
	/**left: 10px;
    position: absolute;
    top: 5px;**/
    width: 105px;
}
#TeachersDataContainer td.days-unavailabl .days-unavailabl-select .input-group, #TeachersDataContainer td.halfDays .half-days-select .input-group{
	float: left;
    width: 90px;
}

#TeachersDataContainer td.days-unavailabl .days-unavailabl-select .input-group .form-control.small-size, #TeachersDataContainer td.halfDays .half-days-select .input-group .form-control.small-size{
    width:70px;
}

#TeachersDataContainer td.days-unavailabl .days-unavailabl-select .input-group .custom-arrow, #TeachersDataContainer td.halfDays .half-days-select .input-group .custom-arrow{
    right:28px;
}

#TeachersDataContainer td.days-unavailabl .days-unavailabl-select .input-group .line-select, #TeachersDataContainer td.halfDays .half-days-select .input-group .line-select{
    right:42px;
}

#TeachersDataContainer td.days-unavailabl .days-unavailabl-checkbox{
	left: 140px;
    position: absolute;
    top: 12px;
    width: 20px;
}

#TeachersDataContainer td.available-rooms{
    width: 105px;
    padding-bottom: 4px;
    padding-top: 4px;
}
#TeachersDataContainer td.available-rooms .available-rooms-select{
    width: 105px;
}
#TeachersDataContainer td.available-rooms .available-rooms-select .input-group{
	float: left;
    width: 105px;
}

#TeachersDataContainer td.available-rooms .available-rooms-select .input-group .form-control{
    width: 105px;
}

#TeachersDataContainer td.available-rooms .available-rooms-checkbox{
	float: left;
	margin-left: 10px;
	margin-top: 8px;
    width: 20px;
}

#TeachersDataContainer tr td a[data-available="on"]{
	background-color: #fcfcfc;
}

#TeachersDataContainer tr td a[data-priority="0"]{
	background-color: #ebebeb;
}

#TeachersDataContainer tr td a[data-available="off"][data-priority="1"]{
	/*background-color: #026aa9;*/
	background-color: #fad6a5;
}

#TeachersDataContainer tr td a[data-available="off"][data-priority="2"]{
	/*background-color: #000;*/
	background-color: #ff6666;
}

#TeachersDataContainer tr td a[data-available]{
	float:left;
	height: 46px;
	border-right: 1px solid #ddd;
	/*width: 15px;*/
}

#TeachersDataContainer tr td:last-of-type {
	/*width: 9%;*/
}

#DayList .list-group-item.selected {
    background-color: #eee;
}

a.table-absolute{
	left: 50%;
    /*margin-left: -20px;*/
    position: absolute;
    right: 10px;
    margin-left: -15px;
    padding: 6px;
}

a.table-absolute .fa.fa-minus-square{
	font-size: 20px;
}

.timetable-period-tooltip {
	position: absolute;

	color: #FFFFFF;
	background: #026AA9;
	height: 24px;
	line-height: 24px;
	text-align: center;
	/*visibility: hidden;*/
	border-radius: 6px;
	z-index: 1000;
	display: none;
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
	top:0;
	left: 0;

}

.timetable-period-tooltip:after {
	content: '';
	position: absolute;
	margin-left: -8px;
	width: 0;
	height: 0;
	border-bottom: 8px solid #026AA9;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	left: 50%;
	bottom: 100%;
}

td[data-id="workLoad"]{
	cursor: pointer;
	width: 90px;
	padding-right: 5px;
}

td[data-id="workLoad"] [data-time="work-minutes"]{
	margin-left: 5px;
}

td[data-id="workLoad"] span{
	min-width: 14px;
	text-align: right;
	display: inline-block;
}

.work-load-cell-input{
   border: medium none;
   color: #026aa9;
   text-align: left;
   padding: 0;
   min-width: 14px;
   /*width: 50px;*/
   /*width: 100%;*/
}

.work-load-cell-input[data-input="work-minutes"]{
	text-align: right;
}

/*Class Data*/

#ClassTableTableWrapper{
    position:relative;
}

#ClassDataTableHolder {
	overflow-x: scroll;
	/**border-top: 2px solid #ebebeb;**/
}

.ClassDataTableContainer {
	margin-top: 10px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	width: 98%;
}

.ClassDataTableContainer [data-cell="set-min-width"] {
	/*min-width: 143px;*/
	min-width: 156px;
	max-width: 156px;
}

.ClassDataTableContainer [data-cell="last"]{
	padding: 0 5px;
	max-width: 22px;
	width: 11px;
}

.ClassDataTableContainer tbody tr td a[data-class="remove-row"] .fa.fa-times {
	line-height: 72px;
}

.ClassDataTableContainer tr th{
	text-align: center;
	position: relative;
}

#ClassDataTableHolder2 .ClassDataTableContainer tr th{
    text-align:left;
    position:relative;
}

.ClassDataTableContainer tr th a[data-class="remove-column"]{
	background: #fff;
    color: #acacac;
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
}

.ClassDataTableContainer tr th a[data-class="remove-column"] .fa.fa-times {
	line-height: 38px;
}

.ClassDataTableContainer tr[data-href="table-separator"] th a[data-class="remove-column"] .fa.fa-times {
	line-height: 37px;
}

.ClassDataTableContainer tr th[data-cell="last"]{
	background: #fff;
	vertical-align: middle;
	border: 1px solid #fff;
}

.ClassDataTableContainer.table thead tr th[data-fake="true"],
.ClassDataTableContainer.table tr[data-href="table-separator"] th[data-fake="true"]{
	color: #def6ff;
}

 .ClassDataTableContainer tr td:first-of-type{
	position: relative;
}

 .ClassDataTableContainer tr td{
	vertical-align: middle;
 }

.tg-multiple-button{
    color: #026aa9;
    cursor: pointer;
    padding-bottom: 5px;
    padding-top: 4px;
    height: 24px;
    width: 27px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
}

.tg-multiple-button:hover,
.tg-multiple-button.selected{
	color: #c82128;
}

.ClassDataTableContainer tr td.header-text{
	vertical-align: middle;
	font-weight: bold;
}

.ClassDataTableContainer tr td.table-separator{
	background: #ddd;
}

.ClassDataTableContainer tbody tr td.TTCNew {
	padding: 25px 10px;
	border: none !important;
}

.ClassDataTableContainer [data-id="save-base-class"] {
	position: relative;
	left: 16px;
}

.empty-cell {
	background: #fcfcfc;
}

.empty-cell.can-drop {
	background: #026aa9;
}

.ClassDataTableContainer tbody tr td.empty-cell{
	background: #ebebeb;
}

.ClassDataTableContainer tbody tr td.empty-cell.can-drop{
	background: #b3eec2;
}

.btn.btn-table-cell {
	margin-top: 3px;
    padding: 3px 6px;
}

.btn.btn-table-cell.btn-absolute-pos {
	left: 12px;
    margin-top: -11px;
    position: absolute;
    top: 50%
}

.btn.btn-table-cell.btn-absolute-pos .fa.fa-minus {
	font-size: 14px;
    line-height: 13px;
}

.ClassDataTableContainer .teaching-group-box {
	font-size: 12px;
	color: #026aa9;
	cursor: initial;
	float: left;
	width: 100%;
	min-width:156px;
	background: #ebebeb;
	border-bottom: 1px dashed #ccc;
}

.ClassDataTableContainer td div.teaching-group-box:last-child {
	border-bottom: none;
}

.teaching-group-box.selected{
	color: #fff;
	border: 1px solid #026aa9;
}

.teaching-group-box.block-tg{
	cursor: move !important;
}


.teaching-group-box {
	font-size: 12px;
	color: #026aa9;
	cursor: initial;
	float: left;
	width: 100%;
	background: #ebebeb;
}

.teaching-group-box.selected{
	color: #fff;
	border: 1px solid #026aa9;
}

.teaching-group-box.block-tg{
	cursor: move;
}

.teaching-group-box div{
    float: left;
    text-align: center;
}

.teaching-group-box .left-content{
	float: left;
    height: 72px;
    width: 120px;
    font-weight: bold;
    margin-right: 5px;
}

.teaching-group-box .left-content .top-content{
	float: left;
    height: 36px;
    width: 100%;
}

.teaching-group-box .left-content .bottom-content{
	float: left;
    height: 36px;
    width: 100%;
}

.teaching-group-box .right-content{
	float: right;
    width: 27px;
}

.teaching-group-box .tg-periods {
    background: #fff;
    border-radius: 30px;
    height: 26px;
    width: 26px;
    margin-left: 7px;
    margin-top: 7px;
    margin-right: 7px;
    color: #000;
    padding-top: 1px;
	padding-right: 1px;
}

.teaching-group-box .tg-name {
    margin-bottom: 2px;
    margin-top: 8px;
    color: #d9534f;
    background: #fff;
    border-radius: 20px;
    width: 80px;
    height: 24px;
    overflow: hidden;
    font-size: 1em;
}
.teaching-group-box .tg-teacher {
    background: #fff;
    border-radius: 20px;
    height: 26px;
    width: 113px;
    margin-left: 7px;
    margin-top: 4px;
    margin-right: 3px;
    color: #026aa9;
    line-height:28px;
    text-transform: uppercase;
}

.teaching-group-box .tg-button {
    width: 100%;
    height: 24px;
    padding-bottom: 5px;
    padding-top: 4px;
    cursor: pointer;
    background: #acacac;
    color: #fff;
}

.teaching-group-box .tg-button:nth-child(1){
	border-bottom: 1px solid #fff;
}

.teaching-group-box .tg-button:nth-child(3){
	border-top: 1px solid #fff;
}

.teaching-group-box .tg-button .fa{
	font-size: 16px;
}

.teaching-group-box .tg-button:hover {
	background: #026aa9;
	color: #fff;
}
.teaching-group-box .tg-button:hover a{
	color: #fff;
}
.teaching-group-box .tg-button a:hover{
	color: #fff;
}

.teaching-group-box.selected .tg-teacher{
	border-top: none;
}

.tg-lessons-container{
	float: left;
	width: 100%;
	height: auto;
	border: 1px solid #dddddd;
	border-top: none;
	/**padding: 20px 15px 0 15px;**/
	padding: 9px 15px 0 15px;
	display: none;
}

#LessonsContainer.tg-lessons-container{
	display: block;
	border: none;
	padding: 5px 0 0;
}

#LessonsContainer.tg-lessons-container .tg-lesson-box .panel{
	max-width: 246px;
}

#LessonsContainer.tg-lessons-container .tg-lesson-box .panel .list-group .list-group-item:first-child{
	border-top: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#LessonsContainer.tg-lessons-container .form-group.biger {
	width: 246px;
	margin-right: 15px;
}

[data-id="lessonTeachers"] .input-group, [data-id="lessonRooms"] .input-group, [data-id="lessonRoomPools"] .input-group{
	width: 218px;
}

.tg-lesson-box {
	/*float: left;*/
	display: inline-flex;
    margin-right: 15px;
    position: relative;
}

.tg-lesson-box .panel-heading.spread {
	background-color: #e9e9e9;
}

.lesson-title{
	/*padding: 10px 0 5px;*/
	padding: 10px 20px 5px;
    text-align: center;
    width: 100%;
}

.tg-lesson-box .lesson-edit {
	padding-right: 5px;
    padding-top: 3px;
    position: absolute;
    right: 0;
    top: 0;
}

[data-id="aditionalTeachersCheckBox"] a.AddDayTypesCheckBox:focus, a.editDashCheckBox{
	color: #026aa9;
}

#LessonsContainer.tg-lessons-container .tg-lesson-box .chosen-container{
	width: 218px !important;
}

#AddNewTeachingGroup [data-id="aditional-teachers"]{
	width: 480px;
	margin-top:25px;
}

#AddNewTeachingGroup div[data-class="tg-teacher-container"] .form-group [data-id="aditional-teachers"] [data-id="additionalTeachers"] .chosen-container{
	width: 480px !important;
	margin-top:12px;
}

#AddNewTeachingGroup div[data-class="tg-teacher-container"] .form-group [data-id="aditional-teachers"] [data-id="additionalTeachers"] .chosen-container .chosen-results li.group-result {
	color: #026aa9;
}

[data-class="tg-teacher-container"] .form-group:first-of-type{
	min-height: 108px;
}

[data-id="additionalTeachers"] {
	display: none;
}

.form-group .input-holder{
	width: 230px;
}

.form-control.error {
	text-align: left;
}

.error-class-data {
	background: #f4cacf;
    color: #bd0016;
    text-align: center;
}

label.error-spread {
	background: none repeat scroll 0 0 #f4cacf;
    border: 1px solid #f4cacf;
    /*border-radius: 4px;*/
    color: #bd0016;
    margin-top: 5px;
    padding: 4px;
    text-align: center;
    width: 100%;
}

.ClassDataTableContainer tr td[data-block="0"][data-fake="true"]{
	cursor: default !important;
	border: none;
}

.ClassDataTableContainer tr th span[data-id="TotalLessonsNumber"], .fixedHeadingContainer [data-id="TotalLessonsNumber"] {
	background: none repeat scroll 0 0 #fff;
    border-radius: 30px;
    color: #000;
    height: 26px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    padding-right: 1px;
    padding-top: 0;
    position: absolute;
    right: 25px;
    top: 0;
    width: 26px;
}

#TimetableTGSubject_chosen {
	width: 231px !important;
}

#TimetableTGSubject_chosen a.chosen-single {
	padding: 5px 10px;
	height: 34px;
	background: #fff;
	border: 1px solid #ccc;
}

*#CoreSubjects_chosen a.chosen-single {
	background: #fff;
	height: 34px;
    line-height: 33px;
}

#CoreSubjects_chosen a.chosen-single div{
	right: 5px;
    top: 5px;
}




/*Teacher*/

#TeacherMainContainer table thead tr {
	text-transform: uppercase;
}

#TeacherMainContainer table.assigned-tg thead tr th:nth-child(1){
	width: 150px;
}

#TeacherMainContainer table.assigned-tg thead tr th:nth-child(2),
#TeacherMainContainer table.assigned-tg thead tr th:nth-child(3){
	width: 100px;
}

#TeacherMainContainer table.assigned-tg thead tr th:nth-child(4){
	width: 50px;
}

#TeacherMainContainer table.assigned-tg tbody tr td{
	line-height: 18px;
	vertical-align: middle;
}

#TeacherMainContainer table.assigned-tg tbody tr td:first-of-type{
	position: relative;
}

#TeacherMainContainer table.assigned-tg tbody tr td div.loader.teacher-assignments-loader{
	background-size: 18px auto;
	display: block;
	height: 18px;
	margin: 0;
	width: 18px;
	position: absolute;
	top: 5px;
	right: 5px;
}

#TeacherMainContainer table.assigned-tg tbody tr td.teacher-tg-container{
	line-height: 2;
}

#TeacherMainContainer table tbody tr td.teacher-tg-container.can-drop{
	background: #b3eec2;
}

#TeacherMainContainer table.unassigned-tg tr td:first-of-type {
	width: 422px;
	min-width: 422px;
	position: relative;
}

#TeacherMainContainer table.unassigned-tg tr td:nth-of-type(2) {
    width: 100%;
}

span[data-id="unassignedTitle"] {
	position: absolute;
	left: 10px;
	top: 10px;
}

#TeacherMainContainer table.assigned-tg .teaching-group-box-const .tg-name-const span {
	display: inline;
}

#TeacherMainContainer table.unassigned-tg .teaching-group-box-const .tg-name-const span{
    display:block;
}

#TeacherMainContainer table.assigned-tg .teaching-group-box-const[data-pin="false"] .tg-name-const span, #TeacherMainContainer table.unassigned-tg .teaching-group-box-const[data-pin="false"] .tg-name-const span {
	padding-top: 0;
}

#TeacherMainContainer table.assigned-tg .teaching-group-box-const[data-pin="true"] .tg-name-const span, #TeacherMainContainer table.unassigned-tg .teaching-group-box-const[data-pin="true"] .tg-name-const span  {
	padding-top: 12px;
}

#TeacherMainContainer table.assigned-tg .teaching-group-box-const[data-assignment="notMainTeacher"] .tg-name-const .fa.fa-thumb-tack{
	color: #A4A5A6;
}

#TeacherMainContainer table.assigned-tg .teaching-group-box-const[data-lesson="true"] .tg-name-const span:last-of-type {
	font-style: italic;
}

.teaching-group-box-const[data-assignment="teachinggrpup"] .tg-name-const .fa.fa-thumb-tack{
	color: #333;
}

#TeacherMainContainer table.unassigned-tg{
	background: #f7f7f7;
	display: block;
    max-height: 204px;
    /*max-height: 60px;*/
    /*overflow-y: scroll;*/
    overflow-y: auto;
}

#TeacherMainContainer table.unassigned-tg.unassigned-tg-fixed{
	background: #f7f7f7;
    bottom: 0;
    left: 43px;
    position: fixed;
    z-index: 99;
}

#TeacherMainContainer table.unassigned-tg tr td:first-of-type {
	text-transform: uppercase;
}

[data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const,
[data-id="TeacherTeachingGroupsContainer"] .teaching-group-box-const,
[data-id="TeacherUnassignedContainer"] .teaching-group-box-const {
	font-size: 12px;
	color: #026aa9;
	padding: 5px 5px;
	display: inline-block;
}

[data-id="TeacherTeachingGroupsContainer"] .teaching-group-box-const .tg-name-const,
[data-id="TeacherUnassignedContainer"] .teaching-group-box-const .tg-name-const{
	position: relative;
}

[data-id="TeacherTeachingGroupsContainer"] .teaching-group-box-const .tg-name-const span.tg-number-of-lessons{
	padding: 0 !important;
    position: absolute;
    top: 0;
    left: 8px;
}

[data-id="TeacherTeachingGroupsContainer"] .teaching-group-box-const .tg-name-const span.tg-total-number-of-lessons{
	padding: 0 !important;
    position: absolute;
    top: 0;
    left: 17px;
}

[data-id="TeacherUnassignedContainer"] .teaching-group-box-const .tg-name-const span.tg-number-of-lessons{
	left: 4px;
    padding: 0 !important;
    position: absolute;
    top: -4px;
}

/*END Teacher*/

/* Construction */

#ConstructionMainContainer {
	display: inline-block;
	width:100%;
}

#GeneratePinnedLessonsMessageContainer,
#AutoAssignTeacherContainer {
	position: absolute;
    right: 0;
    top: 85px;
}

#ConstructionMainContainer .break-period {
	background-color: #E7E7E7;
}

#ConstructionMainContainer label.amount-of-lessons {
	margin-left: 20px;
}

[data-id="ConstructionPeriodsTableContainer"],
[data-id="ConstructionBlocksCoreContainer"] {
	width: 100%;
}

[data-id="ConstructionPeriodsTable"] {
	width: 100%;
	background-color:#fff;
}

[data-id="ConstructionPeriodsTable"] tr th {
	text-align: center;
	width: 100px;
	background-color: #DEF6FF;
}


/*[data-id="ConstructionPeriodsTable"] div.construction-period,
[data-id="ConstructionPeriodsTable"] div.break-period {
	border-right: 1px solid #ddd;
    float: left;
    height: 50px;
    line-height: 44px;
    text-align: center;
}

[data-id="ConstructionPeriodsTable"] td div:last-of-type {
	border-right: none;
}*/

[data-id="ConstructionPeriodsTable"] ul.construction-period,
[data-id="ConstructionPeriodsTable"] ul.break-period {
	border-right: 1px solid #ddd;
    float: left;
    height: auto;
    line-height: 44px;
    list-style: outside none none;
    margin: 0;
    min-height: 40px;
    padding: 0;
    text-align: center;
}

[data-id="ConstructionPeriodsTable"] td ul:last-of-type {
	border-right: none;
}

[data-id="ConstructionPeriodsTable"] ul.construction-period .panel {
	opacity: 0;
	display: none !important;
}

#ConstructionMainContainer .transform-item,  #ConstructionMainContainer .transform-item.ui-sortable-helper{
	width: 15px !important;
	height: 35px !important;
	background-color: #d9d9d9;
	background: #d9d9d9;
	border-radius: 0;
	border: 1px dashed #68CC81;
	overflow: hidden;
}

#ConstructionMainContainer .transform-item ul, #ConstructionMainContainer .transform-item ul li{
	height: 0px;
	width: 0px;
	/*background: #d9d9d9;*/
	color: #d9d9d9;
}

[data-id="ConstructionPeriodsTableContainer"] .btn.btn-save {
	font-size: 15px;
	height: 33px;
    line-height: 20px;
    margin: 6px 0;
    width: 140px;
}

[data-id="ConstructionPeriodsTableContainer"] .btn-group-sm .loader{
	float: right;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 8px;
}

[data-id="ConstructionPeriodsTableContainer"] a.AddDayTypesCheckBox{
    margin-top:14px;
    margin-right:15px;
}

a[data-id="ScheduleCheck"]:hover{
	color: #c82128 !important;
}
a[data-id="ScheduleCheck"]:focus{
	color: #026aa9;
}

[data-id="ConstructionPeriodsTableContainer"] .construction-order {
	font-size: 12px;
	color: #FF5757;
}

[data-id="ConstructionPeriodsTableContainer"] .active-drag {
	background-color: #b3eec2;
}

[data-id="ConstructionPeriodsTableContainer"] .ui-state-highlight {
	/**height: 50px;
	background: #68CC81;**/
}

[data-id="ConstructionPeriodsTableContainer"] .can-drop-period .hover-drag {
	background-color: #68CC81;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson {
	background-color: #d9d9d9;
    cursor: move;
    height: 39px;
    /*line-height: 18px;*/
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 20px;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson:hover {
	background-color: #ebebeb;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson .fa.fa-thumb-tack{
	padding-top: 3px;
	font-size: 15px;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson .fa.fa-thumb-tack{
    display:none;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-pin="true"] .fa.fa-thumb-tack{
    display:block;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson .lesson-subj{
	display: block;
    /*padding-top: 14px;*/
    padding-top: 18px;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-pin="true"] .lesson-subj{
    padding-top: 0px;
}

[data-id="ConstructionPeriodsTableContainer"],
[data-id="ConstructionBlocksCoreContainer"] {
	padding-bottom: 15px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
}

[data-id="ConstructionPeriodsTableContainer"],
[data-id="ConstructionBlocksCoreContainer"],
[data-id="ConstructionBlockContainer"],
[data-id="ConstructionCoreContainer"] {
	border: 1px solid #ddd;
	padding: 0 10px 20px 10px;
	background-color:#fff;
}

[data-id="ConstructionPeriodsTableContainer"]{
    padding-top:4px;
}


[data-id="ConstructionBlockContainer"],
[data-id="ConstructionCoreContainer"] {
	padding: 0;
	background: #ebebeb;
}

[data-id="ConstructionBlocksCoreContainer"].hide-tg-container{
	display:inline-block;
	height: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
}

[data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const {
	font-size: 12px;
	color: #026aa9;
	background: #ebebeb;
	padding: 5px 5px;
	display: inline-block;
}

[data-id="ConstructionBlocksCoreContainer"] .tg-name-const,
[data-id="TeacherTeachingGroupsContainer"] .tg-name-const,
[data-id="TeacherUnassignedContainer"] .tg-name-const  {
	padding: 5px 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	/*border-radius: 15px;*/
	border-radius: 5px;
	cursor: pointer;
	width: 85px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-color="ADADAD"],[data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-color="E18EAC"], [data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-color="808040"], [data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-color="118001"], [data-id="ConstructionPeriodsTableContainer"] .pinned-lesson[data-color="86A2BA"] {
    color:#fff;
}

[data-id="ConstructionBlocksCoreContainer"] .tg-name-const.selected{
	border: 3px solid red;
    height: 28px;
    padding-top: 3px;
}

[data-id="TeacherTeachingGroupsContainer"] .tg-name-const,
[data-id="TeacherUnassignedContainer"] .tg-name-const  {
	cursor: move;
	position: relative;
}

#ConstructionMainContainer .construction-separator {
	width: 7px;
	background-color: #ddd;
	display: inline-block;
	margin: 0 10px;
	cursor: col-resize;
	color: #fff;
	position: relative;
}
/**
.teaching-group-box-const.unscheduledLessons .tg-name-const{
    background-color:#ccc;
    color:#fff;
}**/

[data-id="ConstructionBlocksCoreContainer"] label, [data-id="ConstructionBlocksCoreContainer"] [data-id="ConstructionBlockContainer"], [data-id="ConstructionBlocksCoreContainer"] [data-id="ConstructionCoreContainer"]{
    float:left;
    clear:both;
    width:100%;
}

[data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const{
    float:left;
}

[data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="ADADAD"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="E18EAC"],[data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="86A2BA"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="2BB935"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="118001"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="FF6666"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="FF6666"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="CC3333"], [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const[data-tgcolor="808040"]{
    color:#fff;
}

.fixedSettingHidden{
    padding-bottom:400px;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"]{
    display:none;
}

.fixedTeachingGroupContainerHead{
    display:none;
    float:left;
    width: 100%;
    background-color: #fff;
    padding: 3px 11px;
    z-index: 10;
    border-bottom: 2px solid #026AA9;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer{
    position: fixed;
    bottom: -39px;
    left: 0px;
    width: 100%;
    background-color: rgba(255,255,255, 0.9);
    z-index: 20;
    border-top: 3px solid #3896CE;
    height: 200px;
    display:block;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .ttcTtgsScrollableContainer{
    max-height: 200px;
    overflow-y: scroll;
    float:left;
    width:100%;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .teaching-group-box-const{
    padding:3px 5px;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.fixedSettingHidden [data-id="ConstructionBlocksCoreContainer"].fixBlockCoreContainer .frame::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

a[data-id="blocksCoresContainersLock"]{
    float:right;
}

.blockGroup:nth-child(1) .teaching-group-box-const{
    background-color:#D6F2F1 !important;
}
.blockGroup:nth-child(2) .teaching-group-box-const{
    background-color:#dcd6f2 !important;
}
.blockGroup:nth-child(3) .teaching-group-box-const{
    background-color:#eaf2d6 !important;
}
.blockGroup:nth-child(4) .teaching-group-box-const{
    background-color:#fad6a5 !important;
}
.blockGroup:nth-child(5) .teaching-group-box-const{
    background-color:#fff0f5 !important;
}
.blockGroup:nth-child(6) .teaching-group-box-const{
    background-color:#99badd !important;
}
.blockGroup:nth-child(7) .teaching-group-box-const{
    background-color:#d6f8de !important;
}
.blockGroup:nth-child(8) .teaching-group-box-const{
    background-color:#C99DAD !important;
}
.blockGroup:nth-child(9) .teaching-group-box-const{
    background-color:#9DA4C9 !important;
}
.blockGroup:nth-child(10) .teaching-group-box-const{
    background-color:#9DC9C1 !important;
}
.blockGroup:nth-child(11) .teaching-group-box-const{
    background-color:#C1C99D !important;
}
.blockGroup:nth-child(12) .teaching-group-box-const{
    background-color:#C99D9D !important;
}
.blockGroup:nth-child(13) .teaching-group-box-const{
    background-color:#FCA7F5 !important;
}
.blockGroup:nth-child(14) .teaching-group-box-const{
    background-color:#FCE6A7 !important;
}
.blockGroup:nth-child(15) .teaching-group-box-const{
    background-color:#C8A7FC !important;
}
.blockGroup:nth-child(16) .teaching-group-box-const{
    background-color:#A7FCE0 !important;
}
.blockGroup:nth-child(17) .teaching-group-box-const{
    background-color:#F4FCA7 !important;
}
.blockGroup:nth-child(18) .teaching-group-box-const{
    background-color:#FCD2A7 !important;
}
.blockGroup:nth-child(19) .teaching-group-box-const{
    background-color:#9CA2FF1 !important;
}
.blockGroup:nth-child(20) .teaching-group-box-const{
    background-color:#f4e3e3 !important;
}



#ConstructionMainContainer .construction-separator .fa.fa-ellipsis-v {
	position: absolute;
	top: 45%;
	left: 2px;
}

[data-id="ConstructionLessonsContainer"] {
	width: auto;
	border: 1px solid #ddd;
	position: relative;
}

[data-id="ConstructionLessonsContainer"] .empty-construction-lessons{
	height: 100px;
    width: 315px;
}

[data-id="ConstructionLessonsContainer"] .btn-group.btn-group-sm.btn-absolute-right {
	right: 5px;
	top: 5px;
}

[data-id="ConstructionLessonsContainer"] .btn-group.btn-group-sm.btn-absolute-right a{
    font-size:9px;
}

[data-id="ConstructionLessonsContainer"] .btn.btn-danger {
	padding: 5px;
}

[data-id="ConstructionLessonsContainer"] .const-lesson-box {
	margin-bottom: 0;
	cursor: move;
	border: none;
}

[data-id="ConstructionLessonsContainer"] .const-lesson-box.not-draggable{
	opacity: 0.35;
	cursor: default !important;
}

[data-id="ConstructionLessonsContainer"] .not-draggable label {
	cursor: default;
}

[data-id="ConstructionLessonsContainer"] .construction-lesson-mark {
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 35px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box {
	margin-bottom: 10px;
	font-size: 12px;
	border: 1px solid #ddd;
	float:left;
	/*border-radius: 35px;
	padding: 10px;*/
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box .panel{
	border-radius: 0;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul{
	border-radius: 0;
    list-style: none;
    padding: 4px 10px;
    font-weight: bold;
    margin-bottom: 0;
    min-width: 145px;
    position: relative;
    float:left;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul li{
	background-color: #fff;
	text-align: center;
	line-height: 2;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .multiple{
	background: none repeat scroll 0 0 #fff;
    border-radius: 30px;
    color: #000;
    margin-: 0px 3px;
    padding-right: 1px;
    padding-top: 1px;
    padding-left: 0;
    width: 26px;
    float:left;
}

/**[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .room-data{
	background: none repeat scroll 0 0 #fff;
    border-radius: 20px;
    color: #d9534f;
    height: 24px;
    margin-bottom: 2px;
    margin-top: 8px;
    width: 80px;
    position: absolute;
    right: 10px;
    top: 3px;
}**/


[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .constructionHelp{
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  color: #d9534f;
  height: 24px;
  margin-bottom: 2px;
  width: 24px;
  float:left;
  cursor: pointer;
  border: 1px solid;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .constructionHelp.explanationSelect{
    background-color:#d9534f;
    color:#fff;
    font-weight:bold;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .teacher-data, [data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .baseClassNameDetails, [data-id="ConstructionLessonsContainer"] .tg-lesson-box ul .room-data{
	background: none repeat scroll 0 0 #fff;
    border-radius: 20px;
    color: #026aa9;
    min-height: 24px;
    height: auto;
    margin:0px 3px;
    text-transform: uppercase;
    /**width: 100%;**/
    width:24px;
    float:left;
}

[data-id="ConstructionLessonsContainer"] .tg-lesson-box ul li.room-data{
    width:auto;
    /**max-width:80px;**/
    padding:0px 8px;
}

[data-id="ConstructionLessonsContainer"] li.list-group-item {
	border: none;
	height: 30px;
	padding: 5px;
}

[data-id="ConstructionLessonsContainer"] li.list-group-item:first-of-type {
	border: none;
}

[data-id="ConstructionLessonsContainer"] .tg-name-lesson {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 15px;
	margin-right: 25px;
}

[data-id="ConstructionLessonsContainer"] .tg-name-lesson span{
	font-weight: normal;
    margin-left: 10px;
    font-size: 15px;
}

#LessonDitailsDialog [data-id="lessonPinLink"] div{
	cursor: pointer;
	color: #333;
}

#LessonDitailsDialog [data-id="lessonPinLink"] div.pinned-lesson{
	color: #6d6d6d;
}

#LessonDitailsDialog [data-id="lessonPinLink"] div:hover{
	color: #026aa9;
}

[data-id="ConstructionPeriodsTable"] li.pinned-lesson.selected, [data-id="ConstructionPeriodsTable"] li.pinned-lesson.highlighted.selected{
	/*border: 3px solid red;*/
	border: 3px solid #000;
}

[data-id="ConstructionPeriodsTable"] li.pinned-lesson.highlighted{
	border: 3px solid red;
}

/* [data-id="ConstructionLessonsContainer"] .fa.fa-caret-up {
	color: #fff;
	font-size: 38px;
	display: block;
	text-align: center;
	position: relative;
	top: -70px;
} */

/* @media (min-width: 640px) and (max-width: 767px) {
	[data-id="ConstructionBlocksCoreContainer"] {
		width: 37%
	}
}

@media (min-width: 768px) and (max-width: 1455px) {
	[data-id="ConstructionBlocksCoreContainer"] {
		width: 36%
	}
} */

/* End Construction */

[data-href="table-separator"]{
	background: #def6ff;
}

/*END Class Data*/

/*Class Sets*/
#ClassSetsContainer tbody tr td {
	padding: 0;
}

.class-period{
	float: left;
	width: 50px;
	height: 50px;
}

/*END Class Sets*/

/*Group Manager*/
@media (min-width:1600px) and (max-width:1838px) {
	.class-group-container{
		padding-right: 5px;
		width: 133px;
	}
	.unlinked-container {
	    width: 133px;
	}
	.teaching-group {
	    width: 138px;
	}

	.panel-manager.teaching-heading > .panel-heading {
		line-height: 15px;
	}

	.panel-manager > .panel-body {
	    padding: 10px !important;
	}

	.button-manager-holder{
		margin-left: 138px;
	}

	.button-manager-holder.teaching-manager{
		margin-left: 143px;
    }

    .button-manager-holder.teacherDropZone{
		margin-left: 286px;
	}

    .button-manager-holder.teacherDropZone{
		margin-left: 286px;
	}
}

@media (min-width:1400px) and (max-width:1599px) {
	.class-group-container{
		padding-right: 5px;
		width: 113px;
	}
	.unlinked-container {
	    width: 113px;
	}
	.teaching-group {
	    width: 128px;
	}

	.panel-manager.teaching-heading > .panel-heading {
		line-height: 15px;
	}

	.panel-manager > .panel-body {
	    padding: 5px !important;
	}

	.button-manager-holder{
		margin-left: 118px;
	}

	.button-manager-holder.teaching-manager{
		margin-left: 133px;
    }

    .button-manager-holder.teacherDropZone{
		margin-left: 266px;
	}

    .button-manager-holder.teacherDropZone{
		margin-left: 266px;
	}
}

@media (min-width:1300px) and (max-width:1399px) {
	.class-group-container{
		padding-right: 5px;
		width: 104px;
	}
	.unlinked-container {
	    width: 104px;
	}
	.teaching-group {
	    width: 119px;
	}

	.panel-manager.teaching-heading > .panel-heading {
		line-height: 15px;
	}

	.panel-manager > .panel-body {
	    padding: 5px !important;
	}

	.panel-manager > .panel-body > ul.list-group > li.list-group-item {
	    padding: 3px !important;
	    height: 28px;
	}

	.button-manager-holder{
		margin-left: 109px;
	}

	.button-manager-holder.teaching-manager{
		margin-left: 124px;
    }

    .button-manager-holder.teacherDropZone{
		margin-left: 248px;
	}

    .button-manager-holder.teacherDropZone{
		margin-left: 248px;
	}

}

/*MarkAttendance Fix*/
@media (min-width:859px) and (max-width:898px) {
	.AttendanceTableContainer, .ButtonCustom{
		max-width: 160px;
	}
	#SaveAttendance {
		max-width: 160px !important;
	}
}

@media (min-width:821px) and (max-width:858px) {
	.AttendanceTableContainer, .ButtonCustom{
		max-width: 133px;
	}
	#SaveAttendance {
		max-width: 133px !important;
	}
	#buttonAttendanceTitle{
		font-size: 17px;
	}
}

@media (min-width:800px) and (max-width : 820px){
	.AttendanceTableContainer, .ButtonCustom {
	    max-width: 111px;
	}
	#SaveAttendance {
	    max-width: 111px !important;
	}
}

@media (min-width:768px) and (max-width:799px) {
	.AttendanceTableContainer{
		max-width: 100px;
	}
	.ButtonCustom{
		width: 95px;
		font-size: 11px;
		height: 35px;
    	line-height: 34px;
	}
	#SaveAttendance {
		max-width: auto !important;
		font-size: 14px;
	}
	#EnableNotesButton, #ClearMarkButton {
		font-size: 11px;
		padding: 5px;
	}
	#buttonAttendanceTitle{
		font-size: 14px;
	}
	.MarkAttendanceContainer{
		margin-left: -15px;
	}
}


@media (max-width:767px) {



	.AttendanceTableContainer{
		max-width: 100% ;
		margin-top: 0;
	}
	.ButtonCustom{
		width: 133px;
		font-size: 14px;
		height: 40px;
    	line-height: 40px;
	}
	#SaveAttendance {
		font-size: 17px;
		max-width: 133px !important;
	}
	#EnableNotesButton, #ClearMarkButton {
		font-size: 14px;
		padding: 5px 10px;
	}
	#buttonAttendanceTitle{
		font-size: 17px;
	}
	.MarkAttendanceContainer{
		margin-left: 0;
	}
}

.attendance-float-att-box {
	background: rgba(255, 255, 255, 0.9);
    left: 23px;
    position: fixed;
    right: 23px;
    top: 26px;
    z-index: 600;
    border-bottom:2px solid #c82128;
    border-bottom:2px solid #026AA9;
    padding-top:8px !important;
}

.attendance-float-att-box #AttendanceMarkOpts{
    margin-bottom:0px;
}

/**[data-touchscreen="true"] .attendance-float-att-box {
  width:100%;
  left:0px;
}**/

.attendance-float-att-box .margin-bottom-twenty#TeachingGroupAttendanceMarks{
    margin-bottom:0px !important;
}

.attendance-float-att-box #TeachingGroupAttendanceAddNote{
    display:none;
    position: absolute;
    top: 83px;
    right: 0px;
    padding:0px;
}

.attendance-float-att-box a.ad-hoc-button.PRES{
    background-color:#fff;
}

.attendance-float-att-box #TeachingGroupAttendanceAddNote .button-comment-container{
    border-top:0px;
    border-right:0px;
    border-top-left-radius:0px;
    border-bottom-right-radius:0px;
    border-left:2px solid #026AA9;
    border-bottom:2px solid #026AA9;
    background-color:rgba(255, 255, 255, 0.9)
}

.attendance-float-att-box .pull-left#MarkAttendanceSaveBtn{
    position: fixed;
    right: 0px;
    width: 120px !important;
    top: 300px;
    cursor:pointer;
}


.attendance-float-att-box #SaveAttendance {
    width: 100% !important;
    opacity: 0.9;
    height: 48px;
    font-size: 17px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-left:18px;
    font-weight:normal;
}

#showTakeNoteHolder{
    display:none;
    color: #fff;
    background-color: #026AA9;
    width: 120px;
    height: 48px;
    position: absolute;
    font-size: 22px;
    right: 0px;
    top: 240px;
    border: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    cursor:pointer;
    opacity:0.9;
}

@media (min-width:1200px) {
/** #showTakeNoteHolder {
 	top:32px;
 }

 .attendance-float-att-box .pull-left#MarkAttendanceSaveBtn{
    top:24px;
 }**/

 .attendance-float-att-box #TeachingGroupAttendanceAddNote{
    top:63px;
 }

}


#showTakeNoteHolder.buttonActiveBlue{
    background-color:#DEF6FF;
    color:#026AA9;
    border:1px solid;
}

.attendance-float-att-box #showTakeNoteHolder{
    display:block;
    font-size:17px;
    height:40px;
}

.attendance-float-att-box {
  width:100%;
  left:0px;
}

/*TeachingGroupManager*/
@media (min-width:1200px) and (max-width:1299px) {
	[data-class="panel-body-small"]{
		padding-left: 10px !important;
		padding-right: 2px !important;
	}

	[data-class="panel-body-small"] > .row > .row > .col-md-12 {
		padding-left: 15px !important;
	}

	.class-group-container{
		padding-right: 5px;
		width: 98px;
	}
	.unlinked-container {
	    width: 98px;
	}
	.teaching-group {
	    width: 113px;
	}

	.panel-manager.teaching-heading > .panel-heading {
		line-height: 15px;
	}

	/*.panel.panel-manager {
		font-size: 13px;
	}*/

	.panel-manager > .panel-body {
	    padding: 5px 3px !important;
	}

	.panel-manager > .panel-body > ul.list-group > li.list-group-item {
	    padding: 3px !important;
	    height: 28px;
	    overflow: hidden;
	    white-space: pre;
	}

	.panel.panel-manager {
		font-size: 11px;
	}

	.button-manager-holder{
		margin-left: 103px;
	}

	.button-manager-holder.teaching-manager{
		margin-left: 115px;
    }

    .button-manager-holder.teacherDropZone{
		margin-left: 230px;
	}

    .button-manager-holder.teacherDropZone{
		margin-left: 230px;
	}
}

@media (max-width:1199px) {
	[data-class="panel-body-small"]{
		padding-left: 10px !important;
		padding-right: 0 !important;
	}

	[data-class="panel-body-small"] > .row > .row > .col-md-12 {
		padding-left: 15px !important;
	}

	.class-group-container{
		padding-right: 5px;
		width: 90px;
	}
	.unlinked-container {
	    width: 90px;
	}
	.teaching-group {
	    width: 116px;
	}

	.panel.panel-manager {
		font-size: 11px;
	}

	.panel-manager > .panel-body {
	    padding: 0px !important;
	}

	.panel-manager > .panel-body > ul{
		margin-bottom: 0;
		/*min-height: 46px !important;*/
	}

	.panel-manager > .panel-body > ul.list-group > li.list-group-item {
	    padding: 3px !important;
	    border-left: none;
	    border-right: none;
	    height: 28px;
	    overflow: hidden;
	    white-space: pre;
	}

	.panel-manager > .panel-body > ul.list-group > li.list-group-item:first-child {
	    border-top: none;
	    border-top-left-radius: 0;
    	border-top-right-radius: 0;
	}

	.button-manager-holder{
		margin-left: 95px;
	}

	.button-manager-holder.teaching-manager{
		margin-left: 121px;
    }

    .button-manager-holder.teacherDropZone{
		margin-left: 242px;
    }

    .button-manager-holder.teacherDropZone{
		margin-left: 242px;
    }

	.day-custom-cell{
		width: 15%;
	}

}

/*END Group Manager*/

.overview-nav {
    text-align: center;
}

.overview-nav .overview-nav-block {
	float: left;
    border-radius: 4px;
    color: #FFFFFF;
    /*cursor: pointer;*/
    display: inline-block;
    font-weight: 300;
    height: 70px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin: auto 5px 5px auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 24%;
    z-index: 1;
}

.overview-nav .overview-nav-block a {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    line-height: 16px;
    overflow: hidden;
    padding: 5px 10px;
    position: absolute;
    text-overflow: ellipsis;
    vertical-align: top;
    width: 100%;
    cursor: inherit;
}

.overview-nav .overview-nav-block .fa {
    color: #FFFFFF;
    font-size: 30px;
    line-height: 35px;
}

.overview-nav .overview-nav-block .title, .overview-nav .overview-nav-block .tile-status {
    background-color: rgba(0, 0, 0, 0);
    bottom: -4px;
    /*font-size: 14px;*/
    left: 10px;
    min-height: 30px;
    position: absolute;
}

.overview-nav .overview-nav-block .info {
    font-size: 27px;
    position: absolute;
    right: 10px;
    top: 18px;
}

.overview-nav .overview-nav-block .info.not-main {
	top: 10px;
}

.overview-nav .overview-nav-block.double{
	width: 47%;
}

.overview-nav .overview-nav-block:hover {
	/*opacity: 0.8;*/
	opacity: 1;
}

/*abs*/
.overview-nav .nav-block-blue-first {
    background-color: #2a709e;
}
.overview-nav .nav-block-blue-second {
    background-color: #3693CF;
}
.overview-nav .nav-block-blue-third {
    background-color: #4cb1f1;
}
/*late*/
.overview-nav .nav-block-yellow-first {
    background-color: #DE9D00;
}
.overview-nav .nav-block-yellow-second {
    background-color: #FFB400;
}
.overview-nav .nav-block-yellow-third {
    background-color: #ffcf5a;
}
/* - figures*/
.overview-nav .nav-block-green {
    background-color: #74B749;
}
/* + figures*/
.overview-nav .nav-block-red {
    background-color: #F63131;
}

#TR_LoadingOpen .no-padding {
	padding: 0;
}

#Timings_Sub_Calendar li {
	margin: 7px 0;
}


.ImageUploadForm,
.ButtonMidCenter#PPODSyncButtonText, .ButtonMidCenter#PPODSyncButtonTextCBA {
	background: none;
	background-color: #026aa9;
    color: #fff !important;
    font-size: 17px;
    font-weight: normal;
    height: 34px;
    line-height: 26px;
    padding: 5px 10px;
    border-radius: 4px;
}
.ImageUploadForm:hover,
.ButtonMidCenter#PPODSyncButtonText:hover {
    color: #fff !important;
    background-color: #025587;
}

.ButtonNewMessagesCenter {
	padding: 0 7px;
	background: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.ButtonNewMessages.Selected .ButtonNewMessagesCenter {
	background: none;
	background-color: #ccc;
}

@media (max-width:1070px) {
	#TGClassName {
	    font-size: 19px;
	}
}
@media (min-width:768px) and (max-width:979px) {
	#TGClassName {
	    font-size: 16px;
	}
}
@media (max-width:767px) {
	#TGClassName {
	    font-size: 16px;
	    max-width: 81%;
	}
}

/* Room Availability styles */
#RoomAvailability {
	position: relative;
}
#RoomAvailability table {
	width: 100%;
	color: #6d6d6d;
}
#RoomAvailability table th {
	text-align: center;
	background-color: #def6ff;
}
#RoomAvailability table tr {
	height: 50px;
}

#RoomAvailability table tr td:first-of-type {
	padding-left: 10px;
	font-weight: bold;
	background-color: #e9e9e9;
}

#RoomAvailability table tr td:hover {
	background-color: #f5f5f5;
}
#RoomAvailability table tr td:first-of-type:hover {
	background-color: #e9e9e9;
}

/* #RoomDatePicker { */
/* 	margin-bottom: 30px; */
/* } */

.RoomAvailabilityTitle {
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}
.RoomAvailabilityTitle .RoomAvailabilityDate {
	float: left;
	margin: 0 20px;
	font-size: 18px;
	font-weight: bold;
}
.RoomAvailabilityTitle .NavArrow {
	width: 20px;
	height: 20px;
}
.RoomAvailabilityTitle .NavArrow.Left,
.RoomAvailabilityTitle .NavArrow.Right {
	float: left;
}

[data-date],
[data-period] {
	cursor: pointer;
}

.RoomsNumber {
	width: 36px;
	height: 24px;
	margin: auto;
	border-radius: 4px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px #577649;
	text-align: center;
	color: #fff;
	background-color: #94c87d;
}

.RoomsNumber.NotAvailable {
	text-shadow: 1px 1px #bdbdbd;
	background-color: #eaeaea;
}

/* Styles for new Room Availability page */
.panel-body.ra-padding {
	padding: 0 5px;
}

.DatePickerBox {
	position: absolute;
	top: 0;
	left: 5px;
	bottom: 0;
	/* width: 300px; */
	width: 320px;
	padding: 20px;
	background-color: #f4f4f4;
}

.DatePickerBox .Change {
	width: 100%;
	height: 40px;
}
.DatePickerBox .Change.Year {
	width: 100%;
	height: 40px;
	margin-bottom: 15px;
}
.DatePickerBox .Change .Title {
	display: table;
	height: 40px;
	margin: 0 auto;
	line-height: 40px;
	font-size: 24px;
	text-transform: uppercase;
}
.DatePickerBox .Change .PrevMonth,
.DatePickerBox .Change .PrevYear {
	float: left;
	width: 30px;
	height: 30px;
	margin: 5px 0;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/white-arrow-left.png?elb=yes) center center no-repeat;
}
.DatePickerBox .Change .NextMonth,
.DatePickerBox .Change .NextYear {
	float: right;
	width: 30px;
	height: 30px;
	margin: 5px 0;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/white-arrow-right.png?elb=yes) center center no-repeat;
}

/* #RoomDatePicker .ui-datepicker-header {
	display: none;
} */

#RoomDatePicker .ui-datepicker-header a {
	display: block;
	width: 30px;
	height: 30px;
}
#RoomDatePicker .ui-datepicker-header a.ui-datepicker-prev {
	top: 0;
	left: 0;
}
#RoomDatePicker .ui-datepicker-header a.ui-datepicker-next {
	top: 0;
	right: 0;
}
#RoomDatePicker .ui-datepicker-header a.ui-datepicker-prev-hover,
#RoomDatePicker .ui-datepicker-header a.ui-datepicker-next-hover {
	border: none;
	background: none;
}
#RoomDatePicker .ui-datepicker-header a.ui-datepicker-prev .ui-icon {
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/white-arrow-left.png?elb=yes) center center no-repeat;
}
#RoomDatePicker .ui-datepicker-header a.ui-datepicker-next .ui-icon {
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/white-arrow-right.png?elb=yes) center center no-repeat;
}
#RoomDatePicker .ui-datepicker-header .ui-datepicker-month,
#RoomDatePicker .ui-datepicker-header .ui-datepicker-year {
	text-transform: uppercase;
	font-size: 23px;
	font-weight: normal;
    height: 40px;
}

#RoomDatePicker .ui-datepicker {
	width: auto;
	padding: 0;
	box-shadow: none;
}

#RoomDatePicker .ui-datepicker,
#RoomDatePicker .ui-datepicker .ui-datepicker-header,
#RoomDatePicker .ui-datepicker th,
#RoomDatePicker .ui-datepicker-calendar .ui-state-default {
	background-color: transparent;
}

#RoomDatePicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
	width: 31px;
	height: 31px;
	color: #c92930;
	border: 2px solid #c92930;
}

#RoomDatePicker .ui-datepicker td {
	width: 29px;
	height: 29px;
	padding: 5px;
}
#RoomDatePicker .ui-datepicker td.ui-datepicker-current-day {
	width: 25px;
	height: 25px;
	padding: 0 0 0 3px;
}

#RoomDatePicker .ui-datepicker td a {
	width: 27px;
	height: 27px;
	border-radius: 100px;
	padding: 4px 3px;
	color: #9c9c9c;
}

#RoomDatePicker .ui-datepicker th span {
	font-weight: 500;
	text-transform: uppercase;
}

.RoomAvailabilityTableBox,
.ViewBookingsTableBox {
	float: right;
	width: 100%;
	padding-left: 320px;
}
.ViewBookingsTableBox {
	min-height: 300px;
}
.RoomAvailabilityTableBox .TitleBox,
.ViewBookingsTableBox .TitleBox {
	display: table;
	margin: 20px auto 30px;
}
.RoomAvailabilityTableBox .TitleBox .PrevWeek,
.ViewBookingsTableBox .TitleBox .PrevWeek {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 7px;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/blue-arrow-left.png?elb=yes) center center no-repeat;
	cursor: pointer;
}
.RoomAvailabilityTableBox .TitleBox .NextWeek,
.ViewBookingsTableBox .TitleBox .NextWeek {
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 7px;
	background: url(https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/blue-arrow-right.png?elb=yes) center center no-repeat;
	cursor: pointer;
}
.RoomAvailabilityTableBox .TitleBox .Title,
.ViewBookingsTableBox .TitleBox .Title {
	float: left;
	line-height: 30px;
	text-align: center;
	font-size: 19px;
	color: #6d6d6d;
}

#RATable {
	width: 94%;
	margin: 0 3% 50px;
}

#BookingsTable {
	width: 94%;
	margin: 40px 3% 30px;
}

#RATable .RATableRow {
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #dcdcdc;
}

#RATable .RATableRow .RATableCell {
	float: right;
	width: 63px;
	height: 49px;
	border-right: 1px solid #dcdcdc;
}

#RATable .RATableRow .RATableCell.Monday {
	width: 64px;
	border-left: 1px solid #dcdcdc;
}

#RATable .RATableRow .RATableCell.Period {
	float: left;
	width: 167px;
	margin-left: 15px;
	line-height: 14px;
	font-weight: 600;
	color: #6d6d6d;
	border-right: none;
    display: flex;
    align-items: center;
}


#RATable .RATableRow .RATableCell .AvailableRooms {
	width: 56px;
	height: 42px;
	margin: 3px;
	line-height: 42px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #5db337;
	cursor: pointer;
}

#RATable .RATableRow .RATableCell .AvailableRooms.None {
	background-color: #c92930;
	cursor: default;
}

#RATable .RATableRow .RATableCell .AvailableRooms.CurrentPeriod {
	background-color: #FFBF00;
}

#RATable .RATableRow .RATableCell .DayLabel,
#RATable .RATableRow .RATableCell .DateLabel {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	color: #026aa9;
}

#RATable .RATableRow .RATableCell .DayLabel {
	margin-top: 4px;
}

#RATable .RATableRow .RATableCell.Selected .DayLabel,
#RATable .RATableRow .RATableCell.Selected .DateLabel {
	color: #c82128;
}

#BookRoomModal .info-container {
	margin-bottom: 0;
	border-bottom: 0;
}

#BookRoomModal .AvailableRoomsList {
	width: 100%;
	border: 1px solid silver;
}

#BookRoomModal .AvailableRoomsList tr:nth-child(2n+1) td {
    background-color: #f9f9f9;
}
#BookRoomModal .AvailableRoomsList tr.trhead td {
    background-color: #def6ff !important;
    font-weight: bold;
}
#BookRoomModal .AvailableRoomsList td {
    border-top: 1px solid #ddd;
    color: #333;
	/*padding: 8px 10px 8px 8px;*/
	padding: 0 10px;
}

#BookRoomModal .AvailableRoomsList .input-group {
	margin: 0 auto;
}

#BookRoomModal .AvailableRoomsList .input-group,
#BookRoomModal .AvailableRoomsList .input-group-addon {
    width: auto;
}

#filterTableBodyId .input-group-addon.round-box {
	border: none;
	background-color: transparent;
	padding: 0;
}

#filterTableBodyId td:nth-child(3) {
	text-align: center;
}

#AvailableRoomsList thead td:nth-child(3),
#AvailableRoomsList thead td:nth-child(4) {
	text-align: center;
}

.ViewBookingsTableBox .btn-danger {
	margin-left: 6px !important;
}

/* Responsivee table start */
@media (max-width: 1280px) {
  	#RATable .RATableRow .RATableCell.Period {
		/* width: 100px; */
	}
}

@media (max-width: 1200px) {
  	.DatePickerBox {
		bottom: auto;
		right: 5px;
		width: auto;
	}

	#RoomDatePicker .ui-datepicker {
		width: 260px;
		margin: 0 auto;
	}

	.RoomAvailabilityTableBox,
	.ViewBookingsTableBox {
		padding-left: 0;
		padding-top: 300px;
	}
}

@media (max-width: 970px) {
  	#RATable .RATableRow .RATableCell .AvailableRooms {
		width: 28px;
		height: 21px;
    	line-height: 21px;
    	font-size: 15px;
	}

	#RATable .RATableRow .RATableCell {
		height: 28px;
    	width: 35px;
	}

	#RATable .RATableRow {
		height: 28px;
	}

	#RATable .RATableRow .RATableCell.Monday {
		width: 36px;
	}

	#RATable .RATableRow .RATableCell.Period {
		width: 167px;
	}

	#RATable .RATableRow .RATableCell.Period table,
	#RATable .RATableRow .RATableCell.Period table td {
		height: 27px;
	}

	#RATable .RATableRow .RATableCell .DayLabel,
	#RATable .RATableRow .RATableCell .DateLabel {
		margin-top: 0;
		font-size: 10px;
	}
}

/* Responsivee table end */

/*EmailSettings*/
.errorCustom {
	display: none;
	position: absolute;
	top: -6px;
	/*right: 0;*/
	right: 19px;
	min-width: 140px;
	height: 25px;
	padding: 0 5px 0 5px;
	line-height: 25px;
	text-align: center;
	background: #f4cacf;
	color: #bd0016;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: normal;
}


.handsontableReadOnly {
    font-style: italic;
}

.feedashbard-left {
    margin-left: auto !important;
}

.piechart-legend {
    margin-bottom: 50px !important;
    z-index: 100 !important;
}

.icon-coins {
    background: url('https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/coins-icon.png?elb=yes') no-repeat;
    width: 30px !important;
    height: 30px !important;
}

/*TeachingGroupManager multi*/
.input-group.unassigned-select{
	/*width: 90px;*/
	width: 120px;
}

.input-group.unassigned-select select.form-control{
	margin-right: 20px;
	height: 25px;
	padding-right: 20px;
	padding-bottom: 0;
    padding-left: 3px;
    padding-top: 0;
    font-size: 11px;
}

.input-group.unassigned-select span.caret{
	/*left: 75px;*/
	left: 104px;
	top: 11px;
}

.input-group.unassigned-select span.line-select{
	/*left: 71px;*/
	left: 100px;
    top: 0;
    height: 24px;
}

/*PickCoverTeacherDialog*/
.PickTchCell{
	cursor: pointer;
}
#teachersInClass{
	margin-left: 10px;
}
#teachersInClass .teacherInClassTitle{
	font-weight: 900 !important;
}
#teachersInClass > ul#teachersInClassList{
    padding-left: 0;
    list-style-type: none;
}

.PickSubTchForCover{
	margin: 10px 10px 10px 10px;
	height: 250px;
	overflow: auto;
	background-color: #eee;
    border: 1px solid #ddd;

}

.subCoverTypeErr{
    display: none;
    color: #bd0016;
}

.popupFooterErrMess{
    display: none;
    color: #bd0016;
    float: left;
    line-height: 74px;
}

.SubTchSelected {
    background-color: #026aa9;
    color: white;
}

.btn.btn-data {
	float: left;
	background-color: #026aa9;
    color: #fff;
	font-size: 16px;
	font-weight: bold;
    height: 30px;
    line-height: 28px;
    margin-left: 15px;
    margin-right: 0;
    text-align: center;
    text-decoration: none;
    width: 83px;
    padding: 0;
}

.btn.btn-data:hover{
	background-color: #025587;
	color: #fff;
}

#CalendarList .ui-datepicker-calendar .ui-state-default.ui-state-active {
	background-color: #b1b1b1;
    color: #fff;
}

.ui-datepicker td.Present a, .ui-datepicker td.Present span { background: #1a9017 !important; color: #fff;}
.ui-datepicker td.PartiallyAbsent a, .ui-datepicker td.PartiallyAbsent span { background: #FFBF00 !important; color: #fff;}
.ui-datepicker td.Unexplained a, .ui-datepicker td.PartiallyAbsent span { background: #330099 !important; color: #fff;}
.ui-datepicker td.Absent a, .ui-datepicker td.Absent span { background: #970415 !important; color: #fff;}
.ui-datepicker td.Future a, .ui-datepicker td.Future span { background: #e8e8e8 !important; color: #515151 !important; cursor: default;}


/*TeachingGroupManager multi*/
@media (max-width:1399px) {
	.input-group.unassigned-select{
		width: 110px;
	}
	.input-group.unassigned-select span.caret{
		left: 94px;
	}

	.input-group.unassigned-select span.line-select{
		left: 90px;
	}

}

@media (max-width:1265px) {
	.input-group.unassigned-select select.form-control{
		font-size: 10px;
	}
	.input-group.unassigned-select{
		width: 103px;
	}
	.input-group.unassigned-select span.caret{
		left: 88px;
	}

	.input-group.unassigned-select span.line-select{
		left: 85px;
	}

}

/*Attendance table cell importan for positing tick mark and flag*/
.AttendanceUiTableCell, .AttendanceTableName{
	position: relative;
}

.SaveAttendanceMessage{
	z-index: 200;
}

.MarkAttendanceContainer, .AttendanceUiTableContainer{
	float: left;
}

/*AdHocAttendance*/

.AdHocAttendanceContainer{
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	max-height: 100%;
	width: 100%;
}

.AdHocAttendanceHeader{
    width: auto;
    border: 1px solid #E4E4E4;
    font-size: 14px;
    font-weight: bold;
    color: #6d6d6d;
    background-color: #DEF6FF;
    display:table-row;
    white-space: nowrap;
    text-align: center;
}

.AdHocAttendanceHeader.adHocAttendanceHeaderFixed{
    position:fixed;
    z-index:250;
    overflow:hidden;
}

.AdHocAttendanceHeader.adHocAttendanceHeaderFixed .AdHocAttendanceCellStudentNameLabel{
    position:absolute;
    left:0px;
    top:0px;
    z-index:10;
    background-color:#DEF6FF;
    padding-top:6px;
}

.AdHocAttendanceRow{
     display:table-row;
     text-align: center;
     white-space: nowrap;
}

.AdHocAttendanceBulkTable div {
	vertical-align: middle;
}

.AdHocAttendanceRow:nth-of-type(even) {
    background: #FFFFFF;
}

.AdHocAttendanceRow:nth-of-type(odd) {
    background: #E9E9E9;
}

.AdHocAttendanceCell{
    display:table-cell;
    border-right: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    line-height: 30px;
    position: relative;
    min-width: 70px;
}

.AdHocAttendanceHeader .AdHocAttendanceCell:first-of-type {
	text-align: center;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
	vertical-align: middle;
	border-right: 1px solid #E4E4E4;
	border-left: 1px solid #e4e4e4;
}

.AdHocAttendanceHeader .AdHocAttendanceCell div{
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    letter-spacing: 0;
    word-spacing: 0;
    text-align: center;
    cursor: pointer;
}

.AdHocAttendanceRow .AdHocAttendanceCell:first-of-type {
	font-size: 14px;
	text-align: left;
	border-left: 1px solid #e4e4e4;
	width: 261px;
	float: left;
}

.AdHocAttendanceRow .AdHocAttendanceCell .StudentListPhoto.MarkAttendanceStuPhoto {
	float: left;
	margin-bottom: 4px;
}

.AdHocAttendanceContainer a {
	color: #636363;
	display: block;
}


@media (max-width: 650px) {
    .AdHocAttendanceCell a{
        font-size:20px;
    }

}

/*Ad Hoc Attendance buttons*/
#AttendanceMarkOpts{
	margin-bottom: 5px;
}

.button-container{
	float: left;
	height: 40px;
	margin-right: 15px;
    max-width: 120px;
	/*margin-top: 20px;*/
}

.button-container span {
	float: left;
	line-height: 13px;
    padding-top: 5px;
    font-family: "MyriadProBoldCondensed",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: lighter;
    width: 70px;
    text-align: center;
    color: #636363;
}

a.ad-hoc-button {
	float: left;
	max-width: 150px;
	height: 30px;
	min-width: 40px;

    /*line-height: 50px;*/

    line-height: 15px;
    padding-top: 8px;
    padding-left: 5px;
    padding-right:5px;
    padding-bottom: 20px;

    border-radius: 5px;
    cursor: pointer;
    font-family: "MyriadProBoldCondensed",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;

    border: 1px solid #cacaca;
    color: #7d7d7d;
    background: #ffffff;
}

@media (max-width: 650px) {

    .attendance-float-att-box a.ad-hoc-button{
        height:46px;
        padding-top:14px;
        font-size:18px;
    }

    .attendance-float-att-box .button-container{
        height:56px;
    }

    .attendance-float-att-box #TeachingGroupAttendanceAddNote{
        top:115px;
    }
}

/*Clear Mark*/
a.ad-hoc-button.EMP:hover,  a.ad-hoc-button.EMP.Selected,
a.ad-hoc-button:hover,  a.ad-hoc-button.Selected{
	border: 1px solid #cacaca;
	color: #0D5986;
	background: #cacaca;
}

a.ad-hoc-button.Present{
	border: 1px solid #CACACA;
    color: #0D5986;
}
a.ad-hoc-button.Present:hover,  a.ad-hoc-button.Present.Selected{
	border: 1px solid #CACACA;
	color: #0D5986;
	background: #CACACA;
}

a.ad-hoc-button.Absent, a.ad-hoc-button.Explained.Absence {
	border: 1px solid #CACACA;
    color: #0D5986;
}
a.ad-hoc-button.Absent:hover,  a.ad-hoc-button.Absent.Selected,
a.ad-hoc-button.Explained.Absence:hover,  a.ad-hoc-button.Explained.Absence.Selected{
	border: 1px solid #cacaca;
	color: #0D5986;
	background: #CACACA;
}

a.ad-hoc-button.Late{
	border: 1px solid #CACACA;
    color: #0D5986;
}
a.ad-hoc-button.Late:hover,  a.ad-hoc-button.Late.Selected{
	border: 1px solid #cacaca;
	color: #0D5986;
	background: #CACACA;
}

a.ad-hoc-button.PRES {
	border: 1px solid #CACACA;
    color: #0D5986;
	background: url(../Images/TickIconNew.png) center center no-repeat;
}
a.ad-hoc-button.PRES:hover, a.ad-hoc-button.PRES.Selected{
	border: 1px solid #cacaca;
	color: #0D5986;
	background: url(../images-new/TickIconNewSlected.png) center center no-repeat;
	background-color: #009933;
}

.button-comment-container{
	border: 1px solid #ccc;
    border-radius: 4px;
    /*float: left;*/
    float: right;
    padding: 10px;
    width: 100%;
    background-color:#fff;
}

#CommentInputBox {
	width: 100%;
}

.AttendanceHeaderCellDate {

	line-height: 45px !important;

max-width: 600px !important;
    padding-right: 0 !important;
	text-align: center;
}

.AdHocAttendanceHeader .SEN_ELEMENT {
	height: 14px;
	width: 14px;
	background: url(../images-new/sen-att.png) center no-repeat;
}

.AdHocAttendanceHeader .RESULT_ELEMENT {
	height: 14px;
	width: 14px;
	background: url(../images-new/cap.png) center no-repeat;
}

.FaHeaderCell {
	line-height: -1 !important;
	padding-top: 5px;
}

.AdHocAttendanceHeaderWithTime {
	min-width: 150px;
}

.AttendanceArrowLeft, .AttendanceArrowRight{
    float: left;
    width: 4px;
    font-size: 20px !important;
    margin-top: 7px !important;
    cursor: pointer;
}

.AttendanceArrowRight {
    float: right;
}

.AttendanceArrowRight {
	margin-left: 0 !important;
	margin-right: 6px !important;
}

.ATTENDANCE_ELEMENT, .BEHAVIOUR_ELEMENT, .RESULT_ELEMENT, .SEN_ELEMENT {
    vertical-align: middle;
}

.PREVIOUSMARK_HEADER {
    min-width: 100px;
    font-size: 12px;
}
.NewAttendanceCell {
	font-weight: inherit !important;
}

.AdHocAttendanceCell.RESULT_ELEMENT a, .AdHocAttendanceCell.SEN_ELEMENT a {
	transform: translateY(0%) !important;
	margin-left: 41%;
	-webkit-transform: translateY(0%) !important;
}

a.ad-hoc-button.add-comment{
	float: left;
	height: 30px;
    margin-top: 10px;
    margin-left: 0;
    padding-top: 11px;
    /*font-size: 14px;
    font-weight: bold;*/
    margin-bottom: 0 !important;
    border: 1px solid #7d7d7d;
	color: #7d7d7d;

	font-size: 15px !important;
	font-weight: normal !important;
	position: relative;
	width: 60px;

}

a.ad-hoc-button.add-comment i.fa.fa-comment, a.ad-hoc-button.remove-comment i.fa.fa-comment{
	font-size: 14px;
	position: absolute;
    right: 2px;
    top: 1px;
}

a.ad-hoc-button.remove-comment{
	float: right;
	height: 30px;
    margin-top: 10px;
    padding-top: 11px;
    /*font-size: 14px;
    font-weight: bold;*/
    margin-bottom: 0;
    border: 1px solid #7d7d7d;
	color: #7d7d7d;

	font-size: 15px;
	position: relative;
	width: 75px;
}

a.ad-hoc-button.add-comment:hover, a.ad-hoc-button.add-comment.Selected,
a.ad-hoc-button.remove-comment:hover, a.ad-hoc-button.remove-comment.Selected{
	border: 1px solid #7d7d7d !important;
	color: #fff !important;
	background: #7d7d7d !important;
}

/*a.ad-hoc-button.add-comment:hover, a.ad-hoc-button.add-comment.Selected,
a.ad-hoc-button.remove-comment:hover, a.ad-hoc-button.remove-comment.Selected{
	border: 1px solid #026aa9;
	color: #fff;
	background: #026aa9;
}*/

/*Ad Hoc Attendance buttons END*/

/*Ad Hoc Attendance Cells*/
.AdHocAttendanceRow .AdHocAttendanceCell>div{
	float: left;
    font-weight: bold;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}

.AdHocAttendanceCell .PRES{
	color: #009933;
	background: url(../Images/TickIconNew.png) center center no-repeat;
	height: 30px;

}

.AdHocAttendanceUpdateable {
    cursor: pointer;
}

[data-id="TGAttendanceTableId"] .AdHocAttendanceCell.AdHocAttendanceUpdateable {
	background-color: #FAF9F0;
	vertical-align: middle;
}

[data-id="TGAttendanceTableId"] .AdHocAttendanceRow {
    background: #FFFFFF;
}

.AdHocAttendanceCell.AdHocAttendanceUpdateable i.fa.fa-comment {
	position: absolute;
    right: 5px;
    top: 2px;
}

.AdHocAttendanceCell.AdHocAttendanceUpdateable i.fa.fa-clock-o {
	position: absolute;
    left: 5px;
    top: 2px;
}

.AdHocAttendanceCell .avatar {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto 7px;
	border-radius: 100px;
}



/*.button-container span.Present{
	color: #009933;
}
.button-container span.Absent{
	color: #c82128;
}
.button-container span.Explained.Absence{
	color: #c82128;
}
.button-container span.Late{
	color: #FFAC59;
}

.btn.btn-primary.remove-comment {
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 1px;
}

.btn.btn-primary.add-comment {
	float: left;
	font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 10px;
}*/

.AttendanceUiTableTimeTitle {
	float: left;
	font-size: 12px;
	letter-spacing: 0;
    word-spacing: 0;
}

.AttendanceTableContainer.adhoc-table-container{
	max-width: 100%;
	margin-bottom: 20px;
	margin-top: 0;
}

.AttendanceUiTableContainer.adhoc-table-container {
	max-width: 100%;
	overflow-x: scroll;
    overflow-y: hidden;
	max-hight: 100%;
	width: 100%;
}

.AttendanceUiTableContainer.adhoc-table-container .AttendanceTableName,
#StudentNames .AttendanceTableName{
	line-height: 35px;
}

.AttendanceUiTableContainer.adhoc-table-container .AttendanceUiTableHeader #AttendableHeadings .LeftArrowSmall,
.AttendanceUiTableContainer.adhoc-table-container .AttendanceUiTableHeader #AttendableHeadings .RightArrowSmall{
	display: none;
}

.AttendanceUiTableContainer.adhoc-table-container .AttendanceUiTableHeader #AttendableHeadings .AttendanceUiTableTimeTitle{
	white-space: normal;
	line-height: 17px;
    padding-top: 5px;
}

.AttendanceTableContainer.adhoc-table-container div #AttendanceMarkOpts .ButtonCustom {
	clear: none;
    float: left;
}

.AttendanceUiTableContainer.adhoc-table-container #AttendanceRow{
	float: none;
}

.AttendanceUiTableContainer.adhoc-table-container #AttendanceRow .AttendanceTableContent .AttendanceUiTableCell{
	position: relative;
}

/*cloned column*/
#StudentNames{
	border-left: 1px solid #e4e4e4;
    left: 0;
    position: absolute;
    top: 0;
    width: 260px;
    z-index: 100;
}

#StudentNames .AttendanceUiTableTitle {
	border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    background-color: #def6ff;
}
#StudentNames .AttendanceTableName{
	background: #fff;
	height: 38px;
}
#StudentNames .AttendanceTableName:nth-child(2n+1) {
	background: #e9e9e9;
}
#StudentNames .AttendanceTableName:last-of-type{
	border-bottom: 1px solid #e4e4e4;
}
/*Behaviour - escalation*/
.btn.btn-success.disabled {
	background-color: #eee;
    border-color: #ccc;
}

.BehaviourViewDopdownMenu.disabled {
	background: url("https://d2t02hsq0d26k2.cloudfront.net/resources/images-new/BehaviourViewDopdownMenuNewBackgound-disabled.png?elb=yes") top left no-repeat;
}

.BehaviourViewDopdownMenu ul li a.disabled{
	cursor: not-allowed;
	color: #fff;
}

.media.escalation-comment img.media-object{
	height: 32px;
    width: 32px;
}

.media-body h4 {
	font-size: 16px;
}
.media-body h4 span.comment-time {
	color: #868686;
    float: right;
    font-size: 12px;
    padding-top: 4px;
}

.media.escalation-widget-comment {
	border: 1px solid #ccc;
    padding: 10px;
}

.media.escalation-widget-comment a, .media.escalation-comment a{
    cursor: inherit;
}

.media.escalation-widget-comment img.media-object{
	height: 32px;
    width: 32px;
}

/* Seating plan styles */

.margin-left-23 {
	margin-left: 23px;
}

.seating-plan {
	font-family: 'Montserrat', sans-serif;
}

.option-box {
	display: table;
    position:relative;
    margin-left: auto;
    margin-right: auto;

}

.option-item {
	float: left;
	margin-right: 75px;
}

.seating-plan .label {
	float: left;
	margin-bottom: 7px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.seating-plan .column-icon {
	clear: left;
	float: left;
	width: 15px;
	height: 15px;
	margin: 10px 8px 0 0;
	background: url('../images-new/column-icon.png') top left no-repeat;
}

.seating-plan .row-icon {
	clear: left;
	float: left;
	width: 15px;
	height: 15px;
	margin: 10px 8px 0 0;
	background: url('../images-new/row-icon.png') top left no-repeat;
}

.seating-plan .custom-select, .seating-plan .custom-select-rows {
	position: relative;
	float: left;
	width: 60px;
	height: 35px;
	color: #000;
	background: #dadada url('../images-new/dropdown-image.png') top right no-repeat;
	cursor: pointer;
}

.seating-plan .selected-value, .seating-plan .selected-value-row {
	width: 60px;
	height: 35px;
	line-height: 35px;
	padding-left: 17px;
	font-size: 12px;
	font-weight: bold;
}

.seating-plan .column-values, .seating-plan .row-values {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 3;
}

.seating-plan .column-values .value, .seating-plan .row-values .row-value {
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding-left: 17px;
	border-top: 1px solid #acacac;
	font-size: 12px;
	font-weight: bold;
	background-color: #dadada;
}
.seating-plan .column-values .value:hover, .seating-plan .row-values .row-value:hover {
	border-top: 1px solid #dadada;
	color: #fff;
	background-color: #acacac;
}

.seating-plan .time-period-box {

	position: relative;
	align-left: auto;
	align-right: auto;


	/*background-color: #dadada;*/
}

.time-picker-date {
    font-family: Arial;
    font-size: 19px;
    font-weight: normal;
    height: 23px  !important;
    position:absolute;
    left: 6px;
}

.time-picker-day {
    font-family: Arial;
    font-size: 10px;
    font-weight: normal;
    height: 23px !important;
    position:absolute;
    bottom: 3px;
    left: 30px;
}


.time-picker-month {
    font-family: Arial;
    font-size: 10px;
    height: 10px;
    font-weight: normal;
    width: 100% !important;
    position:absolute;
    bottom: 3px;
    left: 0px;
    border-top: 1px solid #C82128;
}

.time-picker-month.selected {
    border-top: 0px solid #fff;
}



.hr-small {
    margin-top: 5px;
    margin-bottom: 10px

}

.seating-plan .prev-day,
.seating-plan .next-day {
    float: left;
	width: 15px;
	height: 45px;
	margin-top: 9px !important;
	 cursor: pointer;

}

.seating-plan .next-day {
    margin-left: 5px;
}

.seating-plan .time-period {
	float: left;
	height: 35px;
	width: 60px;
    text-align: center;
	font-size: 12px;
	font-weight: bold;
	position:relative;
	padding-left: 3px !important;
	color: #026aa9;
	/*background-color: #dadada;*/
}
.seating-plan .time-period:last-of-type {
	border: none;
}
.seating-plan .time-period:hover,
.seating-plan .time-period.selected {
border-radius: 5px;

	background-color: #026AA9;
	color: #FFFFFF;

}
.seating-plan .time-period.today {
border-radius: 5px;
	border: 1px solid #cacaca;
}

.seating-plan .seating-table-box {
		margin-right: auto;
    	margin-left: auto;
    	position: relative;
	/* width: 70%; */
}

.seating-plan .seating-table-box ul {
	list-style-type: none;
	padding: 0;
}

.seating-table-box .student {

	float: left;
	width: 100px;
	margin: 0 20px 17px 0;
	border-radius: 6px;
	background-color: #ebebeb;
	cursor: move;
}

.seating-table-box .student-empty {

	float: left;
	width: 100px;
	height: 205px;
	margin: 0 20px 17px 0;
/* 	background-color: #d5d5d5; */
	border-radius: 6px;
	cursor: move;
	border: 2px dashed #ebebeb;

/* 	-webkit-box-shadow: inset 8px 10px 5px 0px rgba(185,186,186,1); */
/* 	-moz-box-shadow: inset 8px 10px 5px 0px rgba(185,186,186,1); */
/* 	box-shadow: inset 8px 10px 5px 0px rgba(185,186,186,1); */
}

.seating-table-box .student .attendance-mark {
	width: 100%;
	height: 32px;
	margin-bottom: 7px;
	line-height: 12px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-transform: uppercase;
	text-align: left;
	font-size: 12px;
	color: #000;
	background-color: #acacac;
	position: relative;
	padding-top: 10px;
	padding-left: 13px;
}

.seating-table-box .student .avatar {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto 7px;
	border-radius: 100px;
}

.seating-table-box .student .name {
	width: 100%;
	margin-bottom: 7px;
	line-height: 14px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.seating-table-box .student .last-mark,
.seating-table-box .student .positive-points,
.seating-table-box .student .negative-points {
	float: left;
	width: 28px;
	height: 28px;
	margin: 0 3px 7px 0;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	border-radius: 100px;
	background-color: #fff;
}

.seating-table-box .student .last-mark {
	margin-left: 5px;
}

.seating-table-box .student .negative-points {
	color: #c6464b;
}

/* .seating-table-box .student .points { */
/* 	color: #46c673; */
/* } */

.seating-table-box .student .period {
	float: left;
	width: 100%;
	height: 22px;
	line-height: 22px;
	border-top: 1px solid rgba(112, 112, 112, .15);
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}

.seating-table-box .student .period span {
	color: #de5f5f;
	font-weight: bold;
}

.seating-table-box .student .period span.red {
	color: #de5f5f;
}
.seating-table-box .student .period span.green {
	color: #46c673;
}
.seating-table-box .student .period span.none {
	color: #acacac;
}

.seating-table-box .student .behaviour {
	float: left;
	width: 50%;
	height: 40px;
	border-top: 1px solid rgba(112, 112, 112, .15);
}

.seating-table-box .student .points span.red {
	color: #c6464b;
}
.seating-table-box .student .points span.green {
	color: #46c673;
}

.seating-table-box .student .behaviour.good {
	border-right: 1px solid rgba(112, 112, 112, .15);
	background: url('../images-new/good-behaviour-icon.png') center center no-repeat;
}

.seating-table-box .student .behaviour.bad {
	background: url('../images-new/bad-behaviour-icon.png') center center no-repeat;
}

.seating-plan .mark-attendance-box {
	float: left;
/* 	width: 30%; */
	width: 230px;
	margin-left: 20px;
}

.mark-attendance-box .options {
	float: left;
	width: 230px;
	border-radius: 6px;
	background-color: #026aa9;
}

.mark-attendance-box .options .attendance-item {
	float: left;
	width: 100%;
	height: 37px;
	padding-left: 25px;
	line-height: 35px;
	border-top: 1px solid rgba(255, 255, 255, .15);
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	font-size: 12px;
	color: #fff;
}
.mark-attendance-box .options .attendance-item:first-of-type {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.mark-attendance-box .options .attendance-item:hover,
.mark-attendance-box .options .attendance-item.selected {
	background-color: #c6464b;
}

.mark-attendance-box .options .attendance-item span {
	font-weight: bold;
	text-transform: uppercase;
}

.mark-attendance-box .save-button,
.mark-attendance-box .clear-button {
	float: left;
	width: 106px;
	height: 38px;
	margin: 6px 4px 7px;
	line-height: 38px;
	border-radius: 6px;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
}

.mark-attendance-box .save-button {
	margin-left: 5px;
	padding-left: 47px;
	background: #46c673 url('../images-new/save-disk-icon.png') 17px 11px no-repeat;
}
.mark-attendance-box .save-button:hover,
.mark-attendance-box .save-button.selected {
	background-color: #40b569;
}

.mark-attendance-box .clear-button {
	padding-left: 29px;
	background: #c6464b url('../images-new/save-disk-icon.png') 7px 11px no-repeat;
}
.mark-attendance-box .clear-button:hover,
.mark-attendance-box .clear-button.selected {
	background-color: #b54044;
}

.student .attendance-mark .fa.fa-check {
	color: #fff;
    font-size: 16px;
    line-height: 12px;
    margin-left: 29px;
}

.note-icon {
	background: url(../images-new/note-icon-big.png) top right no-repeat;
	width: 18px;
    height: 17px;
    position: absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;
}

.note-icon.added-note {
	background: url(../images-new/note-icon-big.png) bottom right no-repeat;
	width: 18px;
    height: 17px;
    position: absolute;
	top: 8px;
	right: 10px;
	cursor: pointer;
}

.row-helper {
	width: 100px;
	height: 20px;
	margin: 0 20px 17px 0;
}

.column-helper {
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.hover-class {
	opacity: 0.5;
}

.seating-plan-table {
    position: relative;
    align-left: auto;
    align-right: auto;
	border: none !important;
}

#AttendanceMarkOptions {
	padding-bottom: 10px;
}

.SeatingPlanAttOptionsRow {
	padding-bottom: 5px;
	padding-left: 5px;
}

a.mark-attendance-button {
	float: left;
	max-width: 150px;
	height: 30px;
	min-width: 40px;

    line-height: 15px;
    padding-top: 8px;
    padding-left: 5px;
    padding-right:5px;
    padding-bottom: 20px;

    border-radius: 5px;
    cursor: pointer;
    font-family: "MyriadProBoldCondensed",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;

    border: 1px solid #cacaca;
    color: #0D5986;
    background: #ffffff;
}

a.mark-attendance-button.selected,
a.mark-attendance-button:hover {
	background-color: #cacaca;
	color: #0d5986;
}

a.mark-attendance-button:focus {
	color: #0d5986;
}

a.mark-attendance-button.present:hover,
a.mark-attendance-button.present.selected {
	background: url("../images-new/TickIconNewSlected.png") no-repeat scroll center center #009933;
}

.mark-attendance-button.present {
	background: url("../Images/TickIconNew.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: 1px solid #cacaca;
}

.mark-attendance-button.clear-mark {
	color: #7d7d7d;
}

.seating-plan-note-container {
	border: 1px solid #cacaca;
    border-radius: 4px;
    float: right;
    padding: 10px;
    width: 100%;
    font-family: trebuchet ms;
}

#SeatingPlanNoteInputBox {
	width: 100%;
}

a.seating-plan-ar-buttons {
	border-radius: 5px;
    background: none repeat scroll 0 0 #ffffff;
    cursor: pointer;
    font-family: "MyriadProBoldCondensed",Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    line-height: 15px;
    max-width: 150px;
    min-width: 40px;
    text-align: center;
    text-decoration: none;

}

a.seating-plan-ar-buttons.seating-plan-add-note {
	border: 1px solid #7d7d7d;
    color: #0D5986;
    float: left;
    font-size: 15px !important;
    font-weight: normal !important;
    height: 30px;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
    width: 60px;
}

a.seating-plan-ar-buttons.seating-plan-remove-note {
	border: 1px solid #7d7d7d;
    color: #0D5986;
    float: right;
    font-size: 15px;
    height: 30px;
    margin-bottom: 0;
    margin-top: 10px;
    padding-top: 10px;
    position: relative;
    width: 75px;
}

a.seating-plan-ar-buttons.seating-plan-add-note:hover,
a.seating-plan-ar-buttons.seating-plan-remove-note:hover,
a.seating-plan-ar-buttons.seating-plan-add-note.Selected,
a.seating-plan-ar-buttons.seating-plan-remove-note.Selected {
	background: none repeat scroll 0 0 #7d7d7d !important;
    border: 1px solid #7d7d7d !important;
    color: #fff !important;
}

a.seating-plan-ar-buttons.seating-plan-add-note i.fa.fa-comment,
a.seating-plan-ar-buttons.seating-plan-remove-note i.fa.fa-comment {
	font-size: 14px;
    position: absolute;
    right: 2px;
    top: 1px;
}


#behaviourDetails .tab-content{
	border: 1px solid #ddd;
	border-top: none;
	border-radius: 0 0 4px 4px;
	padding: 15px;
}

#PreviousActionsTakenContainer{
	background: #eee;
    padding-top: 15px;
}

#behaviourDetails ul.nav-tabs li.active a{
	color: #026aa9;
}

#behaviourDetails ul.nav-tabs li a{
	color: #aaa9a9;
	font-weight: bold;
}

#behaviourDetails ul.nav-tabs li a:hover{
	color: #026aa9;
}

.behaviorActorLearnerColumn .input-group{
	margin-right: 10px;
}

.behaviorActorRoleColumn a.AddDayTypesCheckBox {
	margin-top: 0;
	padding-left: 22px;
	width: 115px;
}

.input-group.actor-role{
	/*width: 185px;*/
	width: 165px;
}

.input-group.actor-role .form-control{
	/*width: 185px;*/
	margin-right: 10px;
    width: 160px;
}

.input-group.actor-role span.caret.custom-arrow{
	right: 23px;
}

.input-group.actor-role span.line-select{
	right: 45px;
}

.input-group.actor-role.points{
	width: 125px;
}

.input-group.actor-role.points .form-control{
	margin-right: 10px;
    padding-left: 5px;
    padding-right: 28px;
    width: 115px;
}

.btn-actor-delete{
	color: #c82128 !important;
}

.btn-actor-delete:hover{
	color: #A01A20 !important;
}

.btn-actor-add{
	color: #026aa9 !important;
}

.btn-actor-add:hover{
	color: #025587 !important;
}

.btn-actor-delete .fa.fa-minus-square, .btn-actor-add .fa.fa-plus-square {
	font-size: 23px;
}

a.link-add {
	color: #026aa9;
}

/* edit behaviour */

#behaviorActorTable{
    width:100%;
    display:none;
}

#behaviourActorAddNewTable{
    width:100%;
    display:none;
}

.behaviorActorLearnerColumn  {
    /*width : 60%;*/
    width: 235px;
}

.behaviorActorRoleColumn {
    /*width : 30%;*/
    width: 170px;
}

.behaviorActorActionsColumn{
    /*width : 10%;*/
    width:22px;
}

.behaviorActorLearnerTColumn{
	display: table-cell;
	width: 341px;
}
.behaviorActorRoleTColumn{
	display: table-cell;
    width: 190px;
}
.behaviorActorPointsTColumn{
	display: table-cell;
    width: 175px;
}
.behaviorActorActionsTColumn{
	display: table-cell;
	width: 22px;
	padding-right: 0;
}

/*Help Icon*/
.help-icon {
	color: #fff;
	margin-right: 10px;
    margin-top: 4px;
}

.hibreadcrumb {
		color: #fff;
	margin-right: 10px;
    margin-top: 16px;
}

.hide {
    display: none;
}


/*Options section*/
.student-setup-inputs-holder {
	text-align: right;
	width: 98%;
	margin: -18px 15px -2px 15px;
	display: inline-block;
	position: relative;
}

.input-field.years-multiselect {
	display: inline-block;
	overflow-x: hidden;
	width: 230px;
	height: 34px;
    margin-right: 0;
	background: url(../images-new/InputFieldBackgroundArrowReports.png) top left no-repeat;
}

.input-field.years-multiselect select {
	-webkit-appearance: none;
    -moz-appearance: none;
	-o-appearance: none;
	background: none;
	appearance: none;
	border: none;
	background: transparent;
	float: left;
	margin: 0;
	padding: 0;
	width: 230px;
	height: 28px;
	line-height: 19px;
	font-weight: bold;
	padding: 2px 37px 6px 12px;
	margin-top: 5px;
	color: #026AA9;
}

.input-field.years-multiselect select.academic-years{
	width: 250px;
	opacity: 1;
}

.input-field.years-multiselect .ui-multiselect{
	padding: 7px 0 2px 15px;
}

.input-group.year-select{
	display: inline-block;
	margin-right: 0;
}

.student-setup-heading .students-title {
	display: inline-block;
	width: 60px;
	position: relative;
	top: 10px;
}

.student-setup-heading .selected-students-title {
	width: 180px;
}

.student-setup-heading .ui-state-default .ui-icon {
	display: none;
}

.student-setup-heading [data-id="pageLoaderMultiYears"],
.student-setup-heading [data-id="pageLoaderYears"] {
	display: inline-block;
	position: absolute;
	top: 5px;
}

.student-setup-heading [data-id="pageLoaderMultiYears"] {
	left: 38%;
}

.student-setup-heading [data-id="pageLoaderYears"] {
	left: 67%;
}

#YearSetSubjects_chosen {
	width: 450px !important;
}

#NoSelectedStudents, #SelectedStudents {
	margin-top: 20px;
}

[data-class="student-list"] .panel .panel-heading{
	padding: 10px 15px;
	height: 60px;
}

[data-class="student-list"] .panel .panel-body{
	padding-top: 7px;
}

.students-list{
	list-style: none;
	padding-left: 0;
}

.students-list .list-head, .students-list h4.list-head{
	color: #026aa9;
	font-weight: bold;
	padding-bottom: 3px;
    padding-top: 3px;
    cursor: pointer;
    font-size:14px;
}

.students-list h4.list-head{
    margin:5px 0px;
}

.students-list .list-item{
	padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 3px;
}

#SelectedStudents .list-item{
	color: #3c763d;
}

.list-item.selected-students {
    background-color: #026aa9;
    color: #fff;
}

#SelectedStudents .list-item.selected-students{
	color: #fff;
}

#SelectAllNoSelected:focus, #SelectAllSelected:focus {
	color: #026aa9;
}

#SelectAllNoSelected.Selected, #SelectAllNoSelected:hover,
#SelectAllSelected.Selected, #SelectAllSelected:hover {
	color: #c82128;
}

.template {
	margin-bottom: 20px;
}

.hide {
    display: none;
}

#OptionsBlocksBlocksTableContainer table td{
	padding-right: 5px;
}
#OptionsBlocksBlocksTableContainer table td:first-of-type {
	max-width: 60px;
	min-width: 50px;
	font-weight: bold;
	padding-left: 4px;
	vertical-align: middle;
	line-height: 12px;
}

#OptionsBlocksBlocksTableContainer table td .list-group-item.grid-item{
	cursor: move;
	font-size: 12px;
    margin-right: 5px;
    margin-bottom: 2px;
    padding: 3px;
}

#OptionsBlocksBlocksTableContainer table td .list-group-item.grid-item.grid-item-not-sortable{
	cursor: inherit;
	float: right;
    margin-bottom: 0;
    margin-right: 0;
    width: 80px;
    line-height: 12px;
}

#OptionsBlocksBlocksTableContainer table td .list-group-item.grid-item.grid-item-not-sortable span{
	float: right;
}

#OptionsBlocksBlocksTableContainer table td .list-group-item.grid-item span{
	/*padding-left: 5px;*/
}

#OptionsBlocksBlocksTableContainer table td .list-group-item.grid-item span.calcBlockSize{
	/*padding-left: 5px;*/
}

#ELTableContainer {
	overflow-y: auto;
}

#ELTableContainer table {
	font-size: 12px;
}
#ELTableContainer table th, #ELTableContainer table td {
	padding: 5px;
	min-width: 150px;
	max-width: 150px;
	line-height: 18px;
	vertical-align: middle;
}

#ELTableContainer table th:first-of-type, #ELTableContainer table td:first-of-type {
	min-width: 35px;
	max-width: 35px;
	text-align: center;
}

#ELTableContainer table th.missed, #ELTableContainer table td.missed {
	min-width: 50px;
	max-width: 50px;
	text-align: center;
}

#ELTableContainer table th.missed{
	line-height: 17px;
}

#ELStatsContainer table td {
	vertical-align: middle;
	line-height: 17px;
}

#ELTableContainer table th.strong-border, #ELTableContainer table td.strong-border {
	border-right: 3px solid #ddd;
}

.SubjectSetContainer {
	min-height: 40px !important;
}

.form-control.subject-number {
	width: 42px;
	height: 25px;
	padding: 3px;
    margin-left: 10px;
    margin-right: 10px;
}

.choosen-subject-box {
	margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 5px 6px 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

[data-element="subjectSet"] {
	position: relative;
	margin-bottom: 20px;
}

[data-element="subjectSet"] .panel.panel-default{
	margin-bottom: 0;
}

[data-id="KeepOnSeparateBlocks"]:focus {
	color: #026aa9;
}

[data-id="KeepOnSeparateBlocks"].Selected, [data-id="KeepOnSeparateBlocks"]:hover{
	color: #c82128;
}

.disable-div {
 pointer-events: none;
    opacity: 0.6;
}

.set-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background-color: rgba(0, 0, 0, 0.65);*/
    background-color: rgba(2, 106, 169, 0.75);
	z-index: 1000;
    color: #fff;

    border: 1px solid transparent;
    border-radius: 4px;
}

.set-overlay.el-blocks{
	background-color: rgba(255, 255, 255, 0.4);
}

.overlay-subject-setup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	z-index: 999;
    color: #000;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.5);
}

.overlay-subject-setup .message-holder {
	display: inline-block;
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

.overlay-subject-setup .message-holder .txt {
	font-size: 15px;
    font-weight: bold;
    padding: 10px 15px;
    position: relative;
    vertical-align: middle;
}

.set-overlay {
    text-align: center;
}

.set-overlay:before {
    content: '';
    /*display: inline-block;*/
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}

.set-overlay .message-holder {
	display: inline-block;
	margin-top: 40px;
}

.set-overlay .txt {
    /*display: inline-block;*/
    vertical-align: middle;
    padding: 10px 15px;
    position: relative;
    font-weight: bold;
    font-size: 15px;
}

[data-element="subjectSet"] .panel-heading {
	position: relative;
}

.remove-set {
	position: absolute;
	right: 15px;
	top: 15px;
}

#PreferencesTableContainer, #PreferencesStatsContainer, #ELClashMatrixContainer {
	overflow-x: auto;
}

#PreferencesStatsTable thead tr th, #PreferencesStatsTable tbody tr td {
	line-height: 29px;
	vertical-align: middle;
}

#PreferencesTable {
	/**width: auto;**/
}

#PreferencesTable .subjects-dropdown {
	min-width: 100px;
	max-width: 100px !important;
	height: 44px;
	vertical-align: middle;
	padding: 5px;
	line-height: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}

#PreferencesTable .pageLoaderPref {
	margin: 0;
	width: 26%;
	float: right;
	margin-top: 4px;
}

#PreferencesTable .form-group {
	position: relative;
	width: 74%;
	margin-bottom: -1px;
}

#PreferencesTable .input-group {
	position: relative;
	width: 100%;
}

#PreferencesTable .form-control {
	position: relative;
	margin: -1px;
	padding-left: 0;
	padding-right: 16px;
}

#PreferencesTable .pref-line-select {
	right: 17px;
	height: 33px;
}

#PreferencesTable .pref-custom-arrow {
	right: 6px;
}

#PreferencesTable tr.cellsCentered th{
    text-align:center;
}

#PreferencesTable thead tr:nth-child(2), #OptionsBlocksStudentsTable thead tr:nth-child(2){
    background-color:#F3FCFF;
}

td.preferencesOptionalSubjects{
    background-color:#ededed;
}

#PreferencesTable .input-group .form-control{

}

#PreferencesTable .input-group.hideVisual .custom-arrow, #PreferencesTable .input-group.hideVisual .line-select{
    display:none;
}

#PreferencesTable .input-group.hideVisual select.form-control{
    border:none !important;
    box-shadow:none;
    -webkit-box-shadow:none;
    background-color:transparent !important;
    text-transform:uppercase;
}

/**
#PreferencesTable .input-group select.form-control:active{
    background-color:red !important;
}

#PreferencesTable .input-group select.form-control:focus{
    background-color:red !important;
}

#PreferencesTable .input-group select.form-control:visited{
    background-color:red !important;
}**/

#PreferencesTable .subjectVal{
    display:block;
    width:100%;
    height:27px;
    cursor:pointer;
}

#pageLoaderSubjectSetup {
	margin-top: 8px;
}

#pageLoaderSubjectSetupHolder {
	margin-right: 75px;
	margin-top: 5px;
}

[data-class="maxSize"] input, [data-class="NoOfClasses"] input{
	width: 100%;
	margin-right: 0px;
}

[data-class="maxSize"]{
	width: 73px;
}

[data-class="NoOfClasses"]{
	width: 110px;
}

#OptionsBlocksBlocksTable td.ui-droppable.empty-cell {
	background: #ececec;
}

.pref-outer {
	position: relative;
}

.pref-inner {
	overflow-x: scroll;
	overflow-y: visible;
	margin-left: 200px;
}

.pref-student-name {
	background-color: #def6ff;
	border-top: 1px solid #ddd !important;
	margin-top: -1px;
	padding-bottom: 9px !important;
}

.pref-empty-cell {
	height: 46px;
	border-bottom: none !important;
}

#PreferencesTable tr td:first-of-type,
#PreferencesTable thead tr th:first-of-type {
/**	min-width: 200px;
	max-width: 200px !important;
	vertical-align: middle;
	position: absolute;
	left: 0;
	line-height: 27px;**/
}

#PreferencesTable .noChoiceSets {
	border-bottom: none;
	line-height: 28px !important;
}

#PreferencesTable tbody tr:last-of-type td.noChoiceSets {
	border-bottom: 1px solid #ddd !important;
}

#GoToStudentSetup,
#GoToPreferences {
	margin-left: 15px;
}

#pageLoaderPreferences {
	margin-top: 6px;
}

[data-id="pageLoaderYears"],
#pageLoaderElectiveLines {
	margin-top: 4px;
}

.panel-heading [data-id="pageLoaderYears"] {
	margin-bottom: 0;
    margin-right: 5px;
    margin-top: -3px;
}

.elective-lines-input-group {
	margin-bottom: 5px;
}

#ELClassesTable th,
#ELClassesTable td {
	vertical-align: middle;
}

#ELClassesTable td{
	line-height: 17px;
}

#ELClassesTable [data-id="maxSize"],
#ELClassesTable [data-id="NoOfClasses"] {
	text-align: center;
}

.tooltip.top .tooltip-inner {
	background-color: #026aa9;
	font-size: 16px;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #026aa9 !important;
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

#ELGeneratingMessageLoader{
	margin-bottom: -7px;
	padding-left: 25px;
	margin-left: 0;
}

#ELCalculatingMessageLoader{
	float: left;
    margin-top: 0;
}

.preferences-same-subjects {
	-webkit-box-shadow: inset 0px 0px 5px 3px #c82128;
	-moz-box-shadow: inset 0px 0px 5px 3px #c82128;
	box-shadow: inset 0px 0px 5px 3px #c82128;
}

.fixed-header-preferences {
	position: fixed;
	top:0;
}

.fixed-header-preferences .pref-student-name {
	margin-left: -221px;
}

.fixed-row-preferences {
	position: fixed;
	top:0;
	margin-top: 44px;
	background-color: #fff;
}

#PreferencesTable .preferences-first-row {
	text-align: center;
}

.stats-number-box {
	border: 1px solid #ccc;
	border-left: none;
    display: table-cell;
    height: 28px;
    line-height: 25px;
    text-align: center;
    width: 28px;
}

.stats-number-box:first-of-type{
	border-left: 1px solid #ccc;
}

[data-id="SaveElectiveLines"] {
	position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
}

.elective-lines-save-success {
	color: #026aa9;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.progres-info-box,
#GenerateProgresInfo, #GenerateConstructionProgresInfo {
	float: right;
	width: 430px;
	height: 165px;

}

#GenerateConstructionProgresInfo,
#AutoAssignTeacherProgresInfo {
	margin-right: 30px;
	height: 130px;
	width: 340px;
}

.progres-info-box .result-heading,
#GenerateProgresInfo .result-heading, #GenerateConstructionProgresInfo .result-heading{
	float: left;
	width: 100%;
	height: 45px;
	position: relative;
	background: #025F98;
	color: #fff;
	font-size: 18px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	border: 1px solid transparent;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.progres-info-box .result-heading img,
#GenerateProgresInfo .result-heading img, #GenerateConstructionProgresInfo .result-heading img {
	right: 10px;
    position: absolute;
    top: 5px;
    width: 30px;
    height: 30px;
}

.progres-info-box .result-heading span,
#GenerateProgresInfo .result-heading span, #GenerateConstructionProgresInfo .result-heading span{
	position: absolute;
    right: 10px;
    top: 10px;
}

.progres-info-box .result-info,
#GenerateProgresInfo .result-info, #GenerateConstructionProgresInfo .result-info{
	float: left;
	width: 100%;
	height: 80px;
	background: #dadada;
	color: #333;
	padding: 10px 20px;
	border: 1px solid transparent;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 13px;
	position: relative;
}

#GenerateConstructionProgresInfo .result-info,
#AutoAssignTeacherProgresInfo .result-info{
	height: 80px;
}

.progres-info-box .result-info label {
	font-weight: normal;
	width: 210px;
	border-bottom: 1px solid #c4c4c4;
	margin: 0;
    padding-bottom: 8px;
    padding-top: 8px;
}
#GenerateProgresInfo .result-info label, #GenerateConstructionProgresInfo .result-info label{
	font-weight: normal;
	width: 290px;
	border-bottom: 1px solid #c4c4c4;
	margin: 0;
    padding-bottom: 8px;
    padding-top: 8px;
}

.progres-info-box .result-info label:first-of-type,
#GenerateProgresInfo .result-info label:first-of-type, #GenerateConstructionProgresInfo .result-info label:first-of-type{
	padding-top: 0;
}

.progres-info-box .result-info label:last-of-type,
#GenerateProgresInfo .result-info label:last-of-type, #GenerateConstructionProgresInfo .result-info label:last-of-type{
	border-bottom: none;
}

.progres-info-box .result-info label span,
#GenerateProgresInfo .result-info label span, #GenerateConstructionProgresInfo .result-info label span {
	background: #fff;
	border-radius: 20px;
    height: 24px;
    margin-left: 5px;
    text-align: center;
    padding: 3px 17px;
    font-size: 12px;
    font-weight: bold;
}

.progres-info-box a.btn.btn-save,
#GenerateProgresInfo a.btn.btn-save, #GenerateConstructionProgresInfo a.btn.btn-save{
	position: absolute;
    right: 20px;
    top: 38px;
}

.progres-info-box .new-best-solution,
#GenerateProgresInfo .new-best-solution, #GenerateConstructionProgresInfo .new-best-solution {
	color: #c82128;
	font-weight: bold;
    position: absolute;
    right: 40px;
    top: 83px;
    display: none;
}

#GenerateConstructionProgresInfo .new-best-solution{
	top: 45px;
}

.progres-info-box .alert.alert-info,
#GenerateProgresInfo .alert.alert-info, #GenerateConstructionProgresInfo .alert.alert-info {
	margin-top: 10px;
	height: 80px;
}


#GenerateProgresInfo .alert.alert-info [data-id="GetBestNowBlocks"] {
	position: relative;
	top: -18px;
}

/* #GenerateProgresInfo label.pull-right {
	min-width: 150px;
} */

/*ul.connectedSortable.blocks{
	padding-left: 0;
	min-height: 50px;
	margin-bottom: 0;
}

ul.connectedSortable.blocks li.list-group-item.grid-item {
	margin-bottom: 5px;
	border-radius: 4px;
}*/

ul.connectedSortable.blocks{
	padding-left: 0;
	min-height: 35px;
	margin-bottom: 0;
}

ul.connectedSortable.blocks li.list-group-item.grid-item {
	border-radius: 0px;
	margin-bottom: 0;
}

#PreferencesTableContainer [data-id="PreferencesNoDataContainer"],
[data-id="ELNoDataContainer"],
#SubjectSetupNoSelectedStudents {
	float: left;
	width: 100%;
	height: auto;
	margin: 10px 0 20px 0;
	padding: 0;
}

#SubjSetMessageContainer .ui-widget-content {
	border: 1px solid #ccc;
}

#PreferencesTable .grey-out {
	background-color: #ededed;
}

#ClashMatrixTable td.cmcount,
#PreferencesTable th.choices-order,
#PreferencesStatsTable td.subject-choices-number,
#PreferencesStatsTable td.reserve-choices-number,
#PreferencesStatsTable td.reserve-choices-total,
#PreferencesStatsTable td.subject-choices-total {
	text-align: center;
}

#PreferencesStatsTable .stats-successfully-saved {
	-webkit-box-shadow: inset 0px 0px 20px -5px rgba(17,122,235,1);
	-moz-box-shadow: inset 0px 0px 20px -5px rgba(17,122,235,1);
	box-shadow: inset 0px 0px 20px -5px rgba(17,122,235,1);
}

#PreferencesStatsTable .grey-out {
	background-color: #ededed;
}

.student-options-wizard {
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.student-options-wizard a.btn.btn-action.dropdown-toggle {
	margin-top: -44px;
}

/*Options section END*/

/* Student Options and Timetable Construction Wizard containers */
.student-options-wizard,
.construction-wizard {
	padding-top: 0 !important;
	padding-left: 0 !important;
}

.student-options-wizard a.btn.btn-action.dropdown-toggle,
.construction-wizard a.btn.btn-action.dropdown-toggle {
	/*margin-top: -44px;*/
	margin-top: 10px;
}

.construction-wizard .btn-group.pull-right{
	margin-bottom: 10px;
}
/* End Wizard containers */




#TeachingGroupsHeader .form-group, #TeachingGroupsHeader .form-group .input-group, #TeachingGroupsHeader .form-group .input-group .form-control{
	width: 100%;
}

#TeachingGroupsHeader .form-group{
	margin-bottom: 0;
}


#TeachingGroupsList {
	margin-bottom: 0;
}

#TeachingGroupsList li{
	padding: 6px 15px;
	cursor: move;
}

li.list-group-item.ui-draggable-helper {
	border-radius: 4px;
	opacity: 1;
}

.btn.btn-table-cell {
	margin-top: 3px;
    padding: 3px 6px;
}

.padding-bottom-0 {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


/*Calendar screen*/

.dhx_cal_light_wide {
	width: 750px !important;
}

.dhx_cal_light select {
	float: left;
	border: 1px solid #ddd;
	height: 23px;
    margin: 0 0 0 10px !important;
    padding: 2px;
    width: auto !important;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -o-appearance: menulist;
    -ms-appearance: menulist;
}


.dhx_cal_ltext select{
	margin-left: 0 !important;
}

.dhx_section_time span {
	float: left;
	margin-left: 10px !important;
}

.dhx_cal_event .dhx_title {
	font-size: 11px !important;
}



#EnableNotesButton, #ClearMarkButton{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}

.attendanceCoverNote {
	font-size : 17px;
	/*padding : 0px 0px 10px 0px;*/
	font-weight : bold;
	border-left: 20px solid #026AA9;
	background-color: #F4F8FA;
	color: #026AA9;
	margin: 20px 0;
	padding: 10px;
	margin-top : 0px;
}

/* Timetable Construction View */


[data-id="ViewOptions"].btn.btn-primary {
    position: relative;
}

[data-id="ViewOptions"].btn.btn-primary:after {
    content: "\f106";
    font-family: FontAwesome;
}

[data-id="ViewOptions"].btn.btn-primary.collapsed:after {
    content: "\f107";
    font-family: FontAwesome;
}

#timetableViewDiv{
	overflow-x: scroll;
}

/*verticalView scheduled periods below each other*/
#timetableViewDiv table.verticalView thead tr th,
#timetableViewDiv table.verticalView tbody tr td{
}

#timetableViewDiv table.verticalView thead tr th:first-of-type,
#timetableViewDiv table.verticalView tbody tr td:first-of-type{
	max-width: 50px;
    min-width: 50px;
}

#timetableViewDiv table.verticalView tbody tr td:first-of-type{
	padding: 8px;
	font-weight: bold;
	text-align: center;
}

#timetableViewDiv table.verticalView tbody tr td{
	padding: 0;
}

.verticalView .assignedPeriod {
	border-radius: 4px;
	font-size: 11px;
	line-height: 17px;
	margin: 1px 5px;
	text-align: center;
}



.horizontalView td .assignedPeriod:nth-child(4), .horizontalView td .assignedPeriod:nth-child(8), .horizontalView td .assignedPeriod:nth-child(12), .horizontalView td .assignedPeriod:nth-child(16){
    /**float:left;**/

}

.horizontalView td .assignedPeriodBox div{
    /**display:none;**/
}


/*END verticalView scheduled periods below each other*/

/*horizontalView scheduled periods beside each other*/
#timetableViewDiv table.horizontalView.ViewTimetableDay.table,
#timetableViewDiv table.horizontalView.ViewTimetablePeriod.table{
	width: auto;
}

.horizontalView .assignedPeriod{
    display: table-cell;
    font-size: 9px;
    line-height: 15px;
    text-align: center;
    width: 100px;
    padding: 1px;
    float:left; /**MOK**/
}

.verticalView .assignedPeriod{
    display: table-cell;
    font-size: 9px;
    line-height: 15px;
    text-align: center;
    padding: 1px;
    float:left; /**MOK**/
    width:96%;
}

.horizontalView .assignedPeriodBox, .verticalView .assignedPeriodBox{
	border: 1px solid #ccc;
    border-radius: 4px;
    float:left;
    width:98%;
    padding-left:1%;
    padding-right:1%;
}

.verticalView .assignedPeriodBox{
    padding:10px 0px;
}

.assignedPeriodBox div {
	width: 90px;
	float:left;
	width:50%;
}



#timetableViewDiv table.horizontalView tbody tr td{
	padding: 0;
	min-width:202px;
	max-width:202px;
}

#timetableViewDiv table.verticalView tbody tr td{
	padding: 0;
	min-width:202px;
	max-width:202px;

}


#timetableViewDiv table tbody tr td.emptyTableCell{
   	min-width:10px;
   	max-width:10px;

}

#timetableViewDiv table thead th{
    font-size:12px;
}

#timetableViewDiv table tbody tr td:first-of-type{
	font-weight: bold;
    max-width: 65px;
    min-width: 65px;
    padding: 8px 2px;
    text-align: center;
    line-height: 15px
}
/*END horizontalView scheduled periods beside each other*/

.printTableBorder table th td {
    border-collapse:collapse;
    border: 1px solid #d3d3d3;
    border-spacing: 10px 50px;
}


/* END Timetable Construction View */

.horizontalView .assignedPeriodBox.swapUnavailable{
    background-color:#000;
}

/**
.modalBackdrop{
    display:none;
    position:absolute;
    width:100%;
    left:0%;
    top:0%;
    height:1700px;
    background-color:#000;
    opacity:0.7;
    z-index:100;
}


.modalClose{
    color:#dfdfdf;
    border-radius:100%;
    font-size:20px;
    position:fixed;
    top:50px;
    right:50px;
    font-size:35px;
    width:50px;
    height:50px;
    color:#dfdfdf;
    border:1px solid #dfdfdf;
    cursor:pointer;
    text-align:center;
}
**/

/***Room Swap Begin  **/

.swapDataContainer{
    position:absolute;
    left:15%;
    width:70%;
    top:150px;
    height:400px;
    background-color:#fff;
    z-index:150;
    display:none;
}

.assignedPeriod{
    position:relative;
}

.assignedPeriodBox{
    cursor:pointer;
}

.swapTypeChoice{
      background-color: #fff;
      color: #000;
      position: absolute;
      top: 0px;
      border:4px solid #026AA9;
      width:200px;
      height:130px;
      border-radius:10px;
      display:none;
      z-index:12;
}

.swapTypeChoice span.tgn{
  background-color: #026AA9;
  color: #fff;
  display: block;
  width: 100%;
  float: left;
  font-size: 17px;
  padding: 4px 0px;
}

.verticalView  .swapTypeChoice{
      left: -5px;
}

.horizontalView  .swapTypeChoice{
      left: -50px;
}

.swapTypeChoice ul{
    padding-left:0px;
    margin-top:34px;
}

.swapTypeChoice li{
    list-style:none;
    display:block;
    font-size:15px;
    line-height:24px;
    cursor:pointer;
}

.swapTypeChoice li:hover, .swapTypeChoice li:focus{
    background-color:#c82128;
    color:#fff;

}

.swapTypeChoiceClose{
      display: block;
      position:absolute;
      right:0px;
      color:#fff;
      font-size: 21px;
      margin-right: 3%;
      margin-top: 1px;
      cursor: pointer;
}

.modal.timeTableSwitchModal .modal-dialog{
    width:70%;
}

#TimetableViewSwitchModal .modal-header .close, #LessonSwapConfirmationModal .modal-header .close{
    margin-top:-27px;
}


#swapRoomTableDiv table tr td{
    text-align:center;
    cursor:pointer;
    line-height:1;
}

#swapRoomTableDiv table tr td span{
    width:100%;
    float:left;
    display:block;
}

#swapRoomTableDiv table tr td span.teachingGroupId, #swapRoomTableDiv table tr td span.lessonId, #swapRoomTableDiv table tr td span.roomId{
    display:none;
}

.swapRoomSelectableCell:hover{
    /**background-color:#dfdfdf;**/
    background-color:#8AEA8B;
}

.swapRoomNonSelectableCell{
    /**background-color:#F6F6F6;**/
}

#swapRoomTableDiv table tr:nth-child(even) td:nth-child(1){
    background-color: #F7FDFF;
}

#swapRoomTableDiv table tr:nth-child(odd) td:nth-child(1){
    background-color: #fff;
}

.swapTeachingGroupHighlighted{
     font-weight: bold;
}

.lessonHasBeenSwapped {
    border-style: solid !important;
    border-width: 9px !important;
    border-color: red !important;

}




.nonSwappableLesson {
    opacity: 0.5;
}

.swappableLesson{
    /**border-style: solid !important;
    border-width: 2px !important;
    border-color: red !important;**/
}

.swappableLesson:hover{
    opacity:0.7;
}

.lessonSelectedForSwap {
    border-style: solid !important;
    opacity: 0.5;
    border-width: 5px !important;
    border-color: green !important;
}

.emptyCellForSwapping {
    border-style: solid !important;
    border-width: 5px !important;
    border-color: red !important;
}

td.swapRoomGreenBardsOnSide{
    border-left:5px solid #25815B !important;
    border-right:5px solid #25815B !important;
    background-color:rgb(244, 249, 244);
}

.swapConfirmation{
    position:fixed;
    width:300px;
    height:100px;
    top:100px;
    left:45%;
    background-color:red;
    z-index:200;
}

#LessonSwapConfirmationModal .confirmationButtons button{
    color: #fff;
    border: none;
    border-radius: 5px;
    width: 91px;
    font-size: 20px;
    margin:10px;
}

#LessonSwapConfirmationModal button#confirmLessonSwap{
    background-color:#c82128;
    margin-top:40px;
}


#LessonSwapConfirmationModal button#confirmLessonSwap:hover{
    background-color:#901419;
}

#LessonSwapConfirmationModal button#declineLessonSwap{
    background-color:#026AA9;
}

#LessonSwapConfirmationModal button#declineLessonSwap:hover{
    background-color:#0B5481;
}

.confirmationButtons{
    text-align:center;
}

.revertFromLessonSwap{
    display:none;
    background-color:#026AA9;
    color:#fff;
    padding:5px 10px;
    border-radius:4px;
    border:none;
    margin:10px 0px;
}


#WeightingsModal .modal-dialog{
    width:70%;
}

.red{
    color: #c82128;
}

.bgRed{
    background-color: #c82128;
}

 .blue{
    color: #026AA9;
}

.bgBlue{
    background-color: #026AA9;
}

#weightingsDiv{
    width:80%;
    margin-left:10%;
    padding-top:30px;
}

.weightingsInto{
    padding-bottom:30px;
}


  .ui-slider {
     float: left;
     clear: left;
     width: 66%;
     margin: 31px 10% 0px 0px;
     height:12px;
  }

  .ui-slider-range{
     background:#25815B;
  }



  .weightInstance .ui-state-default{
    border-radius:10%;
    width:34px;
    height:34px;
    cursor:pointer;
    top:-13px;
    border:2px solid #25815B;
    outline:none;
  }



  .slideValue.ui-widget-content {
    float:left;
    width:60px;
    height:60px;
    text-align:center;
    font-size:24px;
    padding:12px 0px;
    border:2px solid #026AA9;
    color:#026AA9;
    border-radius:100%;
    margin-top:4px;
  }

  .weightInstance{
    float:left;
    width:48%;
    margin-right:1%;
    margin-bottom:5px;
    padding-bottom:42px;
    padding-top:7px;
    border-bottom:1px solid #026AA9;
    position:relative;
  }

  .weightInstance h2{
        font-size:18px;
  }


#WeightingsModal .modal-header .close{
    margin-top:-27px;
}


#weightingPriority{
    float:left;
    width:100%;
    padding-top:19px;
}

#weightingPriority h2{
    color: #026AA9;
    font-size: 20px;
}


.weightingCategories{
    float:left;
    width:100%;
    padding:30px 0px;
}




.weightCategory{
    float:left;
    width:30%;
    border:2px solid #026AA9;
    margin:0px 1% 0px 2%;
    height:185px;
    border-radius:4px;
}



.weightCategory h3{
    background-color:#DEF6FF;
    float:left;
    width:100%;
    margin-top:0px;
    font-size:18px;
    padding:8px 3%;
    margin-bottom:0px;
}

.yearCats{
    height:146px;
    width:100%;
    overflow:scroll;
    padding-top:11px;
}

.yearCats span{
    float:left;
    width:100%;
    padding:3px 3%;
    cursor:pointer;
}

.yearCats span:hover{
    background-color:#026AA9;
    color:#fff;
}

.ui-state-hover1{
    background-color:#FBFDFD;
}

input[type="checkbox"]#fullScheduleTimetable{
    margin-left:9px;
}

label.fullScheduleTimetable{
  font-size: 15px;
  font-weight: normal;
  border-top: 1px solid #026AA9;
  padding-top:21px;
  margin-top:30px;
  padding-bottom:19px;

}


/***Class Data - Custom View Begin  **/
.filteringClasses{
    display:none;
}

.multipleClassSelect #classListManFilter{
    width:175px;
    height:112px;
}


.multipleClassSelect select, .multipleClassSelect #classListManFilter{
    opacity:1;
    border: 1px solid #ccc;
    border-radius:4px;
    padding:8px 4%;
    margin-bottom:14px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    overflow-y:scroll;
    width:100%;
    float:left;
}



.multipleClassSelect #classListManFilter ul{
    padding-left:0px;
}

.multipleClassSelect #classListManFilter li{
    list-style:none;
    width:100%;
    float:left;
    cursor:pointer;
    border-bottom: 1px solid #F5F5F5;
}

.multipleClassSelect #classListManFilter li:hover{
    background-color:#F5F5F5;
}

.multipleClassSelect form{
    width:700px;
}


.multipleClassSelect select option{
    font-family: trebuchet ms;
    font-size:14px;
    padding:2px;
}

#classListManagerFilter, .filterClassFormLeft{
    width:42%;
    max-width:600px;
}

#classListManagerFilter{
    min-width:290px;
}

@media (max-width: 1200px) {
    #classListManagerFilter{
        clear:left;
        margin-left:0px !important;
        width:70%;
        margin-top:20px;
    }
}

.filterClassFormMiddle{
    width:20%;
}

.filterClassFormRight{
    width:30%;
}

.filterClassFormLeft, .filterClassFormMiddle, .filterClassFormRight{
    float:left;
}



input.filterClassView{
    margin-top:0px;
    margin-bottom:10px;
}

input.filterClassView, .multipleClassSelect button{
    float:left;
    width:116px;
    margin-left:14px;
}

.multipleClassSelect button{
    clear:left;
}

.filterClassFormRight{
    float:left;
}

input[type=checkbox].hideEmptySubjects{
    margin-right:4px;
}

.hideEmptyCourses tr.courseNotTaken{
    display:none;
}


.ClassDataTableContainer.showEmptyCourses tbody tr.courseNotTaken td a[data-class="remove-row"] .fa.fa-times{
    line-height:38px;
}

.ClassDataTableContainer th[data-fake="true"] span[data-id="TotalLessonsNumber"], #fixedHeadersClassData [data-id="TotalLessonsNumber"]{
    display:none;
}

#fixedHeadersClassData .exceedingTeachingPeriods [data-id="TotalLessonsNumber"]{
    display:block;
}

.exceedingTeachingPeriods{
    background-color:red;
}

.restrictionRule {
    width: 100%;
    float:left;
    border-style: solid;
        border-width: 1px;
        border-color: grey;
}
/** Restriction */
.restrictionRuleElements {

}
#ConstructionRestrictionsModal .modal-dialog{
    width:80%;
}



#timetableRestrictionsDiv{
    margin-top:24px;
}

#timetableRestrictionsDiv .info-container-personal{
    float: left;
    width: 47%;
    height: 135px;
    position: relative;
    overflow: visible;
    padding: 0px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    margin-bottom: 20px;
}

#timetableRestrictionsDiv .info-container-personal:nth-child(even){
    margin-left:6%;
}

#timetableRestrictionsDiv .restrictionLabel{
    display:block;
    float:left;
    width:100%;
    margin-bottom:0px;
    background-color: #026AA9;
    height:41px;
}

#timetableRestrictionsDiv .restrictionLabel h4{
    font-size:15px;
    font-weight:bold;
    color:#fff;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 2% 11px 2%;
}

/**
#timetableRestrictionsDiv [data-type="EXPRESSION"], #timetableRestrictionsDiv [data-type="LIST"]{
    display:block;
    float:left;
    width:49%;
}



#timetableRestrictionsDiv [data-type="PERIOD"]{
    display:block;
    float:left;
    width:40%;
    margin-left:10%;
}**/
/**
#timetableRestrictionsDiv [data-type="EXPRESSION"], #timetableRestrictionsDiv [data-type="LIST"], #timetableRestrictionsDiv [data-type="PERIOD"]{
    display:block;
    float:left;
    width:49%;
}


#timetableRestrictionsDiv:nth-child(even) [data-type="PERIOD"]{
    display:block;
    float:left;
    width:40%;
    margin-left:10%;
}**/

.restrictionContainer{
    float:left;
    width:48%;
}

.restrictionContainer.narrowInput {
    width:25%;
}

.restrictionContainer:nth-child(odd) [data-type]{
    /**margin-left:17%;**/
    width:90%;
}


#timetableRestrictionsDiv input, #timetableRestrictionsDiv select, #timetableRestrictionsDiv ul{
    width:100%;
    clear:left;
    float:left;
}


#timetableRestrictionsDiv [data-type="INTEGER"] input{
    width:50px;
}



#timetableRestrictionsDiv i.icon-remove-sign{
     font-style: normal;
     color: #fff;
     font-size: 20px;
     display: block;
     float: right;
     text-align: center;
     height: 29px !important;
     width: 29px !important;
     padding-top: 0px;
     padding-left: 4px;
     cursor: pointer;
     font-weight: bold;
     position: absolute;
     top: 4px;
     right: 2%;
}

#timetableRestrictionsDiv i.icon-remove-sign:hover{
    color:#DBEAFB;
}

#timetableRestrictionsDiv .control-label{
    float:left;
}

#timetableRestrictionsDiv i.fa{
    float:left;
    clear:left;
    margin-top:6px;
    cursor:pointer;
}

#timetableRestrictionsDiv input.periodSelect{
    width:85%;
    float:left;
    margin-left:5%;
}
/**
#timetableRestrictionsDiv .ui-multiselect{
    border:1px solid #ccc;
    border-radius:0px;
    padding-top:3px;
    margin-top:-1px;
    padding-bottom:2px;
    width:100% !important;
}

#timetableRestrictionsDiv .ui-multiselect.ui-state-active{
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    border-color:#026AA9;
}


#timetableRestrictionsDiv .ui-widget-header{
    border-bottom:1px solid #ccc !important;
    border-radius:0px !important;
}

#timetableRestrictionsDiv  .ui-icon ui-icon-check{
    color:green !important;
}

#timetableRestrictionsDiv  .ui-multiselect-none{
    color:#c82128 !important;
}

#timetableRestrictionsDiv .ui-multiselect-menu > .ui-multiselect-checkboxes li{
    border-bottom:1px solid #dfdfdf !important;
}

#timetableRestrictionsDiv .ui-multiselect-menu > .ui-multiselect-checkboxes li > label > span{
    margin-left:8% !important;
}**/

#timetableRestrictionsDiv .addNewRestriction{
    float:left;
    margin-top:20px;
}

#timetableRestrictionsDiv .periodRestrictionPicker{
    position:absolute;
    top:2px;
    z-index:100;
    left:0%;
    width:100%;
    /**max-width:410px;**/
    height:auto;
    background-color:#fff;
    border:2px solid #026AA9;
    border-radius:11px;
    display:none;
}

.returnTimetableSetup{
    display:none;
}

.returnTimetableSetup a.btn-small{
    width:auto !important;
}

.btn.btn-save.noProceed{
    background-color:#f4cacf;
    color:#bd0016;
}

.btn.btn-save.noProceed:hover{
    background-color:#E0B2B7;
}


label.error[data-attr="breadcrumbs-error-timetable"]{

  width: auto;
  float: left;
  clear: left;
}

#timetableRestrictionsDiv .periodRestrictionPicker .pickerHead{
    float:left;
    background-color:#026AA9;
    color:#fff;
    font-size:14px;
    padding:1px 3%;
    padding-top:7px;
    width:100%;
    height:30px;
}

.pickerHead h4{
    font-size:15px;
}

#timetableRestrictionsDiv .periodRestrictionPicker .pickerHead button.close{
    margin-top:-31px;
}

#timetableRestrictionsDiv .periodRestrictionPicker th{
    padding-top:0px;
    overflow:hidden;
    max-width:46px;
}

#timetableRestrictionsDiv .periodRestrictionPicker th span{
    float:left;
    width:50%;
    line-height:20px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#timetableRestrictionsDiv .periodRestrictionPicker th input{
    float:left;
    width:50%;
    margin-top:0px;
}

#timetableRestrictionsDiv .periodRestrictionPicker td{
    cursor:pointer;
    padding:3px !important;
}

#timetableRestrictionsDiv .periodRestrictionPicker td:hover{
    background-color:#DEF6FF;
}

#timetableRestrictionsDiv .periodRestrictionPicker td.periodToRestrict{
    background-color:#E9FFDE;
}

#timetableRestrictionsDiv .periodRestrictionPicker td[data-type='R']{
    background-color:#F5F4F4;
}

#timetableRestrictionsDiv .periodRestrictionPicker .pickerFooter{
    padding:0px 3%;
    width: 100%;
    float: left;
    border-top: 1px solid #025587;
    margin-top:5px;
    background-color: #DEF6FF;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
}

#timetableRestrictionsDiv .periodRestrictionPicker .table{
    margin-bottom:0px;
    float:left;
}

.tableLabel{
    float:left;
    width:100%;
    padding: 5px 0px;
}

.tableLabel span{
    color: #7F7F7F;
    padding: 0px 3px;
}

.periodRestrictionPicker.restrictionsSingleGrid .tableLabel{
    display:none;
}

.addNewRestriction .control-label{
    float:left;
    margin-top:7px;
}

#timetableRestrictionsDiv .periodRestrictionPicker .table:nth-child(even){
    float:right;
}

.restrictionPeriodGrid{
    float:left;
}

.restrictionPeriodGrid:nth-child(even){
    float:right;
}

#timetableRestrictionsDiv .periodRestrictionPicker .btn-small{
    width:auto !important;
    padding-left:2%;
    padding-right:2%;
    float:right;
    margin: 7px 0px;
    margin-left:1% !important;
}

#timetableRestrictionsDiv .periodRestriction button{
    border-radius: 4px;
    padding: 3px 8%;
    width: auto;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    font-weight: bold;
    border: 1px solid #56A9C8;
    margin-top: 24px;
    background-color: #DEF6FF;
    color: #026AA9;
}

#timetableRestrictionsDiv .periodRestriction button i.fa{
    margin-top: 2px;
    margin-right: 5px;
}

.dropDownMultiSelect form{
    position:relative;
    float:left;
}

#timetableRestrictionsDiv ul.teacherRestrictionList, ul.multiDropDownSelectList{
    display:none;
    position:relative;
    overflow:scroll;
    height:200px;
    z-index:10;
    box-shadow: 0px 2px 15px 1px rgba(83, 95, 103, 0.47);
}

ul.multiDropDownSelectList{
    position:absolute;
    top:25px;
    left:0px;
    width:200px !important;
    z-index:300;
}

ul.multiDropDownSelectList li{
    position:relative;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li, ul.multiDropDownSelectList li{
    float:left;
    width:100%;
    list-style:none;
    padding:3px 0px;
    cursor:pointer;
    border-top:1px solid #E1EDEC;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li:hover, ul.multiDropDownSelectList li:hover{
    background-color:#DEF6FF;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li:nth-child(1):hover, ul.multiDropDownSelectList li:nth-child(1):hover{
     background-color:transparent;
     border-top:0px;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li span{
    float:left;
    width:90%;
    padding:0px 3%;
    cursor:pointer;
}

ul.multiDropDownSelectList li span{
    position:absolute;
    width:100%;
    padding:0px 3%;
    left:0px;
    top:0px;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li input{
    float:left;
    width:10%;
}

ul.multiDropDownSelectList li input{
    float:right;
    width:10%;
}

.restrictionValidationError{
    display:none;
    width: 100%;
    float: left;
    background-color: rgb(242, 204, 204);
     margin-top: 20px;
     padding: 5px 2%;
    border-radius:6px;
}

.btn.btn-save.savedRestriction{
    background-color:green;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li a, ul.multiDropDownSelectList li a{
  float: left;
  background-color: rgb(243, 243, 247);
  padding: 1px 12px;
  border-radius: 14px;
  border: 1px solid #cccccc;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li a.restrictionSelectAllTeachers, ul.multiDropDownSelectList li a.selectAllOptions{
    color:#4B8C0E;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li a.restrictionSelectAllTeachers:hover, ul.multiDropDownSelectList li a.selectAllOptions:hover{
    color:#447B11;
    border-color:#447B11;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li a.restrictionClearAllTeachers, ul.multiDropDownSelectList li a.clearAllOptions{
    color:#E28488;
    margin-left:5%;
}

#timetableRestrictionsDiv ul.teacherRestrictionList li a.restrictionClearAllTeachers:hover, ul.multiDropDownSelectList li a.clearAllOptions:hover{
    color:#D24B51;
    border-color:#D24B51;
}

#selectNewRestrictionDropdown, .selectNewValueDropDown{
    float:left;
    width: 259px;
    position:relative;
    z-index:10;
}

.addNewRestriction{
    margin-top: 10px;
    border-top: 1px solid #dfdfdf;
    padding-top: 14px;
}

#selectNewRestrictionDropdown a,  .selectNewValueDropDown a{
    width:100%;
}

#selectNewRestrictionDropdown a.activeAddRestriction{
    color:#c82128;

}

#timetableRestrictionsDiv .restrictionContainer label i.fa{
    float: right;
    margin-top: 3px;
    margin-left: 5px;
    color: #47a447;
    font-size:16px;
}

.restrictionBody {
    float: left;
    width: 100%;
    padding: 9px 4%;
    position:relative;
}

#selectNewRestrictionDropdown ul,  .selectNewValueDropDown ul{
      width: 100%;
      border: 1px solid #dfdfdf;
      background-color:#F7F3F3;
      border-radius: 0px 0px 11px 11px;
      padding: 11px 3%;
      display:none;
      position:absolute;
      top:33px;
      left:0px;
}

.selectNewValueDropDown ul{
    z-index:20;
}

#selectNewRestrictionDropdown li,  .selectNewValueDropDown li{
    list-style:none;
    padding:3px 3%;
    font-weight:bold;
    cursor:pointer;
    background-color: #FCFBFB;
    margin-bottom: 6px;
    border-radius:8px;
}

#selectNewRestrictionDropdown li:hover,  .selectNewValueDropDown li:hover{
    color:#026AA9;
    background-color:#FAFAFA;
}

.report_style_autoroom{
  font-size: 17px;
  font-weight: bold;
  background-color:#F8FAF4;
  color: #0F8137;
  margin: 20px 0;
  padding: 10px;
  box-shadow: 0px 0px 1px #0F8137 inset;
  display:none;
}

.report_style_autoroom h3{
    font-size:17px;
    margin-top:9px;
    padding-bottom:11px;
}

.report_style_autoroom.autoAssignLesson h3{
    border-bottom: 1px solid #B0D3BC;
}

.report_style_autoroom p{
    font-size:15px;
    color:#000;
    font-weight:normal;
}

.weightingsExplanationBox{
    float:left;
    width:100%;
}

.weightingsExplanation{
    cursor:pointer;
}

.weightingsExplanationDetail{
    float: left;
  margin-top: 17px;
  width: 92%;
  padding: 20px 4%;
  min-height: 240px;
  background-color: #DEF6FF;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
}

.weightingsExplanationDetail h2{
  border-bottom: 1px solid #fff;
  margin-top: -9px;
  font-weight: normal;
  font-size: 14px;
  padding-bottom: 7px;
}

.weightingsExplanationDetail p{
    font-size:12px;
}

.timetableValidationErrorContainer{
  float: left;
  width: 100%;
  margin-top:10px;
  box-shadow: 0px 0px 5px 1px rgb(245, 209, 209) inset;
}

.timetableValidationErrorContainer .timetableValidationHead{
   padding-bottom:2px;
   margin-bottom:0px;
   padding:8px 1%;
   height:38px;
}

.timetableValidationErrorContainer.noTimetableValidationErrors .timetableValidationHead{
    background-color:#F8FAF4;
    box-shadow:0px 0px 1px #0F8137 inset;
    color:#0F8137;
    padding:10px;
    font-size:17px;
    border-bottom:0px;
}

.timetableValidationErrorContainer.presentTimetableValidationErrors .timetableValidationHead{
   background-color:rgb(245, 209, 209);
   border-bottom: 1px solid rgb(226, 191, 191);
}

.timetableValidationErrorContainer.noTimetableValidationErrors #TimetableValidationError{
    display:none;
}

a.timetableValidationHide{
   display: block;
   float: right;
   background-color: #fff;
   color:red;
    padding:2px 1%;
   border-radius:8px;
}

.timetableValidationErrorContainer.timetableValidationHidden{
    margin-bottom:10px;
}

.timetableValidationErrorContainer.timetableValidationHidden.padding-no .timetableValidationHead{
  padding: 10px 1% !important;
  font-size: 17px;
  border-bottom: 0px;
  height:auto;
}

#TimetableValidationError{
    float:left;
    width:100%;
    padding: 22px 1%;
    background-color:rgb(245, 239, 239);
}

#TimetableValidationError div{
    float:left;
    width:100%;
    padding: 1px 0.3%;
}

#TimetableValidationError div:hover{
  background-color: #FCF6F6;
  box-shadow: 0px 0px 5px 1px rgb(245, 209, 209) inset;

}

#TimetableValidationError .fa{
    margin-right:1%;
}

#TimetableValidationError a[data-errorcategory], #timetableWarningListingContainer a[data-warningCategory]{
    float:left;
    clear:left;
    line-height:24px;
    color:#026AA9;
    display: list-item;
    margin-left: 19px;
}

#TimetableValidationError a[data-errorcategory].visibleList, #timetableWarningListingContainer a[data-warningCategory].visibleList{
    color: #025587;
}

ul.ttcValidationErrorsList{
    padding-left:5px;
    display:none;
    float:left;
    clear:left;
    width:100%;
}

ul.ttcValidationErrorsList li{
    list-style:none;
}

.noTimetableValidationErrors a.timetableValidationHide{
    display:none;
}


select.form-control.multiIcon{
    position:relative;
    z-index:10;
    background-color:transparent;
}

#TeacherDataTableContainer select.form-control.multiIcon{
    z-index:0;
}

.const-year-data-container{
    padding:5px 1%;
    border: 1px solid #dfdfdf;
    margin-bottom: 10px;
}

.const-year-data-container:first-child{
    margin-top:6px;
}

.const-year-data-container:nth-child(odd) [data-id="ConstructionPeriodsTableContainer"],.const-year-data-container:nth-child(odd) [data-id="ConstructionBlocksCoreContainer"]{
    background-color:#F6F6F6;
}

.const-year-data-container:nth-child(odd) [data-id="ConstructionBlockContainer"], .const-year-data-container:nth-child(odd) [data-id="ConstructionCoreContainer"], .const-year-data-container:nth-child(odd) [data-id="ConstructionBlocksCoreContainer"] .teaching-group-box-const{
    background-color:#fff;
}

.const-year-data-container:nth-child(even){
    background-color:#F6F6F6;
}

table[data-id="ConstructionPeriodsTable"] tr[data-fake="true"] td:first-child span{
   display:none;
}


table[data-id="ConstructionPeriodsTable"] tr[data-fake="true"] td:first-child{
    background-color:#f7f7f7;
}

table[data-id="ConstructionPeriodsTable"] td.baseClassName{
    text-align:center;
    font-weight:bold;
}

table[data-id="ConstructionPeriodsTable"] tr td:first-child, table[data-id="ConstructionPeriodsTable"] tr th:first-child{
    width:15px !important;
    padding:0px !important;
}

/**.const-year-data-container a.scrollToNext, .const-year-data-container a.scrollToPrev{
  float: right;
  background-color: #5cb85c;
  color: #fff;
  padding: 5px 10px;
  font-size: 15px;
  border-radius: 6px;
  margin-left:20px;
}**/
.const-year-data-container a.scrollToNext, .const-year-data-container a.scrollToPrev{
  float: right;
  color: #fff;
  font-size: 15px;
  margin-left: 20px;
  color: #5cb85c;
  border-left: 4px solid;
  border-bottom: 4px solid;
  width: 25px;
  height: 25px;
}

.const-year-data-container a.scrollToNext{
  transform: rotate(-45deg);
   -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Safari */
}

.const-year-data-container a.scrollToPrev{
  transform: rotate(135deg);
  -ms-transform: rotate(135deg); /* IE 9 */
  -webkit-transform: rotate(135deg); /* Safari */
  margin-top:15px;
}


.const-year-data-container:last-child a.scrollToNext, .const-year-data-container:first-child a.scrollToPrev{
    display:none;
}

.bottomFixedHeading{
    float:left;
    width:100%;
    background-color: rgb(245, 209, 209);
    padding:5px 13px;
}

.bottomFixedHeading a{
    float:right;
    display:block;
    color:#7C7373;
    font-size:20px;
}

.errorSummary{
   cursor:pointer;
   position: fixed;
   bottom: 0px;
   left: 1%;
   width:98%;
   z-index: 10;
   border-top-left-radius:6px;
   border-top-right-radius:6px;
   background:#026AA9;
    display:none;
   /**
   cursor:pointer;
   color: #fff;
   position: fixed;
   bottom: 0px;
   right: 2%;
   z-index: 10;
   border-top-left-radius:6px;
   border-top-right-radius:6px;
   padding:10px;
   background:#026AA9;
   animation:myfirst 5s;
   -moz-animation:myfirst 5s infinite;
   -webkit-animation:myfirst 5s infinite;
   display:none;
  **/
}

.newTtErrors{
   padding:10px 0px;
   background-color:rgb(245, 239, 239);
   float: left;
   width: 100%;
   max-height: 130px;
   overflow-y: scroll;
}

.newTtErrors ul{
    padding-left:37px;
}


  @-moz-keyframes myfirst /* Firefox */
{
0%   {background:#026AA9;}
50%  {background:#c82128;}
100%   {background:#026AA9;}
}

    @-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:#026AA9;}
50%  {background:#c82128;}
100%   {background:#026AA9;}
}

.caret.custom-arrow{
    z-index:5;
    pointer-events: none;
}

a.closeAutoAssignMessage{
  position: absolute;
  top: 9px;
  right: 1%;
  color: #0F8137;
  background-color: #fff;
  padding: 4px;
  border-radius: 100%;
  width: 32px;
  height: 32px;
  display: block;
  border: 1px solid #0F8137;
  padding-left: 9px;
  padding-top: 3px;
}

a.closeAutoAssignMessage:hover{
  color: #fff;
  background-color: #0F8137;
}

#reportingParameters select[data-no-appearance]{
    opacity:1;
}

.timetableValidationNotifications{
    position:relative;
    float:left;
    width:100%;
    display:none;
}

.warningNote{
  position: absolute;
  top: -56px;
  right: 0px;
  background-color: green;
  color: #fff;
  padding: 10px 10px;
  cursor: pointer;
  background: -webkit-linear-gradient(bottom right, rgb(40, 155, 41), rgb(38, 86, 27));
  background: -o-linear-gradient(bottom right, rgb(40, 155, 41), rgb(38, 86, 27));
  background: -moz-linear-gradient(bottom right, rgb(40, 155, 41), rgb(38, 86, 27));
  background: linear-gradient(to bottom right, rgb(40, 155, 41), rgb(38, 86, 27));
  border-radius: 36px;
  width: 165px;
  text-align: center;
  height: 42px;
  box-shadow:3px 2px 30px #6E9474;
  display:none;
   z-index:103;
}

.warningNote:hover{
  background: -webkit-linear-gradient(bottom right, rgb(38, 86, 27));
  background: -o-linear-gradient(bottom right, rgb(38, 86, 27), rgb(40, 155, 41));
  background: -moz-linear-gradient(bottom right, rgb(38, 86, 27), rgb(40, 155, 41));
  background: linear-gradient(to bottom right, rgb(38, 86, 27), rgb(40, 155, 41));
}


.warningNote .notificationLeaf{
  display: block;
  background-color: rgb(200, 255, 0);
  height: 20px;
  width: 20px;
  position: absolute;
  top: -12px;
  right: -4px;
    border-top-left-radius: 100%;
    border-bottom-right-radius: 100%;
      border: 1px solid #82C76F;
   animation:leaf 3s;
    -moz-animation:leaf 3s infinite; /* Firefox */
    -webkit-animation:leaf 3s infinite; /* Safari and Chrome */
      background: -webkit-linear-gradient(bottom right, rgb(83, 195, 84), rgb(200, 255, 0));
      background: -o-linear-gradient(bottom right, rgb(83, 195, 84), rgb(200, 255, 0));
      background: -moz-linear-gradient(bottom right, rgb(83, 195, 84), rgb(200, 255, 0));
      background: linear-gradient(to bottom right, rgb(83, 195, 84), rgb(200, 255, 0));
    z-index:20;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes leaf {
   from {opacity:0.6; -ms-transform: rotate(0deg); /* IE 9 */
                          -webkit-transform: rotate(0deg); /* Safari */
                          transform: rotate(0deg);}
   to {opacity:0.8; -ms-transform: rotate(20deg); /* IE 9 */
                        -webkit-transform: rotate(20deg); /* Safari */
                        transform: rotate(20deg);}



}

/* Standard syntax */
@keyframes leaf {
   from {opacity:0.8;}
   to {opacity:0.8;}
}

#timetablingWarningsContainer{
  position: absolute;
  right: 0px;
  top: -35px;
  width: 42%;
  background-color: #fff;
  border: 4px solid green;
  display:none;
  z-index:102;
  padding-bottom:7px;
}

.timetableWarningListing{
  padding:10px 2%
}

#timetablingWarningsContainer h3{
  color: #fff;
  background-color: green;
  margin-top: 0px;
  padding: 9px 1%;
  padding-top: 20px;
  font-size: 14px;
}

#timetablingWarningsContainer span{
    float:left;
    width:100%;
    padding: 4px 2px;
}

#timetablingWarningsContainer span:not(:last-child){
    border-bottom:1px solid #dfdfdf;
}

#timetablingWarningsContainer span:hover{
    background-color:#EFF4F2;
}

#SetTimetableForm .line-select, #SetTimetableForm .caret.custom-arrow{
    z-index:10;
}

input.invalidInput, input.invalidInput:focus{
    border-color:#c82128;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(233, 107, 102, 0.6);
    color:#c82128;
}

h3.timetableGenerationMessage{
  font-size: 16px;
  color: #026AA9;
  width: 50%;
  display: block;
  float:left;
}

.generationProgress, .spreadsProgress{
    width: 30%;
  float:left;
}

.spreadsProgress{
  display:none;
}

.generationStatsContainer{
    width: 36%;
  float:left;
}

.spreadsProgress{
    margin-left:2%;
}

.progressBarHead{
    float:left;
    width:100%;
    background-color:#DEF6FF;
    color:#000;
    padding:4px 3%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.progressBarHead p{
    margin:0px;
}

.progressBarHead.progressBarComplete{
    color:#fff;
    background-color:rgb(51, 153, 51);
}

.progressBarContainer{
  float: left;
  width: 100%;
  background-color: #dfdfdf;
  padding: 16px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border: 1px solid #cccccc;
  background-color:#E5E5E5;
}


#generationProgressBar.ui-widget-content, #spreadProgressBar.ui-widget-content{
    background:-webkit-linear-gradient(rgb(228, 225, 225), rgb(253, 253, 253));
    background:-o-linear-gradient(rgb(228, 225, 225), rgb(253, 253, 253));
    background:-moz-linear-gradient(rgb(228, 225, 225), rgb(253, 253, 253));
    background:linear-gradient(rgb(228, 225, 225), rgb(253, 253, 253));
    width:83%;
    float:left;
    overflow:hidden;
    position:relative;
    border: 1px solid #cccccc !important;
}

#generationProgressBar .ui-progressbar-value, #spreadProgressBar .ui-progressbar-value{
    position:relative;
}

.progressBarContainer h3{
  float: left;
  display: block;
  color: #026AA9;
  width: 15%;
  margin: 0px;
  padding-left: 5%;
  padding-top: 2px;
}




#generationProgressBar .ui-widget-header, #spreadProgressBar .ui-widget-header{
    background:transparent;
    background-color:rgb(204, 51, 0);
    margin:0px;
}


.row.generationRow.progressing{
  border-bottom: 3px solid #026AA9;
  padding-bottom: 6px;
}

.row.generationRow.progressing.feasibleTimetable{
  border-bottom: 3px solid #0F8137;
  padding-bottom: 50px;
  background-color: #F8FAF4;
  box-shadow: 0px 0px 1px #0F8137 inset;
}

.feasibleTimetable .percentageLessonsSolved, .feasibleTimetable .generationLessonsSolved .completed, .feasibleTimetable .generationLessonsSolved .total, .allSpreadsHonoured .percentagespreadsHonoured, .allSpreadsHonoured .generationSpreadsHonoured .completed, .allSpreadsHonoured .generationSpreadsHonoured .total {
    color:#0F8137;
}

.row.generationRow div.timetableGenerationHead{
    border-bottom:1px solid #026AA9;
    margin-bottom:6px;
    padding-bottom:4px !important;
}

.row.generationRow div.timetableGenerationHead.timetableGeneratedMessage{
    background-color:#F8FAF4;
    box-shadow:0px 0px 1px #0F8137 inset;
    border-bottom:0px;
    padding-left:1% !important;
    padding-right:1% !important;
}

.row.generationRow div.timetableGenerationHead h3{
    display:none;
    margin-bottom:0px;
}

.row.generationRow div.timetableGenerationHead.timetableGeneratedMessage h3{
    color:#0F8137;
}

.row.generationRow div.timetableGenerationHead a.btn.btn-save{
    height: 30px;
    font-size: 15px;
    line-height: 17px;
}

#timetableGenerationStats{
    /**display:none;**/
    width:100%;
    padding-left:1%;
    padding-right:1%;
}

.row.generationRow div.timetableGenerationHead .btn-group-sm.pull-right{
    padding-top:9px;
}

.generationStatsContainer{
    background-color:#E5E5E5;
    color:#000;
    height:94px;
    margin-left:2%;
    border-radius:4px;
}

.generationLessonsSolved, .generationSpreadsHonoured{
  float: left;
  width: 50%;
  padding: 10px 3%;
  height: 74px;
  margin-top: 10px;
}


.generationLessonsSolved span.completed, .generationSpreadsHonoured span.completed{
    font-size:35px;
    color:#026AA9;
    float:left;
    width:40%;
    text-align:right;
}

.generationLessonsSolved span.total, .generationSpreadsHonoured span.total{
    float:left;
    font-size:15px;
    color:#026AA9;
    width:27%;
    margin-top:20px;
}

.generationLessonsSolved span.genStatLabel, .generationSpreadsHonoured span.genStatLabel{
  padding-top: 5px;
  float: left;
  width: 30%;
}


.generationLessonsSolved{
    border-right:1px solid #026AA9;
}

.generationStatsContainer.spreadProgressHidden{
    width:18%;
}

.generationStatsContainer.spreadProgressHidden .generationLessonsSolved{
    width:100%;
}

.spreadProgressHidden .generationSpreadsHonoured{
    display:none;
}

.spreadProgressHidden .generationLessonsSolved{
    border-right:0px;
}

.clearAllGrids i.fa.fa-spinner.fa-spin, .clearGrid i.fa.fa-spinner.fa-spin{
    display:none;
    float:left;
}

.clearAllGrids.saving i.fa.fa-spinner.fa-spin, .clearGrid.saving i.fa.fa-spinner.fa-spin{
    display:block;
}

a.clearAllGrids.saving, a.clearGrid.saving{
    background-color:#025587;
}

.progressOverlay{
  height: 27px;
  background-color: transparent;
  width: 200%;
  float: left;
  margin-top: 1px;
    position: absolute;
    top: 0px;
    left: -85%;
   animation:bars 15s infinite;
    -moz-animation:bars 15s infinite;
    -webkit-animation:bars 15s infinite;
    display:none;
}

.progressOverlay .overlayBar{
  width: 20px;
  background-color: #F0F0F0;
  height: 41px;
  margin-left: 20px;
  margin-top: -8px;
  float: left;
  -ms-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  opacity: 0.1;
}

.progressBarContainer .ui-widget-header{
    border:0px !important;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bars {
   from {left:-85%;}
   to {left:-4%;}
}

/* Standard syntax */
@keyframes bars {
   from {left:-85%;}
      to {left:-4%;}
}

.row.generationRow.generationStopped .progressOverlay, .row.generationRow.generationStopped div.timetableGenerationHead h3{
    display:none;
}


.feasibleTimetablePresent{
    display:none;
    background-color: #F8FAF4;
      box-shadow: 0px 0px 1px #0F8137 inset;
      color: #0F8137;
      padding: 10px;
      font-size: 17px;
      border-bottom: 0px;
}

/**Teacher Data: Half-Days **/

.modal#DefineHalfDaysDialog{
    width:60%;
    margin:0px auto;
    max-width:570px;
    overflow:auto;
}

.modal#DefineHalfDaysDialog .modal-dialog{
    width:100%;
}

#halfDaysDefinitionDiv{
    width:87%;
    margin:0 auto;
}

#halfDaysDefinitionDiv th{
    width:20%;
}

#halfDaysDefinitionDiv td{
    cursor:pointer;
    padding:5px 3%;
}

#halfDaysDefinitionDiv td:hover{
    background-color:#DEF6FF;
}

#halfDaysDefinitionDiv td.halfDayEndPeriod, #halfDaysDefinitionDiv td.halfDayPeriod{
    background-color:#E9FFDE;
}

#halfDaysDefinitionDiv td[data-type='R']{
    background-color:#F5F4F4;
}

#halfDaysDefinitionDiv td[data-type='R'].halfDayPeriod{
    background-color:#9FCA93;
}

#halfDaysDefinitionDiv tr.cancelHalfDay td{
    background-color:#026AA9;
    color:#fff;
    font-weight:bold;
    text-align:center;
}


#halfDaysDefinitionDiv tr.cancelHalfDay td:hover{
    background-color:#025587;
}

#halfDaysDefinitionDiv tr.cancelHalfDay td i.fa{
    margin-top:0px;
}




/** Bulk timetable print - START **/

.bulkPrint .printFormat .form-group{
    float:left;
    width:12%;
    margin-right:6%;
    margin-bottom:40px;
}


.timetablePrintData.padding-no, .printFormat{
    border-bottom:1px solid #dfdfdf;
    padding-bottom:20px !important;
}

.timetablePrintData .form-group{
    display:none;
    width:12%;
    margin-right:6%;
}

.timetablePrintData .input-group{
    width:118%;
}

.timetablePrintData .form-group.selectType, .timetablePrintData .form-group.studentPrintSelect{
    display:block;
}

.bulkPrint input.selectedTypeList{
  float: left;
  clear: left;
  width: 100%;
  height: 34px;
  border-radius: 3px !important;
  border: thin solid #ccc !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
}

.bulkPrint ul.bulkPrintList {
  display: none;
  position: absolute;
  overflow: scroll;
  height: 200px;
  z-index: 10;
  top:56px;
}

.bulkPrint ul.bulkPrintList li {
  float: left;
  width: 100%;
  list-style: none;
  padding: 3px 0px;
  cursor: pointer;
  border-top: 1px solid #E1EDEC;
}

.bulkPrint ul.bulkPrintList li span {
  float: left;
  width: 90%;
  padding: 0px 3%;
}

.bulkPrint ul.bulkPrintList li input {
  float: left;
  width: 10%;
}

.bulkPrint ul.bulkPrintList li a.restrictionSelectAllTeachers{
    color:#4B8C0E;
}

.bulkPrint ul.bulkPrintList li a.restrictionSelectAllTeachers:hover{
    color:#447B11;
    border-color:#447B11;
}

.bulkPrint ul.bulkPrintList li{
  float: left;
  width: 100%;
  list-style: none;
  padding: 3px 0px;
  cursor: pointer;
  border-top: 1px solid #E1EDEC;
}

.bulkPrint ul.bulkPrintList li a {
  float: left;
  background-color: rgb(243, 243, 247);
  padding: 1px 12px;
  border-radius: 14px;
  border: 1px solid #cccccc;
}

.bulkPrint ul.bulkPrintList li a.restrictionClearAllTeachers{
    color:#E28488;
    margin-left:5%;
}

.bulkPrint ul.bulkPrintList li a.restrictionClearAllTeachers:hover{
    color:#D24B51;
    border-color:#D24B51;
}

.bulkPrint i.fa{
    display:none;
}


/** Bulk timetable print -- END **/


/** Weightings - advanced **/

#advancedWeightings{
  float: left;
  width: 100%;
  border-top: 1px solid #026AA9;
  padding-top: 30px;
  padding-bottom: 17px;
}

#advancedWeightings button.title{
  color: #026AA9;
  font-size: 15px;
  background-color: #fff;
  border:1px solid #EBECED;
  border-radius: 2px;
}

#advancedWeightings button.title:hover{
    background-color:#ffffff;
    color:#2397DD;
}

#advancedWeightings button.title.advancedWeightingsShow{
    background-color:#026AA9;
    color:#fff;
}

#advancedWeightings button.title.advancedWeightingsShow:hover{
    background-color:#025587;
}

.granularWeightings{
  float: left;
  width: 100%;
  margin-top: 15px;
  border-top: 1px solid #dfdfdf;
  padding-top: 17px;
  display:none;
}

.granularWeightings label{
    float:left;
    padding-right:15px;
    font-weight:normal;
    padding-top:2px;
}

.granularWeightings input{
  float: left;
  width: 175px;
  border-radius: 2px;
  border: 1px solid #CAC7C7;
  padding:1px 1%;
}

/** Contracts & Salary, Qualifications - START **/

.qualificationInstance select[data-no-appearance]{
    opacity:1;
    height:34px;
    width:100%;
}

.info-container.contractHead, .info-container.qualificationHead{
    /**border-bottom:0px;**/
}

.contractEditable, .qualificationEditable{
    position:relative;
}


.contractInstance i.fa.fa-pencil, .qualificationInstance i.fa.fa-pencil{
    position:absolute;
    top:0px;
    left:100%;
    display:none;
}
/**
.contractInstance .contractEditable:hover i.fa.fa-pencil{
    display:block;
}**/

.contractEditing.contractInstance .contractEditable:hover i.fa.fa-pencil, .qualificationEditing.qualificationInstance .qualificationEditable:hover i.fa.fa-pencil{
    display:none;
}

.qualificationInstance{
    background-color:#DEF6FF;
}

.qualificationInstance:not(.newQualification){
    margin-bottom:35px;
}

.contractInstance, .qualificationInstance{
  /**border-bottom: 2px solid #026AA9;**/
  float: left;
  padding: 0px;
  border: 2px solid #026AA9;
  width:100%;
}

.contractInstance:last-child, .qualificationInstance:last-child{
    /**border-bottom:0px;**/
}

.contractContent, .qualificationContent{
    float:left;
    width:100%;
    padding:0px 1%;
    background-color:#fff;
}

#qualificationHolderDiv .qualificationContent{
   /**display:none;**/
}

.contractHeading, .qualificationHeading{
  font-size: 17px;
  width: 100%;
  float: left;
  /**padding-bottom: 21px;***/
  background-color:#026AA9;
  color:#fff;
  height: auto;
  min-height: 50px;
}

.qualificationEditing .qualificationHeading, .newQualification .qualificationHeading{
    height:auto;
}

.qualificationHeading i{
    cursor:pointer;
    float:right;
    margin-top:12px;
    margin-right:1%;
}

.qualificationEditing .qualificationHeading i{
    display:none;
}

.contractHeading .contractEditable:not(.col-sm-6){
    width:15%;
    float:left;
}

.qualificationHeading .qualificationEditable{
    width:33%;
    float:left;
}

.info-container#contractHolderDiv, .info-container#qualificationHolderDiv{
    overflow:visible;
}

.contractHeading span, .qualificationHeading span{
   float:left;
  margin-left: 1%;
  margin-top: 8px;
}

.contractHeading span.contractValue, .qualificationHeading span.qualificationValue{
    float:none;
}

.contractHeading a.btn.btn-save, .qualificationHeading a.btn.btn-save{
  background-color: #fff;
  color: #026AA9;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px !important;
  font-size: 14px;
  /* padding-bottom: 1px; */
  height: 30px;
}

.contractInstance .form-control, .qualificationInstance .form-control{
    margin-top:5px;
    display:none;
    float:left;
    clear: left;
    margin-bottom: 15px;
    width:100%;
}

.qualificationInstance .input-group{
    display:none;
    float:left;
    clear:left;
    width:100%;
}

.contractInstance .input-group:not(.contractDetail):not(.contractElement){
    display:none;
    float:left;
    clear:left;
    width:100%;
}



.contractInstance .custom-arrow, .qualificationInstance .custom-arrow{
    top:20px;
}

.contractInstance .line-select, .qualificationInstance .line-select{
    top:5px;
}



.contractDetails, .qualificationDetails{
float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-bottom: 13px;
  padding-top: 30px;
}

.contractEditing .contractDetails, .qualificationEditing .qualificationDetails{
    padding-bottom: 0px;
}

.qualificationDetail{
  float: left;
  width: 18%;
  margin-right: 2%;
  margin-bottom: 0px;
  height:69px;
}

.qualificationEditing .qualificationDetail, .newQualification .newQualification{
    height:80px;
}

.contractDetail{
  /**float: left;
  width: 16%;
  margin-right: 4%;
  margin-bottom: 26px;**/
  float: left;
    width: 12%;
    margin-right: 2%;
    margin-bottom: 26px;
}

.contractDetail span.contractValue, .contractElement span.contractValue, .qualificationDetail span.qualificationValue, .qualificationElement span.qualificationValue{
    float:left;
    clear:left;
    /**margin-left:1%;**/
}

.contractLabel, .qualificationLabel{
    font-weight:bold;
    float:left;
}

.qualificationsContainer .qualificationLabel{
    padding:2px 2%;
    background-color:#F4F4F4;
    width:100%;
}

.qualificationsContainer .qualificationEditing .qualificationLabel{
    padding:0px;
    background-color:#FFF
}

.qualificationsContainer span.qualificationValue{
    padding:0px 2%;
}

.qualificationsContainer .qualificationEditing span.qualificationValue{
    padding:0px;
}

.contractElements, .qualificationElements{
    float:left;
    width:100%;
    border-top:1px dashed #026AA9;
    padding-top:13px;
}

.contractElements .title, .qualificationElements .title{
    font-size:17px;
}

.contractElementInstance, .qualificationElementInstance{
  float: left;
  width: 100%;
  padding: 13px 3%;
  padding-top: 49px;
  border-top: 1px solid #026AA9;
  position: relative;
}

.contractElementInstance:hover, .contractDetails:hover, .qualificationElementInstance:hover, .qualificationDetails:hover{
    background-color:#FCFCFC;
}

.contractElement, .qualificationElement{
    float:left;
    width:12%;
    margin-right:2%;
    margin-bottom:20px;
}

.contractInstance i.fa.fa-long-arrow-right, .qualificationInstance i.fa.fa-long-arrow-right{
  color: #026AA9;
  margin-left: -3%;
  float: left;
  margin-top:4px;
}

.contractEditGroup.contractEditing, .qualificationEditGroup.qualificationEditing{
    /**background-color:#F5F1F1;**/
}


.contractsContainer .saveButtons, .qualificationsContainer .saveButtons{
    display:none;
    margin-right:1%;
}

.contractsContainer{
  float: left;
  width: 100%;
  border-top: 1px solid #026AA9;
  margin-top: 37px;
  padding-top: 41px;
}

.qualificationsContainer{
  float: left;
  width: 100%;
  margin-bottom:40px;
}

.qualificationsContainer:not(:first-child){
  border-top: 1px solid #026AA9;
}

.contractsContainer a.btn.btn-save, .qualificationsContainer a.btn.btn-save{
    width:auto;
}

.contractHead h4, .qualificationHead h4{
    width:auto;
    float:left;
}

.contractHead .saveButtons, .qualificationHead .saveButtons{
    float:right;
}

.contractHead .editButton, .qualificationHead .editButton{
    float:right;
}

.qualificationHeading .editButton{
    /**display:none;**/
}

.contractHead .saveButtons a.btn.btn-save, .contractHead .saveButtons a.btn.btn-cancel, .qualificationHead .saveButtons a.btn.btn-save, .qualificationHead .saveButtons a.btn.btn-cancel{
    margin-top:0px;
}

.editContractElement, .editQualificationElement{
  position: absolute;
  right: 0px;
  top: 10px;
  cursor: pointer;
  background-color: #026AA9;
  color: #fff;
  padding: 2px 1%;
  border-radius: 1px;
}

.addContractElement, .addQualificationElement{
  float:right;
  cursor: pointer;
  background-color: #026AA9;
  color: #fff;
  padding: 2px 1%;
  border-radius: 1px;
}

.editContractElement:hover, .addContractElement:hover, .editQualificationElement:hover, .addQualificationElement:hover{
    background-color:#025587;
}


.saveContractElementButtons, .saveQualificationElementButtons{
    display:none;
    width:100%;
    float:left;
    margin-left:3%;
}

.saveContractElement, .cancelContractElement, .deleteContractElement, .saveQualificationElement, .cancelQualificationElement, .deleteQualificationElement{
    float:right;
    cursor:pointer;
  color: #fff;
  padding: 2px 1%;
  border-radius: 1px;
}

.saveContractElement, .saveQualificationElement{
    background-color: #026AA9;
}

.saveContractElement:hover, .saveQualificationElement:hover{
    background-color:#025587;
}

.deleteContractElement, .deleteQualificationElement{
 background-color:#c82128;
  margin-left: 1%;
}

.cancelContractElement, .cancelQualificationElement{
    background-color:#c82128;
     margin-left: 1%;
}

.cancelContractElement:hover, .cancelQualificationElement:hover{
    background-color:#A01A20;
}

.contractInstance .btn.btn-cancel.btn-delete, .qualificationInstance .btn.btn-cancel.btn-delete{
    width:auto;
    margin-right:1%;

}

.contractInstance .btn.btn-save, .qualificationInstance .btn.btn-save{
    margin-right:1% !important;
}

#addNewQualification .saveButtons{
    margin-right:1%;
}

#addNewContract, #addNewQualification{
    float:left;
    width:100%;
    display:none;
    margin-bottom:40px;
    background-color: #DEF6FF;
}

#addNewContract .contractInstance .form-control, #addNewContract .contractInstance .input-group, #addNewQualification .qualificationInstance .form-control, #addNewQualification .qualificationInstance .input-group{
    display:block;
}

.addNewElement{
    display:none;
}

.addNewElement .contractElementInstance .input-group, .addNewElement .contractElementInstance .form-control, .addNewElement .saveContractElementButtons, .contractsContainer #addNewContract .saveButtons{
    display:block;
}

.addNewElement .qualificationElementInstance .input-group, .addNewElement .qualificationElementInstance .form-control, .addNewElement .saveQualificationElementButtons, .qualificationsContainer #addNewQualification .saveButtons{
    display:block;
}

.contractActionTitle, .qualificationActionTitle{
  float: left;
  width: auto;
  font-size: 20px;
  margin-left: 1%;
  margin-top: 24px;
}

#contractHolderDiv .contractActionTitle, #qualificationHolderDiv .qualificationActionTitle{
    display:none;
}


/*** Timetable Publish - START **/

#TimetablePublishModal button.close{
     margin-top:-28px;
 }

 #TimetablePublishModal button.btn-save i.fa{
    display:none;
    margin-right:5px;
 }

#TimetablePublishModal .publishTimetableSpecify{
  float: left;
  width: 100%;
  margin-top: 20px;
  border-top: 1px solid #dfdfdf;
  padding-top: 23px;
}

#TimetablePublishModal .form-group{
    width:50%;
    margin-bottom:20px;
}

#TimetablePublishModal .form-group .input-holder, #TimetablePublishModal .form-group .input-group{
    width:90%;
    float:left;
}


/*** Timetable Publish - END **/

/**** Contruction Explanations - START **/


tr.assignmentPossibilities{
    background-color: #84CBF5;
}

ul.emptyPeriodExplanation{
    opacity:0.3;
}

ul.emptyPeriodExplanation:empty{
    opacity:1;
}

tr.assignmentPossibilities ul.emptyPeriodExplanation{
    background-color:rgb(29, 255, 29);
}

ul.explanationPeriodSelected{
    opacity:1 !important;
}

ul.explanationPeriodSelected li{
    background-color:#f00 !important;
    color:#fff;
}

tr.assignmentPossibilities ul.emptyPeriodExplanation.explanationPeriodSelected{
    border:4px solid #f00;
}

.constructionSelectedLesson{
    border:8px solid #026AA9;
}

.constructionExplanations{
    float:left;
    width:100%;
    height:auto;
    border:1px solid #dfdfdf;
    margin-bottom:30px;
    display:none;
    position:relative;
}

.constructionExplanationsRevert{
  position: absolute;
  top: 10px;
  right: 2%;
  background-color: #fff;
  padding: 2px 1%;
  border-radius: 4px;
  cursor:pointer;
  display:block;
  z-index:10;
}

.constructionExplanations h3{
  background-color: #026AA9;
  color: #fff;
  width: 100%;
  padding: 13px 2%;
  font-size: 16px;
  display: block;
  float: left;
  width: 100%;
  margin-top: 0px;
}

.constructionExplanationsList{
    padding:20px 2%;
    float:left;
    width:100%;
}

.constructionExplanations .explanationTitle{
    font-weight:strong;
    font-size:16px;
    border-bottom:1px solid;
}

.constructionExplanations ul{
    padding:0px 1%;
}

.constructionExplanations li{
    border-bottom:1px solid #dfdfdf;
    padding:6px 1%;
}

.constructionExplanations li:nth-child(even){
    background-color:#F2F2F2;
}

.constructionExplanations li:hover{
 /**   background-color:#E6FDFF;**/
}

.constructionExplanations .explanationTitle.explanationError{
    color:#c82128;
}

.constructionExplanations .explanationTitle.explanationWarning{
    color:#f08f00;
    margin-top:45px;
}



/**
.ui-datepicker.ui-widget-content{
    display:none;
}**/
/** Contracts & Salary - END **/


.MarginTop {
    margin-top: 30px;
}

/** SEN Screen - START **/

#SENHolder .panel-contacts.widePanel .col-md-6{
    width:100%;
    padding-bottom:20px;
}


.sectionTitle{
  background-color: #026AA9;
  color: #fff;
  padding: 7px 1%;
  font-size: 15px;
}

.sectionContents{
    float:left;
    width:100%;
    padding:20px 1%;
}

.sectionContents.additionalSEN{
    border-bottom:1px solid #026AA9;
}

.sectionContents:last-child{
    border-bottom:0px;
}

.sectionContents input{
    width:100%;
}

.sectionContents .row{
    float:left;
    width:100%;
}

.sectionContents.mainSEN .row:not(:last-child){
    border-bottom:1px solid #F7F5F5;
    margin-bottom:20px;
    padding-bottom:20px;
}

.sectionContents.mainSEN:not(.editingSEN)  .control-label{
  float: left;
  width: 100%;

  padding:9px 5% 4px;
  margin-bottom:0px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}

.senValue{
  float: left;
  width: 100%;
   padding: 8px 5%;
}

.sectionContents:not(.editingSEN) .col-md-3{
  padding:0px 1%;
  border-radius:4px;
}

.sectionContents:not(.editingSEN) .col-md-3:nth-child(4n){
 /** box-shadow: 0px 1px 1px #dfdfdf;**/
 border-right:0px;
 padding: 0px;
}

h3.subSectionTitle{
  color: #fff;
  background-color: #026AA9;
  float: left;
  width: 100%;
  padding: 8px 1%;
  font-size: 15px;
}

.sectionContents .input-group{
    display:none;
}

button.editSEN{
  color: #fff;
  background-color: #026AA9;
  float: right;
  border: 0px;
  margin-bottom: 10px;
  padding: 3px 1%;
  border-radius: 4px;
}

button.editSEN{
    background-color:#025587;
}

.senSaveOptions{
    display:none;
    float:right;
}

#SENHolder2 .input-group{
    width:92%;
    float:left;
}

/** SEN Screen - END **/

.SubmenuGradebook a {
    padding-left: 10px!important;
}


#AddEditNote select[data-no-appearance], .filterNoteView select[data-no-appearance]{
    width:100%;
}


.filterNoteView.form-group{
  width: 20%;
  float: left;
  position: relative;
  margin-bottom: 25px;
  min-width: 275px;
}

.filterNoteView.form-group .line-select, #AddEditNote .form-group .line-select{
    top:25px;
    z-index:10;
}

.filterNoteView.form-group .caret.custom-arrow, #AddEditNote .form-group .caret.custom-arrow{
    top:40px;
    z-index:10;
}


.filterNoteView .buttonBlue{
  float: left;
  width: 31%;
  margin-top: 25px;
  height: 34px;
  margin-left: 4%;
}

.filterNoteView div{
  float: left;
  width: 60%;
  position: relative;
}

.buttonBlue{
    color:#fff;
    background-color:#026AA9;
    border:0px;
    border-radius:4px;
}

.buttonBlue:focus, .buttonRed:focus{
    outline:none;
}

.buttonBlue:hover{
    background-color:#025587;
}

.buttonRed{
    color:#fff;
    background-color:#c82128;
    border:0px;
    border-radius:4px;
}

.buttonRed:hover{
    background-color:#A01A20;
}

#ClassListSelect{
    border-top:2px solid #ebebeb;
    padding:10px 0px 10px 0px !important;
}

.cdListViewScreen#ClassListSelect{
    padding-bottom:0px !important;
}

/** Timetable Feasibility - START **/

button.feasibilityCheck, button.feasibilityReview, button.suggestedSwaps{
    float: right;
    font-size: 14px;
    padding: 6px 12px;
    width:212px;
    clear:right;
    margin-top: 8px;
}

button.feasibilityCheck, button.feasibilityReview{
  display:none;
}

.feasibilityReview{
    clear: right;
    margin-top: 6px;
}

.feasibilityContainer, .swapSuggestionsContainer{
   /** display:none;**/
    margin-top: 20px;
    float: left;
    width: 100%;
    padding-bottom:10px;
}

.feasibilityMessaging, .swapSuggestionsMessaging{
    display:none;
}

.feasibilityHead, .swapSuggestionsHead{
  width: 100%;
  float: left;
  background-color: #026AA9;
  color: #fff;
  padding: 5px 1%;
  font-size: 17px;
}

.feasibilityContent, .swapSuggestionsContent{
    float:left;
    width:100%;
    padding:14px 1%;
    border:1px solid #ebebeb;
    background-color:#F4F8FA;
}

.feasibilityRefresh{
  float: right;
  margin-top: 5px;
  cursor: pointer;
}

.feasibilityContent .loader{
    margin-top:0px;
}


/** Timetable Construction Print **/

#PrintTimetableModal .optionType{
  float: left;
  width: 100%;
  margin-bottom: 9px;
  padding-bottom: 21px;
  padding-top: 19px;
  border-bottom: 1px solid #026AA9;
}



#PrintTimetableModal .form-group input{
    clear:left;
    float:left;
    width:100%;
}

#PrintTimetableModal i.fa-spin, .bulkPrint i.fa-spin{
   display:none;
   margin-right:11px;
}


#PrintTimetableModal .modal-dialog {
    margin: 93px auto 30px;
    width: 57%;
    min-width: 600px;
}

#PrintTimetableModal .InputField.Reports.Generic, .bulkPrint .InputField.Reports.Generic{
    margin-top:0px;
    width:100%;
    background:none;
    border:thin solid #ccc !important;
    border-radius:4px;
    position:relative;
}


#PrintTimetableModal .form-group{
  float: left;
  margin-bottom: 10px;
  margin-top:10px;
  margin-right: 1%;
  width: 24%;
  position:relative;
}

#PrintTimetableModal .form-group:nth-child(4n+1){
    clear:left;
}

#PrintTimetableModal .form-group .input-group, .bulkPrint .form-group .input-group{
    width:100%;
    position:relative;
}


#PrintTimetableModal .InputField.Reports.Generic .ui-icon-triangle-2-n-s, .bulkPrint .InputField.Reports.Generic .ui-icon-triangle-2-n-s{
    display:none;
}

#PrintTimetableModal .form-group .input-group .ui-multiselect, .bulkPrint .form-group .input-group .ui-multiselect{
    width:100% !important;
}

#PrintTimetableModal .form-group select.form-control, .bulkPrint .form-group select.form-control{
    border-radius:4px;
    width:100%;
}

#PrintTimetableModal p.printErrorMessage, .bulkPrint p.printErrorMessage{
    display:none;
    color:#c82128;
}

.bulkPrint .optionType{
  width: 100%;
  float: left;
}

.bulkPrint .form-group {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-right: 1%;
  width: 19%;
  position: relative;
}

.bulkPrint .line-select{
    top:25px;
}

.bulkPrint .caret.custom-arrow{
    top:41px;
}




/**  SUGGESTION SWAPS - START  **/
button.suggestedSwaps{
   display:none;
}

.swapSuggestionsContent button.suggestionsMakeSwap{
    margin-left:1%;
}

.swapSuggestionsContent li{
  margin-bottom: 7px;
  border-bottom: 1px solid #D1ECFC;
  padding-bottom: 6px;
}

#SuggestionsSwapTeachersModal a i.fa{
    display:none;
}

a.btn-save.savingInProgress{
    background-color:#025587;
}

a.btn-save.savingInProgress i.fa{
    display:block;
}

.dropdownSelectC{
    position:relative;
}

.dropdownSelectC .caret.custom-arrow{
    top:15px;
}

.dropdownSelectC .line-select{
    top:0px;
}

.reportTable .trhead td a{
    color:#000000;
    float:left;
}

.reportTable .trhead td a:hover{
    color:#026AA9;
}

.reportTable .trhead td .reportSortType{
  display: block;
  float: left;
  margin-left: 5%;
  font-size: 10px;
  margin-top: -1px;
  color: #000;
  background-color: #fff;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  text-align: center;
  padding-top: 0px;
  line-height: 9px;
  border: 1px solid #BBE8F9;
}

.reportTable .trhead td .reportSortType.reportSortDesc{
     -ms-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
     transform: rotate(180deg);

}

.reportSortAction{
  width: 75%;
  font-size: 10px;
  display: block;
  position: absolute;
  /**top: 65%;**/
  bottom:0px;
  left: 8px;
  height:30px;
}

.reportSortAction:first-child{
    padding-top:10px;
    border-top:1px solid #BBE8F9;
}

.reportSortAction a{
    position:relative;
    z-index:10;
}

.reportTable.sortable td{
    text-align:left !important;
}

.reportTable .trhead td .reportSortAction font{
  float: left;
  margin-left: 17px;
}

.sortingColumnDesc.reportSortAction i.fa, .sortingColumnAsc.reportSortAction i.fa{
    /**display:none;**/
}

.reportTable .reportColumnTitle{
  float: left;
  width: 100%;
  display:block;
  cursor:pointer;
  text-align:left;
}

#printable.printingData .reportTable .reportColumnTitle{
  padding:0px 1%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reportTable .reportColumnTitle:hover{
    color:#026AA9;
}

.reportTable .filterTextField{
    display:none;
    width:100% !important;
}


#fixedListHeaders{
    position:fixed;
    top:63px;
    z-index:10;
    width:100%;
    left:40px;
    overflow:hidden;
    display:none;
}

#fixedItemHeaders{
    float:left;
    width:400%;
}

#fixedListHeaders .panel-heading{
    float:left;
    margin-right:10px;
    padding:8px;
    line-height:16px;
    font-size:12px;
    background-color:#e9e9e9;
    color:##333;
    border-top-right-radius:0px;
    border-top-left-radius:0px;
    height:80px;
    position:relative;
}

#fixedListHeaders .panel-heading.panel-success{
    background-color:#dff0d8;
    color:#3c763d;
}

#fixedListHeaders .panel-heading.allowDupl{
    background-color:#F0AD4E;
}

#fixedListHeaders .sortableClassListsContainer{
    position:relative;
    float:left;
    overflow:hidden;
    height:80px;
}

#fixedListHeaders .sortableClassLists{
    position:absolute;
    top:0px;
    left:0px;
    overflow:hidden;
}

a.button-moveRight.fixClassListRight, a.button-moveLeft.fixClassListLeft{
  position: fixed !important;
  top: 30px !important;
  z-index: 100 !important;
  display:block;
}

a.button-moveRight.fixClassListRight{
  right: 20px !important;
}

a.button-moveLeft.fixClassListLeft{
  left: 276px !important;
}

.colourIcon{
  border-radius: 100%;
  height: 15px;
  width: 15px;
  cursor: pointer;
  position: absolute;
  bottom: 7px;
  left: 28px;
  display: block;
  background: -webkit-linear-gradient(rgb(255, 194, 0), rgb(142, 0, 255));
  border: 1px solid #333;
}

/***  LOADING CSS ANIMATION - START ***/
#animLoad{
  background-color: #026AA9;
  width: 54px;
  height: 54px;
  text-align: center;
  border-radius: 100%;
  padding-top: 14px;
  position: relative;
  float: left;
  margin-top: 10px;
  display:none;
}

#animLoad img{
    width:64%;
}

#animLayer{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0%;
  border-radius: 100%;
  -webkit-animation: sliceRotate 2s linear infinite; /* Chrome, Safari, Opera */
  animation: sliceRotate 2s linear infinite;
}

.animSlice{
    position:relative;
    float:left;
    width:50%;
    height:27px;
}

.loadAnimTL{
    border-top-left-radius:100%
}

.loadAnimTR{
    border-top-right-radius:100%
}

.loadAnimBL{
    border-bottom-left-radius:100%;
    background-color: #DEF6FF;
    opacity: 0.8;
}

.loadAnimBR{
    border-bottom-right-radius:100%
}

/* Chrome, Safari, Opera */
@-webkit-keyframes sliceRotate {
    from {-ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg); /* Standard syntax */}
    to {-ms-transform: rotate(359deg); /* IE 9 */
        -webkit-transform: rotate(359deg); /* Safari */
        transform: rotate(359deg); /* Standard syntax */}
}

/* Standard syntax */
@keyframes sliceRotate {
    from {-ms-transform: rotate(0deg); /* IE 9 */
          -webkit-transform: rotate(0deg); /* Safari */
          transform: rotate(0deg); /* Standard syntax */}
    to {-ms-transform: rotate(359deg); /* IE 9 */
        -webkit-transform: rotate(359deg); /* Safari */
        transform: rotate(359deg); /* Standard syntax */}
}


#animLoad.loadExpoertCTF{

}

.col-5th{
    width:19%;
    float: left;
    display: inline-block;
    position:relative;
}

.col-5th .input-group{
    width:100%;
}

#DayLegend .info-container{
    padding-right:15px;
}

.toolTipB{
	position: absolute;

	color: #FFFFFF;
	background: #026AA9;
	height: 24px;
	line-height: 24px;
	text-align: center;
	/*visibility: hidden;*/
	border-radius: 6px;
	z-index: 1000;
	display: none;
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 2px;
    padding-left: 8px;
	top:0;
	left: 0;
}

.teacherCodeAttendance:hover .toolTipB:not(.toolTipEmpty), .rollCallAttendance:hover .toolTipB:not(.toolTipEmpty){
    display:block;
}


.selectedTGF{
    background-color:#026aa9;
    color:#FFF;
}

.cmSelectAll{
  width: 87%;
  margin-top: 13px;
  border-top: 1px solid #dfdfdf;
  position: absolute;
  bottom: 2px;
  left: 8px;
}

.teaching-group[data-allowDuplicate="true"] .panel-manager .cmSelectAll{
    display:none;
}

.cmSelectAll input[type=checkbox]{
    margin-left:6px;
}



#CopyLearnersModal i.fa-spin{
   display:none;
   margin-right:11px;
}

.copyLearners{
    width: auto;
    cursor: pointer;
    color: #026AA9;
    float: left;
    margin-top:2px;
}

.selectAllElem{
    float:left;
    margin-right:14px;
}

[data-allowduplicate='true'] .copyLearners, [data-clmtype='class_group'] .copyLearners, #fixedListHeaders .copyLearners{
    display:none;
}

#CopyLearnersModal .modal-dialog{
    width:480px;
}

.modalErrorMessage{
    display:none;
    background-color: rgb(245, 209, 209);
    margin-top: 18px;
    padding: 5px 10px;
}

#constructionGridTitle{
    top: 63px;
    position: fixed;
    left: 0px;
    width: 100%;
    background-color: #fff;
    color: #026AA9;
    border-bottom: #026AA9;
    opacity: 0.8;
    z-index:10;
    display:none;
    padding:5px 20px;
    box-shadow:0px 5px 5px -6px #026AA9;
    font-weight:bold !important;
}


.fixedHeaders{
    position:fixed;
    width: 100%;
    top: 63px;
    left: 0px;
    z-index:15;
    display:none;
}

.fixedHeadElem{
    float:left;
    border-right:1px solid #dfdfdf;
    border-top:0px;
    position:relative;
    z-index:5;
}

.fixedHeadElem a{
    display:none;
}

#fixedLeftColumn{
    position:absolute;
    left:0px;
    top:0px;
    height:100%;
    background-color:#fff;
    border-right:1px solid #ddd;
}

.classDataFixedLeftCell a, .classDataFixedLeftCell i{
    display:none;
}

.classDataFixedLeftCell:first-child{
    background-color:#DEF6FF;
}


.classDataFixedLeftCell:not(:last-child){
    border-bottom:1px solid #ddd;
}

.classDataFixedLeftCell:first-child span{
    padding-top: 5px;
    float: left;
    text-align:center;
    width:100%;
}

.classDataFixedLeftCell:not(:first-child) span{
    padding-top: 21px;
    float: left;
}

.classDataFixedLeftCell.classDataLargeFixedCell{
    height:84px !important;
}

.classDataFixedLeftCell{
   /** height:73px;
    padding:5px;**/
}

.classDataFixedLeftCell:first-child{
    height:40px;
}

.classDataFixedLeftCell.classDataBlueFixedCell{
    background-color:rgb(222, 246, 255);
    height:39px !important;
}

.classDataFixedLeftCell.classDataBlueFixedCell span{
    width:100%;
    text-align:center;
}

.classDataFixedLeftCell.classDataBlueFixedCell span{
    padding-top:3px;
}

.fixedHeadElem.fixedRowLeftCell{
 /**   position:absolute;
    left:20px;
    top:0px;
    background-color:rgb(222, 246, 255) !important;
    z-index:6;
    display:none;**/
}

.classDataLeftEdge, .classDataRightEdge {
    position:absolute;
    top:0px;
    height:100%;
    width:20px;
    background-color:#fff;
    z-index:20;
}

.classDataLeftEdge{
    left:0px;
}

.classDataRightEdge{
    right:0px;
}

.yearPrintSelect .InputField.Reports.Generic.validateColour{
    border-color: #c82128;
    background-color: #F4CACF;
}

ul.filterViewList{
    opacity:1;
    border: 1px solid #ccc;
    border-radius:4px;
    padding:8px 4%;
    margin-bottom:14px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    overflow:scroll;
    width:100%;
    float:left;
    height:86px;
}

ul.filterViewList li{
    font-family: trebuchet ms;
    font-size:14px;
    padding:2px;
    cursor:pointer;
    border-bottom: 1px solid #F5F5F5;
}

ul.filterViewList li:hover{
    background-color:#F5F5F5;
}

ul.filterViewList li.selectedFilterItem{
    background-color:#026AA9;
    color:#FFF;
}

.classDataFilterView{
    width:700px;
}

.saveFacultyError .saveDobError .saveErrorMessage{
    background: none repeat scroll 0 0 #f4cacf;
    border: 1px solid #f4cacf;
    color: #bd0016;
    margin-top: 5px;
    padding: 4px;
    text-align: center;
    width: 100%;
}

#TeacherMainContainer{
    margin-bottom:175px !important;
}

.censusGrid .form-group,.censusGrid .input-group{
    width:auto;
}

.censusGrid .col-md-12 {
    padding-bottom:0px;
}

.censusGrid .contacts-icon {
    top:6px
}

#CensusErrors .panel-heading {
    padding: 5px 15px;
    float:left;
    width:100%;
}

#CensusErrors .panel-heading span{
    float:left;
    width:auto;
    max-width:80%;
}

#CensusErrors .contacts-icon {
    position: absolute;
    top: 1px;
}

.censusErrorPanel {
    display:none;

}

#CensusErrors .cl-md-12{
    float:left;
}

#CensusErrorContainer .CensusErrorsPanel, #CensusErrorContainer .panel{
    margin-bottom: 0px;
    padding-bottom: 0px;

}
.CensusErrorRow {
    float:left;
    margin-bottom:2px;
}
.CensusErrorContentExploder {
    float:right;
    display:block;
    margin-top:5px;
}

.census-contacts.panel{
    border-top:0px !important;
    border-color:transparent;
    border-radius:0px;
}

.census-contacts.panel .panel-heading{
    border-radius:0px;
}

.census-contacts .fa-minus{
    display:none;
}

.census-contacts .fa-plus{
    padding-top:-10px;
}

.censusErrorPanel .table-striped td {
     padding: 1px;
     min-height: 20px;
     font-size:12px;
     padding-left:3px;
}

.census-contacts .TableRow.Data {
     line-height: 15px;
     text-align:left;
     border-left: none;
     border-right: none;
}

.CensusErrorRow:nth-child(even) .panel-heading{
    background-color:#DADADA;
}


.info-div {
    background: #DEF6FF;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px grey;
    text-align: left;
    font-size: 12px;
}

#AttStatsClassGroup .ui-multiselect-header {
    display: none;
}

.parentalOptionsComplete{
    background-color:#F8FAF4;
    box-shadow:0px 0px 1px #0F8137 inset;
    color:#0F8137;
    max-width:40%;
    padding:10px;
    font-size:17px;
    border-bottom:40px;
    display:inline;
}

.EditTable li {
 float: left;
    width: 100%;
    list-style: none;
    padding: 3px 0px;
    cursor: pointer;
    border-top: 1px solid #E1EDEC;
}

.EditTable li.SELECTED{
    background-color: #d3d3d3;
}

.EditTable tbody tr:hover{
    background-color:#EFEFEF;
}

.INVALID_REGEX  {
     background-color: red !important;
}

span.instructionalText{
    color:#025587;
}

.personalPopoverAlertList{
    padding-left: 0;
    list-style: none;

}
.personalPopoverAlertList>li{
    padding-top: 10px;
    border-top: 1px solid #ddd;
}
.personalPopoverAlertList>li:first-child {
    border-top: none;
}
.personalPopoverAlertList>li{
    margin-bottom: 20px;
}
.personalPopoverAlertList>li>.noteTitle{
    font-weight: 600!important;
    display: block;
}

#studentAlerts{
    position: absolute;
    right: -20px;
    top: 0;
    display: none;
    padding: 1px;
    color: #c82128;
    cursor: pointer;
}

.notification-alert {
    cursor: pointer;
}

.vsmail-alert-info {
    left: 520px;
}
.push-alert-info {
    left: 260px;
}

.notification-permissions-info {
    display: none;
    position: fixed;
    width: 600px;
    z-index: 999;
    padding: 10px;
    bottom: 230px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}


.attendanceNotesPopover{
    display: none;
    position: absolute;
    right: 3px;
    padding: 3px;
    cursor: pointer;
    color: #c82128;
    top: 20%;
}
.groupStudentAlert {
    color: #c82128;
    display: none;
    cursor: pointer;
    padding: 2px;
    float: right;
}
#PickCoverTeacherDialog.modal{
    overflow-x: scroll;
}

.absenceOverlapsCover ,.absenceOverlapsCover:focus, .absenceOverlapsCover:hover, #substitutionWarningAlert .fa-warning {
    color: #c97f26;
}

#substitutionWarningAlert > .warning {
    text-align: left;
    display: flex;
    gap: 20px;
    align-items: center;
}

.removeOnCalRosterButton {
    color: #c82128;
    margin-left: 10px;
    cursor: pointer;
}
#NewClassAwayDialogError li {
    list-style-position: inside;
}

#NewClassAwayDialogError ul {
    padding-left: 0;
}
#smscount  i {
    display: none;
}

#smscount.warningSmsCount {
    color: #c97f26;
}

#smscount.warningSmsCount .badge{
    background-color: #c97f26;
}

#smscount.warningSmsCount i {
    display: inline;
}

span.attendance-note {
    overflow: hidden;
    height: auto;
    min-height: 34px;
    margin-bottom: 6px !important;
}