h1 {
	font-family: 'thaisansbold';
	font-weight:normal;
	font-size:1.45em;
	margin:0px;
}
h2 {
	font-family: 'thaisansbold';
	font-weight:normal;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-webkit-text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	-moz-text-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	margin:0px;
}
h4 {
	font-family: 'thaisansbold';
	font-weight: normal;
	font-size:1.45em;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	-webkit-text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
	-moz-text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
}

h5 {
	font-family: 'thaisansbold';
	font-weight:normal;
	font-size:1.45em;
}

input { font-size:0.95em!important }

.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; }

.barcode-form {
	font-family: 'thaisansbold';
	font-weight: normal;
	font-size:2.5em!important;
}

.grayscale {
 -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
 -webkit-filter: grayscale(100%);
 filter: gray;
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

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

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

.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.65em
}

@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.95em;text-align:left
	}
	
	.print-profile {
		font-size:0.95em;
	}
	
}

@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.95em!important;text-align:left
	}
	
	.print-profile {
		font-size:0.95em;
	}
}

@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.95em;text-align:left
	}
	
	.print-profile {
		font-size:0.95em;
	}
}

/* --------------------------------------------- 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.95em!important;text-align:left
	}
	
	.print-profile {
		font-size:0.95em;
	}
}

@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.95em;text-align:left
	}
	
	.print-profile {
		font-size:0.95em;
	}
}

@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;
	}
}