/* loader */
.container_loader {
  width: 100%;
  height: -webkit-fill-available;
  position: absolute;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  align-content: center;
  z-index: 9999;
}

.flex {
  min-height: 60pt;
}

@keyframes loading {
  0% {
    width: 50pt;
    height: 50pt;
    margin-top: 0;
  }
  25% {
    height: 4pt;
    margin-top: 23pt;
  }
  50% {
    width: 4pt;
  }
  75% {
    width: 50pt;
  }
  100% {
    width: 50pt;
    height: 50pt;
    margin-top: 0;
  }
}

.load-text {
  text-align: center;
  color: #fff;
  font-size: 16px;
}

.hide {
  display: none;
}

.w10 { width: 10px; }
.w20 { width: 20px; }
.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w150 { width: 150px; }
.w200 { width: 200px; }

.min_w10 { min-width: 10px; }
.min_w20 { min-width: 20px; }
.min_w30 { min-width: 30px; }
.min_w40 { min-width: 40px; }
.min_w50 { min-width: 50px; }
.min_w60 { min-width: 60px; }
.min_w70 { min-width: 70px; }
.min_w80 { min-width: 80px; }
.min_w90 { min-width: 90px; }
.min_w100 { min-width: 100px; }
.min_w150 { min-width: 150px; }
.min_w200 { min-width: 200px; }

.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }

.font50 {font-size: 50px;}
p{margin-bottom: 0px !important;}
.pd10 { padding: 10px !important; }
.pd_r30 { padding-right: 30px !important; }
table{ margin-bottom: 5px !important;}
table thead{ background-color: #950101 !important; color: #fff;}
table tr th {border: 1px solid #ccc !important;}
table tr td {border: 1px solid #ccc !important;}
table tfoot {height: 35px !important;}
th {vertical-align: middle !important;}
td {vertical-align: middle !important;}
.modal table {border: 2px solid #ddd !important;}
.borderhide tr td {border: 1px solid #fff !important;}
.borderheadhide tr td {border: 2px solid #fff !important;}
.td_top{vertical-align: top !important;}
.boxAdd { 
  position: absolute; 
  right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bg_summary {background-color: #950101 !important; color: #fff;}
.bg_tapHeadBox {background-color: #950101}
.bg_head_table { background: #950101; color: #fff; }
.btnset {padding: 0px 5px !important;}
.boxBorder1 {border: 1px solid #ccc !important;}
.bg_amount { background: aliceblue; }
.bg_price { background: beige; }
.bg_sum { background: bisque; }
.bg_total { background: antiquewhite; }
.boxiconshow { float: right; font-size: 40px; color: #dddfeb !important;}
.gray-bg {background-color: #dee2e6 !important;}
/* COLORS */
.text-navy { color: #1ab394 !important;}
.text-primary { color: #4e73df !important;}
.text-success { color: #1cc88a !important;}
.text-info { color: #36b9cc !important;}
.text-warning { color: #f6c23e !important;}
.text-secondary { color: #858796 !important;}
.text-danger { color: #e74a3b !important;}
.text-light { color: #8b0078 !important;}
.text-dark { color: #5a5c69 !important;}
.text-muted { color: #888888 !important;}
.text-white { color: #ffffff;}
.fw_bold { font-weight: bold !important;}
.border-left-primary {  border-left: 0.25rem solid #4e73df !important; }
.border-left-success {  border-left: 0.25rem solid #1cc88a !important; }
.border-left-info {  border-left: 0.25rem solid #36b9cc !important; }
.border-left-warning {  border-left: 0.25rem solid #f6c23e !important; }
.border-left-secondary {  border-left: 0.25rem solid #858796 !important; }
.border-left-danger {  border-left: 0.25rem solid #e74a3b !important; }
.border-left-light {  border-left: 0.25rem solid #8b0078 !important; }
.border-left-dark {  border-left: 0.25rem solid #5a5c69 !important; }
.sidebar-collapse hr.sidebar-divider {
  margin: 10px;
  display: block !important;
  width: -webkit-fill-available;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.sidebar-collapse .sidebar-heading {
  padding: 0 1rem;
  color: #ccc;
}

/* page login */
.ftco-section {
  padding: 7em 0;
}
.login-wrap {
  position: relative;
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 34px -15px rgb(0 0 0 / 24%);
  -moz-box-shadow: 0 10px 34px -15px rgba(0,0,0,.24);
  box-shadow: 0 10px 34px -15px rgb(0 0 0 / 24%);
}
.form-group {
  position: relative;
}
.form-group .submit {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.form-check-input{
  margin-top: 0.2rem !important;
}
.abc-checkbox label {
  cursor: pointer;
  display: inline;
  vertical-align: top;
  position: relative;
  padding-left: 5px;
}
.input-group {margin-bottom: 1rem;}
.btn-outline-secondary:hover {
  color: #6c757d !important;
  background-color: #f8f9fa !important;
  border-color: #dee2e6 !important;
}
.borderhide_L {
  border-left: 1px solid #fff !important;
  background-color: white;
}
.borderhide_T {
  border-top: 1px solid #fff !important;
  background-color: white;
}
.borderhide_R {
  border-right: 1px solid #fff !important;
  background-color: white;
}
.borderhide_B {
  border-bottom: 1px solid #fff !important;
  background-color: white;
}
.borderhide_LTR {
  border-left: 1px solid #fff !important;
  border-top: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  background-color: white;
}
.borderhide_TLB {
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  background-color: white;
}
.borderhide_LT {
  border-left: 1px solid #fff !important;
  border-top: 1px solid #fff !important;
  background-color: white;
}
.borderhide_LB {
  border-left: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  background-color: white;
}
.borderhide_All {
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
  background-color: white;
}
.border_hide{border: 2px solid white !important;}
.border_hide_l{border-left: 2px solid white !important;}
.border_hide_t{border-top: 2px solid white !important;}
.border_hide_r{border-right: 2px solid white !important;}
.border_hide_b{border-bottom: 2px solid white !important;}

@media (min-width: 992px){
  .modal-lg {
    max-width: 1024px !important;
  }
}