.myCheckBx {
    background-color: gray;
    font-size: smaller;
}

.checkedTotalDent {
    background-color: cyan;
}

.checkedTotalDent div.dhxform_img {
    background-color: #d5dadf;
    border-radius: 3px;
}

.checkedTotalDent div.dhxform_actv_c {
    background-color: #d5dadf;
    border-radius: 3px;
}

.collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.rotate-icon {
    transition: transform 0.3s ease;
}

.rotate-icon.rotated {
    transform: rotate(180deg);
}

.shadow-hover:hover {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.slide-in {
    animation: slideIn 0.3s ease-out forwards;
}

.slide-out {
    animation: slideOut 0.3s ease-out forwards;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }

    to {
        transform: translateX(100%);
        opacity: 0;
    }
}

.modal-enter {
    animation: modalEnter 0.3s ease-out forwards;
}

.modal-exit {
    animation: modalExit 0.3s ease-out forwards;
}

@keyframes modalEnter {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes modalExit {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

.draft-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    background-color: rgb(249, 250, 251) !important;
}
.draft-item {
    transition: all 0.2s ease;
}

#zakazDraftModalOpenBtn:hover {
    transform: scale(1.05) !important;
    background-color: #0056b3 !important;
}

#zakazDraftNotification:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}

#zakazDraftNotification:hover .position-absolute {
    opacity: 1 !important;
}

#closeZakazDraftNotification:hover {
    color: #2f3337 !important;
}

.my-rounded-lg {
    border-radius: 0.5rem;
}

.my-rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.transition-shadow {
    transition: box-shadow 0.2s ease;
}

/* For better button hover effects */
.btn-link {
    transition: background-color 0.2s ease;
}

/* Custom scrollbar for drafts list */
.drafts-list::-webkit-scrollbar {
    width: 6px;
}

.drafts-list::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 3px;
}