@media (min-width: 1200px) and (max-width:  1400px) {
    .hidden-lg-md {
        display: none;
    }

    .bc-collection[data-mode="box"] > [class*='col-lg'] {
        width: 50%;
    }

    .bc-collection[data-mode="box"] > :nth-child(3n+1) {
        clear: none;
    }
}

/* Fix Filter full size */
@media (min-width: 1200px) {
    .col-lg-initial {
        width: inherit;
    }

    .row .fix-input-size {
        min-width: 85.33333333%;
    }

    .row .fix-input-model-country-size {
        min-width: 27%;
    }

    .vehicle-info-file:before {
        content: "";
        position: absolute;

        width: 1px;
        height: 70px;

        background-color: #dee1e2;

        top: 0px;
        bottom: 0px;
        right: 0;
        margin-top: auto;
        margin-bottom: auto;
    }

    .p-l-lg-none {
        padding-left: 0;
    }

    #app_bundle_group_fleet_groupFleetList .block-update-media,
    #app_bundle_group_fleet_groupFleetList .block-delete-media {
        width: 100%;
    }

    .rspv-label-tire-estimate-price{
        display: none;
    }
}

/* Fix Filter full size */
@media (max-width: 1200px) {
    .rspv-bloc-tire-estimate-price{
        display: none;
    }
}

@media (max-width: 1024px) {
    .table-responsive {
        border: none;
    }
    
    .main-form-search .input-group {
        width: 100%;
    }

    .main-form-search {
        margin-left: 5px;
    }

     #sonata-breadcrumb-action .dropdown-menu {
        margin-left: -210px;
    }
}
@media (min-width: 992px) {
    .navbar-text {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
    }
    .navbar-left {
        width: 53%;
    }
    .navbar-right ~ .navbar-right {
        margin-right: 0;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
    .ibox-content .sonata-ba-list {
        padding: 0;
    }

    .navbar.navbar-top-header .nav {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .navbar.navbar-top-header .navbar-header .nav {
        display: none;
    }

    .navbar.navbar-top-header .nav > li a {
        padding-left: 0;
        padding-right: 0;
    }

    form > .row > [class*='col-md-12'] > [class*='col-'] + [class*='col-'] {
        padding-left: 0;
    }

    .dropdown-actions .dropdown-menu.split-cat
    {
        min-width: 510px;
    }

    .p-l-md-none {
        padding-left: 0;
    }
}

@media (max-width: 992px) {
    #wrapper {
        margin-top: 108px;
    }

    .page-header-wrapper {
        left: 0;
    }

    .header-table {
        padding: 10px 15px 20px;
    }

    #page-wrapper > .sonata-main-block .row {
        margin: 0;
    }

    #page-wrapper > .sonata-main-block .row [class*='col-sm'],
    #page-wrapper > .sonata-main-block .row [class*='col-md'],
    #page-wrapper > .sonata-main-block .row [class*='col-lg'] {
        padding: 0;
    }

    .list-inline > .no-padding-r {
        padding: 0;
    }

    body.body-small.fixed-sidebar .navbar-static-side {
        display: block;
        z-index: 2003;
    }

    .navbar-static-side,
    body.body-small.fixed-sidebar.mini-navbar .navbar-static-side {
        width: 0;
        display: none;
    }

    .navbar.navbar-top-header .navbar-header .nav {
        margin: 0;
    }

    #navbar-top .nav.navbar-top-links {
        right: 0;
    }
    
    .nav-center {
        text-align: center;
        position: fixed;
    }

    .sonata-main-block {
        padding-right: 1%;
        padding-left: 1%;
    }

    .breadcrumb-container {
        padding-bottom: 0;
    }

    .ibox-content {
        padding: 12px 5px 5px;
    }

    .block-btn-actions a {
        display: block;
        width: 100%;
    }

    .block-btn-actions li {
        width: 100%;
    }

    #sonata-action-block .panel ul.nav-tabs {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .block-btn-actions .btn-group,
    .block-btn-actions .btn-group button.btn {
        width: 100%;
    }

    .navbar.navbar-top-header .nav {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .navbar.navbar-top-header .navbar-collapse .nav {
        margin-top: 0;
    }

    .navbar.navbar-top-header .navbar-header .nav {
        margin-bottom: 0;
    }

    .navbar.navbar-top-header .navbar-header .nav i {
        margin-left: 7px;
    }

    .navbar.navbar-top-header .navbar-default .navbar-collapse {
        border: 0;
    }

    .navbar.navbar-top-header .navbar-collapse .nav > li.active {
        display: none;
    }

    .navbar-header {
        position: relative;
        z-index: 1;
        display: inline;
        float: left;
    }

    .navbar-header > h5 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
    }

    .logo-wrapper {
        display: none;
    }

    #global_search_field .select2-container--default .select2-selection--single,
    #navbar-top #global-search-width:before {
        width: 80%;
    }

    #navbar-top #global-search-width:before {
        left: 0;
        margin-left: 10px;
    }

    .advanced-search-filter-form .navbar-nav {
        margin: 0;
    }

    /*.table > tfoot > tr.infinite-scroll-loader-wrapper > td {
        text-align: center;
    }*/

    .sonata-ba-list .table-responsive {
        clip-path: none;
        clip: auto;
        overflow-x: auto !important;
    }

    .sonata-ba-list .table-responsive .mCustomScrollBox,
    .sonata-ba-list .table-responsive .mCSB_container
    {
        overflow: visible !important;
    }

    .sonata-ba-list .table-responsive .container-fixed {
        display: none !important;
    }

    /*.sonata-ba-list .table-responsive .table thead {
        display: none;
    }

    .sonata-ba-list .table-responsive .table tr:not(.infinite-scroll-loader-wrapper) {
        position: relative;
        display: block;
        margin-top: 15px;
        box-shadow: 5px 5px 5px 2px rgb(0 0 0 / 20%);
    }

    .sonata-ba-list .table-responsive .table tr.sub-line {
        display: none;
    }

    .sonata-ba-list .table-responsive .table tr:not(.infinite-scroll-loader-wrapper) td {
        background-color: #eeeeee;
        border: none;
        display: flex;
        justify-content: right;
        align-items: center;
    }

    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper) .sonata-ba-list-field-,
    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper) .sonata-ba-list-field-toggle,
    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper) > *:not(.sonata-ba-list-field-):not(.sonata-ba-list-field-toggle):nth-child(3n+7),
    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper) > *:not(.sonata-ba-list-field-):not(.sonata-ba-list-field-toggle):nth-child(3n+8),
    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper) > *:not(.sonata-ba-list-field-):not(.sonata-ba-list-field-toggle):nth-child(3n+9) {
        display: none;
    }

    .sonata-ba-list .table-responsive .table td > * {
        display: inline-flex;
    }

    .sonata-ba-list .table-responsive .table tr:not(.infinite-scroll-loader-wrapper):not(.row-loading) td:before {
        width: 35%;
        content: attr(data-label);
        position: absolute;
        left: 0;
        font-weight: 700;
        font-size: 12px;
        margin-left: 7px;
        text-transform: uppercase;
        text-align: left;
    }

    .sonata-ba-list .table-responsive .table tr:not(.infinite-scroll-loader-wrapper):not(.row-loading) td.sonata-ba-list-field-batch {
        border: none;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        z-index: 1;
        background-color: #343a40;
        border-right: 3px solid var(--secondary-color);
        overflow: hidden;
        line-height: 2rem;
    }

    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper):not(.row-loading) td:not(.sonata-ba-list-field-batch) {
        margin-left: 39px;
        overflow: hidden;
        line-height: 2rem;
    }

    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper):not(.row-loading) td:not(.sonata-ba-list-field-batch) > div {
        width: 60%;
        text-align: right;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: visible;
        white-space: normal;
        line-height: 2.5rem;
        min-height: 20px;
    }

    .sonata-ba-list .table-responsive .table tr.table-row:not(.infinite-scroll-loader-wrapper):not(.row-loading) td:not(.sonata-ba-list-field-batch) > div > span {
        white-space: normal;
    }

    .sonata-ba-list .table-responsive .table .sonata-ba-list-row-selected td.sonata-ba-list-field-batch {
        background-color: #343a40 !important;
    }

    .list-color-wrapper {
        display: inline-flex;
    }*/

    .admin-block-list li {
        padding-right: 0;
    }
}

@media (min-width: 768px) {
    body.fixed-sidebar.mini-navbar #page-wrapper {
        margin-left: 70px;
    }

    .modal-sm {
        width: 600px;
    }
    .repair-order-scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
        width: 84%;
    }
    .administrative-scrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
        width: 84%;
    }
}

/* Fix block breadcrumb left menu */
@media (max-width: 768px) {
    .page-header-wrapper {
        top: 96px;
    }

    #page-wrapper > .sonata-main-block {
        padding-top: 106px;
    }

    #page-wrapper > .sonata-main-block.breadcrumb-displayed,
    #page-wrapper > .sonata-main-block.actions-nav-menu-displayed {
        padding-top: 146px;
    }

    #page-wrapper > .sonata-main-block.breadcrumb-displayed.actions-nav-menu-displayed {
        padding-top: 196px;
    }

    body.fixed-sidebar #page-wrapper {
        margin-left: 0;
    }

    body.fixed-sidebar.body-small .navbar-static-side {
        width: 240px;
    }

    body.body-small.fixed-sidebar.mini-navbar #wrapper {
        padding-left: 0;
    }

    body.body-small.fixed-sidebar.mini-navbar .navbar-fixed-top {
        left: 0;
    }

    div.loginscreen{
        margin-top: 25px;
    }

    #navbar-top .navbar-left {
        position: absolute;
        top: 48px;
        left: 0;
        width: 100%;
        height: 48px;
        background: #21252a;
    }

    #navbar-top #global-search-width:before,
    #navbar-top #global_search_field {
        left: 0;
        right: 0;
        width: 75%;
    }

    #navbar-top #global-search-width:before {
        margin: 0 auto;
    }

    #global_search_field .select2-container--default .select2-selection--single {
        background: #fff;
        width: 100%;
    }

    /* KEPLER CUSTOM */
    .bc-collection a[data-toggle="tooltip"], 
    .bc-collection a[data-removefield="collection"], 
    .bc-collection a[data-selectfield="collection"] {
        display: none;
    }

    .rspv-bloc-missing-file, .rspv-bloc-external-files{
        display: none;
    }

    .filters-highlight-wrapper + .ibox-content {
        border: none;
    }
}

@media (max-width: 767px) {
    .config-order-column-list .no-border-radius-r,
    .config-filter-value-list .no-border-radius-r
    {
        border-radius: 3px !important;
    }

    .add_external_files > div > li {
        list-style: none;
    }
}

@media (min-width: 767px) {
    .pull-right-filter {
        float: none !important;
    }

    #sonata-action-block .panel ul.nav-tabs {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .p-l-sm-none {
        padding-left: 0;
    }
}

@media (max-width: 576px){
    .document-title{
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (min-width: 992px) {
    .navbar-right {
        float: right !important;
        margin-right: -15px;
    }
}

@media (max-width: 500px) {
    .responsive-table-line td:before {
        content: attr(data-title);
    }

    .responsive-table-line table,
    .responsive-table-line thead,
    .responsive-table-line tbody,
    .responsive-table-line th,
    .responsive-table-line td,
    .responsive-table-line tr {
        display: block;
    }

    .responsive-table-line thead tr {
        display: none;
    }

    .responsive-table-line td {
        position: relative;
        border: 0px solid transparent;
        padding-left: 50% !important;
        white-space: normal;
        text-align: right;
    }

    .responsive-table-line td:before {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 45%;
        padding-right: 15px;
        height: 100%;
        white-space: nowrap;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        text-align: left;
        background-color: #f8f8f8;
        padding: 2px;
    }
}

@media (max-width: 380px) {
    .widget button{
        height: 100% !important;
    }

    .widget button div{
        white-space: initial;
        padding: 16px;
    }

    .widget .control-label-vin h3{
        font-size: 1em;
    }

    .contact-log{
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 195px;
    }
}