.blue-color{
    color: #1b579d;
}
.even
{
	background-color:#FFF;
}
.mh220{
	min-height:220px;
}

.pl10{
	padding-left:10px;
}

.pl30{
	padding-left:30px !important;
}

.pr30{
	padding-right:30px;
}

.pl60{
	padding-left:60px;
}

.pl90{
	padding-left:90px;
}

.mt5{
	margin-top:5px;
}

.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt20{
	margin-top:20px;
}

.mt_header{
	margin-top:80px;
}

.mt25{
	margin-top:25px;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb25{
	margin-bottom:25px;
}

.mb30{
	margin-bottom:30px;
}

.mlp16{
	margin-left:16%;
}
.pdel20{
	margin-top: -20px;
}

.bg_htable {
	background-color: #ddd;
}

.border_htable {
	border: 1px solid #d3d3d3;
	border-radius: 5px;
}
.table thead th, .table th, .table tfoot th, .table tfoot td
{
	font-weight: bold;
	border: 1px solid #c6c7c7;
}
.msgBox 
{
	text-align: center;
    padding: 5px;
    background-color: #f4f4f4;
	color: #d02222;
    margin-bottom: 5px;
}

.container
{
	max-width: 100% !important;
	background-color: #fbfbfb !important;
	padding: 10px !important;
}
.error
{
	font-size:12px !important;
	color: #D90000 !important;
}
.require
{
	color: #F00;	
}
.select
{
	color:#000;/*#02587e#0069d2*/
}
.icon_plus
{
	color: #008000;	  /*เขียว*/
}
.icon_del
{
	color:#d9534f;	  /*แดง*/
}
.icon_edit
{
	color:#0079f2;  /*น้ำเงิน*/
}
.icon_change
{
	color: #65CA00; /*เขียว*/
}
.icon_no
{
	color: #999;	 /*เทา*/
}

.icon_yellow
{
	color: #FC3; /*เหลือง*/
}
.icon_red
{
	color: #ec0000; /*เขียว*/
}
.icon_green
{
	color: #00aa00;	 /*เทา*/
}

.icon_excel{
	color: green;
}

.icon_pdf{
	color: red;
}

.icon_word{
	color: blue;
}

.icon_blue{
	color: #1138d0; /*น้ำเงินเข้ม*/
}

.alert-info {
    color: #02587e;
    background-color: #b7eaea;
    border-color: #b7eaea;
}
.font_green{
	color:#005900;
	font-weight:bold;
}
.helptext {
    color: #396;   
    font-size: 12px;
}
.font_comment{ 
	color: #FF661C !important;
}
.font_remark {
    color: #C10000 !important;
}
.bg1
{
	background-color: #FFEFE8;
}
.subitem {
    color: #F60;
    font-size: 12px;
}
.card-header-detail {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #edf4eb;
    border-bottom: 0px solid transparent;
}
/* ------------------- fancybox -------------------------*/
#fancybox_popup{
	min-width: 900px;
	min-height: 450px;
	overflow: hidden; 
}

#fancybox_popup .title{
	padding: 10px;
	font-weight:bold;
	color: #FFFFFF;
	border-bottom: solid 1px #cccccc;
	background: #0080C0;
}

#fancybox_popup .title .panel-title{
	padding-right: 30px;
	width: 800px;
}

#fancybox_popup .content{
	padding: 10px;
}

#fancybox_popup .title span{
	font-size: 14px;
}

.fancybox-inner .panel {
	margin-bottom: 0px;	
}

@media (max-width: 480px){
	#fancybox_popup{
		min-width: 300px;
		max-height: 500px;
	}
}

@media (max-width: 320px){
	#fancybox_popup{
		min-width: 250px;
		max-height: 500px;
	}
}
/* ------------------------------------------------------------*/

.tab_plan,.tab_plan:hover
{
	background-color:#ffefe8 !important;
}

.tab_prd,.tab_prd:hover
{
	background-color: #ecf9ff !important;
}

.tab_avt,.tab_avt:hover
{
	background-color: #f5fdec !important;
}

.tab_parent,.tab_parent:hover
{
	background-color: #FFEAF4 !important;
}

.tab_child,.tab_child:hover
{
	background-color: #E9E9F3 !important;
}
tr:hover{
	background-color:#ECECEC;
}

.errorBox
{
	text-align: center;
	padding: 5px;
	background-color: #f4f4f4;
	color: #d02222;
	margin-bottom: 5px;
}

/*=== เครื่องหมาย * ที่ต้องเป็นสีแดง ==*/
.require {
	color: #CC0000;
	font-size: 14px;
}

.highlight {
	text-align: center;
	padding: 5px;
	background-color: #fff3cd;
	color: #846404;
	margin-bottom: 5px;
	font-weight: bold;
}

errorBox{
	width:94%;
	padding:5px;

	background-color: #FFE9E9;
	color:red;
	margin-bottom: 5px;
}

/*=== กรณี textbox ที่ให้อ่านได้อย่างเดียว ==*/
.textreadonly {
	height: 24px;
	border: 1px solid #edebeb !important;
	background-color: #ededed !important;
}

.TitlesTab {
	/* background-color:#EFEFEF !important;
	padding: 3px 0 3px 3px !important;
    font-size: 11pt !important;*/
	font-weight: bold !important;
	text-align: left !important;
	/*color: #000000 !important;*/
}

.TitlesTab2 {
	/* background-color:#FFEEDD !important;
	 padding :3px 0 3px 3px !important;
    font-size: 11pt !important;*/
	font-weight: bold !important;
	text-align: left !important;
	/*color: #CA6326 !important;*/
}

/* ใช้ในการแสดงข่าวค่ะ sukanya */
.TitlesTab3 {
	/* background-color:#FFFFCC !important;
/*  padding :3px 0 3px 3px !important;
   font-size: 11pt !important;*/
	font-weight: bold !important;
	text-align: left !important;
	/*	color: #CA6326 !important;*/
}

.TitlesTab4 {
	/*   background-color:#EEEEEE !important;
 padding :3px 0 3px 3px !important;
	font-size: 11pt !important;*/
	font-weight: bold !important;
	text-align: left !important;
	/*color: #CA6326 !important;*/
}

/*บันทึกเกรด*/
.TitlesTab5 {
	/* background-color:#FF9966 !important;
	 padding: 3px 0 3px 3px !important;
	 font-size: 11pt !important;*/
	font-weight: bold !important;
	text-align: left !important;
	/*color: #000000 !important;*/
}

.helptext{
	color: #3CB371;
	font-size: 12px;
}
.helptextred{
	color: #CC0000;
	font-size: 12px;
}
.no-hover {
	pointer-events: none;
}

.form-group.row.search{
    height: 36px;
}
div#ui-datepicker-div{
	z-index: 50 !important;
}
/* ------------------------------------------------------------*/