.nav-burger {
    color: #646c9a;
}

@media(max-width: 1400px) {
    .table-responsive-1400 {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media(max-width: 1320px) {
    .table-responsive-1320 {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/*tablette*/

@media (min-width: 768px) and (max-width: 990px) and (orientation: portrait) {
    main {
        padding: 0px;
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .toast-custom-content {
    position: absolute;
     top: 7em;
      right: 3%;
      left:3%;
}
    .btn:first-child {
        margin-bottom: 8px;
    }
    .navbar {
        padding: 10px 27px!important;
    }

    main {
        padding: 0px;
        padding-top: 90px;
    }
    .color-container-body {
        padding: 25px 15px;
    }
    /*Alert*/
    .alert {
        width: 90%!important;
        right: 0;
        left: 0;
        margin: 0 auto!important;
    }
    /* Force table to not be like tables anymore */
    .custom-responsive thead,
    .custom-responsive tbody,
    .custom-responsive th,
    .custom-responsive td,
    .custom-responsive tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .custom-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .custom-responsive tr {
        border: 1px solid #ccc;
    }
    .custom-responsive td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        text-align: center !important;
        min-height: inherit;
        height: inherit;
        display: none;
    }
    .custom-responsive td b {
        font-weight: bold;
    }
    .custom-responsive tbody tr td:nth-child(1) {
        cursor: pointer;
    }
}