:root {
    --Dark-Dark-color: #111928;
    --Stroke-color: #DFE4EA;
    --Primary-color: #6AC1B4;

}

.sidebar {
    ul {
        li {
            color: #9CA3AF;

            .dropdown {
                width: 100%;
                display: none;
                transition: max-height 0.2s ease-out;
                max-height: 0;
                overflow: hidden;

                li {
                    color: #9CA3AF;

                    a {
                        padding: 10px 15px 10px 20px;
                    }
                }
            }

            .show {
                display: block;
                max-height: none;

                li:hover {
                    background-color: white !important;
                    color: #111928;

                    a {
                        color: #111928 !important;
                    }

                    svg {
                        color: #111928 !important;
                    }
                }
            }

        }

        li:hover {
            background-color: white !important;
            color: #111928;

            a {
                color: #111928 !important;
            }

            svg {
                color: #111928 !important;
            }
        }

        li.show:hover {
            background-color: rgba(255, 255, 255, 0.5) !important;

            a {
                color: white !important;
            }
        }

    }
}

.toast-info {
    border-color: #1C3FB7;
}

.toast-success {
    border-color: #1A8245;
}

.toast-error {
    border-color: #E10E0E;
}

.toast-warning {
    border-color: #F59E0B;
}

.bg-color-primary {
    background-color: var(--Primary-color);
}

.bg-start {
    background-image: url('/img/bg_start.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 100vh;
    background-color: #032e4e;
    transition: background-image 0.5s ease-in-out;
}

.modal-bg {
    background-color: rgba(255, 255, 255, 0.200);
}

#dropdownMenu {
    top: 50px;
}