@font-face {
  font-family: 'Inter';
  src: url('../fonts/static/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/static/Inter_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/static/Inter_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/static/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/static/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/static/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
}

/* Inter, Regular 400, 15px — matches fonts.google.com/specimen/Inter specimen preview */
p, label, div {
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
    font-size: 0.85rem !important;
    color: #000;
    line-height: 1.3;
}

table td, table th,table td div, table th div, table th p{
    font-size: 0.75rem !important;
}

.fc-dayGridMonth-view .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
    color: #eef7ff !important;
}

.fc-dayGridMonth-view .fc-daygrid-dot-event .fc-event-title{
    font-weight: 500 !important;
    font-size: 0.6rem;
    color: #eef7ff;
}

html {
  scroll-behavior: smooth;
}

.bodyheight { /* Or whatever your .bodyheight element's CSS rule is */
  /* Other styles */
  height: 951px;
}

#app {
  /* Other styles */
  /* min-height: 730px; */
}



/* .fixed-div {
  position: fixed;
  top: 0px; 
  z-index: 1000;

  min-height: auto;
  height: auto;
  overflow: visible;
  background-color: #fff;
  display: contents;
  border-bottom-left-radius: 0.7rem;
} */

 /* PAYMENT METHOD */
/* In your main CSS file or a style block in your HTML */
/* Styles for the virement input row */


#loginProceed{
  cursor: pointer;
}

.input-error {
  border-color: #dc3545 !important; /* This is a common red for errors */
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important; /* Optional: adds a soft red glow */
}

.text-info {
    color: #7239ea !important;
}

.svg-icon.svg-icon-info svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #7239ea;
}
.alert-info-outline{
    border-radius: 10px;
    background: #e3d7fb;
    color: #2e175e;
    border: 1px solid #c7b0f7;
}

.alert-info-outline a{
  font-weight: bold;
}
    #virementInputRow {
        display: none; /* Hidden by default */
        margin-top: 15px;
        padding: 15px;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        background-color: #f8f9fa;
    }

    #virementInputRow label {
        font-weight: bold;
        margin-bottom: 8px;
        display: block;
        color: #343a40;
    }

    #virementInputRow input[type="text"] {
    background: #fff !important;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 5px;
    font-size: 0.875rem;
    box-sizing: border-box; /* Include padding and border in the element's total width and height */
    }

#pymntmtd{
 display: flex !important;
}

.status-S-row {
    cursor: initial !important;
}
.status-S-row:hover {
    background-color: transparent !important; 
}

.status-S-row input {
    display:none !important;
}


#total-amount-row .dt-column-title{ float:right !important;  }
 .info-chkbox{width: 10%;}
 .info-cttn{width: 60%;}
 .info-stts{width: 30%;}

 .payment-methods-container {
            /* display: flex;
            flex-direction: row;
            gap: 20px;
            flex-wrap: wrap;
            justify-content: flex-start;
            max-width: 600px;
            width: 100%;
            
    margin-left: -8px;
    margin-top: -12px; */
        }

        .payment-option {
background-color: #ffffff;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 5px 22px;
    width: 218px;
    min-height: 90px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
        }

        .payment-option:hover {
            /* transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); */
        }

        .payment-option.selected {
            border-color: #3b82f6; /* A friendly blue for the selected state */
            /* box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.3); */
        }

        .payment-option .icon {
            font-size: 3rem;
            margin-bottom: 12px;
            color: #4a4a4a;
        }

        .payment-option .icon.card {
            /* Using a SVG for a sharp, modern icon */
            width: 3rem;
            height: 3rem;    margin-right: 10px;
            background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-credit-card"%3E%3Crect width="20" height="14" x="2" y="5" rx="2"%3E%3C/rect%3E%3Cline x1="2" x2="22" y1="10" y2="10"%3E%3C/line%3E%3C/svg%3E');
            background-repeat: no-repeat;
            background-position: center;
        }

        .payment-option .icon.bank {
            /* Using a SVG for a sharp, modern icon */
            width: 3rem;
            height: 3rem;
            background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building"%3E%3Crect x="3" y="1" width="18" height="22" rx="2" ry="2"%3E%3C/rect%3E%3Cline x1="12" y1="6" x2="12" y2="18"%3E%3C/line%3E%3Cline x1="12" y1="2" x2="12" y2="6"%3E%3C/line%3E%3Cline x1="6" y1="2" x2="6" y2="6"%3E%3C/line%3E%3Cline x1="18" y1="2" x2="18" y2="6"%3E%3C/line%3E%3C/svg%3E');
            background-repeat: no-repeat;
            background-position: center;
        }

        .payment-option h4 {
            margin: 0 0 4px 0;
            font-size: 1.1rem;
            font-weight: 600;
            color: #333;
        }

        .payment-option p {
            margin: 0;
            font-size: 0.9rem;
            color: #6b7280;
        }

 /* PAYMENT METHOD */

#dtByrn {
    border-collapse: separate;
    border-spacing: 0 4px; /* Spacing between rows */
    width: 100%;
    margin-top: -14px;
}

/* Base styling for all rows */
#dtByrn tbody tr {
    background-color: #ffffff;
    transition: all 0.2s ease;
    cursor: pointer;
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
}

/* Default styling for unselected rows and cells */
#dtByrn tbody tr:not(.selected-row) td {
    border: 1px solid #dee2e6;
    padding: 1rem;
    transition: all 0.2s ease;
}
/* This is a crucial rule to remove vertical borders between columns for unselected rows */
#dtByrn tbody tr:not(.selected-row) td:not(:first-child),
#dtByrn tbody tr:not(.selected-row) td:not(:last-child) {
    border-left: none;
    border-right: none;
}
#dtByrn tbody tr:not(.selected-row) td:first-child {
    border-left: 1px solid #dee2e6;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
#dtByrn tbody tr:not(.selected-row) td:last-child {
    border-right: 1px solid #dee2e6;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Hover effect on UNSELECTED rows only */
#dtByrn tbody tr:not(.selected-row):hover {
    background-color: #f7f7f7;
    /* i transform: translateY(-2px); */
    /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
}


/* --- SELECTED ROWS STYLING --- */

/* Parent container for the selected group. This is the key to merge them. */
#dtByrn tbody tr.selected-row {
    background-color: #f5f0ff;
    position: relative;
    z-index: 2; /* Keep selected rows on top */
    /* Negative margin to remove the gap between selected rows */
    margin-bottom: -10px;
    box-shadow: none; /* Remove box shadow from individual selected rows */
}
/* Reset margin for the last row in a group to prevent unwanted spacing */
#dtByrn tbody tr.selected-row:last-child {
    margin-bottom: 0;
}


/* Cell styling for all selected rows. Remove all cell borders first. */
#dtByrn tbody tr.selected-row td {
    border: none;
    background-color: #fff;
    padding: 1rem;
    border-radius: 0 !important; /* Force no rounded corners on inner cells */
}

/* Add the continuous purple border around the entire selected block */
#dtByrn tbody tr.selected-row td:first-child {
    border-left: 1px solid #a7a7a7;

    /* border-right: none !important;
    border: 2px solid #8a2be2;
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important; */
}
#dtByrn tbody tr.selected-row td:last-child {
    border-right: 1px solid #a7a7a7;
}

/* Top row of a selected group */
#dtByrn tbody tr.selected-group-top td {
    border-top: 1px solid #a7a7a7;
}
#dtByrn tbody tr.selected-group-top td:first-child {
    border-top-left-radius: 10px;
    border-top-left-radius: 10px !important;
}
#dtByrn tbody tr.selected-group-top td:last-child {
    border-top-right-radius: 10px;
    border-top-right-radius: 10px !important;
}

#dtByrn tbody tr.selected-group-bottom td:first-child {
    border-bottom-left-radius: 10px !important;
}
#dtByrn tbody tr.selected-group-bottom td:last-child {
    border-bottom-right-radius: 10px !important;
}

/* Middle rows of a selected group */
#dtByrn tbody tr.selected-group-middle td {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

/* Bottom row of a selected group */
#dtByrn tbody tr.selected-group-bottom td {
    border-bottom: 1px solid #a7a7a7;
    border-top: 1px solid #eee;
}
#dtByrn tbody tr.selected-group-bottom td:first-child {
    border-bottom-left-radius: 10px;
}
#dtByrn tbody tr.selected-group-bottom td:last-child {
    border-bottom-right-radius: 10px;
}

/* Sidebar menu alignment fixes */
.navbar-vertical .navbar-nav .nav-link {
  align-items: center !important;
}

.navbar-vertical .navbar-nav .nav-link .material-icons-round,
.navbar-vertical .navbar-nav .nav-link .sidenav-mini-icon {
  min-width: 1.8rem;
  text-align: center;
}

.navbar-vertical .navbar-nav .nav-link .nav-link-text,
.navbar-vertical .navbar-nav .nav-link .sidenav-normal {
  white-space: normal;
  word-break: break-word;
}

/* Lift the bottom row slightly to visually merge borders of a selected group */
#dtByrn tbody tr.selected-group-bottom {
  position: relative;
  top: -10px;
}

#dtByrn tbody tr.selected-group-middle {
  position: relative;
  top: -5px;
}

/* Single selected row (just a combination of top and bottom) */
#dtByrn tbody tr.selected-single td {
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}
#dtByrn tbody tr.selected-single td:first-child {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
#dtByrn tbody tr.selected-single td:last-child {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

/* Total amount row styling */
#total-amount-row {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
    margin-top: 0;
}
#total-amount-row td {
    border: none;
    margin-top: 0;
}

#dtByrn.row-border > tbody > tr > *, #dtByrn.display > tbody > tr > * {
    border-top: none !important;
}

#dtByrn.stripe > tbody > tr:nth-child(odd) > *, #dtByrn.display > tbody > tr:nth-child(odd) > * {

    font-size: 0.9rem !important;
    box-shadow: none !important; 
}

/* --- SELECTED ROWS STYLING --- */


.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color: DodgerBlue;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.select-height .select-styled{
height: 40px !important;
}



.ruangdetail{
  margin-top:-28px;
}

select.after5tmt option:disabled {
  color: #d8d8d8;
  cursor: not-allowed !important;
}

select.after5tmt option {
  cursor: pointer;
}

/* Custom Dropdown */

.conflicting-day{
  background-color: #E91E63 !important;
}

.conflicting-day .fc-daygrid-event div, .conflicting-day .fc-daygrid-day-number{
  color:#f44336 !important;
}

.conflicting-day .fc-daygrid-event-dot{
  border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid #FFC107 !important;
}


.invisible{
  height:0px;
}

.custom-border{
  border: 1px solid #d2d6da;
  border-radius: 0.375rem;
  padding: 0.5rem 1rem 0.5rem 0;
  -moz-padding-start: -3px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4rem;
  display: block;
  width: 100%;
  padding-left:10px;
}





.custom-dropdown {
  appearance: none; /* Removes default styles */
  border: 1px solid #ced4da;
  border-radius: 5px;
  padding: 10px;
  cursor: pointer;
}

/* Add Arrow Icon */
.custom-dropdown {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='gray'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 011.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 15px;
}

.custom-dropdown option:disabled {
  color: #d8d8d8; /* Light gray for disabled options */
  cursor: not-allowed; /* Change cursor to indicate disabled state */
}

/* Remove Outline */
.custom-dropdown:focus {
  outline: none;
  border-color: #007bff;
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}



.h-0{
  height:0px;
}
.plhKadar{
margin-bottom:24px;padding-left:20px;border-left:2px solid #5e72e4;display: flex;align-items: center;flex-direction: row;justify-content: space-between;
}


.text-right{
text-align: right;
}

.swal-title{
  font-size: 1.6rem;
}

.swal-text{
  font-size: 0.975rem;
}

.form-control:disabled {
  color: #6c757d;
    background-color: #f0f2f5 !important;
}

.homedropdown .btn-outline-primary.dropdown-toggle:visited, .btn-outline-primary.dropdown-toggle.show  {
  color: #fff;
  background: #36ad95;
}

.homedropdown .btn-primary, .btn.bg-gradient-primary {
  box-shadow: none !important;
}


@media (min-width: 992px) {
  .homedropdown .dropdown-menu, .dropup .dropdown-menu, .dropstart .dropdown-menu, .dropend .dropdown-menu {
      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgb(50 50 50);
      transition: visibility 0.25s, opacity 0.25s, transform 0.25s;
      cursor: pointer;
  }
}



/*!
Simple-dataTabless
Github: https://github.com/fiduswriter/Simple-dataTabless
*/

.dataTables_wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.table-responsive {
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
}

table td{
  text-wrap: wrap !important;
}

.dataTables_wrapper.no-header .dataTables_wrapper div:nth-child(2) {
  border-top: 1px solid #d9d9d9;
}

.dataTables_wrapper.no-footer .dataTables_wrapper div:nth-child(2) {
  border-bottom: 1px solid #d9d9d9;
}

.dataTables_wrapper div:nth-child(1), .dataTables_wrapper div:nth-child(3) {
  padding: 8px 10px; }

.dataTables_wrapper div:nth-child(3) .dataTables_info {
    padding: 8px 10px 8px 0px !important;
}


.dataTables_wrapper div:nth-child(3) .dataTables_paginate {
  float:right;
}

.dataTables_wrapper div:nth-child(2) table{
  width: 100% !important;
}

  .dataTables_wrapper div:nth-child(1) > nav:first-child,
  .dataTables_wrapper div:nth-child(1) > div:first-child,
  .dataTables_wrapper div:nth-child(3) > nav:first-child,
  .dataTables_wrapper div:nth-child(3) > div:first-child {
  float: left; }

  .dataTables_wrapper div:nth-child(1) > nav:last-child,
  .dataTables_wrapper div:nth-child(1) > div:last-child,
  .dataTables_wrapper div:nth-child(3) > nav:last-child,
  .dataTables_wrapper div:nth-child(3) > div:last-child {
  float: left; }

.dataTables-selector {
  padding: 6px; }

.dataTables-input {
  padding: 6px 12px; }

.dataTabless_info {
  margin: 7px 0; }

/* PAGER */
.dataTables-pagination ul {
  margin: 0;
  padding-left: 0; }

.dataTables-pagination li {
  list-style: none;
  float: left; }

.dataTables-pagination a {
  border: 1px solid transparent;
  float: left;
  margin-left: 2px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
  color: #333; }

.dataTables-pagination a:hover {
  background-color: #d9d9d9; }

.dataTables-pagination .active a,
.dataTables-pagination .active a:focus,
.dataTables-pagination .active a:hover {
  background-color: #d9d9d9;
  cursor: default; }

.dataTables-pagination .ellipsis a,
.dataTables-pagination .disabled a,
.dataTables-pagination .disabled a:focus,
.dataTables-pagination .disabled a:hover {
  cursor: not-allowed; }

.dataTables-pagination .disabled a,
.dataTables-pagination .disabled a:focus,
.dataTables-pagination .disabled a:hover {
  cursor: not-allowed;
  opacity: 0.4; }

.dataTables-pagination .pager a {
  font-weight: bold; }

/* TABLE */
.dataTables-table {
  max-width: 100%;
  width: 100%;
  border-spacing: 0;
  border-collapse: separate; }

.dataTables-table > tbody > tr > td,
.dataTables-table > tbody > tr > th,
.dataTables-table > tfoot > tr > td,
.dataTables-table > tfoot > tr > th,
.dataTables-table > thead > tr > td,
.dataTables-table > thead > tr > th {
  vertical-align: top;
  padding: 8px 10px; }

.dataTables-table > thead > tr > th {
  vertical-align: bottom;
  text-align: left;
  border-bottom: 1px solid #d9d9d9; }

.dataTables-table > tfoot > tr > th {
  vertical-align: bottom;
  text-align: left;
  border-top: 1px solid #d9d9d9; }

.dataTables-table th {
  vertical-align: bottom;
  text-align: left; }

.dataTables-table th a {
  text-decoration: none;
  color: inherit; }

.dataTables-sorter {
  display: inline-block;
  height: 100%;
  position: relative;
  width: 100%; }

.dataTables-sorter::before,
.dataTables-sorter::after {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  right: 4px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  opacity: 0.2; }

.dataTables-sorter::before {
  border-top: 4px solid #000;
  bottom: 0px; }

.dataTables-sorter::after {
  border-bottom: 4px solid #000;
  border-top: 4px solid transparent;
  top: 0px; }

.asc .dataTables-sorter::after,
.desc .dataTables-sorter::before {
  opacity: 0.6; }

.dataTabless-empty {
  text-align: center; }

  .dataTables_wrapper div:nth-child(1)::after, .dataTables_wrapper div:nth-child(3)::after {
  clear: both;
  content: " ";
  display: table; }

/*!
Simple-dataTabless
Github: https://github.com/fiduswriter/Simple-dataTabless
*/
.dataTables_wrapper div:nth-child(3) {
  padding: 1.5rem; }
.dataTables_wrapper div:nth-child(1) .dataTables-dropdown {
    float: left; }
.dataTables_wrapper div:nth-child(1) .dataTables-dropdown label {
      margin-bottom: 0;
      margin-left: 0;
      color: #7b809a;
      font-weight: 400; }
.dataTables_wrapper div:nth-child(1) .dataTables-dropdown label .dataTables-selector {
        border-color: #f0f2f5;
        border-radius: 0.375rem; }
.dataTables_wrapper div:nth-child(1) .dataTables-search input {
    font-size: 0.875rem;
    color: #495057;
    border: 1px solid #f0f2f5;
    border-radius: 0.375rem; }
.dataTables_wrapper div:nth-child(1) .dataTables-search input:focus-visible {
      outline: none; }

.dataTables_wrapper div:nth-child(2) .table thead tr th {
  padding: 0.75rem 1.5rem;
  opacity: .7;
  font-weight: bolder;
  color: #7b809a;
  text-transform: uppercase;
  font-size: 0.65rem; }

.dataTables_wrapper div:nth-child(2) .table tbody tr td {
  padding: 0.75rem 0.5rem; }

.dataTables_wrapper div:nth-child(3) {
  padding: 1.5rem;
  padding-top: 0; }

.dataTables_wrapper div:nth-child(3) .dataTabless_info {
    color: #7b809a;
    font-size: 0.875rem; }

.dataTables_wrapper div:nth-child(3) .dataTables-pagination .dataTables-pagination-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7b809a;
    padding: 0;
    margin: 0 3px;
    border: 1px solid #dee2e6;
    border-radius: 50% !important;
    width: 36px;
    height: 36px;
    font-size: 0.875rem;
    margin-left: 0; }

.dataTables_wrapper div:nth-child(3) .dataTables-pagination .dataTables-pagination-list li a:hover {
      background: #f0f2f5; }

.dataTables_wrapper div:nth-child(3) .dataTables-pagination .dataTables-pagination-list .active a {
    background: transparent;
    background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.09), 0 2px 3px -1px rgba(0, 0, 0, 0.07);
    color: #fff;
    border: none;
    border-radius: 50% !important; }

 .dataTables_wrapper div:nth-child(3) .dataTables-pagination .dataTables-pagination-list .active a:hover {
      background-image: linear-gradient(195deg, #EC407A 0%, #D81B60 100%); }

.dataTables_wrapper.no-footer .dataTables_wrapper div:nth-child(2) {
  border-bottom: 0; }

.dataTables-table thead td,
.dataTables-table thead th,
.dataTables-table tbody td,
.dataTables-table tbody th,
.dataTables-table tfoot td,
.dataTables-table tfoot th {
  vertical-align: middle !important; }




  table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting_asc_disabled,table.dataTable thead>tr>th.sorting_desc_disabled,table.dataTable thead>tr>td.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting_asc_disabled,table.dataTable thead>tr>td.sorting_desc_disabled{
    cursor:pointer;
    position:relative;
    padding-right:26px
}
table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after{
    position:absolute;
    display:block;
    opacity:.125;
    right:10px;
    line-height:9px;
    font-size:.8em
}
table.dataTable thead>tr>th.sorting:before,table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:before,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>th.sorting_desc_disabled:before,table.dataTable thead>tr>td.sorting:before,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:before,table.dataTable thead>tr>td.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:before{
    bottom:50%;
    content:"▲";
    content:"▲"/""
}
table.dataTable thead>tr>th.sorting:after,table.dataTable thead>tr>th.sorting_asc:after,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>th.sorting_asc_disabled:after,table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting:after,table.dataTable thead>tr>td.sorting_asc:after,table.dataTable thead>tr>td.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc_disabled:after,table.dataTable thead>tr>td.sorting_desc_disabled:after{
    top:50%;
    content:"▼";
    content:"▼"/""
}
table.dataTable thead>tr>th.sorting_asc:before,table.dataTable thead>tr>th.sorting_desc:after,table.dataTable thead>tr>td.sorting_asc:before,table.dataTable thead>tr>td.sorting_desc:after{
    opacity:.6
}
table.dataTable thead>tr>th.sorting_desc_disabled:after,table.dataTable thead>tr>th.sorting_asc_disabled:before,table.dataTable thead>tr>td.sorting_desc_disabled:after,table.dataTable thead>tr>td.sorting_asc_disabled:before{
    display:none
}
table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{
    outline:none
}
div.dataTables_scrollBody>table.dataTable>thead>tr>th:before,div.dataTables_scrollBody>table.dataTable>thead>tr>th:after,div.dataTables_scrollBody>table.dataTable>thead>tr>td:before,div.dataTables_scrollBody>table.dataTable>thead>tr>td:after{
    display:none
}



table.dataTable.order-column>tbody tr>.sorting_1,table.dataTable.order-column>tbody tr>.sorting_2,table.dataTable.order-column>tbody tr>.sorting_3,table.dataTable.display>tbody tr>.sorting_1,table.dataTable.display>tbody tr>.sorting_2,table.dataTable.display>tbody tr>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.019)
}
table.dataTable.order-column>tbody tr.selected>.sorting_1,table.dataTable.order-column>tbody tr.selected>.sorting_2,table.dataTable.order-column>tbody tr.selected>.sorting_3,table.dataTable.display>tbody tr.selected>.sorting_1,table.dataTable.display>tbody tr.selected>.sorting_2,table.dataTable.display>tbody tr.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)
}
table.dataTable.display>tbody>tr.odd>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054)
}
table.dataTable.display>tbody>tr.odd>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.047)
}
table.dataTable.display>tbody>tr.odd>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.039)
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.954)
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.947)
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.939)
}
table.dataTable.display>tbody>tr.even>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.019)
}
table.dataTable.display>tbody>tr.even>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.011)
}
table.dataTable.display>tbody>tr.even>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.003)
}
table.dataTable.display>tbody>tr.even.selected>.sorting_1,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)
}
table.dataTable.display>tbody>tr.even.selected>.sorting_2,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.911)
}
table.dataTable.display>tbody>tr.even.selected>.sorting_3,table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.903)
}
table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.082)
}
table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.074)
}
table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.062)
}
table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.982)
}
table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.974)
}
table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{
    box-shadow:inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
    box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.962)
}

.dataTables_wrapper .dataTables_filter input{
    border:1px solid #aaa;
    border-radius:3px;
    padding:5px;
    background-color:transparent;
    color:inherit;
    margin-left:3px
}

.dataTables_wrapper .table tbody tr td {
    padding: 0.75rem 1.5rem;
}

.dataTables_wrapper div:nth-child(1) label {
    margin-bottom: 0;
    margin-left: 0;
    color: #7b809a;
    font-weight: 400;
    display: inline-flex;
    align-items: baseline;
}


.dataTables_length {
    float: left !important;
}

.dataTables_length select {
    border: 1px solid #f0f2f5;
    margin: -3px 10px 10px;
    border-radius: 0.375rem;
}

.dataTables_filter {
    float: right!important;
}

.dataTables_filter input {
    font-size: .875rem !important;
    color: #495057 !important;
    border: 1px solid #f0f2f5!important;
    border-radius: 0.375rem!important;
    margin: -3px 10px 10px;
}

.dataTables_wrapper .dataTables_wrapper div:nth-child(3) .dataTables_info {
    color: #7b809a;
    font-size: .875rem;
    margin-top: 5px;
}

.dataTables_wrapper .dataTables_wrapper div:nth-child(3) .dataTables_paginate
{
    float:right;
    color: #7b809a;
    font-size: .875rem;
}


.itemrow{
  /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
  border: 0 solid rgba(0, 0, 0, 0.125);
  border-radius: 25px;
  background:#fff;    
  padding: 15px;
}

.itemrow img {
  /* border-top-left-radius: 10px;
  border-top-right-radius: 10px; */
  border-radius: 10px;
    height: 215px;
    /* object-fit: contain; */
}

.detailRuang{
  width: 111.26px;
  height: 29.4px;
}

/* .img-container {
    border-radius: 10px;
    background: #000;
} */

.itemrow span{
      background: #fefefe !important;
    color: #333 !important;
    font-size: 0.55rem;
    position: relative;top: -43px;left: 10px;
}


/* .img-container {
  height: 200px;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  
}

.img-container img {
  height: 100%;
  width: auto;
  object-fit: contain;
} */

.ruangdetail h6{
    font-size: 0.95rem;
    line-height: 1.4rem;
    /* text-shadow: 0px -1px #7a84ae; */
    font-weight: 600;
    color: #000;
    height: 45px;
}

.ruangdetail p{
  text-align: justify;
    text-justify: inter-word;
    height: 73px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 4;
    overflow: hidden;
    
    text-transform: lowercase;
  }

#listRuang td{
  border-bottom:none;
}


.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  filter: brightness(60%);
}

.slidercontent {
  margin-top:-310px; padding: 8px 53px; position: absolute;
}


#listRuang td{
  padding: 0px !important;
}

.demo-preview {
  padding-top: 60px;
  padding-bottom: 10px;
  margin: auto;
  text-align: center;
}
.demo-preview .badge{
  margin-right:10px;
}
.badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  padding: 3px 6px;
  border: 1px solid transparent;
  min-width: 10px;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 99999px
}

.badge.badge-default {
  background-color: #B0BEC5
}

.badge.badge-primary {
  background-color: #2196F3
}

.badge.badge-secondary {
  background-color: #323a45
}

.badge.badge-success {
  background-color: #64DD17
}

.badge.badge-warning {
  background-color: #FFD600
}

.badge.badge-info {
  background-color: #29B6F6
}

.badge.badge-danger {
  background-color: #ef1c1c
}

.badge.badge-outlined {
  background-color: transparent
}

.badge.badge-outlined.badge-default {
  border-color: #B0BEC5;
  color: #B0BEC5
}

.badge.badge-outlined.badge-primary {
  border-color: #2196F3;
  color: #2196F3
}

.badge.badge-outlined.badge-secondary {
  border-color: #323a45;
  color: #323a45
}

.badge.badge-outlined.badge-success {
  border-color: #64DD17;
  color: #64DD17
}

.badge.badge-outlined.badge-warning {
  border-color: #FFD600;
  color: #FFD600
}

.badge.badge-outlined.badge-info {
  border-color: #29B6F6;
  color: #29B6F6
}

.badge.badge-outlined.badge-danger {
  border-color: #ef1c1c;
  color: #ef1c1c
}

#ddCarian option{
  height:100px !important;
}

/* p,.card, .card-body {
  line-height: 1.425;
  color: #585858 !important;
  font-weight: 400 !important;
  font-size: 0.9rem !important;
  font-family: 'Inter' !important;
} */


p{
  /* text-shadow: 0px 0px #333 !important; */
}


#filterbtn{
  /* border-radius:50%; */
}

.btn-circle.btn-sm {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  font-size: 8px;
  text-align: center;
}
.btn-circle.btn-md {
  width: 50px;
  height: 50px;
  padding: 7px 10px;
  border-radius: 25px;
  font-size: 10px;
  text-align: center;
}
.btn-circle.btn-xl {
  width: 48px;
  height: 48px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 12px;
  text-align: center;
}




/* CUSTOM SELECT */


.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}
.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 0.875rem;
  width: 100%;
  height: 40px;
}
.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 8px 15px;
  height: 44px;
  border-radius: 8px;
  border: 1px solid #d2d6da;
  padding: 8px 15px;
  transition:(all 0.2s ease-in);
  &:after {
    content:"";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #4caf50 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 10px;
  }
  &:hover {
    background-color: darken(#4caf50 , 2);
  }
  &:active, &.active {
    background-color: darken(#4caf50 , 5);
    &:after {
      top: 9px;
      border-color: transparent transparent #4caf50  transparent;
    }
  }
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
      border: 1px solid #d2d6da;
  background-color: #fff;
  
    margin-top: -6px;
  li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    @include transition(all 0.15s ease-in);
    &:hover,
    &.is-selected {
      color: #000000;
      background: #f5f5f5;
    }
    &[rel="hide"] {
      display: none;
    }
  }
}


.navbar-vertical.navbar-expand-xs.fixed-start {
  z-index: 1;
}

/* CUSTOM SELECT END */


.text-secondary, .table {
  color: #2c2c2c !important;
}

.bg-white{
  /* background-color: #fafbff !important; */
  font-family: 'Inter';
  font-weight: 500;
}

.bg-gray-200.car.card-body.bg-white{
  background-color: none !important;
}



.sidenav{
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  overflow-x: hidden;
}

.bg-white h1,
.bg-white h2,
.bg-white h3,
.bg-white h4,
.bg-white h5,
.bg-white h6 {
  font-family: 'Poppins';
  font-weight: 500;
}

aside.bg-white{

  background-color: #fff !important;
}

.content-bg-white{
  background-color: #fff !important;
  border-radius:25px;
}


.nav.nav-pills {
  min-height: 42px;
}

/* STICKY HEADER */
nav {
  padding: 20px 40px;
  /* width: 100%; */
  z-index: 20;
  background-color: #ffffff; /* fafbff */

  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}

section {
  /* height: 150vh; */
}


.fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: smoothScroll 1s forwards;
  margin-top: 0px !important;
    padding-top: 20px;
    box-shadow: 0 -6px 15px 15px rgb(123 148 183 / 17%) !important;
}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}
/* STICKY HEADER END */


.detailItem img{
  width: max-content !important;
    height: 538px;
    overflow-y: hidden !important;
    margin: auto;
}


/* CAROUSEL NEXT PREV BUTTON */
.owl-prev,
.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 7rem !important;

}

.owl-prev {
  left: 2rem;
}

.owl-next {
  right: 2rem;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: none !important;
}

/* CAROUSEL NEXT PREV BUTTON */


.card {
  box-shadow: 0px 8px 22px 3px rgb(123 148 183 / 10%) !important;

  min-height: auto; /* Optional, set if needed */
  height: auto; /* Ensure the height can expand */
  overflow: visible; /* Allow content to expand */

}

.auto {
  height: auto;
}

.inherit {
  height: inherit;
}


/* fullcalendar fix */
.fc .fc-scrollgrid-liquid {
  height: 102.1% !important;
}

/* .fc-scroller {
  height: auto !important;
} */

.fc-theme-standard .fc-scrollgrid {
  border: 1px solid #dbdbdb !important;
  /* border-radius: 16px; */
}

.fc .fc-daygrid-day.fc-day-today {
  background-color: rgb(209 226 245 / 15%) ;
}

.fc .fc-col-header-cell-cushion {
  color: #2572bf;
}

.fc .fc-daygrid-day-frame {
  /* cursor: pointer; */
}

.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title {
  visibility: hidden;
}

.fc-h-event {
/* 
  background-color: #d55c77;
  border-radius: 45px !important; */
}

.fc-day:hover{
  background:rgb(242 249 255);
  cursor:pointer;
}
.fc-slats,
.fc-content-skeleton,
.fc-bgevent-skeleton{
  pointer-events:none;
}
.fc-bgevent,
.fc-event-container{
  pointer-events:auto;
}

.tooltip{
  position:absolute;
  z-index:10000;
  background:white;
  pointer-events:none;
}

/* Make FullCalendar header buttons (prev/next/today/grouped) same height + alignment */
.fc .fc-toolbar .fc-button,
.fc .fc-toolbar .fc-button-group > .fc-button {
  height: 35px !important;
  min-height: 35px !important;
  line-height: 1 !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #009688;
  
}

/* Prev/Next are often rendered as separate buttons; ensure they match size */
.fc .fc-toolbar .fc-prev-button,
.fc .fc-toolbar .fc-next-button {
  height: 35px !important;
  min-width: 35px !important;
  padding: 0 10px !important;
}

/* Slight spacing to visually group prev/next with other controls */
.fc .fc-toolbar .fc-button-group { 
  align-items: center;
}


/* fullcalendar fix end */


a.input-button {
  text-decoration: none;
  border: 1px solid #bbb;
  display: block;
  padding: 13px 12px;
  border-left: 0;
  cursor: pointer;
  align-self: center;
  justify-content: center;
  line-height: 1;
}

.input-group {
  display: flex;
  align-items: center;
}

.flatpickr .flatpickr-input{
  padding: 5px;
}

/* Flatpickr Date Picker Styles */
#datePenginapanSearch.flatpickr-input {
  position: relative !important;
}

.input-group {
  position: relative !important;
}

.flatpickr-calendar {
  position: fixed !important;
  z-index: 99999 !important;
}

.flatpickr-calendar.open {
  display: block !important;
  visibility: visible !important;
}

.modal-content {
  border-radius: 25px;
}

#resp-table {
  /* display: flex; */
  flex-direction: column;
  width: 100%;
  border: 1px solid #ccc; /* Border for the table */
  border-radius: 10px; /* Rounded corners */
  /* overflow: hidden; Ensures the child elements respect the border-radius */
}

#resp-table-header {
  /* display: flex; */
  width: 100%;
  background-color: #f8f9fe;
  font-weight: bold;
  /* border-top-left-radius: 10px;  Rounded top-left */
  /* border-top-right-radius: 10px; Rounded top-right */
}

.resp-table-body {
  /* display: flex; */
  flex-direction: column;
  /* width: 100%; */
}

.resp-table-row {
  /* display: flex; */
  width: 100%;
  border-top: 1px solid #ccc;
}

.table-header-cell,
.table-body-cell {
  flex: 1;
  text-align: center;
  padding: 10px;
  /* white-space: break-spaces; */
  align-self: center;
  border: 1px solid #ccc;

}

.table-body-cell:not(:first-child){

  /* border-left: 1px solid #ccc; */
}

.table-header-cell:last-child,.table-body-cell:last-child{
  
  border-right: none;
}

/* Round the bottom corners */
.resp-table-body .resp-table-row:last-child .table-body-cell:first-child {
  border-bottom-left-radius: 10px; /* Bottom-left corner */
}

.resp-table-body .resp-table-row:last-child .table-body-cell:last-child {
  border-bottom-right-radius: 10px; /* Bottom-right corner */
}


.table-header-cell:nth-child(1),
.table-body-cell:nth-child(1) {
    flex: 3; /* First column takes more space */
}

.table-header-cell:nth-child(2),
.table-body-cell:nth-child(2) {
    flex: 1; /* Second column takes less space */
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.table-header-cell:nth-child(3),
.table-body-cell:nth-child(3) {
    flex: 0.5; /* Second column takes less space */
}


    #pilihTempahan #tkhMula:active, #pilihTempahan #tkhMula:hover, #pilihTempahan #tkhMula:focus-visible,
    #pilihTempahan #tkhTmt:active, #pilihTempahan #tkhTmt:hover, #pilihTempahan #tkhTmt:focus-visible,
    #pilihTempahan #tkhMulaSprhHr:active, #pilihTempahan #tkhMulaSprhHr:hover, #pilihTempahan #tkhMulaSprhHr:focus-visible,
    #pilihTempahan #tkhTmtSprhHr:active, #pilihTempahan #tkhTmtSprhHr:hover, #pilihTempahan #tkhTmtSprhHr:focus-visible
    {
      cursor: pointer;
      border: 2px solid #009688;
    }

    .fc-day-past {
      background-color: #fbfbfb !important;
  }


  .moving-tab {
    padding: 0px;
    position: absolute;
    width: 0px;
    transform: translate3d(0px, 0px, 0px);
    transition: 0.5s ease;
}

label, .form-label {
  color: #333;
  font-size: 13px !important;
}

#listRuang_wrapper .next,#listRuang_wrapper .previous,#listRuang_wrapper .first,#listRuang_wrapper .last{
  position: relative;
  top: 2px;
}


#listRuang_wrapper .dt-paging-button{
font-size: 15px;margin: 0px 1px !important;
}


#listRuang_wrapper .dt-paging-button .material-icons {
font-size: 20px !important;    top: 3px;
}

#listRuang_wrapper nav{
  background: none;
  text-align: center;
  margin-bottom: 20px;

}

#fasilitiTable > tbody > tr:hover > *,#fasilitiTable > tbody > tr > * {
  box-shadow:none !important;
}

#fasilitiTable > tbody > tr > * {
  border-top: 1px solid rgb(145 145 145 / 15%);
}

#fasilitiTable_wrapper > .dt-layout-row{
  margin: 0 0 !important;
}

#fasilitiTable_wrapper{

  font-size: 0.75rem ;
}


.error-border {
  border: 2px solid red !important; /* Customize the border width and color */
}

.input-group.input-group-static.is-focused.is-invalid .form-control, .error-choice{
  background-image: linear-gradient(0deg, #F44335 2px, rgba(156, 39, 176, 0) 0), linear-gradient(0deg, #F44336 2px, rgba(209, 209, 209, 0) 0) !important;
  border-radius: 0 !important;


}




.owl-theme .owl-nav.disabled+.owl-dots {
  padding-bottom: 10px;
}




.required{
  color: red;font-weight: 700;
}

.custom-info:hover{
  background: none !important;
}

.fc-daygrid-block-event{
  height:22px;
}

.fc-daygrid-block-event div{
  display:none;
}

 .custom-popover {
  background-color: #2c2c2c;
}
.custom-popover .popover-body {
  color: #e3e3e3 !important;
}

.custom-popover-body {
  color: #f5f5f5 !important;
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after {
  border-top-color: #4e4e4e;
}

.no-sticky-navbar {
  position: static !important;
}

.fc-theme-standard td, .fc-theme-standard th {
  border-color: #dadada !important;
  /* background: #ffffff; */
}

.fc-timegrid-col-events{
  display: flex
;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    
}

.fc-timegrid-event-harness-inset{
  
  width: 10%;
}

.fc-license-message{
  display: none;
}

.fc-direction-ltr .fc-timeline-slot {
  border-right: 1px solid #e9e9e9 !important;
}

.fc-theme-standard td, .fc-theme-standard th {
  border: 1px solid #333;
}

.fc-datagrid-cell-main{

}

.fc-datagrid-cell-cushion .fc-datagrid-cell-main{
  font-weight: 600;
  color: #333;
}

.fc .fc-datagrid-cell-cushion {
  font-size: 0.7rem;
}

a.fc-event, a.fc-event:hover {
    font-size: 0.7rem;
}

.fc .fc-timeline-slot-cushion {
  font-size: 0.8rem;
}

.fc-timeline-event:not(.fc-event-end)::after, .fc-timeline-event:not(.fc-event-start)::before {
  border-style: none;
}

.fc-h-event .fc-event-title {
  padding: 2px 0px 2px 10px;
}

.fc-timeline-event-harness{
  cursor:pointer;

}

/* .fc-scroller {
  height: auto !important;
} */

.fc-head .fc-widget-header {
  margin-right: 0 !important;
}



/* .fc-scroller {
  overflow: visible !important;
} */


.app-brand-link{
  display: flex;
  align-items: center;
}

.header-container{
  align-items: center;
  justify-content: space-around;
}

.header-rightbtn{
  display: flex;

}

.btn-search{
  display: flex;
  justify-content: flex-end;
}

.front-search{
  
  margin-top: 115px !important;
  border-radius: 52px  !important;
  border: 0 solid rgba(0, 0, 0, 0.125);
  box-shadow: 0px 8px 22px 3px rgb(123 148 183 / 10%) !important;

}

#filterbtn span{
  display:none;
}


.header-rightbtn a{
  margin-right: 10px !important;
}

.bodyheight .font-weight-bold, .bodyheight b, #resp-table .font-weight-bold, #resp-table b{
  font-weight: 500 !important;
  font-size: 0.87rem !important;
  font-family: 'Inter';
  color: #333;
}

.swal2-html-container {
  padding: 0.5em 1.6em 0.3em !important;
  font-size: 14px !important;
}

.multisteps-form__progress-btn:after {
    /* background-color: #435b86 !important; */
}


.radio-container {
    display: flex;
    gap: 2rem;
    align-items: center;
    font-size: 1.1rem;
  }

  .radio-item {
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .radio-item input {
    margin-right: 0.5rem;
  }

  .radio-item .icon {
    margin-right: 0.5rem;
    font-size: 1.5rem;
  }

.selected-month-date{
      background: #e9ebf9 !important;
}

a {
    letter-spacing: 0rem;
    color: #3d86ff;
}


.swal2-title {
                font-size: 20px;
            }

            .swal2-html-container {
                font-size: 16px;
            }
            /* Custom dropdown styles (ddKtgr) */
            .custom-dd-toggle {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 10px 14px;
                border-radius: 28px;
                background: #fff;
                border: 1px solid #e6e9ee;
                cursor: pointer;
                /* box-shadow: 0 6px 18px rgba(17, 24, 39, 0.06); */
                min-height: 48px;
            }

            .custom-dd-label { color: #556170; font-weight: 600; }

            .custom-dd-wrapper { position: relative; overflow: visible; display: inline-block; width: 100%; }

            .custom-dd-panel {
                position: absolute;
                left: 0;
                top: calc(100% + 8px);
                width: 380px;
                max-width: calc(100vw - 40px);
                box-sizing: border-box;
                background: #fff;
                border-radius: 18px;
                box-shadow: 0 20px 40px rgba(2,6,23,0.08);
                padding: 14px 5px 14px 14px;
                z-index: 2050;
            }

            .custom-dd-panel .cd-options { max-height: 340px; overflow: auto; }
            .cd-panel-title { font-weight: 700; color: #6b7280; margin-bottom: 8px; }
            .cd-option { padding: 10px 12px; border-radius: 10px; color:#495057; cursor: pointer; display: flex; align-items: center; }
            .cd-option + .cd-option { margin-top: 6px; }
            .cd-option:hover { background: #f6f8fb; color: #111827; }

            .cd-option-icon { width: 38px; height: 38px; margin-right: 12px; flex-shrink: 0; }
            .cd-option-text { display: inline-block; vertical-align: middle; }

            /* small caret icon */
            .custom-dd-caret { color: #1f2937; }

            /* Compact, right-aligned label style — used on dropdown labels and the Carian input
               (homePenginapan Kategori/Jenis dropdowns, home Kategori Ruang dropdown + search input) */
            .dd-label-compact {
                font-size: 0.82rem !important;
                font-weight: 500 !important;
                color: #111 !important;
                display: block;
                text-align: right;
            }

            .custom-dd-input.dd-label-compact::placeholder {
                color: #111;
                font-weight: 600;
                text-align: right;
            }

            /* #inputCarian (Carian search box) stays left-aligned, unlike the right-aligned dd-label-compact dropdown labels it shares styling with */
            #inputCarian {
                text-align: left;
            }

            #inputCarian::placeholder {
                text-align: left;
            }

            /* inputCarian styled like ddKtgr */
            .custom-dd-input {
                border: none;
                background: transparent;
                padding: 0;
                margin: 0;
                height: 100%;
                width: 100%;
                outline: none;
                color: #111827;
                font-weight: 600;
                font-size: 1rem;
                display: block;
                box-shadow: none;
                text-align: left;
            }

            .vc-header .vc-title {
                background: #fff !important;
            }

            .custom-dd-toggle .custom-dd-input { padding-left: 0; }

            /* Prevent Bootstrap's .form-control from overriding look */
            .custom-dd-toggle .form-control { border: none !important; background: transparent !important; box-shadow: none !important; }

            /* Placeholder styling to match dd label */
            .custom-dd-input::placeholder { color: #556170; opacity: 1; font-weight: 600; }

            /* #inputCarian's bootstrap-typeahead results list, restyled to match .custom-dd-panel/.cd-option */
            ul.typeahead.dropdown-menu {
                width: 380px;
                max-width: calc(100vw - 40px);
                max-height: 340px;
                overflow: auto;
                box-sizing: border-box;
                background: #fff;
                border: none !important;
                border-radius: 18px !important;
                box-shadow: 0 20px 40px rgba(2,6,23,0.08) !important;
                padding: 14px 5px 14px 14px;
                margin-top: 8px;
                z-index: 2050;
                list-style: none;
            }

            ul.typeahead.dropdown-menu > li + li {
                margin-top: 6px;
            }

            ul.typeahead.dropdown-menu > li > a {
                display: block;
                padding: 10px 12px;
                border-radius: 10px;
                color: #495057;
                text-decoration: none;
                cursor: pointer;
            }

            ul.typeahead.dropdown-menu > li:hover > a,
            ul.typeahead.dropdown-menu > li.active > a {
                background: #f6f8fb;
                color: #111827;
            }

            @media (max-width: 768px) {
                ul.typeahead.dropdown-menu { width: calc(100% - 20px); max-width: calc(100% - 20px); }
            }


            @media (max-width: 768px) {
                .custom-dd-panel { width: calc(100% - 20px); left: 10px; right: 10px; top: 64px; }
            }
            /* Prevent any accidental horizontal overflow from showing a global scrollbar */
            html, body { 
              /* overflow-x: hidden; */
            
            }


/* Extra small devices (phones, less than 576px) */
@media (max-width: 575.98px) {

  .header-rightbtn a{
    margin-right: 0px !important;
  }

  .itemrow img {
    border-radius: 10px;
}

  #filterbtn i{
    left: -3px;
  }

  #filterbtn span{
    display:inline;
    font-size: 13px;
    margin-left: -6px;
  }
  
#filterbtn {
  width: 130px;
}

  .btn-search {
    margin-top: 10px !important;
    justify-content: center;
  }

  .front-search .col-xl-11{
    padding:0px;
  }

  .front-search{
    margin-top: 157px !important;
    border-radius: 20px !important;
  }


  .app-brand-link{
    flex-direction: column;
  }

  .header-container{
    align-items: center;
    justify-content: space-around !important;
  }

  .rightbtn a{
    display: flex ;
  }
  
  .header-rightbtn {
    flex-direction: column;
    width: -webkit-fill-available;
  }

  .button-text-truncate{
    display: inline-block;
    max-width: 98%; /* Adjust based on how much space you want for the text */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  
  .imgslider{
    display:none !important;
  }


}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {

  .header-rightbtn a{
    margin-right: 0px !important;
  }

  .itemrow img {
    border-radius: 10px;
}

  #filterbtn i{
    left: -3px;
  }

  #filterbtn span{
    display:inline;
    font-size: 13px;
    margin-left: -6px;
  }
  
  
#filterbtn {
  width: 130px;
}

  .btn-search {
    margin-top: 10px !important;
    justify-content: center;
  }

  .front-search{
    margin-top: 157px !important;
    border-radius: 20px !important;
  }

  .app-brand-link{
    flex-direction: column;
  }

  .header-container{
    align-items: center;
    justify-content: space-around !important;
  }

  .rightbtn a{
    display: flex ;
  }

  .header-rightbtn {
    flex-direction: column;
    width: -webkit-fill-available;
  }

  .button-text-truncate{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  .button-text-truncate{
    display: inline-block;
    max-width: 98%; /* Adjust based on how much space you want for the text */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
  }

  .imgslider{
    display:none !important;
  }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your CSS for tablets */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your CSS for small desktops and large tablets */
}
/* homePenginapan.blade.php — accommodation listing page (moved from an inline <style> block).
   Scoped under .homePenginapan-page since detailPenginapan.blade.php reuses the same
   .akomodasi-* class names with its own values; this scoping keeps the two pages independent. */
.homePenginapan-page .akomodasi-kategori-heading {
  font-weight: 700;
  padding-bottom: 0.5rem;
}

.homePenginapan-page .akomodasi-gallery {
  position: relative;
  display: flex;
  gap: 8px;
  height: 284px;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}

.homePenginapan-page .akomodasi-gallery-hero,
.homePenginapan-page .akomodasi-gallery-placeholder {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: repeating-linear-gradient(45deg, #e9ecef, #e9ecef 10px, #f8f9fa 10px, #f8f9fa 20px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.homePenginapan-page .akomodasi-gallery-main {
  flex: 1 1 50%;
  overflow: hidden;
}

.homePenginapan-page .akomodasi-gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.homePenginapan-page .akomodasi-gallery-thumbs {
  flex: 1 1 50%;
  display: grid;
  gap: 8px;
}

.homePenginapan-page .akomodasi-gallery-thumbs-1 { grid-template-columns: 1fr; grid-template-rows: 1fr; }
.homePenginapan-page .akomodasi-gallery-thumbs-2 { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; }
.homePenginapan-page .akomodasi-gallery-thumbs-3,
.homePenginapan-page .akomodasi-gallery-thumbs-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }

.homePenginapan-page .akomodasi-gallery-thumb {
  position: relative;
  overflow: hidden;
}

.homePenginapan-page .akomodasi-gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.homePenginapan-page .akomodasi-gallery-more {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  border: none;
  font-weight: 600;
}

.homePenginapan-page .akomodasi-gallery-showall {
  position: absolute;
  right: 16px;
  bottom: 16px;
  border-radius: 999px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.homePenginapan-page .akomodasi-photo-overlay {
  position: fixed;
  inset: 0;
  background: #fff;
  z-index: 2000;
  overflow-y: auto;
  padding: 1.5rem;
}

.homePenginapan-page .akomodasi-photo-overlay-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}

.homePenginapan-page .akomodasi-photo-overlay-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
}

.homePenginapan-page .akomodasi-photo-overlay-grid img {
  width: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
}

.homePenginapan-page .akomodasi-desc-clamped {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.homePenginapan-page .akomodasi-amenity-row {
  padding: 0.5rem 0;
}

.homePenginapan-page .akomodasi-amenity-icon {
  font-size: 1.4rem;
  color: #222;
  width: 28px;
  text-align: center;
}

.homePenginapan-page .akomodasi-amenity-row span {
  line-height: 1.4;
}

#penginapanContainer .text-muted {
  font-size: 0.9rem;
  line-height: 1.4;
}

#penginapanContainer .btn {
  font-weight: 600;
}

.homePenginapan-page .akomodasi-type-chip {
  display: inline-flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #36ad95;
  margin-bottom: 0.5rem;
}

.homePenginapan-page .akomodasi-card-title {
  font-weight: 700;
  margin-bottom: 0.35rem;
}

.homePenginapan-page .akomodasi-location {
  font-size: 0.85rem;
  color: #67748e;
  margin-bottom: 0.75rem;
}

.homePenginapan-page .akomodasi-location i {
  color: #36ad95;
  margin-right: 0.25rem;
}

.homePenginapan-page .akomodasi-amenities-heading {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #111;
  margin: 0.75rem 0 0.6rem;
}

.homePenginapan-page .akomodasi-amenities-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.homePenginapan-page .akomodasi-amenity-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8rem;
  padding: 0.4rem 0.75rem;
  border: 1px solid #e2e6ee;
  border-radius: 0.6rem;
  color: #333;
}

.homePenginapan-page .akomodasi-amenity-pill i {
  color: #36ad95;
}

.homePenginapan-page .akomodasi-price-panel {
  background: #f4faf8;
  border: 1px solid #e2e6ee;
  border-radius: 1rem;
  padding: 1.25rem;
  height: 100%;
}

.homePenginapan-page .akomodasi-price-label {
  font-size: 0.8rem;
  color: #67748e;
}

.homePenginapan-page .akomodasi-price-value {
  font-size: 2.9rem;
  font-weight: 700;
  color: #36ad95;
  line-height: 1.3;
}

.homePenginapan-page .akomodasi-price-value span {
  font-size: 0.85rem;
  font-weight: 500;
  color: #67748e;
}

.homePenginapan-page .akomodasi-price-value-sm {
  font-size: 1.05rem;
}

.homePenginapan-page .akomodasi-price-divider {
  border: none;
  height: 1px;
  background: #e2e6ee;
  margin: 0.9rem 0;
}

.homePenginapan-page .akomodasi-stat-row {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.homePenginapan-page .akomodasi-stat-row i {
  color: #36ad95;
  margin-top: 0.2rem;
}

.homePenginapan-page .akomodasi-stat-label {
  font-size: 0.75rem;
  color: #67748e;
}

.homePenginapan-page .akomodasi-stat-value {
  font-weight: 600;
  font-size: 0.9rem;
}

.homePenginapan-page .akomodasi-cta-btn {
  font-weight: 600;
}

#penginapanContainer .btn-success {
  background-color: #00b74e !important;
  border-color: #00b74e !important;
}

#penginapanContainer .btn-success:hover {
  background-color: #009038 !important;
  border-color: #009038 !important;
}


.swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em !important;
    color: #ff974d;
}

.btn.btn-lg i{
  top: 0px; 
}