     body{
          	font-family: 'Noto Sans Thai', sans-serif;
          }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans Thai', sans-serif;
    font-weight: 600;
}
    .focus-btn-group{
        display:none;
    }
    .navbar-header{
            background: #383b4e;
    }
     #sidebar-menu ul li a {
         	font-family: 'Noto Sans Thai', sans-serif;
     }
     .sticky-table-header{
        display:none;
     }
     .card-title{
        font-family: 'Noto Sans Thai', sans-serif;
     }
     .offcanvas-title{
        font-family: 'Noto Sans Thai', sans-serif;
     }
.tour_btn_booking {
    z-index: 999;
    height: 60px;
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #000000b8;
    box-shadow: 0 -4px 10px 0 rgb(0 0 0 / 10%);
    padding: 10px;
}
@media (max-width: 813px){
.active_noti_2{
      bottom: 68px !important;
}
}
.text-success{
  color: #00c851 !important;
}
.text-danger{
  color: red !important;
}
table td{
    vertical-align: middle !important;
}
table th{

}
.bg-g1{
        background: #cbd0d563;
}
.btn-edit{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 0.74rem 1.44rem;
    font-size: 0.81rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-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;
    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;
    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, -webkit-box-shadow 0.15s ease-in-out;
    /*margin: 0.375rem;*/
    margin: 0.225rem;
    border: 0;
    -webkit-border-radius: 0.125rem;
    border-radius: 0.125rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: normal;
    word-wrap: break-word;
    color: #fff;
}
.table.dataTable thead tr th.sorting{
        color: red;
}
div.dataTables_wrapper div.dataTables_info {
    margin-top: 1rem;
}
div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 1rem;
}
.headline{
    border-left: 4px solid #d20000;
    padding-left: 8px;
}
.btn-danger{
        background-color: #FF3548 !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #1c96f8;
}
.btn-success{
    background-color: #1bc5bd !important;
    border: #1bc5bd !important;
}
#sidebar-menu ul li a {
    font-size: 0.9rem;
}
table{
    transition: all .4s;
}
   .loader{
      display:none;
   }
.swal2-container .swal2-title {
    font-size: 1rem;
    font-weight: 500;
    color: var(--bs-body-color);
}
.swal2-content{
  font-size: 0.8rem;
}
.card{
      box-shadow: 0 3px 20px #0000000b;
}
.form-control:disabled {
    background: #f1f5f9;
}
.offcanvas-header {
    box-shadow: 0 3px 20px #0000000b;
    background: #343547;
    color: #ffff;
}
.nav-pills {
    background-color: #f0f0f0;
    border-radius: 10px;
}
.bookbtn{
    font-size: 0.8rem;
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
    border: 0;
    padding: 0.6rem;
      background: linear-gradient(90deg, #dd0000, #d20000);
    font-weight:600;
}
.btn-wl {
  color: #fff;
/*    border: #8d02ba !important;*/
    background-color: #FF3548 !important;
    background-color: #8d02ba !important;
    border: 0;
    padding: 0.6rem;
    font-weight: 600;
    font-size: 0.8rem;
        box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);

}
.btn-wl:hover {
  color: #fff;
}

@media (max-width: 813px){
  .img-agent-book{
    width: 80px !important;
    }
   .bookbtn{
        font-size: 0.6rem;
   }
   .btn-wl{
     font-size: 0.6rem;
   }
}
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg);
    background: #e9292a;
}

.ring {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  background: transparent;
  border: 3px solid #3c3c3c;
  border-radius: 50%;
  text-align: center;
  line-height: 150px;
  font-family: sans-serif;
  font-size: 20px;
  color: #ff0000;
  letter-spacing: 4px;
  text-transform: uppercase;
  text-shadow: 0 0 10px #ff0000;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.ring:before {
  content: "";
  position: absolute;
  top: -3px;
  left: -3px;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-top: 3px solid #ff0000;
  border-right: 3px solid #ff0000;
  border-radius: 50%;
  animation: animateC 2s linear infinite;
}
.ring > span {
  display: block;
  position: absolute;
  top: calc(50% - 2px);
  left: 50%;
  width: 50%;
  height: 4px;
  background: transparent;
  transform-origin: left;
  animation: animate 2s linear infinite;
}
.ring >span:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #ff0000;
  top: -6px;
  right: -8px;
  box-shadow: 0 0 20px #ff0000;
}
@keyframes animateC {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes animate {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(405deg);
  }
}


.invalid-feedback {
    display: block;
  }

.btn{
      border-radius: 6px !important;
}

.duplicate-input {
            border: 2px solid red;
}

.tab-agent-book{
font-size:0.7rem;
}

@media (max-width: 813px){
  .tab-agent-book{
font-size:0.6rem;
}
}
.bootstrap-filestyle{
  display:block !important;
  margin-top:10px;
}


@media (max-width: 813px){
    .pass_text_pic{
    width:220px;
  }
  .pass_text_inbox{
    width:140px;
  }
  .pass_text_select{
    width:90px;
  }
  .btn{
    font-size: 0.7rem;
  }
}


.btn_paymentlist{
font-size: 0.8rem;
}



table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.01);
}

.btn-secondary-date{
      background: #e9ecef;
    color: #626262;
    padding: 1px !important;
    font-size: 0.7rem;
    line-height: 1.4;
}

.boxshow_pay{
    box-shadow: 0 3px 20px #0000000f;
/*    background-color: rgb(247, 247, 249) !important;*/
    padding: 10px;
    border-radius: 6px;
}
.boxpay_right{
      border-right: 1px solid #d4d4d4;
}
.span-payment{
  width: 120px;
}
.btn_paymentlist{
  width: 140px;
}
@media (max-width:1296px){
.btn_paymentlist{
  width: 120px;
}
.table-payment{
  font-size: 0.7rem;
}
.res_pay{
     padding-left: 0.5rem!important;
     padding-right: 0.5rem!important;
}
}
.dropdown-menu[style] {
    z-index: 20000000 !important;
}
.btn-close{
  background: #f0f0f0 var(--bs-btn-close-bg) center/1em auto no-repeat !important;
}
@media (min-width: 768px){
.d-mb-block {
    display: inline-block !important;
    font-size:0.6rem;
}
}

body[data-sidebar=dark] .menu-title {
    background: #ffffff08;
}

.span-paylist{
  color:#757575;
}


.bg-danger{
    background-color: #ff3547 !important;
  }

[data-bs-theme=dark][data-sidebar=dark] .form-control:disabled{
  color: #868484;

}

.name_tour{
   position: fixed;bottom: 10px;right: 10px;z-index:2000;
}