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

/*สำหรับ ICON ในระบบ*/

/*สำหรับ ICON ในระบบ*/
.esi-imgGrayScale {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

/*Style สำหรับ Composite Component*/
.esi-button {
	box-shadow: 3px 3px 3px #00000029;
	border-radius: 10px;
	opacity: 1;
	/*flex ทำงานต้อง IE 11 ขึ้นไป*/
	display: flex;
	justify-content: center;
	align-items: center;
	/*flex ทำงานต้อง IE 11 ขึ้นไป*/
}

.esi-button-label {
	letter-spacing: 0px;
	font-size: 1em;
	font-weight: normal;
}

.esi-state-active:hover, .esi-state-active:focus {
	border: 1px solid #575757;
	background: #ffdb85;
	color: #000000;
}

.esi-state-active {
	background: #ffc740 0% 0% no-repeat padding-box;
	color: #946611;
}

.esi-state-disable {
	background: #E1E1E1 0% 0% no-repeat padding-box;
}

.esi-card-hang-New {
	background-image: url("") 0% 0%
		no-repeat;
}

/*tabMenu*/
.esi-tabMenu {
	border: 1px solid #575757;
	border-bottom: 0;
	/*box-shadow: 3px 3px 3px #00000029;*/
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	opacity: 1;
	padding-left: 0.5em;
	padding-right: 0.5em;
	/*margin-right: 0.2rem;*/
	margin: 0 0.2em 0 0;
	/*flex ทำงานต้อง IE 11 ขึ้นไป*/
	display: inline-flex;
	justify-content: center;
	align-items: center;
	/*flex ทำงานต้อง IE 11 ขึ้นไป*/
}

.esi-tabMenu-active {
	color: #f0f0f0;
	background: #73a69d;
}

.esi-tabMenu-normal {
	color: #000000;
	background-color: #DEEED5;
}

.esi-tabMenu-normal:hover, .esi-tabMenu-normal:focus {
	background: #73a69d;
	color: #f0f0f0;
}

/*สไตล์สำหรับ Tab สี ที่คลุม esi TabMenu*/
.esi-TabMenu-Pane {
	padding-top: 0.2em;
	padding-left: 0.2em;
	padding-right: 0.3em;
	display: block;
	border: 1px solid #575757;
	background: #a5c1c1;
	color: #333333;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

/*สไตล์สำหรับ commnadLink ที่คลุม esi Button*/
.esi-commandButtonLink {
	text-decoration: none;
}