/* CSS Document */
@font-face {
 font-family: 'prompt';
 src: url('../fonts/Prompt/Prompt-Regular.eot');
 src: local('�?�'), url('../fonts/Prompt/Prompt-Regular.woff') format('woff'), url('../fonts/Prompt/Prompt-Regular.ttf') format('truetype'), url('../fonts/Prompt/Prompt-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Trirong';
 src: url('../fonts/Prompt/Trirong-Regular.eot');
 src: local('?'), url('../fonts/Trirong/Trirong-Regular.woff') format('woff'), url('../fonts/Trirong/Trirong-Regular.ttf') format('truetype'), url('../fonts/Trirong/Trirong-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
/* -----------------------
Header Style 
----------------------- */
	.header{
	display:table;
	}
	.header .div-main-left{
		float:left;
		padding-right:10px;
	}
	.header .div-main-right{
		float:right;
		padding-right:10px;
	}
	.header .div-col{
		display:table-cell;
		font-size:20px;
		vertical-align:middle;
		padding:10px;
	}
	.header .div-col a{
		color:#fff;
		opacity:0.9;
		cursor:pointer;
	}
	.header .div-col a:hover{
		color:#9B1FBA;
	}
	.header .div-col .border{
		vertical-align: middle;
		border: 2px solid #9373EC;
		border-radius: 5px;
		color: #fff;
		padding: 10px;
		background-color: #DCCFFF;
	}
	.header .div-col-group{
		display: table;
		vertical-align: middle;

		text-align: left;
		font-size: 13px;
		position: relative;
		
		opacity: 0.8;

	}
	.border-info{
		/*border: 2px solid #90332e;*/
		border-radius: 5px;		
		padding-left: 15px;
		padding-right: 15px;
		background-color:#90332e;	
		margin-top:5px;		
	}
	.header .div-col-group div{
		color:#fff;
		opacity:1;
	}
	.header .div-col-group .div-left{
		display: table-cell;
		white-space: nowrap;
		padding-left:10px;
	}
	.header .div-col-group .div-right{
		display: table-cell;
		white-space: nowrap;
		padding-right:10px;
	}
	.header .div-group-right{
		position:absolute;
		width:10px;
		height:10px;
		border:2px solid #9B1FBA;
		border-radius:5px;
		right:-5;
		top:0;
		margin-top:5px;
	}
	.text-left{
		text-align:left;
	}
	.text-right{
		text-align:right;
	}
	.text-top{
		vertical-align:top;
	}
	.text-bottom{
		vertical-align:bottom;
	}
	
	.div-alert{
		position: relative;
	}
	.div-alert .text-alert{
		position: absolute;
		right: -15;
		top: 9px;
		font-size:50%;
		background-color:#777777;
		border-radius:45%;
		width:20px;
		height:20px;
		text-align:center;
		padding-top:3px;
	}

	
* {
	margin:0pt;
	padding:0pt;
}
.DefaultFont, body, tr, td, select, input, textarea {
	color:#444; /*color:#444444;*/
}
a:link {
	color: #444444;
	text-decoration: none;
}
a:active, a:visited {
	color: #444444;
	text-decoration: none;
}
a:hover {
	color: #90332e;
	
	text-decoration: none;
}

/* Start Navigator Style  */

a.navlink:link, a.navlink:active , a.navlink:visited{
	color: #f9eb08;
	text-decoration: none;
}

a.navlink:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* End Navigator Style  */ 

.numLink a:link {
	color: #444444;
	text-decoration: underline;
}
.numLink a:active, .numLink a:visited {
	color: #444444;
	text-decoration: underline;
}
.numLink a:hover {
	color: #FF6600;
	text-decoration: underline;
}
.SmallFont {
	font-size:10px;
}
.MediumFont {
	font-size:12px;
}
.BigFont {
	font-size:13px;
}
.BoldFont{
	font-weight: bold;
}
h1 {
	font-size:13px;
}
h2 {
	font-size:15px;
}
h3 {
	font-size:17px;
}
h5 {
	font-size:15px;
}
.WhiteText {
	color:#000000;
}
.RedText {
	color:#FF0000;
}
.GreenText {
	color:#009900;
}
.GrayText {
	color:#AAAAAA;
}
.OrangeText {
	color:#FF6600;
}
.BlueText {
	color:#0000AA;
}
.error {
	color:#FF0000;
	font-style:italic;
}
.InputBox {
	font-size:12px;
	border:1px solid #A0A0A0;
	padding-left:3px;
}
.InputBoxbg {
	font-size:12px;
	border:1px solid #A0A0A0;
	padding-left:3px;
	background-color:#CCCCCC;
}

.SelectBox {
	font-size:12px;
	border:1px solid #A0A0A0;
}
.SearchBox {
	font-size:12px;
	border:1px solid #EFEFEF;
	padding-left:3px;
}
.LinkButton {
	cursor:pointer;
}
.whitebg {
	background-color: #FFFFFF;
}
.color01 {
	background-color: #CDE7CA;
}
.color02 {
	background-color: #e57919;
}
.color03 {
	background-color: #f5f3e5;
}
.color04 {
	/*border-radius: 5px;*/
	background-color: rgb(156, 75, 71);
	color:#FFFFFF;
}
.color05 {
	background-color: #889452;
}
.color06 {
	background-color: #DCDADE;
}
.color07 {
	background-color: #aea686;
}
.color08 {
	background-color: #ff0000;
}
.color10 {
	background-color: #AA33AA;
}
.heading-table01 {
	border:1px solid #CCCCCC;;
}

.tr-table01 {
	border-left:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
.table01 {
	border-bottom:1px dashed #aea686;
	border-right:1px dashed #aea686;
}
.tr-table02 {
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	padding:3px 8px !important;
	line-height:32px;
}
.tr-table03 {
	border-left:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
}
.table03 {
	border-right:1px dashed #CCCCCC;
}
.table04 {
	border-bottom:1px dashed #CCCCCC;
}
.table05 {
	border-left:1px dashed #CCCCCC;
}
.tr-table05 {
	border-bottom:1px solid #EEEEEE;
	border-right:1px solid #EEEEEE;
	border-left:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	padding:3px 8px !important;
	line-height:30px;
}
.table06 {
	border-top:1px dashed #CCCCCC;
}
.table02 {
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.table002 {
	border-bottom:1px dashed #CCCCCC;
	border-right:1px dashed #CCCCCC;
}
.tr-table002 {
	border-left:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
}
.box01 {
	border: 3px solid #85c226;
}
.studentSchedule {
	border: 0px solid #FFFFFF;
	background-color: #f5f3e5;
	padding:3px;
	position:absolute;
	z-index:1000;
}
.electiveSchedule {
	background-color: #dfd9c3;
}
.activitySchedule {
	background-color: #EEEEEE;
	text-align:center;
}
.leftButton {
	padding:3px 5px 3px 5px;
	background-color: #FFFFFF;
	border-right:2px solid #aea686; 
	border-bottom:2px solid #aea686; 
	border-top:1px solid #dfd9c3; 
	border-left:1px solid #dfd9c3;
}
.leftButtonOn {
	padding:3px 5px 3px 5px;
	background-color: #dfd9c3;
	border-left:2px solid #aea686; 
	border-top:2px solid #aea686; 
	border-bottom:1px solid #dfd9c3; 
	border-right:1px solid #dfd9c3;
}
.ButtonFeild {
	color:#000000;
	height: px;
	border: 1px solid #CCC;
}
.textalign {
	align:center;
}

.Record_Odd{
	/*background-color:#ccffcc;*/
	background-color:#FFFFFF;
	color:#000000;
}
.Record_Even{
	/*background-color:#eeffee;*/
	background-color:#FFFFFF;
	color:#000000;
}
.Record_Hover{
	color:#000000;
	/*background-color:#CCCCCC;*/
	background-color:#F5F5F5;
}
.cke_button cke_button__about {
	display:none;
}
.head_room{ 
	font-size:16px; 
	color:#000;
}
.subj_room{
	font-size:12px;
	color:#AAAAAA;	
}

/*form*/
.transparent{
	background-color:transparent;
}
.main-menu-body{
	padding-top:15px;
	border-radius:10px;
}
.DefaultFont, body, tr, td, select, input, textarea{
  /*	font-family:prompt, sans-serif !important;*/
  font-family: Tahoma, Arial, "Trirong";	

	font-size:14px !important;
	font-weight:normal !important;
}
.DefaultFont{
	font-size: 14px;
	line-height: 1.42857;
}
.BoldFont{
	font-size: 14px;
	line-height: 1.42857;
	font-weight: normal;
}
input:not([type=hidden]), select, textarea, button{
	/*background-color: #ffffff;*/
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #444;/*#555;*/
	font-size: 14px;
	line-height: 1.42857;
	padding: 6px 6px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        
/*        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 5px;*/
    
        
}
input:not([type=hidden]):focus, select:focus, textarea:focus, button:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}
input[type=button]:hover ,button:hover{
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
button, select {
	text-transform: none;
}
button, input, optgroup, select, textarea {
	margin: 0;
}
input[type=reset], input[type=submit], .green_btn_form, .red_btn_form{
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	white-space: nowrap;
	
	cursor: pointer;
}

input[type=reset], .red_btn_form{
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
}
input[type=reset]{
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
}
.red_btn_form:hover {
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
}

input[type=submit], input[class*="add01"][type=submit], .green_btn_form{
	background-color: #5cb85c;
	border-color: #4cae4c;
	color: #fff;
}
input[type=submit]:hover {
	background-color: #449d44;
	border-color: #398439;
	color: #fff;
}
.green_btn_form:hover {
	background-color: #449d44;
	border-color: #398439;
	color: #fff;
}


#searchLink, .searchLink{
	    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
   /* background-color: #AD98E8;
    border-color: #9373EC;
    color: #fff;*/
}
#searchLink:hover, .searchLink:hover {
	/*background-color: #896ED4;
	border-color: #9373EC;*/
	color: #000;
}

input[type=button][class*="search"], input[type=button][id=search], button[class*="search"], button[id=search], input[class*="Search_Button"][type=submit]{
	background-color: #5bc0de;
	border-color: #46b8da;
	color: #fff;
}
input[type=button][class*="search"]:hover, input[type=button][id=search]:hover, button[class*="search"]:hover, button[id=search]:hover {
	background-color: #31b0d5;
	border-color: #269abc;
	color: #fff;
}
input[type=button][class*="resetsearch"], input[type=button][id=resetsearch], button[class*="resetsearch"], button[id=resetsearch]{
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
	color: #fff !important;
}
input[type=button][class*="resetsearch"]:hover, input[type=button][id=resetsearch]:hover, button[class*="resetsearch"]:hover, button[id=resetsearch]:hover {
	background-color: #c9302c !important;
	border-color: #ac2925 !important;
	color: #fff !important;
}
.table02{
	border-top:1px solid #cccccc;
	border-radius:5px;
}
.table02 tr{
	height:30px;
}
.table02 tr td:last-child{
	/*border-right: 1px dashed #aea686;*/
}
.table02 tr:first-child td{
	border-top:none;
}
.table02 tr:first-child td:first-child{
	border-left:none;
	border-top-left-radius:5px;
}
.table02 tr:first-child td:last-child{
	border-right:none;
	border-top-right-radius:5px;
}
.table02 tr:last-child td{
	border-bottom:none;
}
.table02 tr:last-child td:first-child{
	
	border-bottom-left-radius:5px;
}
.table02 tr:last-child td:last-child{
	border-right:none;
	border-bottom-right-radius:5px;
}

.btn{
	-moz-user-select: none;
	background-image: none;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.846;
	margin-bottom: 0;
	padding: 6px 9px;
	text-align: center;
	white-space: nowrap;
	
	background-color: #ffffff;
	color: #444444;
	
	background-position: 50% center;
	background-size: 200% auto;
	
	border: medium none;
	/*box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);*/
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}


.btn-default {
	font-size: 14px !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    color: #333 !important;
}
.btn-default:hover {
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
    color: #333 !important;
}
.btn-primary {
	font-size: 14px !important;
	background-color: #337ab7 !important;
	border-color: #2e6da4 !important;
	color: #fff !important;
}
.btn-primary:hover {
	background-color: #286090 !important;
	border-color: #204d74 !important;
	color: #fff !important;
}
.btn-success {
	font-size: 14px !important;
	background-color: #5cb85c !important;
	border-color: #4cae4c !important;
	color: #fff !important;
}
.btn-success:hover {
	background-color: #449d44 !important;
	border-color: #398439 !important;
	color: #fff !important;
}
.btn-info {
	font-size: 14px !important;
	background-color: #5bc0de !important;
	border-color: #46b8da !important;
	color: #fff !important;
}
.btn-info:hover {
	background-color: #31b0d5 !important;
	border-color: #269abc !important;
	color: #fff !important;
}
.btn-warning {
	font-size: 14px !important;
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
	color: #fff !important;
}
.btn-warning:hover {
	background-color: #ec971f !important;
	border-color: #d58512 !important;
	color: #fff !important;
}
.btn-danger {
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
	color: #fff !important;
}
.btn-danger:hover {
	background-color: #c9302c !important;
	border-color: #ac2925 !important;
	color: #fff !important;
}

.btn-input-submit{
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    box-shadow:0px;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
}

.table-group tr td:not([class*=td-header]):first-child{
	border-left:1px solid #cccccc;
}
.table-group tr td:not([class*=td-header]):last-child{
	border-right:1px solid #cccccc;
}
.table-group tr:last-child td:not([class*=td-header]){
	border-bottom:1px solid #cccccc;
	height:50px;
}
.td-header{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-left:10px;
}


/* onload page center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #90332E;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#searchForm input[type=button]{
	min-width:65px;
}

.blue_line_a
    {
        height:2px;border-color:#000080;background:#000080;width:100%;
    }

table.scroll {
	width: 100%; /* Optional */
	/* border-collapse: collapse; */
	border-spacing: 0;

}

/*table.scroll tbody,
table.scroll thead { display: block; }*/

table.scroll tbody {
	overflow-y: auto;
	overflow-x: hidden;
}

.read_only{
    background:#CCCCCC;
}
input[readonly] {
 background-color: #cccccc !important;
}
[class^="btn"][disabled] {
    pointer-events: none;
    cursor: default;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}