.max-size-width {
    width: 32px;
}

.icon-rotate {
    transition: transform 0.4s ease;
    transform: rotate(0deg);
}

button[aria-expanded="true"] .icon-rotate {
    transform: rotate(180deg);
}

.air-datepicker-overlay {
    z-index: 2000 !important;
}

.air-datepicker {
    --adp-z-index: 2010 !important;
}

[data-bs-theme="dark"] .air-datepicker--bs5-dark {
    --adp-background-color: #212529;
    --adp-color-disabled: #4a4a4a;
    --adp-color: #aeaeae;
    --adp-color-other-month: #3a3a3a;
    --adp-background-color-hover: #2d3338;
    --adp-background-color-active: #3b4349;
}

.loader-svg {
    transform: rotate(-90deg);
}

[data-bs-theme="light"] .bg-circle {
    stroke: #eee;
}

[data-bs-theme="dark"] .bg-circle {
    stroke: #4d4d4d;
}

.progress-circle {
    stroke: #00bcd4;
    stroke-linecap: round;
    transition: stroke-dashoffset 0.35s;
}

.animate-dropdown-menu-orders {
    max-height: 0;
    transition: max-height 0.3s ease-out;
}

.animate-dropdown-menu-orders[data-popper-placement="bottom-start"] {
    max-height: 300px;
}

.x-mark-icon {
    color: #fd648d;
    font-size: 1.3rem;
    margin-right: .3rem !important;
}

.btn.my-btn-sm {
    --bs-btn-padding-x: 1rem;
}

.btn.btn-danger.my-danger {
    --my-color-custom: #b94d4d;
    --my-color-custon_2: #9c3e3e;
    --bs-btn-bg: var(--my-color-custom);
    --bs-btn-border-color: var(--my-color-custom);
    --bs-btn-hover-bg: var(--my-color-custon_2);
    --bs-btn-hover-border-color: var(--my-color-custon_2);
    --bs-btn-active-bg: var(--my-color-custon_2);
    --bs-btn-active-border-color: var(--my-color-custon_2);
    --bs-btn-disabled-bg: var(--my-color-custom);
    --bs-btn-disabled-border-color: var(--my-color-custom);
}

.btn.btn-danger.my-danger {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.3rem;
    --bs-btn-font-size: 0.9rem;
}