/* thai */
@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Sarabun Regular'), local('Sarabun-Regular'), url('../fonts/DtVjJx26TKEr37c9aAFJn2QN.woff2') format('woff2');
	unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}

/* vietnamese */
@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Sarabun Regular'), local('Sarabun-Regular'), url('../fonts/DtVjJx26TKEr37c9aBpJn2QN.woff2') format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Sarabun Regular'), local('Sarabun-Regular'), url('../fonts/DtVjJx26TKEr37c9aBtJn2QN.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Sarabun';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Sarabun Regular'), local('Sarabun-Regular'), url('../fonts/DtVjJx26TKEr37c9aBVJnw.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

* {
	font-family: 'Sarabun', sans-serif;
}


h1,
h2,
h3,
h4,
h5,
h6,
textarea,
button,
a,
span,
label {
	font-family: 'Sarabun', sans-serif !important;
}

body {
	font-size: .9rem !important;
}

.form-control {
	font-size: .9rem !important;
}

.process-steps li h5 {
	font-size: .85rem !important;
}

.col-search-input {
	width: 100% !important;
}




.loader{ 
	position: fixed; 
    top: 0; 
    left: 0; 
	width:100%; 
	height:100%; 
	overflow:hidden; 
	background-color:rgba(0, 0, 0, 0.767); 
	z-index: 999; 
} 
.loader>div{ 
	height:100px; 
	width:100px; 
	border:15px solid #45474b; 
	border-top-color:#2a88e6; 
	position:absolute; 
	margin:auto; 
	top:0; 
	bottom:0; 
	left:0; 
	right:0; 
	border-radius:50%; 
	animation:spin 1.5s infinite linear; 
}
@keyframes spin{ 
	100%{ 
		transform:rotate(360deg); 
	} 
}


.left-side-bar{
    background-color:#ffffff !important;
}
.mtext{
	color:rgb(38, 37, 37) !important;
	font-size:14px;
}
.wdfI1{
	color:#208bef !important;
}
.hicon{
	color:rgb(38, 37, 37) !important;
}
.wdfI2{
	color:#ef476f !important;
}
.wdfI3{
	color:#f4ae2b !important;
}
.dropdown-divider{
	border-color: rgba(137, 137, 137, 0.2) !important;
}

.btn{
	border-radius: 18px !important;
}
.btn-primary{
    background-color:#141E61 !important;
    border-color:#141E61 !important;
}
.btn-primary:hover{
    background-color:#3c5ba1 !important;
    border-color:#3c5ba1 !important;
}
.btn-secondary{
    background-color:#787A91 !important;
    border-color:#787A91 !important;
}
.btn-secondary:hover{
    background-color:#6aaebe !important;
    border-color:#6aaebe !important;
}
.btn-success{
	background-color: #129631 !important;
	border-color:#129631 !important;
}
.btn-danger{
	background-color: #CC0000 !important;
	border-color:#CC0000 !important;
}
.btn-success:hover{
	background-color: #0b8b29 !important;
	border-color: #0b8b29 !important;
}
.btn-danger:hover{
	background-color: #a10404 !important;
	border-color:#a10404 !important;
}
.btn-warning {
    color: #212529;
    background-color: #e9b417;
    border-color: #e9b417;
}

.textRequest{
    color:#e20707;
    font-weight:600;
}

.inputNull{
	border:2px solid #e20707;
	color:#e20707 !important;
}
.inputNull:focus , .inputNull:active{
	border:2px solid #e20707;
	color:#e20707 !important;
}

.inputNull2{
	border:2px solid #e20707;
	color:#e20707 !important;
}
.inputNull2:focus , .inputNull2:active{
	border:2px solid #e20707;
	color:#e20707 !important;
}

.inputNullWarning{
	border:2px solid #e28a07;
	color:#e28a07 !important;
}
.inputNullWarning:focus , .inputNullWarning:active{
	border:2px solid #e28a07;
	color:#e28a07 !important;
}

.inputSuccess{
	border:2px solid #00c921;
	color:#00c921 !important;
}
.inputSuccess:focus , .inputSuccess:active{
	border:2px solid #00c921;
	color:#00c921 !important;
}

.btnIndex{
	width:150px;
}

.dataTables_filter{
	display:none !important;
}


#tbl_billedlist{
	width:100% !important;
}

#tbl_billedreport{
	width:1500px !important;
}

.td_formno{
	width:110px !important;
}
.td_venacc{
	width:80px !important;
}
.td_compa{
	width:100px !important;
}
.td_cred{
	width:80px !important;
}
.td_inv{
	width:100px !important;
}

.btn-addBilldate{
	position:absolute !important;
}

.editAnnSub{
	font-size:26px;
	color:#eb4e00;
}
.editAnnSub:hover{
	cursor: pointer;
	color:#d0c204;
}

.editAnnMain{
	font-size:26px;
	color:#eb4e00;
}
.editAnnMain:hover{
	cursor: pointer;
	color:#d0c204;
}

.iconStatusYes{
    font-size:24px !important;
	color:#00c921;
}
.iconStatusNo{
    font-size:24px !important;
	color:#CC0000;
}




@media (min-width:1024px) and (max-width:1439px){
	
}

@media (min-width:768px) and (max-width:1023px){
	#canvas_sign{
		width:310px !important;
		height:300px !important;
	}
}

@media (min-width:320px) and (max-width:767px) {
	#canvas_sign{
		width:250px !important;
		height:300px !important;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination{
		width:180px !important;
		justify-content: center !important;
	}
}


.selectTaxid{
	max-height: 250px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
.selectTaxidLi:hover{
	cursor:pointer;
}

.checkPasswordText{
	font-size:12px;
	color:#e20707;
}


/* 
###########################################################
Control Normal Page
###########################################################
*/









/* Control data table  */
.buttons-html5{
	padding:5px !important;
	border-radius: 18px !important;
	background-color: #129631 !important;
	border-color:#129631 !important;
	width:80px;
	color:#fff;
}

.buttons-html5:hover{
	background-color: #36e25e !important;
	border-color:#36e25e !important;
	color:#212529;
}


.mainDataDiv{
	position:relative;
}
.editBtn{
	position:absolute;
	top:-15px;
	right:15px;
	z-index:100;
}
.editIcon{
	padding-right:4px;
}



/* control page billedlist */
.memovender{
	font-size:18px;
	color:#FF6600;
	transition:transform .2s;
}
.memovender:hover{
	cursor:pointer;
	transform:scale(1.2);
}

.iconFiles{
	font-size:18px;
	color:#208bef;
}

.delFileI{
	font-size:18px;
	color:#CC0000;
	background-color: #ffffffa8;
	position:absolute;
	bottom:5px;
	right:15px;
	transition:transform .2s;
}
.delFileI:hover{
	transform:scale(1.2);
	cursor:pointer;
}

.antd1{
	width:100px !important;
}
/* .antd2{
	width:100% !important;
} */
.antd3{
	width:100px !important;
}
.antd4{
	width:150px !important;
}

.tox-tinymce{
	width: 100% !important;
  }

  .userinformation{
	padding:20px;
	border:1px solid #ccc;
	border-radius:15px;
  }

  .avataUser{
	height:100%;
    width:100%;
    object-fit: cover;
  }

  #tbl_scheduleList{
	width:1500px !important;
  }

.secAddSchedule{
	border:1px solid #ccc;
	border-radius: 15px;
	padding:25px;
}

.editSchedule , .delSchedule{
	font-size:20px;
}
.editSchedule{
	color:#f68f00;
}
.editSchedule:hover{
	color:#cd7904;
	cursor:pointer;
}
.delSchedule{
	color:#e20707;
}
.delSchedule:hover{
	color:#aa0000;
	cursor:pointer;
}

.sidebar-menu .dropdown-toggle:after{
	color:#45474b !important;
}


/* Control Report Billed Summary Page */
  #tbl_billedreportsum_admin{
    width:1600px !important;
  }

  @media (min-width:1440px){
    #tbl_billedreportsum_admin{
      width:1800px !important;
    }
    .sum-td0{
        width:80px !important;
    }
    .sum-td1 , .sum-td2 , .sum-td3 , .sum-td4 , .sum-td5 , .sum-td6{
        width:80px !important;
    }
  }

  @media (min-width:1024px) and (max-width:1439px){
    #tbl_billedreportsum_admin{
		width:1800px !important;
	  }
	  .sum-td0{
		  width:80px !important;
	  }
	  .sum-td1 , .sum-td2 , .sum-td3 , .sum-td4 , .sum-td5 , .sum-td6{
		  width:80px !important;
	  }
  }

  @media (min-width:768px) and (max-width:1023px){
    #tbl_billedreportsum_admin{
		width:1800px !important;
	  }
	  .sum-td0{
		  width:80px !important;
	  }
	  .sum-td1 , .sum-td2 , .sum-td3 , .sum-td4 , .sum-td5 , .sum-td6{
		  width:50px !important;
	  }
  }

  @media (min-width:320px) and (max-width:767px) {
    #tbl_billedreportsum_admin{
		width:1800px !important;
	  }
	  .sum-td0{
		  width:50px !important;
	  }
	  .sum-td1 , .sum-td2 , .sum-td3 , .sum-td4 , .sum-td5 , .sum-td6{
		  width:50px !important;
	  }
  }
  /* Control Report Billed Summary Page */



.rp-select-period-ul{
	max-height: 200px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}
.rp-select-period:hover{
	cursor: pointer;
}

.blockDataPeriod{
	border:1px solid #ccc;
	padding-top:30px;
	padding-bottom:30px;
	border-radius:15px;
}

.selectUserUl{
	max-height: 200px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

.selectUserLi{
	cursor:pointer;
}

.editUser , .delUser{
	font-size:20px;
}
.editUser{
	color:#f68f00;
}
.editUser:hover{
	color:#cd7904;
	cursor:pointer;
}
.delUser{
	color:#e20707;
}
.delUser:hover{
	color:#aa0000;
	cursor:pointer;
}