.color-palette {
      height: 35px;
      line-height: 35px;
      text-align: right;
      padding-right: .75rem;
    }

    .color-palette.disabled {
      text-align: center;
      padding-right: 0;
      display: block;
    }

    .color-palette-set {
      margin-bottom: 15px;
    }

    .color-palette span {
      display: none;
      font-size: 12px;
    }

    .color-palette:hover span {
      display: block;
    }

    .color-palette.disabled span {
      display: block;
      text-align: left;
      padding-left: .75rem;
    }

    .color-palette-box h4 {
      position: absolute;
      left: 1.25rem;
      margin-top: .75rem;
      color: rgba(255, 255, 255, 0.8);
      font-size: 12px;
      display: block;
      z-index: 7;
    }




.alert-class{
	color: #a94442;
    background-color: #f2dede;
}
.alert-info{
	color: #a94442;
    background-color: #f2dede;
    border: 1px solid #a94442;
}

.from_place_fles{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 3px;
}

.amt_add{
    width: 340px;
}

.add_from_place_button,
.add_day{
    margin-top: 10px;
    margin-bottom: 20px;
}

.add_place_model_css{
    margin: auto;
/*    margin: 0 10px;*/
    width: 300px;
}

.model_title{
    font-size: 25px;
}

.btn-close{
    padding: 1px 4px;
    font-size: 15px;
    border: 1px solid grey;
}

.map_view_pack iframe{
    width: 100%;
    height: 100%;
}

.map_view_pack{
    width: 350px;
    height: 300px;
    margin: 10px 5px;
}


/* ---------------------custom switch css------------------------- */


/* Container for the switch */
.custom-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}

/* Hide default checkbox */
.custom-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider track (Default Red) */
.custom-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: #dc3545; /* Bootstrap Red */
  transition: .4s;
  border-radius: 24px;
}

/* The white circle inside */
.custom-switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

/* Green Background when checked */
.custom-switch input:checked + .slider {
  background-color: #28a745; /* Bootstrap Green */
}

/* Move the circle when checked */
.custom-switch input:checked + .slider:before {
  transform: translateX(26px);
}

/* -------Custom Styles---------------------- */

.file-row {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.file-box {
    flex: 1;
    background: #fff;
    border-radius: 8px;
    padding: 30px 40px;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    border-left: 4px solid #0d6efd;
}

.file-name {
    font-size: 22px;
    font-weight: 600;
}

.action-btn {
    width: 110px;
    height: 110px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    font-size: 30px;
}

.action-btn:hover {
    background: #f8f9fa;
}

/* Sidebar Pushmenu Toggle Button Styles */
[data-widget="pushmenu"] {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #495057 !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 0.25rem !important;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out !important;
    outline: none !important;
}

[data-widget="pushmenu"]:hover,
[data-widget="pushmenu"]:active,
[data-widget="pushmenu"]:focus {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #f37b1f !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Make transitions in the sidebar and content wrapper smoother */
.main-sidebar,
.main-sidebar::before,
.content-wrapper,
.main-header,
.main-footer {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                margin-left 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), 
                width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Sidebar overlay transition smoothness */
#sidebar-overlay {
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Brand Theme Colors Override */
:root {
    --brand-primary: #0c264c;      /* Deep Midnight Navy */
    --brand-accent: #f37b1f;       /* Sunset Orange */
    --brand-accent-hover: #e0680d; /* Darker Orange */
    --brand-yellow: #fcd802;       /* Golden Yellow */
    --brand-light-blue: #4a9ae7;   /* Ice Blue */
    --brand-dark: #051429;
}

/* Override standard blue to brand navy */
.bg-primary,
.badge-primary,
.nav-pills .nav-link.active,
.page-item.active .page-link {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

.btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 10px rgba(12, 38, 76, 0.15) !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent) !important;
    box-shadow: 0 4px 12px rgba(243, 123, 31, 0.3) !important;
    color: #fff !important;
}

.text-primary {
    color: var(--brand-primary) !important;
}

/* Active Sidebar Navigation Item Styling */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background: linear-gradient(90deg, var(--brand-primary) 0%, rgba(12, 38, 76, 0.8) 100%) !important;
    border-left: 4px solid var(--brand-accent) !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Checked inputs, radios & checkboxes */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.dropdown-item.active, 
.dropdown-item:active {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

/* Focus styles for forms */
.form-control:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px rgba(12, 38, 76, 0.15) !important;
}

/* Header style touch up */
.main-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
}


/* Sidebar user panel Logout color override */
.user-panel .info a:hover {
    color: var(--brand-accent) !important;
}

/* -----------------------------------------------
   Toast Notification Styles
----------------------------------------------- */
.toast-container-custom {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.toast-custom {
    background: rgba(12, 38, 76, 0.95);
    color: #fff;
    padding: 12px 18px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    border-left: 5px solid #f37b1f;
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: inherit;
    font-size: 14px;
    min-width: 280px;
    max-width: 380px;
    animation: slideInRight 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) forwards;
    transition: all 0.3s ease;
}
.toast-custom.hide {
    animation: fadeOutToast 0.3s ease forwards;
}
.toast-custom i {
    font-size: 18px;
    color: #fcd802;
}
.toast-custom-close {
    margin-left: auto;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s;
}
.toast-custom-close:hover {
    opacity: 1;
}
@keyframes slideInRight {
    from { transform: translateX(100%); opacity: 0; }
    to   { transform: translateX(0);    opacity: 1; }
}
@keyframes fadeOutToast {
    to { transform: translateY(-10px); opacity: 0; }
}