/* Global Styles */
@font-face {
  font-family: RSU_Regular;
  src: url(../fonts/RSU_Regular.ttf);
}

@font-face{font-family:thbanks;src:url(../fonts/thbank-font/fonts/thbanks.eot);src:url(../fonts/thbank-font/fonts/thbanks.eot?#iefix) format('eot'),url(../fonts/thbank-font/fonts/thbanks.woff) format('woff'),url(../fonts/thbank-font/fonts/thbanks.ttf) format('truetype'),url(../fonts/thbank-font/fonts/thbanks.svg#thbanks) format('svg');font-weight:400;font-style:normal}.thbanks:before{display:inline-block;font-family:thbanks;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.thbanks-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.thbanks-2x{font-size:2em}.thbanks-3x{font-size:3em}.thbanks-4x{font-size:4em}.thbanks-5x{font-size:5em}.thbanks-fw{width:1.2857142857142858em;text-align:center}.thbanks-baac:before{content:"\EA01"}.thbanks-bay:before{content:"\EA02"}.thbanks-bbl:before{content:"\EA03"}.thbanks-bnp:before{content:"\EA04"}.thbanks-boa:before{content:"\EA05"}.thbanks-cacib:before{content:"\EA06"}.thbanks-cimb:before{content:"\EA07"}.thbanks-citi:before{content:"\EA08"}.thbanks-db:before{content:"\EA09"}.thbanks-ghb:before{content:"\EA0A"}.thbanks-gsb:before{content:"\EA0B"}.thbanks-hsbc:before{content:"\EA0C"}.thbanks-ibank:before{content:"\EA0D"}.thbanks-icbc:before{content:"\EA0E"}.thbanks-jpm:before{content:"\EA0F"}.thbanks-kbank:before{content:"\EA10"}.thbanks-kk:before{content:"\EA11"}.thbanks-ktb:before{content:"\EA12"}.thbanks-lhb:before{content:"\EA13"}.thbanks-mb:before{content:"\EA14"}.thbanks-mega:before{content:"\EA15"}.thbanks-mufg:before{content:"\EA16"}.thbanks-rbs:before{content:"\EA17"}.thbanks-sc:before{content:"\EA18"}.thbanks-scb:before{content:"\EA19"}.thbanks-smbc:before{content:"\EA1A"}.thbanks-tbank:before{content:"\EA1B"}.thbanks-tcrb:before{content:"\EA1C"}.thbanks-tisco:before{content:"\EA1D"}.thbanks-tmb:before{content:"\EA1E"}.thbanks-uob:before{content:"\EA1F"}.thbanks-bbl{background-color:#1e4598}.thbanks-kbank{background-color:#138f2d}.thbanks-rbs{background-color:#032952}.thbanks-ktb{background-color:#1ba5e1}.thbanks-jpm{background-color:#321c10}.thbanks-mufg{background-color:#d61323}.thbanks-tmb{background-color:#1279be}.thbanks-scb{background-color:#4e2e7f}.thbanks-citi{background-color:#1583c7}.thbanks-smbc{background-color:#a0d235}.thbanks-sc{background-color:#0f6ea1}.thbanks-cimb{background-color:#7e2f36}.thbanks-uob{background-color:#0b3979}.thbanks-bay{background-color:#fec43b}.thbanks-mega{background-color:#815e3b}.thbanks-boa{background-color:#e11e3c}.thbanks-cacib{background-color:#0e765b}.thbanks-gsb{background-color:#eb198d}.thbanks-hsbc{background-color:#fd0d1b}.thbanks-db{background-color:#0522a5}.thbanks-ghb{background-color:#f57d23}.thbanks-baac{background-color:#4b9b1d}.thbanks-mb{background-color:#150b78}.thbanks-bnp{background-color:#14925e}.thbanks-tbank{background-color:#fc4f1f}.thbanks-ibank{background-color:#184615}.thbanks-tisco{background-color:#12549f}.thbanks-kk{background-color:#199cc5}.thbanks-icbc{background-color:#c50f1c}.thbanks-tcrb{background-color:#0a4ab3}.thbanks-lhb{background-color:#6d6e71}

body, select, option, input, textarea, p, span{
  font-family: RSU_Regular;
  /* font-size: 0.85rem; */
}

i[class^="thbanks"]{
  font-family: thbanks;
  color: #ffffff;
  padding:2px;
}

.absolute{
  z-index: 100;
  position:absolute;
  margin-left:15px;
  padding:0px 3px;
  border-radius: 3px;
  color:#fff;
}
.absolute > .absolute-right{
  
}
/*============================[ Org ]=============================*/
.margin-v20{
  margin-top:20px;
  margin-bottom:20px;
}

.margin-bottom-2{
  margin-bottom: 2px;
}

.margin-top{
  margin-top:20px;
}

.pointer{
  cursor:pointer;
}

.toast{
  margin-bottom: 40px;
  min-width: 200px;
}
/*-------------[ Table ]------------ */
/*
thead > tr > th{
  text-align: center;
}

thead > tr > th, tfoot > tr > td{
  background-color:#337ab7;
  color:#fff;
}

.subhead{
  background-color:#fff;
  color:#555;
}
*/
.tecgrid{
  padding:0px;
}

table > thead > tr > th{
  font-size: 12pt;
}
table > tbody > tr > td{
  font-size: 11pt;
}
table > tfooter > tr > td{
  font-size: 11pt;
}

table.tecgrid-tbl{
  margin-top: 10px;
}

.tecgrid-tbl > thead > tr > th{
  background-color: #fafafa;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  color: #3c8dbc;
  padding: 10px;
}
.tecgrid-tbl > tbody > tr > td{
  background-color: #ffffff;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px dashed #aaa;
  padding: 10px;
}
.tecgrid-tbl > thead > tr.tecgrid-filter > td{
  background-color: #fafafa;
  padding: 0px;
}
.tecgrid-tbl > tfooter > tr > td{
  background-color: #ffffff;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 10px;
}

.tecgrid-pagination > .pagination {
  justify-content: flex-end;
}
.tecgrid-pagination > .pagination > .page-item.active > .page-link {
  color: #ffffff;
  background-color: #3c8dbc;
}
.tecgrid-pagination > .pagination > .page-item > .page-link {
  color: #3c8dbc;
}

.tecgrid-btn, .tecgrid-btn-new{
  color: #3c8dbc;
  border: #3c8dbc solid 1px;
  background: transparent;
}
.tecgrid-btn-del{
  color: #e15361;
  border: #e15361 solid 1px;
  background: transparent;
}
.tecgrid-btn-search{
  color: #3c8dbc;
  border: 0px;
  background: transparent;
}

.tecgrid-link{
  color: #3c8dbc;
}

.tecfrm-validate, .tecfrm-select2-validate{
  border: 1px solid #fa1111 !important;
}
.tecfrm-validate:focus, .tecfrm-select2-validate:focus{
  border: 1px solid #fa1111;
}
.tecfrm-select2-validate{
  border-radius: 0.3rem;
}

.treeview > li > a {
  padding:5px;
  display: inline-block;
  width: 100%;
}
.treeview > li > a:hover {
  color:#fff;
  /* border-bottom:1px solid #aaa; */
}

.div-scroll {
  overflow: scroll;
  min-height: 20px;
}
.div-scroll-always{
  min-width: 105%;
}

.div-scroll-400 {
  overflow: scroll;
  height:400px;
}

.text-ellipsis{
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table .ellipsis {
position: relative;
}
.table .ellipsis span {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: 0;
right: 0;
}
.ellipsis:before {
content: '';
display: inline-block;
}

/* ===========================[ Text ]=================================== */

.text-red {
color: #dd4b39 !important;
}
.text-yellow {
color: #ffff00 !important;
}
.text-aqua {
color: #00c0ef !important;
}
.text-blue {
color: #0073b7 !important;
}
.text-black {
color: #111111 !important;
}
.text-light-blue {
color: #3c8dbc !important;
}
.text-green {
color: #00a65a !important;
}
.text-gray {
color: #d2d6de !important;
}
.text-navy {
color: #001f3f !important;
}
.text-teal {
color: #39cccc !important;
}
.text-olive {
color: #3d9970 !important;
}
.text-lime {
color: #01ff70 !important;
}
.text-orange {
color: #ff851b !important;
}
.text-fuchsia {
color: #f012be !important;
}
.text-purple {
color: #605ca8 !important;
}
.text-maroon {
color: #d81b60 !important;
}
.text-white {
color: #ffffff !important;
}

.text-del{
  text-decoration: line-through;
  text-decoration-color: maroon;
}

.lbl-required{
  color: #d81b60 !important;
  font-weight: bold;
}

.obj-required{
  border-color: #0073b7;
}
.select2-required{
  border: 1px solid;
  border-radius: 0.3rem;
  border-color: #0073b7;
}

.bg-white{
  background-color: #ffffff;
}

.bg-e {
  background-color: #eeeeee;
}

.bg-smoke{
  background-color: #f0f0f0;
}

.bg-soil{
  background-color: #575555;
}

.bg-danger2{
  background-color:#F7D3D2;
}
.dark-mode .bg-danger2{
  background-color:#F7D3D2;
  color: #888888;
}
.bg-success2{
  background-color:#b1dfbb;
}
.dark-mode .bg-success2{
  background-color:#b1dfbb;
  color: #888888;
}
.bg-info2{
  background-color:#c4e3f3;
}
.dark-mode .bg-info2{
  background-color:#c4e3f3;
  color: #888888;
}
.bg-warning2{
  background-color:#f7ecb5;
}
.dark-mode .bg-warning2{
  background-color:#f7ecb5;
  color: #888888;
}
.bg-primary2{
  background-color:#428bca;
}
.dark-mode .bg-primary2{
  background-color:#428bca;
  color: #cccccc;
}


.txt-left{
  text-align: left;
}
.txt-right{
  text-align: right;
}
.txt-center{
  text-align: center;
}

.border-white {
  border-color: #ffffff !important;
}

a.no-underline{
  text-decoration: none;
}

.line{
  /*  addint-top:10px; */
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

/* input */
.input-number{
  display:block;
}
.input-number-fill{
  margin:0px;
  padding:0px;
  width:40px;
  text-align: center;
}
.input-number-increase{
  margin:0px;
  padding:0px;
  width:20px;
  height:40px;
  border:1px solid #d0d0d0;
}
.input-number-decrease{
  margin:0px;
  padding:0px;
  width:20px;
  border:1px solid;
}

.block-fixed{
  display:block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===========================[ Button ]=================================== */
.btn-tec1 {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-tec1:focus,
.btn-tec1.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-tec1:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-tec1:active,
.btn-tec1.active,
.open > .dropdown-toggle.btn-tec1 {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-tec1:active:hover,
.btn-tec1.active:hover,
.open > .dropdown-toggle.btn-tec1:hover,
.btn-tec1:active:focus,
.btn-tec1.active:focus,
.open > .dropdown-toggle.btn-tec1:focus,
.btn-tec1:active.focus,
.btn-tec1.active.focus,
.open > .dropdown-toggle.btn-tec1.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-tec1:active,
.btn-tec1.active,
.open > .dropdown-toggle.btn-tec1 {
background-image: none;
}
.btn-tec1.disabled:hover,
.btn-tec1[disabled]:hover,
fieldset[disabled] .btn-tec1:hover,
.btn-tec1.disabled:focus,
.btn-tec1[disabled]:focus,
fieldset[disabled] .btn-tec1:focus,
.btn-tec1.disabled.focus,
.btn-tec1[disabled].focus,
fieldset[disabled] .btn-tec1.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-tec1 .badge {
color: #f0ad4e;
background-color: #fff;
}

/* tec2 */
.btn-tec2 {
color: #ffffff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-tec2:hover,
.btn-tec2:focus,
.btn-tec2.focus,
.btn-tec2:active,
.btn-tec2.active,
.open > .dropdown-toggle.btn-tec2 {
color: #ffffff;
background-color: #286090;
border-color: #204d74;
}
.btn-tec2:active,
.btn-tec2.active,
.open > .dropdown-toggle.btn-tec2 {
background-image: none;
}
.btn-tec2.disabled,
.btn-tec2[disabled],
fieldset[disabled] .btn-tec2,
.btn-tec2.disabled:hover,
.btn-tec2[disabled]:hover,
fieldset[disabled] .btn-tec2:hover,
.btn-tec2.disabled:focus,
.btn-tec2[disabled]:focus,
fieldset[disabled] .btn-tec2:focus,
.btn-tec2.disabled.focus,
.btn-tec2[disabled].focus,
fieldset[disabled] .btn-tec2.focus,
.btn-tec2.disabled:active,
.btn-tec2[disabled]:active,
fieldset[disabled] .btn-tec2:active,
.btn-tec2.disabled.active,
.btn-tec2[disabled].active,
fieldset[disabled] .btn-tec2.active {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-tec2 .badge {
color: #337ab7;
background-color: #ffffff;
}

/* number */
.btn-spinner {
color: #fff;
background-color: #f0f0f0;
border-color: #d0d0d0;
}
.btn-spinner:focus,
.btn-spinner.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-spinner:hover {
color: #fff;
background-color: #aaaaaa;
border-color: #aaaaaa;
}
.btn-spinner:active,
.btn-spinner.active,
.open > .dropdown-toggle.btn-tec1 {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-spinner:active:hover,
.btn-spinner.active:hover,
.open > .dropdown-toggle.btn-tec1:hover,
.btn-spinner:active:focus,
.btn-spinner.active:focus,
.open > .dropdown-toggle.btn-tec1:focus,
.btn-spinner:active.focus,
.btn-spinner.active.focus,
.open > .dropdown-toggle.btn-tec1.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-spinner:active,
.btn-spinner.active,
.open > .dropdown-toggle.btn-tec1 {
background-image: none;
}
.btn-spinner.disabled:hover,
.btn-spinner[disabled]:hover,
fieldset[disabled] .btn-tec1:hover,
.btn-spinner.disabled:focus,
.btn-spinner[disabled]:focus,
fieldset[disabled] .btn-tec1:focus,
.btn-spinner.disabled.focus,
.btn-spinner[disabled].focus,
fieldset[disabled] .btn-tec1.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-spinner .badge {
color: #f0ad4e;
background-color: #fff;
}

/* ============================= */
.card-panel, .card-header{
  border-radius: 0px;
}
.select2 {
  width:100%!important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.page-loading{
  text-align: center;
  width: 100vw;
  height: 100vh;
  line-height: 100vh;
  background-color: rgba(0,0,200, 0.1);
  
  font-size: 3em;
  /*
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9999;
  */
}

.no-bullet{
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/*==========================[ Modal ]==============================*/
.modal-fullscreen {
  padding: 0 !important; /* override inline padding-right added from js */
}
.modal-fullscreen .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;

  background-color: rgba(255,255,255,0.5) !important;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
/*==========================[ Modal ]==============================*/

.row-list{
  background-color: #d4ebf8;
  margin-top: 2px;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
}
.row-list-header{
  background-color: #a7daf8;
  margin-top: 2px;
  padding-top: 5px;
  padding-bottom: 5px;
}