@font-face {
	font-family: "fontPrompt";
	src: url("../fonts/Prompt-Regular.ttf");
	font-family: "fontRSU";
	src: url("../fonts/RSU_Regular.ttf");
	font-family: "fontK2D";
	src: url("../fonts/K2D-Regular.ttf");
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai UI';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  src: url(../fonts/HI_jiZUXIL1M5TugDeLoFv_997Xgc_HYvC_HV9O7GQTTbIxbWl0Y.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai UI';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(../fonts/HI_jiZUXIL1M5TugDeLoFv_997Xgc_HYvC_HV9O7GQTTbIxbWl0Y.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai UI';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  src: url(../fonts/HI_jiZUXIL1M5TugDeLoFv_997Xgc_HYvC_HV9O7GQTTbIxbWl0Y.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* thai */
@font-face {
  font-family: 'Noto Sans Thai UI';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(../fonts/HI_jiZUXIL1M5TugDeLoFv_997Xgc_HYvC_HV9O7GQTTbIxbWl0Y.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC, U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.fntPrompt{font-family: "fontPrompt";}
.fntRSU{font-family: "fontRSU";}
.fntK2D{font-family: "fontK2D";}
body {
	font-family: "fontK2D";
	/*background: linear-gradient(#ECFAEB 50%, #D1F3CD);*/
}

.fnt10 {font-size: 10px !important;}
.fnt10 {font-size: 10px !important;}
.fnt12 {font-size: 12px !important;}
.fnt12B {font-size: 12px !important;font-weight: bold;}
.fnt14 {font-size: 14px !important;}
.fnt14B {font-size: 14px !important;font-weight: bold;}
.fnt16 {font-size: 16px !important;}
.fnt16B {font-size: 16px !important;font-weight: bold;}
.fnt18 {font-size: 18px !important;}
.fnt18B {font-size: 18px !important;font-weight: bold;}
.fnt20 {font-size: 20px !important;}
.fnt20B {font-size: 20px !important;font-weight: bold;}
.fnt22 {font-size: 22px !important;}
.fnt22B {font-size: 22px !important;font-weight: bold;}
.fnt24 {font-size: 24px !important;}
.fnt24B {font-size: 24px !important;font-weight: bold;}
.fnt26 {font-size: 26px !important;}
.fnt26B {font-size: 26px !important;font-weight: bold;}
.fnt28 {font-size: 28px !important;}
.fnt28B {font-size: 28px !important;font-weight: bold;}

.fnt05rem{font-size:0.5rem !important;}
.fnt06rem{font-size:0.6rem !important;}
.fnt07rem{font-size:0.7rem !important;}
.fnt08rem{font-size:0.8rem !important;}
.fnt09rem{font-size:0.9rem !important;}
.fnt10rem{font-size:1.0rem !important;}
.fnt12rem{font-size:1.2rem !important;}
.fnt14rem{font-size:1.4rem !important;}
.fnt15rem{font-size:1.5rem !important;}
.fnt16rem{font-size:1.6rem !important;}
.fnt18rem{font-size:1.8rem !important;}
.fnt20rem{font-size:2.0rem !important;}
.fnt24rem{font-size:2.4rem !important;}

.tLeft{text-align: left !important;}
.tRight{text-align: right !important;}
.tCenmter{text-align: center !important;}

.mytdHover:hover {background-color: #f5f5f5;}
.mytdShadow{box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.btnNoHand{
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

a { text-decoration: none;color: inherit;}
a.aThisPage { text-decoration: none;background-color: #248AFD !important;color: #FFF;width: 100%;}
a.aThisPage:link { color: #FFF !important;}
a.aThisPage:visited { color: #FFF !important;}
a.aThisPage:hover { color: #ECFF00 !important;}

.menunavigator{height: 30px;line-height: 30px;}

.rotateimg180{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

#MenuSideNav {
	min-height:40px;
	width: 100px;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 10px;
	padding-right: 0px;
	opacity: 1;
}
#matchInfo { 
	height: auto;
	position: fixed;
	bottom:40px;
	width:300px;
	left:10px;
	/*background-color: #FFFC1C;*/
	opacity: 1;
}
.modal,.modal-body
{
	overflow-y: auto;
	/*max-height: 600px;*/
}
#mapid {position: relative;}
.pageclk{cursor: pointer;}
.table th {text-align: center;}
.table td {text-align: center;}

.fixw10px{width: 10px !important;}
.fixw15px{width: 15px !important;}
.fixw16px{width: 16px !important;}
.fixw20px{width: 20px !important;}
.fixw25px{width: 25px !important;}
.fixw30px{width: 30px !important;}
.fixw35px{width: 35px !important;}
.fixw40px{width: 40px !important;}
.fixw45px{width: 45px !important;}
.fixw50px{width: 50px !important;}
.fixw60px{width: 60px !important;}
.fixw70px{width: 70px !important;}
.fixw80px{width: 80px !important;}
.fixw90px{width: 90px !important;}
.fixw100px{width:100px !important;}
.fixw120px{width:120px !important;}
.fixw140px{width:140px !important;}
.fixw160px{width:160px !important;}
.fixw180px{width:180px !important;}
.fixw200px{width:200px !important;}
.fixw220px{width:220px !important;}
.fixw240px{width:240px !important;}
.fixw260px{width:260px !important;}
.fixw280px{width:280px !important;}
.fixw300px{width:300px !important;}

.fixh10px{height: 10px !important;}
.fixh15px{height: 15px !important;}
.fixh16px{height: 16px !important;}
.fixh20px{height: 20px !important;}
.fixh25px{height: 25px !important;}
.fixh30px{height: 30px !important;}
.fixh35px{height: 35px !important;}
.fixh40px{height: 40px !important;}
.fixh45px{height: 45px !important;}
.fixh50px{height: 50px !important;}
.fixh60px{height: 60px !important;}
.fixh70px{height: 70px !important;}
.fixh80px{height: 80px !important;}
.fixh90px{height: 90px !important;}
.fixh100px{height:100px !important;}
.fixh200px{height:200px !important;}

.fixw10{width: 10%!important;}
.fixw15{width: 15%!important;}
.fixw16{width: 16%!important;}
.fixw20{width: 20%!important;}
.fixw25{width: 25%!important;}
.fixw30{width: 30%!important;}
.fixw35{width: 35%!important;}
.fixw40{width: 40%!important;}
.fixw45{width: 45%!important;}
.fixw50{width: 50%!important;}
.fixw60{width: 60%!important;}
.fixw70{width: 70%!important;}
.fixw80{width: 80%!important;}
.fixw90{width: 90%!important;}
.colorBlack {color: black;}
.rb-red {color: red;}
.rb_black {color: #000;}

.w-30{width: 30% !important;}
.wd40{width:40px !important;}
.wd60{width:60px !important;}
.wd80{width:80px !important;}
.wd100{width:100px !important;}
.wd120{width:120px !important;}
.wd140{width:140px !important;}
.wd160{width:160px !important;}
.wd180{width:180px !important;}
.wd200{width:200px !important;}
.wd300{width:300px !important;}
.wd320{width:320px !important;}
.wd340{width:340px !important;}
.wd360{width:360px !important;}
.wd380{width:380px !important;}

.bgLine {
	background-image: url('../images/line-mid.png');
	background-repeat: repeat-x;
}
.thGroup {
	padding: 0px 10px 0px 10px;
}
.MainGreen{background-color: #62BE1E !important;}
.MainGreen2{background-color: #9DE866 !important;}

.txtLime{color: #00FF00;}
.txtPstG5{color: #ECFAEB;}

.bgGray{background-color: #E0E0E0 !important;}
.bgGray2{background-color: #F6F6F6 !important;}
.bgGray3{background-color: #E4E4E4 !important;}
.pstB0{background-color: #DFF0F4 !important;}
.pstB1{background-color: #B7DEE8 !important;}
.pstB2{background-color: #9CDEFE !important;}
.pstB2100{background-color: #9CDEFE !important;width: 100%;color: #FFF;}
.pstB3{background-color: #248AFD !important;color: #FFF;}
.pstB3100{background-color: #248AFD !important;width: 100%;color: #FFF;}
.pstGBG{background-color: #EDFFED !important;}
.pstG0{background-color: #98E690 !important;}
.pstG0100{background-color: #98E690 !important;width: 100%;color: #FFF;}
.pstG1{background-color: #77DF79 !important;}
.pstG2{background-color: #44D362 !important;}
.pstG3{background-color: #28AA42 !important;}
.pstG4{background-color: #D1F3CD !important;}
.pstG5{background-color: #ECFAEB !important;}
.pstN1{background-color: #1974D2 !important;}
.pstN2{background-color: #1357BE !important;}
.pstN3{background-color: #0D3AA9 !important;}
.pstN4{background-color: #061D95 !important;}
.pstN5{background-color: #000080 !important;}
.pstR0{background-color: #FFDADA !important;}
.pstR1{background-color: #FFB5B5 !important;}
.pstR2{background-color: #FF9797 !important;}
.pstR3{background-color: #FFB5B5 !important;}
.pstR4{background-color: #FFB5B5 !important;}
.pstO1{background-color: #FFD394 !important;}
.pstO2{background-color: #FFBE61 !important;}
.pstO3{background-color: #FFA82E !important;}
.pstO4{background-color: #FA9200 !important;}
.pstO5{background-color: #FCD5B4 !important;}
.pstP1{background-color: #FFD2FD !important;}
.pstP2{background-color: #FF99FA !important;}
.pstP3{background-color: #FF4FF7 !important;}
.pstY1{background-color: #FEFFD2 !important;}
.pstY2{background-color: #FCFF7B !important;}
.pstY3{background-color: #FAFF28 !important;}

.bgTB1{background-color: #F4B084 !important;}
.bgTB2{background-color: #C39BE1 !important;}
.bgTB3{background-color: #BDD7EE !important;}
.bgTB4{background-color: #00B0F0 !important;}
.bgTB5{background-color: #FFCCFF !important;}
.bgTB6{background-color: #2F75B5 !important;}
.bgTB7{background-color: #DDEBF7 !important;}
.bgTB8{background-color: #A9D08E !important;}
.bgTB9{background-color: #FFC789 !important;}

.bdrtTb1{border-top: 2px solid #F4B084;}
.bdrtTb2{border-top: 2px solid #C39BE1;}
.bdrtTb3{border-top: 2px solid #BDD7EE;}
.bdrtTb4{border-top: 2px solid #00B0F0;}
.bdrtTb5{border-top: 2px solid #FFCCFF;}
.bdrtTb6{border-top: 2px solid #2F75B5;}
.bdrtTb7{border-top: 2px solid #DDEBF7;}
.bdrtTb8{border-top: 2px solid #A9D08E;}
.bdrtTb9{border-top: 2px solid #FFC789;}

.bdrbTb1{border-bottom: 2px solid #F4B084;}
.bdrbTb2{border-bottom: 2px solid #C39BE1;}
.bdrbTb3{border-bottom: 2px solid #BDD7EE;}
.bdrbTb4{border-bottom: 2px solid #00B0F0;}
.bdrbTb5{border-bottom: 2px solid #FFCCFF;}
.bdrbTb6{border-bottom: 2px solid #2F75B5;}
.bdrbTb7{border-bottom: 2px solid #DDEBF7;}
.bdrbTb8{border-bottom: 2px solid #A9D08E;}
.bdrbTb9{border-bottom: 2px solid #FFC789;}

.lbRed {color: red;}
.lbBalck {color: #000;}
.lbGreen {color: #0dff00;}
.lbOrange {color: #f4a30b;}
.lbY1{color: #FEFFD2;}
.lbY2{color: #FCFF7B;}
.lbY3{color: #FAFF28;}

.pdl5 {padding-left: 5px;}
.pdr5 {padding-right: 5px;}
.pdlr5 {padding-left: 5px;padding-right: 5px;}
.pdbt5 {padding-top: 5px;padding-bottom: 5px;}

.w-90{ width: 90% !important;}
.w-95{ width: 95% !important;}

.pd0 {padding:0px;}
.pd2 {padding:2px;}
.pd4 {padding:4px;}
.pd5 {padding:5px;}
.pd6 {padding:6px;}

.pdt4 {padding-top: 4px;}
.pdt5 {padding-top: 5px;}
.pdt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20 {padding-top: 20px;}
.pdt25 {padding-top: 25px;}
.pdt30 {padding-top: 30px;}
.pdt35 {padding-top: 35px;}
.pdt40 {padding-top: 40px;}
.pdt45 {padding-top: 45px;}
.pdt50 {padding-top: 50px;}

.pdb4 {padding-bottom: 4px;}
.pdb5 {padding-bottom: 5px;}
.pdb10 {padding-bottom: 10px;}
.pdb15 {padding-bottom: 15px;}
.pdb20 {padding-bottom: 20px;}
.pdb25 {padding-bottom: 25px;}
.pdb30 {padding-bottom: 30px;}
.pdb35 {padding-bottom: 35px;}
.pdb40 {padding-bottom: 40px;}
.pdb45 {padding-bottom: 45px;}
.pdb50 {padding-bottom: 50px;}

.mjt10 {margin-top:10px;}
.mjt20 {margin-top:20px;}
.mjt22 {margin-top:22px;}
.mjt24 {margin-top:24px;}
.mjt26 {margin-top:26px;}
.mjt28 {margin-top:28px;}
.mjt30 {margin-top:30px;}
.mjt40 {margin-top:40px;}
.mjt50 {margin-top:50px;}
.mjt60 {margin-top:60px;}
.mjt70 {margin-top:70px;}
.mjt80 {margin-top:80px;}
.mjt90 {margin-top:90px;}
.mjt100 {margin-top:100px;}
.mjt110 {margin-top:110px;}
.mjt120 {margin-top:120px;}

.mjb10 {margin-bottom:10px;}
.mjb20 {margin-bottom:20px;}
.mjb22 {margin-bottom:22px;}
.mjb24 {margin-bottom:24px;}
.mjb26 {margin-bottom:26px;}
.mjb28 {margin-bottom:28px;}
.mjb30 {margin-bottom:30px;}

.fxhi64{max-height:64px;}
.pstAb{position: absolute;}
.pstRe{position: relative;}

.mjl-00 {margin-left:0px;}
.mjl-02 {margin-left:-2px;}
.mjl-03 {margin-left:-3px;}
.mjl-04 {margin-left:-4px;}
.mjl-06 {margin-left:-6px;}
.mjl-08 {margin-left:-8px;}
.mjl-10 {margin-left:-10px;}
.mjl-12 {margin-left:-12px;}
.mjl-14 {margin-left:-14px;}
.mjl-16 {margin-left:-16px;}
.mjl-18 {margin-left:-18px;}
.mjl-20 {margin-left:-20px;}
.mjl-22 {margin-left:-22px;}
.mjl-24 {margin-left:-24px;}
.mjl-26 {margin-left:-26px;}
.mjl-28 {margin-left:-28px;}
.mjl-30 {margin-left:-30px;}
.mjl-32 {margin-left:-32px;}
.mjl-34 {margin-left:-34px;}
.mjl-36 {margin-left:-36px;}
.mjl-38 {margin-left:-38px;}
.mjl-40 {margin-left:-40px;}
.mjl-42 {margin-left:-42px;}
.mjl-44 {margin-left:-44px;}
.mjl-46 {margin-left:-46px;}
.mjl-48 {margin-left:-48px;}
.mjl-50 {margin-left:-50px;}

.mjr00 {margin-right:0px;}
.mjr10 {margin-right:10px;}

.mjl-200 {margin-left:-200px;}
.mjl-250 {margin-left:-250px;}
.mjl-300 {margin-left:-300px;}
.mjl-350 {margin-left:-350px;}
.mjl-400 {margin-left:-400px;}
.mjl-450 {margin-left:-450px;}
.mjl-500 {margin-left:-500px;}

.itemforbadge {position:relative;padding-top:20px;display:inline-block;}
.notify-badge{
	position: absolute;
	right:-20px;
	top:10px;
	background:red;
	text-align: center;
	border-radius: 30px 30px 30px 30px;
	color:white;
	padding:5px 10px;
	font-size:20px;
	z-index: 1005 !important;
}

.myForm{
	display: block;
	width: 100%;
	min-height: calc(1.5em + 0.75rem + 2px);
	/*padding: 0.375rem 0.75rem;*/
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.myFormSm{
	display: block;
	width: 100%;
	min-height: calc(1.5em + 0.75rem + 2px);
	/*padding: 0.375rem 0.75rem;*/
	font-size: 0.7rem;
	font-weight: 400;
	line-height: 1;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

img.trn05 {opacity: 0.5;filter: alpha(opacity=50);}
img.trn06 {opacity: 0.6;filter: alpha(opacity=60);}
img.trn07 {opacity: 0.7;filter: alpha(opacity=70);}
img.trn08 {opacity: 0.8;filter: alpha(opacity=80);}
/* CHECKBOX */
.checkbox label:after {content: '';display: table;clear: both;}
.checkbox .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
}
.checkbox .cr .cr-icon {
	position: absolute;
	font-size: .8em;
	line-height: 0;
	top: 50%;
	left: 15%;
}
.checkbox label input[type="checkbox"]{display:none;}
.checkbox label input[type="checkbox"]+.cr>.cr-icon {opacity:0;}
.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {opacity:1;}
.checkbox label input[type="checkbox"]:disabled+.cr{opacity:0.5;}
/* CHECKBOX */
.centeredTxt {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.table{
	/*font-family:'rsubold,fontK2D,sans-serif';*/
	font: 12pt fontK2D;
}
table.mytable
{
	border-collapse: collapse;
	/*border: 1px solid #839E99;*/
	background: #FFF;
	/*font: 1.3em RSU;*/
	font: 12pt fontK2D;
	color: #033;
	width: 100%;
	max-width: 100%;
}
.mytable>tbody>tr>td, .mytable>tbody>tr>th, .mytable>tfoot>tr>td, .mytable>tfoot>tr>th, .mytable>thead>tr>td, .mytable>thead>tr>th {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 2px;
}
td {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 2px;
}
.mybadge {
	position:absolute !important;
	margin-top:0px;
	margin-left:-20px;
	z-index: 1005;
}
.w-6pc{max-width:16%;}
/*.mx100{max-width:100px !important;}*/
.mytable caption { font-size: 1.3em; font-weight: bold; text-align: left; padding: 1em 4px; }
.mytable td,.mytable th { padding: 3px 3px .25em 3px; line-height: 1.3em; }
.mytable th { background: #839E99; color: #fff; font-weight: bold; text-align: left; padding-right: .5em; vertical-align: top; }
.mytable thead th { background: #2C5755; text-align: center; }
.mytable .odd td { background: #DBE6DD; }
.mytable .odd th { background: #6E8D88; }
.mytable td a,
.mytable td a:link { color: #325C91; }
.mytable td a:visited { color: #466C8E; }
.mytable td a:hover,
.mytable td a:focus { color: #1E4C94; }
.mytable th a,
.mytable td a:active { color: #fff; }
.mytable tfoot th,
.mytable tfoot td { background: #2C5755; color: #fff; }
.mytable th + td { padding-left: .5em; }

.myModalBody{display: inline-block;word-break: break-word;padding: 0 !important;}

.dvBuild {
	overflow-y: auto;    /* Trigger vertical scroll    */
	overflow-x: hidden;  /* Hide the horizontal scroll */
}
.btn-mo-blue {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #611BBD;
	background-image: -moz-linear-gradient(top,#a36fea,#611BBD);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#a36fea),to(#611BBD));
	background-image: -webkit-linear-gradient(top,#a36fea,#611BBD);
	background-image: -o-linear-gradient(top,#a36fea,#611BBD);
	background-image: linear-gradient(to bottom,#a36fea,#611BBD);
	background-repeat: repeat-x;
	border-color: #611BBD #611BBD #40127e;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}.btn-mo-greenlite {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #8bfcb6;
	background-image: -moz-linear-gradient(top,#f0fff2,#8bfcb6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#f0fff2),to(#8bfcb6));
	background-image: -webkit-linear-gradient(top,#f0fff2,#8bfcb6);
	background-image: -o-linear-gradient(top,#f0fff2,#8bfcb6);
	background-image: linear-gradient(to bottom,#f0fff2,#8bfcb6);
	background-repeat: repeat-x;
	border-color: #8bfcb6 #8bfcb6 #40127e;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
}
.bg-mo-gray {
	background-color: #dddddd!important;
}
/* change the background color */
.navbar-custom {
	background-color: #748bf8;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
	color: rgba(255,255,255,.8);
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
	color: rgba(255,255,255,.5);
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
	color: #000000;
}
/* INPUT PLACEHOLDER COLOR RED */
::-webkit-input-placeholder { text-align:right; }
input:-moz-placeholder{text-align:right;}
input.imp::-webkit-input-placeholder{color: red !important;}
input.imp:-moz-placeholder { /* Firefox 18- */color: red !important;}
input.imp::-moz-placeholder {  /* Firefox 19+ */color: red !important;}
input.imp:-ms-input-placeholder {color: red !important;}
/* INPUT PLACEHOLDER COLOR RED */
input.upcas {text-transform: uppercase;}
input.lowcas {text-transform: lowercase;}
/* FORM CHECK */
.error{display: none;margin-left: 10px;}
.error_show{color: red;margin-left: 10px;}
input.invalid,textarea.invalid{border: 2px solid red;}
input.valid,textarea.valid{border: 2px solid green;}
/* IMGAES OVERLAY DEL */
.img-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.img-overlay:before {
	content: ' ';
	display: block;
	/* adjust 'height' to position overlay content vertically */
	height: 50%;
}
/* Autocomplete */
.ui-autocomplete { position: absolute; cursor: default; }
.stickyHeader {
	position: sticky;
	top: 50px;  /* 0px if you don't have a navbar, but something is required */
	background: white;
}
/* CURSOR */
.move{cursor: move !important;}
.pointer {cursor: pointer !important;}
.not-allowed {cursor: not-allowed !important;}
.zoom-in {cursor: zoom-in !important;}
/* NAV */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	opacity: 0.7;
}
.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	/*font-size: 25px;*/
	/*color: #818181;*/
	color: #FFFFFF;
	display: block;
	transition: 0.3s;
}
.myBtn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sidenav a:hover{color: #069EF9;}
.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}
@media screen and (max-height: 450px) {
	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
}
.transparent{
	background-color: rgba(255,255,255,0.5);
}
/* END NAV */
.cusRounded10{border-radius: 10px;}
.cusRounded20{border-radius: 20px;}
.cusRounded30{border-radius: 30px;}
.cusRounded40{border-radius: 40px;}

.btnSize-1 {
	display: inline-block;
	padding: 0.1rem 0.1rem 0.1rem 0.1rem;
	font-size: 0.875rem;
	border-radius: 0.25rem;
}
.bgCus-light
{
	color: #000;
	background-color: #D4D4D4;
	border:solid 1px #D4D4D4;
}
.blink_me {animation: blinker 1s linear infinite;}

@keyframes blinker { 50% { opacity: 0; } }

#formFile::before {
  content: " เลือกไฟล์ ";
  position: absolute;
  z-index: 2;
  display: block;
  background-color: #eee;
  width: 80px;
}