@font-face {
    font-family: 'thaisansbold';
    src: url('../../fonts/thaisansneue-semibold.woff2') format('woff2'),
         url('../../fonts/thaisansneue-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%;  
    top:50%;  
    background-image:url(../../assets/img/preloader.gif);  
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; 
}
.prop-btm-sheaerch {
    display: none
}
#map {
    height: 300px;
}

h1 {
	font-family: 'thaisansbold';
	font-weight:normal!important;
	font-size:1.45em;
	margin:0px;
}
h2 {
	font-family: 'thaisansbold';
	font-weight:normal!important;
	text-shadow:none!important;
	margin:0px;
}
h4 {
	font-family: 'thaisansbold';
	font-weight: normal!important;
	font-size:1.45em;
	text-shadow:none!important;
}

h5 {
	font-family: 'thaisansbold';
	font-weight:normal!important;
	font-size:1.45em;
	text-shadow:none!important;
}

input { font-size:1em!important }
textarea { font-size:13px!important }

.form-group textarea.form-control:focus,
.form-group input.form-control:focus{
  border: 1px solid #66afe9!important;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 5px rgba(102, 175, 233, .6);
}

.rec_img { border-radius: 0%!important }

.circular_img {
	width:100%;
	border-radius: 50%;
	margin:0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-position:50% 50%;
    background-repeat   : no-repeat;
    background-position : 50% 50%;
    background-size     : 100% auto;
    background-size     : contain;
    width               : 35px;
    height              : 35px;
	padding:0px;
    border-radius       : 50%;
}

.mini_circular_img {
	border-radius: 50%;
	margin:0px;
	padding:0px;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-position:50% 50%;
}

.large_circular_img {
	border-radius: 50%;
	width: 90px;
	height: 90px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-position:50% 50%;
  z-index: 5;
  border: 0px solid;
  border-color: rgba(255, 255, 255, 1);
  margin: 0 auto;
}

.circular_img {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-position:50% 50%;
  z-index: 5;
  border: 0px solid;
  border-color: rgba(255, 255, 255, 1);
  margin: 0 auto;
}

.treeview-menu li > a { font-size:0.95em!important }
.input-group input.search-input {  font-size:0.95em!important; }


.nodisplay { display:none; }
.nobold { font-weight:normal; }
.font_1  {  font-size:0.95em!important; }

table#info-table { font-size:0.95em!important; }
table#info-table  > thead > tr > th { background:#fafafa}

.data-info-table {
	font-size:0.95em!important;
}

.print-date {
	font-size:1.8em;
	padding:5px 0px;
}
.print-system {
	float:left;color:#fff;font-size:1.85em;;padding-top:10px;
}
.print-student {
	padding:0px;margin:0px;text-align:left;font-size:2.1em
}
table.print-student-profile {
	font-size:0.95em;text-align:left
}
table.print-student-profile th {
	white-space: nowrap!important;
}
.print-profile {
	font-size:0.95em
}
h2.print-title {
	font-size:1.9em!important
}

h2.print-title i {
	font-size:1em!important
}

.browse_file {
	border:1px solid #ddd;padding:5px; outline:none
}

.progressbar_fade {
  transition: all 300ms linear 700ms;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  opacity: 1;
}

.progressbar_fade.out {
  opacity: 0;
}

.center {
	text-align:center!important;
}

#info-table tr.active td {
	background-color: #FFFBDF;
	color:#000;
}
#info-table tr.active td i { color:#000!important; }
#info-table tr:hover td {
	background-color: #f8f8f8!important;
}

#info-table td a {
	color:#555;
}

input.form-control {
	font-size:0.95em!important;
}

.underline:link {
	text-decoration:underline!important;
}

.table_link:link, .table_link:active, .table_link:visited  {
	color:#339933!important;
}
.table_link:hover {
	text-decoration:underline
}
/*--------------------------------------------------------------------------------------------------------------------*/
														/*SexyAlertBox*/
/*--------------------------------------------------------------------------------------------------------------------*/
#SexyAlertBox-Box {
  padding-bottom: 0px;
  background:#fff;
  border-radius:8px;
  border-bottom:6px solid #ddd;
-webkit-box-shadow: 0px 6px 31px -11px rgba(0,0,0,0.92);
-moz-box-shadow: 0px 6px 31px -11px rgba(0,0,0,0.92);
box-shadow: 0px 6px 31px -11px rgba(0,0,0,0.92);

}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background:#fff;
  border-radius:8px;
}

#SexyAlertBox-BoxContent {
  padding: 0px 10px;
  background:#fff;}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}


#SexyAlertBox-Buttons input {
	margin: 10px 10px;
	font-size: 13px;
	text-decoration: none!important;
	text-align:center;
	padding: 5px 5px 5px 5px;
	color: #fff;
	border-radius: 5px;
	outline:none;
	border:none;
}

#SexyAlertBox-Buttons input:hover {
	text-align:center;
	border-radius: 5px;
	outline:none
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../../images/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../../images/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../../images/dialog-error.png') top left no-repeat;
}

/* ---------------------------------------------------------------- */

#SexyInfoBox-Box {
  padding-bottom: 24px;
}

#SexyInfoBox-InBox {
  padding-top: 15px;
}

#SexyInfoBox-BoxContent {
  padding: 0px 20px;
}

#SexyInfoBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyInfoBox-BoxContenedor h1,#SexyInfoBox-BoxContenedor h2,#SexyInfoBox-BoxContenedor h3,#SexyInfoBox-BoxContenedor b,#SexyInfoBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyInfoBox-Buttons{
  text-align:right;
}

#SexyInfoBox-Buttons input {
  margin: 10px 10px;
}

#SexyInfoBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyInfoBox-Box .BoxAlert {
  background: url('../../images/dialog-warning.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxConfirm {
  background: url('../../images/dialog-help.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxPrompt {
  background: url('../../images/dialog-help.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxInfo {
  background: url('../../images/dialog-information.png') top left no-repeat;
}

#SexyInfoBox-Box .BoxError {
  background: url('../../images/dialog-error.png') top left no-repeat;
}


@media (max-width: 320px) {
	.main-header .sidebar-toggle {
	  float: left;
	  background-color: transparent;
	  background-image: none;
	  padding: 15px 10px;
	  font-family: FontAwesome;
	}
	
	.print-system {
		color:#fff;font-size:1.5em;padding:0px;margin:0px;padding-top:12px;
	}
	
	table.print-student-profile {
		font-size:0.75em;text-align:left
	}
	
	.print-profile {
		font-size:0.85em;
	}
	
}

@media (max-width: 375px) {
	.print-student {
		padding:0px;margin:0px;text-align:left;font-size:1.5em!important;
	}

	table.print-student-profile {
		font-size:0.85em!important;text-align:left
	}
	
	.print-profile {
		font-size:0.85em;
	}
}

@media (max-width: 414px) {
	.print-student {
		padding:0px;margin:0px;text-align:left;font-size:1.7em!important;
	}

	table.print-student-profile {
		font-size:0.85em;text-align:left
	}
	
	.print-profile {
		font-size:0.85em;
	}
}

/* --------------------------------------------- iPhone 4 ----------------------------------------------------*/

@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : portrait) {
/* 1. portrait viewport 320 x 480 */ 
	.print-date {
		font-size:1.3em!important;
	}
	
	.print-student {
		padding:0px;margin:0px;text-align:left;font-size:1.15em!important;
	}
	
}


@media screen and (min-width: 480px) and (max-width: 480px), (min-device-width: 320px) and (max-device-width: 480px) and (orientation : landscape) {
/* 2.landscape viewport 480 x 320 */ 
	.print-date {
		font-size:1.8em!important;
	}
	
}

/* --------------------------------------------- iPhone 5 ----------------------------------------------------*/
@media screen and (max-width: 320px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) {
/* 3. portrait viewport 320 x 568 */ 
	.print-date {
		font-size:1.3em!important;
	}
}

@media screen and (min-width: 568px) and (max-width: 568px), (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) {
/* 4. landscape viewport 568 x 320 */ 
	.print-date {
		font-size:1.8em!important;
	}
}

/* --------------------------------------------- iPhone 6 ----------------------------------------------------*/
@media screen and (min-width: 375px) and (max-width: 375px), (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) {
/* 5. portrait viewport 375 x 667 */ 
	.print-date {
		font-size:1.65em!important;
	}
	.print-student {
		padding:0px;margin:0px;text-align:left;font-size:1.5em!important;
	}

	table.print-student-profile {
		font-size:0.85em!important;text-align:left
	}
	
	.print-profile {
		font-size:0.85em;
	}
}

@media screen and (min-width: 667px) and (max-width: 667px), (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) {
/* 6. landscape viewport 667 x 375 */ 
	.print-date {
		font-size:1.8em!important;
	}
}

/* --------------------------------------------- Galaxy ----------------------------------------------------*/
@media screen and (min-width: 360px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : portrait) {
/* 7. portrait viewport 360 x 640 */ 
	.print-date {
		font-size:1.65em!important;
	}
	.print-student {
		padding:0px;margin:0px;text-align:left;font-size:1.45em!important;
	}

	table.print-student-profile {
		font-size:0.85em;text-align:left
	}
	
	.print-profile {
		font-size:0.85em;
	}
}

@media screen and (min-width: 640px) and (max-width: 640px), (min-device-width: 360px) and (max-device-width: 640px) and (orientation : landscape) {
/* 8. landscape viewport 640 x 360 */ 
	.print-date {
		font-size:1.8em!important;
	}
}

/* --------------------------------------------- iPad ----------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1024px), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {
/* 9. portrait viewport 1024 x 768 */ 
	.print-student {
		padding:0px;margin:0px;text-align:left;font-size:1.55em!important;
	}

	table.print-student-profile {
		font-size:0.95em;text-align:left
	}
	
	.print-profile {
		font-size:0.95em;
	}
}


.user-block:before,
.user-block:after {
  content: " ";
  display: table;
}
.user-block:after {
  clear: both;
}
.user-block img {
  width: 40px;
  height: 40px;
  float: left;
}
.user-block .username,
.user-block .description,
.user-block .comment {
  display: block;
}
.user-block .username {
  font-size: 16px;
  font-weight: 600;
}
.user-block .description {
  color: #999;
  font-size: 13px;
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
  margin-left: 40px;
}
.user-block.user-block-sm .username {
  font-size: 14px;
}

.timeline-body li {
	font-size:13px;
}

.time-label span {
	font-family: 'thaisansbold';
	font-size:20px;
	letter-spacing:0.5px!important;
	padding:0px 5px!important;
}

.timeline-header {
	font-size:13px!important;
}
.timeline-header a {
	font-family: 'thaisansbold';
	font-size:23px;
	letter-spacing:0.5px!important;
	font-weight:bold!important;
}

.timeline-footer a {
	padding:5px 7px;
}

.btn-transparent {
	background:none;
}

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

.size_23 {
	font-size:23px;
}


.text-white {
	color:#fff!important;
}

.text-non-shadow {
	text-shadow:none!important;
}

.alert {
	font-size:13px;
}

.alert h4 {
	font-size:20px;
}

.text-dark-gray {
	color:#888;
}


ul.sidebar-menu > li.actived {
	background-color:#fafafa!important;
}