@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew-webfont.eot');
    src: url('fonts/thsarabunnew-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew-webfont.woff') format('woff'),
         url('fonts/thsarabunnew-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew_bolditalic-webfont.eot');
    src: url('fonts/thsarabunnew_bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew_bolditalic-webfont.woff') format('woff'),
         url('fonts/thsarabunnew_bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew_italic-webfont.eot');
    src: url('fonts/thsarabunnew_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew_italic-webfont.woff') format('woff'),
         url('fonts/thsarabunnew_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'THSarabunNew';
    src: url('fonts/thsarabunnew_bold-webfont.eot');
    src: url('fonts/thsarabunnew_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thsarabunnew_bold-webfont.woff') format('woff'),
         url('fonts/thsarabunnew_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

} 


/* Myanmar */
@font-face {
	font-family:'Zawgyi-One';
	src: url('fonts/Myanmar/zawgyi.ttf') format('woff'), url('fonts/Myanmar/zawgyi.ttf') format('ttf');
}

@font-face {
	font-family:'Unicode';
	src: url('fonts/Myanmar/mon3.woff') format('woff'), url('fonts/Myanmar/mon3.ttf') format('ttf');
} 

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-color: #b1b1b1;*/
	background-color: #E0F0FA;
	direction: ltr;
	
	font-family: 'THSarabunNew', 'Zawgyi-One', 'Unicode', sans-serif;
	font-size:15px;
}
#page-wrapper {
	background-color: transparent;
}
#page-wrapper {
	margin: 0 0 0 0;
	border-right: 0px solid #e7e7e7;
}
.huge {
	font-size: 30px;
}
.navbar {
	border: 1px solid transparent;
	float: right;
	margin-bottom: 20px;
	min-height: 50px;
	position: relative; 
	direction: rtl;
}
.h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight:600;	
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left ; 
}     
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
	margin-bottom:3px;
}   
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    /*text-align:right;*/
	text-align:left;
}
.form-horizontal .control-label {
   /* min-width: 150px ;*/
    text-align: right;
}
.form-horizontal .control-input200 {
    max-width:200px;	
}
.form-horizontal .control-input400 {
    max-width:400px;	
}
.form-horizontal .control-input600 {
    max-width:600px;	
}
.form-horizontal .control-label {
	font-weight: normal;	
}
.form-group {
    margin-bottom: 5px;
} 
.col-lg-12 {
	width:100% !important;
}  
.control-viewdetail {
	padding-top:7px;
	font-weight:400;	
}
@media(max-width:768px){
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		width:100% !important;
	}  
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		width:100% !important;
	}  
	 .form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
		margin-bottom: 0;
		margin-top: 0;
		min-width: 150px;
		padding-top: 7px;
		text-align: left;
	} 
	
	.detail-view .col-sm-1
	, .detail-view .col-sm-2
	, .detail-view .col-sm-3
	, .detail-view .col-sm-4
	, .detail-view .col-sm-5
	, .detail-view .col-sm-6
	, .detail-view .col-sm-7
	, .detail-view .col-sm-8
	, .detail-view .col-sm-9
	, .detail-view .col-sm-10
	, .detail-view .col-sm-11
	, .detail-view .col-sm-12 {
		width:auto !important;
	}  
	.detail-view .col-lg-1
	, .detail-view .col-lg-2
	, .detail-view .col-lg-3
	, .detail-view .col-lg-4
	, .detail-view .col-lg-5
	, .detail-view .col-lg-6
	, .detail-view .col-lg-7
	, .detail-view .col-lg-8
	, .detail-view .col-lg-9
	, .detail-view .col-lg-10
	, .detail-view .col-lg-11
	, .detail-view .col-lg-12 {
		width:auto !important;
	}  
} 
.form-control2 {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555; 
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.navbar1 {
	border: 1px solid transparent;
	float: right;
	margin-bottom: 20px;
	min-height: 50px;
	position: relative;
	width: 40%;
	direction: rtl;
}

#foolter {
	/*background: #163d71 none repeat scroll 0 0;*/
	background: #222 none repeat scroll 0 0;
   	padding: 1em 0;
	color:#CCC;
}


.clr{clear:both;}
.clearboth{clear:both;} 

.bottomArea{
	display:block; 
	background:#ccc; 
	height:20px; 
	min-width:700px; 
    font-size: 20px !important; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
	font-weight: bold; 
	padding:0px 5px;
}
.left-bottomArea{display:block; width:20%; float:left; padding: 3px 0px; }
.right-bottomArea{display:block; width:80%; float:right; text-align:right; padding: 3px 0px;}

.buttonArea { text-align: right; display:block;margin:5px 0;}
.buttonArea button{}

.search-zone { background: none repeat scroll 0 0 #eee; border: 1px solid #666666; margin-bottom: 5px;  }
.search-zone input[type=text] { width:200px; padding: 3px 0 ; }
.search-zone select { padding: 0px 0px ; }
.search-zone-content {padding: 6px 5px; }
.search-zone-content .text-info {font-weight: bold;}
.search-zone-content .lnkAdvanceSearch{cursor:pointer; text-decoration: underline;}
.search-zone-content .lnkAdvanceSearch:hover { text-decoration: none; }
.search-zone-content .search-zone-button .ui-button-text, .search-zone .search-zone-button .search-zone-button .ui-button-text  {padding-top:1px; padding-bottom:1px; }
.search-zone-advance {padding: 3px 5px; /*background-color:#999999;*/ display:block;}
.search-zone-advance input[type=text] { width:230px; padding:0 ; margin: 0;  }
.search-zone-advance select { width:250px; }
.search-zone-advance-filter { float:left; width:48%; margin:2px 0px 3px; display:block; min-width: 380px; }
.search-zone-advance-filter label { margin-right:5px; width:150px; display: inline-block; }
.search-zone div.search-zone-button {margin-left: 135px; margin-bottom: 5px;}

.action-grid-zone {background: none repeat scroll 0 0 #eee; border: 1px solid #666666; margin-top: 5px; padding: 2px;}
.action-grid-zone .ui-button-text {padding-top:1px; padding-bottom:1px;}

.ui-button { padding-bottom:5px; padding-top:5px;}


.ui-jqgrid .ui-jqgrid-title { 
    font-size: 14px !important; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
} 
.ui-jqgrid .ui-jqgrid-htable th div {
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
    font-size: 14px;
    height: auto;
	padding-top:5px; 
}
.ui-jqgrid,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager,
.ui-jqgrid .ui-pg-input {
    font-size: 14px !important;
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
}
.ui-jqgrid .ui-jqgrid-htable th {
    height: 30px; 
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-align: center;
	vertical-align:top;
    white-space: normal;
}
.ui-jqgrid tr.jqgrow td { 
    vertical-align: top;
    white-space: normal;
}
.ui-jqgrid .ui-jqgrid-pager { 
    height: 30px; 
}
.ui-jqgrid-bdiv .ui-jqgrid-btable {
    font-size: 14px !important; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif !important;
} 
.ui-jqgrid .ui-pg-selbox { 
    font-size: 14px;;
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
    height: 20px;  
}
.ui-jqgrid .ui-pg-input {
    font-size: 14px; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
    height: 20px; 
}
/*.jqselect {
    font-size: 20px !important; 
	font-family: "THSarabunNew";
}*/
.ui-widget input, .ui-widget select, .ui-widget textarea {
    font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
    font-size: 18px;
}


.ui-pg-table {
	
    font-size: 14px;;
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
    height: 20px;  
}
.ui-dialog-title {
    font-size: 20px; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
}
/*.ui-widget {
    font-size: 20px; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
} */

.buttonArea, .search-zone-content .search-zone button-zone {
    font-size: 14px !important; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
}
.search-zone-advance input[type="text"] {
    margin: 0 5px;
    padding: 3px 0;
	vertical-align:top;
}
.search-zone-advance select {
    width: 250px;
	margin: 0 5px;
    padding: 3px 0;
	vertical-align:top;
}

.search-zone-advance-filter {  
    font-size: 14px !important; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important;
}
.search-zone-advance-filter label {
    font-size: 14px !important; 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif  !important; 
	vertical-align:top;
	margin-top:5px;
}

/*a {
	font-size:20px;	
}*/
 
.divFormInside {
	font-size:20px;
} 

table.view-form tr td {
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif ;
    font-size: 20px;
}

table.view-form tr td input[type="text"] { 
	font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif ;
    font-size: 20px;    
	height: 24px;
}

.box-menutitle {
    float: left;
    font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif ;
    font-size: 14px;
    font-weight: bold; 
    padding: 10px 0 20px;
    text-align: center;
    width: 25%;
}
.box-menutitle a {
    color: #960;
    font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif ;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
	
}
.box-menutitle a:hover {
    color: #f00;
    font-family: "THSarabunNew", 'Zawgyi-One', 'Unicode', sans-serif ;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.img-grayscale {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
 

.noty_message {
    font-size: 14px !important;
    line-height: normal !important;
    text-align: center;
}

.error {
	font-weight:normal;	
}

.content {
	padding-left:5px;	
	padding-bottom:5px;
	vertical-align:top;
}
.btn {
	padding:10px !important;	
	font-size:14px;
	font-weight:600;
}
.form-horizontal .help-block {
    margin-top: 2px;
}
.help-inline, .help-block {
    font-size: 11px;
    margin: -4px 0 0 2px;
        margin-top: -4px;
        margin-bottom: 0px;
}
.help-block {
    display: block;
    margin-bottom: 9px;
}
.help-block, .help-inline {
    color: #555555;
}

.nav-tabs > li {
    margin-bottom: -1px;
}
.nav-tabs > li, .nav-pills > li {
    float: left;
}
/*li {
    line-height: 18px;
}*/
.tab-pane {
    padding: 0 10px 10px;
}

.header-info01 {
	
}
.header-info01 {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.header-info02 {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 10px 15px;
	border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
.form-horizontal .control-label {
    font-weight: bold !important;
}