@media (max-width: 990px) {
    .main-header {
        background: #da3941 !important;
    }

    .sous_menu, .main_title, .second_title {
        display: none !important;
    }

    .b_bottom ul:not(.user_info) {
        display: none !important;
    }

    .b_bottom {
        margin-left: -30px;
    }

    .for_mobile {
        display: inline-block;
    }

    .custome_dropdown {
        background-color: transparent;
        border: none;
        color: #FFF;
        outline: none;
        font-size: 11px;
    }

    .for_mobile .dropdown-menu {
        width: 90%;
        background: #da3941;
        box-shadow: none;
        border: none;
        left: 15px;
    }

    .for_mobile .dropdown-item {
        color: #FFF;
        border-bottom: 1px solid #DDD;
        text-transform: capitalize;
        font-size: 11px;
    }

    .btn_add {
        width: 35%;
    }

    .toggle_menu {
        position: absolute;
        right: 49px;
        display: block;
        border-right: 1px solid #bf2b32;
    }

    .toggle_menu i {
        color: #FFF;
    }

    .dataTable tbody td span:not(.checkmark), .dataTable tbody td a {
        font-size: 11px;
        min-height: 44px !important;
    }

    .dataTable thead tr th {
        font-size: 11px;
    }

    .main-sidebar .brand-link .brand-image {
        max-height: 35px !important;
    }

    .main-sidebar .brand-link .brand-text {
        font-size: 10px !important;
        padding: 2px;
    }

    .main-sidebar .brand-link {
        padding: 12px 0 5px !important;
    }

    .main-sidebar ul .nav-item .nav-link img {
        margin: 2px auto !important;
        max-height: 18px !important;
    }

    .main-sidebar ul .nav-item .nav-link {
        font-size: 7pt !important;
        padding-bottom: 4px !important;
    }

    .main-sidebar ul .nav-item .active:before, .main-sidebar ul .nav-item .active:after {
        display: none;
    }

    .main-sidebar ul .nav-item .active {
        height: auto !important;
        background-color: #666666;
    }

    .dropdown-item.active, .dropdown-item:active {
        font-weight: bold;
        background: transparent;
    }

    .table_over, .form_container {
        overflow-x: auto;
    }

    .extra_btn a {
        font-size: 11px;
        padding: 6px 4px 7px 3px;
    }

    .extra_btn img {
        max-height: 16px;
    }

    .date_input, .date_between {
        font-size: 11px;
    }

    .recap_item .item_name {
        font-size: 14px;
    }

    .recap_item .item_price {
        font-size: 16px;
    }

    .chiffre_affaire img, .revenu img {
        height: 82px;
    }

    .chiffre_affaire, .revenu {
        font-size: 14px;
        margin-bottom: 13px;
    }

    .chiffre_affaire, .col-sm-5 > .revenu {
        min-height: 316px !important;
    }

    .chiffre_affaire h3, .revenu h3 {
        font-size: 18px;
    }

    .ca_pie_chart, .Stock_pie_chart, .Charge_pie_chart, .Achat_pie_chart {
        position: static;
        margin: 10px 0;
    }

    .benefice_img_container {
        margin: 10px auto;
        position: static;
    }

    .b_right, .b_left {
        border: none;
    }

    .journalieList img {
        height: 100px;
    }

    .main-header .b_bottom img {
        height: 40px;
        padding: 2px;
    }

    .table_jornalie thead th {
        font-size: 11px;
    }

    .table_jornalie tbody td {
        padding: 1px;
        font-size: 10px;
    }

    .dropdown-toggle::after {
        position: absolute;
        left: -6px;
        top: 10px;
    }

    .dataTables_paginate a {
        font-size: 11px;
        margin: 2px;
    }

    .singletable th {
        font-size: 11px;
    }

    label {
        font-size: 11px;
    }

    .select2 {
        font-size: 12px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 1px;
    }

    .select2-container--default .select2-results > .select2-results__options li, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
        font-size: 10px;
    }

    .login_card {
        width: 90% !important;
        height: 320px !important;
        position: static !important;
        margin: 20px auto !important;
    }

    .login_card .card-body {
        padding: 5px;
    }

    body .card .login {
        width: 100%;
        padding: 7px 20px;
    }

    body .card .login button {
        font-size: 14px;
        height: 38px;
    }

    .dataTable thead tr th span {
        padding: 0;
    }

    .container {
        padding: 0;
    }

    .btn_add img {
      max-height: 25px;
    }
    .barOverflow{
        width: 240px;
        height: 120px;
    }
    .bar{
        width: 240px;
        height: 240px;
    }
}

@media (max-width: 800px) {
    .barOverflow{
        width: 200px;
        height: 100px;
    }
    .bar{
        width: 200px;
        height: 200px;
    }
}
@media (max-width: 500px) {
    .btn_add{
      width: 45% !important;
    }
    .table_jornalie thead th{
        font-size: 9px;
    }
    .journalieList img {
        height: 80px;
        margin: 10px auto;
    }
    .extra_btn a{
        font-size: 10px;
        padding: 6px 3px 7px 3px;
    }
    .extra_btn img {
        max-height: 13px;
    }
    .singletable th{
        font-size: 10px;
    }
    .totales_box label{
        font-size: 12px;
    }
    .red_btn, .red_btn:hover{
        margin: 2px 0;
        font-size: 12px;
    }
    .btn_add_row{
        font-size: 12px;
    }
    .pl-0{
        padding-left: 15px !important;
    }
    .pr-0{
        padding-right: 15px !important;
    }
    .barOverflow{
        width: 300px;
        height: 150px;
    }
    .bar{
        width: 300px;
        height: 300px;
    }
    .produit_name{
        margin: 20px auto;
        text-align: center;
    }
}