/* Template Options */

/*
	--//-- 1. Color Options --//--

	- Theme color - 22a1c4  (rgba - 34, 161, 196);
	
	--//-- 2. Theme Font --//--
   
	- Main font Roboto;	
	
	*/


	.trace , .trace *{outline: 1px solid red}




	/*===================== menu sub-item width ==============*/
	.level-2 li[role="menuitem"]{min-width: 274px !important;}


	/*===================== font-size-selector ==============*/
	.font-size-selector .btn{ width: 24px !important; height: 24px !important; }
	.font-size-selector .btn.increase p{font-weight: bold; font-size: 1.5em !important; margin-top:-4px !important; }
	.font-size-selector .btn.reset p{font-weight: bold; font-size: 1.3em !important; margin-top:-1px !important;}
	.font-size-selector .btn.decrease p{font-weight: bold; font-size: 0.9em !important; margin-top:3px !important;}
	/*increase
	decrease
	reset*/
	.font-size-small { font-size: 0.3em !important; }
	.nowrap{
		white-space: nowrap;
	}








	/*===================== menu margin ==============*/
	.menu-margin{
		margin-top: 20px !important;
		margin-bottom: 16px !important;
	}

	.ft-bt1{
		background-color: #000 !important;
		color:#fff !important;
		border: 1px solid #000;
	}

	.ft-bt2{
		background-color: #fff !important;
		color:#000 !important;
		border: 1px solid #27aab3;
	}

	.ft-bt3{
		background-color: #000 !important;
		color:#FFFF00  !important;
		border: 1px solid #000;
	}

	.ft-bt4{
		width: 24px !important;
		height: 24px !important;

	}

	.ft-bt5{
		width: 24px !important;
		height: 24px !important;	
	}

	.ft-bt6{
		width: 24px !important;
		height: 24px !important;	
	}

	/*=================================================*/


	.no-padd{
		padding: 0px !important;
	}

	.padd-l-r5{
		padding-left: 5px !important;
		padding-left: 5px !important;
	}

	.no-padd-top{
		padding-top: 0px;
	}
	.no-padd-bottom{ padding-bottom: 0px !important;}

	.padd-top-small{
		padding-top: 15px;
	}

	h4.text-product{
		color: #2d2e2e;
		font-size : 24px;
		font-weight: bold;
		padding-top: 10px; 
	}

	.font-bold{
		font-weight: bold !important;
	}

	.font-uppercase{
		text-transform: uppercase!important;
	}

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


	.padd-all-small{
		padding: 6px !important;
	}
	.padd-all-medieum{
		padding: 20px;
	}

	.padd-left20{
		padding-left: 10px !important;
	}


	.line_height_text{
		line-height: 25px !important;
	}


	.line_height_tx1{
		line-height: 22px !important;
	}



	.career_img{
		width: 270px;
		height: 270px;
	}



/*marquee{
display: inline-block;
width: 1200px;
}*/

.font-menu{
	text-transform: uppercase;
}






a:active {
	/* background-color: yellow !important;*/

}

.no-mrg-bt{   margin-top: 0px !important; margin-bottom: 0px !important; }

.no-margin-bottom{ margin-bottom: 0px !important;}
.margin-bottom-small{ margin-bottom: 10px !important;}
.margin-bottom-medieum{
	margin-bottom: 20px !important;
}
.margin-bottom-large{
	margin-bottom: 60px !important;
}



h1,h2,h3,h4,h5 {
	color : #666666 !important;
}


.text-justify{
	text-align: justify; text-justify: auto;

	/*inter-word: suport font eng*/
	/*distribute: suport font thai*/

}



/*input[type=text], textarea,a,p{
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
  }*/

  a:focus , textarea:focus ,p:focus{
  	/*	box-shadow: 0 0 5px rgba(81, 203, 238, 1);*/
 /* padding: 3px 0px 3px 3px;
 margin: 5px 1px 3px 0px;*/
 border: 1px solid rgba(81, 203, 238, 1);
}

a:focus{
	
	border:0px !important;
}


a:focus img {
	border: 1px solid #900 !important;
}




/*dummy class css*/
.bg-rd{
	background-color:red!important;
}
.text-rd{
	color: red!important;
}

/*============== bg color ===================*/

.bg-color-pink{
	background-color:red!important;
}

.bg-color-gray{
	background-color:#f5f5f5;
}


/*============== font color ===================*/
.tx-badge{
	font-size: 0.5em !important;
}

.tx-center{ text-align: center !important;}
.tx-right{ text-align: center}
.tx-1D { color: #1D1D1D !important; }
.tx-black{color: #000 !important; }
.tx-white{color: #fff !important; }
.tx-green{color: #65bd77 !important; }
.tx-yellow{color: #ea8c1b !important; }
.tx-red{
	color:#FF1900;
}
.tx-blue{ color:#032592 !important;}
.tx-gray { color:#747171; }
.tx-gray2 { color:#585858 !important; }
.tx-msg{
	font-size: xx-small;
	color: red;
}

.bg-yellow {
	/*background-color: #ea8c1b !important;*/
	background-color: #6f3c00 !important;
}


.bg-calendar{
	background-color: #eee !important;
	color: #000 !important;
}



.bg-head-poll{
	background-color: #337ab7 !important;
	color: #fff !important;
}

.border-all{
	border: 1px solid #ccc;
}

.border-bottom{
	border-bottom: 1px solid #ccc;

}


.border-radius{
	border-radius: 5px;
}

.images-cover{
	object-fit: cover;
}

.imag-org-micro{
	margin-left: 5px !important;
	margin-top: 10px !important;
}


/*============== css picture link ===================*/


.pic_banner{
	width: 1200px !important;
	max-height: 350px !important;
	object-fit: cover;
}

.pic_full_banner{
	width: 1600px !important;
	max-height: 350px !important;
	object-fit: cover;
}


.pic_banner_slice2{
	max-width: 530px !important;
	max-height: 150px !important;
	/*object-fit: cover;*/
}

.div_pic_banner_slice2{
	width: 530px !important;
	height: 150px !important;
}

.pic_banner_slice3{
	max-width: 340px !important;
	max-height: 150px !important;
	/*object-fit: cover;*/
}

.div_pic_banner_slice3{
	width: 340px !important;
	height: 150px !important;
}

.pic_banner_slice4{
	max-width: 280px !important;
	max-height: 150px !important;
	/*object-fit: cover;*/
}

.div_pic_banner_slice4{
	width: 250px !important;
	height: 150px !important;
}

.pic_banner_slice5{
	max-width: 210px !important;
	max-height: 100px !important;
	/*object-fit: cover;*/
}
.div_pic_banner_slice5{
	width: 190px !important;
	height: 100px !important;
}

.pic_banner_slice6{
	max-width: 180px !important;
	max-height: 100px !important;
	/*object-fit: cover;*/
}
.div_pic_banner_slice6{
	width: 150px !important;
	height: 100px !important;
}

.pic-link{
	width: 225px !important;
	height: 100px !important;
	/*object-fit: cover;*/
}

.pic-link-b-t{
	width: 225px !important;
	height: 100px !important;
	/*object-fit: cover;*/
}
.div-pic-link-b-t{
	/*width: 225px !important;*/
	width: 185px !important;
	height: 100px !important;
}

.pic-link2{
	width: 95px !important;
	height: 76px !important;
	object-fit: cover;
}


.pic-external-link{
	width: 60px !important;
	height: 60px !important;
	object-fit: cover;
}

.pic-link-big{	
	max-width: 98% !important;
	max-height: 100px !important;
	object-fit: cover;
}

.pic-link-large{	
	max-width: 98% !important;
	max-height: 150px !important;
	object-fit: cover;
}

.pic-link-small{	
	max-width: 95% !important;
	max-height: 100px !important;
	object-fit: cover;
}


.div-imag-link-12{
	/*width: 263px !important;*/
	height: 65px !important;
}
.div-imag-link-6{
	width: 135px !important;
	height: 113px !important;
}

.div-imag-link-4{
	/*width: 80px !important;
	height: 150px !important;*/
}

.pic-cover{
	object-fit: cover;
}

.widgets-link{
	margin: 8px 0px 5px 0px;
}


/*===================== css box banner ==============*/
.box-bn-slice .owl-item{
	width: 300px !important;
}

/*===================== css box calendar ==============*/
.box-calendar .popover{
	width: 200px !important;
}


/*================== border ===================*/
.border-none{
	border: 0px !important;
}

/*================== margin ===================*/

.mar-l-r5{
margin-left: 5px !important;
margin-right: 5px !important;
}

.mar-l-r10{
margin-left: 10px !important;
margin-right: 10px !important;
}

.mar-b-t2{
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}

.mar-l10{
	margin-left: 10px!important;
}
.mar-l20{
	margin-left: 20px!important;
}
.mar-r5{
	margin-right: 5px!important;
}

.mar-r10{
	margin-right: 10px!important;
}
.mar-t0{
	margin-top: 0px!important;
}
.mar-t-5{
	margin-top: -5px!important;
}
.mar-t-10{
	margin-top: -10px!important;
}
.mar-t5{
	margin-top: 5px!important;
}
.mar-t10{
	margin-top: 10px!important;
}
.mar-t20{
	margin-top: 20px!important;
	margin-bottom: 10px!important;
}
.mar-t30{
	margin-top: 30px!important;
}

.mar-t40{
	margin-top: 40px!important;
}

.mar-t50{
	margin-top: 50px!important;
}

.mar-t60{
	margin-top: 60px!important;
}

.mar-b0{
	margin-bottom: 0px!important;
}
.mar-b5{
	margin-bottom: 5px!important;
}
.mar-b20{
	margin-bottom: 20px!important;
}
.mar-b30{
	margin-bottom: 30px!important;
}
.mar-b40{
	margin-bottom: 40px!important;
}
.input-int,.input-decimal{
	text-align: right;
}
.datepicker-input{
	/*text-align: center;*/
}
.mar-b60{
	margin-bottom: 60px!important;
}

.mar-b10{
	margin-bottom: 0px!important;
}
.mar-b100{
	margin-bottom: 100px!important;
}

.mar-b200{
	margin-bottom: 200px!important;
}

.mar-b300{
	margin-bottom: 300px!important;
}

.mar-b600{
	margin-bottom: 600px!important;
}



/*================== img  ===================*/
.img-activity-both{
	width: 570px ;
	height: 160px;
}


.img-activity{
	width: 570px !important;
	height: 334px!important;
}


.img-activity-small{
	width: 140px !important;
	height: 106px!important;
}

.img-org-tech{
	min-width: 270px !important;
	height: 200px!important;
}

.img-activity-col{
	width: 285px !important;
	height: 172px!important;
}

.img-org-chart{
	/*min-width: 270px !important;
	height: 190px!important;*/
	min-width: 100% !important;
	height: 100%;

}


.img-kwonlg{
	min-width: 100px !important;
	height: 261px !important;
}


.img-org-detail{
	box-shadow: 5px 5px 5px #ccc;
	width: 270px !important;
	height: 300px!important;
}

.img-service{
	width: 370px !important;
	height: 278px!important;
}
.img-center{
	margin-left: auto !important;
	margin-right: auto !important;
}

.popover{
	/*max-width: 100%;*/
	min-width: 90%;

	/*top: 30px !important;*/
	/*right: 20px !important;*/
	/*background-color: #00b3ff;*/
}

#map-canvas { height: 500px; width: 100%  }





.nav .lt{
	background-color: #72cdce;
}


.nav .lt-child{
	background-color: #72cdce;
}

.class_graphcount table{
	margin-top : 20px !important;
}

.rss-font{
	font-size: 15px !important;
	font-weight: bold;
}

.div-calendar-bg{
	background-color: transparent !important;
}
.dataTables_info{
	width: 50%;
	float: left;
}
.doe-pagination{
	margin-top: 15px;
}
.doe-pagination > a{
	/*position: relative;*/
	/*float: left;*/
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #428bca;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.doe-pagination > strong{
	/*position: relative;*/
	/*float: left;*/
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #fff;
	z-index: 2;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}
table{

}
table > thead > tr > th{
	text-align: center;
	white-space: nowrap;
}


.des-bullet {
    list-style-type: circle !important;
    margin-left: 5% !important;
}

.size-vdo-widgets{
	width:100% !important;
	height:190px !important;
}


.height-slide{
	height:100%;
}



.modal-header-img {
	border: none;
}

.head_text_weblink{
	margin-left: 80px;
}

.text_weblink{
	margin-left: 130px;
}

@media (max-width: 1000px){
.left{
	margin-left:10px
}
}
@media screen and (max-width: 1000px){
		.flow-x{overflow-x:scroll;}

	}
u
{
    list-style-type: none;
}