.vsm--scroll-wrapper {
    margin-right: 0px;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

#preloader:before {
    content: "";
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
    border: 6px solid #34b7a7;
    border-top-color: #dcf5f2;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.search_doc .category .name {
    min-width: 20px !important;
    writing-mode: tb !important;
    text-orientation: mixed !important;
    text-align: center !important;
}

.min-device {
    display: none !important;
}

.search .results .description {
    white-space: break-spaces;
}

.search .results {
    max-height: 450px;
    overflow: auto;
}

.ui.menu.imd .item:not(.active) {
    opacity: 0.5;
}

.annaire .results.transition {
    min-width: 450px;
}

@media (max-width: 768px) {


    .ui.grid>* {
        padding: 0 !important;
    }

    .w-100-device {
        width: 100% !important;
    }

    .vs-search-panel {
        width: 100%;
        display: inline-block;
    }

    .navigation {
        max-height: initial !important;
        justify-content: center !important;
    }

    section#service {
        margin-top: 75px;
    }

    section#service.annuaire {
        margin-top: 7.5em;
    }

    section#service.annuaire .cards {
        margin: 0 !important;
    }

    section#service.annuaire .card {
        margin-left: 0;
        margin-right: 0;
    }

    nav .item:not(.brand, .sidebar-menu-toggler, .brand-up) {
        display: none !important;
    }

    nav .menu:not(.transition) {
        justify-content: left !important;
    }

    .min-device {
        display: block !important;
    }

    .vsm--scroll-wrapper {
        display: none;
    }

    .vsm--toggle-btn {
        border: 0 !important;
        background: rgb(83, 203, 225) !important;
        position: fixed;
        width: 50px !important;
        bottom: 0px;
        right: 0;
    }

    .container-scheduler {
        margin-left: 0 !important;
        margin-bottom: 50px !important;
    }


    .v-sidebar-menu.vsm_collapsed {
        width: auto !important;
    }

    .datatable th {
        width: inherit !important;
    }

    .pointing.dropdown.right.update_apt .menu {
        margin-top: 17px !important;
        left: -50px !important;
    }

    .pointing.dropdown.left.update_apt .menu {
        margin-top: 17px !important;
        left: -200px !important;
    }

    .h-100-device {
        height: inherit !important;
    }

    .iziModal .iziModal-wrap,
    .iziModal .iziModal-content,
    #modal-content-main {
        height: inherit !important;
    }

    .none-device {
        display: none !important;
    }

    .datatable .ui.vertical.menu {
        display: flex;
        flex-direction: inherit;
    }

    .calendar-root .calendar {
        position: inherit !important;
        display: table-cell !important;
        width: -moz-available !important;
        width: -webkit-fill-available !important;
    }

    .calendar_month_left,
    .calendar_month_right {
        width: 100% !important;
    }
}