/* Default Styling */
.destination_card {
    background-color: #ffffff;
}
.table_destination_city {
    background-color: #f5f5f5;
}
.table_destination_city th {
    background-color: #ddd;
}

/* ✅ Light Green Theme Styling */
.theme-light-green .card-base-container {
    background-color: #cbe6ad;
}
.theme-light-green .modal-content {
    background-color: #cbe6ad;
}
.theme-light-green .modal_content_terms_conditions {
    background-color: #cbe6ad;
}
.theme-light-green .modal_content_destination_city {
    background-color: #cbe6ad;
}
.theme-light-green .set-up-btn, .theme-light-green .on-board-btn {
    background-color: #cbe6ad;
    color: #17606bd6;
}
.theme-light-green .amount-box {
    position: absolute;
    background-color: #cbe6ad;
    color: #17606bd6;
}
.green-text {
    color: green;
    font-weight: bold;
}
.red-text {
    color: red;
    font-weight: bold;
}
.gold-text {
    color: gold;
    font-weight: bold;
}

/* Button Style - Matching with Light Green Theme */
.theme-light-green .btn-light-green {
    background-color: #737e53;  /* olive green */
    color: #ffffff;
    border: none;
    transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s ease;
}

/* Hover Effect - darker & deeper shade of olive */
.theme-light-green .btn-light-green:hover {
    background-color: #5c6642;  /* matched hover shade */
    box-shadow: 0 4px 10px rgba(115, 126, 83, 0.4); /* soft olive glow */
    transform: translateY(-2px);
}

.theme-light-green [data-tooltip]::after {
    background-color: #cbe6ad;
    color: #17606bd6;
}
.theme-light-green .tab-item {
    /* background-color: #314c3eb5; */
    color: #5e7d33;
}
.theme-light-green .cnp-modal {
    color: #5e7d33;
}
.theme-light-green .consultant_name_icon {
    color: #5e7d33;
}
.theme-light-green .modal-header {
    background-color: #cbe6ad;
}
.theme-light-green .remark_modal_save_buton {
    background-color: #5e7d33;
}
.theme-light-green .active {
    color: orangered;
}
.theme-light-green table {
    width: 100%;
    margin-bottom: 10px;
    /* margin: 10px 0px; */
}
.theme-light-green .table_title_row {
    background-color: #B0D982;
    color: #17606bd6;
    text-align: center;
}
.theme-light-green .table_theme_head {
    background-color: #cbe6ad;
    color: #17606bd6;
    text-align: center;
}
/* .theme-light-green .table_theme th {
    background-color: #cbe6ad;
    color: #17606bd6;
    text-align: center;
} */
.theme-light-green .table_theme td {
    background-color: #f0f8e8;
    font-size: 13px;
    /* padding: 6px 20px; */
    text-align: center;
    font-weight: normal;
    color: #000000;
}
.theme-light-green .sidebar_menu_destination_city, .theme-light-green .full-screen-nav {
    background-color: #cbe6ad;
}
.theme-light-green .table_destination_city {
    background: #cbe6ad; /* Grey */
}
.theme-light-green .table_destination_city th {
    text-align: center;
    background-color: #314c3eb5;
    color: white;
    padding: 7px;
}
.theme-light-green .table_destination_city td {
    /* background-color: #314c3eb5; */
    color: black;
    text-align: center;
    border: 1px solid #959595;;
}
.theme-light-green .notification-tag {
    /* position: absolute; */
    /* top: -17px; */
    right: 27rem;
    /* margin-top: -28px; */
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 0 5px 5px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    z-index: 10;
    transform: rotate(-0deg);
}

/* Orange Theme Styling */
.theme-orange .card-base-container {
    background-color: #ffe5b4;
}
.theme-orange .sidebar_menu_destination_city{
    background-color: #ffe5b4;
}

.theme-orange .table_theme th  {
    background: #fff3e0; /* Pale orange */
}

.theme-orange .table_theme  th {
    background: #ff9800; /* Dark orange */
    color: white; /* Text white for contrast */
}

.theme-orange .edit_icon_destination_city,
.theme-orange .delete_icon_destination_city,
.theme-orange i.fa-solid {
    color: #e65100; /* Icon color: deeper orange */
}

/* Optional: Button color matching */
.theme-orange .btn_add_city_destination_city{
    background-color: #fb8c00;
    color: white;
    border: none;
}


/* Tooltip styling */
[data-tooltip] {
    position: relative;
    cursor: pointer;
}

[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 100%;
    /* top: -100%; */
    left: 50%;
    transform: translateX(-50%);
    /* background-color: #333;
    color: #fff; */
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 13px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 10;
    margin-bottom: 7px;
    
}


[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
}

.info-tooltip {
  position: relative;
  /* display: inline-block; */
  cursor: pointer;
}


.info-tooltip .tooltip-box {
  visibility: hidden;
  width: 315px;
  max-width: calc(100vw - 20px); /* screen se bahar na jaye */
  background-color: #fff;
  color: #333;
  text-align: left;
  border-radius: 12px;
  padding: 15px 7px;
  position: absolute;
  z-index: 9999;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  font-size: 14px;
  line-height: 1.5;
  white-space: normal;
}

/* left aligned tooltip arrow */
.info-tooltip .tooltip-box.left-align::after {
  left: 15px;
  transform: none;
}

/* right aligned tooltip arrow */
.info-tooltip .tooltip-box.right-align::after {
  left: auto;
  right: 15px;
  transform: none;
}

.info-tooltip .tooltip-box::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.info-tooltip:hover .tooltip-box {
  visibility: visible;
  opacity: 1;
}
.center-align-div {
    margin-left: 10px;
}
a {
    text-decoration: none;
}