@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

html {
    font-size: 14px;
    height: 100%;
    letter-spacing: .01rem;
    font-family: 'Inter', sans-serif !important;
}

body,
html,
p,
h2,
h1,
h5,
h3,
h4,
button,
span,
input,
textarea,
select,
table,
th,
tr,
div,
* {
    font-family: 'Inter', sans-serif !important;
}

html body {
    height: 100%;
    background-color: #ffffff;
    direction: ltr;
    font-family: 'Inter', sans-serif !important;
}

html body p {
    line-height: 1.5rem
}

[class^="fa-"],
[class*=" fa-"],
i.fas,
i.fa-solid {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;

}

i.far,
i.fa-regular {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400;
}

i.fab,
i.fa-brands {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400;
}

.content-body {
    padding-top: 2% !important;
    padding-left: 26px;
    padding-right: 26px;
}

.font18 {
    font-size: 18px;
    font-weight: 700 !important;

}

.font20 {
    font-size: 20px;
    color: black;

}

.font22 {
    font-size: 23px;
    color: black;

}

.font27 {
    font-size: 70px;
    color: black;
}

.font25 {
    font-size: 65px;
    color: black;
}

.font20-w {
    color: #fff;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding-top: 12% !important;
}

.f-bold {
    font-weight: 700;
}

.brand-clr {
    background-color: #6aa089;
}

.def-darkbox {
    background-color: #6aa089;
    border-radius: 15px;
    color: white !important;
    width: 332px;
    height: 153px;
    top: 239px;
    left: 959px;
}

.form-check-input:checked {
    background-color: #6AA089;
    border-color: #6AA089;
}


.form-check-input:checked:focus {
    box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25);
}

.def-boxshow {
    border-radius: 8px;
    border: 1px solid #c3d3e2;
}

.def-box {
    background-color: #e7f4e0;
    border-radius: 15px;
}

.txt-clr {
    color: #6aa089;
}

.lite-clr {
    color: #737791;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background-color: #ccc;
    /* light grey */
    padding: 5px;
    border-radius: 5px;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    cursor: pointer;
}

input::placeholder,
textarea::placeholder {
    color: darkgray !important;
}

.register-form {
    background-color: #f7f5f6;
    color: black;
}

.reg-img {
    background: #6aa089;
}

.logo-container {
    display: flex;
    align-items: center;
    /* Vertically center the items */
}

.swal2-confirm-custom {
    background-color: #6aa089 !important;
    color: white !important;
}

.logo-container img {
    height: 50px;
    /* Adjust as needed */
    margin-right: 10px;
}

.logo-text {
    font-size: 24px;
    font-weight: bold;
    color: #90beab;
}

.event-detail-drawer-card {
    border: 1px solid #DCE5E2;
    border-radius: 14px;
    overflow: hidden;
    margin-top: 29px;
}

.event-detail-drawer-table {
    border-collapse: separate;
    border-spacing: 0 8px;
}

.event-detail-drawer-row {
    background: #FFFFFF;
    box-shadow: none;
    outline: 1px solid #dce5e2;
    border-radius: 8px;
}

.event-detail-drawer-th {
    padding: 10px;
}

.event-detail-drawer-th-first {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.event-detail-drawer-th-last {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.event-detail-drawer-cell {
    padding: 12px;
    border-bottom: 1px solid #E8ECE9;
    color: #1E1E2F;
}

/* Pitch Drawer Styles */
.pitch-event-header {
    background: #fff
}

.pitch-header-title {
    font-family: Inter;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
}

.pitch-header-mission {
    color: #22252A;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
}

.pitch-venue-header small {
    color: #6b7280
}

.pitch-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .35rem 0
}

.pitch-label {
    color: #374151
}

.pitch-input {
    width: 110px !important;
    min-width: 110px !important;
    height: 40px;
    border-radius: 10px !important;
    border: 1px solid #E5E7EB !important;
    background: #fff;
    padding: 8px 12px !important;
    color: #22252A !important;
}

.pitch-textarea {
    min-height: 72px;
    border-radius: 10px;
    border: 1px solid #E5E7EB
}

.pitch-status {
    font-weight: 600
}

.pitch-upload-btn {
    border: 1px dashed #9CA3AF;
    background: #F9FAFB;
    color: #374151;
    border-radius: 8px;
    padding: 6px 10px
}

.pitch-action-btn {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #DADDE1;
    border-radius: 8px;
    padding: 6px 10px;
}

.date-input-wrapper {
    position: relative
}

.date-input-wrapper .date-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none
}

.date-input-wrapper .form-control {
    height: 40px;
    border-radius: 10px;
    border: 1px solid #E5E7EB;
    padding-right: 40px
}

.pitch-profile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
    border-top: 1px solid #eee
}

.pitch-btn-send-msg {
    background: #29705D;
    color: #fff;
    border-radius: 8px;
    padding: 8px 14px;
    font-weight: 600
}

.pitch-btn-send-msg:hover {
    background: #256b55;
    color: #fff
}

th {
    white-space: nowrap !important;
}

td {
    white-space: nowrap !important;
}

.login-btnclr {
    background-color: #6aa089;
    border-radius: 25px;
}

.sold-outev {
    width: 747px;
    height: 113px;
    flex-shrink: 0;
    border-radius: 11px;
    background: #51A1A7;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
}

.spnd-ad {
    width: 744px;
    height: 82px;
    flex-shrink: 0;
    border-radius: 11px;
    background: #6AA089;
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
    text-transform: uppercase;
    padding-top: 25px;
}

/* Auth Pages */
.text-brand {
    color: #29705D !important;
}
.bg-brand {
    background-color: #29705D !important;
}
.btn-brand {
    background-color: #29705D;
    border-color: #29705D;
    color: white;
    border-radius: 8px;
}
.btn-brand:hover {
    background-color: #256b55;
    border-color: #256b55;
    color: white;
}
.rounded-custom {
    border-radius: 8px !important;
}
.social-btn {
    border-radius: 25px;
    border-color: #ddd;
    color: #333;
}
.social-btn:hover {
    background-color: #f8f9fa;
    border-color: #ccc;
}

/* Events Index view toggles */
.event-view-toggles {
    margin-left: 10px;
    height: 35px;
}

.view-toggle {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    border: 1px solid #80808061;
    background: #fff;
    color: #27ae80;
    cursor: pointer;
    text-decoration: none;
}

.active-view-btn {
    background: #27ae80 !important;
    color: #fff !important;
    border-color: #27ae80 !important;
}

.event-view-toggles .view-toggle:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-right: none !important;
}

.event-view-toggles .view-toggle:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: 1px solid #80808061 !important;
}

/* Inline list loader holder */
.list-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
}

.login-btnclr:hover,
.login-btnclr:active,
.login-btnclr:focus {
    background-color: #6aa089 !important;
}

.sidebar-clr {
    background-color: #e7f4e0;
}

.navbar-clr {
    background-color: #e7f4e0;
    color: black !important;
    border-radius: 0 !important;
    /* text-shadow: 0 0 1px black; */
    margin: 0 !important;
    padding: 0 !important;
}

.nav-textclr {
    color: #7f827b;
    font-weight: 900;
    font-weight: bolder;
    text-shadow: 0 0 1px #7f827b;
}

.nav-notfy {
    background-color: #fde9eb;
    color: black;
    border: white 2px solid;
}

.sidebar-eventbox {
    border: 2px solid #fde9eb;
    /* Pink border */
    outline: 2px solid #bbb6b0;
    border-radius: 20px;
    text-align: center !important;
    color: #fde9eb !important;
    text-shadow: 0 0 1px #fde9eb;
}


.sidebar-invite {
    /* border: 2px solid #fde9eb; /* Pink border */
    /* outline: 2px solid #bbb6b0; */
    border-radius: 8px;
    background-color: #e7f4e0;
    text-align: center !important;
    color: black !important;
    font-weight: 700;
    align-items: end !important;
    /* width: 500px !important; */
    padding: 3%;
    margin-top: 3% !important;
}

.sidebar-invite:hover {
    background-color: #e7f4e0 !important;
}

.sidenav-link {
    color: #ccc2bf;
    text-shadow: 0 0 1px #ccc2bf;
    font-size: 7px;
    font-weight: 600;
}

.nav-search {
    background-color: white;
    border-radius: 12px;
    padding: 10px;
}

/* -------------------------------- Event Css ------------------------------- */

.newEvent {
    background: #6aa089;
    border-radius: 15px;
    color: white !important;
    font-weight: bold;
    font-size: 18px;
}

.topnewEvent {
    background: #feecea;
    border-radius: 15px;
    color: black !important;
    font-weight: 500;
    font-size: 22px;
}

.topnewtour {
    background: #94c5af;
    border-radius: 15px;
    color: white !important;
    font-weight: 500;
    font-size: 22px;

}

.stop-group {
    border: 1px solid #e0e0e0;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
    background-color: #ffffff;
}

.stop-group .form-label {
    margin-top: 10px;
    margin-bottom: 5px;
}

.stop-group .remove-stop-btn {
    background: none;
    border: none;
    color: red;
    font-size: 24px;
    cursor: pointer;
    float: right;
}

.service-users-list {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px solid #dee2e6;
}

.service-users-list .form-check {
    margin-bottom: 8px;
}

.service-users-container {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #dee2e6;
}

.service-user-budget-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    background-color: white;
    border-radius: 4px;
    margin-bottom: 5px;
}

.service-user-budget-item span {
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.service-users-list .form-check-input {
    margin-right: 8px;
}

.service-users-dropdown {
    background-color: #f8f9fa;
    padding: 10px;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px solid #dee2e6;
}

.service-users-dropdown select {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    max-height: 150px;
    overflow-y: auto;
}

.custom-green-checkbox:checked {
    background-color: #28a745;
    border-color: #28a745;
}

.doc-type-checkboxes label {
    margin-right: 10px;
}

.document-group {
    margin-bottom: 15px;
    /* Adds space between each row */
    padding: 10px;
    /* Adds internal spacing */
    border: 1px solid #ddd;
    border-radius: 6px;
    /* background-color: #f9f9f9; */
}

.add-doc-btn,
.add-doc-btn:focus,
.add-doc-btn:hover,
.add-doc-btn:active {
    background: #6aa089 !important;
    border-radius: 6px;
    color: white;
}

.send-pitch-cl,
.send-pitch-cl:focus,
.send-pitch-cl:hover,
.send-pitch-cl:active {
    background: #6aa089 !important;
    border-radius: 6px;
    color: white;
}

.remove-doc {
    cursor: pointer;
    color: red;
    font-size: 20px;
}

.document-upload-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;

}

.add-document-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #6aa089;
    color: white;
    border: none;
    border-radius: 5px;
    padding: 8px 15px;
    font-weight: bold;
}

.send-pitch-checkbox {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.send-pitch-checkbox input {
    margin-right: 8px;
}

.deal-memo-notification {
    background-color: #6AA089;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #dee2e6;
}

.response-buttons form {
    display: inline-block;
    margin-right: 5px;
}

.unread-badge {
    background-color: #6AA089;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
    animation: pulse 2s infinite;
}

.new-message-indicator {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #7367F0;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(115, 103, 240, 0.3);
    display: none;
    z-index: 1000;
    cursor: pointer;
}

.spam-button-inbox {
    margin-top: 15%;
    background-color: #6aa089;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.bdg-complete {
    background-color: #6AA089;
    color: white;
}

.bdg-cancelled {
    background-color: rgb(235, 40, 40);
    color: white;
}

.bdg-other {
    background-color: orange;
    color: white;
}

.details-link {
    text-decoration: none;
    font-weight: normal;
    outline: 2px solid #6AA089 !important;
}

.details-link:hover {
    text-decoration: underline;
    background-color: #6AA089 !important;
    color: white;
}

.dispute-comment-box {
    margin-top: 10px;
    display: none;
}

/* Styles for the Booziness Scale slider */
.booziness-slider-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.booziness-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #dc3545, #ffc107, #28a745);
    /* Gradient background: Red, Yellow, Green */
    border-radius: 5px;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.booziness-slider:hover {
    opacity: 1;
}

.booziness-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    /* Default green thumb */
    cursor: pointer;
}

.booziness-slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

/* Colors for slider based on value */
.booziness-slider.low::-webkit-slider-thumb {
    background: #dc3545;
}

/* Red */
.booziness-slider.medium::-webkit-slider-thumb {
    background: #ffc107;
}

/* Yellow */
.booziness-slider.high::-webkit-slider-thumb {
    background: #28a745;
}

/* Green */
.booziness-slider.low::-moz-range-thumb {
    background: #dc3545;
}

.booziness-slider.medium::-moz-range-thumb {
    background: #ffc107;
}

.booziness-slider.high::-moz-range-thumb {
    background: #28a745;
}

.booziness-scale-value {
    font-weight: bold;
}

.badge.bg-unread {
    background-color: #6AA089 !important;
    color: white;
    padding: 3px;
}

.badge.bg-read {
    background-color: #6AA089 !important;
    color: white;
    font-size: 14px;
    width: 100% !important;
    height: 30px;
    padding-top: 9px !important;


}

.detail-btn,
.detail-btn:hover,
.detail-btn:focus,
.detail-btn:active {
    color: var(--Black-40, #6E7079) !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.evdate-edit {
    border-radius: 15px;
    background: #6AA089;
    width: 181px;
    height: 90px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
    align-items: center !important;
    padding-top: 30px;
}

.evt-header {
    border-radius: 15px;
    /* background: #6AA089; */
    /* width: 332px; */
    /* height: 90px; */
    /* overflow-y: auto; */
    /* display: flex; */
    /* flex-direction: column; */
}

.evt-headtext {
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    padding: 0 8px;
}

.ev-input-box {
    width: 181px;
    height: 153px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.ev-input-boxdate {
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
}

.ev-input-box2 {
    width: 332px;
    height: 153px;
    border-radius: 15px;
    background: #6AA089;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}



.ev-input-boxtext2 {
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.ev-input-box3 {
    width: 332px;
    height: 153px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
    /* overflow-y: auto; */
}

.ev-input-boxhead {
    color: #FFF;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.ev-input-boxspan {
    color: #FFF;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.ev-status-boxtext {
    color: #130F26;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.ev-status-boxspan {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
}

.yev-text {
    color: var(--Black-60, #45464E);
    font-family: "Glacial Indifference";
    font-size: 27px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.yev-span {
    color: #000;

    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
}

.ev-pagebtn1 {
    border-radius: 4px;
    border: 1px solid #A1A2A7 !important;
    width: 89.625px;
    height: 22px;
    flex-shrink: 0;
    color: #0F3659 !important;
    text-align: center;
    font-family: Poppins;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 222.222% */
    background: transparent !important;
}

.ev-status-boxinfo {
    color: #130F26;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.ev-status-box {
    width: 181px;
    height: 153px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #E9F4E2;


}

.topEvent {
    background-color: #ffffff;
    border-radius: 15px;
    /* width: 1124px; */
    height: 105px;

    top: 260px;
    left: 411px;

}

.topev-1 {
    background-color: #ead3d4;
    border-radius: 15px;
}

.events-container {
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid #F8F9FA;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(238, 238, 238, 0.50);
}

.build-toptext {
    color: var(--Primary-Dark-Shade, #05004E);
    font-family: "Glacial Indifference";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.build-toptext-lite {
    color: var(--Greys-Blue-Grey-700, #737791);
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 187.5% */
}

.evdef-boxshow {
    width: 100px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #C3D3E2;
}

.event-card {
    height: 184px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #E7F4E0;
}

.event-card-date {
    color: var(--Greys-Blue-Grey-900, #151D48);
    font-family: "Glacial Indifference";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.event-card-venue {
    color: #425166;
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.event-card-status {
    /* color: #91BEAA; */
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    /* 106.667% */
}

.mg-event-image {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    display: inline-block;
    border-radius: 5px;
}

.event-table {
    flex-shrink: 0;
    border-radius: 12px;
    background: #FFF;
    overflow-y: auto;
}

.newevent-date {
    background-color: #5e7f6a;
    border-radius: 15px;
    font-weight: 900;
    color: black;
}

.form-container {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.section {
    padding: 0px;
    border-radius: 15px;
    width: 30%;
}

.section h3 {
    background-color: #5e7f6a;
    color: black;
    padding: 10px;
    font-weight: 900;
    text-shadow: 0 0 1px black;
    font-size: 14px !important;
    border-radius: 25px;
    text-align: center;
    margin-top: 0;
}

select,
input[type="text"],
input[type="number"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #cbd1d6;
    /* border-radius: 6px; */
}

.search-input {
    background: white;
    border: 1px solid #aaa;
    padding: 2px 10px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.search-input input {
    border: none;
    outline: none;
    flex: 1;
    font-size: 14px;
}

.radio-group label {
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: black;
    font-weight: 600;
}

.total-budget-label {
    margin-top: 10px;
    font-weight: bold;
}

.arrow-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #ccc;
    margin-left: 8px;
    padding-left: 8px;
}

.arrow-box button {
    background: #eaeaea;
    border: 1px solid #999;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
}

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

.your-event-h {
    color: #2e4936;
    font-weight: 900;
    text-shadow: 0 0 1px #2e4936;
    font-style: italic;
}

.create-evntbtn {
    border-radius: 6.554px;
    background: #6AA089;
    width: 169px;
    height: 59px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.create-evntbtn:hover,
.create-evntbtn:active,
.create-evntbtn:focus {
    background-image: linear-gradient(90deg, #6AA089 0%, #E7F4E0 133.43%) !important;
}


.section-box {
    background-color: #e7f4e0;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    min-height: 460px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    width: 361px;
    height: 419px;
    overflow-y: auto;
    top: 367px;
    left: 411px;
}

.section-header {
    background-color: #6aa089;
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 17.476px;
    border-radius: 6px;
    padding: 8px 0;
    margin-bottom: 20px;
}

.form-control {
    border-radius: 6px;
}

.budget-box span {
    font-size: 12px !important;
    padding-top: 1rem;
    white-space: nowrap;
}

.budget-box {
    background-color: white;
    border-radius: 6px;
    padding: 5px 12px;
    font-weight: bold;
    color: #1b513d;
    display: inline-block;
    margin-top: 10px;

}

.budget-input {
    background-color: #e7f4e0;
}

.pr-artin {
    border-radius: 21.845px;
    border: 0.492px solid #c0c1c5;
    background: #fff;
}

.etbudget {
    width: 332px;
    height: 156px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #91BEAA;
}

.etbudget-inner {
    background-color: #6aa089;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 30px;

}

.bud-manually {
    border-radius: 15px;
    background: #51A1A7;
    width: 332px;
    height: 115px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
    padding: 20px;
    padding-top: 25px;
}

.bud-mantext {
    color: #000;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.bud-sumtext {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.bud-sumbrand {
    color: #6AA089;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.bug-reportbtn {
    width: 332px;
    height: 87px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #6AA089;
    color: #F7F5F6;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.etbudget-name {
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.artist-counter-container {
    background-color: #e7f4e0;
    border-radius: 6px;
    padding: 1px 10px;
    width: 100px;
}

.font35-w {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: white;
}

.select2-container--default .select2-selection--multiple {
    background-color: transparent !important;
    border: none;
    border-radius: 0;
    min-height: 30px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #6aa089;
    border: none;
    color: white;
}

/* .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: white !important;
} */

/* Make the dropdown options dark text (when opened) */
.select2-container--default .select2-results__option {
    color: black !important;
}

/* Make the selected option white in closed state */
.select2-container--default .select2-selection--single {
    color: white !important;
}

/* Make the dropdown arrow white */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: white transparent transparent transparent !important;
}

.counter-btn,
.counter-btn:hover,
.counter-btn:active,
.counter-btn:focus {
    background-color: #ffffff;
    border: none;
    border-radius: 6px;
    width: 30px;
    height: 20px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: #333;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
}

.artist-input {
    border: none;
    background: transparent;
    text-align: center;
    width: 40px;
    font-weight: bold;
    font-size: 16px;
    pointer-events: none;
}

.venue-input {
    border-radius: 20px !important;
}

.venue-box {
    background-color: white;
    border-radius: 15px;
    padding: 8%;
}

.venuead-box {
    background-color: #51a1a7;
    border-radius: 15px;
    width: 380px;
    height: 88px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
    padding-top: 1%;
}

.ve-Event {
    width: 380px;
    height: 88px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    padding-top: 3%;
    line-height: 32px;
    /* 114.286% */
}

.service-input {
    border-radius: 20px !important;
    border: 1px solid grey;
}

.service-box {
    background-color: white;
    border-radius: 15px;
    padding: 2%;
}

.ev-head {
    color: black;
    font-size: 11px;
    font-weight: 700;
}

.p-service-box {
    background-color: #91beaa;
    border-radius: 15px;
    padding: 2%;
}

.p-borleft {
    border-right: 1px solid white;
}

.pitching-section {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
}

.pitching-section-event {
    background-color: #e7f4e0;
    border-radius: 10px;
    padding: 20px;
}

.btn-pitch {
    background-color: #6aa089;
    color: white;
    border: none;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 4px;
    width: 262px;
    font-size: 18px;
    font-weight: 700;
    height: 55px;
    margin-bottom: 10px;
}

.btn-pitch:hover,
.btn-pitch:focus,
.btn-pitch:active {
    background-color: #6aa089 !important;
}

.quote-resbtn,
.quote-resbtn:hover,
.quote-resbtn:active,
.quote-resbtn:focus {
    background-color: #6aa089 !important;
    border-radius: 6px;
    font-size: 18px;
}

.inbox-viewbtn,
.inbox-viewbtn:hover,
.inbox-viewbtn:active,
.inbox-viewbtn:focus {
    background-color: #E7F4E0 !important;
    border-radius: 6px;
    font-size: 12px;
    color: black;
    padding: 2%;
}

.quote-head {
    color: var(--Black-60, #45464E);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.quote-headspan {
    color: var(--Black-60, #45464E);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.quote-dochead {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.quote-docheadspan,
.quote-docheadspan:hover {
    color: #FFF !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.editpitch-inner {
    background-color: #91beaa;
    border-radius: 8px;
}

.services-list {
    background-color: white;
    border-radius: 6px;
    padding: 10px;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-evdet {
    color: #6AA089;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 27px; 135% */
}

.offer-inputtext {
    color: #FFF;
    text-align: center;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 21px;
    /* 131.25% */
}

.offer-inputlist {
    color: #FFF;

    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 21px;
    /* 131.25% */
}

.offer-suppportdoc {
    width: 1093px;
    height: 150px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.offer-supdoctext {
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.offer-suphead {
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.offer-suptext {
    color: #F7F5F6;
    text-align: center;
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.services-list i {
    color: #65a88d;
}

.custom-radio {
    appearance: none;
    -webkit-appearance: none;
    background-color: green;

    border-radius: 50%;
    width: 16px;
    height: 14px;
    cursor: pointer;
    position: relative;
    margin-top: 5%;
}

/* Style when checked */
.custom-radio:checked {
    border: 2px solid green;
    background-color: green;
}

.custom-radio:checked::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 5px;
    background: green;
    border-radius: 100%;
}

.list-upcom {
    border-radius: 16px;
    background: #FFF;
    width: 700px;
    height: 184px;
    flex-shrink: 0;
}

.upcom-head {
    color: var(--Black-60, #45464E);

    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 3px;

}

.upcom-tabh {
    color: var(--Black-90, #2C2D33);
    padding-top: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 30px; */
}

.upcom-info {
    color: var(--Black-40, #6E7079);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.eventser-name {
    width: 573px !important;
    height: 60px !important;
    flex-shrink: 0;
    border-radius: 10px;
    background: #6AA089;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    padding-top: 1%;
}

.evtsr-span {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 114.286% */

}

.evtsr-head {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
}

/* ---------------------------- Artist Dashboard ---------------------------- */

.artist-box1 {
    background: #6aa089;
    border-radius: 15px;
    justify-content: center !important;
    width: 380px;
    height: 115px;
    padding-top: 40px;
    flex-shrink: 0;
}

.artist-box2 {
    background: #ff0000;
    border-radius: 15px;
    width: 225.338px;
    height: 115px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.artist-boxdash {
    background: #6aa089;
    border-radius: 15px;
    width: 210.338px;
    height: 215px;
    color: white;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.artist-box3 {
    background: #6aa089;
    border-radius: 15px;
    width: 225.338px;
    height: 115px;
    color: white;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.profile-card {
    background: #6aa089;
    border-radius: 15px;
    height: 325px;
    padding: 1rem;
    margin: 8rem auto;
    /* text-align: center; */
    color: white;
    font-family: Arial, sans-serif;
    position: relative;
    margin-bottom: 0px;
}

.profile-image {
    width: 169px !important;
    height: 163px !important;
    margin: -2rem 1rem;
    border-radius: 15px;
    object-fit: cover;
    border: 2.5px solid #E7F4E0;
    margin-top: -80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.camera-icon svg {
    color: white;
    font-size: 34px !important;
    cursor: pointer;
}

.profile-header {
    color: #F7F5F6;

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
    text-transform: uppercase;

    margin: 3rem 1rem;
    margin-bottom: 0rem;
    color: white;
}

.profile-bio {
    text-align: left;
    margin-top: 10px;
    /* margin-left: 1rem; */
    font-size: 14px;
    color: white;
    text-shadow: 0 0 1px #e5cfd0;
    font-weight: 900;
}

.list-userinfo {
    width: 336px;
    height: 148px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #E7F4E0;


}

.list-userinfotitle {
    color: var(--Black-60, #45464E);
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;


}

.list-usersdata {
    color: var(--Black-60, #45464E);
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.list-bio {
    width: 596px;
    height: 148px;
    border-radius: 16px;
    background: #E7F4E0;
    overflow-y: auto;
}

.list-serbox {
    width: 391px;
    height: 184px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #6AA089;
}

.profile-bio textarea {
    color: #e5cfd0;
    text-shadow: 0 0 1px #e5cfd0;
}

.profile-bio b {
    display: block;
    margin-bottom: 0.5rem;
    color: white;
    text-shadow: 0 0 10px white;
    font-size: 16px;
}

.list-serhead {
    color: #FFF;

    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.list-serinfo {
    color: #FFF;
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.list-tabs {
    width: 1122px;
    height: 155px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #E7F4E0;
}

.p-head {
    color: black;
    text-shadow: 0 0 1px black;
    font-weight: 900;
    font-size: 16px;
}

.artist-proinfo {
    width: 360px !important;
    height: auto !important;
    flex-shrink: 0;
    border-radius: 8px;
    background: #FFF;
}

.artist-data {
    background: #e7f4e0;
    border-radius: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

.Milestone-head {
    color: var(--Primary-Dark-Shade, #05004E);

    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
    text-align: center;
}

.artist-fininfo {
    width: 360px;
    height: 210px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #6AA089;
}

.op-headtext {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

.opheadtbn,
.opheadtbn:hover,
.opheadtbn:focus,
.opheadtbn:active {
    width: 313px;
    height: 67px;
    border-radius: 8px;
    background: #FFF !important;
    color: #6AA089;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 160% */
}

/* Make sure days and text are readable */
.flatpickr-day {
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin: 1px;
    font-size: 14px;
}

.flatpickr-months {
    font-size: 16px;
}

.flatpickr-weekdays {
    font-size: 13px;
}

.inbox-h {
    border-bottom: 1px solid #cdd8d1;
    font-weight: 900;
    color: black;
    font-size: 18px;
}

.in-hspan {
    color: var(--Black-40, #6E7079);
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.artist-in {
    border-radius: 12px;
    padding: 0px;
    background: #e7f4e0;
}

.inbox-head {
    color: #6e7079;
    font-weight: 700;
    font-size: 18px;
}

.inbox-msg {
    color: #6e7079;
    font-weight: 400;
    font-size: 18px;
}

#mini-calendar {
    width: 100%;
    min-height: 280px !important;
    /* background-color: red; */
}

#mini-calendar table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

#mini-calendar th {
    padding: 11px;
    font-size: 15.922px;
    color: var(--00-on-surface-medium-emphasis, rgba(0, 0, 0, 0.60));
    font-weight: 400;
    border: 0 !important;
}

#mini-calendar td {
    padding: 12px;
    font-size: 15.922px;
    color: black;
    font-weight: 500;
}

#mini-calendar .calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

#mini-calendar .calendar-header button {
    border: none;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px;
}

#mini-calendar .today {
    background-color: #6aa089;
    color: white;
    border-radius: 50%;
}

/* -------------------------- management dashboard -------------------------- */

.mg-Event {
    background-color: #91beaa;
    color: white;
    font-weight: bold;
    border-radius: 15px;
}

.dashboard {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.mg-box {
    background-color: #6aa089;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    text-align: center;
}

.panel {
    background-color: #6aa089;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    max-width: 400px;
    color: black;
}

.mgmt-ad {
    background-color: #51a1a7;
    border-radius: 15px;
}

.ad-box h3 {
    background-color: #6aa089;
    padding: 15px;
    border-radius: 15px;
    color: black;
    font-weight: bold;
    text-align: center !important;
    max-width: 400px;
    justify-content: center !important;
    width: 100%;
}

.section {
    flex: 1 1 300px;
    padding: 20px;
    border-radius: 15px;
    background-color: #6aa089;
    color: white;
    font-weight: bold;
}

.section ul {
    list-style: none;
    margin-top: 10px;
    padding: 0px !important;
}

.section ul li {
    margin-bottom: 8px;
    font-weight: normal;
}

.finance {
    background-color: #fde9eb;
    padding: 15px;
    border-radius: 10px;
    font-size: 14px;
}

.inbox b {
    display: block;
    margin-bottom: 5px;
}

.finance-chart {
    width: 150px;
    height: 150px;
    background: conic-gradient(#6e9b6d 0% 30%,
            #c14444 30% 70%,
            #d3d3d3 70% 100%);
    border-radius: 50%;
    margin: 10px auto;
}

/* Modal layering fix above drawers */
.modal {
    z-index: 2005 !important;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

/* ----------------------------- Venue dashboard ---------------------------- */

.v-uppay {
    background-color: white;
    border-radius: 15px;
}

/* ------------------------------ calendar CSS ------------------------------ */

#calendar {
    background-color: white;
    color: black;
}

.fc .fc-toolbar.fc-header-toolbar {
    background-color: white;
    color: white;
    padding: 0;
    margin-bottom: 14px;
}

.fc .fc-toolbar-title {
    color: #000000b8;
    font-size: 14px;
    border-left: none;
    border-right: none;
}

.fc-col-header-cell-cushion {
    color: #1a73e8;
    font-weight: 600;
    border: 0 !important;
}

.fc-event {
    background-color: #2ecc71;
    color: white;
    border: none;
}

.app-calendar-sidebar {
    background-color: #eaf2f8;
    color: #1f2d3d;
}

.app-calendar-sidebar h5,
.app-calendar-sidebar label {
    color: #34495e;
}

/* ------------------------------ pitching css ------------------------------ */

.pitch-box1 {
    background-color: #6aa089;
    border-radius: 15px;
    color: white;
    font-weight: 900;
    font-size: 28px;
    /* height: 95px;
     */
    /* padding-top: 7%; */
}

.pitch-box2 {
    background-color: #ff0000;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px !important;
}

.pitch-box3 {
    background-color: #6aa089;
    border-radius: 15px;
    color: white;
    font-weight: bold;
    font-size: 28px;
}

.pitch-date {
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 10px;
    color: black;
    font-weight: 900;
    white-space: nowrap;
}

.pitch-image {
    width: 50px;
    height: 50px;
    background-color: #ccc;
    display: inline-block;
    border-radius: 5px;
    margin-top: 30px !important;
}

.pitch-uptodate {
    background-color: #fde9eb;
    border-radius: 15px;
}

.pitch-section {
    background-color: #e7f4e0;
    border-radius: 10px;
    padding: 20px;
}

.btn-pitchup {
    background-color: #51a1a7;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    width: 241.809px;
    height: 55px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 10px;
}

.btn-pitchup:hover,
.btn-pitchup:active,
.btn-pitchup:focus {
    background-color: #51a1a7 !important;
}

.doc-card {
    background-size: cover;
    background-position: center;
    width: 285px;
    height: 182px;
    display: flex;
    flex-direction: column;
    background-image: url("../../images/pitch-bg.png");
    padding: 15px;
    color: white;
    position: relative;
}

.tev-bg {
    background-image: url('../../images/Component\ 6.png');
    background-size: cover;
    background-position: center;
    width: 274.179px;
    height: 72px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 25.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.103px;
    /* 118.516% */
    letter-spacing: -0.508px;
    padding-top: 15px;
    display: flex;
}

.topevent-bg {
    background-image: url('../../images/Component\ 6.png');
    background-size: cover;
    background-position: center;
    display: flex;
    width: 274.357px;
    height: 72px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 25.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.103px;
    /* 118.516% */
    letter-spacing: -0.508px;
    padding-top: 15px;

}

.p-nextrour {
    background-image: url('../../images/Component\ 6.png');
    background-size: cover;
    background-position: center;
    display: flex;
    width: 377px;
    height: 72px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 25.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.103px;
    /* 118.516% */
    letter-spacing: -0.508px;
    padding-top: 15px;

}

.top-text {
    color: var(--Greys-Blue-Grey-900, #151D48);

    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 123.077% */
    padding-top: 70px !important;
}

.rounded-right-corners {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.pkg-btn,
.pkg-btn:hover,
.pkg-btn:focus,
.pkg-btn:active {
    border-radius: 6px;
    background: #6AA089 !important;
}

.bg-mainbox {
    gap: 10px;
    overflow-x: auto;
    display: flex;
}

/* .bg-innerbox {
    width: 250px;
} */

.doc-btn,
.doc-btn:hover,
.doc-btn:active,
.doc-btn:focus {
    background-color: #6aa089;
    color: white;
    /* padding: 6px 12px; */
    font-weight: bold;
    border-radius: 8px;
    text-align: center !important;
    font-size: 22px;
    width: 202px !important;
    height: 73px !important;

    margin-bottom: 0px;
}

.doc-status {
    font-size: 12px;
    text-align: center;
}

.op-box {
    width: 1100px;
    height: 777px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #E6F4E0;
}

.current-pitch {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.opp-bar {
    border-radius: 10px !important;
    border: 1px solid var(--Black-1, #CFD3D4) !important;
    background: #FFF;
    width: 549px !important;
    height: 29px !important;
    padding: 8px;
}

.subtitle {
    color: #90beab;
    font-weight: bold;
    font-style: italic;
    margin: 0;
}

.title {
    margin-top: 5px;
    font-size: 22px;
    font-weight: bold;
    color: #111;
}

.filter-section {
    display: flex;
    justify-content: space-between !important;
    align-items: start;
    margin-top: 20px;
    margin-bottom: 10px;
}

.left h3 {
    font-size: 20px;
    margin: 0;
    color: black;
}

/* .search-bar {
    padding: 6px 10px;
    border-radius: 30px !important;
    border: 1px solid #ccc;
    width: 250px;
} */

.filters {
    display: flex;
    gap: 55px;
    margin-top: 3px;
    flex-wrap: wrap;
    color: black;
    font-weight: 700;
}

.op-filters {
    color: #000;
    display: flex;
    gap: 52px;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
}

.opp-filters {
    color: #000;
    display: flex;
    gap: 6px;
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
}

.filter-badges {
    background-color: #6aa089;
    /* border:1px solid black; */
    border-radius: 20px;
    color: white;
    text-align: center !important;
    justify-content: center !important;
}

.op-filter-badges {
    background-color: #f9f9f8;
    border: 1px solid #f3efef;
    border-radius: 20px;
    color: black;
    text-align: center !important;
    justify-content: center !important;
}

.filters label {
    font-size: 14px;
}

.dropbtn,
.dropbtn:hover,
.dropbtn:active,
.dropbtn:focus {
    display: flex;
    width: 147px;
    height: 29px;
    padding: 8px;
    padding-top: 1px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--Black-1, #CFD3D4);
    background: #FFF;
    margin-top: 6px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 120px;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1;
    right: 0;
    top: 35px;
}

.dropdown-content label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.table-wrapper {
    max-height: 500px;
    overflow-y: auto;
    margin-top: 10px;
    /* border-radius: 6px; */
}

/* For Webkit browsers */
.table-wrapper::-webkit-scrollbar {
    width: 8px;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background-color: #6aa089;
    border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-track {
    background: #d9e3df;
}

.category-row {
    color: black;
    font-weight: 900;
    font-size: 20px;
}

/* .service-box {
    background: #f9e3e3;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
    color: black;
} */

/* .event-details {
    width: 1093px;
    height: 306px;
    border-radius: 15px;
    background: #6AA089;
} */

.event-details .lineup {
    font-size: 13px;
    line-height: 1.3;
}

.documentation {
    background: #6aa089;
    color: white;
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px 20px;
}

.documentation span {
    margin-right: 15px;
    background: #d2d2d2;
    color: black;
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 13px;
}

.btn-update {
    background: #6aa089;
    border: none;
    /* padding: 15px 30px; */
    color: white;
    font-weight: bold;
    margin-top: 16px;
    border-radius: 10px;
}

.btn-update:hover,
.btn-update:active,
.btn-update:focus {
    background: #6aa089 !important;
}

.image-bg {
    background-color: #6aa089;
    border-radius: 15px;
}

.sup-folder {
    border: 2px solid #dfcccc;
    border-radius: 20px;
}

.sup-folder h2 {
    color: black;
    font-weight: 700;
}

.offer-sync {
    font-size: 20px;
    color: black;
    font-weight: 900;
}

.offer-sync2 {
    font-size: 20px;
    color: #5b585d;
    font-weight: 900;
}

/* ------------------------------ Financial css ----------------------------- */

.financial-box2 {
    background-color: #91beab;
    border-radius: 15px;
    color: black;
    font-weight: 900;
    font-size: 20px;
}

.financial-box3 {
    background-color: #51a1a7;
    border-radius: 15px;
}

.fi-invoice-text {
    color: white;
    font-weight: 900;
    font-size: 16px;
}

.fi-transfer1 {
    background-color: #6aa089;
    border-radius: 15px;
    color: white;
}

.fi-transfer2 {
    background-color: #51a1a7;
    border-radius: 15px;
}

.fi-transfer-text {
    color: white;
    font-size: 20px;
    font-weight: bold;
}

/* --------------------------- request sevice css --------------------------- */

.request-heading {
    font-size: 20px;
    font-weight: 900;
    color: black;
}

.what-need {
    width: 270px;
    height: 190px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.what-head {
    color: #F7F5F6;

    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.what-title {
    color: #F7F5F6;
    font-size: 22px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.viewservice-box {
    border-radius: 15px;
    background: #E6F4E0;
    padding: 20px;
    padding-top: 30px;
    width: 1120px;
    height: 97px !important;
    gap: 45px;
}

.viewreq-filters {
    display: flex;
    /* gap: 40px; */
    margin-top: 10px;
    flex-wrap: wrap;
    color: black;
    font-weight: 700;
    width: 176px !important;
    height: 35px;
}

.viewreq-filters p {
    font-weight: bold;
    font-size: 16px;
}

.custom-select-wrapper {
    position: relative;

}

.custom-select-wrapper select {
    position: relative;
    width: 176px;
    height: 35px;
    padding-right: 0px !important;
    flex-shrink: 0;
    color: #737791 !important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 3.277px !important;
    border: 1px solid #DDD !important;
    background: #F7F5F6 !important;
}


.custom-select-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='35' viewBox='0 0 36 35' fill='none'%3E%3Crect x='0.458496' width='35' height='35' rx='3.27678' fill='%236AA089'/%3E%3Cpath d='M23.4148 13.4787C23.296 13.3666 23.155 13.2776 22.9996 13.2169C22.8443 13.1562 22.6778 13.125 22.5097 13.125C22.3415 13.125 22.175 13.1562 22.0197 13.2169C21.8644 13.2776 21.7233 13.3666 21.6045 13.4787L16.6229 18.1716L11.6413 13.4787C11.4012 13.2526 11.0757 13.1255 10.7362 13.1255C10.3967 13.1255 10.0711 13.2526 9.83099 13.4787C9.59093 13.7049 9.45606 14.0116 9.45606 14.3314C9.45606 14.6512 9.59093 14.958 9.83099 15.1841L15.7242 20.7357C15.8429 20.8478 15.984 20.9368 16.1394 20.9975C16.2947 21.0582 16.4612 21.0894 16.6293 21.0894C16.7975 21.0894 16.964 21.0582 17.1193 20.9975C17.2746 20.9368 17.4157 20.8478 17.5345 20.7357L23.4277 15.1841C23.9156 14.7245 23.9156 13.9504 23.4148 13.4787Z' fill='%23F7F5F6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    pointer-events: none;
    z-index: 1;
}





.quick-category {
    background-color: #e7f4e0;
    border-radius: 15px;

    width: 756px;
    height: 242px;
    flex-shrink: 0;
}

.quick-btn,
.quick-btn:hover,
.quick-btn:active,
.quick-btn:focus {
    width: 224px;
    height: 51px;
    flex-shrink: 0;
    border-radius: 3.277px;
    border: 1px solid #DDD;
    background: #6AA089 !important;
    color: #F7F5F6;
    font-family: "Glacial Indifference";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}

.viewreq-ser {
    background-color: #6aa089;
    border: 1px solid #f4dddb;
    border-radius: 15px;
    color: White;
    font-weight: 900;
}

.collreq-ser {
    width: 319.043px;
    height: 88px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
    color: #F7F5F6;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-top: 4%;
}

.viewreq-ser h2 {
    color: white;
    font-weight: 700;
    text-align: center;
}

.viewreq-ser2 h2 {
    color: black;
    font-weight: 700;
    text-align: center;
}

.viewreq-ser2 {
    background-color: #51a1a7;
    border: 1px solid #f4dddb;
    border-radius: 15px;
    color: black;
    font-weight: 900;
}

.submit-quote {
    width: 289.449px;
    height: 57px;
    flex-shrink: 0;
    border-radius: 6.554px;
    background: #6AA089;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 17.476px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}


.submit-quote:hover,
.submit-quote:active,
.submit-quote:focus {

    background-color: #6aa089 !important;
}

.request-quote,
.request-quote:hover,
.request-quote:active,
.request-quote:focus {
    width: 289.449px;
    height: 57px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-size: 17.476px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-radius: 6.554px;
    background: #0F3659 !important;
}

.req-btnbg {
    background-image: url('../../images/Component\ 7.png');
    background-size: cover;
    background-position: center;
    width: 567px;
    height: 72px;
    justify-content: center;
}

.req-btn2bg {
    background-image: url('../../images/Component\ 8.png');
    background-size: cover;
    background-position: center;
    width: 567px;
    height: 72px;
    justify-content: center;
}

.req-btn1,
.req-btn1:hover,
.req-btn1:active,
.req-btn1:focus {


    align-items: center;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;

    font-size: 25.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.103px;
    /* 118.516% */
    letter-spacing: -0.508px;
}

.service-btn,
.service-btn:hover,
.service-btn:active,
.service-btn:focus {
    background-color: #6AA089;
    color: white;
    text-align: center;
    border: 1px solid white;
    font-size: 18px;
}

.req-btn2,
.req-btn2:hover,
.req-btn2:active,
.req-btn2:focus {
    color: #FFF;
    text-align: center;
    font-size: 25.4px;
    font-style: normal;
    font-weight: 700;
    line-height: 30.103px;
    /* 118.516% */
    letter-spacing: -0.508px;
}

.def-custom-select {
    position: relative;
    /* width: 100%; */
}

.def-custom-select select {
    appearance: none;
    width: 100%;
    /* padding: 10px 40px 10px 10px; */
    height: 35px;
    border: none;
    color: #737791;
    border-radius: 3.277px;
    border: 1px solid #DDD;
    background: #F7F5F6;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.when-box {
    width: 357px;
    height: 190px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.when-head {
    color: #F7F5F6;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    /* 168.182% */
}

.when-title {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.what-event {
    width: 265px;
    height: 190px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.what-event-title {
    color: #F7F5F6;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.brief-box {
    width: 944px;
    height: 127px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.brief-title {
    color: #F7F5F6;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.def-custom-select::after {
    content: "";
    position: absolute;
    top: 60%;
    right: 10px;
    transform: translateY(-50%);
    border: 6px solid transparent;
    border-top-color: white;
    pointer-events: none;
}

.def-custom-select::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    height: 100% !important;
    background-color: #90beab;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 5px;
    pointer-events: none;
}

.date-pair {
    display: flex;
    justify-content: space-between !important;
    gap: 20px;
    width: 50px;
}

.chat-container {
    display: flex;
    border-radius: 10px;
    background: #e8f6dc;
}

.chat-sidebar {
    width: 250px;
    background-color: #609b86;
    padding: 15px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    flex-direction: column;
    height: 500px;
    overflow: auto;
}

.chat-sidebar h4 {
    margin-bottom: 15px;
}















































.notification-icon {
    font-size: 18px;

    /* default ~24px hota hai, tum 16px ya 18px use kar lo */
    line-height: 1;
}

/* Sidebar */
.sidebar {
    width: 280px;
    background-color: #29705D;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.3s ease;
    overflow: hidden;
    /* z-index: 1000; */
    padding-top: 20px;
    padding-bottom: 16px;
}



.sidebar .logo_items {
    padding: 5px 20px 39px 20px;
    align-items: center;
    border-bottom: 1px solid #D3E7E0;
}

.sidebar .logo_name {
    font-size: 22px;
    font-weight: 700;
    color: #333;
}

.menu_items {
    padding: initial;
    list-style: none;
    width: 232px;
    margin: 0 auto;
}

.menu_items a {
    height: 40px;
    display: flex;
    gap: 12px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 40px;
    align-items: center;
    margin-bottom: 7px;
}

.menu_items a span {
    color: #7ED7B5;
    font-weight: 500;
    font-size: 14px;
}

.menu_items i {
    margin-right: 10px;
    font-size: 20px;
}

.collapsed .menu_items a span {
    display: none;
}

.collapsed .logo_name {
    display: none;
}

/* Collapse button */
.sidebar_collapse {
    border-top: 1px solid #ddd;
    padding: 15px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #E6F0EC;
}

/* Navbar */
.main-navbar {
    margin-left: 280px;
    background: #fff;
    padding: 0 30px;
    height: 77px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
    transition: all 0.3s ease;
    position: sticky;
    top: 0;
    z-index: 999;
}

/* Search bar */
.search-bar {
    position: relative;
    width: 465px;
    height: 80px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-bar input {
    border-radius: 8px;
    height: 45px;
    padding-left: 40px;
    padding-right: 64px;
    border-color: #ddd;
    width: 100%;
}

.search-bar i {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #A0A0A0;
}

/* Buttons */
.btn-green {
    background-color: #90BEAB;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    padding: 8px 15px;
    font-size: 14px;
    border: none;
    transition: background-color 0.2s;
}

.btn-green:hover {
    background-color: #7daa97;
}

.tour-btn {
    width: 130px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-info img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #90BEAB;
    object-fit: cover;
}

.user-details strong {
    font-size: 14px;
    color: #1e1e2f;
    font-weight: 600;
}

.user-details span {
    font-size: 12px;
    color: #A0A0A0;
}

/* Main content */
.main-content {
    margin-top: -100px;
    margin-left: -200px;
    /* previously 280px */
}


.main-content.expanded {
    margin-left: 80px;
}

/* Dashboard content */
.dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.dashboard-title {
    font-size: 24px;
    font-weight: 700;
    color: #333;
}

.dashboard-subtitle {
    font-size: 14px;
    color: #A0A0A0;
    margin-bottom: 30px;
}

.events-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.section-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.event-item {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #F0F0F0;
}

.event-item:last-child {
    border-bottom: none;
}

.event-checkbox {
    margin-right: 15px;
}

.event-details {
    flex-grow: 1;
}

.event-name {
    font-weight: 600;
    margin-bottom: 5px;
}

.event-location {
    color: #A0A0A0;
    font-size: 14px;
}

.event-info {
    display: flex;
    gap: 20px;
    font-size: 14px;
    color: #555;
}

.event-type {
    background-color: #E6F0EC;
    color: #2b6752;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.event-status {
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
}

.status-unresponded {
    background-color: #FFF5E6;
    color: #E6A700;
}

.status-concept {
    background-color: #E6F0EC;
    color: #2b6752;
}

.legend-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.legend-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.legend-color {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
}

.artist-color {
    background-color: #90BEAB;
}

.details-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.details-links {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.details-link {
    color: #555;
    text-decoration: none;
    font-weight: 500;
    padding: 8px 0;
    transition: color 0.2s;
}

.details-link:hover {
    color: #2b6752;
}

.activities-section {
    background-color: #fff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.activities-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.main-menu.menu-light .navigation>li ul .active {
    background: #91beaa;

    border-radius: 4px;
    z-index: 1;
}

.notification-text {
    font-weight: 500;
    margin-bottom: 3px;
    white-space: normal;
    word-wrap: break-word;
}

.blurred-module {
    filter: blur(2px);
    /* pointer-events: none; */
    position: relative;
    filter: blur(1.5px);
    cursor: pointer;
    pointer-events: auto !important;
    /* Allow clicking */
}

.blurred-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6);
    z-index: 2;
}

/* Add this for the actual text color */
.main-menu.menu-light .navigation>li ul .active>a,
.main-menu.menu-light .navigation>li ul .active>a span,
.main-menu.menu-light .navigation>li ul .active>a i {
    color: white !important;
}

.notification-time {
    font-size: 0.8rem;
    color: #6c757d;
}

.notification-item.unread {
    background-color: #f8f9fa;
    /* border-left: 3px solid #007bff; */
}

/* Child active styles */
/* .menu-content li.active a {
   border-radius: 16px;
background: #91BEAA;
  width: 242px;
height: 64px;
padding: 20px 2px !important;
  color: white;
  margin-left: 5px !important;
  font-weight: 400 !important;
  color: white !important;
  font-size: 18px;
} */

.menu-icon-svg {
    fill: #737791 !important;
    width: 100% !important;
    height: 100% !important;

}


.main-menu.menu-light .navigation>li.active>a svg .menu-icon-path {
    fill: #fff !important;
}



@media (min-width: 1200px) {
    .main-menu {
        display: none !important;
    }
}

/* Show sidebar normally for screens < 1200px */
@media (max-width: 1199.98px) {
    .main-menu {
        display: block !important;
    }
}

#notification-dropdown-list .dropdown-header {
    background-color: #6AA089;
    font-weight: 700;
    padding: 0.75rem 1rem;
    color: white;
}

#notification-dropdown-list .notification-item a {
    padding: 0.75rem 1rem;
    display: block;
    text-decoration: none;
    color: #212529;
    border-bottom: 1px solid #dee2e6;
    white-space: normal;
    /* Allow text to wrap */
}

#notification-dropdown-list .notification-item a:hover {
    background-color: #E7F4E0;
}

#notification-dropdown-list .notification-item .summary {
    font-size: 0.9em;
    margin-bottom: 0.25rem;
}

#notification-dropdown-list .notification-item .time {
    font-size: 0.75em;
    color: #6c757d;
}

#notification-dropdown-list .see-all-link {
    display: block;
    text-align: center;
    padding: 0.5rem;
    font-weight: 700;
    text-decoration: none;
    color: black;
}

#notification-dropdown-list .see-all-link:hover {
    background-color: #E7F4E0;
}

.notification-box {
    background-color: white;
    position: relative;
}

.ho-pref:hover {
    background-color: #E7F4E0 !important;
    color: black !important;
}

.notification-icon {
    color: orange;
    font-size: 82px;
}

.notification-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    display: none;
}

.flatpickr-calendar {
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: #29705D;
    border-color: #29705D;
    color: #fff;
}

.flatpickr-months .flatpickr-month,
.flatpickr-weekdays {
    color: #2C2D33;
}

#search-results a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    transition: background-color 0.2s ease;
}

#search-results a:hover {
    background-color: #E7F4E0;
    /* Bootstrap green */
    color: #E7F4E0;
}





















.chat-user {
    background: #2d3342;
    border-radius: 10px;
    padding: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.chat-sidebar .active {
    background: #0f3659 !important;
}

.chat-user img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.chat-user p {
    font-size: 12px;
    margin: 0;
    color: #ccc;
}

.chat-main {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chat-messages {
    flex-grow: 1;
    height: 300px;
    overflow: auto;
}

.chat-bubble-left,
.chat-bubble-right {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.chat-bubble-left span,
.chat-bubble-right span {
    background: #6aa089;
    padding: 8px 12px;
    border-radius: 12px;
    font-size: 14px;
    color: #333;
}

.chat-bubble-left img,
.chat-bubble-right img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.chat-bubble-left {
    gap: 10px;
}

.chat-bubble-right {
    justify-content: flex-end;
    gap: 10px;
}

.chat-input-bar {
    display: flex;
    width: 768px;
    height: 59px;
    flex-shrink: 0;
    border-radius: 30px;
    background: #312F2F;
    text-align: center;
    gap: 4px;
    padding: 2%;
}

.chat-input-bar input {
    flex: 1;
    border: none;
    background: transparent;
    color: white;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    outline: none;
}

.chat-input-bar button {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

.chat-input-bar button {
    background: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

#emoji-button {
    color: #f5d142;
}

/* ------------------------------- Collaborate ------------------------------ */
.collaborate-ser {
    background-color: #6aa089;
    border: 1px solid #f4dddb;
    border-radius: 15px;
    color: White;
    font-weight: 900;
    min-height: 280px !important;
}

.cat-ptext {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.list-probox {
    width: 289.449px;
    height: 57px;
    flex-shrink: 0;
    border-radius: 6.554px;
    background: #6AA089;
    color: #FFF;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: normal;
    text-transform: capitalize;
    text-align: center !important;
}

.referral-btn {
    background: #6AA089 !important;
    color: #FFF;
    /* border-radius: 6px; */
}

.list-submitoffer {
    width: 289.449px;
    height: 57px;
    border-radius: 6.554px;
    background: #6AA089 !important;
    color: #FFF;
    text-align: center;
    font-size: 17.476px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.list-submitoffer:hover,
.list-submitoffer:focus,
.list-submitoffer:active {
    background: linear-gradient(90deg, #6AA089 0%, #3D6F5A 100%) !important;
}

.offer-headbox {
    height: 242px;
    width: 1093px;
    border-radius: 15px;
    background: #6AA089;
}

.offer-title {
    /* color: #F7F5F6; */
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.offer-info {
    color: #F7F5F6;
    font-family: "Glacial Indifference";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.offer-bioinfo {
    color: #F7F5F6;
    font-family: "Glacial Indifference";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.offer-service-box {
    width: 419px;
    height: 100px;
    flex-shrink: 0;
    border-radius: 7px;
    background: #91BEAA;
}

.cl-card {
    background-color: #6aa089;
    /* greenish shade */
    border-radius: 15px;
    text-align: center;
    /* padding: 10px 0; */

    color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.cl-user-info {
    color: #101119;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    /* 111.765% */
}

/* -------------------------------- Tour Css -------------------------------- */

.tour-header {
    background-color: #6aa089;
    color: white;
    text-align: center;
    padding: 10px;
    border-radius: 15px;
    width: 332px;
    height: 71px;

    top: 142px;
    left: 600px;
}

.tourdet-in {
    color: #45464E;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 7px;
    background: #FFF;
    width: 643px !important;
    height: 53px !important;
    flex-shrink: 0;
}

.tour-region {
    width: 310.943px;
    height: 106px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #E7F4E0;
}

.t-yourdate {
    color: var(--Primary-Dark-Shade, #05004E);
    font-family: "Glacial Indifference";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.t-yoursapn {
    color: var(--Black-60, #45464E);
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.t-viewMoreBtn {
    width: 152.087px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #C3D3E2;
    color: #0F3659;
    text-align: center;

    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
}

.stops-box {
    width: 255.789px !important;
    height: 271px !important;
    flex-shrink: 0;
    border-radius: 15px;
    background: #E7F4E0;
}

.tour-summary-box {
    border-radius: 15px;
    background: #E7F4E0;
    width: 529px !important;
    height: 184px !important;
    flex-shrink: 0;
}

.tour-essentials {
    border-radius: 15px;
    background: #91BEAB;
    width: 529px;
    height: 184px;
    flex-shrink: 0;
}

.tour-sum-bug {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 16.65px;
    font-style: normal;
    font-weight: 700;
    line-height: 25.015px !important;
    /* 72.161% */
    text-transform: capitalize;
}

.stop-darkbox {
    width: 255.789px !important;
}

/* Global drawer overlay */
.global-drawer-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1044;
    pointer-events: none;
}

.stop-name {
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.tour-region-label {
    color: var(--Black-60, #45464E);
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;

}

.tourvenue-input {
    border-radius: 4px !important;
}

.tour-manbox {
    width: 1150px;
    height: 329px;
    flex-shrink: 0;
    border-radius: 16px;
    border: 1px solid #F8F9FA;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(238, 238, 238, 0.50);
}

.top-evp {
    color: var(--Primary-Dark-Shade, #05004E);
    font-family: "Glacial Indifference";
    font-size: 22px;
    font-style: normal;
    font-weight: 700;

}

.you-ev {
    display: flex;
    width: 274.179px;
    height: 72px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    background-color: #6AA089;

}

.top-evspan {
    color: var(--Greys-Blue-Grey-700, #737791);
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    /* 187.5% */
}

.top-evbtn {
    width: 100px;
    height: 40px;
    color: #0F3659;
    text-align: center;
    /* sm/Medium */
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #C3D3E2;
    background-color: white;
}

.tour-header h3 {
    font-weight: 900;
    color: white;
}

.input-box {
    background-color: #6aa089;
    border-radius: 15px;
    /* padding: 30px; */
    height: 153px;
    top: 239px;
    left: 603px;
    padding: 16px;
}

.status-box {
    background-color: #e7f4e0;
    border-radius: 15px;

    width: 181px;
    height: 153px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    top: 239px;
    left: 1315px;
}

.tour-status-box {
    width: 310.943px;
    height: 106px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #E7F4E0;
}

.tour-mission {
    width: 425px;
    height: 179px;
    flex-shrink: 0;
    border-radius: 16px;
    background: #E7F4E0;
}

.tour-card {
    /* border: 2px solid #9f9e9e; */
    /* border-radius: 10px; */
    padding: 43px !important;
    background: #e9f4e2;
    text-align: center;
    /* height: 70%; */
}

input.form-control {
    max-width: 100%;
}

.tour-card div {
    font-weight: bold;
    color: black;
}

.tour-card .status {
    font-size: 14px;
}

.tour-amtext {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 16.65px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 12.015px; 72.161% */
    text-transform: capitalize;
}

.tour-bgin {
    width: 101px !important;
    height: 32px !important;
    flex-shrink: 0;
    line-height: 12.015px !important;
    /* 72.161% */

    border-radius: 3.85px;
    border: 0.6px solid #C0C1C5;
    background: #FFF;
}

.tour-tix {
    font-weight: 800 !important;
    padding-top: 3%;
    font-size: 12px !important;
    white-space: nowrap;
    color: black;
}

.tour1-box {
    border-radius: 4px;
    background: #e9f4e2;
}

.summary-box {
    background-color: #e7f4e0;
    border-radius: 8px;
    padding: 15px;
    font-size: 18px;

    overflow-y: auto;
    top: 855px;
    left: 395px;
    width: 274px;
    height: 204px;

}

.summary-box div {
    color: black;
    font-size: 18px;
}

.sum-boxspan {
    font-weight: 700;
    color: black;
    font-weight: 900;
    font-size: 18px;
}

.ev-sum-boxspan {
    color: #000;
    text-align: right;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 177.778% */
}

.essentials {
    background: #91beab;
    padding: 15px;
    border-radius: 10px;
    color: white;
}

.tour-essential {
    border-radius: 4px;
    background: #E7F4E0;
    /* width: 228px; */
    height: 40px;
    flex-shrink: 0;
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 228.571% */
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin-top: 3% !important;
    padding-top: 1%;
}

.update-tourbtn,
.update-tourbtn:hover {
    border-radius: 6.554px;
    background: #6AA089 !important;
    width: 169px;
    height: 59px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.save-modelbtn,
.save-modelbtn:hover,
.save-modelbtn:focus,
.save-modelbtn:active {
    border-radius: 6.554px;
    background: #6AA089 !important;
    width: 149px;
    height: 39px;
    font-size: 16px;
    color: white !important;
}

.close-modelbtn,
.close-modelbtn:hover,
.close-modelbtn:focus,
.close-modelbtn:active {
    border-radius: 6.554px;
    background: #E7F4E0 !important;
    width: 149px;
    height: 39px;
    font-size: 16px;
    color: black !important;
}

.opp-eventbox {
    width: 502px;
    height: 70px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #6AA089;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
    padding-top: 8px;

}

.opp-subtitle {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 114.286% */
}

.opp-title {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;

}

.es-show {
    border: 1px white solid;
    border-radius: 4px;
}

.es-head {
    color: #FFF;
    font-family: "Glacial Indifference";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.es-show-btn {
    width: 75px;
    height: 25px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #FFF;
    font-size: 11px;
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 181.818% */
}

.essentials h5 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    font-weight: 900;
}

.net-positive {
    color: #6aa089;
    font-weight: 900;
    font-size: 18px;
}

.net-negative {
    color: #a01b0a;
    font-weight: bold;
}

.tdate-edit {
    background: #6aa089;
    border-radius: 15px;
    color: white;
    font-weight: 700;
    font-size: 18px;
}

.datetour-card {
    background-color: #6aa089;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
}

.eventtour-card {
    width: 259px;
    height: 131px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #6AA089;
    text-align: center;

}

.evdefinner-text {
    color: #000;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    /* 110% */
}

.evdefinner-box {
    width: 259px;
    height: 93px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #E9F4E2;
    text-align: center;
}

.event-role {
    padding: 4%;
}

.ev-typetext {
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 177.778% */
}

.mile-date {
    color: #000;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    /* 73.333% */
    padding-top: 10%;
}

.ev-summary-box {
    width: 274px;
    height: 204px;
    overflow: auto;
    flex-shrink: 0;
    border-radius: 8px;
    background: #E9F4E2;
}

.evsumm-text {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
}

.eve-pagebtn {
    border-radius: 4px;
    border: 1px solid #FFF;
    width: 75px;
    height: 25px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 181.818% */
    background-color: transparent;
}

.event-docbox {
    border-radius: 4px;
    background: #E7F4E0;
    width: 278px;
    height: 32px;
    flex-shrink: 0;
    color: #000;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 228.571% */
}

.evt-essentials {
    border-radius: 4px;
    background: #51A1A7;
    width: 470px;
    height: 111px;
    flex-shrink: 0;
}

.ev-date-doc {
    width: 318px;
    height: 204px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #91BEAB;
}

.mile-role {
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 200% */
}

.definner-box {
    background: #e9f4e2;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tourdate-card2 {
    background: #51a1a7;
    color: white;
    padding: 10px;
    text-align: center;
}

.datetour-card3 {
    border: 2px solid #9f9e9e;
    background-color: white !important;
    padding: 10px;
    text-align: center;
}

.tdate-doc {
    background: #91beab;
    border-radius: 15px;
    padding: 15px;
}

.event-pagebtn2,
.event-pagebtn2:hover,
.event-pagebtn2:active,
.event-pagebtn2:focus {
    background: #e7f4e0 !important;
    border: none;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 5px 20px;
    font-weight: bold;
    color: black;
}

.tour-search {
    width: 327px;
    height: 42px;
    padding: 2px 32px 2px 24px;
    align-items: center;
    gap: 8px;
    color: var(--Greys-Blue-Grey-700, #737791);
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 16px;
    background: #F7F5F6;

}

.ts-select {
    color: #737791;
    font-family: "Glacial Indifference";
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.event-pagebtn,
.event-pagebtn:hover,
.event-pagebtn:active,
.event-pagebtn:focus {
    border: 2px solid white !important;
    border-radius: 7px !important;
    color: white !important;
}

.event-pagebtn1,
.event-pagebtn1:active,
.event-pagebtn1:focus,
.event-pagebtn1:hover {
    border-radius: 8px;
    border: 1px solid #c3d3e2;
    background-color: transparent !important;
}

.map-responsive {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 ratio */
    height: 0;
    overflow: hidden;
}

.map-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.user-card {
    border-radius: 6px;
    background: #F8F8F8;
    background-color: white;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    /* width: 340px; */
    gap: 15px;
}

.user-icon {
    background: #000;
    color: #fff;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.user-info {
    flex-grow: 1;
}

.user-info h4 {
    margin: 0;
    font-size: 16px;
}

.user-info p {
    margin: 3px 0 0;
    font-size: 13px;
    color: #555;
}

.user-actions {
    display: flex;
    gap: 10px;
}

.user-actions i {
    color: #333;
    cursor: pointer;
    font-size: 18px;
}

.user-actions i:hover,
i:active,
i:focus {
    color: #000;
}

.btn-back,
.btn-back:hover,
.btn-back:active,
.btn-back:focus {
    width: 185px !important;
    height: 60px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #6AA089 !important;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}

.tshortlist-head {
    color: var(--Primary-Dark-Shade, #05004E);
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 6px;
    /* 106.667% */
}

.tshortlist-span {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 160% */
}

.ts-region {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 25px;
    /* 138.889% */
}

.ts-tablehead {
    color: var(--Primary-Dark-Shade, #05004E);

    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.ts-tablespan {
    color: var(--Primary-Dark-Shade, #05004E);

    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 213.333% */
}

.ysh-btn,
.ysh-btn:hover,
.ysh-btn:active,
.ysh-btn:focus {
    background: #0f3659 !important;
    border-radius: 6px;
    color: white;
    font-weight: 900;
    text-align: center;
}

/* ---------------------------- Event Service Css --------------------------- */

.etser-section {
    background: #e6f4e0;
    padding: 1rem;
    width: 1067px;
    border-radius: 15px;
    background: #E6F4E0;
    margin-bottom: 1rem;
    color: black;
}

.etser-heading {
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.etser-boxbtn {
    width: 173px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 6px;
    background: #6AA089;
    color: #F7F5F6;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 177.778% */
}

.etser-boxpara {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 177.778% */
}

.etser-boxbudget,
.etser-boxbudget:hover,
.etser-boxbudget:focus,
.etser-boxbudget:active {
    width: 91px !important;
    height: 24px !important;
    flex-shrink: 0;
    background: #FFF !important;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 200% */
}

.etser-morebtn,
.etser-morebtn:hover,
.etser-morebtn:active,
.etser-morebtn:focus {
    width: 89.625px;
    height: 22px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #A1A2A7;
    color: #0F3659;
    text-align: center;
    font-size: 9px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 222.222% */
    margin-top: 2%;
}

.etser-headspan {
    color: #000;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 32px;
    /* 200% */
}

.shortlist-box {
    width: 451px;
    height: 296px !important;
    border-radius: 15px;
    background: #E6F4E0;
}

.etser-shhead {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.etsht-text {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
    /* 105.556% */
    padding-top: 6%;
}

.etser-card {
    border-radius: 18px;
    background-color: #6aa089;
}

.etsht-boxin {
    width: 166px;
    height: 220px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.etsht-img {
    border-radius: 15px;
    border: 2.5px solid #E7F4E0;
    width: 169px;
    height: 163px;
    flex-shrink: 0;
}

.psh-card {
    border-radius: 15px;
    background: #6AA089;
    width: 169px;
    min-height: 213px !important;
    flex-shrink: 0;
}

.etshr-bdgbox {
    border-radius: 15px;
    background: #E6F4E0;
    width: 589px;
    height: 221px;
    flex-shrink: 0;
}

.etshr-bdgtext {
    color: #000;

    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    /* 184.211% */
}

.etshr-bdgtextbrand {
    color: #6AA089;

    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
}

.psh-cardtext {
    color: #FFF;
    text-align: center;

    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 19px !important;
    /* 105.556% */
    padding: 8% 8%;
}

.ptsh-btn,
.ptsh-btn:hover,
.ptsh-btn:active,
.ptsh-btn:focus {
    border-radius: 6.554px;
    background: #0F3659;
    display: flex;
    width: 169px;
    height: 59px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.etser-box {
    background: #e9f4e2;
    border-radius: 15px;

}

.psh-shortlist-img {
    width: 169px !important;
    height: 163px !important;
    flex-shrink: 0;
    border-radius: 15px;
    border: 2.5px solid #E7F4E0;
    /* border-radius: 0.5rem; */
}

.shortlist-img {
    width: 100%;
    height: auto;
    /* border-radius: 0.5rem; */
}

.psh-event {
    width: 502px;
    height: 70px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #6AA089;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    padding-top: 2% !important;
}

.psh-span {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 114.286% */
}

.psh-head {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
}

.psh-mainbox {
    width: 1057px;
    min-height: 315px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #E6F4E0;
}

.psh-date {
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

.bug-evbox {
    width: 502px;
    height: 70px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #6AA089;
    color: #FFF;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 114.286% */
    padding-top: 20px;
}

.bug-title {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}

.bug-titlespan {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /* 128% */
}

.bug-content {
    width: 1057px;
    height: 695px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #E6F4E0;
}

.bug-contenttitle {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    /* 145.455% */
}

/* ------------------------------ Mesaages Css ------------------------------ */

.inbox-box {
    background-color: #eaf4e4;
    border-radius: 10px;
    display: flex;
    width: 1106px !important;
    height: 639px;
    flex-shrink: 0;
    box-sizing: bordr-box;
}

.in-sidebar {
    width: 286px;
    height: 510px;
    flex-shrink: 0;
    background-color: #6aa089;
    border: 1px solid #999;
    overflow-y: scroll;

    position: relative;
}

.in-menu {
    margin: 15px;

    text-align: left;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    /* border-bottom: 1px solid #999; */
    color: black;
    border-radius: 10px;
    background: #2d3342;
}

/* .in-menu:last-child {
    border-bottom: none;
} */

.spam-button {
    width: 286px;
    height: 70px;
    flex-shrink: 0;
    border-radius: 10px;
    background: #6AA089;
    color: #FFF;
    font-family: "Glacial Indifference";
    font-size: 25px !important;
    font-style: normal;
    font-weight: 700 !important;
    padding-top: 20px !important;
    line-height: normal;
    position: relative;
    overflow: hidden;
}

.chat-area {
    /* width: 80%; */
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 0px !important;
    height: 630px;
}

.messages {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.message {
    background-color: #6aa089;
    padding: 10px 15px;
    border-radius: 20px;
    width: fit-content;
    max-width: 60%;
    position: relative;
    border: 2px solid #6aa089;
    color: white;
}

.message img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.message.received {
    align-self: flex-start;
    border-top-left-radius: 0;
}

.message.sent {
    align-self: flex-end;
    border-top-right-radius: 0;
}

.message.received::before {
    content: "";
    position: absolute;
    left: -11px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #6aa089;
    z-index: 1;
}

.message.received::after {
    content: "";
    position: absolute;
    left: -12px;
    /* Thoda piche outline ke liye */
    top: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #6aa089;
    /* Border color */
    z-index: 0;
}

.message.sent::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #6aa089;
    z-index: 1;
}

.message.sent::after {
    content: "";
    position: absolute;
    right: -12px;
    /* Thoda piche outline ke liye */
    top: 15px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #6aa089;
    /* Border color */
    z-index: 0;
}

.notification {
    background-color: #d0e4d0;
    border: 1px solid #aaa;
    padding: 8px;
    border-radius: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.message small {
    display: block;
    margin-top: 5px;
    color: #555;
    font-size: 10px;
    text-align: right;
}

.send-box {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.send-box input {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.send-box button {
    padding: 12px 20px;
    background-color: #6aa089;
    color: white;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}

/* ------------------------------ Edit profile ------------------------------ */

.editpro-box {
    border-radius: 15px;
    background: #51a1a7;
    width: 319.043px;
    height: 88px;
    flex-shrink: 0;
}

.editpro-box p {
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    padding-top: 9%;
}

.editpro-doc {
    font-size: 21px;
    font-style: normal;
    font-weight: 700;
}

/* ------------------------------- Pricing Css ------------------------------- */

.plan-box {
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    color: white;
    transition: transform 0.3s;
}

.plan-box:hover {
    transform: translateY(-5px);
}

.plan-free {
    width: 340.555px;
    height: 430.81px;
    flex-shrink: 0;
    border-radius: 14px;
    background: #51A1A7;
}

.pfree-head {
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 87.5% */
}

.free-text {
    color: #F7F5F6;
    text-align: center;

    font-size: 84px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 33.333% */
}

.free-planbtn {
    width: 227.325px;
    height: 55.943px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #F7F5F6;
    color: #000;
    text-align: center;

    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 147.368% */
}

.free-info {
    color: #F7F5F6;
    text-align: center;

    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 127.273% */
}

.plan-paid {
    border-radius: 14px;
    background: #6AA089;
    width: 340.555px;
    height: 430.81px;
    flex-shrink: 0;
}

.paid-head {
    color: #F7F5F6;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 77.778% */

}

.paid-infospan {
    color: #F7F5F6;
    text-align: center;

    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    /* 109.524% */
}

.paid-info {
    color: #F7F5F6;

    font-size: 21px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
}

.paid-price {
    color: #F7F5F6;
    text-align: center;

    font-size: 94px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 29.787% */
}

.paid-planbtn {
    border-radius: 8px;
    background: #E7F4E0;
    width: 227.325px;
    height: 55.943px;
    flex-shrink: 0;
    color: #000;
    text-align: center;

    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    /* 147.368% */
}

.brand-logos img {
    /* max-height: 25px; */
    margin: 15px;
}

.billing-toggle input[type="radio"] {
    margin-right: 37px;
}

.pr-lockin {
    color: #000;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pr-brand {
    color: #000;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.billing-toggle label {
    color: #444;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 100% */
}

.pr-head {
    color: #444;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 66px;
    /* 110% */
}

/* -------------------------------- Faqs Css -------------------------------- */
.accordion {
    width: 1064px;

}


.accordion-button {
    color: #000;
    font-family: "Glacial Indifference";
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 26px !important;
    /* 130% */
}

.accordion-button:not(.collapsed) {
    background-color: #91beaa;
    color: #fff !important;
    font-weight: 700;
    font-size: 20px !important;

}

.accordion-body {
    background-color: #e7f4e0;

    color: #000;
    font-family: Montserrat !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    /* 144.444% */
}

.accordion-button:focus {
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.accordion-item {
    border: none;
    margin-bottom: 10px;
}

.affiliates-btn,
.affiliates-btn:hover,
.affiliates-btn:active,
.affiliates-btn:focus {
    width: 193px;
    height: 43px;
    flex-shrink: 0;
    border-radius: 3.277px;
    border: 1px solid #DDD;
    background: #FFF;
    color: #6AA089;
    font-family: "Glacial Indifference";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    white-space: nowrap;
}

.aff-head {
    color: #444;
    text-align: center;
    font-family: "Glacial Indifference";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.aff-para {
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    /* 144.444% */
}

.aff-card {
    width: 272px;
    height: 377px;
    flex-shrink: 0;
    border-radius: 15px;
    background: #6AA089;
}

.aff-cardhead {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    /* 115% */
    text-align: center;

}

.aff-cardspan {
    color: #FFF;

    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
}

.doc-darkbox {
    background-color: #6AA089;
    color: white;
}

@media screen and (max-width: 768px) {
    .profile-section .row>div {
        margin-bottom: 15px;
    }

    .documentation span {
        display: block;
        margin-bottom: 8px;
    }
}

.left-menu-link {
    width: 232px;
    height: 40px;
    gap: 12px;
    opacity: 1;
    border-radius: 12px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    text-decoration: none !important;
    color: #7ED7B5 !important;
}

.btn-theme {
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    color: #fff;
    border: none;
    opacity: 1;
    border-radius: 6px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: none;
    box-shadow: none;
}

.dropdown-toggle::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 1px solid white !important;
    border-bottom: 1px solid white !important;
    transform: rotate(45deg);
    position: static !important;
}

.sort-icon {
    font-size: 12px;
    color: #6c757d;
}

th.asc .sort-icon {
    color: #000;
}

.site-button,
.site-button:hover {
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    color: #fff;
    border: none;
    height: 36px;
    opacity: 1;
    border-radius: 6px;
    align-items: center;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    padding-left: 14px;
    padding-right: 14px;
}

.nav-link-next-line,
.header-menu-left-line {
    position: relative;
}

.nav-link-next-line::after {
    content: "";
    position: absolute;
    right: -3px;
    top: 6px;
    height: 77%;
    width: 1px;
    background: #b7b8bba8;
}

.header-menu-left-line::before {
    content: "";
    position: absolute;
    left: -12px;
    top: -18px;
    bottom: 0;
    height: 167%;
    width: 1px;
    background: #b7b8bba8;
}

.unread-badge {
    background-color: #6AA089;
    color: white;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    margin-left: 8px;
    animation: pulse 5s infinite;
    font-weight: 900 !important;
}

.user-dashboard-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    padding: 16px 20px;
    height: 88px;
    background: linear-gradient(90deg, #D6F5E5 0%, #DAF2F3 100%);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border: 1px solid #7ED7B5;
}

.user-dashboard-box.active {
    background: #80808014;
    color: #fff;
    border: none;
}

/* start left menu design */
.menu_items li.active a,
.menu_items li a:active,
.menu_items li a:hover {
    background-color: #26a37b;
    color: #fff !important;
    border-radius: 10px;
}

.menu_items li.active .menu-text {
    color: #fff !important;
}

/* Dashboard link */
.menu_items .menu-link-dashboard {
    color: #7ED7B5;
}

/* Icon style */
.menu_items .menu-icon {
    width: 24px;
    height: 24px;
    opacity: 0.9;
    color: #208A6A;
}

/* Discover title */
.menu_items .discover-title {
    margin: 16px 0 8px 12px;
    font-size: 13px;
    font-weight: 600;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #7ED7B5;
}

/* Divider line */
.menu-divider {
    height: 1px;
    width: 232px;
    margin-left: 12px;
}

.sidebar-collapse-text {
    font-size: 14px;
    color: #7ED7B5;
}

/* end left menu design */
.modal-backdrop.show {
    z-index: 0;
    opacity: 0;
}

.badge {
    width: auto !important;
}

.site-bg-color {
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
}

/* Drawer center overlay when Send Pitch or Pitch drawer is open */
.drawer-center-overlay {
    position: absolute;
    inset: 0;
    background: rgba(12, 14, 22, 0.20);
    backdrop-filter: blur(3px);
    border-radius: 12px;
    z-index: 5;
    pointer-events: none;
}

@media (min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 1000px;
    }
}

.fs-15px {
    font-size: 15px;
}

.venue-short-text {
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.venue-text {
    width: 241px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.badge {
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    height: auto !important;
    line-height: normal;
}

.event-tab-link {
    color: #29705D !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px;
    height: 64px !important;
}

.event-tab-link:after {
    border: 1px solid #27ae80 !important;
}

.event-tab-link.active {
    background-color: #EEFBF5 !important;
    border-color: #26a37b !important;
}

.event-tab-link:after {
    height: 1px !important;
}

.w-300 {
    width: 300px;
}

.milestone-grid-header {
    display: grid;
    grid-template-columns: 130px 1fr 150px 250px 1fr;
    background: #F8F9FA;
    border-radius: 8px;
    padding: 12px 8px;
    font-weight: 600;
    font-size: 14px;
    color: #555;
}

.milestone-grid-row {
    display: grid;
    grid-template-columns: 130px 1fr 150px 250px 1fr;
    align-items: center;
    border: 1px solid #E3E7EA;
    border-radius: 10px;
    padding: 12px 8px;
    margin-top: 12px;
    background: #FFFFFF;
    box-sizing: border-box;
    gap: 8px;
}

/* CSS for the Header */
.event-grid-header {
    display: grid;
    background: #F8F9FA;
    border-radius: 8px;
    padding: 7px 12px;
    font-weight: 600;
    font-size: 14px;
    color: #555;
    height: 32px;
}

/* CSS for the Body Rows */
.event-grid-row {
    display: grid;
    align-items: center;
    border: 1px solid #E3E7EA;
    border-radius: 10px;
    padding: 7px 12px;
    margin-top: 12px;
    background: #FFFFFF;
    box-sizing: border-box;
    gap: 8px;
}

.event-grid-header,
.event-grid-row {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.5fr);
    column-gap: 0;
}

/* Name & Location Column Styles */
.event-info-container {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    /* important */
}

.event-image {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
}

.event-text-group {
    display: flex;
    flex-direction: column;
    min-width: 0;
    /* important */
}

.event-name-link {
    min-width: 0;
    /* important */
    font-weight: 600;
    color: #101828;
    font-size: 15px;
    text-decoration: none;
    /* Add this for standard link styling */
}

.event-location-text {
    color: #667085;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.location-icon {
    color: #667085;
    font-size: 12px;
}

/* General Text Column Styles (Date, Budget) */
.event-data-text {
    color: #344054;
    font-size: 14px;
    min-width: 0;
}

/* Status Badge Styles */
.status-badge {
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
}

/* Artist Stack Styles */
.artist-stack {
    display: flex;
}

.artist-image {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    margin-left: -8px;
    object-fit: cover;
}

/* Top Event Toggle Column Style */
.top-event-col {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-right: 10px;
}

#events-list-view .form-check-input:checked {
    background-color: #f19736 !important;
    border-color: #f19736 !important;
}

/* Target the main container for the header toolbar buttons */
.fc .fc-toolbar-chunk:first-child {
    /* Optional: Center the content if the calendar is wide */
    display: flex;
    justify-content: flex-start;
}

/* Target the specific container holding prev, title, and next */
.fc-prev-button,
.fc-next-button,
.fc-toolbar-title {
    /* Use border properties to create the connected box look */
    border: 1px solid #ccc;
    /* Light grey border */
    padding: 0 1em;
    /* Adjust padding for spacing */
    height: 36px;
    /* Ensure consistent height */
    line-height: 36px;
    /* Vertically align text */
    margin: 0;
    /* Remove default margin */
    box-sizing: border-box;
    /* Include padding and border in the element's total width and height */
    background-color: white;
}

/* Specific styling to connect the elements */
.fc-prev-button {
    border-radius: 4px 0 0 4px;
    /* Round the left corners */
    border-right: none;
    /* Remove right border to connect it to the title */
    cursor: pointer;
}

.fc-next-button {
    border-radius: 0 4px 4px 0;
    /* Round the right corners */
    border-left: none;
    /* Remove left border to connect it to the title */
    cursor: pointer;
}

.fc-toolbar-title {
    /* No rounded corners, just acts as the center connector */
    text-align: center;
    font-weight: 500;
    /* Adjust font weight as needed */
    width: auto;
    /* Allow the title to size based on its content */
}

.fc .fc-button:not(:disabled),
.fc a[data-navlink],
.fc-event.fc-event-draggable,
.fc-event[href] {
    cursor: pointer;
    background-color: white;
    color: black;
    border: 1px solid #cccccc;
}

.fc-toolbar-chunk>div {
    display: flex;
    align-items: center;
    /* Vertically aligns the buttons and title */
    gap: 0;
    /* Ensures no extra space between elements */
}

.fc-toolbar-title {
    margin: 0;
    /* Important: removes default H2 margins */
    display: inline-flex;
    /* Ensures it behaves nicely in the flex container */
    padding: 0 1em;
    /* Add padding for spacing within the title element */
}

.fc-prev-button {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.fc-next-button {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.fc-daygrid-event.fc-daygrid-block-event a {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 5px;
}

.fc-col-header-cell {
    background-color: #f4f6f7 !important;
    padding: 5px !important;
}

.header-search-bar {
    background-color: #f4f6f7 !important;
    height: 36px;
    border-radius: 10px;
    width: 480px;
}

.header-search-bar .search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-44%);
    width: 18px;
    height: 18px;
}

.header-search-bar input {
    border-radius: 8px;
    height: 36px;
    padding-left: 36px;
    border-color: #dddddd21;
    font-size: 14px;
    margin-bottom: 0 !important;
    background-color: transparent;
}

.header-search-bar input::placeholder {
    color: #8a96a1 !important;
}

.card-title {
    font-size: 1.2rem !important;
    font-weight: bold !important;
    color: #208A6A;
}

.btn {
    box-shadow: none !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
}

#search-results {
    z-index: 1000;
    max-height: 250px;
    overflow-y: auto;
    top: 24px;
}

.offcanvas {
    width: 640px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    overflow-y: auto;
    overflow-x: hidden;
}

.offcanvas .offcanvas-title {
    font-size: 16px;
    font-weight: 600;
    color: #22252A;
    line-height: 20px;
}

.offcanvas .offcanvas-body {
    display: flow !important;
    padding: 0;
}

#eventOffcanvas #ofcanvasMsgBox {
    padding: 12px;
    border-radius: 8px;
    background-color: #F0FAFB;
    margin-bottom: 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #2B545F;
    margin: 32px 40px;
}

.upload-box {
    cursor: pointer;
    width: 165px;
    height: 206px;
    border-radius: 10px;
    opacity: 1;
    border-width: 1px;
    border-style: solid;
    border-color: #E3E7EA;
    overflow: hidden;
    /* gap: 4px; */
    display: flex;
    margin-bottom: 0 !important;
    background-color: #f5f6f7;
}

.upload-box #posterPreview {
    width: 165px;
    height: 206px;
    object-fit: fill;
    border-radius: 10px;
    opacity: 1;
    cursor: pointer;
}

.remove-poster-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 6px 12px;
    border: 1px solid #d1d1d1;
    border-radius: 6px;
    background-color: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease;
    margin-top: 9px;
}

.remove-poster-btn:hover {
    background-color: #f8f9fa;
    border-color: #bdbdbd;
}

input[type="search"]:focus {
    border: 1px solid #ced4da !important;
    outline: none;
}

.badges {
    display: inline-block !important;
    padding: 0.40em 0.8em !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    width: auto !important;
    height: auto !important;
    text-align: center !important;
    white-space: nowrap !important;
    border-radius: 0.35rem !important;
}

:root {
    --gigsync-green: #00BF63;
    --gigsync-blue: #3498DB;
    --text-dark: #333;
    --text-light: #888;
    --border-color: #E1E2E9;
    --upload-bg: #F8F9FA;
}

.offcanvas-backdrop {
    background-color: rgba(0, 0, 0, 0.45) !important;
}

.alert-info {
    background-color: #F1F8FE !important;
    border: none !important;
}

.alert-info .btn-close {
    font-size: 10px;
    /* Smaller 'x' icon */
    opacity: 0.7;
}

.remove-poster {
    font-size: 12px;
    color: var(--text-light);
    cursor: pointer;
    text-decoration: none;
    margin-top: 5px;
}

.event-form-group .form-label {
    font-size: 14px;
    font-weight: bold !important;
    color: #22252A !important;
    line-height: 20px;
}

.event-form-group .form-control {
    border-radius: 10px !important;
    border: 1px solid #CBD1D6 !important;
    font-size: 14px;
}

/* Date Input Group Icon */
.input-group-text {
    background-color: transparent !important;
    padding-right: 9px;
    padding-left: 4px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.input-group .form-control {
    flex-grow: 1;
}


/* Accordion/List Item Styling (Your Artists, Venue, etc.) */
.accordion-item {
    border: none !important;
    border-bottom: 1px solid var(--border-color) !important;
    /* Separator line */
    width: 608px;
}

.accordion-item:last-of-type {
    border-bottom: none !important;
    width: 608px;
    /* set fixed width */
}


.accordion-button-custom {
    display: flex;
    align-items: center;
    width: 100%;
    background-color: transparent !important;
    color: var(--text-dark) !important;
    font-weight: 400;
    /* Regular font weight */
    font-size: 16px;
    padding: 15px 0;
    box-shadow: none !important;
    text-align: left;
    border: none;
}

.accordion-button-custom i {
    color: var(--gigsync-green);
    /* Green plus icon */
    margin-right: 15px;
    font-size: 16px;
    font-weight: 600;
}

.accordion-button-custom:hover,
.accordion-button-custom:not(.collapsed) {
    color: var(--text-dark) !important;
    background-color: transparent !important;
}

/* Pitch Documents 'Upload' Text */
.upload-text-end {
    color: var(--text-light);
    font-size: 14px;
}

/* Footer: Cancel Button */
.btn-outline-secondary {
    border-color: var(--border-color) !important;
    color: var(--text-dark) !important;
    background-color: transparent !important;
    padding: 8px 15px;
    border-radius: 6px;
}

/* Footer: Total Budget */
.budget-label {
    font-size: 12px;
    color: var(--text-light);
}

.btn-create-event {
    color: var(--gigsync-blue) !important;
    font-weight: 600;
    padding: 8px 15px;
    background-color: transparent !important;
    border: none !important;
}

.custom-acc {
    width: 100% !important;
}

.custom-acc .custom-ac-item {
    border-top: 1px solid #e6edf0;
    border-radius: 0;
    overflow: visible;
    width: 100%;
}

.custom-acc .acc-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    background: #fff;
    cursor: pointer;
    border: 0;
    width: 100%;
    text-align: left;
    color: #0b6b74;
    font-weight: 600;
    font-size: 14px;
    height: 52px;
}

.custom-acc .acc-header .custom-acc-btn {

    line-height: 16px;

    border: 1px solid #CBD1D6;

    border-radius: 10px;

    padding: 7px 12px;

    background-color: white;

    color: #3F444B;

    font-size: 13px;

    font-weight: 500;
}

.custom-acc .acc-icon {
    flex: 0 0 22px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0b6b74b3;
    color: #0b6b74;
    font-weight: 700;
    font-size: 19px;
    background: #fff;
    margin-right: 6px;
}

.custom-acc .acc-icon.open {
    background: #0b6b74;
    color: #fff;
    transform: rotate(0deg);
}

.custom-acc .acc-title {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    color: #307F8D !important;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
}

.custom-acc .acc-action {
    flex: 0 0 auto;
    color: #6c757d;
    font-size: 14px;
    cursor: pointer;
}

.wh-20 {
    width: 20px !important;
    height: 20px !important;
}

.event-budget-label {
    color: #208A6A;
    font-weight: bolder;
    font-size: 13px;
}



.date-input-wrapper {
    position: relative;
}

#eventDate:focus {
    outline: none !important;
    box-shadow: none !important;
}

#eventDate::-webkit-calendar-picker-indicator {
    background: transparent;
    opacity: 1;
    cursor: pointer;
}

#eventDate::-webkit-calendar-picker-indicator:hover,
#eventDate::-webkit-calendar-picker-indicator:active {
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

.date-input-wrapper input[type="text"] {
    padding-right: 30px;
    background-color: white !important;
}

.date-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
}

.event-dialog {
    width: 841px;
    min-width: 841px;
}

.event-dialog .modal-header {
    background-color: white;
    height: 80px;
}

.event-dialog .modal-title {
    font-size: 16px !important;
    font-weight: 600;
    line-height: 20px;
    height: 20px;
}

.search-box {
    width: 320px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid #CBD1D6;
}

.search-box input {
    font-size: 14px;
    color: #7B8995;
    border: none !important;
    height: 29px;
    line-height: 29px;
    padding: 0 10px !important;
}

.search-box img {
    width: 20px !important;
    height: 20px !important;
    margin-left: 7px;
}

.first-th {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.last-th {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.event-dialog th {
    border-bottom: none !important;
}

.event-dialog .table>:not(caption)>*>* {
    line-height: 0px;
    box-shadow: none !important;
    vertical-align: middle;
    padding-top: 9px;
    padding-bottom: 9px;
    line-height: 11px;
    border-bottom: 1px solid #cbd1d6;
}

/* dialog checkbox and radio */
.event-dialog input[type=checkbox],
.event-dialog input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #80808073 !important;
    position: relative;
    background-color: white;
    transition: background-color 0.2s, border-color 0.2s;
}

.event-dialog input[type=checkbox] {
    border-radius: 4px !important;
}

.event-dialog input[type=radio] {
    border-radius: 50% !important;
}

.event-dialog input[type=checkbox]:checked,
.event-dialog input[type=radio]:checked {
    background-color: #26A37B !important;
    border-color: #26A37B !important;
}

.event-dialog input[type=checkbox]:checked::after {
    content: "";
    width: 4px;
    height: 9px;
    position: absolute;
    top: 1px;
    left: 5px;
    border: solid #D6F5E5;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.event-dialog input[type=radio]:checked::after {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #D6F5E5;
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
    border: none;
    transform: none;
}

.event-dialog .tag {
    color: gray;
    background-color: #F2F3F4;
    border-radius: 6px;
    padding: 4px 7px;
    line-height: 24px;
    margin-right: 3px;
    font-size: 13px;
    font-weight: 500;
}

.event-dialog .avatar-holder img {
    width: 36px !important;
    height: 36px !important;
}

.event-dialog .avatar-holder span {
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    color: #22252A;
    padding-left: 13px;
    font-weight: 500;
}

.event-dialog tr.selected {
    background-color: #EEFBF5;
    border-left: 2px solid #26A37B;
}

.event-dialog tr.selected .tag {
    color: #26A37B;
    background-color: #DFFFD6 !important;
}

.event-dialog tr.selected td,
.event-dialog tr.selected .avatar-holder span {
    color: #136951 !important;
}

.event-box {
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #E3E7EA;
    display: flex;
    height: 124px;
}

.event-box img {
    width: 80px !important;
    height: 100px !important;
    border-radius: 8px;
    object-fit: contain;
}

.event-box .date {
    font-size: 13px;
    line-height: 16px;
    height: 16px;
    color: #292D32;
    font-weight: 400;
    margin-bottom: 8px;
}

.event-box .title {
    font-size: 15px;
    line-height: 20px;
    height: 20px;
    color: #22252A;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0px;
}

.event-box .sub-title {
    font-size: 13px;
    line-height: 18px;
    height: 18px;
    color: #7B8995;
    font-weight: 500;
    margin-bottom: 8px;
}

.custom-tag {
    border-radius: 6px !important;
    padding: 3px 10px !important;
    text-align: center !important;
    line-height: 20px !important;
    font-weight: 400 !important;
}

.btn-light {
    background-color: white !important;
    color: #3F444B !important;
    border: 1px solid #CBD1D6 !important;
    color: #fff;
    border: none;
    height: 36px;
    opacity: 1;
    border-radius: 6px;
    align-items: center;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    padding-left: 14px;
    padding-right: 14px;
}

.btn-active-state {
    background-color: #26A37B !important;
    color: #fff !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background-color: #29705D !important;
    box-shadow: none !important;
}

.form-select,
.form-select:focus .form-select:focus,
.form-select:active {
    background-image: url('../../images/icon-chevron-down.png') !important;
    color: #22252A !important;
    height: 36px;
    border: 1px solid #CBD1D6 !important;
    border-radius: 10px;
    background-size: 21px;
}

.form-select:focus {
    box-shadow: none !important;
    border: 1px solid #CBD1D6 !important;
}

.p-3 {
    padding: 2.25rem !important;
}

.gap-3 {
    gap: 2.25rem !important;
}

.pitch-offcanvas-custom {
    width: 640px;
}

.offcanvas-end-custom {
    z-index: 100000000;
}

/* Ensure header is always clickable above offcanvas panels */
.main-navbar {
    position: relative;
    z-index: 1200;
}

.main-navbar .dropdown-menu {
    z-index: 1201;
    transform: none !important;
}

.pitch-actions-footer {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding: 1rem;
    box-shadow: none;
    z-index: 1050;
    border-top: 1px solid #f0f0f0;
}

.pitch-actions-footer button {
    height: 36px;
    border-radius: 10px !important;
    padding: 8px 12px;
}


.pitch-detail-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    border-bottom: 1px solid #ebe9f1;
}

.pitch-detail-item span {
    font-weight: 500 !important;
    line-height: 18px;
    letter-spacing: 0%;
    font-size: 13px;
}

.pitch-detail-item span:first-child {
    color: #3F444B !important;
}

.pitch-detail-item span:last-child {
    color: black !important;
}

.pitch-lineup-item {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    width: 205px;
}

.pitch-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 0.75rem;
    border: 2px solid white;
    box-shadow: 0 0 0 1px #ddd;
}

/* Custom gradient styles based on user's request */
.pitch-btn-decline {
    background: linear-gradient(90deg, #DA4545 0%, #C93939 100%);
    color: white !important;
    border: none !important;
}

.pitch-btn-negotiate,
.pitch-btn-accept,
.pitch-btn-send-msg {
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    color: white !important;
    border: none !important;
}

.pitch-modal .modal-title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: black;
}

.pitch-modal .modal-description {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0%;
    color: black;
}

.pitch-modal .decline-title {
    color: #C93939 !important;
}

.pitch-modal label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
    vertical-align: middle;
    color: #22252A;
}

.pitch-modal textarea {
    width: 100%;
    height: 96px;
    border-radius: 10px;
}

.pitch-document-holder .heading,
.pitch-milestone-holder .heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #396B74;
}

.pitch-document-holder .sub-heading,
.pitch-milestone-holder .sub-heading {
    background-color: #F6F6F6;
    border-radius: 8px;
    padding: 12px;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #3F444B;
}

.pitch-document-holder .file-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0;
    text-decoration-skip-ink: auto;
    color: #136951;
    margin-left: 10px;
}

.pitch-extra-info-holder .left {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #3F444B;
}

.pitch-extra-info-holder .colored {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    text-align: right;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0;
    text-decoration-skip-ink: auto;
    color: #136951;
}

.header-create-event-button {
    width: 151px;
    height: 36px;
    border-radius: 10px;
    padding: 8px 12px;
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #D6F5E5 !important;
    display: block;
}

.b-radius-12 {
    border-radius: 12px;
}

.card-header:first-child {
    border-radius: 0 !important;
}

.create-event-btn {
    border-radius: 10px;
    padding: 8.5px 12px;
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #D6F5E5 !important;
}

.received-a-service-btn {
    border-radius: 10px;
    padding: 8.5px 12px;
    border: 1px solid #CBD1D6;
    font-weight: 500;
    font-size: 14px;
    line-height: 36px;
    color: #3F444B;
    display: inline;
}

input:focus {
    border-color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

.custom-status {
    padding: 4.5px 12px !important;
    border-radius: 6px !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.status-accepted {
    background: #C7F9CC !important;
    color: #1B7041 !important;
}

.status-unresponded {
    background: #CDE6FF !important;
    color: #1A66C9 !important;
}

.status-negotiation {
    background: #C7E0FF !important;
    color: #215CBA !important;
}

.status-request {
    background: #E4D4FF !important;
    color: #6128C4 !important;
}

.status-declined {
    background: #F7C8C8 !important;
    color: #A12727 !important;
}

.status-concept {
    background: #FFE8CC !important;
    color: #C96A00 !important;
}

.status-cancelled {
    background: #F8D2D2 !important;
    color: #A43434 !important;
}

.status-preannounce {
    background: #FFEAF1 !important;
    color: #D12F6B !important;
}

.status-announced {
    background: #E4D4FF !important;
    color: #6128C4 !important;
}

.status-onsale {
    background: #C7F9CC !important;
    color: #1B7041 !important;
}

.status-complete {
    background: #EDEDED !important;
    color: #555 !important;
}

.status-default {
    background: #EDEDED !important;
    color: #555 !important;
}

.full-divider {
    width: 220px;
    margin-left: 12px;
    height: 1px;
}

.sidebar.collapsed {
    width: 56px !important;
    padding-right: 0;
}

.sidebar.collapsed .menu_items {
    margin-top: 38px;
    width: 40px;
}

.sidebar.collapsed .logo_items {
    padding: 2px;
}

.sidebar.collapsed .menu-text {
    display: none;
}

.sidebar.collapsed .menu_items li.active a {
    width: 40px;
    border-radius: 11px;
    padding: 8px;
}

.main-navbar.expanded {
    margin-left: 56px !important;
}

.sidebar.collapsed .menu_items .menu-link {
    padding: 4px;
    justify-content: center;
}

.sidebar.collapsed .sidebar-collapse-btn {
    padding: 0 0 0 28px;
}

.app-content.expanded {
    margin-left: 142px;
}

#collapseBtn {
    position: fixed;
    left: 23px;
    bottom: 20px;
    width: 237px;
}

.sidebar.collapsed #collapseBtn {
    left: 10px;
    width: 36px;
}

.sidebar.collapsed .full-divider {
    width: 40px;
    margin-left: 1px;
}

.sidebar.collapsed .menu_items .discover-title {
    margin: 16px 0 8px 2px;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.drawer-table thead {
    height: 32px;
    background-color: #F4F6F7;
}

/*manage drawer table*/
.drawer-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

.drawer-table th:nth-child(1),
.drawer-table td:nth-child(1) {
    width: 30%;
}

.drawer-table th:nth-child(2),
.drawer-table td:nth-child(2) {
    width: 30%;
}

.drawer-table th:nth-child(3),
.drawer-table td:nth-child(3) {
    width: 30%;
}

.drawer-table th:nth-child(4),
.drawer-table td:nth-child(4) {
    width: 10%;
}

.drawer-table thead th {
    padding: 10px;
}

.drawer-table tbody td {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.drawer-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

/*organizer drawer table*/
.organizer-drawer-table {
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
}

.organizer-drawer-table thead {
    height: 32px;
    background-color: #F4F6F7;
}

.organizer-drawer-table th,
.organizer-drawer-table td {
    width: 30%;
    padding: 8px;
}

.organizer-drawer-table tbody td {
    border-bottom: 1px solid #ddd;
}

.organizer-drawer-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.45) !important;
}

.form-label {
    font-size: 14px;
    color: #22252A;
    line-height: 20px;
    vertical-align: middle;
}

.offcanvas-title {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: #22252A;
}

.text-sm {
    font-weight: 400;
    font-size: 11px;
    line-height: 18px;
    letter-spacing: 0;
    color: #5F6D7B;
}

.status-concept .fc-event-title {
    background: #FFE8CC !important;
    color: #C96A00 !important;
    padding-left: 6px;
}

.status-accepted .fc-event-title {
    color: #1B7041 !important;
    padding-left: 6px !important;
}

.drawer-reminder-btn {
    border-radius: 10px;
    padding: 8px 12px;
    background-color: white;
    border: 1px solid #CBD1D6;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: black;
    letter-spacing: 0;
}

.drawer-inner-padding {
    padding-left: 40px;
    padding-right: 40px;
}

.offcanvas-bottom {
    height: 64px !important;
    border-top: 1px solid #d8d6de !important;
    width: 640px;
    padding-top: 13px !important;
    text-align: end !important;
}

.offcanvas-body {
    overflow-y: clip !important;
}

.offcanvas-header {
    height: 56px;
    line-height: 56px;
    padding: 16px 40px;
    border-bottom: 1px solid #E3E7EA;
}

.offcanvas-header .btn-close {
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    opacity: 1;
    background: transparent url('/images/icon-times.png') no-repeat;
}

.drawer-status-btn {
    position: relative;
    cursor: pointer;
}

.drawer-status-btn .status-option {
    cursor: pointer;
}

.drawer-status-btn .left-status-option .status-btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.drawer-status-btn .right-status-option .status-btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.drawer-status-btn input {
    display: none;
}

.drawer-status-btn .status-btn {
    height: 36px;
    border: 1px solid #ebe9f1;
    border-radius: 8px;
    font-weight: 600;
    background-color: white;
    line-height: 36px;
    transition: 0.2s;
    display: inline-block;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
}

.drawer-status-btn .status-option input:checked+.status-btn {
    background: #26A37B;
    color: #EEFBF5 !important;
    border-color: #208A6A;
    font-weight: 500 !important;
}

/*Event Draw Table*/

.organizer-draw-table thead {
    height: 32px;
    background-color: #F4F6F7;
}

.organizer-draw-table td,
.organizer-draw-table th {
    padding: 8px;
}

.organizer-draw-table td {
    border-bottom: 1px solid #e6edf0;
}

.organizer-draw-table .budget {
    width: 110px;
    height: 36px;
    font-size: 14px;
    border: 1px solid #CBD1D6;
}

.organizer-draw-table {
    width: 100%;
    table-layout: fixed;
}

.organizer-draw-table thead th:nth-child(1),
.organizer-draw-table tbody td:nth-child(1) {
    width: 34.65%;
}

.organizer-draw-table thead th:nth-child(2),
.organizer-draw-table tbody td:nth-child(2) {
    width: 25.57%;
}

.organizer-draw-table thead th:nth-child(3),
.organizer-draw-table tbody td:nth-child(3) {
    width: 16.49%;
}

.organizer-draw-table thead th:nth-child(4),
.organizer-draw-table tbody td:nth-child(4) {
    width: 21.87%;
}

.organizer-draw-table tbody tr:last-child td {
    border-bottom: none !important;
}

.organizer-draw-table tfoot td {
    height: 26px !important;
    padding-top: 14px !important;
    padding-bottom: 18px !important;
    border-bottom: 0 !important;
    text-align: right;
    border-top: 1px solid #e6edf0;
    font-weight: 600;
}

.organizer-draw-table tfoot td span.left {
    color: #208A6A;
}

.organizer-draw-table tfoot td span.right {
    color: black;
}

/*Event Draw Table*/

.event-draw-table thead {
    height: 32px;
    background-color: #F4F6F7;
}

.event-draw-table td,
.event-draw-table th {
    padding: 8px;
}

.event-draw-table td {
    border-bottom: 1px solid #e6edf0;
}

.event-draw-table {
    width: 100%;
    /* parent width */
    table-layout: fixed;
    /* ensures columns respect widths */
}

.event-draw-table .budget {
    width: 110px;
    height: 36px;
    font-size: 14px;
    border: 1px solid #CBD1D6;
}

.event-draw-table thead th:nth-child(1),
.event-draw-table tbody td:nth-child(1) {
    width: 33.1%;
}

.event-draw-table thead th:nth-child(2),
.event-draw-table tbody td:nth-child(2) {
    width: 31.4%;
}

.event-draw-table thead th:nth-child(3),
.event-draw-table tbody td:nth-child(3) {
    width: 19.2%;
}

.event-draw-table thead th:nth-child(4),
.event-draw-table tbody td:nth-child(4) {
    width: 5.4%;
}

.event-draw-table tbody tr:last-child td {
    border-bottom: none !important;
}

.event-draw-table tfoot td {
    height: 26px !important;
    padding-top: 14px !important;
    padding-bottom: 18px !important;
    border-bottom: 0 !important;
    text-align: right;
    border-top: 1px solid #e6edf0;
    font-weight: 600;
}

.event-draw-table tfoot td span.left {
    color: #208A6A;
}

.event-draw-table tfoot td span.right {
    color: black;
}

.date-input-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
}

.upload-document-btn {
    width: 152px;
    height: 36px;
    gap: 8px;
    opacity: 1;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid #CBD1D6;
    background-color: white;
    line-height: 14px;
}

.drawer-textarea {
    height: 116px !important;
    width: 379px !important;
    border-radius: 10px;
    border: 1px solid #CBD1D6;
    padding: 8px 12px;
}

.drawer-exclusivity {
    width: 367px !important;
    border-radius: 10px !important;
    border: 1px solid #CBD1D6 !important;
    color: #525C68 !important;
}

.text-muted {
    color: #7B8995 !important;
}

.drawer-vertical-padding {
    padding-top: 32px;
    padding-bottom: 32px;
}

.pitch-header-img {
    width: 164px;
    height: 206px;
    object-fit: cover;
    border-radius: 8px;
}

.site-text {
    color: #136951;
}

.pitch-offcanvas-custom {
    width: 640px;
}

.event-detail-offcanvas-custom {
    width: 95.5%;
    z-index: 10000;
}

.event-detail-tabs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    height: 44px;
    vertical-align: middle;
}

.event-detail-tabs .nav {
    margin-bottom: 0px !important;
}

.event-detail-tabs .nav-link {
    position: relative;
    color: #29705D;
    font-size: 14px;
    font-weight: 500;
    line-height: 44px;
    height: 44px;
}

.event-detail-tabs .nav-link.active {
    color: #136951;
    background-color: #EEFBF5;
    height: 44px;
    line-height: 44px;
}

.event-detail-tabs .nav-link.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border: 1px solid #49BE94;
}

.event-detail-drawer-left {
    min-width: 420px;
    width: 420px;
    height: 87vh;
    background: #f4f6f7;
    /* padding: 32px 24px; */
}

.event-detail-drawer-left .section1 {
    margin-bottom: 0;
    padding: 32px 24px;
}

.event-detail-drawer-left .section1 img {
    width: 96px;
    height: 120px;
    border-radius: 8px;
}

.event-detail-drawer-left .section1 .first {
    height: auto;
}

.event-detail-drawer-left .section1 .first .heading {
    font-weight: 600;
    font-style: Semi Bold;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #22252A;
}

.event-detail-drawer-left .section1 .first .description {
    font-weight: 400;
    font-style: Regular;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0%;
    color: #22252A;
}

.event-detail-drawer-left .section1 .second {
    height: 36px;
}

.event-detail-drawer-left .section2 {
    padding: 0 24px 21px 25px;
}

.event-detail-drawer-left .section3 {
    margin-top: 53px;
    border-top: 1px solid #ebe9f1;
    padding-top: 15px;
    justify-content: center;
    display: flex;
    padding-bottom: 15px;
}

.event-detail-drawer-right {
    padding: 32px 24px;
    position: relative;
}

.event-detail-drawer-header {
    height: 60px;
    padding: 12px 24px;
    border-bottom: 1px solid #E3E7EA;
}

.event-detail-drawer-card .title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #208A6A;
}

.event-detail-drawer-card .filter,
.event-detail-selectbox {
    width: 180px;
    height: 36px;
    opacity: 1;
    border-radius: 10px;
    border-width: 1px;
    padding-left: 12px;
    border: 1px solid #CBD1D6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('/images/icon-chevron-down.png');
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 36px;
}

.event-detail-drawer-card .filter:focus-visible,
.event-detail-selectbox:focus-visible {
    outline: none !important;
}

.event-detail-drawer-card .search {
    width: 180px;
    height: 36px !important;
    opacity: 1;
    border-radius: 10px;
    padding: 8px;
    border: 1px solid #CBD1D6;
}

.event-detail-drawer-card .search input {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle;
    font-size: 14px;
    border: 0;
}

.event-detail-drawer-card .button,
.event-detail-drawer-card .button:hover {
    height: 36px;
    border-radius: 10px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #D6F5E5;
}

.drawer-color-btn {
    height: 36px;
    border-radius: 10px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: linear-gradient(90deg, #26A37B 0%, #307F8D 100%);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #D6F5E5 !important;
}

.drawer-white-btn {
    height: 36px;
    border-radius: 10px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
    background: white;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #3F444B !important;
    border: 1px solid #CBD1D6;
}

.event-detail-drawer-body {
    padding: 16px 24px;
}

.upload-document-dialog-box {
    width: 640px !important;
    border-radius: 12px !important;
}

.upload-document-dialog-box .modal-header {
    height: 56px;
    padding: 16px 32px;
    gap: 4px;
    background-color: white;
    border-bottom: 1px solid #ebe9f1;
}

.upload-document-dialog-box .modal-body {
    padding: 32px;
}

/* Category pill badges */
.pill-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
}

.pill-assets {
    background: #E6F2FF;
    color: #2F7EEA;
}

.pill-specs {
    background: #F3E9FF;
    color: #7B4DE3;
}

.pill-marketing {
    background: #FFEAF1;
    color: #D12F6B;
}

.pill-other {
    background: #FFF2E5;
    color: #AA5B00;
}

.pill-uncategorised {
    background: #EEF2F6;
    color: #5B6573;
}

.no-data-event-detail-drawer-cell {
    text-align: center;
    border: 1px solid #dce5e2;
    border-radius: 8px;
    border-bottom-width: 1px !important;
}

.event-docs-dropzone {
    height: 160px;
    background: #F4F6F7;
    border-color: #E3E7EA !important;
    border-radius: 8px !important;
}

.event-docs-dropzone-text {
    color: #5B6573;
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
}

.event-docs-dropzone-text a {
    color: #123028;
    font-weight: bold;
    text-decoration: underline;
}

.event-docs-dropzone-text-helper {
    font-weight: 400;
    font-style: Regular;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    color: #7B8995;
}

.venue-card img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
}

.venue-card p {
    font-weight: 500;
    font-size: 13px;
    line-height: 100%;
    color: #22252A;
    width: 132px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.venue-card span {
    font-family: Inter;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #7B8995;
}

.pitch-action-btn,
.pitch-action-btn:hover {
    background-color: white !important;
    border-radius: 10px;
    padding: 8px 12px;
    border: 1px solid #CBD1D6;
    font-weight: 500;
    color: #3F444B;
}

.pitch-tab {
    height: 100%;
    display: flex !important;
    align-items: center !important;
    box-shadow: none;
    line-height: 62px !important;
    height: 62px;
    color: #29705D !important;
    font-weight: 500 !important;
    font-size: 14px !important;
}

.pitch-tab-active,
.nav-tabs .nav-link.pitch-tab.pitch-tab-active {
    background: rgb(234, 245, 231) !important;
}

.view-event-add-dialog-box {
    width: 700px !important;
    min-width: 700px !important;
}

.status-toggle-btn {
    border: 1px solid #cbd1d6;
    border-radius: 10px;
    padding: 7px 10px;
    background: #fff
}

.pill-badge {
    border-radius: 12px;
    padding: 4px 8px;
    font-weight: 600;
    font-size: 12px
}

.caret-icon {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    transform: rotate(45deg);
    margin-left: 8px;
    margin-right: 4px;
    margin-top: -6px !important;
}

.status-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    background: #fff;
    border: 1px solid #E1E2E9;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(12, 14, 22, 0.12);
    padding: 6px;
    z-index: 10
}

.status-option {
    border-radius: 8px;
    cursor: pointer;
    margin-bottom: 9px;
}

.status-option:hover {
    background: #F7F8FA
}

.checkmark {
    color: #2b8a3e;
    font-size: 14px;
    margin-left: 8px
}

.status-concept {
    background: #F2F7F4;
    color: #064e3b
}

.status-preannounce {
    background: #fee0ed;
    color: #b0003a
}

.status-announced {
    background: #e6efff;
    color: #1f4db5
}

.status-onsale {
    background: #e8f5fe;
    color: #0c5d91
}

.status-complete {
    background: #e9f7ef;
    color: #256c3d
}

.status-default {
    background: #f0f1f4;
    color: #3F444B
}

.modal-header {
    background-color: white !important;
    border-bottom: 1px solid #cbd1d6;
    height: 56px;
    ;
}

.modal-title {
    font-size: 16px;
    line-height: 56px;
}

.w-100 {
    width: 100% !important;
}

.p-32 {
    padding: 32px;
}

.px-32 {
    padding-left: 32px;
    padding-right: 32px;
}
#insuranceInquiryModal .heading {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #208A6A;
    margin-top: 10px;
}

#insuranceInquiryModal .sub-heading {
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    color: #22252A;
    width: 336px;
    margin: 0 auto;
}
.swal2-container{
    z-index: 100000000000;
}
.nav-tabs .nav-link:after {
    background: linear-gradient(30deg, #49be94, rgb(73 190 148)) !important;
}
a:hover{
    color: #49be94 !important;
}