/*index.html*/

a {
	cursor: pointer;
}

select:required option:first-child {
	display: none;
}

/*  index_page  */

.index_page {
	height: 100vh;
	padding: 0;
	width: auto;
}

button.fc-prev-button.ui-corner-left {
	float: right;
}

/*script*/

.alertClass {
	top: 100PX;
	width: 20%;
	text-align: center;
	position: absolute;
	left: 40%;
}

/*  title  */

.userNav {
	height: 5vh;
}

#userName {
	font-size: 1em;
	color: #428bca;
	margin-top: 11px;
}

.titleRow {
	text-align: center;
}

.floatLeft {
	float: left;
}

input:required:invalid.formBorder {
	border-color: red;
}

input:required:valid.formBorder {
	border-color: green;
}

/*MinCalendar*/
.rightNav {
	border: 5px solid grey;
	border-bottom-width: 0;
	border-left-width: 0;
	background-color: white;
}

.MinCalendar {

	/*height: 268px;*/
	padding: 3%;
}

.displayButtons {
	height: 10vh;
}

/*  calendarColumn  */

.calendar {
	min-height: 96vh;
	border: 5px solid gray;
	background-color: gainsboro;
}

/*displayMenu*/

.displayMenu {
	min-height: 60px;
	padding: 0;
}

@media screen and (max-width: 1400px) {
	.displayMenu {
		/*height: 70px;*/
	}

}

/*messages*/

.messages {
	height: auto;
	margin-top: 13px;
	background-color: white;
	border: solid gray;
	border-top-width: 5px;
	border-bottom-width: 5px;
	background-color: darkgray;
}

.messagesHeader {
	margin: 8px;
}

.messagesBody {
	background-color: white;
	max-height: 38vh;
	overflow: auto;
}

/*  users  Column  */

.userBox {
	background-color: whitesmoke;
	height: 23.75vh;
}

.girlBox {
	overflow: auto;
}

.box {
	padding: 0;
	overflow: auto;
	max-height: 18.75vh;
}

.userLink {
	float: left;
	padding-left: 9px;
	margin-top: 4px;
}

.userHeader {
	background-color: darkgrey;
	padding-bottom: 5px;
}

userTitle {
	font-weight: bold;
	text-align: center;
}

#Output {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.navbar-default {
	margin-bottom: 0;
}

button.buttons {
	margin-left: 15px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
}

/*addWorker.html*/

.formBorder {
	border-style: solid;
	border-width: 1px;
	border-color: black;
}

.addWorker {
	background-color: gainsboro;
}

.addWorkerTitle {
	background-color: darkgray;
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 50px;
}

/*history.html*/

.historyTitle {
	font-weight: bolder;
	padding-bottom: 5px;
	background-color: darkgrey;
}

.historyText {
	font-size: 1.5em;
}

.historyInputText {
	margin-top: 10px;
	text-align: center;
}

#historYear {
	width: 200px;
	height: 40px;
}

.historyContent {
	background-color: gainsboro;
	border-style: solid;
	border-width: 3px;
	border-color: black;
}

.historyButton {
	height: 40px;
	width: 200px;
	margin-top: 20px;
	margin-bottom: 20PX;
}

/*report.html*/

.reportContent {
	width: 400px;
	background-color: gainsboro;
}

.reportModel {
	width: 320px;
}

.reportDetails {
	margin-bottom: 30px;
}

.reportHeader {
	background-color: darkgray;
}

.saveReport {
	width: 100px
}

/*borderTable */

.borderTableLink {
	float: left;
	font-size: 1.5em;
	margin-left: 10px;
	margin-top: 7px;
}

.borderTable {
	width: auto;
}

.borderTableBody {
	background-color: whitesmoke;
	overflow: auto;
	max-height: 90vh;
}

.borderTableText {
	font-weight: bold;
	font-size: 2em;
}

.tableSubHeader {
	background-color: darkgray;
	padding-right: 20px;
	padding-top: 3px;
	padding-top: 3px;
}

/*addschool.html*/

.addSchool {
	margin-top: 25px;
	font-size: 1.3em;
	font-weight: bold;
	background-color: gainsboro;
}

.addSchoolTitle {
	background-color: darkgray;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 2em;
}

.form-school {
	margin-bottom: 10px;
}

.addClass {
	margin-top: 30px;
}

.table-20 td {
	width: 20%;
	text-align: center;
}

.table,
.table td,
.table tr {
	border-color: #fff !important;
}

/*addTopics.html*/

#checkList {
	height: 200px;
}

.addTopicsHeader {
	background-color: darkgrey;
	margin-bottom: 40px;
	font-weight: bold;
	font-size: 2em;
}

.addTopics {
	background-color: gainsboro;
}

.editTopicsButton,
.addTopicsButton {
	float: left;
	margin-left: 10px;
}

h3.topicsHeader {
	font-weight: bolder;
	margin: 0;
}

/*exel.html*/

.excelBody {
	width: auto;
	margin-top: 15px;
}

.bodyExcel {
	border-style: solid;
	margin: 30px;
	margin-bottom: 0;
	border-color: cornflowerblue;
}

.excelFooter {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 20px;
	border: none;
}

.excelBtn {
}

.addExcel {
	width: 600px;
}

.ExcelDialog {
	width: 800PX;
}

.excelContent {
	border-color: cornflowerblue;
	background-color: gainsboro;
}

.ExcelHeader {
	background-color: cornflowerblue;
	color: white;
}

/*editTopics.html*/

.classNamber {
	margin-bottom: 20px;
}

.editTopicsContainer {
	width: 1000PX;
	background-color: gainsboro;
	border-style: solid;
	border-width: 3px;
}

.editTopicsHeader {
	background-color: darkgrey;
	font-weight: bold;
	height: auto;
	padding-top: 3px;
	margin-bottom: 10px;
	width: auto;
}

.editTopicsBody {
	margin-left: 50px;
}

.editTopicsSchool {
	margin-top: 10px;
}

.editTopicsForm {
	overflow: auto;
	max-height: 380px;
}

/*questions .schoolSchedule.html*/

.ScheduleLink {
	margin-left: 8px;
	margin-top: 4px;
}

.questionsSubHeader,
.schoolScheduleSubHeader {
	background-color: darkgrey;
	padding-bottom: 3px;
	padding-top: 3px;
}

.questionsHeader,
.schoolScheduleHeader {
	font-size: 2em;
	font-weight: bold;
	/*    color: darkblue;*/
}

.questionsClass,
.schoolScheduleClass {
	width: auto;
	/*    background-color: gainsboro;*/
	margin: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-style: solid;
	border-width: 3px;
	border-collapse: separate;
	border-color: gray;
	overflow: auto;
	height: auto;
	height: 80vh;
	padding-right: 30px;
}

.questionsTable,
.schoolScheduleTable {
	width: auto;
}

.borderLess tr, .borderLess td {
	border-style: none !important;
	border-color: none !important;
}

.questionsTbody
.questions,
.schoolSchedule {
	background-color: gainsboro;
}

.questionsTbody,
.schoolScheduleTbody {
	padding: 20px;
	width: auto;
}

/*Hours Report.html*/

.hoursReport {
	margin-bottom: 10px;
}

.hoursReportTitle {
	background-color: coral;
	text-align: center;
}

#hoursReportForm.form-inline .form-group {
	margin-top: 10px;
}

.hoursReportTab {
}

.hoursReportTable {
	width: 100%;
	height: 100%;
	max-height: 85vh;
	overflow: auto;
	margin: 0;
}

.hoursReportTable table,
.hoursReportTable tr,
.hoursReportTable td {
	background-color: #fff;
	border-color: black !important;
}

.hoursReportSubHeader {
	background-color: gainsboro;
	font-size: 2em;
	padding: 0;
	height: 5vh;
}

.usersColumn {
	height: 95vh;
}

/*login.html*/

.hide-back {
	opacity: 1 !important;
	background-color: #eeeeee !important;
	height: 100vh;
}

.middle {
	margin-right: auto;
	margin-left: auto;
	display: block;
	float: none;
}

/*Passwor*/

.changeSettingBody {
	height: 220px;
}

.changePasswordBody {
	height: 250px;
}

.ui-datepicker-year {
	color: #000000 !important;
	text-align: center;
}

/*girlPage.html*/

.pageDetail {
	margin-right: 20px;
	font-size: 1.3em;
}

.schoolPageDetails {
	margin-top: 50px;
	margin-bottom: 50px;
}

.pagelabal {
	font-weight: bold;
	font-size: 1.3em;
}

.pageDetails {
	margin-top: 15px;
}

pageWorkerDetails {

}

.details {
	margin-bottom: 8px;
	font-size: 14px;

}

@media only screen and (min-width: 1400px) {
	.details {
		margin-bottom: 30px;
		font-size: 1em;
	}

	.pageDetails, .pageWorkerDetails {
		margin-top: 50px;
	}

	.pageName {
		margin-top: 10px;
	}

	.messagesBody {
		background-color: white;
		max-height: 38vh;
		overflow: auto;
	}
}

.pageName {
	/*    height: 5vh;*/
	margin-bottom: 5px;
	font-size: 2em;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: grey;
	text-align: center;
	color: #428bca;
}

.pageForm {
	/*
border-style: solid;
border-width: 2px;
border-bottom-width: 1px;
border-color: grey;
	*/
}

.school-name {
	margin-bottom: 5px;
	font-size: 1.8em;
}

/*topicsPage.html*/

.topicsPageContant {
	margin-bottom: 30px;
}

.topicsPageHeader {
	background-color: darkgray;
	margin-bottom: 40px;
}

.topicBtn {
	margin-left: 150px;
}

/*sentfeedback.html*/

.feedBackContent {
	background-color: gainsboro;
	border-style: solid;
	border-width: 3px;
	border-color: black;
	width: 500px;
}

.feedBackTitle {
	font-weight: bolder;
	padding-bottom: 5px;
	background-color: darkgrey;
	/*    font-size: 1.5em;*/
}

.feedBackbody {
}

.feedBackButton {
	height: 40px;
	width: 200px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.feedBackText {
	width: 383px;
}

/*addEvent.html*/

.eventContent {
	background-color: gainsboro;
	border-style: solid;
	border-width: 3px;
	border-color: black;

}

.eventTitle {
	font-weight: bolder;
	padding-bottom: 5px;
	background-color: darkgrey;
}

.eventBody {
	overflow: auto;
	max-height: 95vh;
}

.addEvent {
	margin-top: 15px;
	padding-bottom: 50px;
}

.eventMarging {
	height: 30px;
}

/*setting.html*/

.settingContent {
	background-color: gainsboro;
}

.settingHeader {
	background-color: darkgray;
	padding-bottom: 0px;
}

.fc-event .fc-content {
	cursor: pointer;
}

#class-room classheader {
}

/*addclass*/

.classheader {
	font-weight: bolder;
	padding-bottom: 5px;
	background-color: darkgrey;
}

.classContent {
	background-color: gainsboro;
	border-style: solid;
	border-width: 3px;
	border-color: black;
}

.logoImg {
	height: 40px;
	/*margin-left: 40px;*/
	/*margin-right: 20px;*/
}

.calenderType {
	margin-top: 3px;
	margin-left: 5px !important;
}

.getQuestion {
	background-color: rgb(240, 173, 78);
}

.timeBox {
	padding: 10px;
	width: 290px;
	/* float: right; */
	margin: 8px;
	display: inline-block;
	/*height: 450px;*/
	overflow-y: auto;
	overflow-x: hidden;
}

.ui-widget {
	margin-left: auto;
	margin-right: auto;
}

.timeBox .deleteTd {
	font-size: 20px;
	vertical-align: middle;
	/*text-align: center;*/
}

.timeBox .deleteTd a {
	top: 3px;
	color: red;
}

.timeBox .addRow {
	font-size: 21px;
	float: left;
	left: 6px;
}

.timeBox table {
	margin-bottom: 2px;
	margin-top: 10px;
	overflow-x: auto;
}

#eventContainer {
	position: relative;
	/*height: 500px;*/
	margin-bottom: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	margin-top: 10px
}

.eventButtons {
	width: 100%;
	/*position: absolute;*/
	/*bottom: 0;*/
	/*right: 0;*/
}

#eventContainer .timeBox td, #eventContainer .timeBox th {
	border-color: black !important;
}

#eventContainer .addTimeBox {
	position: relative;
	height: 0;
	font-size: 20px;
	top: -28px;
	left: -27px;
	float: left;
}

.timeBox .form-control {
	width: 100%;
}

.fc-agendaWeek-view .fc-time {
	display: none;
}

.fc-month-view .fc-time {
	display: none;
}

#event-form {
	padding: 30px;
}

#google-cal .navbar-text {
	color: black;
}

#google-cal {
	background-color: #86B6D9;
	border-radius: 3%;
	border-right: 1px solid black;
	border-left: 1px solid black;
	color: black;
}

#btn-place {
	margin-top: 5px;
}