.pipeline_modal_dialog {
    max-width: 600px;
}

.upload-materials-modal {
    border-radius: 6px;
    border: none;
    box-shadow: 0px 20px 60px rgba(26, 30, 51, 0.12);
    padding: 32px;
    background-color: #ffffff;
}

.upload-modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #f1f2f6;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6a7187;
}

.upload-modal__title {
    font: normal normal 600 20px/28px Poppins;
    color: #1c1f26;
    margin-bottom: 4px;
}

.upload-modal__subtitle {
    font: normal normal normal 14px/21px Poppins;
    color: #6a7187;
    margin-bottom: 0;
}

.upload-materials-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.upload-modal__body {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.upload-scope-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.upload-scope-label {
    font: normal normal 500 14px/21px Poppins;
    color: #1c1f26;
    text-transform: capitalize;
}

.upload-scope-options {
    display: flex;
    gap: 12px;
}

.upload-scope-option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 12px;
    border: 1px solid #dfe2eb;
    background: #f8f9fc;
    font: normal normal 500 13px/20px Poppins;
    color: #343a40;
    cursor: pointer;
}

.upload-scope-option input {
    margin: 0;
}

.upload-scope-option:hover,
.upload-scope-option input:checked + span,
.upload-scope-option:has(input:checked) {
    border-color: #ff8200;
    background: rgba(255, 130, 0, 0.08);
    color: #ff8200;
}

.upload-field-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.upload-field-label {
    font: normal normal 500 14px/21px Poppins;
    color: #1c1f26;
    text-transform: capitalize;
}

.upload-file-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.upload-select-file {
    border: 1px dashed #cdd2e1;
    background: #ffffff;
    color: #343a40;
    font: normal normal 500 14px/21px Poppins;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    border-radius: 8px;
}

.upload-select-file img {
    width: 20px;
    height: 20px;
}

.upload-file-name {
    font: normal normal normal 14px/21px Poppins;
    color: #6a7187;
    flex: 1;
}

.upload-progress-text {
    font: normal normal 500 14px/21px Poppins;
    color: #ff8200;
    display: flex;
    align-items: center;
    gap: 10px;
}

.upload-list-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.upload-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 260px;
    overflow-y: auto;
}

.upload-list__item {
    display: grid;
    grid-template-columns: 56px 1fr auto;
    align-items: center;
}

.upload-list__thumb {
    width: 39px !important;
    height: 44px !important;
    border-radius: 4px !important;
    border: none !important;
    /* background: #FF8200 !important;
    opacity: 0.2 !important; */
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.upload-list__thumb img {
    max-width: 32px;
    height: auto;
}

.upload-list__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upload-list__name {
    font: normal normal normal 11px/17px Poppins !important;
    color: #495057 !important;
    margin-bottom: 0 !important;
}

.upload-list__meta {
    font: normal normal normal 9px/13px Poppins !important;
    color: #F1B44C !important;
    margin-bottom: 0 !important;
}

.upload-list__actions .dropdown-toggle {
    border: none;
    background: transparent;
    padding: 0;
    display: flex;
    align-items: center;
    color: #6a7187;
}

.upload-list__actions i {
    font-size: 18px;
}

.upload-list__empty {
    padding: 40px;
    border: 1px dashed #e3e5ec;
    border-radius: 12px;
    text-align: center;
    font: normal normal 500 14px/21px Poppins;
    color: #6a7187;
    background: #fafbff;
}

.upload-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.upload-btn--cancel,
.upload-btn--primary {
    min-width: 140px;
    height: 44px;
    border-radius: 12px;
    font: normal normal 600 14px/21px Poppins;
}

.upload-btn--cancel {
    border: 1px solid #ff8200;
    background: #ffffff;
    color: #ff8200;
}

.upload-btn--primary {
    border: none;
    background: #ff8200;
    color: #ffffff;
}

.upload-btn--primary.is-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

@media (max-width: 575.98px) {
    .upload-materials-modal {
        padding: 24px 20px;
    }

    .upload-file-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .upload-list__item {
        grid-template-columns: 48px 1fr;
        grid-template-rows: auto auto;
        align-items: flex-start;
    }

    .upload-list__actions {
        grid-column: 1 / span 2;
        justify-self: flex-end;
    }

    .upload-modal__footer {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .upload-btn--cancel,
    .upload-btn--primary {
        width: 100%;
    }
}
@media print {
    .printButton {
        display: none !important;
    }
}


input[type="password"]::-ms-reveal {
    display: none;
}

input[type="hidden"] {
    display: none;
}

div.login_div:has(input[type="hidden"]) {
    display: none;
}

::-webkit-scrollbar {
    width: 8px;
    height: 10px;
    background: #e1e2e2;
    direction: ltr !important;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(var(--title), var(--title));
    border-radius: 10px;
}

:root {
    --orange: #F99D1C;
    --dark-orange: #FF8200;
    --bg-gray: #ecebeb;
    --title: #0f0f0f;
    --description: #6B7187;
    --dark-description: #495057;
    --black: #000;
    --red: red;
    --pink: #F46A6A;
    --pink-700: #f46a6ac5;
    --green: #34C38F;
    --gray: #74788D;
    --light_gray: #f3f2f1;
    --salmon: #f46a6a26;

    /* Design tokens */
    --unnamed-color-ffffff1a: #FFFFFF1A;
    --unnamed-color-495057: #495057;
    --unnamed-color-74788d: #74788D;
    --unnamed-color-335a80: #335A80;
    --unnamed-color-556ee6: #556EE6;
    --unnamed-color-f46a6a: #F46A6A;
    --unnamed-color-f1b44c: #F1B44C;
    --unnamed-color-50a5f1: #50A5F1;
    --unnamed-color-34c38f: #34C38F;
    --unnamed-color-eff2f7: #EFF2F7;
    --bg: #F8F8FB;
    --unnamed-color-ffffff: #FFFFFF;
    --menu-h1: #B6B6B6;
    --menu: #6A7187;
    --unnamed-color-474f57: #474F57;
    --unnamed-color-231f20: #231F20;
    --unnamed-color-0f0f0f: #0F0F0F;
    --unnamed-color-ff8200: #FF8200;
    --hero: #F99D1C;
    --unnamed-color-f9ede0: #F9EDE0;
    --btn_bg: #F1B44C2E;

    --unnamed-font-family-poppins: 'Poppins', sans-serif;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-13: 13px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-20: 20px;
}

.unnamed-character-style-1 {
    font-family: var(--unnamed-font-family-poppins);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-13);
    line-height: var(--unnamed-line-spacing-20);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--menu);
}

.select2-container {
    width: 100% !important;
    bottom: 0px;
    left: 0px;
}

.select2-container--open .select2-dropdown {
    max-width: calc(100% - 6px);
}

.select2-dropdown {
    width: 100% !important;
}

.upload_input {
    padding: .375rem .75rem .375rem .375rem !important;
}

.nowrap {
    white-space: nowrap !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-13 {
    font-size: 13px !important;
}

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

.fw-500 {
    font-weight: 500;
}

.black_text {
    color: var(--black);
}

.gray_text {
    color: var(--description);
    font: normal normal 500 18px/23px Poppins;
}

.el-button--primary,
.btn-primary {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
}

.el-tag.el-tag--primary {
    color: var(--orange);
    background-color: #f99d1c26;
    border-color: #f99d1c10 !important;
}

.el-tag .el-tag__close {
    color: var(--orange) !important;
}

.el-textarea textarea {
    font: normal normal normal 13px / 20px Poppins !important;
    color: var(--dark-description) !important;
    min-height: 80px !important;
}

.Management_form .form-control.is-invalid,
.was-validated .form-control:invalid,
.Management_form .form-control.is-valid,
.was-validated .form-control:valid {
    background-color: #fff;
    z-index: 111;
}

.parent_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: 0px;
    color: var(--orange);
    font-size: 18px;
    font-weight: 400;
    position: static !important;
}

.parent_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.parent_select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    color: var(--orange);
}

.parent_select .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font: normal normal normal 13px / 20px Poppins;
    color: var(--dark-description);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.parent_select .select2-selection__choice__remove {
    height: 100%;
}

.parent_select .select2-container--default.select2-container--focus .select2-selection--multiple:focus {
    box-shadow: unset;
    border: 2px solid #86b7fe;
}

.parent_select .select2-container--default.select2-container--focus .select2-selection--multiple {
    display: flex;
    align-items: center;
    border: 1px solid #ced4da;
}

.parent_select .select2-search textarea {
    margin-top: 0px;
}

/* .el-select__selection .el-select__selected-item {
    width: 100% !important;
} */

.parent_select .select2-container .select2-selection--multiple .select2-selection__rendered {
    height: 100%;
    display: flex;
    margin: 0px;
    border-color: transparent;
    max-width: 100%;
    gap: 5px;
    padding-right: 5px;
}

.parent_select .select2-container {
    width: 100% !important;
    height: 100%;
}

.parent_select .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex;
    align-items: center;
    text-align: center;
    width: max-content;
    margin: 5px 0px !important;
    border: 0px;
    padding-inline: 3px;
}

.parent_select .select2-container--default .select2-selection--multiple {
    height: 100%;
    padding: 0px;
}

.orange_button:focus-visible {
    color: #fff !important;
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow);
}

.el-form-item {
    margin-bottom: 0px !important;
}

.custom-tooltip .tooltip-inner {
    text-align: left;
    /* color: red;       */
    /* background-color: white;
    border: 1px solid red;    */
    padding: 10px;
    min-width: max-content;
}

.custom-tooltip .tooltip-arrow {
    /* color: red; */
}


.after_before {
    position: relative;
    width: 100%;
}

.after_before::before,
.after_before::after {
    border: 1px solid #c0c0c348;
}

.after_before::before {
    content: ' ';
    position: absolute;
    width: 100%;
    top: 50%;
    right: 0px;
    transform: translate(0%, -50%);
}

.card_currency {
    font-size: 12px;
    font-weight: 400;
}

html,
body,
#app {
    min-width: 370px;
    scroll-behavior: smooth;
    padding: 0px;
    margin: 0px;
    min-height: 100vh;
}

.alert {
    position: fixed;
    z-index: 9;
    top: 50px;
    right: 0;
    width: clamp(250px, 40vw, 400px);
}

@media (max-width:767px) {
    .alert p {
        font-size: 12px;
    }
}

.el-message {
    position: fixed !important;
    right: 16px !important;
    left: unset !important;
    top: 50px !important;
    transform: translateX(0) !important;
}

.alert ul {
    margin: 0px !important;
    padding-left: 0;
}

.alert ul li {
    list-style-type: none;
}

.alert-danger {
    --bs-alert-color: #e73a49;
    --bs-alert-bg: #f8d7da99;
    --bs-alert-border-color: #f8d7da99;
}


.toast-stack {
    position: fixed;
    bottom: 32px;
    right: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    z-index: 1055;
}

@media (max-width:575.98px) {
    .toast-stack {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }
}

.toast-card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    width: min(334px, calc(100% - 32px));
    min-height: 62px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #7070702C;
    border-radius: 8px;
    box-shadow: none;
    position: relative;
    padding-right: 44px;
}

.toast-icon-img {
    width: 22px;
    height: auto;
    display: block;
}

.toast-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.toast-message {
    margin: 0;
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #0F0F0F;
}

.toast-actions {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

.toast-actions.single {
    justify-content: flex-start;
}

.toast-actions.multi {
    justify-content: flex-start;
}

.toast-btn {
    background: #FF8200;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: Poppins;
    font-weight: 500;
}

.toast-btn:hover {
    background: #E67E00;
    color: #fff !important;
}

.toast-btn:active {
    background: #CC7000;
}

@media (max-width: 575.98px) {
    .toast-card {
        width: calc(100% - 32px);
        padding: 12px 14px;
        padding-right: 40px;
        gap: 10px;
    }

    .toast-message {
        font-size: 11px;
        line-height: 16px;
    }

    .toast-actions {
        gap: 6px;
        margin-top: 6px;
    }

    .toast-btn {
        padding: 5px 10px;
        font-size: 11px;
    }

    .toast-icon-img {
        width: 18px;
    }
}


.error-message,
.text-danger {
    font-size: 13px;
    margin-top: 5px;
    display: block;
    color: rgb(238 1 1) !important;
}

.login_div:has(div.error-message) input {
    border: 2px solid rgb(238 1 1);
}

.form-check {
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap;
}

.form-check input {
    min-width: 16px;
}

.radio_select .form-check-input {
    margin-top: 0px;
}

.form-check label {
    /* white-space: pre-wrap; */
}

.el-select__selection .el-select__selected-item input {
    width: 100% !important;
    padding: 0px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    height: 100%;
}

input:not([type="checkbox"]):not([type="radio"]):not(.serachbar input):not(.el-select__selection .el-select__selected-item input) {
    height: 37px;
    padding: .375rem .75rem !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}


a {
    text-decoration: none;
}

/* a:hover {
    color: #fff;
} */

* {
    font-family: Poppins;
    letter-spacing: 0px;
}

.rtl {
    direction: rtl !important;
    font-family: DIN !important;
}

.ar {
    font-family: DIN !important;
}

@media (max-width: 575.98px) {
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }

}

.orange {
    color: var(--orange);
}

.gray {}

.red {
    color: var(--red) !important;
}

.pink {
    color: var(--pink);
}

.green {
    color: var(--green);
}

.gray {
    color: var(--gray);
}

.light_gray {
    background: var(--light_gray);
}

.pipeline_gray {
    background: var(--light_gray);
}

.salmon {
    background: var(--salmon);
}

.min_width {
    min-width: max-content;
}

.min-fit-content {
    min-width: fit-content;
}

.max-auto {
    max-width: none !important;
}

.max-content {
    max-width: max-content !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.form-label,
.form-check,
.container-fluid,
.row {
    margin: 0px;
    padding: 0px;
}

label {
    margin-bottom: 6.4px !important;
}

.d-flex>label {
    margin-bottom: 0px !important;
}

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

.fw-600 {
    font-weight: 600;
}

hr {
    padding: 0px;
    margin: 0px;
    width: 100%;
    color: #848587;
}

.btn {
    min-width: max-content;
}

small.orange,
label.orange {
    white-space: normal;
}

.vertical_hr {
    /* height: 100%; */
    width: 1px;
    padding: 0px !important;
    margin: 0px 5px;
    background-color: #70707032;
}

.flatpickr-current-month {
    display: flex !important;
    padding: 0px !important;
    align-items: center;
    justify-content: center;
    height: 100% !important;
}

.el-select__wrapper {
    height: 37px !important;
    min-height: max-content !important;
    padding: 0px 12px !important;
}

/* pagination */
.page-link {
    color: var(--orange) !important;
    margin: 0px 0.5rem !important;
    box-shadow: 0px 0px 10px 1px #ded9d9b5 !important;
    border-radius: 6px !important;
    border: 0px !important;
}

.active>.page-link,
.page-link.active {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: #fff !important;
}

.page-link:hover {
    color: var(--orange) !important;
    background-color: #f6d6aa3d !important;
}

.page-link:focus {
    box-shadow: 0px 0px 5px 1px #f99d1cc1;
    color: #fff !important;
    background-color: var(--orange) !important;
}

.pagination_result small {
    color: #817e7e !important;
    font-size: 12px;
    margin-top: 5px !important;
}

.pagination {
    margin-bottom: 10px !important;
    padding: 0px;
}

#market_project_modal .default_modal {
    width: 600px !important;
}

/* modal */
.default_modal .el-dialog__header {
    border-bottom: 1px solid rgba(239, 234, 234, 0.76);
    padding: 0px;
    padding-bottom: 13px;
    font: normal normal 600 17px / 25px Poppins;
    color: var(--title);
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
}

.default_modal .el-dialog__body {
    padding: 20px 0px 4px 0px;
    width: 100%;
}

.default_modal .el-dialog {
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: min-content;
    max-width: 80%;
    min-width: 55%;
    border-radius: 0.5rem;
}

.default_modal .el-dialog__headerbtn {
    display: none;
}

.default_modal .el-form {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 0.8rem 0px;
}

.default_modal .print_modal_footer {
    padding: 0px !important;
    padding-top: 15px !important;
}

.default_modal .mb-3 {
    margin-bottom: 0px !important;
}

/* rating */
@property --range {
    syntax: "<number>";
    inherits: true;
    initial-value: 1;
}

@property --star-size {
    syntax: "<length>";
    inherits: true;
    initial-value: 33px;
}

@property --range-position {
    syntax: "<number>";
    inherits: true;
    initial-value: 1;
}

@property --max-rate {
    syntax: "<number>";
    inherits: true;
    initial-value: 5;
}

:root {
    --bg-svg-star-outlined: url('data:image/svg+xml, <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23E1E2E7" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path></svg>');
    --bg-svg-star-filled: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="%23F99D1C" d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27z"></path></svg>');
}

* {
    box-sizing: border-box;
}

.grid-stack {
    display: grid;

    &>* {
        grid-area: 1 / 1;
    }
}

.rating-wrapper {
    max-width: max-content;
    overflow: auto;
    timeline-scope: --range-timeline;
    animation: 1s rangeKeyframes linear;
    animation-timeline: --range-timeline;
    animation-range: entry 100% exit 0%;

}

@keyframes rangeKeyframes {
    to {
        --range-position: 0;
    }
}

[class^="stars-"] {
    width: calc(var(--max-rate) * var(--star-size));
    height: var(--star-size);
}

[class^="stars-icons"] {
    background: var(--bg-svg-star-outlined);
    background-size: var(--star-size);
}

.stars-icons-filled {
    width: calc(var(--star-size) * round(up, var(--max-rate) * var(--range-position)));
    background-image: var(--bg-svg-star-filled);
}

.stars-input {
    cursor: pointer;
    opacity: 0;

    &::-webkit-slider-thumb {
        view-timeline: --range-timeline x;
    }
}

.bi {
    cursor: pointer;
}

.bi-eye-slash {
    cursor: pointer;
    color: var(--pink);
    font-size: 18px;
    margin: 0px 22px !important;

}

.img_action_icons {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff99;
    font-size: 17px;
    z-index: 11;
    display: none;
    align-items: center;
    gap: 11px;
    justify-content: center;
}

.icon {
    cursor: pointer;
}

.attach_icons {
    display: flex;
    gap: 10px;
    font-size: 12px;
    align-items: center;
}

.icon_button {
    border-right: 1px solid !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    opacity: 0.9;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.borderless_side {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.bi-caret-down-fill {
    position: absolute;
    right: 9px;
}


.filter_input {
    padding: 0px 5px;
}

.bills_search_input>.market_search {
    flex: 1;
}

.market_search {
    position: relative;
    min-width: min-content;
}

.market_search_btn {
    min-width: fit-content;
}

.market_search_select {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: nowrap;
    padding: 0px !important;
    height: max-content;
    gap: 10px 0px;
}

.market_search_select .parent_select {
    height: 37px;
    min-width: min-content;
}

.market_search .bi-calendar {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translate(0%, -50%);
}

.market_search .serachbar .input-group {
    border-radius: 4px !important;
}

.market_search .serachbar {
    height: 37px;
}



.table>thead {
    vertical-align: baseline;
}

.hive_proj_text {
    width: 100%;
}

.hive_proj_text h4 {
    font: normal normal 500 15px/23px Poppins;
    color: var(--title);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 5px;

}

.hive_proj_text p {
    font: normal normal normal 13px/20px Poppins;
    color: var(--title);
}

.upload_div input {
    height: 100% !important;
}

input:not([type="checkbox"]):not([type="radio"]):not(.serachbar input),
.form-select {
    height: 37px;
}

.el-input,
.el-input__wrapper {
    padding: 0px !important;
}

.form-check .form-check-input {
    float: unset;
    margin-left: 0;

    /* background-image: url(data:image/svg+xml,%3csvg url='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e); */
}

.form-check {
    white-space: nowrap;
}

.login_form .form-check .input,
.signup_form .form-check .input {
    margin-right: 6px;
}

.login_form .form-check .form-check-input {
    /* margin-right: 7px !important; */
    margin-bottom: 8.5px;
}

.login_form>.logo_title {
    margin-bottom: 44px;
}

.logo_title {
    font: normal normal 600 37px/54px Tektur;
    color: var(--title);
}

.edit_checkbox .form-check .form-check-input {
    background-color: #B6B6B6;
    border: #B6B6B6;
}

.edit_checkbox .form-check .form-check-input:checked {
    background-color: var(--orange);
    border-color: var(--orange);
}

.row>* {
    padding: 0px;
}

.modal-footer>* {
    margin: 0;
}

::placeholder {
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
}

.form-select,
.form-control {
    font: normal normal normal 13px / 20px Poppins;
    color: var(--dark-description);
}

textarea {
    resize: none !important;
}

textarea.form-control {
    /* height: unset !important; */
    min-height: 80px;
}

input[type="file"] {
    position: absolute;
    top: 0px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    /* opacity: 0; */
    cursor: pointer;
    display: none !important;
}

.upload_area {
    border: 2px dashed #CED4DA !important;
    height: max-content !important;
    padding: 25px !important;
}

.uploaded-files-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 7px;
}

.file-item {
    height: 100px;
    position: relative;
    width: 100px;
}

.file-item:hover .img_action_icons {
    display: flex;
}

.file-item img {
    border-radius: 4px;
    object-fit: cover;
    height: 100%;
}

.file-item .black_gradient {
    border-radius: 4px !important;
}

.upload_area .upload_field_content a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    text-align: center;
    background-color: transparent;
    font: normal normal 600 12px/18px Poppins;
    color: var(--dark-description);
}

.upload_area .bi {
    font-size: 35px;
}

.file-name {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* box-sizing: border-box; */
    font-size: 15px;
    border: 0;
    border-radius: 0;
}

.input_file_name {
    width: 50%;
    padding: 0px 10px;
}

.input_file_name>input {
    min-width: 100% !important;
}

.input_file_name>input:focus-visible {
    border: 0px;
    outline: 0px;
}

.upload_input {
    display: block;
    width: 100%;
    padding: 5px 5px 5px 12px;
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
    background-color: transparent;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    height: 37px;
    position: relative;
}

#upload_text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
}

.upload_field_content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.upload_field_content a {
    height: 100%;
    display: flex;
    align-items: center;
}

.form-check-input:checked {
    background-color: var(--orange);
    border-color: var(--orange);
}

.form-check-input:focus {
    box-shadow: unset;
    border: 1px solid rgb(174, 174, 174);
}

.form-control:focus,
.form-select:focus {
    box-shadow: unset;
    border: 2px solid #86b7fe;
}

.form-select:focus {
    box-shadow: unset;
    border: 2px solid #86b7fe;
}

.form-select {
    font: normal normal normal 13px/20px Poppins;
    min-width: 150px;
    color: var(--dark-description);
    position: relative;
    z-index: 2;
    background-color: transparent;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #cfd2d9;
}

.form-select:not(.content_search .form-select) {
    background-image: unset;
}

.content_search .orange_button {
    height: 37px;
}

.content_search .form-select {
    background-color: #F8F8FB;
    border: 1px solid #E8E8EB;
    border-radius: 4px;
}

.form-select option {
    color: #333;
    /* Color of options */
}

/* Style selected option */
/* .form-select option:checked {
    background-color: #f99d1c3b;
    color: var(--orange);
  } */
.serachbar .form-control:focus {
    box-shadow: unset;
    border: 0px;
    background-color: transparent;
}

.learn_more {
    font: normal normal normal 14px/21px Poppins;
    color: var(--orange);
    cursor: pointer;
}

.learn_more:hover {
    color: #f99d1cd5;
}

.learn_more .bi {
    font-size: 10px;
    font-weight: 700;
}

.serachbar .orange_button {
    display: flex;
    align-items: center;

}

.serachbar .form-control {
    /* height: 23px; */
    height: 100%;
    margin: auto;
}

.img {
    /* height: 100%; */
    width: 100%;
    max-height: 100%;
}

.height_img {
    max-height: 99.9%;
    height: 99.9%;
    max-width: 100%;
    margin: auto;
    display: block;
}

.el-input__inner {
    padding: .2rem .75rem
}



.login {
    display: flex;
    /* padding: 30px; */
    /* height: 100%; */
    flex-wrap: wrap;
    align-items: stretch;
    padding: 20px;
    margin: auto;
    width: 100%;
    /* height: 100vh; */
    min-height: 100vh;
    /* height: 100vh; */
}

.login_img {
    width: 100%;
    position: relative;
    height: 100%;
    /* min-height: 690px; */
    /* height: 100%; */
    /* position: fixed; */
    /* width: 55%; */
}

.alert-success {
    --bs-alert-color: #1fbe73;
    --bs-alert-bg: #04e62833;
    border: 0px;
}

.btn-close:focus {
    outline: 0;
    box-shadow: unset;
    opacity: 1;
}

.forget_password {
    font: normal normal normal 13px/20px Poppins;
    color: #74788D;
    text-decoration: none;
    cursor: pointer;
}

.forget_password:hover {
    color: #74788D;
}

.login_img>img {
    object-fit: cover;
    border-radius: 30px;
    height: 100%;
    max-height: 94vh;
    min-height: 100%;

}

.black_gradient {
    position: absolute;
    background: transparent linear-gradient(3deg, #000000 0%, #6C696A00 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
    top: 0px;
    border-radius: 30px;
}

.market_category .sharp_black_gradient {
    background: transparent linear-gradient(3deg, #00000083 0%, #6C696A00 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
}



.sharp_black_gradient {
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    position: absolute;
    border-radius: 0px;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
}

.hive_proj_aside .overlay_gradient {
    width: 100%;
    background-color: #00000069;
    height: 100%;
    border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 0;
    transform: translate(0%, 0%);
    display: none;
    align-items: center;
    justify-content: center;
}

.bills_filter .form-select {
    min-width: unset;
}

.aside_toggle_icon {
    position: absolute;
    width: 26px;
    color: #fff;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    /* top: 20px; */
    top: 50%;
    transform: translate(0%, -50%);
    right: -12px;
    background-color: var(--orange);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
}

.overlay_gradient .bi-pencil-square {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
}

.login_text {
    position: absolute;
    bottom: 0%;
    left: 0%;
    padding: 4% 6%;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* gap: 23px; */
    width: 100%;
    gap: 1.2vw;
}

.no_users {
    font: normal normal bold 1.9vw/3vw Tektur;
    /* font: normal normal bold 28px/3vw Tektur; */
    text-transform: capitalize;

}

.login_text>h4 {
    font: normal normal 600 clamp(26px, 2.5vw, 100px) Tektur;
}

.login_text>p {
    /* font: normal normal 300 14px/17px Poppins; */
    font: normal normal 300 clamp(13px, 0.94vw, 55px) Poppins;
    width: 85%;
    margin-bottom: 1vw;
}

.logo_login {
    display: flex;
    align-items: center;
    width: 34%;
    min-width: 220px !important;
}

.logo_login img {
    /* height: 87px; */
}

.users_login {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: start;
    flex-wrap: wrap;
    width: 36%;
    height: min-content;
}

.users_login>img {
    width: 50%;
}

.users_login>p {
    font: normal normal 300 14px/16px Poppins;
    font: normal normal 300 0.9vw/1.15vw Poppins;
    display: block;
}

.login_form_card {
    width: 47%;
    padding: 20px clamp(20px, 3vw, 50px);
    margin-left: 53%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    position: relative;
}

.logo_desc {
    font: normal normal normal 15px / 20px Poppins;
    color: #545662;
    width: 100%;
    text-align: center;
}

.fixed_login_img {
    position: fixed;
    width: calc(53% - 20px);
    height: 94.3vh;
}

.signup_form>.btn,
.login_form>.btn {
    height: 36px;
    max-width: unset;
}

.login_form_card input,
.login_form_card select {
    background-color: transparent;
}

.login_div,
.signup_div {
    display: flex;
    flex-direction: column;
    /* margin-bottom: 5px; */
    position: relative;
    /* gap: 9px; */
}

.signup_div {
    justify-content: center;
    align-items: center;
    margin-bottom: 5px !important;
}

.logo_title {

    display: flex;

}

.logo_title>img {
    min-height: 18.52px;
    height: 18.52px;
}

.login_form,
.signup_form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.verify {
    height: 100%;
}

.login_form {
    padding-top: 24px;
    display: flex;
    justify-content: center;
}

.signup_form {
    padding-top: 24px;
}

.login_div>h5 {
    color: var(--title);
    font: normal normal 500 17px/25px Poppins;
    margin-bottom: 9px;
}

.login_div>h6>span {
    color: var(--title);
    display: block;
}

.signup_div>h5 {
    font: normal normal bold 17px/25px Poppins !important;
    color: var(--title);
}

.login_form h6,
.signup_form h6 {
    font: normal normal normal 14px/20px Poppins;
    color: #74788D;
    /* margin-bottom: 5px; */
}

.login_button {
    background: var(--orange);
    border-radius: 4px;
    color: #fff;
}

.login_button:hover {
    background: #f99d1cc3;
    color: #fff;
}

.login_button:active {
    background: var(--orange) !important;
    color: #fff !important;
}

:root {
    --aside-width: auto;
}

.gray_seperate_div {
    width: 100%;
    height: 13px;
    background-color: #F8F8FB;
    margin-left: calc(-1 * var(--proj_aside_padding));
    margin-right: calc(-1 * var(--proj_aside_padding));
    width: calc(100% + 32px);
}

.aside_parent {
    background-color: var(--title);
    /* min-width: 80px; */
    position: relative;
    z-index: 31;
}

aside {
    padding: 38px 0px 0 !important;
    width: 245px;
    align-self: stretch;
    background-color: var(--title);
    z-index: 30;
    position: sticky;
    transition: width 0.4s ease-in-out;

}

aside.collapsed {
    width: 80px;

}

aside>div>a {
    width: 100%;
}

.aside_item {
    max-width: 170px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.aside_item.hidden {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.aside_item.appear {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.aside_menu {
    width: 100%;
    padding: 0 8px;
    max-height: calc(100vh - 104px);
    overflow: auto;
    flex-wrap: nowrap;
    padding-bottom: 38px;
    position: relative;
    z-index: 1;
}

.admin_aside .nav-item {
    color: var(--white);
}

.admin_aside .nav-item .nav-link {
    border-radius: 8px;
    color: var(--white);
    padding: 8px;
}

.admin_aside .nav-item .nav-link svg path {
    transition: all 0.3s ease-in-out;
}

.admin_aside .nav-item:hover .nav-link:not(.active_aside) {
    background-color: var(--white);
    color: var(--title);
}

.menu_label {
    color: #A1A1A1;
}

.admin_aside .nav-item:hover .nav-link:not(.active_aside) svg path {
    stroke: var(--title);
}

.aside_parent aside {
    position: relative;
    z-index: 3;
}

.aside_parent aside::after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(to top, var(--title) 25%, transparent);
}

.aside_menu::-webkit-scrollbar {
    width: 0px;
}

.content .nav-item {
    width: auto;
}

.nav-item {
    width: 100%;
    padding: 1px 0px;
}

.aside_menu .nav-link {
    padding: 9px;
    font: normal normal normal 13px/20px Poppins;
    position: relative;
    color: #818181;
    padding-left: 24px;
    white-space: nowrap;
    display: flex;
    gap: 8px;
    align-items: center;
}

.aside_active {
    color: #fff !important;
    fill: #fff !important;
    background: transparent linear-gradient(270deg, #404040 0%, #ffffff5b 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 0px 7px 7px 0px !important;
}

.active_aside {
    color: var(--dark-orange) !important;
}

.active_aside svg path {
    stroke: var(--dark-orange)
}

.aside_active .aside_icon path {
    fill: #fff;
}

aside .aside_active .aside_icon path {
    fill: transparent !important;
    stroke: #fff !important;
}

.attach_upload {
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    border: 2px dashed #CED4DA;
    border-radius: 4px;
}

.attach_upload .gray_upload_icon {
    border: 0px;
    padding: 0px;
}

.upload_desc {
    font: normal normal 500 12px/18px Poppins;
    color: var(--dark-description);
    width: max-content;
}

.uploaded_date {
    display: none;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #6A718733;
}

.uploaded_date>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.upload_label {
    font: normal normal normal 12px/18px Poppins;
    color: #6A7187;
}

.uploaded_date .bi {
    color: var(--orange);
}

.uploaded_text {
    font: normal normal medium 12px/18px Poppins;
    color: var(--dark-description);
}

.attach_heroes .tabs {
    width: 100%;
    display: inline-block;
    flex: 1;
    /* max-height: 500px; */
    /* overflow: auto; */
}

.tabs .tab-content {
    max-height: 710px;
}

#attachmentsDeliveryContainer,
#attachmentsGeneralContainer {
    height: 100%;
}

.tab-links {
    list-style: none;
    padding: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 100%;
    gap: 10px 0px;
    justify-content: center;
}

.attach_heroes .tab-links li.active a:hover {
    color: var(--orange) !important;
}

.attach_heroes .tab-links li a:hover {
    color: #B6B6B6 !important;
}

/*----- Tab Links -----*/
.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab-links li {
    margin: 0;
    white-space: nowrap;
    list-style: none;
    text-align: center;
    min-width: max-content;
    padding: 0px 5px;
}

.tab-links a {
    padding-bottom: 5px;
    display: inline-block;
    color: #B6B6B6;
    font: normal normal 500 14px/21px Poppins;
    transition: all linear 0.3s;
    text-align: center;
    text-decoration: none;
    width: 100%;
}


li.active a,
li.active a:hover {
    background: #FFF;
    color: var(--orange);
    border-bottom: 1px solid var(--orange);
}

/*----- Content of Tabs -----*/
.tab-content {}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.submenu_page .aside_active {
    background: transparent !important;
}

.submenu_page .aside_icon {
    fill: #b6b6b6 !important;
    stroke: transparent !important;
}

.warning {
    background-color: #FBF1E4;
    border-radius: 8px;
    display: flex;
}

.warning_msg {
    font: normal normal normal 11px/17px Poppins;
    color: var(--title);
    padding: 8px;
    text-align: start;
}

.warning_icon {
    background: #F99D1C1A;
    border-radius: 8px 0px 0px 8px;
    padding: 8px;
    display: flex;
    align-items: center;
}

.warning_icon .bi {
    color: #f87114;
}

/* hive_owner */

.aside_logo {
    min-height: 22px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    padding: 0px 24px;
    height: 22px;
}

.aside_section_title {
    font: normal normal 500 12px/17px Poppins;
    display: block;
    color: #A1A1A1;
    text-transform: uppercase;
    padding: 30px 24px 16px 24px;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.aside_section_title.hidden {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.aside_section_title.appear {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.aside_icon {
    /* fill:#B6B6B6; */
    stroke: #818181;
    transform: translate(0px, 0px);
    height: 20px;
    font-size: 14px;
    min-width: max-content;
}

i.aside_icon {
    font-size: 17.5px;
}

main {
    /* width:  calc(100% - 73px); */
    width: 100%;
    /* margin-left: 245px; */
    /* width: calc(100% - 250px); */
    min-height: 100vh;
    background-color: #F8F8FB;
    overflow-x: hidden;
    transition: margin-left 0.4s ease-in-out;
}

main.small_margin {
    /* margin-left: 73px; */
    transition: margin-left 0.4s ease-in-out;
}

.header {
    background-color: #fff;
    display: flex;
    align-items: stretch;
    position: relative;
    z-index: 2000;
    justify-content: end;
    padding: 13px 10px;
    gap: 10px;
}

.header .dropdown-menu {
    z-index: 2100;
}

@media (min-width:992px) {
    .header {
        padding: 13px 10px 13px 10px;
    }
}

.serachbar {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0px 3px;
    justify-content: end;
    min-width: 200px;
    gap: 5px;
    flex-wrap: wrap;
    border-radius: 4px;
}

.content_search>div>.serachbar {
    width: 20vw;
}

.header_search {
    height: 37px;
}

.serachbar input {
    border: 0px;
    border-radius: 19px;
    background-color: transparent;
    padding: 0px 13px;
}

.serachbar .input-group {
    height: 100%;
    padding: 8px 15px;
}

.serachbar .input-group-text {
    background-color: transparent;
    border: 0px;
    border-radius: 19px;
    padding: 0px;
    background-color: #F3F3F9;
}

.serachbar .bi-search {
    font-size: 13px;
    transform: translate(0px, 1px);
    color: #74788D;
}

.lang {
    font: normal normal normal 12px/18px Poppins;

    color: #555B6D;
}

.header_content {
    display: flex;
    align-items: center;
    justify-content: end;
    flex-wrap: wrap;
    gap: 10px 18px;
    /* padding: 0px 5px; */
    /* width: 30%; */
}

.dropdown {
    cursor: pointer;
}

.dropdown-toggle {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 6px;
}

.dropdown-menu {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    border: 0px;
    padding: 6px 0px;
}

.dropdown-menu li {
    margin: 2px 10px;
}

.dropdown-menu li a {
    font: normal normal normal 13px/20px Poppins;
    color: #6A7187;
    padding: 6px;
    border-radius: 4px;
}


.dropdown-menu li a:hover {
    background-color: #F99D1C2E;
    color: var(--orange);
}

.dropdown-menu li .active,
.dropdown-menu li a:focus {
    background-color: #F99D1C2E;
    color: var(--orange);
}

.header_content .dropdown-toggle::after {
    display: none;
}

.header_content .bi-chevron-down {
    font-size: 10px;
    font-weight: 800;
    transform: translate(0px, 1.5px);
}

.header_content .form-select {
    display: block;
    width: max-content;
    padding: 0px 0.8rem 0px 0px;
    -moz-padding-start: 0px;
    font: normal normal normal 13px/18px Poppins;
    font-weight: 500;
    color: #555B6D;
    background-position: right 0rem center;
    background-size: 8px 8px;
    border: 0px;
}

.header_content .form-select:focus {
    border-color: 0px;
    outline: 0;
    box-shadow: unset;
}

.header_content i {
    cursor: pointer;
    font-weight: 900;
    font-size: 17px;
}

.header_content .dropdown {
    font: normal normal normal 17px/18px Poppins;
}

.header_content .dropdown span,
.header_content .bi {
    color: #555B6D;
    text-transform: capitalize;
}

.header_content .bi-bell {
    position: relative;
    padding-right: 8px;
    font-size: 19px !important;
}

.notification_list {
    padding: 0px 10px;
    background: #FFFFFF !important;
    box-shadow: 0px 3px 12px #00000017;
    border-radius: 8px;
    width: max-content;
    min-width: 350px;
    transform: translate3d(0px, 2px, 0px);
    max-width: 420px;
}

.notification_list_items {
    max-height: 350px;
    overflow: auto;
}

.notification_list .user_invit {
    padding: 13px 3px;
    border-bottom: 1px solid #ebebee;
}

.notification_list .user_invit h3 span {
    padding: 0;
}

.notification_list_li {
    max-height: 350px;
    overflow: auto;
    margin-top: 15px;
}

.notification_list_li .user_invit {
    padding-left: 0px !important;
}

.no_notif_img {
    padding: 3vw !important;
    margin: auto;
    display: flex;

}

.notification_title {
    font: normal normal 600 18px/27px Poppins;
    color: #000000;
}

.notify_read_all {
    font: normal normal normal 14px/21px Poppins !important;
}

.notif .bi-chevron-down {
    display: none;
}

.notification_list .user_invit {
    /* padding: 20px; */
}

.all_notification {
    font: normal normal 500 14px/18px Poppins !important;
    display: flex;
    gap: 5px;
    align-items: center;
    border-bottom: 0px !important;
}


.aside_notification {
    font: normal normal bold 9px/13px Poppins;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    right: 10px;
    padding: 4px 9px;
    border-radius: 10px;
    background-color: var(--orange);
}

.notification {
    background: var(--pink);
    border-radius: 50px;
    min-width: 17px;
    min-height: 17px;
    position: absolute;
    top: -4px;
    padding: 0px 3px;
    font-size: 10px;
    right: 0px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font: normal normal normal 8px / 18px Poppins;
}

.content {
    background-color: #F8F8FB;
    /* padding: 33px 25px; */
    padding: 14px 20px 10px 10px;
    max-height: calc(100vh - 60px);
    overflow: auto;
    overflow-x: hidden;
    height: 100%;
}

.delegate-message+.content {
    max-height: calc(100vh - 135px);
}


@media (min-width:992px) {
    .content {
        padding: 14px 10px 10px 10px;
    }
}

.content_title {
    font: normal normal 600 16px/25px Poppins;
    color: var(--title);
}

.breadcrumb {
    font: normal normal normal 13px/19px Poppins !important;
    letter-spacing: 0px !important;
    margin-bottom: 10px;
}

.breadcrumb-item a,
.breadcrumb-item .ative {
    font: normal normal normal 13px/20px Poppins !important;
    letter-spacing: 0px !important;
    color: #74788D !important;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #FF8200 !important;
}

.orange_button {
    background: var(--unnamed-color-ff8200) 0% 0% no-repeat padding-box;
    border: 1px solid var(--hero);
    border-radius: 6px;
    font: normal normal normal 13px / 20px Poppins;
    padding: 7px 20px;
    color: #FFFFFF;
    opacity: 1;
}

.orange_button.disabled-state:disabled,
.orange_button.disabled-state[disabled] {
    background: rgba(249, 157, 28, 0.35) 0% 0% no-repeat padding-box;
    border-color: rgba(249, 157, 28, 0.35);
    color: rgba(15, 15, 15, 0.6);
    cursor: not-allowed;
    /* max-width: 379px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin: auto; */
}

.orange_state {
    background: var(--orange)0% 0% no-repeat padding-box;
    font: normal normal normal 13px/20px Poppins;
    border: 1px solid var(--orange);
    color: #FFFFFF !important;
}

.green_border_state {
    border: 1px solid #34C38F;
    color: #34C38F !important;
    background-color: transparent !important;
}

.red_border_state {
    border: 1px solid var(--pink);
    color: #F46A6A !important;
    background-color: transparent;
}

.red_border_state:hover {
    background-color: #fecece2e;
}

.desc_users .red_border_state {
    background-color: #fecece2e;
}

.desc_users .orange_title_btn {
    border: 1px solid var(--orange);
}

.desc_users .success {
    border: 1px solid #34C38F;
}

.blue_state {
    font: normal normal medium 14px/15px Poppins;
    color: #556EE6;
    background: #3c58e81c 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 6px 9px;
}

.orange_title_state {
    background: #F1B44C2E 0% 0% no-repeat padding-box;
    font: normal normal normal 13px/17px Poppins;
    color: var(--orange);
}

.gray_state {
    background: #EFF2F7;
    /* font: normal normal normal 14px/21px Poppins !important; */
    color: var(--dark-description);
    border-radius: 4px !important;
    padding: 0px 10px;
}

.orange_button:active {
    background-color: var(--orange) !important;
    color: #fff !important;
}

.black_button {
    background: var(--title) 0% 0% no-repeat padding-box;
    border: 1px solid var(--title);
    color: #FFFFFF;
}

.black_button:active {
    background-color: var(--title) !important;
    color: #fff !important;
}

.black_button:hover {
    background: var(--title) 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border: 1px solid var(--title);
}

.orange_button:hover {
    background: #f99d1cc1 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    border: 1px solid #f99d1cc1;
}

.subtitle_content {
    font: normal normal 600 19px/23px Poppins;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

.checkout_subheader {
    font: normal normal 600 20px/30px Poppins;
    color: var(--title);
}

.checkout_form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.content_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 5px 0px;
}

.project_date {
    font: normal normal normal 12px / 18px Poppins;
    color: #74788D;
}

.no-box-shadow {
    box-shadow: none !important;
}

.fullwidth_content>div:first-of-type {
    padding: 0px;
}

.desc_content {
    font: normal normal normal 14px/20px Poppins;
    /* color: #747891; */
    color: #000000;
}

.desc_content h6 {
    font-size: 16px !important;
}

.desc_content h5 {
    font-size: 16px !important;
    /* font-weight: 500 !important; */
}

.desc_content h4 {
    font-size: 18px !important;
    /* font-weight: 500 !important; */
}

.desc_content h3 {
    font-size: 20px !important;
    /* font-weight: 500 !important; */
}

.desc_content h2 {
    font-size: 22px !important;
    /* font-weight: 500 !important; */
}

.desc_content h1 {
    font-size: 24px !important;
    /* font-weight: 500 !important; */
}

.finance_img {
    width: 200px;
    margin: auto;
}

.content_table {
    margin-top: 28px;
    background-color: #FFF;
    padding: 23px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.content_table.mx-5 {
    margin: 0px 5vw !important;
}

.content_search {
    min-width: fit-content !important;
    max-width: 100%;
    /* background-color: #F3F3F9; */
}

.fullwidth_content {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 10px 0px;
}

.fullwidth_content input {
    border: 0px;
}

.fullwidth_content .orange_button {
    margin: 0px 5px;
}

form .content_search {
    background-color: transparent !important;
}

.content_search .serachbar {
    padding: 0px;
}

.form-control[type=file] {
    z-index: 11;
}

.market_search .serachbar .input-group {
    background: #F3F3F9;
    border-radius: 19px;
}

.header .serachbar .input-group {
    background: #F3F3F9;
    border-radius: 19px;
    height: 31px;
}

.serachbar input,
.serachbar span {
    height: 100% !important;
}

.header .serachbar input,
.market_search .serachbar input {
    background: #F3F3F9;
}

.content_search .input-group {
    border-radius: 3px;
    padding: 4px 4px 4px 10px;
    border: 1px solid #70707027;
    height: 37px;
    background: #F8F8FB;
    max-width: 400px;
    min-width: 250px;
    width: unset;
}

.content_search input {
    height: 100%;
}

.content_search .orange_button {
    height: 100%;
}

.content_search .serachbar {
    min-width: 150px;
}

.serachbar .orange_button {
    border-radius: 3px;
}

.hive_table {
    margin: 0px;
}

.hive_table thead tr th {
    background-color: #F8F9FA;
    padding-top: 15px;
    padding-bottom: 15px;
}

.hive_table th {
    font: normal normal 600 13px/20px Poppins;
    color: var(--dark-description);
    white-space: nowrap;
}

.trans_tale {
    border-bottom: 2px solid #EFF2F7;
}

.print_modal_table>tbody {
    vertical-align: top !important;
}

.print_modal_table th,
.print_modal_table td {
    max-width: calc(100%/6) !important;
    white-space: wrap;
    padding: 0px 5px 10px 0px !important;
    width: fit-content !important;

}

.print_modal_table th {
    font: normal normal 600 12px/18px Poppins;
}

.print_modal_table td {
    font: normal normal normal 12px/18px Poppins;
}

td .orange_button {
    margin-left: 0px;
}

.print_modal_table>thead {
    vertical-align: baseline;
}

.print_modal_table td:last-child {
    white-space: wrap !important;
}

.print_modal_table th:first-child,
.print_modal_table td:first-child {
    max-width: max-content !important;
    width: max-content !important;
}

.print_modal_table thead,
.print_modal_table tr {
    border: 0px;
}

.print_modal_footer {
    border: 0px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6px;
}

.account_form .print_modal_footer {
    padding: 0px;
    padding-top: 15px;
}

.sub_table tbody,
thead,
tr {
    border-bottom: 1px solid rgba(239, 234, 234, 0.76);
}

.trans_tale thead {
    background: #F8F9FA 0% 0% no-repeat padding-box;
}

.trans_tale th {
    color: #000000;
}

.trans_tale td,
.trans_tale th {
    padding-right: 15px;
    min-width: 100px;
    width: auto;
}

.hive_table th {
    text-transform: capitalize;
}

.hive_table td,
.hive_table th {
    max-width: max-content;
    white-space: wrap;
    /* padding: 10px 0px; */
    width: auto;
    padding-right: 15px;
    min-width: 100px;
    padding-left: 12px;
}

.hive_table td:first-child,
.hive_table th:first-child {
    width: 55px;
    min-width: min-content !important;
    max-width: min-content !important;
}

table th,
table td {
    padding: 10px 5px;
}

.hive_table td:last-child {
    white-space: nowrap;
}

.hive_table td {
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
}

.hive_table tr {
    align-items: center;
}

.table_title {
    font: normal normal 500 14px/21px Poppins;
    color: var(--dark-description);
}

.table_loc {
    font: normal normal normal 12px/18px Poppins;
    color: #74788D;
    /* white-space: nowrap; */
    min-width: 80px;


}

.action_buttons_table {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
    flex-wrap: wrap;
    padding: 6px;
}

.red_border_btn {
    box-shadow: 0px 0px 6px #0000000B;
    border: 1px solid #FF0000;
    border-radius: 4px !important;
    color: #FF0000;
}

.red_border_btn:hover {
    background-color: #FF0000;
    color: #fff;
    border: 1px solid #FF0000;
}

.red_border_btn:active {
    border: 1px solid #FF0000 !important;
    color: #FF0000 !important;
}

.orange_title_btn {
    background: #F1B44C2E 0% 0% no-repeat padding-box;
    border-radius: 14px;
    font: normal normal normal 13px/17px Poppins;
    color: var(--orange);
    padding: 6px 20px;
    white-space: nowrap;
    text-align: center;
}


.orange_title_btn:active {
    background-color: #F1B44C2E !important;
    color: var(--orange) !important;
    border: 1px solid #F1B44C2E !important;
}


.orange_title_btn:hover {
    /* background: #f1b44c1b 0% 0% no-repeat padding-box; */
    background-color: var(--orange);
    color: var(--white);
}

.action_active {
    background-color: var(--orange);
    color: #fff;
}

.action_active:hover {
    background-color: #f99d1cc1;
    color: #fff;
}

.grey_title_btn {
    background: #EFF2F7 0% 0% no-repeat padding-box;
    border-radius: 14px;
    font: normal normal normal 12px/18px Poppins;
    color: var(--description);
    padding: 6px 20px;
    white-space: nowrap;
    text-align: center;
    border: none;
}

.grey_title_btn:hover {
    background: #495057c1;
    color: #fff;
}

.detail_table_img {
    width: 55px;
    min-width: 55px;
    min-height: 55px;
    height: 55px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: rgb(226, 224, 224); */
}

.detail_table_img img {
    border-radius: 9px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.submenu_page {
    background: var(--title) 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #12263F08;
    border-radius: 8px;
    padding: 14px 26px;
    white-space: nowrap;
    cursor: pointer;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 13px 30px;
    color: #818181;
    list-style: none;
    margin: 0px;
}

.privacy {
    display: flex;
    gap: 15px;
    flex-direction: column;
    text-align: justify;
}

.submenu_page li {
    font: normal normal normal 14px/21px Poppins;
    cursor: pointer;
}

.submenu_page svg {
    transform: translate(0px, -1px);
}

.pay_status_btn,
.gray_btn,
.pink_btn,
.button {
    font: normal normal normal 12px/18px Poppins;
    border-radius: 12px;
    padding: 3px 15px;
    text-align: center;
    width: fit-content;
    white-space: nowrap;
}

.sharp_btn {
    border-radius: 3px;
    padding: 7px 20px;
    font: normal normal normal 12px/18px Poppins;

}

.sharp_status {
    font: normal normal normal 12px/18px Poppins;
    padding: 3px 15px;
    width: max-content;
}

.success {
    color: #34C38F !important;
    background: #34C38F1D !important;
}

.pendding {
    background: #50A5F1;
    color: #fff;
}

.onhold {
    color: var(--pink);
    background: #F46A6A2E;
}

.fail,
.ended {
    background: #EFF2F7;
    color: var(--dark-description);
}

.gray_btn {
    background: #6A7187;
    color: #fff;
    border: 1px solid #6A7187;
}

.gray_btn:hover {
    background: #6a7187cb 0% 0% no-repeat padding-box;
    color: #fff;
    border: 1px solid #6A7187;
}

.btn:focus-visible {
    background-color: #6A7187 !important;
    color: #fff !important;

}

.gray_btn:active {
    background-color: #6A7187 !important;
    color: #fff !important;
}

.pink_btn,
.pink_status {
    background: #F46A6A4A 0% 0% no-repeat padding-box;
    color: var(--pink);
    /* border: 1px solid var(--pink); */
    border: none !important;
}


.pink_btn:hover {
    background: #F46A6A4A 0% 0% no-repeat padding-box;
    color: var(--pink);
    opacity: 0.8;
}

.pink_btn:active {
    background: #F46A6A4A 0% 0% no-repeat padding-box;
    color: var(--pink);
    opacity: 0.8;
}

.white_btn {
    background-color: #fff;
    color: var(--orange);
    border: 1px solid #fff;
}

.white_btn:hover {
    color: #f99d1cc6;
    border: 1px solid #fff;
}

.green_btn {
    background: rgba(52, 195, 143, 0.2) 0% 0% no-repeat padding-box;
    color: #34C38F !important;
    /* border: 1px solid #34C38F; */
    border: none !important;
}

.filled_green_btn {
    background-color: #34C38F !important;
    color: var(--white);
}

.filled_red_btn {
    background-color: #F46A6A !important;
    color: var(--white);
}

.filled_yellow_btn {
    background-color: #F1B44C !important;
    color: var(--white);
}



.green_btn:hover {
    background: rgba(52, 195, 143, 0.2) 0% 0% no-repeat padding-box;
    color: #34C38F;
    opacity: 0.8;
}

.green_btn:active {
    background: rgba(52, 195, 143, 0.2) 0% 0% no-repeat padding-box;
    color: #34C38F;
    opacity: 0.8;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: unset;
    }
}

.default_modal {
    width: 50%;
    min-width: min-content;
    padding: 20px;
}

.print_modal {
    width: 45%;
    min-width: min-content;
    margin: auto;
    height: 100vh;
}

.edit_modal {
    width: 70%;
    min-width: min-content;
    margin: auto;

}

#needModification .modal-dialog {
    width: 608px;
    height: 316px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#needModification {
    padding: 0 !important;
}

.edit_modal input:not([type="checkbox"]),
.edit_modal select {
    min-width: 200px;
}

.modal-content {
    margin: auto;
    /* width: fit-content; */
}

.edit_modal .modal-content {
    padding: clamp(9px, 2vw, 20px)
}

.print_modal .modal-content {
    /* min-width: 420px; */
    /* min-height: 90% !important; */
}

.print_content {
    min-width: auto !important;
}

.modal {
    padding: 0px !important;
}

.modal form {
    margin-bottom: 0;
}

.modal-backdrop {
    width: 100%;
    height: 100%;
}

.customize_modal_header {
    border: 0px;
    padding: 30px;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.edit_modal_header {
    border-bottom: 1px solid rgba(239, 234, 234, 0.76);
    padding: 0px;
    padding-bottom: 13px;
    font: normal normal 600 17px/25px Poppins;

    color: var(--title);
}

.customize_modal_header img {
    height: 25px;
    margin: 0px;
    min-width: 150px;
}

.print_modal_details {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 5px;
    flex-direction: column;
    text-align: end;
    white-space: nowrap;
}

.print_modal_details p {
    font: normal normal normal 14px/18px Poppins;
    color: var(--dark-description);
}

.edit_modal_body {
    display: flex;
    align-items: start;
    flex-direction: column;
    width: 100%;
    gap: 50px;
    padding: 0px;
}

.rating_user_popup {
    width: 100%;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 20px 20px 5px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    justify-content: center;
}

.modal_print_body {
    display: flex;
    flex-direction: column;
    gap: 57px;
}

.edit_modal_body>form {
    padding: 12px 0px 4px 0px;
    width: 100%;
}

.edit_modal_body label,
.Management_form label {
    /* width: 130px;
    min-width: 130px; */
    white-space: wrap;

}

.Management_form label,
.add_proj_form label {
    font: normal normal 500 13px/20px Poppins;
    padding-right: 5px;
    color: var(--dark-description);
}

.add_proj_form .buttons {
    justify-content: space-between;
}

.bills_filter input,
.bills_filter input:focus {
    background-color: #F3F3F9;
    height: 100% !important;
}

.bills_filter .form-select,
.bills_filter input .form-control {
    /* min-width: 100% !important; */
}

.print_modal_details h5 {
    font: normal normal bold 22px/27px Poppins;
    color: #000000;
    text-transform: uppercase;
}

.print_modal_details h6 {
    font: normal normal medium 12px/18px Poppins;
    color: #000000;
    text-transform: uppercase;
}

.print_body_detail>h5 {
    font: normal normal 600 12px/18px Poppins;
    color: #000000;
}

.print_body_detail>p {
    font: normal normal normal 12px/18px Poppins;

    color: var(--dark-description);
}

/* form */
.account_form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 13px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.attach_form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
}

.attach_gray_form {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px dashed #CED4DA;
}

.radio_select .choose {
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
    margin-bottom: 0px !important;
}

.account_form input:not([type="checkbox"]):not([type="radio"]),
.account_form select {
    min-width: 150px;
}

.account_form>div {
    flex-wrap: wrap;
    gap: 10px;
}

.mult-select-tag .body {
    min-height: 37px !important;
}

.mult-select-tag input {
    margin-bottom: 0px;
}

.mult-select-tag li {
    margin: 0.5rem 0px;
}

.account_form>div>div {
    /* min-width: 200px; */
    flex-wrap: wrap;
    width: calc((100% - (10px * 2)) / 3);
}

.account_form>div>div .parent_select {
    padding: 0px !important;
}

.account_form>div>.col-md-6 {
    width: calc((100% - (10px * 1)) / 2) !important;
}

.modal-body .account_form>div>div {
    width: 100% !important;
}

.modal_detailvideoClose .bi::before,
.modal_detailvideoClose [class*=" bi-"]::before,
.modal_detailvideoClose [class^=bi-]::before {
    font-weight: 900 !important;
    font-size: 20px;
}

.modal_detailvideoClose {
    width: 100%;
    text-align: end;
    border: 0px !important;
    outline: unset !important;
}

.modal_detailvideoClose:focus {
    border: 0px !important;
}

.account_form label {
    white-space: nowrap;
}

.form_title {
    font: normal normal 600 16px/25px Poppins;
    margin-bottom: 5px;
    color: var(--dark-description);
}

.upload_div {
    border: 1px solid #ced4da !important;
    border-radius: .375rem !important;
    /* padding: 4px !important; */
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 100%;
    background-color: #fff !important;
    position: relative;
}

.input_file_name>input {
    height: 100% !important;
}

.upload_div a {
    margin: 4px;
    height: 78% !important;
    /* min-width: max-content; */
    position: absolute !important;
    right: 0px;
    z-index: 1111;
}

.upload_div>input {
    height: 100% !important;
}

.upload_div>input,
.upload_div a {
    /* height: 100% !important; */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
}

.upload_text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.forms_card {
    display: flex;
    flex-direction: column;
    gap: 21px;
    margin: 15px 0px;
}

.forms_card form {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

/* switch */
.switch {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 25px;
    margin-bottom: 0px !important;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    display: flex;
    align-items: center;
    justify-content: start;
}

.switch_on {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 10px;
    bottom: 4px;
    -webkit-transition: .4s;
    transition: .4s;
    font: normal normal normal 12px/18px Poppins;
    color: #FFFFFF;
    transform: translateX(20px);
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 7px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: var(--orange);
}

input:focus+.slider {
    box-shadow: 0 0 1px var(--orange);
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

input:checked+.slider>.switch_on {
    transform: translateX(0px);
    content: "on";
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.label_form,
.form-label {
    font: normal normal normal 14px/20px Poppins;
    color: var(--dark-description);
    font-weight: 500;
}

.field_div {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 41px;
}

.upload {
    gap: 14px;
}

.upload_card {
    border: 2px dashed #CED4DA;
    border-radius: 4px;
    padding: 30px;
}

.upload_card .upload_title,
.upload_card .bi {
    font: normal normal medium 12px/18px Poppins;
    color: var(--dark-description);
    line-height: 18px;
}

.cards {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 12px;
    flex-wrap: wrap;
}

.proj_card {
    width: calc((100% - (12px * 4)) / 5);
    /* min-width: 150px; */
    max-width: 410px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: start;
}

.proj_card .card-body {
    padding: 8px var(--bs-card-spacer-x);
    display: flex;
    flex-direction: column;
    gap: 5px;

}

.proj_card .proj_card_img {
    /* height: 141px; */
    height: 9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6A7187;
    border-radius: 4px;
    /* max-width: 100%; */
}

.proj_card_img img {
    max-height: 100%;
    border-radius: 4px;
}

.proj_card .proj_card-text,
.proj_card .bi {
    font: normal normal normal 15px/21px Poppins;
    font-weight: 500;

    color: #74788D;

}


.proj_card_option {
    position: relative;
    cursor: pointer;
}

.proj_card_option_list {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 8px;
    display: block;
    position: absolute;
    top: -5px;
    right: 12px;
    z-index: 122;
    display: none;
}

.proj_card_option_list label {
    margin-bottom: 0px !important;
}

.proj_card_option_list ul,
.attach_dropdown {
    list-style: none;
    padding: 5px;
    width: max-content;
    margin: 0px;
}

.attach_dropdown li::before {
    display: none !important;
}

.attach_dropdown li {
    margin: 0px;
}

.proj_card_option_list li a,
.attach_dropdown li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
    text-decoration: none;
    color: #6A7187;
    font: normal normal normal 14px/20px Poppins;
    width: 100%;
    border-radius: 4px;
    padding: 6px;
    margin: 3px 0px;
}

.attach_dropdown li a:hover {
    color: #6A7187 !important;
    background-color: transparent;
}

.proj_card .dropdown-item {
    font: normal normal normal 13px/20px Poppins;

    border-radius: 4px;
    padding: 6px;
}

.proj_card .dropdown-menu {
    padding: 5px;
}

.proj_card .active {
    background: #F99D1C2E 0% 0% no-repeat padding-box;
    color: var(--orange);
}

.proj_card .delete {
    color: #F91C49 !important;
    background: #f91c481d 0% 0% no-repeat padding-box !important;
}

.proj_card .edit {
    color: #6A7187 !important;
    background: #6a718719 0% 0% no-repeat padding-box !important;
}

.proj_search .input-group {
    /* border-radius: 0px !important; */
    border-radius: 21px !important;
    background: #F3F3F9;
}

.proj_search {
    padding: 0px;
}

.title_button .sharp_btn {
    padding: 10.2px 20px !important;
}

.hive_proj {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    /* gap: 20px 2%; */
    gap: 20px 15px;
    margin-top: 20px;
}

.add_project_div {
    background-color: #fff;
    padding: 24px 22px;
    width: 68%;
    border-radius: 4px;
}

.hive_proj_cards {
    width: 70%;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 15px;
    height: 90%;
    overflow: visible;
}

.proj_cards {
    width: 70%;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 15px;
    align-items: stretch;
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards {
     width: 100%;
    border-radius: 3px;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: flex-start;
    margin: 0 0 15px;
}

@media (min-width:992px) {
    .hive_recent_proj_and_manage_service .dashboard_proj_cards:has(.no_recent_project) {
        height: 100% !important;
    }
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards .no_recent_project,
.hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block {
    flex: 1 1 calc(50% - 7.5px);
    min-width: 300px;
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards .no_recent_project:only-child,
.hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block:only-child {
    flex: 1 1 100%;
    min-width: 100%;
}

@media (max-width: 991.98px) {
    .hive_recent_proj_and_manage_service .dashboard_proj_cards {
        width: 100%;
        flex-direction: column;
    }

    .hive_recent_proj_and_manage_service .dashboard_proj_cards .no_recent_project,
    .hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block {
        flex: none;
        width: 100%;
    }
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block {
    display: flex;
    flex-direction: column;
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block img {
    flex: 3;
    object-fit: cover;
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block .help_block_content {
    flex: 1;
}

.turnedOffPipelineActivityLog .modal-content p {    margin-bottom: 0 !important;
}
.pipeline_modal_dialog {
    width: 608px;
    height: 316px;
}

.upload-materials-modal.turnedOffPipelineActivityLog .modal-content p {
    margin-bottom: 0 !important;
}

.upload-modal__title {
    font: var(--unnamed-font-style-normal) normal 600 15px/23px var(--unnamed-font-family-poppins) !important;
    letter-spacing: var(--unnamed-character-spacing-0) !important;
    color: var(--unnamed-color-0f0f0f) !important;
    text-align: left;
    font: normal normal 600 15px/23px Poppins !important;
    letter-spacing: 0px !important;
    color: #0F0F0F !important;
    opacity: 1 !important;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(112, 112, 112, 0.15);
    margin-bottom: 24px;

}

.upload-modal__subtitle {
 font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-poppins) !important;
letter-spacing: var(--unnamed-character-spacing-0) !important;
color: var(--unnamed-color-495057) !important;
text-align: left;
font: normal normal medium 13px/20px Poppins !important;
letter-spacing: 0px !important;
color: #495057 !important;
opacity: 1 !important;
}

.upload-materials-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.upload-modal__body {
    display: flex;
    flex-direction: column;
    /* gap: 24px; */
}

.upload-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.upload-field-label {
 font: var(--unnamed-font-style-normal) normal medium var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-poppins) !important;
letter-spacing: var(--unnamed-character-spacing-0) !important;
color: var(--unnamed-color-495057) !important;
text-align: left;
font: normal normal medium 13px/20px Poppins !important;
letter-spacing: 0px !important;
color: #495057 !important;
opacity: 1;

}

.upload-radio-group {
    display: flex;
    gap: 24px;
}

.upload-radio-option {
    display: flex;
    align-items: center;
    gap: 10px;
    font: 500 14px/21px 'Poppins', sans-serif;
    color: #4b5563;
    margin-bottom: 0;
}

.upload-radio-option input[type='radio'] {
    width: 18px;
    height: 18px;
    accent-color: #ff8200;
}

.upload-materials-modal .form-check-label {
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-13)/var(--unnamed-line-spacing-20) var(--unnamed-font-family-poppins) !important;
letter-spacing: var(--unnamed-character-spacing-0) !important;
color: var(--unnamed-color-495057) !important;
text-align: left;
font: normal normal normal 13px/20px Poppins !important;
letter-spacing: 0px !important ;
color: #495057 !important;
opacity: 1;
}

.upload-file-row {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 16px;
    align-items: center;
}

.upload-select-file {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: 4px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CED4DA !important;
    letter-spacing: var(--unnamed-character-spacing-0) !important;
    color: var(--unnamed-color-495057) !important;
    text-align: left !important;
    font: normal normal normal 12px/18px Poppins !important;
    letter-spacing: 0px !important;
    color: #495057 !important;
    opacity: 1 !important;
}

.upload-select-file:hover,
.upload-select-file:focus,
.upload-select-file:active,
.upload-select-file:focus-visible {
     background-color: none !important;
     border: 1px solid #CED4DA !important;
     outline: none !important;
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
}

.upload-select-file[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

.upload-file-name {
font: normal normal normal 13px/20px Poppins;
letter-spacing: 0px;
color: #495057 !important;
}

.upload-progress-text {
    font: normal normal normal 13px/20px Poppins !important;
    color: #FF8200 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: auto !important;
    max-width: none !important;
}

.upload-progress-text [data-role="cancel-upload"] {
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
}

.hive_recent_proj_and_manage_service .dashboard_proj_cards .no_recent_project:only-child,
.hive_recent_proj_and_manage_service .dashboard_proj_cards .help_block:only-child {
    flex: 1 1 100%;
    min-width: 100%;
}

.proj_cards .help_block {
    display: flex;
    flex-direction: column;
}

.proj_cards .help_block img {
    flex: 3;
    object-fit: cover;
}

.proj_cards .help_block .help_block_content {
    flex: 1;
}


.hive_proj_cards .dropdown-toggle::after,
.proj_cards .dropdown-toggle::after {
    content: none;
}

/* .chart_card .chart_parent {
    height: calc(100% - 55px);
} */
.height_chart_parent {
    height: 120px;
    /* transform: translate(-60px, -8px); */
}

.chart_parent {
    overflow: auto;
}

.chart_parent>div {
    min-width: 500px;
    overflow: hidden;
}

.chart_card {
    /* width: 68%; */
    width: 70%;
    border-radius: 3px;
    background: #FFFF;
}

.chart_details_aside {
    width: 30%;
    display: flex;
    gap: 15px;
    flex-direction: column;
    /* background: #FFFF; */
    border-radius: 6px;
}

:root {
    --proj_aside_padding: 16px;
}

.hive_proj_aside {
    /* width: 30%; */
    width: calc(100% - (70% + 15px));
    display: flex;
    gap: 15px;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 23px var(--proj_aside_padding);
}

.hive_proj_aside .hive_proj_desc {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.hive_proj_aside>div h2,
.hive_proj_aside>div h3 {
    font: normal normal normal 13px/20px Poppins;
    color: #0F0F0F;
}

.hive_proj_aside>div p {
    color: #74788D;
    font: normal normal normal 12px/25px Poppins;
    opacity: 0.8;
}

.hive_proj_aside>div h2:first-of-type {
    text-wrap: nowrap;
}

.hive_proj_aside>.first_aside {
    background-color: #fff;
    flex-direction: column;
    border-radius: 3px;
}

.hive_proj_aside_details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 13px 0px;
}

.hive_proj_aside_details h3 {
    font: normal normal 600 17px/18px Poppins !important;
    color: var(--dark-description) !important;
}

.hive_proj_aside_details p {
    font: normal normal normal 13px/16px Poppins !important;

    color: #74788D;
}

.black_button>.bi {
    padding-left: 7px;
}

.hive_proj_video {
    position: relative;

}

.videoModal_content {
    width: 80%;
}

.videoModal_content .modal-header {
    padding: 10px 15px !important;
    /* justify-content: end; */
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border: 0px !important;
}

.videoModal_content .modal-body {
    max-height: 84vh;
    padding: 6px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.videoModal_content .modal-body img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

@media (min-width:992px) {

    .videoModal_content .modal-body,
    .videoModal_content video {
        height: unset;
        aspect-ratio: 16/9;
    }
}

.videoModal_content video {
    max-height: 100%;
    height: 100%;
}



.hive_proj_video>video,
.hive_proj_video>img {
    max-height: 200px;
    object-fit: cover;
}

/* .hive_proj_video>img,
.hive_proj_video>video {

} */

.playVideo_icon {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    font-size: 2rem;
    z-index: 1;
    border: 0px !important;
    cursor: pointer;
    background-color: transparent;
    /* opacity: 0.71; */
}

.playVideo_icon .bi::before {
    color: var(--orange);
}

.orange_aside {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    background: #F9EDE0 0% 0% no-repeat padding-box;
    border-radius: 3px;
    padding: 13px;
    cursor: pointer;
}

.orange_aside h3 {
    color: var(--orange) !important;
}

.orange_aside h3:first-child {
    font: normal normal 600 14px/18px Poppins;
}

.rocket_icon {
    background-color: var(--orange);
    border-radius: 50%;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.rocket_icon .bi {
    font-size: 20px;
}

.parent_hive_proj {
    border: 0px;
    box-shadow: 0px 10px 20px #12263F08;
    border-radius: 7px;
    width: calc((100% - (15px * 2)) /3);
    padding: 13px;
    cursor: pointer !important;
}

.hive_recent_proj_and_manage_service .parent_hive_proj {
   border: 0px;
    box-shadow: 0px 10px 20px #12263F08;
    border-radius: 7px;
       width: calc((100% - (15px * 2)) /3);

    padding: 13px;
    cursor: pointer !important;
}
@media (max-width: 991.98px) {
  .hive_recent_proj_and_manage_service .parent_hive_proj {
    width: 100%;
  }
}

.hive_recent_proj_and_manage_service .parent_hive_proj:only-child {
  width: 100%;
}

.hive_proj_cards .card,
.proj_cards .card {
    border: 0px;
    box-shadow: 0px 10px 20px #12263F08;
    border-radius: 7px;
    width: calc((100% - (15px * 2)) /3);
    padding: 13px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    cursor: pointer !important;
}

.publish_date {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 8px;
    font: normal normal 500 11px/13px Poppins;
    color: #747890;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.question_mark {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #6A7187;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    border-radius: 7px;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hive_proj_img {
    height: 8.625rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dbdbdd;
    border-radius: 7px;
}

.hive_proj_img>img {
    object-fit: cover !important;
    height: 100%;
    border-radius: 7px;
}

.hive_recent_proj_and_manage_service .hive_proj_img > img {
    object-fit: cover !important;
    height: 100%;
    width: 100%;
    border-radius: 7px;
}

.circles_img {
    display: flex;
    position: relative;
    min-width: 100px;
    height: 32px;
    flex-wrap: nowrap;
}

.circles_img img {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    position: absolute;
}

.category_wise_card .circles_img img {
    width: 26px;
    height: 26px;
}

.circles_img img:nth-child(2) {
    left: 20px;
}

.circles_img img:nth-child(3) {
    left: 40px;
}

.bi-justify {
    font-size: 25px;
    color: #E2E2E2;
}



.users_list {
    background-color: #fff;
    padding: 0px;
    height: 100%;
    width: 100%;
    gap: 14px;
    display: flex;
    flex-direction: column;
}

.desc {
    align-items: stretch;
}

.hive_proj_desc h3 {
    margin-bottom: 15px;
    font: normal normal 600 16px/21px Poppins;

    color: var(--title);
}

.hive_proj_desc .bi-plus-circle-fill {
    color: var(--orange);
    font-size: 18px;
    cursor: pointer;
}

.hive_proj_desc p {
    font: normal normal normal 15px/21px Poppins;

    color: #6A7187;
}

.hive_proj_desc>ul {
    margin-top: 20px;
    padding: 0px 17px;
    font: normal normal normal 14px/18px Poppins;

    color: #74788D;
}

.first_user,
.second_user {
    flex-direction: row !important;
    gap: 0.4rem !important;
}

.chat_sender,
.chat_msg {
    word-break: normal !important;
}

.chat_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-grow: 1;
    gap: 0.5rem 3rem;
}

.users_desc_card .first_user h4 {
    color: #231F20;
}

.users_desc_card .second_user h4 {
    color: var(--orange);
}

.form-control.is-valid,
.was-validated .form-control:valid,
.form-select.is-valid,
.was-validated .form-select:valid {
    /* border-color: inherit !important; */
    border: 1px solid #ced4da !important;
    padding-right: calc(1.5em + .75rem);
    background-image: none !important;
}

.desc_users {
    display: flex;
    align-items: flex-start;
    justify-content: start;
    /* gap: 15px; */
    width: 100%;
    /* background: #FAFAFB; */
    border-radius: 8px;
    padding: 12px;
    flex-direction: column;
    /* flex-wrap: wrap; */
}

.desc_users+.desc_users {
    margin-top: 24px;
    padding-top: 24px !important;
    border-top: 1px solid #6a71870f;
}

.users_list_item {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}

.user_list_item_name {
    font: normal normal 500 14px/21px Poppins;
    color: var(--dark-description);
}

.user_list_item_desc {
    font: normal normal normal 12px/16px Poppins;
    color: var(--dark-description);
}

.desc_users h4 {
    font: normal normal 600 14px/21px Poppins;
    white-space: wrap;
    word-break: break-all;
}

.desc_users p,
.desc_users .bi-three-dots-vertical {
    font: normal normal normal 12px/16px Poppins;
    color: var(--dark-description);
    word-break: break-all;
}

.users_desc_card {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: start;
    /* gap: 8px; */
    width: 100%;
    overflow: auto;
    -ms-overflow-style: none; /* IE/Edge */
    scrollbar-width: none;    /* Firefox */
}

.users_desc_card::-webkit-scrollbar {
    display: none;            /* WebKit */
}

.uploaded_desc_card {
    max-height: 95% !important;
    min-height: 74%;
}

.desc_users .dropdown-toggle::after {
    display: none;
}

.edit_checkbox>h4 {
    font: normal normal 600 15px/25px Poppins;

    color: var(--title);
    margin-bottom: 14px;
}

.checkboxs {
    display: flex;
    gap: 15px 100px;
    flex-wrap: wrap;
}

.checkboxs .form-check {
    position: relative;
}

.form-check,
.form-check label {
    position: relative;
    cursor: pointer;
}

.input_value {
    /* display: flex; */
    width: max-content;
    gap: 5px;
    list-style: none;
    padding: 0px;
    justify-content: start;
    margin: 0px;
    height: 100%;
    display: none;
}

.input_value li {
    background-color: var(--orange);
    border-radius: 3px;
    color: #fff;
    font: normal normal normal 13px/20px Poppins;

    height: 100%;
    padding: 0px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    white-space: nowrap;
}

.input_box {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: start;
    padding: 0px 4px;
    /* flex-wrap: wrap; */
}

.input_box>input {
    height: 100%;
    border: 0px !important;
}

.remove-btn {
    font-size: 18px;
}

.display_due_squad {
    background: #F99D1C1A 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: normal normal normal 13px/20px Poppins;
    color: var(--orange);
    padding: 9px 14px;
}

.radio_select {
    /* height: 37px; */
    min-height: max-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #ced4da;
    border-radius: .375rem;
    padding: .375rem .75rem;
    gap: 10px;
}

.radio_select input {
    position: relative;
}

.editor-textarea:focus-visible {
    outline: 1px solid #86b7fe;
}

.parent_select {
    position: relative;
    height: 37px;
}

.parent_select .dropdown .form-select {
    width: 100%;
    border: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font: normal normal normal 13px / 25px Poppins !important;
}

.tags_select {
    height: max-content !important;
    min-height: 37px;
}

.filters input,
.filters select,
.parent_select .form-select {
    /* height:100% !important; */

}

.mult-select-tag .body {
    border: 1px solid #ced4da !important;
}

.account_form .parent_select {
    height: 37px;
}

.bills_filter>div {
    /* max-width: 150px; */
    /* min-width: 140px; */
}

.header_logo {
    width: 12vw;
    min-width: 140px;
    max-width: 340px;
    padding: 7px;
}

.bills_filter {
    min-width: fit-content;
    flex-wrap: nowrap !important;
}

.market_search>.parent_select>.form-select,
.market_aside .form-select {
    background-color: #F3F3F9;
    /* max-width: 170px; */
    overflow: hidden !important;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    white-space: nowrap;
    border: 0px !important;
    border-radius: 4px !important;
}

.market_header .sharp_btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100%;
}

.parent_select .bi-caret-down-fill,
.parent_select i {
    position: absolute;
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    z-index: 1;
    transform: translate(0px, -50%);
    font-size: 9px;
    color: var(--dark-description);
}

.select_div,
.input_div {
    position: relative;
}

.bg-select {
    padding: 0px !important;
    background: #F3F3F9;
    border-radius: .375rem;
}

.bg-select select {
    border: 0px !important;
}

.orange_icon {
    font: normal normal normal 16px/25px Poppins;
    color: var(--orange);
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
}

.abs_img {
    position: absolute;
    padding: 6px;
    top: 50%;
    right: 0px;
    transform: translate(0, -50%);
}

.buttons {
    border: 0px;
    padding: 0px;
    padding-top: 15px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 6px;
    flex-wrap: wrap;
    width: 100%;
}

.squad_collection_swipper {
    width: calc(60% - 20px);
    border-radius: 4px;
    align-self: stretch;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    max-height: 200px;
}

.hive_swipper {
    width: 100%;
    max-height: 220px;
}

.hive_long_img {
    width: 100%;
    max-height: clamp(180px, 15vw, 207px);
    border-radius: 4px;
    background: #ebebeb 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* min-height: 180px; */
    height: auto;
    overflow: hidden;
}

.hive_long_img .bi {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    font-size: 18px;
    padding: 1px 5px 0px 5px;
    border-radius: 5px;
    background: var(--orange);
    box-shadow: 1px 1px 12px 1px #6160609c;
}

.hive_long_img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.squad_Carousel {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background: #ebebeb 0% 0% no-repeat padding-box;
}

.squad_Carousel .squad_swiper {
    height: 100%;
}

.squad_swiper .swiper-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
    /* gap: 10px; */
}

.swiper-wrapper {
    height: 100%;

}

.position_swipper .swiper-wrapper {
    align-items: stretch;
}

.position_swipper .swiper-slide {
    height: 100%;
}

.position_swipper .swiper-slide>a {
    height: 100%;
}

.position_swipper .swiper-slide .position_details {
    height: 100%;
}

.squad_Carousel .squad_swiper img {
    max-height: 100%;
    /* width: 100%; */
    object-fit: cover;
}

.pipeline_content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* align-items: start; */
}

.pipeline_content .button {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: fit-content;
    white-space: normal;
}

.squad_collection_ticket {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 20px #12263F08;
    border-radius: 4px;
    width: 40%;
    min-width: max-content;
    /* max-height: 200px; */
    align-self: stretch;
}

.ticket_head {
    background: var(--title) 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px;
    font: normal normal normal 18px/23px Tektur;
    color: #fff;
    padding: 14px;
    display: flex;

    justify-content: start;
    gap: 10px;
    /* flex-wrap: wrap; */
}

.ticket_head>img {
    width: 21px;
}

.ticket_head span {
    font: normal normal normal 18px/23px Tektur;
    color: var(--orange);
}

.ticket_content {
    display: flex;
    /* flex-wrap: wrap; */
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 28px 16px;
    height: 76%;
}

.ticket_content span {
    font: normal normal 500 10px/12px Poppins;
    color: #FFFFFF;
    background: #34C38F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    width: max-content;
    margin-bottom: 5px;
    padding: 2px 10px;
}

.ticket_content h4 {
    font: normal normal 600 15px/23px Poppins;
    color: var(--dark-description);
}

.ticket_content h5 {
    font: normal normal normal 13px/20px Poppins;
    color: #74788D;
}

.ticket_content img {
    border-radius: 50%;
    width: 73px;
    height: 73px;
}

.ticket_action {
    font-size: 28px;
    display: flex;
    gap: 8px;
}

.ticket_action .bi-check-circle-fill {
    color: #34C38F;
}

.ticket_action .bi-x-circle-fill {
    color: #FF6174;
}

.squad_desc {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #fff;
    height: max-content;
    overflow: visible;
}

.squad_desc h3 {
    font: normal normal 600 14px/25px Poppins;
    color: var(--title);
    margin-right: 15px;
}

.squad_desc h4 {
    font: normal normal 600 15px/23px Poppins;
}

.squad_desc p {
    font: normal normal normal 14px/20px Poppins;
    letter-spacing: 0px;
    color: #747891;
}

.squad_desc ul,
.hive_proj_desc>ul {
    list-style: none;
    padding: 0px;
}

.squad_desc ul li,
.hive_proj_desc>ul li {
    display: flex;
    gap: 10px;
    font: normal normal normal 14px/21px Poppins;
    letter-spacing: 0px;
    color: #747891;
}

.squad_desc ul li .bi {
    color: #556EE6;
    font-weight: 800;
    font-size: 10px;
}

.squad_desc .orange_title_state {
    font: normal normal 600 13px/20px Poppins;
    border-radius: 4px;
}

.subsc_title {
    color: #6A7187;
    font: normal normal normal 14px/21px Poppins;
}

.subsc_data {
    font: normal normal 500 18px/27px Poppins !important;
    color: var(--title) !important;
}

.subsc_maintitle {
    font: normal normal normal 14px/21px Poppins;
    color: #6A7187;
}

.subscribe:first-of-type {
    border-bottom: 1px solid rgb(212, 211, 211);
}

.subscibe_details {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
}

.subscibe_details:first-child {
    padding-left: 0px;
}

.subscibe_details:not(:last-child) {
    border-right: 1px solid rgb(212, 211, 211);
}

.proj_no {
    font: normal normal 500 14px / 20px Poppins !important;
    color: #74788D;
}

.squad_cards {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    gap: 11px;

}

.squad_desc .squad_cards .squad_card {
    width: 229px;
    max-height: 10vw;
    width: calc((100% - (11px * 3))/4);
}

.hive_attach .squad_cards .squad_card {
    width: 229px;
    max-height: 10vw;
    width: calc((100% - (11px * 2))/3);
}

.squad_cards .squad_card img {
    object-fit: cover;
    height: 100%;

}

.fixed_field {
    width: calc((100% - (10px * 3)) /4);
    min-width: 150px;
    max-width: 300px;
}

.signup_option {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 17px;
    margin: 17px 0px 0px 0px;
}

.a_add_color_remove_line {
    color: var(--orange) !important;
}

.signup_option h5 {
    font: normal normal 500 15px/21px Poppins;
    color: var(--dark-description);
    width: max-content;
    margin: auto;
    background: #fff;
    padding: 0px 8px;
    position: relative;
}

.signup_option h6 {
    font: normal normal normal 14px/21px Poppins;
    color: var(--dark-description);
}

.signup_option h6>a {
    color: var(--orange) !important;
    cursor: pointer !important;
}

.signup_option i {
    background-color: var(--orange);
    border-radius: 50%;
    color: #fff;
    padding: 10px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.signup_option .bi::before {
    transform: translate(0px, 0px);
}

.signup_option .bi-apple::before {
    transform: translate(0px, 0px) !important;
}

.login_form_card .form-check label,
.login_form_card .form-check .form-check-input,
.card-header .form-check .form-check-input {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.swal2-footer {
    padding: 0px !important;
}



.verify_code {
    font: normal normal 500 20px/30px Poppins;
    color: var(--title);
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    border-radius: 4px !important;
    border: 2px solid #c2c2c2;
    width: 38px;
    height: 38px;
}

.verify_code_content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

.verify_code_content input {
    padding: .375rem 0px !important;
    text-align: center;
}

.verify_code_content .form-control:focus {
    border: 1px solid var(--orange) !important;
    outline: 0 !important;
    box-shadow: unset !important;
    background-color: #F99D1C1A;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.transparent_btn {
    color: var(--orange);
    font: normal normal normal 12px/21px Poppins;
    border-radius: 6px;

}

.transparent_btn:hover,
.transparent_btn:active {
    color: var(--orange) !important;
    border: 1px solid var(--orange) !important;
}

.login_form_card>p {
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
    margin-bottom: 0px !important;
    display: flex;
    justify-content: center;
    align-items: end;
    white-space: nowrap;
}

.login_form_card>p>a {
    color: var(--orange);
    text-decoration: underline;
    font-weight: 500;
    padding: 0px 5px;
    cursor: pointer;
}

.attach_video_icon {
    cursor: pointer;
}

.attach_swipper {
    /* height: 14vw; */
}

.attach_swipper .swiper-slide {
    margin-left: 0 !important;
}

.attach_swipper .swiper-pagination {
    position: relative !important;
}

.attach_swipper .swiper-slide {
    height: max-content;
    background: var(--bg-gray);
    /* max-height: 390px; */
}

.attach_swipper .swiper-slide video.img {
    height: 150px;
}

.avaliable_swipper {
    height: max-content;
    align-self: stretch;
}

.attach_swipper .swip_swipper,
.avaliable_swipper .swip_swipper {
    width: 100%;
    height: 100%;
}

.squad_swiper .swiper-slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.attach_swipper .swiper-slide,
.avaliable_swipper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* height: 85%; */
    gap: 8px;
    position: relative;

}

.attach_img_swipper .swiper-slide {
    height: 100%;
    margin: auto;
}

.attach_img_swipper {
    /* height: 200px; */
}

.attachment_wrapper {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.attach_img_swipper .attachment_wrapper {
  height: calc(108vh);
}

.attach_img_swipper img {
    object-fit: contain !important;
    max-height: 200px;
}

.attach_swipper .swiper-horizontal>.swiper-pagination-bullets,
.attach_swipper .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px !important;
}

.avaliable_swipper .swiper-slide {
    height: 100% !important;
    justify-content: start;
    align-items: start;
    /* border: 2px solid var(--orange); */
    border: 1px solid #00000021;
    border-radius: 4px;
    padding: 16px;
    min-height: max-content;
}

.attach_files_swipper .swiper-slide {
    height: 100% !important;
}

.attach_files_swipper {
    height: max-content !important;
}

.attach_swipper .swiper-slide img,
.avaliable_swipper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.attach_files_swipper .swiper-slide>img {
    height: 170px !important;
}

:root {
    --swiper-theme-color: #f0efef !important;
}

.bi-play-circle-fill {
    font-size: 35px;
    z-index: 11;
    color: var(--pink);
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.attach_file_icon {
    padding: 0px;
    display: flex;
    font: normal normal 500 12px/18px Poppins;
    color: #000000;
    align-items: end;
    justify-content: space-between;
    gap: 10px;
    height: 20px;
    width: 100%;
}

.attach_file_icon img {
    height: 100%;
    width: max-content !important;
}

.attach_file_icon span {
    display: flex;
    align-items: center;
    /* line-height: 10px; */
    white-space: nowrap;
    overflow: hidden;
    width: 60%;
    text-overflow: ellipsis;
}

.attach_file_icon>div {
    height: 100%;
    width: 70%;
    display: flex;
    align-items: end;
    gap: 5px;
    /* d-flex align-items-end gap-1 */
}

.attach_file_icon .bi-download {
    color: var(--orange);
    font-size: 17px;
    cursor: pointer;
}

.radio_submit_btn {
    width: max-content;
    border-radius: 25px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.full_line_select .el-select__wrapper {
    height: max-content;
}

.goback {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--orange);
    font: normal normal 500 13px/21px Poppins;
    gap: 3px;
    cursor: pointer;
    /* margin: 10px; */
}

.goback .bi-chevron-left {
    background-color: transparent;
    padding: 0px;
    color: var(--orange);
    font-size: 10px;
    font-weight: 600;
    width: max-content;
    height: max-content;
}

.radio_hivetype {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 15px 11px;
    margin: 10px 0px;
}

/* .radio_hivetype>div {
    flex: 1 0 calc(50% - 12px);
} */

.radio_hivetype .form-check label {
    margin-bottom: 0px !important;
    font: normal normal 500 13px/20px Poppins;
    white-space: normal !important;
}

.radio_hivetype .form-check {
    width: max-content;
    min-width: fit-content;
    padding: 9px 17px;
    display: flex;
    align-items: center;
    gap: 9px;
    justify-content: center;
    border-radius: 18px;
    background-color: #EFF2F7;
    color: #343A40;
    flex: 0 1 calc(50% - 15px);
}

.radio_hivetype .form-check input {
    border: 0px;
    background-color: #fff;
    transform: translate(0px, -2px);
}

#requestSquadModal .form-check-label {
    margin-bottom: 0 !important;
}

.radio_hivetype .form-check input:checked {
    background-color: var(--orange);
}

.radio_type_active {
    background-color: #343A40 !important;
    color: #fff !important;
}

.rate_div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 0px;
}

.rate_div>.parent_select {
    min-width: min-content;
}

.aval_Squ_img {
    border-radius: 50%;
    width: 73px !important;
    height: 73px !important;
}

.aval_squ_content {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    gap: 11px;
    text-align: start;
}

.aval_squ_content h3 {
    font: normal normal 600 16px/25px Poppins;
    color: var(--title);
}

.aval_squ_content h4 {
    font: normal normal 500 14px/21px Poppins;
    color: var(--title);
    display: flex;
    gap: 5px;
}

.hive_profile_img_parent {
    border-radius: 50%;
    overflow: hidden;
    width: 68px;
    height: 68px;
    z-index: 2;
    position: relative;
}

.semi_radius_profile {
    overflow: hidden;
    width: 32px;
    height: 32px;
    z-index: 11;
    position: relative;
    border-radius: 50%;
}

.semi_radius_profile img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 10%;
    object-fit: cover;
}

.hive_proj_aside .hive_profile_img {
    width: 100px;
    height: 100px;
    min-width: 100px;
    border-radius: 50%;
}

.hive_profile_img {
    height: 100%;
}

.required_label label::after {
    color: #f56c6c;
    content: "*";
    /* position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); */
}

.hive_profile_img_parent:hover .overlay_gradient {
    display: flex;
}

.hive_proj_aside>div>div>h2 {
    font: normal normal 500 17px/26px Poppins;
    color: var(--title);

}

.hive_proj_aside>.hive_proj_desc>.users_desc_card h3 {
    font: normal normal 500 14px/21px Poppins;
    color: var(--title);
    margin-bottom: 5px !important;
}

.hive_proj_aside>div>div>h3>.bi-person-fill {
    /* background-color: #6A7187;
    padding: 0px 2px;
    border-radius: 50%;
    font-size: 7px;
    width: 10px !important;
    height: 10px;
    color: #fff; */
}

.gray_div,
.orange_div {
    padding: 3px 5px;
    width: 100%;
    font: normal normal 500 14px/25px Poppins;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
}

.gray_div {
    background: #6A7187;
}

.orange_div {
    background: #F1B44C;
}

.profile_rate {
    color: var(--title);
    margin: 7px 0px;
}

.profile_rate div:not(:first-of-type) {
    padding: 11px 0px;
}

.profile_rate h3 {
    font: normal normal 600 14px/25px Poppins;
}

.profile_rate p {
    font: normal normal normal 14px/25px Poppins;
}




.el-upload-list__item {
    background: 0% 0% no-repeat padding-box padding-box rgba(241, 180, 76, 0.18) !important;
    padding: 5px 10px;
}

.el-upload-list__item-name,
.el-upload-list__item-name .el-icon {
    color: rgb(249, 157, 28) !important;
}

.online_icon {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #34C38F;
    bottom: 5px;
    left: 25px;
    display: none;
}

.project_name {
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.project_name .proj_online_icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #34C38F;
}

.project_name .proj_inactive_icon {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #e11411;
}

.project_name h4 {
    width: max-content;
}


.chats_invite_div {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0px 15px 0px 15px;
    margin-bottom: 6px;
    gap: 15px;
    overflow: auto;
    width: 100%;
    max-height: calc(100vh - 280px);
    height: 100%;
}

.chats_invite_div::-webkit-scrollbar {
    display: none;
}

.user_details {
    padding: 16px 14px;
    border-bottom: 1px solid #EFF2F7;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.user_details .user_option {
    background: #EFF2F7;
    border-radius: 50%;
    padding: 11px 15px;
}

.chat_invitation_details .user,
.checkout .user {
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
}

.chat_invite_date {
    font: normal normal normal 13px/20px Poppins;
    color: var(--dark-description);
    margin: 0px auto;
    height: max-content;
}

.chat_invite .border_orange_btn,
.response_chat_invite .border_orange_btn {
    background-color: #faae431c;
}

.user img {
    object-fit: cover;
}



.chat_invite_div,
.response_chat_invite_div {
    width: 100%;
    display: flex;
}

@media (min-width:992px) {

    .chat_invite_div .message-box,
    .response_chat_invite_div .message-box {
        padding: 18px 20px;
    }
}

.chat_invite_div {
    justify-content: start;
}

.chat_invite_div .message-box {
    background: #FFFAF3;
}

.response_chat_invite_div {
    justify-content: end;
}

.response_chat_invite_div .message-box {
    background-color: #F8F8FB;
}

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

.chat_invite_div .invite_msg_date {
    color: var(--orange);
}

/* .chat_invite,
.response_chat_invite {
    background: #EFF2F7;
    border-radius: 8px;
    padding: 16px 19px;
    display: flex;
    flex-direction: column;
    gap: 13px;
} */

.chat_invite .message-box,
.response_chat_invite .message-box {
    /* background: #EFF2F7; */
    border-radius: 8px;
    padding: 16px 19px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.response_chat_invite {}

.chat_invite>div>h4,
.response_chat_invite>div>h4 {
    font: normal normal 600 13px/20px Poppins;
    color: #6A7187;
}

.chat_invite>div>.bi,
.response_chat_invite>div>.bi {
    cursor: pointer;
    font: normal normal 600 13px/20px Poppins;
    color: #6A7187;
}

.chat_invite p,
.response_chat_invite p {
    font: normal normal normal 12px/18px Poppins;
    color: var(--dark-description);
}

.invite_msg_date {
    font: normal normal normal 10px/16px Poppins;
    color: var(--dark-description);
    margin-top: 6px;
}

.invite_scope>p {
    font: normal normal normal 13px/20px Poppins;
    color: #6A7187;
}

.invite_scope>h3 {
    font: normal normal 500 13px/20px Poppins;
    color: #474F57;
}

.user_details .active {
    font: normal normal normal 13px/20px Poppins !important;
    color: #74788D;
}

.chat_invitation_details .user h3,
.checkout .user h3 {
    font: normal normal 600 15px/23px Poppins;
    color: var(--dark-description);
}


.check_out_dropdown a {
    font: normal normal normal 14px/21px Poppins;
    color: var(--dark-description);
}

.user_filters {
    background: #474F57;
    border-radius: 5px;
    margin: 0px 16px;
    padding: 9px 16px 15px 16px;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.expire_date {
    font: normal normal normal 12px/18px Poppins;
    color: #8C9094;
}

.checkout_price {
    font: normal normal medium 20px/18px Poppins;
    color: var(--orange);
}

.user_filter_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
}





:root {
    --gap_filters: 7px;
}

.user_filters .filters {
    display: flex;
    gap: 15px var(--gap_filters);
    flex-wrap: wrap;
    align-items: end;
    justify-content: start;
    width: calc(100% - 45px);
}

.user_filters .filters label {
    font: normal normal normal 13px/20px Poppins;
    color: #FFFFFF;
}

.user_filters .filters>div {
    width: calc((100% - (var(--gap_filters) * 4)) / 5) !important;
}

.user_filters .filters .form-select {
    width: 100% !important;
    background-color: #fff;
    /* min-width: max-content !important; */
    padding-right: 29px;
}




/* .type_form {
     margin-top: 10px;
   } */
.type_form .form-check {
    border: 2px solid #EFF2F7 !important;
}

.type_form .form-check-input {
    border: 2px solid #B6B6B6 !important;
}

.type_form .form-check-input:checked {
    border: 2px solid var(--orange) !important;
    color: var(--orange) !important;
    background-color: transparent !important;
}

.type_form .radio_type_active {
    border: 2px solid var(--orange) !important;
    color: var(--orange) !important;
    background-color: #f9b04b41 !important;
}

.form-check .bi-check {
    display: none;
    position: absolute;
    left: 17.7px;
    top: 53%;
    transform: translate(0%, -50%);
    font-size: 14px;
    color: var(--orange);
}

.radio_type_active .bi-check {
    display: block;
}

.projects_title {
    font: normal normal 600 18px/27px Poppins;
    color: #000000;
}

.proj_type .card {
    box-shadow: 0px 0px 6px #00000029 !important;
    cursor: auto;
}

.proj_type p {
    color: var(--orange);
    display: none;
}

.proj_type .hive_proj_text {
    height: 40px;
    cursor: default;
}

.proj_type .card:hover {
    border: 1px solid var(--orange);
}

.proj_type .card:hover .hive_proj_text h4 {
    font-size: 14px;
    padding-top: 0px;

}

.sub_title {
    font: normal normal 500 15px / 26px Poppins !important;
    color: var(--dark-description) !important;
}

.proj_type .card:hover p {
    display: block;
}

.terms {
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    padding: 0px;
    font: normal normal normal 14px/20px Poppins;
    color: var(--title);
}

.user_filters .filters .form-select {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

.flatpickr-calendar {
    border-radius: 10px !important;
}

.flatpickr-months .flatpickr-month {
    background: #f99d1cfa !important;
    color: #fff !important;
    height: 44px !important;
    border-radius: 10px 10px 0px 0px !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    color: #fff !important;
    fill: #fff !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: var(--orange) !important;
    border-color: var(--orange) !important;
}

.flatpickr-monthDropdown-month {
    color: #1b1b1b !important;
}

.mint_green {
    background: #34c38f29;
}

.light_orange {
    background-color: #f1b44c24;
}

.position_swipper {
    padding: 25px 5px;
}

.position_swipper .swiper {
    position: relative;
    z-index: 1 !important;
    overflow: visible !important;
}

.position_swipper .swiper-wrapper,
.position_swipper .swiper-slide {
    overflow: visible !important;
}

.position_swipper_slide {
    border-radius: 4px;
    padding: 14px 12px;
    display: flex !important;
    flex-direction: column;
    gap: 7px;
    border: 1px solid #70707021;
}

.position_swipper_slide.off {
    background-color: #F8F8FB;
    border: none;
}

.position_swipper_slide h3.title {
    font: normal normal 600 12px/18px Poppins;
    color: var(--dark-description);
    min-height: 25px;
    text-align: center;
}

.position_swipper_slide .position_img {
    height: 198px;
    text-align: center;
    position: relative;
    /* overflow: hidden; */
}

.position_swipper_slide .position_img::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(255, 130, 0, 0.3);
    border-radius: 4px;

}

.position_swipper_slide .position_img img {
    aspect-ratio: 249/198;
    border-radius: 4px;

}

.position_swipper_slide .position_img video {
    object-fit: cover !important;
    width: 100%;
}

.position_details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    /* padding: 20px; */
    background-color: #fff;
}

.position_details .pipeline_content>span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.position_details .pipeline_content>div {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 7px;
    width: 100%;
}

.position_details h3 {
    font: normal normal 500 15px/23px Poppins;
    color: #343A40;
    white-space: normal;
    text-align: start;
}

.position_details h5 {
    font: normal normal normal 13px/20px Poppins;
    color: #74788D;
}

.position_details ul {
    font: normal normal normal 13px/20px Poppins;
    list-style: disc inside;
    color: #74788D;
    margin-top: 10px;
    list-style: none;
    padding: 0px 0px 0px 0px;
}

.position_details ul li::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #74788D;
    border-radius: 50%;
    margin-right: 10px;
}

.position_details .orange_title_state {
    font-size: 10px;
}

.plan_title {
    font: normal normal 600 22px/33px Poppins;
    color: var(--title);
}

.plan_no strong {
    font: normal normal 600 22px/21px Poppins;
    color: var(--title);
}

.plan_no span {
    font: normal normal normal 14px/21px Poppins;
    color: var(--title);
}

.plans_list {
    list-style: none;
    margin: 0px;
    padding: 0px;

}

.plans_list .sub_title_plan {
    font: normal normal 600 18px/27px Poppins;
    color: var(--title);
    margin-bottom: 10px;
}

.plans_list li {
    font: normal normal normal 16px/25px Poppins;
    color: var(--title);
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 5px;
    padding: 6px 0px;
}

.plans_list li .bi {
    font-size: 18px;
    color: var(--orange);
}

.position_details p {
    font: normal normal normal 13px/20px Poppins;
    color: #74788D;
}

.position_details p>span {
    font: normal normal 500 13px/20px Poppins;
    margin-right: 6px;
    margin-top: 0px !important;
}

.position_det_imgs {
    justify-content: start !important;
    height: 48px;
    gap: 10px;
}

.position_det_imgs img {
    max-width: 60px;
    border-radius: 4px;
}

.position_details span {
    /* margin-top: 15px; */
    width: 100%;
}

.avaliable_swipper .swiper-pagination {
    position: relative !important;
    bottom: 0px !important;
    margin-top: 10px;
}

.avaliable_swipper .swiper-wrapper {
    height: 264px;
    min-height: max-content;
}

.position_swipper .swiper-pagination {
    /* display: none; */
    bottom: -1px !important;
}

.position_swipper .swiper-wrapper {
    padding-bottom: 34px;
}

.position_swipper_slide .playVideo_icon {
    font-size: 2vw;
}

.position_swipper_slide .playVideo_icon .bi::before {
    color: var(--white) !important;
    /* opacity: 0.8; */
}

.playVideo_icon .orange::before {
    color: var(--white);
}

.create_landing .hive_proj_aside {
    background-color: #F8F8FB !important;
    padding: 0px !important;
}

.create_landing .hive_proj_aside>div {
    background-color: #fff;
    padding: 12px 12px 15px 12px;
    position: relative;
}

.notitle_landing {
    font: normal normal 500 13px/20px Poppins;
    color: var(--title);
}

.title_add_landing {
    font: normal normal 500 16px/25px Poppins !important;
    color: var(--title) !important;
}

.bi-plus-circle-fill {
    font-size: 18px;
    cursor: pointer;
}

.attach_pdf_icon {
    border-radius: 4px;
    color: #fff;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 61px;
    height: 67px;
    overflow: hidden;
}



.attach_pdf_icon .file-preview-pdf {
    width: 100%;
    height: 100%;
    border: none;
    overflow: hidden;
    scrollbar-width: none;
}


.attach_pdf_icon .file-preview-pdf::-webkit-scrollbar {
    display: none;
}
.attach_pdf_icon .bi {
    font-size: 26px;
}

.attachments .attach_item {
    display: flex;
    background: #FAFAFB 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 11px;
    gap: 16px;
    align-items: center;

}

.attachments .attach_btn_group button {
    white-space: nowrap;
}

.attachments .attach_item_box {
    width: 100%;
}

.attachments .attach_item_box+.attach_item_box {
    margin-top: 12px;
}

.attachments .attach_item .attach_pdf_icon {
    flex-shrink: 0;
}

.attachments .attach_item .attach_icons {
    align-self: flex-start;
    margin-top: 8px;
}

.attachments {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.attachments::-webkit-scrollbar {
    display: none;
}

.attachments:hover {
    scrollbar-width: thin;
    -ms-overflow-style: thin;
}

.attachments:hover::-webkit-scrollbar {
    display: block;
    width: 6px;
}

.attachments:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}

.hive_proj_aside {
    overflow: hidden;
}

.attachments .attach_item h5 {
font-style   : normal;
font-variant : normal;
font-weight  : normal;
font-size    : 10px   ;
line-height: 16px;
text-align: left;
color: #495057;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

}

.attachments .attach_item p {
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 10px;
line-height: 16px;
text-align: left;
color: #F1B44C !important;

}

.attachments .attach_details {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}

.attachments .attach_meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.attachments .attach_meta_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 4px;
    width: 90px;
}

.attachments .category-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    padding: 2px 16px;
    font: normal normal 500 12px/18px 'Poppins', sans-serif;
    letter-spacing: 0;
}

.attachments .tag-pending,
.attachments .tag-approved,
.attachments .tag-general {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border-radius: 2px;
    font-family: var(--unnamed-font-family-poppins);
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    width: fit-content;
    min-width: fit-content;
}

.attachments .tag-pending {
    background: rgba(255, 130, 0, 0.2);
    color: #FF8200;
}

.attachments .tag-approved {
    background: rgba(46, 175, 128, 0.2);
    color: #2EAF80;
}

.attachments .tag-general {
    background: rgba(116, 120, 141, 0.2);
    color: #74788D;
}

.timeline_action_buttons {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.timeline_action_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border-radius: 2px;
    font-family: var(--unnamed-font-family-poppins);
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.timeline_action_btn--view {
    background: #FFFFFF;
    border-color: #E9ECEF;
    color: var(--unnamed-color-495057);
}

.timeline_action_btn--approve {
    background: rgba(46, 175, 128, 0.2);
    color: #2EAF80;
}

.timeline_action_btn--modify {
    background: rgba(255, 59, 59, 0.15);
    color: #FF3B3B;
}

.timeline_action_btn--view-modification {
    background: rgba(255, 130, 0, 0.15);
    color: #FF8200;
}

.attachment-add-btn {
    background-color: #FF8200;
    border-color: #FF8200;
    border-radius: 5px !important;
    color: #fff !important;
    height: 27px;
    width: 69px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: normal normal normal 12px/18px 'Poppins', sans-serif;
    letter-spacing: 0px;
}

.attachment-add-btn:hover,
.attachment-add-btn:focus {
    background-color: #ff9630;
    border-color: #ff9630;
    color: #fff !important;
}

.attachments .status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border-radius: 2px;
    font-family: var(--unnamed-font-family-poppins);
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0;
    width: fit-content;
    min-width: fit-content;
}

.attachments .status-pending {
    background: rgba(249, 157, 28, 0.2);
    color: #FF8200;
}

.attachments .status-approved {
    background: rgba(46, 175, 128, 0.12);
    color: #34C38F;
}

.attachments .status-modify {
    background: rgba(255, 59, 59, 0.15);
    color: #F46A6A;
}

.create_landing {
    align-items: stretch;
    margin-top: 0px;
    /* overflow: auto; */
    max-height: 150vh;
}

.create_landing .gray_state {
    padding: 4px 20px !important;
    font-size: 10px;
}

.create_landing .squad_desc .bi-pencil-square {
    color: var(--description);
    font-size: 20px;
}

.go_back {
    display: block;
    width: 100%;
    font: normal normal normal 12px/18px Poppins;
    color: #74788D;
}

.create_landing ul li,
.hive_proj_desc>ul li {
    display: flex;
    align-items: center;
}

.hive_proj_desc>ul li::before {
    content: '';
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #74788D;
    border-radius: 50%;
}

/* ::selection {
    color: black !important;
} */

.landing_chat,
.attach_heroes {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    /* max-height: 500px;
   border: 5px solid blue; */
}

.button-group-wrapper {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 16px;
    /* border-top: 1px solid #e0e0e0; */
}

.button-group-wrapper .btn {
    flex: 1;
    min-width: 120px;
    white-space: nowrap;
}

.button-group-wrapper .flex-1 {
    flex: 1;
}

.button-group-wrapper .flex-2 {
    flex: 2;
}

.landing_chat form {
    margin-top: 10px;
}

.chat_messages {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
}

.chat_messages .tabs,
.chat_messages .tab-content,
.chat_messages .tab-content .tab {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
}

#messages {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
    max-height: calc(100vh - var(--activity-viewport-gap)) !important;
    overflow-y: auto !important;
}

#chat-messages {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    max-height: 100% !important;
}

#chat-messages .timeline-empty-state {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
}

.chat_messages .tab-content .tab {
    gap: 24px !important;
}

.chat_messages .mt-3 {
    margin-top: auto !important;
}

.chat_messages .mt-3 > .d-flex {
    align-items: stretch !important;
}

.chat_messages .chat_invitation {
    display: flex !important;
    gap: 16px !important;
}

.chat_messages .chat_invitation .send_invite_msg {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.chat_messages .chat_invitation .serachbar {
    flex: 1 !important;
}

.chat_messages .chat_invitation .attach_file_icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
}

.create_landing.activity_modal {
    --activity-viewport-gap: 75px;
    min-height: calc(100vh - var(--activity-viewport-gap)) !important;
    display: flex !important;
    flex-direction: column !important;
}

.create_landing.activity_modal .hive_proj {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    align-items: stretch !important;
    gap: 16px;
}

.create_landing.activity_modal .hive_proj_cards,
.create_landing.activity_modal .hive_proj_aside {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100vh - var(--activity-viewport-gap)) !important;
    min-height: calc(100vh - var(--activity-viewport-gap)) !important;
}

/* .create_landing.activity_modal .hive_proj_cards {
    overflow: hidden !important;
} */

.create_landing.activity_modal .landing_chat,
.create_landing.activity_modal .attach_heroes {
    flex: 1 !important;
    min-height: 0 !important;
}

.create_landing.activity_modal .attach_heroes {
    overflow-y: auto !important;
    scrollbar-width: none;
}

.create_landing.activity_modal .attach_heroes::-webkit-scrollbar {
    display: none;
}

.create_landing.activity_modal .button-group-wrapper {
    margin-top: auto !important;
}

@media (max-width: 1199.98px) {
    .create_landing.activity_modal {
        --activity-viewport-gap: 15px;
    }
}

@media (max-width: 991.98px) {
    .create_landing.activity_modal {
        min-height: auto !important;
    }

    .create_landing.activity_modal .hive_proj_cards,
    .create_landing.activity_modal .hive_proj_aside {
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
    }

    .create_landing.activity_modal .attach_heroes {
        max-height: none !important;
    }
}

.swal2-styled.swal2-confirm {
    background-color: var(--orange) !important;
}

.swal2-styled:focus {
    box-shadow: unset !important;
}

.landing_chat .desc_users {
    /* min-width: fit-content; */
    /* width: max-content; */
    /* max-width: 98%; */
    padding: 10px;
    /* background-color: #6a71870f; */
}

.desc_users>img {
    max-height: 37px;
    max-width: 53px;
    object-fit: cover;
    margin-top: 2px;
}

.landing_chat .users_desc_card form {
    width: 100%;
    margin-top: 80px;
}

.hive_proj_desc .orange {
    font: normal normal normal 15px/21px Poppins;
}

.hive_proj_desc>div>.date {
    font: normal normal normal 9px/13px Poppins;
    color: #B6B6B6;
}

/* account setting */
.rounded-circle {
    object-fit: cover;

}

.user_setting_img {
    position: relative;
    display: flex;
    width: max-content;
    margin: auto;
    align-items: center;
    justify-content: center;
}

.upload_icon,
.static_upload_icon {
    background: #FEEBD1 0% 0% no-repeat padding-box;
    color: var(--orange);
    border-radius: 50%;
    width: 32px !important;
    min-width: max-content !important;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.user_setting_img .upload_icon:hover .recommanded_div {
    display: block;
}

.recommanded_div {
    display: none;
    position: absolute;
    bottom: 0px;
    right: -50%;
    transform: translate(50%, -32px);
    color: #Fff;
    font-size: 10px;
    background: #686868;
    padding: .375rem;
    border-radius: .375rem;
    min-width: 200px;
}

.upload_icon:hover+.recommanded_div {
    display: block;
}

.gray_upload_icon {
    color: #74788D;
    font-size: 35px;
    height: 47px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    border: 2px dashed #CED4DA;
    border-bottom: 0px;
}

.upload_dropzone {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.upload_dropzone_button {
    position: relative;
    border-radius: 8px;
    padding: 24px 18px;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    cursor: pointer;
    min-height: 155px;
}

.upload_dropzone_button .gray_upload_icon {
    border: none;
    padding-top: 0px;
    height: auto;
}

.upload_dropzone_button .upload_desc {
    color: #495057;
    font: normal normal 12px/18px Poppins, sans-serif;
    text-align: center;
}

.upload_dropzone input[type="file"] {
    display: none;
}

.selected_files {
    margin-top: 12px;
    border: 1px solid #FF8200;
    border-radius: 6px;
    background: #FEF5F0;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.selected_files .file_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #495057;
    font: normal normal 12px/18px Poppins, sans-serif;
}

.selected_files .file_size {
    color: #6c757d;
    font: normal normal 11px/16px Poppins, sans-serif;
}

.upload_icon {
    position: absolute;
    bottom: -5px;
    right: 0px;
}

.upload_icon>.bi {
    margin-top: 5px;
}

.with_out_padding {
    padding: 0px !important;
}

/* header */
.market_header {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0px;
}

.text {
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    top: 0px;
    height: 100%;
    position: absolute;
    padding: 11% 10% 10% 10%;
    gap: 1.1vw;
    z-index: 1;
}

.market_header_img {
    height: 22vw;
    width: 100%;
    position: relative;
}

.market_header_img>img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.market_headerTitle {
    /* font: normal normal bold 36px/47px Tektur; */
    font: normal normal bold 2.5vw/3vw Tektur;
    color: #FFFFFF;
    text-shadow: 0px 2px 2px #0000002F;
    width: 40%;
}

.market_headerParag {
    /* font: normal normal normal 14px/20px Poppins; */
    font: normal normal normal 0.94vw/1.3vw Poppins;
    color: #FFFFFF;
    width: 60%;
}

.bills_search_input,
.bills_filter,
.bills_data {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    flex-wrap: wrap;
    gap: 20px 0px !important;
}

.bills_filter,
.bills_data {
    justify-content: start;
}

.bills_search_input {
    justify-content: start;
}

.bills_search_input .search_button,
.bills_search_input .head_chart_text {
    padding: 0px 5px;
}


.filters_section,
.filters_input {
    display: flex;
    min-width: min-content;
    flex-wrap: wrap;
    gap: 10px 0px;
}

.filters_input>div {
    min-width: 130px;
    padding: 0px 5px;
}

.filter_btn {
    /* padding: 0px 5px; */
}

.filters_input .parent_select select {
    min-width: 100%;
}

.bills_search_input .orange_button,
.input_parent .orange_button {
    width: 100%;
    max-width: 100% !important;
    height: 100%;
}

.bills_data h5 {
    font: normal normal 500 13px/20px Poppins;
    color: var(--dark-description);
}

.parent_select .dropdown ul {
    max-height: 200px;
    overflow: auto;
    width: 100%;
    z-index: 999;
    border-radius: 0px;
    box-shadow: 1px 1px 5px 1px rgb(172 167 167);
    border: 1px solid rgb(172 167 167);
    min-width: max-content;
}

/* cards */
.search_input {
    background: #FFFFFF;
    transform: translate(0px, -20px);
    box-shadow: 0px 0px 29px #0000002F;
    border-radius: 9px;
    padding: 15px;
    margin: 0px 10%;
    display: flex;
    align-items: stretch;
    justify-content: start;
    z-index: 1;
    flex-wrap: wrap;
    position: relative;
    gap: 10px 0px;
    width: max-content;
    max-width: 100%;
    min-width: 70%;
}

.input_label_icon {
    position: absolute;
    top: 48px;
    right: 10px;
    font-size: 18px;
    transform: translate(0%, -50%);
}

.a {
    background: #FFFFFF;
    box-shadow: 0px 0px 29px #0000002F;
    border-radius: 9px;
    padding: 24px 15px;
    margin: 0px 10%;
    display: flex;
    align-items: stretch;
    justify-content: start;
    z-index: 1;
    /* white-space: nowrap;  */
    gap: 10px 0px;
    width: max-content;
    min-width: max-content;
    max-width: 100%;

}

.min-width {
    min-width: fit-content;
}

.search_input .market_search,
.parent_select,
.bills_btn,
.market_search_btn {
    padding: 0px 3px;
    /* min-width: fit-content !important; */
}

.input_parent {
    background-color: #F8F8FB;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.numbers {
    font: normal normal normal 12px / 18px Poppins;
    color: #FFFFFF;
    background: var(--orange);
    border-radius: 50%;
    width: 21px;
    height: 21px;
    justify-content: center;
    display: flex;
    text-align: center;
    align-items: center;
}

.market_content {
    padding: 40px;
    margin-top: 32px;
    display: flex;
    gap: 20px 3%;
    flex-wrap: wrap;
}

.market_aside {
    width: 27%;
    background-color: #F8F8FB;
    min-width: 160px;
}

.market_data {
    width: 70%;
}

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

.market_users .user {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px #00000015;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.market_users .user_data {
    display: flex;
    flex-direction: column;
}

.market_users .user_data h3 {
    font: normal normal 500 14px/21px Poppins;
    color: #000000;
}

.market_users .user_data h4 {
    font: normal normal 400 12px/18px Poppins;
    color: #000000;
}

.market_users .user .sharp_btn {
    font: normal normal 500 14px/21px Poppins !important;
}

.market_users .user_salary {
    font: normal normal 500 14px/21px Poppins;
    color: #6A7187;
}

.market_users .user_rate {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font: normal normal normal 16px/25px Poppins;
    color: #74788D;
    align-items: center;
}

.bi-star-fill {
    color: var(--orange);
}

.market_aside .accordion-item .accordion-button {
    background-color: transparent;
    border: 0px;
    font: normal normal bold 16px/21px Tektur;
    color: var(--title);
    box-shadow: unset;
    padding: var(--bs-accordion-btn-padding-y) 0px;
}

.market_aside .accordion-item {
    border: 0px;
}

.market_aside .form-check {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 5px;
    font: normal normal normal 14px/21px Poppins;
    color: #6A7187;
}

.market_aside .form-check .form-check-input {
    width: 13px !important;
    min-width: 13px;
}

.market_aside .form-select {
    height: 37px;
    background-color: #FFFFFF40 !important;
    border: 1px solid #CED4DA !important;
}

.market_aside .accordion-body {
    padding: 0px;
}

.market_aside .accordion-button:focus {
    border: 0px;
    box-shadow: unset;
}

.accordion-button:not(.collapsed) {
    color: var(--title) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: firebrick !important;
}

.acc_sub_categ {
    font: normal normal normal 14px/21px Poppins;
    color: var(--orange);
}

.market_aside .accordion-body .accordion-button {
    padding: 15px 0px;
}

.market_aside .accordion-body .accordion-body {
    padding: 0px;
}

.market_aside .accordion-item {
    background-color: #F8F8FB;
}

.editor_forms {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.editor_form {
    background-color: #fff;
    border-radius: 4px;
    padding: 16px;
}

/* editor section */
.form-container {
    max-width: 600px;
    margin: auto;
}

.form-group {
    margin-bottom: 15px;
}

.form-group .editor-toolbar {
    display: flex;
    gap: 5px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff;
}

.form-group .editor-toolbar button {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.form-group .editor-textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    height: 150px;
    border: 1px solid #ddd;
    overflow: auto;
}

/* end editor section*/
.attach_desc,
#file-name-display {
    font: normal normal normal 16px/25px Poppins;
    color: #6A7187;
    margin: 0px;
}

.edituser_Form_input {
    display: flex;
    align-items: start !important;
    justify-content: start;
    gap: 0px 16px !important;
    flex-wrap: wrap;
    width: 100% !important;
}

.edituser_input {
    min-width: 200px;
    position: relative;
}

.plan_card {
    background-color: #fff;
    gap: 24px;
}

.edituserLabel {
    white-space: wrap !important;
    min-width: 130px;
}


/* filepond uploader */
.filepond--panel-root {
    background-color: transparent !important;
}

.filepond--drop-label {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 0px;
    /* padding-top: 0px !important; */
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 2px dashed #CED4DA;
    border-top: 0px !important;

}

.required_label_dash label::before {
    color: #f56c6c;
    content: "*";
    padding-right: 2px;
}

div:has(.required_label_dash select)>label::before {
    color: #f56c6c;
    content: "*";
    padding-right: 2px;
}

.required-asterisk {
    color: #f56c6c;
    margin-right: 4px;
    font-size: 14px;
    display: inline-block;
}

.filepond--root {
    margin: 0px !important;
}

.filepond--root .filepond--drop-label {
    min-height: max-content !important;
    height: max-content;
}

.filepond--list.filepond--list {
    position: relative !important;
    margin: 7px 0px !important;
    width: 100%;
}

.filepond--list {
    left: 0px !important;
    right: 0px !important;
}

.filepond--file {
    background-color: #FEEBD1;
    color: var(--orange) !important;
}

.filepond--file-wrapper {
    background-color: #fff !important;
}

.filepond--credits {
    display: none;
}

.image-preview-container {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 16px;
    background-color: #f8f9fa;
}

.preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
    gap: 12px;
    max-height: 200px;
    overflow-y: auto;
}

.preview-item {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.preview-item img {
    width: 100%;
    height: 80px;
    object-fit: cover;
    display: block;
}

.preview-item .file-name {
    padding: 4px 8px;
    font-size: 10px;
    color: #495057;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #dee2e6;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.preview-item .remove-preview {
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: rgba(220, 53, 69, 0.8);
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* FilePond overrides for preview compatibility */
.filepond--root {
    margin-bottom: 16px;
}

.payout_data_table {
    max-width: 46%;
}

.payout_data_table th {
    font: normal normal 600 13px/20px Poppins;
    color: #231F20;
    white-space: nowrap;
    padding: 3px 5px;
    width: 30%;

}

.payout_data_table td {
    font: normal normal normal 13px/20px Poppins;
    color: #6A7187;
    white-space: wrap;
    padding: 3px 5px;
    width: max-content;
}

.payout_tables {
    border-left: 1px solid #f99d1c97;
    padding: 0px 5px;
    gap: 0px 20px;
    width: 95%;
}

.payout_select label {
    white-space: nowrap;
}

.payout_select {
    gap: 0px 25px;
}

.report_charts_duration {
    background-color: #fff;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.chart_card .report_charts_duration {
    border-radius: 8px 8px 0px 0px;
}

.report_charts_duration a,
.report_charts_duration a:hover {
    font: normal normal normal 14px/21px Poppins;
    color: #6A7187;
}

.report_charts_duration>div {
    padding: 6px;
    border-radius: 4px;
}

.report_charts_duration .active {
    color: #fff;
    background-color: var(--orange) !important;
}

.hive_chart .report_charts_duration .active {
    background: var(--title) !important;
}

.hive_chart {
    padding: 20px;
}

.hive_chart .chart {
    padding: 0px;
}

.hive_chart .toggle_tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.report_cards {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 15px;
    margin: 0 0px 15px;
}

.report_cards>div {
    background-color: #fff;
    padding: 16px;
    border-radius: 6px;
    width: calc(((100% - (15px * 5)) /6));
}

.rep_cards_details {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 5px;
}

.rep_cards_no {
    font: normal normal 500 21px/31px Poppins;
    color: var(--title);
}

.rep_cards_name {
    font: normal normal normal 13px/20px Poppins;
    color: #74788D;
    text-transform: capitalize;
}

.rep_card_range {
    font: normal normal normal 13px/20px Poppins;
}

.report_card_details {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 20px;

}

.chart_transaction {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 20px;
    background-color: #fff;
    /* padding: 20px; */
}

.chart_trans_title {
    font: normal normal 600 16px/23px Poppins !important;
    color: var(--dark-description) !important;
}

.trans_details {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: start;
    font-size: 17px;
    flex-wrap: wrap;
    color: var(--dark-description);
}

.trans_details h2 {
    font: normal normal normal 14px/20px Poppins;
}

.charts_trans_details {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.trans_details label {
    font: normal normal normal 13px/20px Poppins;
}

.trans_details .progress_no {
    font: normal normal medium 16px/25px Poppins;
}

.market_home {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 20px 0px;


}

.market_home_title {
    font: normal normal bold clamp(25px, 2vw, 43px)/48px Tektur;
    color: var(--title);
}

.banner_title .market_home_title {
    font: normal normal bold clamp(19px, 2vw, 43px) Tektur !important;
}

.banner_title p {
    font: normal normal normal clamp(11px, 1vw, 20px) Poppins;
}

.market_home_details {
    font: normal normal normal clamp(11px, 1vw, 20px)/20px Poppins;
    color: #74788D;
}

.market_swipper_categ {
    display: flex;
    align-items: start;
    gap: 18px;
    flex-direction: column;
    padding-right: 20px;
    justify-content: center;
}

.market_home .market_swipper_categ {
    gap: clamp(8px, 1vw, 20px);
}

.market_home .market_categ_title {
    font: normal normal 600 12px/18px Poppins;
    display: flex;
    justify-content: center;
    text-align: center;
    gap: 4px;
    align-items: center;
    padding: 0px 7px;
    margin-top: 7px;
    color: #000000;
}

.market_swipper_details .swiper-slide {
    cursor: pointer;
}

.market_swipper_details .swiper-slide:hover .market_categ_title,
.market_swipper_details .swiper-slide:has(.active) .market_categ_title {
    color: #F99D1B;
}

.market_category .swiper-slide {

    text-align: center;
    /* height: 230px; */
}

.market_category {
    height: 100%;
}

.market_category .position_img {
    /* background-color: rgba(217, 215, 215, 0.836); */
    max-height: 300px;
}

.market_category .position_img img {
    background: #F8F8FB;
    height: 100%;
    object-fit: cover;
}

.market_category .hexagon:hover,
.market_category .active .hexagon {
    border: 2px solid var(--orange);
}

.market_place {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.market_place .banner_title {
    /* background: transparent linear-gradient(237deg, #474F57 0%, #0E1011 100%) 0% 0% no-repeat padding-box; */
    /* padding: 60px; */
    padding: clamp(10px, 3.2vw, 60px);
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: center;
    gap: clamp(5px, 0.5vw, 20px);
}

.market_place .banner_title p,
.market_place .banner_title h2 {
    color: #fff;
}

.banner_video {
    position: relative;
    /* background-color: #474F57; */
    height: 100%;
    text-align: end;
}

.banner_video video {
    background-color: #474F57;
    object-fit: cover;
    max-height: 100%;
    max-width: 99.9%;
}

.category_project_titles {
    width: 100%;
}

.category_project_titles h4 {
    font: normal normal 600 16px/25px Poppins;
    color: #FF8200;
}

.category_project_titles h3 {
    font: normal normal bold 24px/31px Tektur;
    color: var(--title);
    display: flex;
}

.cat_card_title {
    font: normal normal 600 18px/25px Poppins;
    color: #000000;
}

.cat_card_no {
    font: normal normal 600 9px/13px Poppins;
    color: var(--orange);
    text-transform: uppercase;
}

:root {
    --category_wise_gap: 16px;
}

.category_wise {
    display: flex;
    flex-wrap: wrap;
    gap: var(--category_wise_gap);
}

.user_market_place {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px #00000015;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
    justify-content: center;
    width: calc((100% - (var(--category_wise_gap) * 4))/5);
}

.user_market_place .user_price {
    font: normal normal 600 14px/21px Poppins;
    color: #6A7187;
    text-align: end;
}

.user_market_place .orange_button {
    width: max-content;
    margin: auto;
}

.category_wise_card {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px #00000015;
    border-radius: 8px;
    padding: 15px 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: calc((100% - (var(--category_wise_gap) * 3))/4);
}

.terms_login {
    position: absolute;
    bottom: 30px;
    right: 0%;
    transform: translate(0%, 0px);
    width: 100%;
    text-align: center;
    font: normal normal normal 14px / 21px Poppins;
}

.category_wise_card p {
    font: normal normal normal 11px/17px Poppins;
    color: #74788D;
}

.project_tips_card {
    background: #6a718726;
    padding: 15px 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    /* width: calc((100% - (var(--category_wise_gap) * 1))/2); */
}

.project_tips {
    padding-bottom: 20px !important;
}

.project_tips .swiper-pagination {
    bottom: -6px !important;
}

.project_tips_card h2 {
    font: normal normal 600 24px/35px Poppins;
    color: #6A7187;
}

.project_tips_card p {
    font: normal normal normal 18px/27px Poppins;
    color: #6A7187;
    flex-grow: 1;
}

.market_swipper_details {
    max-width: 100%;
    /* max-height: 200px; */
}

.market_category .swiper-button-next,
.market_category .swiper-button-prev {
    background-color: #fff;
    box-shadow: 0px 1px 23px #FFFFFF7B;
    color: #1b1b1b;
    width: 33px !important;
    border-radius: 50%;
    height: 33px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1b1b1b !important;
    font-weight: 800;
}

.market_category .swiper-button-next:after,
.market_category .swiper-button-prev:after {
    /* font-size: 13px !important; */
    content: none !important;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none;
}

.market_user_rate {
    font: normal normal normal 16px/25px Poppins;
    color: #74788D;
}

#ratingModal .modal-content {
    width: max-content;
    max-width: 100%;
}

#create_project .modal-header,
.modal_header_content {
    border-bottom: 0px;
    padding: 0rem 0rem 0rem 1rem;
    font: normal normal 600 23px/32px Tektur;
    color: var(--title);
}

.modal_header_content>#Video_title {
    font: normal normal 600 23px/32px Tektur;
    color: var(--title);
}

.modal-header .bi-x-lg {
    display: flex;
    justify-content: end;
    transform: translate(0px, 2px);
}

#create_project .modal-content {
    width: 70%;
    min-width: 900px;
}

.chart_details_header {
    width: 100%;
    display: block;
    background: var(--title);
    border-radius: 4px 4px 0px 0px;
    font: normal normal normal 21px/27px Tektur;
    color: #FFFFFF;
    padding: 10px 13px;
    margin-top: -20px;
    margin-left: calc(-1 * var(--proj_aside_padding));
    margin-right: calc(-1 * var(--proj_aside_padding));
    width: calc(100% + 32px);
}

.notification_list .user_invit .active_user {
    position: relative;
}

.notification_list .user_invit .active_user::after {
    background-color: var(--orange);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    content: " ";
    position: absolute;
    bottom: 4px;
    left: 26px;
    z-index: 1;
}

/* charts */
.chart_item {
    width: 100%;
    height: 100%;
}

.chart {
    background-color: #fff;
    padding: 20px;
    width: 100%;
    position: relative;
    height: 100%;
}

.chart_title {
    font: normal normal 600 15px/23px Poppins;
    color: var(--dark-description);
}

/* end of chart */

/* filters section  */
.filters_section {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 10px !important;
    justify-content: start;
    margin-top: 28px;
    background-color: #FFF;
    padding: 23px;
}

.filter_search {
    width: 30%;
    min-width: min-content;
    background: #F3F3F9;
    border: 1px solid #dee2e6;
    overflow: hidden !important;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    white-space: nowrap;
    border-radius: 4px !important;
    border: 1px solid #cfd2d9;
}

.filter_search_input {
    min-width: 300px;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #dee2e6 !important;
}

:root {
    --filters_width: 60%;
    --filters_gap: 10px;
}

.filters {
    width: var(--filters_width);
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    min-width: min-content;
    gap: var(--filters_gap);
}

.flat_picker {
    position: relative;
    width: 100%;
    z-index: 1;
}

.flat_picker input {
    padding-right: 25px !important;
    z-index: 1;
    background-color: transparent !important;
}

.flat_picker i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0%, -50%);
    z-index: -1;
    font: normal normal normal 13px / 20px Poppins;
    color: var(--dark-description);
}

.filters .filter_data {
    flex: 1;
    background: #F3F3F9;
    min-width: 130px;
    border-radius: 4px;
}

.flatpickr-input {
    border: 1px solid #cfd2d9;
    border-radius: 4px;
}

.filter_data input,
.filter_data .form-select {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 25px;
    background-color: transparent;
}

.roles_perm_checks {
    gap: 10px;
    margin-top: 28px;
    background-color: #FFF;
    padding: 23px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.roles_perm_card {
    width: calc((100% - (10px * 2)) / 3);
}

.roles_perm_card .custom-card {
    height: 100%;
}

.roles_perm_card .card-header {
    background-color: #f99d1c26;
    color: orange;
    font: normal normal normal 15px / 20px Poppins;
    font-weight: 500;
}

#previewImg {
    background-color: #fff;
}

.checkout_details {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.checkout_details ol {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    counter-reset: list-counter;
}

.checkout_details ol li {
    padding: 0 0 12px 12px;
    position: relative;
    counter-increment: list-counter;
}

.checkout_details ol li::before {
    content: counter(list-counter) ". ";
    position: absolute;
    left: 0;
    top: 0;
    font: normal normal 300 14px/21px Poppins;
}

.checkout_details ol li:not(:first-child) {
    margin-top: 12px;
}

/* .checkout_details ol li::marker {
    font: normal normal 300 14px/21px Poppins;
} */

/* .checkout_details ol li:not(:last-child) {
    padding-top: 12px;
} */

.check_out_detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.checkout {
    display: flex;
    flex-direction: column;
    gap: 17px 0px;
}

.checkout_title {
    font: normal normal 300 14px/21px Poppins;
    color: var(--title);
}

.checkout_desc {
    font: normal normal 300 14px/21px Poppins;
    color: var(--title);
}

.fw-600 {
    font-weight: 600;
}

.details {
    font: normal normal normal 12px / 20px Poppins;
    color: var(--dark-description);
    /* display: block; */
    margin-bottom: .5rem !important;
}

.error_page {
    background: linear-gradient(180deg, #FFF1E7 0%, #FFF 100%);
    /* width: 100vw; */
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    display: flex;
}

.error {
    align-items: stretch;
    justify-content: center;
    display: flex;
    gap: 30px 10px;
    flex-wrap: wrap;
    margin: auto;
}

.error_img {
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    position: relative;
}

.error_title {
    color: #010101;
    font-size: 32px;
    font-weight: 600;
    line-height: normal;
}

.error_msg {
    display: flex;
    flex-direction: column;
    gap: 20px;
    transform: translate(0px, -50%);
}

/* progress */
.upload-progress {
    border-radius: 10px !important;
    height: 10px;
}

.progress-bar {
    border-radius: 10px !important;
    height: 9px !important;
    background-color: var(--orange) !important;
}

.progress-text {
    font-size: 11px !important;
    background: #fff;
    margin-top: 4px !important;
}

.ck.ck-editor__main>.ck-editor__editable {
    max-height: 250px !important;
    overflow: auto !important;
}

/* Chat Messages Scroll Fix */
.landing_chat .chat_messages {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    min-height: 0;
}

.landing_chat #messages {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden !important;
    max-height: none !important;
}

.landing_chat #chat-messages {
    flex: 1;
    overflow-y: auto;
    /* Hide scrollbar when not needed */
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    max-height: calc(100vh - 200px); /* Limit height to prevent page scroll */
}

.landing_chat #chat-messages::-webkit-scrollbar {
    display: none; /* Chrome/Safari */
}

/* Only show scrollbar when content overflows */
.landing_chat #chat-messages:hover {
    scrollbar-width: thin;
    -ms-overflow-style: thin;
}

.landing_chat #chat-messages:hover::-webkit-scrollbar {
    display: block;
    width: 6px;
}

.landing_chat #chat-messages:hover::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

@media screen and (min-width:2000px) {
    .bills_filter>div {
        max-width: 100% !important;
    }

    .category_wise_card {
        width: calc((100% - (var(--category_wise_gap) * 4))/5);
    }

    .user_market_place {
        width: calc((100% - (var(--category_wise_gap) * 5))/6);
    }
}

@media screen and (max-width:1465px) {
    .user_filters .filters>div {
        width: calc((100% - (var(--gap_filters) * 3)) / 4) !important;
    }
}

@media screen and (max-width:1328px) {
    .rate_div>.parent_select {
        width: 100%;
        padding: 0px !important;
    }

    .user_market_place {
        width: calc((100% - (var(--category_wise_gap) * 3))/4);
    }


}

@media screen and (max-width:1199px) {
    .header_search .serachbar .input-group {
        width: 80%;
    }

    .proj_card {
        width: calc((100% - (12px * 3)) / 4);
    }

    .hive_proj_cards .card,
    .proj_cards .card {
        width: calc((100% - (15px * 1)) /2);
    }

    .user_filters .filters>div {
        width: calc((100% - (var(--gap_filters) * 2)) / 3) !important;
    }

    .pie_charts {
        width: 100%;
        justify-content: start;
    }

    .category_wise_card {
        width: calc((100% - (var(--category_wise_gap) * 2))/3);
    }

    .user_market_place {
        width: calc((100% - (var(--category_wise_gap) * 2))/3);
    }

}

@media screen and (max-width: 1000px) {
    .filter_search {
        width: 70%;
    }

    .filters {
        flex-wrap: wrap;
        min-width: fit-content;
    }

    .filters .filter_data {
        width: calc((100% - (var(--filters_gap) * 3)) / 4);
        min-width: calc((100% - (var(--filters_gap) * 3)) / 4);
        max-width: calc((100% - (var(--filters_gap) * 3)) / 4);
    }

    .playVideo_icon {
        font-size: 2rem !important;
    }
}

@media screen and (max-width:1399px) {
    .report_cards>div {
        background-color: #fff;
        padding: 16px;
        border-radius: 6px;
        width: calc(((100% - (15px * 3)) /4));
    }
}

@media screen and (max-width:1005px) {
    .user_filters .filters>div {
        width: calc((100% - (var(--gap_filters) * 1)) / 2) !important;
    }

    /* .chat_invitation_search,
    .chat_invitation_details,
    .chat_invite,
    .response_chat_invite {
        width: 100%;
    } */

    .chat_invitation {
        max-height: max-content;
        height: unset;
    }

    .chat_invitation_search .userS_invit_result,
    .chat_invitation_details .chats_invite_div {
        max-height: 600px;
    }

    .report_cards>div {
        width: calc(((100% - (15px * 2)) /3));
    }

    .chart_details_aside,
    .chart_card,
    .hive_proj_aside,
    .hive_proj_cards,
    .proj_cards {
        width: 100%;
    }

    .reverse_hive_project:has(.right:first-child) {
        flex-direction: column-reverse;
    }

    .create_landing {
        max-height: unset;
    }
}

@media screen and (max-width:1000px) {
    .proj_card {
        width: calc((100% - (12px * 2)) / 3);
    }

    .squad_collection_swipper,
    .squad_collection_ticket,
    .hive_swipper {
        width: 100%;
    }

    .chart_card {
        width: 100%;
    }

    .filters_input>div {
        max-width: 140px;
    }

    #create_project .modal-content {
        width: 100%;
        min-width: unset;
    }

    #create_project .edit_modal {
        width: 90%;
    }

}

@media screen and (max-width:931px) {
    .account_form>div>div {
        width: calc((100% - (10px * 1)) / 2);
    }

    .roles_perm_card {
        width: calc((100% - (10px * 1)) / 2);
    }

    .market_aside,
    .market_data {
        width: 100% !important;
    }

    .category_wise_card {
        width: calc((100% - (var(--category_wise_gap) * 1))/2);
    }

    .user_market_place {
        width: calc((100% - (var(--category_wise_gap) * 1))/2);
    }

    .default_modal .el-dialog {
        width: fit-content !important;
    }
}

@media screen and (max-width:850px) {

    .fixed_login_img,
    .login_form_card {
        width: 100%;
    }

    .terms_login {
        bottom: 0px;
        width: 100%;
    }

    .fixed_login_img {
        position: relative;
        display: none;
    }

    .login_form_card {
        padding: 50px 0px;
        margin: 0px;
    }


    .users_login>p {
        font: normal normal 300 14px / 14px Poppins;
    }

    .no_users {
        font: normal normal bold 16px/12px Tektur;
    }

    .serachbar .input-group {
        width: 100%;
    }

    .proj_card {
        width: calc((100% - (12px * 1)) / 2);
    }

    .add_project_div {
        width: 100%;
    }

    .hive_proj_img {
        height: 14rem;
    }

    .squad_desc .squad_cards .squad_card,
    .hive_attach .squad_cards .squad_card {
        width: calc((100% - (11px * 1))/2);
        max-height: 15vw;
    }

    .user_filters .filters>div {
        width: calc((100% - (var(--gap_filters) * 2)) / 3) !important;
    }

    .report_cards>div {
        width: calc(((100% - (15px * 1)) /2));
    }

    .card_chart {
        width: 100% !important;
        max-width: unset !important;
    }


}

@media screen and (max-width:849px) {
    .rate_div>.parent_select:first-child {
        width: 34%;
    }

    .rate_div>.parent_select:last-child {
        width: 66%;
        padding-left: .5rem !important;
    }

    .user_filters .filters>div {
        width: calc((100% - (var(--gap_filters) * 2)) / 3) !important;
    }

}

@media screen and (max-width:800px) {

    .search_input>div,
    .market_search {
        /* width: 100%; */
    }

    .bills_filter {
        width: 100%;
        flex-wrap: wrap !important;
    }


}

@media screen and (max-width:767px) {
    .bills_filter .market_search {
        width: 50%;
    }

    aside {
        position: absolute;
        height: 100%;
    }

    .aside_parent {
        min-width: 80px;
    }

    .aside_toggle_icon {
        top: 97px;
        transform: translate(0%, 0%);
    }

    .squad_desc .squad_cards .squad_card,
    .hive_attach .squad_cards .squad_card {
        width: calc((100% - (11px * 2))/3);
        max-height: 15vw;
    }

    .payout_data_table {
        max-width: 100%;
        width: 100%;
    }

    .market_search_select {
        flex-wrap: wrap;
    }

    .text {
        padding: 9% 6% 8% 11%;
    }

    .market_headerTitle {
        font: normal normal bold 4vw / 4vw Tektur;
        width: 70%;
    }

    .market_headerParag {
        font: normal normal normal 1.3vw / 2vw Poppins;
        width: 80%;
    }

    .error_content {
        min-height: 390px;
        height: max-content;
        justify-content: end;
    }

    .error_content_img {
        top: 0%;
    }

}

@media screen and (max-width: 720px) {
    .modal_form {
        flex-wrap: wrap !important;
        gap: 7px;
    }
}

@media screen and (max-width: 680px) {

    .filters .filter_data {
        width: calc((100% - (var(--filters_gap) * 2)) / 3);
        min-width: calc((100% - (var(--filters_gap) * 2)) / 3);
        max-width: calc((100% - (var(--filters_gap) * 2)) / 3);
    }

    #market_project_modal .default_modal {
        width: auto !important;
    }
}

@media screen and (max-width:620px) {
    .users_login>p {
        font: normal normal 300 9px/12px Poppins;
    }

    .header_search .serachbar .input-group {
        width: 100%;
    }

    .username_drop {
        display: none;
    }

    .print_modal {
        min-width: 90% !important;
    }

    .proj_search {
        width: 100%;
    }

    .hive_proj_cards .card,
    .proj_cards .card {
        width: 100%;
    }

    .proj_card .proj_card_img {
        height: 21vh;
    }

    .squad_desc .squad_cards .squad_card,
    .hive_attach .squad_cards .squad_card {
        width: 100%;
        max-height: 30vw;
    }

    /* .attach_swipper {
        height: 200px;
    } */

    .notification_list {
        width: 270px;
        min-width: unset;
    }

    .payout_select {
        flex-wrap: wrap;
    }

    .payout_select label {
        margin-bottom: 8.5px !important;
    }

    .market_search_select .parent_select {
        width: 100%;
    }

    .project_tips_card {
        /* width: 100%; */
    }

    .videoModal_content {
        width: 90%;
    }

    /* .edit_modal .modal-content {
        padding: 9px;
    } */

    .edit_modal .modal-body,
    .edit_modal .modal-header,
    .edit_modal .buttons {
        padding: 6px !important;
    }

    .user_invit .user {
        width: 100%;
    }

    .user_invit_btn {
        width: 100%;
        text-align: end;
    }

}

@media screen and (max-width:591px) {
    .rate_div>.parent_select {
        width: 100% !important;
    }

    .edituser_input {
        width: 100%;
    }

    .select_div,
    .input_div {
        flex-wrap: wrap;
    }

    .select_div label,
    .input_div label {
        margin-bottom: 8.5px !important;
    }

    .input_div .orange_icon {
        top: 76%;
    }

    .select_div .bi-caret-down-fill {
        top: 56%;
    }

    .category_wise_card {
        width: 100%;
    }

    .user_market_place {
        width: 100%;
    }

}

@media screen and (max-width:560px) {

    /* .header_content {
        justify-content: start;
    } */
    .print_modal_details {
        width: 100%;
    }

    .proj_card {
        width: 100%;
    }

    .fixed_field {
        width: 100%;
        max-width: unset;
    }

    .user_filters .filters>div {
        width: calc((100% - (var(--gap_filters) * 1)) / 2) !important;
    }

    .user_filters .filters>div {
        width: 100% !important;
    }

    .report_cards>div {
        width: 100%;
    }

    div.search_input.flex-nowrap {
        flex-wrap: wrap !important;
    }

    .hive_chart {
        padding: 0px !important;
    }

    .hive_chart .toggle_tabs {
        padding: 20px 20px 0px 20px;
    }

    .hive_table td,
    .hive_table th {
        width: min-content;
        min-width: 20px;
        padding: 0px 6px;
    }

}

@media screen and (width: 767px) {
    .market_video_section img {
        width: 100%;
        max-height: 500px;
        object-fit: cover;
    }
}

@media screen and (max-width:766px) {
    .market_home_title {
        font: normal normal bold 32px / 37px Tektur;
    }

    .banner_title p {
        font: normal normal normal 13px Poppins;
    }

    .market_home_details {
        font: normal normal normal 11px / 19px Poppins !important;
    }

    .market_home .market_swipper_categ {
        gap: 12px;
    }

    .market_video_section {
        height: max-content !important;
    }

    .market_video_section img {
        width: 100%;
        max-height: 500px;
        object-fit: cover;
    }
}

@media screen and (max-width: 554px) {
    .account_form>div>div {
        width: 100%;
        min-width: auto;
    }

    .account_form>div>.col-md-6 {
        width: 100% !important;
    }

    .roles_perm_card {
        width: 100%;
    }

    .playVideo_icon {
        font-size: 3.5rem !important;
    }

    .market_place .banner_title {
        padding: 20px;
    }

    .market_swipper_categ {
        gap: 12px;
    }

    .market_place {
        gap: 30px;
    }



}

@media screen and (max-width: 500px) {

    .filters .filter_data,
    .filter_search {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .bills_filter .market_search {
        width: 100%;
    }

    .bills_search_input .bills_btn {
        width: 100%;
    }
}

@media screen and (max-width:480px) {
    .upload_div .btn {
        padding: 0px 6px !important;
    }

    .content_search>div div:not(:last-child) {
        width: 100% !important;
    }

    .filter_search_input {
        min-width: 100%;
    }

    @media screen and (max-width:450px) {
        .bills_btn {
            width: 100%;
        }
    }

}

.new-status {
    background-color: #F3F2F1;
    color: var(--title);
}

.pending-payment {
    background-color: #FFF5E5;
    color: var(--orange);
}

.active-status {
    background-color: #E3F2FD;
    color: #1565C0;
}

.paid-status {
    background-color: #E8F5E9;
    color: #0D761C;
}

.coming-Payment-status {
    background-color: #fbffdb;
    color: #f9941c;
}


.unpaid-status {
    background-color: #E3F2FD;
    color: #1565C0;
}

.hold-status {
    background-color: #FFE6E6;
    color: #FF3B3B;
}

.completed-status {
    background-color: #D6F3E8;
    color: #2EAF80;
}

.cancelled-status {
    background-color: #F2F2F2;
    color: #818181;
}

.upcoming-Payment-status {
    background-color: #FFF5E5;
    color: var(--orange);
}

/* DELEGATE BANNER */

.text-yellow {
    color: var(--orange);
}

.delegate-message {
    background-color: #FFF5E5;
    padding: 8px 13px 8px 10px;
    margin-bottom: 16px;
}



.delegate-message.d-none {
    display: none !important;
}

.delegate-message p {
    color: var(--orange);
}

.delegate-message p strong {
    color: var(--black);
}

.delegate-message button.exit {
    color: #FF0000;
    font-weight: 600;
    outline: none;
    border: none;
    background-color: transparent;
    margin-top: 8px;
}

@media screen and (min-width:576px) {
    .delegate-message button.exit {
        margin-top: 0;
    }
}

@media (min-width:992px) {
    .delegate-message {
        padding: 8px 63px 8px 22px;
    }
}

.delegate_user_table_img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #fff;
    background-color: #0000ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-delegate {
    padding: 80px 0;
    /* text-align: center; */
    color: var(--orange);
    /* font: normal normal 600 20px/30px Poppins; */
}


.filters .multiselect .multiselect__input {
    /* opacity: 0; */
    background-color: transparent;
    font: normal normal normal 13px / 17px Poppins;
}

.filters .multiselect__tag {
    background: #F1B44C2E;
    border-radius: 14px;
    font: normal normal normal 13px / 17px Poppins;
    color: var(--orange);
    padding: 6px 20px;
    white-space: nowrap;
    text-align: center;
}

.filters .multiselect__tag-icon::after {
    /* color:  #fff; */
    color: var(--orange);
    margin-left: 4px;
}

.filters .multiselect__single {
    font: normal normal normal 13px / 17px Poppins;
    margin-bottom: 0;
    padding: 0;
}


.card-grid {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.ap-card {
    /* display: flex;
    align-items: center; */
    background-color: rgba(248, 249, 250, 0.53);
    padding: 5px;
    border-radius: 6px;
}

.ap-card .available-product-image {
    width: 83px;
    height: 74px;
    aspect-ratio: 83 / 74;
    flex-shrink: 0;
    margin-right: 18px;
}

.ap-card .available-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.ap-card .card-details {
    /* display: flex;
    flex-direction: column; */
    gap: 4px;
}

.ap-card .card-details h5,
.ap-card span {
    font: normal normal normal 13px / 20px Poppins;
    color: var(--black);
}


.ap-card span.status {
    font: normal normal normal 12px / 18px Poppins;
    color: var(--orange);
}

.ap-card .card-details h5 {
    font: normal normal 600 13px / 20px Poppins;
}

/* .hive_name_modal .modal-dialog */


.hive_name_modal .modal-dialog {
    max-width: 80%;
    margin: 0 auto;
}

.hive_name_modal .hive_table tr *:last-child {
    max-width: 100px;
}

.search_section {
    gap: 10px;
}

.hive_table .btn {
    font-weight: 500;
}

/* No Projects */
.no-projects {
    padding: 20px;
    border-radius: 8px;
}

.no-projects h3 {
    color: var(--orange);
}

.no-projects p,
.no-projects h3 {
    margin-bottom: 20px;
}

.no-projects p {
    font: normal normal normal 13px / 20px Poppins;
    color: var(--dark-description);
}

.no-projects a {
    /* margin-top: 20px; */
    display: inline-block;
    max-width: fit-content;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: transparent !important;
}

@media (min-width:992px) {
    .no-projects {
        max-width: 80%;
    }
}

@media (min-width:1200px) {
    .no-projects {
        max-width: 70%;
    }
}

.air-datepicker-cell.-current-:not(.-month-) {
    border: 1px solid #74788d;
    border-radius: 50%;
    color: var(--black);
}

.air-datepicker-cell.-day-.-selected-,
.air-datepicker-cell.-current-.-month-,
.air-datepicker-cell.-selected-.-focus- {
    background-color: var(--orange) !important;
    color: #fff;
    border: none !important;
}

.air-datepicker-cell.-day-.-selected- {
    border-radius: 50%;
}

/* .multiselect__option--highlight {
    background-color: red;
} */

.modalVideo {
    max-height: 450px;
}

.gutter-x-16>* {
    padding: 0 8px !important;
}

.gutter-y-24 {
    --bs-gutter-y: 24px !important
}

.input_div .orange_icon {
    transform: unset;
}

/* === Global Element Plus Message Override === */

/* Message container */
.el-message {
    background-color: #ffffff !important;
    color: #0f0f0f !important;
    border: 1px solid #7070702C !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
}

/* Message icon (applies to all types) */
.el-message__icon {
    color: #FF8200 !important;
    /* orange icon */
    font-size: 18px !important;
}

/* Message text */
.el-message__content {
    color: #0f0f0f !important;
    font-weight: 500 !important;
}

/* Adjust success/info/warning/error colors globally (optional) */
.el-message--success .el-message__icon,
.el-message--info .el-message__icon,
.el-message--warning .el-message__icon,
.el-message--error .el-message__icon {
    color: #FF8200 !important;
}


/* --- Global SweetAlert2 overrides to match Element UI message --- */

/* Popup container */
.swal2-popup.swal2-toast {
    background-color: #ffffff !important;
    color: #0f0f0f !important;
    border: 1px solid #7070702C !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-family: inherit !important;
}

/* Icon color (info, success, error, warning, question) */
.swal2-icon {
    color: #FF8200 !important;
    border-color: #FF8200 !important;
}

/* Text and title */
.swal2-title,
.swal2-html-container {
    color: #0f0f0f !important;
    font-weight: 500 !important;
}

/* Button (confirm button style) */
.swal2-confirm {
    background: var(--unnamed-color-ff8200) 0% 0% no-repeat padding-box;
    border: 1px solid var(--hero);
    border-radius: 3px;
    font: normal normal normal 13px / 20px Poppins;
    padding: 7px 20px;
    color: #FFFFFF;
    opacity: 1;
    margin-right: 6px;
}

.swal2-confirm:hover {
    background-color: #e67a00 !important;
}

/* Close (X) button */
.swal2-close {
    color: #0f0f0f !important;
    opacity: 0.6 !important;
}

.swal2-close:hover {
    opacity: 1 !important;
}

/* Align icon and text more like Element UI toast */
.swal2-toast .swal2-icon {
    margin: 0 10px 0 0 !important;
    width: 1.2em !important;
    height: 1.2em !important;
}

.swal2-toast .swal2-title,
.swal2-toast .swal2-html-container {
    display: inline-block !important;
    vertical-align: middle !important;
}

/* Optional: Add subtle left bar like your design */
/* .el-message::before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background-color: #FF8200;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
} */

.new_pipeline_status {
    padding: 4px 16px;
    border-radius: 12px;
}

.new_pipeline_status.active {
    background-color: #EAF9F4;
    color: #2EAF80;
}

.turnedOffPipelineActivityLog ::-webkit-scrollbar {
    width: 4px;
}

.turnedOffPipelineActivityLog ::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.turnedOffPipelineActivityLog ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
}

.turnedOffPipelineActivityLog ::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.text-12-normal {
    font: normal normal 400 12px / 18px Poppins !important;
}

.upload-materials-modal .dropdown {
    position: relative;
    z-index: 10;
}

.upload-materials-modal .dropdown-menu {
    z-index: 10;
}

/* Activity Log Responsive Styles */
@media screen and (max-width: 1200px) {
    .button-group-wrapper {
        flex-direction: column;
    }

    .button-group-wrapper .btn {
        width: 100%;
    }
}

.dropdown-toggle::after {
    display: none !important;
}