/* custom dateTimePicker */
.datepicker [class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    font-family: Font Awesome\ 5 Pro;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.datepicker .prev [class^="icon-"]:before {
    content: "\f04a";
}

.datepicker .next [class^="icon-"]:before {
    content: "\f04e";
}
.datepicker .table-condensed{
	width: 100%;
}
.datepicker{
	border-radius:0px;
	padding: 6px 12px;
}
select.form-control {
    padding: 6px 8px;
}
/* custom dateTimePicker */
@font-face {
    font-family: 'noto_sans_thairegular';
    src: url('../fonts/notosansthai-regular-webfont.eot');
    src: url('../fonts/notosansthai-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/notosansthai-regular-webfont.woff2') format('woff2'),
         url('../fonts/notosansthai-regular-webfont.woff') format('woff'),
         url('../fonts/notosansthai-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

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

}
body, html, * {
    font-family: 'noto_sansregular', 'noto_sans_thairegular';
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, b{
    font-family: 'noto_sansbold', 'noto_sans_thaibold';
}

.content-header{
	padding: 0px;
    /* color: #025599; */
    color:#FFFFFF;
    margin-bottom: 4%;
}
.content-header>h1{
	font-size: 18px;
}
.content-header>.breadcrumb{
	padding: 0px;
    font-size: 16px;
}

.card{
	border: 1px solid #e7e7e7;
    border-radius: 14px;
}
.content-footer{
	text-align: center;
	color: #60B59D;
    padding: 20px;
    background: #f5f5f5;
    border-top: 1px solid #e3e3e3;
}
.user-login{
	height: 100%;
    display: inline-block;
    float: right;
    font-size: 18px;
    padding: 3.5px 0px;
}
/* .user-login a{
	color: #ffffff;
} */
.user-login .change-pass,
.user-login .logout{
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid;
}
.box{
	border-top: 0px;
/* 	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); */
	border-radius: 0px 10px 10px 10px;
}
.box-header{
	padding: 10px 15px;
	font-size: 16px;
	border-bottom: 2px solid #23557B;
	border-radius: 5px;
}
.box-body{
	padding: 15px;
}

.box-body font{
    position: absolute;
    bottom: 15px;
    right: 8px;
}
.box-body .error{
    color: red;
    margin-bottom: 0px;
    min-width: 100px;
}

.box-body .table th{
    background: #a4d6ff;
}
.box-body .table p{
	margin-bottom: 0px;
}
.box-body .table td{
	vertical-align: middle;
}
 .box-body .table th a{
    color: #333333;
    text-decoration: none;
} 

.right .dropdown-menu{
    right: 0;
    left: auto;
}

.box-body .primary a{
	color: #337ab7;
}
.box-body .info a{
	color: #5bc0de;
}
.box-body .success a{
	color: #5cb85c;
}
.box-body .warning a{
	color: #f0ad4e;
}
.box-body .danger a{
	color: #d9534f;
}

.box-body .label-form{
    font-weight: normal;
    float: right;
    margin: 0px;
    padding: 5px 0px;
    display: inline-block;
}
.datepicker-dropdown:before{
	display: none;
}
.sidebar-toggle:before{
	display: none;	
}
.treeview-menu .tooltip-inner{
	white-space: nowrap;
	max-width: unset;
	width: 100%;
}
.treeview-menu a{
    overflow: hidden;
    text-overflow: ellipsis;
}
.swal2-cancel, .swal2-confirm{
	margin: 0px 10px;
}


@media (max-width: 991px){
	.content-header>h1{
		display: inline-block;
	}
	.content-header>.breadcrumb {
	    background: none;
	    text-align: right;
	    display: inline-block;
	    float: right;
	    margin-top: 0px;
	}
	.box-body .label-form{
		float: left;
		padding-left: 0px;
	}
	.box-body font{
		top: 30px;
	}
	 .user-login a{
		color: #ffffff !important;
	}
	
	.menu_link ,.menu_link-left ,.menu_link-right{
	 	text-align: center;
	    background: #fff;
	    border-radius: 10px;
	 /*    border-top-left-radius: 10px;  */
	    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
	    align-items: center;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    padding: 20px;
	    height: 260px;
	    margin: -14.5px;
	}
}

.fix-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.bd-sidebar {
    position: -webkit-fixed;
    position: fixed;
    top: 5rem;
    z-index: 1000;
    max-height: calc(100vh - 5rem);
}

.main-sidebar {
	padding-top: 0px;
}

.content-hg { 
	/* min-height: 345px; */
	margin-top: 3.5em;
}
.content-body{
	padding-bottom: 30px;
}

.select2-container .select2-selection--single {
	border: 1px solid #ccc;
	padding: 6px;
	border-radius: 0px;
	color: #555;
	height: 34px;
}


.navbar-brand-2 {
    float: left;
    height: 50px;
    /* padding: 15px 15px; */
    font-size: 18px;
    line-height: 20px;
}

nav{
	position: sticky;
    top: 0;
    background: transparent;
/*     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25); */
}

.a-menu{
	color: white;
}

.dropdown-menu>li>a {
   
    white-space: unset!important;
}

#header .dropdown-menu{
    right: 0;
    width: 250px;
	box-shadow: 2px 2px 9px 0px rgba(0, 0, 0, 0.25);
}
.dropdown-menu .user-footer{
	padding: 5px;
}

#header{
	height: 72px;
	width: 100%;
	margin-bottom: 15px;
	/* background: #60B59D; 
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
	padding: 15px;
}
#header .home-btn{
    height: 100%;
    display: inline-block;
    cursor: pointer;
}
#header .home-btn a{
	color: #ffffff;
}
#header .user-menu a *{
	display: table-cell;
	vertical-align: middle;
}

#map{ width:700px; height: 500px; }


/* Login page local service */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai&display=swap');

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    margin-left: 502px;
    margin-right: 488px;
}

a{
  text-decoration: none !important;
  font-family: 'noto_sans_thairegular';
}
i{
	 font-family: 'noto_sans_thairegular';
}

.ps-2 {
    padding-left: 0.5rem!important;
}

.pb-2 {
    padding-bottom: 0.5rem!important;
}

.mt-3 {
    margin-top: 1rem!important;
}
.ps-1 {
    padding-left: 0.25rem!important;
}
.pe-1 {
    padding-right: 0.25rem!important;
}
.d-flex {
    display: flex!important;
}
.flex-column {
    flex-direction: column!important;
}
.align-items-center {
    align-items: center!important;
}
.justify-content-center {
    justify-content: center!important;
}
.title_name{
  text-align: center;
}

 img.img_logo{
	width: 120px;

 }

.logo-text{
	text-align: left;
	padding-left: 0.5rem!important;
}

.logo_header{
  padding-top: 15px;
  padding-bottom: 30px;
  padding-left:15px;
  display: flex!important;
  align-items: center!important;
}

/* button sso */
.login_sso{

  font-size: 20px;
  display: flex;
/*   width: 326px; */
/*   height: 55px; */
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  border-radius: 4px;
  background: rgba(85, 112, 135, 0.50);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.login_sso:hover{
 
  font-size: 20px;
  display: flex;
/*   width: 326px; */
/*   height: 55px; */
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #23557B;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  transition-duration: 2s;
}
.login_sso img{
  width: 42px;
  /* padding-right: 5px; */
}

.login_thaid{
 
  font-size: 20px;
  display: flex;
/*   width: 326px; */
/*   height: 208px; */
  padding: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  border-radius: 7px;
  background: rgba(85, 112, 135, 0.50);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.login_thaid:hover{
 
  font-size: 20px;
  display: flex;
/*   width: 326px; */
/*   height: 208px; */
  padding: 25px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  border-radius: 7px;
  background: #040650;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  transition-duration: 2s;
}

.login_thaid img{
  width: 40%;
}

.login_bizportal{
  
  font-size: 20px;
  display: flex;
/*   width: 326px; */
/*   height: 55px; */
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  border-radius: 4px;
  background: rgba(85, 112, 135, 0.50);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
}

.login_bizportal:hover{
 
  font-size: 20px;
  display: flex;
/*   width: 326px; */
/*   height: 55px; */
  padding: 10px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #23557B;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
  transition-duration: 2s;
}
.login_bizportal img{
  width: 42px;
  /* padding-right: 5px; */
}
.faq_button{
  
  color:#FFF;
  font-size: 24px;
  display: flex;
  width: 139px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}

.faq_button:hover{
  
  display: flex;
  width: 139px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #F4D94B;
  transition-duration: 0.7s;
  
}

.downloadApp_button{
  
  color:#FFF;
  font-size: 24px;
  width: 250px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}

.downloadApp_button:hover{
  width: 250px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #4578C4;
  
}

.contact_button{
 
  color:#FFF;
  font-size: 24px;
  display: flex;
  width: 139px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}

.contact_button:hover{
  
  display: flex;
  width: 139px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #53B787;
  transition-duration: 0.7s;
}

.box_content-right{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;

}

.dropdown-menu>li>a {
    color: #777;
    margin: 10px;
    white-space: wrap;
    text-overflow: ellipsis;
}



.menu_list{
  padding-top: 14%; 
/*   margin-left: 3rem!important; */
/*   margin-right: 3rem!important; */
  align-items: center;
  
}

.menu_link-left {
  text-align: center;
  background: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 260px;
  margin: -14.5px;
}



.menu_link-right {
  text-align: center;
  background: #fff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 260px;
  margin: -14.5px;
}

.menu_link {
    text-align: center;
    background: #fff;
    /* border-radius: 10px;
    border-top-left-radius: 10px; */
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    align-items: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px;
    height: 260px;
    margin: -14.5px;
}


.menu_link-left:hover {
  color: #FFF;
  text-align: center;
  background: rgba(53, 83, 114, 0.70);
  border-radius: 10px;
  border: 1px solid #FFF;
  box-shadow: 0px 4px 4px 0px rgba(35, 85, 123, 0.25);
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 280px;
  margin: -14.5px;
}
.menu_link-right:hover {
  color: #FFF;
  text-align: center;
  background: rgba(53, 83, 114, 0.70);
  border-radius: 10px;
  border: 1px solid #FFF;
  box-shadow: 0px 4px 4px 0px rgba(35, 85, 123, 0.25);
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 280px;
  margin: -14.5px;
}
.menu_link:hover {
  color: #FFF;
  text-align: center;
  background: rgba(53, 83, 114, 0.70);
  border-radius: 10px;
  border: 1px solid #FFF;
  box-shadow: 0px 4px 4px 0px rgba(35, 85, 123, 0.25);
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  height: 280px;
  margin: -14.5px;
}
#content{
	min-height: 1200px;
}

@media (max-width: 768px) {
/*   .line_menu{
    display: none;
  } */
  	.box-body font {
    	top: 3px;
	}
}

.box_content-left{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
   

}

@media (min-width: 992px) {
  
  
  .box_content-right{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-left-style: solid;
    border-left-color: rgba(238, 238, 238, 0.50);

	}
	.box-right {
		align-content: center;
	    justify-content: center;
	    border-left-style: solid;
	    border-left-color: rgba(238, 238, 238, 0.50);
	}
}
.box-right {
	align-content: center;
    justify-content: center;
    padding: 15px 120px;

}
.box-left {
	align-content: center;
    justify-content: center;
    padding: 15px 120px;

}
/* Login page local service */

/* Form page Css */
body.form{
  
  background-image: url("/img/bg_form.png");
  /* background-size: cover; */
  /* width: 50%; */
  font-family: 'Noto Sans Thai', sans-serif;
  /* background-color: #cccccc; */
  /* text-align: center; */
 }


 /**/
/* main styles */
/**/
.pcss3t {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 0;
	text-align: left;
}
.pcss3t > input {
	position: absolute;
	left: -9999px;
}
.pcss3t > label {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	transition: all 0.1s;
	-o-transition: all 0.1s;	
	-ms-transition: all 0.1s;	
	-moz-transition: all 0.1s;	
	-webkit-transition: all 0.1s;
}
.pcss3t > label i {
	display: block;
	float: left;
	margin: 16px 8px 0 -2px;
	padding: 0;
	border: 0;
	outline: none;
	font-family: FontAwesome;
	font-style: normal;
	font-size: 17px;
}
.pcss3t > input:checked + label {
	cursor: default;
}
.pcss3t > ul {
	list-style: none;
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 13px;
}
.pcss3t > ul > li {
	position: absolute;
	width: 100%;
	overflow: auto;
	padding: 30px 40px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;	
	-ms-transition: all 0.5s;	
	-moz-transition: all 0.5s;	
	-webkit-transition: all 0.5s;
}
.pcss3t > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t > .tab-content-6:checked ~ ul .tab-content-6,
.pcss3t > .tab-content-7:checked ~ ul .tab-content-7,
.pcss3t > .tab-content-8:checked ~ ul .tab-content-8,
.pcss3t > .tab-content-9:checked ~ ul .tab-content-9,
.pcss3t > .tab-content-last:checked ~ ul .tab-content-last {
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transform: scale(1,1);
	-webkit-transform: rotate(0deg);
}


/*----------------------------------------------------------------------------*/
/*                                 EXTENSIONS                                 */
/*----------------------------------------------------------------------------*/

/**/
/* auto height */
/**/
.pcss3t-height-auto > ul {
	height: auto !important;
}
.pcss3t-height-auto > ul > li {
	position: static;
	display: none;
	height: auto !important;
}
.pcss3t-height-auto > .tab-content-first:checked ~ ul .tab-content-first,
.pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2,
.pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3,
.pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4,
.pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5,
.pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
	display: block;
}


/**/
/* grid */
/**/
.pcss3t .grid-row {
	margin-top: 20px;
}
.pcss3t .grid-row:after {
	content: '';
	display: table;
	clear: both;
}
.pcss3t .grid-row:first-child {
	margin-top: 0;
}
.pcss3t .grid-col {
	display: block;
	float: left;
	margin-left: 2%;
}
.pcss3t .grid-col:first-child {
	margin-left: 0;
}
.pcss3t .grid-col .inner {
	padding: 10px 0;
	border-radius: 5px;
	background: #f2f2f2;
	text-align: center;
}
.pcss3t .grid-col-1 {
	width: 15%;
}
.pcss3t .grid-col-2 {
	width: 32%;
}
.pcss3t .grid-col-3 {
	width: 49%;
}
.pcss3t .grid-col-4 {
	width: 66%;
}
.pcss3t .grid-col-5 {
	width: 83%;
}
.pcss3t .grid-col-offset-1 {
	margin-left: 19%;
}
.pcss3t .grid-col-offset-1:first-child  {
	margin-left: 17%;
}
.pcss3t .grid-col-offset-2 {
	margin-left: 36%;	
}
.pcss3t .grid-col-offset-2:first-child {
	margin-left: 34%;
}
.pcss3t .grid-col-offset-3 {
	margin-left: 53%;
}
.pcss3t .grid-col-offset-3:first-child {
	margin-left: 51%;
}
.pcss3t .grid-col-offset-4 {
	margin-left: 70%;
}
.pcss3t .grid-col-offset-4:first-child {
	margin-left: 68%;
}
.pcss3t .grid-col-offset-5:first-child {
	margin-left: 85%;
}


/**/
/* typography */
/**/
.pcss3t .typography {
	color: #666;
}
.pcss3t .typography h1,
.pcss3t .typography h2,
.pcss3t .typography h3,
.pcss3t .typography h4,
.pcss3t .typography h5,
.pcss3t .typography h6 {
	margin: 40px 0 0 0;
	padding: 0;
	font-family: Gabriela, Georgia, serif;
	text-align: left;
	color: #333;
}
.pcss3t .typography h1 {
	font-size: 40px;
	line-height: 60px;
	text-shadow: 3px 3px rgba(0,0,0,0.1);
}
.pcss3t .typography h2 {
	font-size: 32px;
	line-height: 48px;
	text-shadow: 2px 2px rgba(0,0,0,0.1);
}
.pcss3t .typography h3 {
	font-size: 26px;
	line-height: 38px;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
}
.pcss3t .typography h4 {
	font-size: 20px;
	line-height: 30px;
}
.pcss3t .typography h5 {
	font-size: 15px;
	line-height: 23px;
	text-transform: uppercase;
}
.pcss3t .typography h6 {
	font-size: 13px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
}
.pcss3t .typography p {
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 20px;
	text-align: left;
}
.pcss3t .typography ul,
.pcss3t .typography ol {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
.pcss3t .typography li {
	position: relative;
	margin-top: 5px;
	padding-left: 20px;
}
.pcss3t .typography li ul,
.pcss3t .typography li ol {
	margin-top: 5px;
}
.pcss3t .typography ul li:before {
	content: '';
	position: absolute;
	top: 8px;
	left: 0;
	width: 6px;
	height: 4px;
	background: #404040;
}
.pcss3t .typography ol {
	counter-reset: list1;
}
.pcss3t .typography ol > li:before {
	counter-increment:list1;
	content: counter(list1)'.';
	position: absolute;
	top: 0;
	left: 0;
}
/* .pcss3t .typography a {
	text-decoration: underline;
	color: #1889e6;
}
.pcss3t .typography a:hover {
	text-decoration: none;
} */
.pcss3t .typography .pic {
	padding: 4px;
	border: 1px dotted #ccc;
}
.pcss3t .typography .pic img {
	display: block;
}
.pcss3t .typography .pic-right {
	float: right;
	margin: 0 0 10px 20px;
}
.pcss3t .typography .link {
	text-decoration: underline;
	color: #1889e6;
	cursor: pointer;
}
.pcss3t .typography .link:hover {
	text-decoration: none;
}
.pcss3t .typography h1:first-child,
.pcss3t .typography h2:first-child,
.pcss3t .typography h3:first-child,
.pcss3t .typography h4:first-child,
.pcss3t .typography h5:first-child,
.pcss3t .typography h6:first-child,
.pcss3t .typography p:first-child {
	margin-top: 0;
}
.pcss3t .typography .text-center {
	text-align: center;
}
.pcss3t .typography .text-right {
	text-align: right;
}


/**/
/* steps */
/**/
.pcss3t-steps > label {
	cursor: default;
}


/**/
/* animation effects */
/**/
.pcss3t-effect-scale > ul > li {
	-webkit-transform: scale(0.1,0.1);
}
.pcss3t-effect-rotate  > ul > li {
	-webkit-transform: rotate(180deg);
}
.pcss3t-effect-slide-top > ul > li {
	top: -40px;
}
.pcss3t-effect-slide-right > ul > li {
	left: 80px;
}
.pcss3t-effect-slide-bottom > ul > li {
	top: 40px;
}
.pcss3t-effect-slide-left > ul > li {
	left: -80px;
}



/*----------------------------------------------------------------------------*/
/*                                   LAYOUTS                                  */
/*----------------------------------------------------------------------------*/

/**/
/* top right */
/**/
.pcss3t-layout-top-right {
	text-align: right;
}


/**/
/* top center */
/**/
.pcss3t-layout-top-center {
	text-align: center;
}


/**/
/* top combi */
/**/
.pcss3t > .right {
	float: right;
}



/*----------------------------------------------------------------------------*/
/*                                    ICONS                                   */
/*----------------------------------------------------------------------------*/

/**/
/* icons positions */
/**/
.pcss3t-icons-top > label {
	text-align: center;
}
.pcss3t-icons-top > label i {
	float: none;
	margin: 0 auto -10px;
	padding-top: 17px;
	font-size: 23px;
	line-height: 23px;
	text-align: center;
}
.pcss3t-icons-right > label i {
	float: right;
	margin: 0 -2px 0 8px;
}
.pcss3t-icons-bottom > label {
	text-align: center;
}
.pcss3t-icons-bottom > label i {
	float: none;
	margin: -10px auto 0;
	padding-bottom: 17px;
	font-size: 23px;
	line-height: 23px;
	text-align: center;
}
.pcss3t-icons-only > label i {
	float: none;
	margin: 0 auto;
	font-size: 23px;
}

/*----------------------------------------------------------------------------*/
/*                               RESPONSIVENESS                               */
/*----------------------------------------------------------------------------*/

/**/
/* pad */
/**/
@media screen and (max-width: 980px) {
	
}


/**/
/* phone */
/**/
@media screen and (max-width: 767px) {
	.pcss3t > label {
		display: block;
	}
	.pcss3t > .right {
		float: none;
	}
}

@media screen and (max-width: 475px) {
	.logo_header{
	  padding-top: 5px !important;
	  padding-bottom: 0 !important;
	}
	
	.login_thaid{
	  font-size: 20px;
	  display: flex;
	  padding: 25px 0 5px 0px;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  gap: 10px;
	  color: #fff;
	  border-radius: 7px;
	  background: rgba(85, 112, 135, 0.50);
	  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	}
	.login_thaid img{
	  width: 28%;
	}
	.login_thaid:hover{
	 
	  font-size: 20px;
	  display: flex;
	  padding: 25px;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  gap: 10px;
	  color: #FFF;
	  border-radius: 7px;
	  background: #040650;
	  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	  transition-duration: 2s;
	}

	.login_sso{
	
	  font-size: 20px;
	/*   width: 326px; */
	/*   height: 55px; */
	  padding: 10px 8px;
	  justify-content: center;
	  align-items: center;
	  color: #fff;
/* 	  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25); */
/* 	  background: transparent; */
	}

	.login_sso:hover{
	 
	  font-size: 20px;
	  display: flex;
	/*   width: 326px; */
	/*   height: 55px; */
	  padding: 10px 8px;
	  justify-content: center;
	  align-items: center;
	  gap: 5px;
	  color: #23557B;
	  border-radius: 4px;
	  background: transparent;
	  box-shadow: 0;
	  transition-duration: 2s;
	  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.25);
	}
	.login-form h2{
		font-size: 23px;
	}
	.login-form h4{
		font-size: 23px;
	}
	.login-form .login-form{
		margin-top: 80px;
	}
	.header-bg{
		height: 85px !important;
	}
	.navbar-toggle{
		padding: 20px 0px;
	}
	#header, .header-bg{
		position: fixed !important;
		z-index: 1;
	}
	.content-body{
		margin-top: 90px;
		padding: 15px;
	}
	.header-bg{
		z-index: 1 !important;
	}
	#header .navbar-nav{
		margin-top: 14px;
		border-radius: 0px;
		background: #32506c;
		margin-bottom: 0px;
	}
	#header .nav-user{
		margin-top: 0px;
	}
	#header .container{
		padding: 0px;
	}
	#content{
		padding: 0px;
	}
	#bs-example-navbar-collapse-1{
		position: fixed;
	    width: 100%;
	    left: 0px;
	    -webkit-box-shadow: unset;
	}
	#header .nav-user .dropdown-menu{
	    display: inline-block;
	    width: 100%;
	    padding-bottom: 15px;
	}
	.menu_list .btn-set{
		width: 100%;
		margin-bottom: 15px !important;
	}
	#content .content-header{
		display: none;
	}
	.pcss3t label{
		margin-bottom: 10px !important;
	}
	.btn-download{
		display: none;
	}
	.m-hidden{
		display: none;
	}
	.notifyjs-bootstrap-base{
	    white-space: normal !important;
	}
}

@media screen and (max-width: 375px) {
	.login-form h2{
		font-size: 20px;
	}
		
}


/*----------------------------------------------------------------------------*/
/*                                   THEMES                                   */
/*----------------------------------------------------------------------------*/

/**/
/* default */
/**/
.pcss3t > label {	
	padding: 0 20px;
	background: #e5e5e5;
	font-size: 18px;
	line-height: 49px;
}
.pcss3t > label:hover {
	background: #f2f2f2;
}
.pcss3t > input:checked + label {
	background: #fff;
}
.pcss3t > ul {
	background: #fff;
	text-align: left;
}
.pcss3t-steps > label:hover {
	background: #e5e5e5;	
}
.pcss3t .badge{
	font-size: 18px;
}


/**/
/* theme 1 */
/**/
.pcss3t-theme-1 > label {
	  margin: 0 5px 0 0;
/*     border-radius: 5px; */
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    background: #23557B;
    box-shadow: 0 2px rgba(0,0,0,0.2);
    color: #ffffff;
/*     opacity: 0.8; */
}
.pcss3t-theme-1 > label:hover {
	background: #23557B;
	opacity: 1;
}
.pcss3t-theme-1 > input:checked + label {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	color: #2b82d9;
	opacity: 1;
	box-shadow: 0px 1px 4px 3px #ddd;
}
.pcss3t-theme-1 > ul {
	border-radius: 5px;
	box-shadow: 0 3px rgba(0,0,0,0.2);
}
.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
	border-top-left-radius: 0;
}
@media screen and (max-width: 767px) {
	.pcss3t-theme-1 > label {
		margin-right: 0;
	}
	.pcss3t-theme-1 > input:checked + label {
		margin-top: 5px;
		margin-bottom: 5px;
		padding-bottom: 0;
		border-radius: 5px;
	}
	.pcss3t-theme-1 > .tab-content-first:checked ~ ul {
		border-top-left-radius: 5px;
	}
	
	.pcss3t-theme-1 > input:checked + label {
	    margin-bottom: 0;
	    padding-bottom: 0;
	    border-bottom-right-radius: 0;
	    border-bottom-left-radius: 0;
	    color: #2b82d9;
	    opacity: 1;
	    box-shadow: 0px 1px 4px 3px #ddd;
	}
}


/*----------------------------------------------------------------------------*/
/*                               CUSTOMIZATION                                */
/*----------------------------------------------------------------------------*/
th a {
    color: #333 !important;
}
.btn-deepblue {
	background-color: #23557B;
	color: #FFFFFF;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 7px 8px;
    background-color: #23557B;
    border-radius: 5px;
}
/* accordian-collapse  */
.accordion-toggle {
	padding: 8px;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\25b2";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: black;         /* adjust as needed */
    margin: -3px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\25bc";    /* adjust as needed, taken from bootstrap.css */
}
.panel-default>.panel-heading {
    border: 2px solid #23557B;
    background-color: #23557B40;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.panel-body {
	background-color: #FFFFFF;
}
.panel-group .panel+.panel {
    margin-top: 0 !important; 
}

.tab-pane {
	padding: 30px;
	background-color: #fff;
}
.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #F4D94B;
    background-color: #FFFFFF;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #234C88;
}
tr:first-child td:first-child{
  border-top-left-radius: 10px;
}

tr:last-child td:first-child{
  border-bottom-left-radius: 10px;
}

tr:first-child td:last-child{
  border-top-right-radius: 10px;
}

tr:last-child td:last-child{
  border-bottom-right-radius: 10px;
}

.mb-1 {
	margin-bottom: 5px;
}
.card-main {
	border: 2px solid #23557B;
	border-radius: 5px 5px 0 0;
	background-color: #23557B40;
}
/**/
/* height */
/**/
.pcss3t > ul,
.pcss3t > ul > li {
	height: 795px;
}

/* footer{
  position: fixed;
  bottom: 0;
  background-color: #23557B;
  padding: 20px;
  text-align: center;
  color: white;
  width: 100%;
  z-index: 1;
} */

.collapsible {
  background-color: white;
  color: #23557B;
  cursor: pointer;
  padding: 11px;
  width: 100%;
  border: 2px solid #23557B;
  border-radius: 5px;
  text-align: left;
  outline: none;
  font-size: 16px;
}

.active, .collapsible:hover {
  background: #F5F5F5;
}

.collapsible:after {
  content: '\25B5';
  color: #23557B;
  font-weight: bold;
  float: left;
  margin-left: 6px;
  padding-right: 5px;
}

/* .collapsed:after {
  content: "\25BD";
  
} */

.content {
  padding: 0 18px;
  height: auto;
  min-height: 100%;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color:  rgb(35 85 123 / 11%);;
}
.content-body .panel-group{
	margin-bottom: unset;
}
.box-footer {
	padding: 15px 30px;
	border: unset;
    background-color: unset;
    border-radius: 0px;
    /* border-bottom: 1px solid #dddddd;
    margin-bottom: 30px; */
}

/* .box-body .row{
	padding-bottom: 15px;
} */

.form-control {
    border-radius: 5px;
    box-shadow: none;
    border-color: #d2d6de;
}

.card-box {
    background: #FFF;
    border-radius: 15px;
    margin-bottom: 15px;
}

.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
    border-radius: 5px;
}
.box-datalist{
	border: 1px solid #ddd;
    border-radius: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #23557B40;
}
hr .list{
    margin: 1rem 0;
    color: #000;
}

.text-title{
	color: #23557B;
    font-size: 16px;
    font-family: 'noto_sansbold', 'noto_sans_thaibold';
    margin-bottom: 0px
}

.custom-file-upload {
    border: 1px solid #23557B;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    color: #23557B;
}

#file-upload1,#file-upload2,#file-upload5,#file-uploadRs2{
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    background: #424F65;
    color: #FFFFFF;
}

.btn-lsv-primary{
	background-color: #00589a !important;
	color: #ffffff !important;
}
.btn-lsv-primary:hover{
	background-color: #003054 !important;
	color: #ffffff;
}
.btn-lsv{
	background-color: #ffffff !important;
	border: 1px solid #00589a !important;
	color: #00589a !important;
}
.btn-lsv:hover{
	background-color: #ceeaff !important;
}
.box hr{
	border: 1px solid #dddddd;
    opacity: 1;
}
.text-receipt {
	color:red;
	font-size: 16px;
}
/* Form page Css */