/* navbar */

.navbar-btn.navbar-right-toggle {
    display: none;
    float: right;
    padding: 9px 5px;
    margin-top: 8px;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.navbar-btn.navbar-right-toggle .icon-bar {
    display: block;
    background: #0C7A39;
    width: 22px;
    height: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.navbar-btn.navbar-right-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media (max-width: 1050px) {
    .navbar-btn.navbar-right-toggle {
        display: block;
    }

    .navbar-right {
        display: none;
        width: 100%;
        clear: both;
    }

    .navbar-right .nav.top_actions.navbar-nav {
        display: flex;
        flex-direction: column;
    }
    .navbar-right.in {
        max-height: calc(100vh - 50px);
        display: flex;
        background: #f9f9f9;
        flex-direction: column;
        align-items: flex-end;
        width: fit-content;
        border-bottom: 1px solid #333;
        border-left: 1px solid #333;
    }

    .navbar-right .dropdown-menu.multi-column {
        overflow-y: scroll;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        width: auto !important;
        max-width: none;
    }

    .navbar-right .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

    .navbar-right .navbar-nav:not(.top_actions, .top_stations) {
        overflow: scroll;
    }
}

/* table */
.sonata-ba-content .box.dash .col-md-12,
.sonata-ba-list .box.box-primary .box-body.table-responsive,
.box-body.clearfix,
.sonata-ba-field.sonata-ba-field-inline-table .field-container,
.wrapper.row-offcanvas.row-offcanvas-left .right-side .content .sonata-ba-content .content .panel.panel-default .panel-body {
    overflow-x: scroll;
}

.table .sonata-ba-list-field-actions  {
    min-width: 84px;
}

.sonata-ba-form.sonata\.admin\.enquiries .sonata-ba-collapsed-fields .form-group > .col-12 .table td {
    min-width: 150px;
}

@media (max-width: 1050px) {
    body {
        font-size: 11px;
    }

    .filters, 
    .filter_container {
        display: flex;
        flex-direction: column;
    }

    .form-group.filter-station,
    .form-group input[type="text"],
    .sonata-ba-form.sonata\.user\.admin\.user .box-body.clearfix .btn.btn-success,
    .sonata-ba-form.sonata\.user\.admin\.user .box-body.clearfix .btn.btn-primary {
        width: 100%;
    }

    .form-group.filter-date .form-group,
    .form-group.filter-date_process .form-group,
    .form-group.filter-certificate\.createdAt .form-group,
    .form-group.filter-confirmedDate .form-group {
        width: calc(50% - 5px) !important;
    }

    @media (max-width: 460px) {
        .form-group.filter-date .form-group,
        .form-group.filter-date_process .form-group,
        .form-group.filter-certificate\.createdAt .form-group,
        .form-group.filter-confirmedDate .form-group {
            width: 100% !important;
        }
    }

    
    .panel .form-group.col-md-9,
    .panel .form-group.col-md-6,
    .panel .form-group.col-md-4,
    .panel .form-group.col-md-3 {
        padding: 0;
    }

    .sonata-ba-form.sonata\.user\.admin\.user .box-body.clearfix .btn.btn-success,
    .sonata-ba-form.sonata\.user\.admin\.user .box-body.clearfix .btn.btn-primary:not(:last-child) {
        margin-bottom: 15px;
    }

    .sonata-ba-view {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    .sonata-ba-content .box.dash .col-md-12,
    .sonata-ba-list .box.box-primary .box-body.table-responsive,
    .sonata-ba-view .table,
    .input-group.date,
    .form-group,
    .sonata-filter-form .form-group .select2-container.select2-allowclear {
        width: 100% !important;
    }

    .sonata-ba-view .table th,
    .sonata-ba-view .table td {
        padding: 6px 8px;
    }

    button[type="submit"],
    button[type="button"] {
        margin-bottom: 2px;
    }

    .wrapper.row-offcanvas.row-offcanvas-left .sonata-ba-list.col-md-12 .table.table-bordered.table-striped .sonata-ba-list-field-header .sonata-ba-list-field-header-text:nth-child(4) {
        text-wrap: nowrap;
    } 

    .sonata-ba-form.sonata\.admin\.enquiries .sonata-ba-collapsed-fields .form-group > .col-12 {
        overflow-x: scroll;
    }

    .wrapper.row-offcanvas.row-offcanvas-left .right-side .content .sonata-ba-content .content .sonata-ba-list.col-md-12 .box.box-primary .box-body .row:nth-child(2) {
        display: flex;
        flex-direction: column;
    }

    .wrapper.row-offcanvas.row-offcanvas-left .right-side .content .sonata-ba-content .content .sonata-ba-list.col-md-12 .box.box-primary .box-body .row:nth-child(2) > .col-sm-7 > div {
        position: relative !important;
        margin-right: 0 !important;
    }

    .wrapper.row-offcanvas.row-offcanvas-left .right-side .content .sonata-ba-content .content .sonata-ba-list.col-md-12 .box.box-primary .box-body .row:nth-child(2) > .col-sm-4,
    .wrapper.row-offcanvas.row-offcanvas-left .right-side .content .sonata-ba-content .content .sonata-ba-list.col-md-12 .box.box-primary .box-body .row:nth-child(2) > .col-sm-7 {
        width: 100%;
    }

    .content.calendar-content-wrapper,
    .content.calendar-content-wrapper .sonata-ba-list.col-md-12,
    .content.calendar-content-wrapper .sonata-ba-filter.col-md-12.calendar-filter,
    .calendar--calendar-content-wrapper.content.calendar-content-wrapper .col-md-12,
    .calendar--calendar-content-wrapper.content.calendar-content-wrapper .col-md-6 {
        padding: 0;
    }

    .calendar-event-wrapper .external-events {
        width: 25%;
        min-width: 125px;
    }

    .external-events .fc-event.clearfix.ui-draggable {
        width: 75%;
    }

    .calendar-filter {
        margin-top: calc(25vh + -66px);
    }

    .calendar-event-wrapper {
        top: 50px;
        max-width: calc(100% - 30px);
        overflow-x: scroll;
        height: 25vh;
    }

    @media (max-width: 560px) {
        .calendar-event-wrapper {
            top: 100px;
        }
    }

    .wrapper.row-offcanvas.row-offcanvas-left .right-side .content .sonata-ba-content .content .panel.panel-default .panel-body > form >div:first-child {
        flex-direction: column;
    } 

    .not_user div.connection {
        width: calc(100% - 30px);
        max-width: 405px;
        margin: -130px 0 0 -200px;
    }

    @media (max-width: 435px) {
        .not_user div.connection {
            margin: -130px 0 0 calc(-100% / 2 + 15px);
        }
    }

    .not_user div.connection .control-group,
    .not_user div.connection .form-actions {
        padding: 0;
    }

    .not_user div.connection .big.sonata-medium {
        width: 100%;
    }
}