.main-header-right .nav .nav-item .dropdown-menu {
    margin-top: -40px !important;
}
.side-menu__icon {
    width: 24px;
    height: 24px;
}
.text-center {
    text-align: center !important;
}
.text-white {
    color: #fff !important;
}

.side-menu__icon {
    width: 24px;
    height: 24px
}

.checkbox:checked+img {
    border: 3px solid #21da11;
    position: relative;
    top: -3px;
    transform: scale(1.2)
}

.dark-theme .form-check-input {
    background-color: #fff;
    border-radius: 50px;
    content: ""
}

.form-check-input:checked[type=radio] {
    background-color: var(--primary-bg-color);
    border-color: transparent
}

#detailServer {
    display: none
}

.form-control.note {
    min-width: 180px
}

.home-notification {
    max-height: 650px;
    overflow-x: hidden;
    overflow-y: scroll
}

.home-notification::-webkit-scrollbar {
    width: 4px
}
@media(max-width:768px) {
    .main-header-right .nav .nav-item .dropdown-menu {
        margin-top: -40px !important
    }

    .main-profile-menu .dropdown-menu:before {
        right: 45px
    }

    .home-notification {
        max-height: 480px
    }
}

@media(min-width:768px) {
    .main-header-right .nav .nav-item .dropdown-menu {
        margin-top: 20px !important
    }
}
.ribbon-title {
    background: #546de5;
    padding: 5px 12px;
    box-shadow: 2px 5px 10px #007fff;
    color: #fff;
    font-size: .8125rem;
    font-weight: 600;
    position: absolute;
    left: -1px;
    top: 5px;
    display: inline-block
}

.ribbon-title.ribbon-primary::before {
    border-left-color: #546de5;
    border-top-color: #546de5
}

.ribbon-title::before {
    content: "";
    position: absolute;
    right: -17px;
    top: 0;
    border: 14px solid transparent
}

.ribbon-title.ribbon-primary::after {
    border-left-color: #546de5;
    border-bottom-color: #546de5
}

.ribbon-title::after {
    content: "";
    position: absolute;
    right: -17px;
    bottom: 0;
    border: 14px solid transparent
}