/****** Reponsive ******/

@media (max-width: 750px) {

    body {
        font-size: 14px;
    }

    .mobile-logo img {
        max-width: 145px;
    }

    #sidebar-wrapper {
        width: 100vw;
    }

    .modal-content {
        width: 97%;
    }

    .dashboard-btn {
        height: 80px;
    }

    .dashboard-col-2 a {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }

    .dashboard-col-2 .dashboard-btn {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
        padding: .5rem 0 !important;
    }

    #cardfilter, #cardtrier, #cardfilterreset {
        font-size: 16px;
    }

    .btn-principal {
        max-width: 100%;
    }

    /* Reorder filters on prodfiles page */
    .page-admin-profile-index .profiles-roles-filter {
        order: 1;
    }

    .page-admin-profile-index .profiles-search {
        order: 2;
    }

    .page-admin-profile-index .profiles-order {
        order: 3;
    }

    /* Card */

    .card-tab-matiere {
        font-size: 15px;
    }

    .super-card .nav-item.nav-link {
        color: #606060;
        font-size: 17px;
    }

    .super-card .nav-item.nav-link.active {
        color: #333333;
        font-size: 18px;
    }

    .quizz-step-item {
        min-height: 42px;
    }

    /* Quizz */
    .quizz-card {
        min-width: 100vw;
        padding: 0 2rem 0 0 !important;
    }

    .quizz-container .quizz-type-content {
        height: 170px;
    }

    .select-quizz-types > div:nth-of-type(1) {
        padding-right: .25rem;
    }

    .select-quizz-types > div:nth-of-type(2) {
        padding-left: .25rem;
    }

    .quizz-type-CardsTraining {
        font-size: 15px;
        line-height: normal;
    }

    /* Main animation */
    .page-home .animate-bottom, .page-register .animate-bottom, .page-password-request .animate-bottom {
        position: relative;
        -webkit-animation-name: animatebottom;
        -webkit-animation-duration: 1s;
        animation-name: animatebottom;
        animation-duration: 1s;
    }

    /* Cards page */

    .page-cards-index .cards-new.modal-btn, .page-cards-pack .cards-new.modal-btn  {
        max-width: 100%;
    }

    /* Admin: profiles */

    .page-admin-profile-index .profiles-new.modal-btn {
        max-width: 100%;
    }


}

/* Styles for screens smaller than 1000px */
@media (max-width: 999px) {

    button, .cardfilter label {
        font-size: 14px !important;
    }

    /* Hide sidebar and show burger menu */
    #sidebar-wrapper {
        display: none;
        position: absolute;
        top: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
    }

    .sidebar-container {
        min-height: 100%;
        margin-top: unset;
        margin-bottom: unset;
    }

    .burger-menu {
        display: block;
    }

    .reduce-mobile {
        width: 75%;
        margin-top: 0px !important;
    }

    .disable-padding-mobile {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .disable-margin-mobile {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .response-mobile {
        width: 100% !important;
    }

    .my-reduce-mobile {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .mobile-w-15 {
        width: 15% !important;
    }

    .mobile-d-block {
        display: block !important;
    }

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

    .mb-2-mobile {
        margin-bottom: 2rem !important;
    }

    .mb-1-mobile {
        margin-bottom: 1rem !important;
    }

    .profiles-new, .cards-new {
        margin-left: unset;
        position: relative;
        top: unset;
        right: unset;
    }

    .dashboard-col-2 {
        background-color: var(--df-rose-regular);
        transition: all 300ms ease;
    }

    .page-admin-profile-edit form button {
        width: 48%;
    }

    .dashboard-btn {
        height: 150px;
    }
}

/* Styles for screens larger than or equal to 1000px */
@media (min-width: 1000px) {
    /* Show sidebar and hide burger menu */
    .w-md-auto {
        width: auto !important;
    }

    #sidebar-wrapper {
        display: block;
        width: 300px; 
    }

    .disable-desktop {
        display: none;
    }

    .burger-menu {
        display: none !important;
    }

    #resultsModal {
        /*transform: translateX(250px);*/
    }
}