.upload-file-box {
    position: relative;
    width: 100%;
}

.crancy-product-card__upload {
    position: relative;
    width: 100%;
    height: 120px;
    border: 1px dashed #ddd;
    display: flex;
    justify-content: center;
    align-items: center;

}

.multiple-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer !important;
}

.img-place {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.img-place img {
    margin-bottom: 5px;
    pointer-events: none; /* Disable pointer events to allow input clicks */
}

.img-place label {
    pointer-events: none; /* Disable pointer events to allow input clicks */
}

/* Default state: Hide the validation messages */
.invalid-feedback {
    display: none;
    color: red;
    font-size: 0.875em;
}

/* Show validation messages when an error is present */
.invalid-feedback.show {
    display: block;
}
.error-message {
    color: red;
}
.validation-message {
    color: red;
    font-size: 0.875rem; /* Optional: adjust font size */
    display: block; /* Ensure the message appears on a new line */
}
/* Styling for the custom multi-select dropdown */
/* Container for the select input with down arrow */
.dropdown-custom-css-multi {
    position: relative;
    width: 100%;
}

/* Style for the select input */
.dropdown-custom-css-multi .selected_cards_display {
    width: 100%;
    padding: 0 30px 0 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
}

/* Style for the search input */
.dropdown-custom-css-multi .search_input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-bottom: 8px;
}

/* Style for the dropdown list */
.dropdown-custom-css-multi .cards_list {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    top: 100%;
    left: 0;
    padding: 0;
}

/* Style for each option in the dropdown */
.dropdown-custom-css-multi .cards_list .option {
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: unset; /* Ensure checkbox and label are aligned vertically */
    gap: 10px; /* Add some space between the checkbox and label */
}

/* Style for the focused option */
.dropdown-custom-css-multi .cards_list .option.focused {
    background-color: #e0e0e0;
}

/* Style for the checkbox in the option */
.dropdown-custom-css-multi .card-checkbox {
    margin: 0; /* Remove any margin around the checkbox */
    vertical-align: middle; /* Align the checkbox in the middle */
}

/* Style for the label of the checkbox */
.dropdown-custom-css-multi .option label {
    cursor: pointer;
    user-select: none;
    vertical-align: middle; /* Align the label in the middle */
}

/* Style for the arrow */
.dropdown-custom-css-multi .selected_cards_display::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    pointer-events: none;
    transition: transform 0.2s;
}

/* Arrow pointing up when dropdown is visible */
.dropdown-custom-css-multi.dropdown-open .selected_cards_display::after {
    border-top: 0;
    border-bottom: 5px solid #000;
    transform: translateY(-50%) rotate(180deg);
}

#loader-container {
    display: none;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8); /* Semi-transparent white background */
}

#loader {
    border: 8px solid #f3f3f3; /* Light grey border */
    border-top: 8px solid #3498db; /* Blue border on top */
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite; /* Rotate animation */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px; /* Half of height */
    margin-left: -25px; /* Half of width */

}
.child-arrow{
    cursor: pointer !important;
}
.box-sku-retailer{
    display: inline;
}
.logoimage{
    background-color: unset !important;
    border: unset ;
    box-shadow: unset;
    outline: unset;
    line-height: unset;
}
/* #crancy-calender-event {
    max-width: 1100px;
    margin: 0 auto;
    height: 600px; /* Ensure enough height for the calendar
} */

/* Rotate animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* .crancy-smenu .crancy__dropdown.sidebar_dropdown_resp_custom{
    max-height: 230px;
    overflow: auto;
    top: -130px !important;
} */


.alert-error {
    color: red !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}
.error{
    color: red;
}
.btn-link-custom{
    width: 20%;
    box-shadow: unset;
}
.event-model label{
    margin-bottom: 0 !important;
}
.event-model{
    gap: 5px;
    margin-bottom: 8px;
}


div:where(.swal2-container).swal2-center>.swal2-popup{
    grid-row: 3 !important;
}
div:where(.swal2-container) div:where(.swal2-actions) {
display: flex !important;
width: 80% !important;
flex-direction: row;
flex-wrap: unset !important;
}

.login-page-form-main .crancy-wc__text {
    color: #000;
}

#crancy-table__main-popup_week {
    margin-top: 30px !important;
}

#crancy-table__main-popup_week tbody tr td {
    padding: 15px 10px;
}
.fc .fc-toolbar-title {
    font-size: 1.25em !important;
    margin: 0;
}