.converter-most-recent {
    padding: 0;
}

    .converter-most-recent p {
        padding: 10px;
        text-align: center;
        margin: 0 auto;
    }

    .converter-most-recent ul {
        overflow-y: auto;
        margin-right: 0;
        margin-bottom: 0;
        padding: 10px;
    }

.toolbar {
    margin-bottom: 5px;
}

header .row {
    margin: 20px 0;
}

.mainPanel, .main-panel, vehicle-search-panel {
    margin-top: 0;
}

#vehicleTable_paginate {
    margin-top: 12px;
}

#navPanel .toolbar-header {
    height: auto;
    margin: 0;
}

.hamburger {
    padding: 22px 15px;
}

.panel-header-listcount {
    margin-top: 3px;
}

#converterSearchPanel {
    width: 23%
}

#converterQuickSearch {
    width: 69%;
}

.quickSearchClear {
    top: 8px;
    left: -20px;
    float: left;
    cursor: pointer;
}

.log-in-panel-margin {
    position: relative;
    left: 0;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
}

#converterVehicleDataTableContainer {
    margin-bottom: 10px !important;
}

#footer {
    z-index: 1000;
}

#footer {
    padding: 10px 0;
}

#footer-copyright, #footer-version {
    margin-top: 0;
}

.settingsNavPanelContent {
    height: 80px !important;
}

#navPanelContentFooter {
    margin-top: 0 !important;
}

#vehicleTable_info {
    padding-left: 12px;
}

button#user-AddUser {
    margin-top: 10px;
}

#vehicleTableContainer {
    margin-left: 0 !important;
}

.loadingpanel {
    top: 1px;
}

.converter-search-panel {
    height: 93.5vh;
}

#detailPanel .settingcontainer {
    overflow-y: hidden;
}

.quick-supplier {
    top: -23px;
    left: -7px;
    float: right;
}

.converters-toolbar {
    display: flex;
    width: 100%;
}

    .converters-toolbar .quickSearch {
        width: 100% !important;
    }

    .converters-toolbar .quickSearchClear {
        top: 7px !important;
        right: 7px;
        position: absolute;
        left: auto !important;
    }

    .converters-toolbar #converter-AddConverter {
        margin-top: 0px;
        margin-right: 0px;
    }

.suppliers-toolbar, .settings-toolbar {
    display: flex;
    width: 100%;
}

    .suppliers-toolbar .active-new .toggle.btn.btn-primary.btn-sm, .suppliers-toolbar .active-new .toggle.btn.btn-default.btn-sm {
        margin-top: 0px !important;
    }

    .settings-toolbar .quickSearch, .suppliers-toolbar .quickSearch-sm {
        width: 100% !important;
        margin-right: 10px;
        margin-bottom: 0 !important;
    }

    .settings-toolbar .quickSearchClear, .suppliers-toolbar .quickSearchClear {
        top: 7px !important;
        right: 7px;
        position: absolute;
        left: auto !important;
    }

    .settings-toolbar #user-AddUser, .suppliers-toolbar #supplier-AddSupplier {
        margin-top: 0px;
        margin-right: 0px !important;
    }

#userQuickSearchClear {
    cursor: pointer;
    top: -30px;
    left: -7px;
    float: right;
}

.save-changes-toolbar-success, .save-changes-toolbar-manual, .save-changes-toolbar-error {
    text-align: left;
}

#searchPanelContainer .chosen-container-single .chosen-single {
    padding-left: 0;
}

    #searchPanelContainer .chosen-container-single .chosen-single span {
        padding-left: 5px;
    }

#searchPanelContainer button.min-button-width-100 {
    min-width: 80px;
}

header .save-changes-toolbar .save-changes-toolbar-success, header .save-changes-toolbar .save-changes-toolbar-error {
    padding: 8px;
    text-align: center;
}

@media only screen and (min-width:1024px) {

    div#converterSearchPanelDetail {
        height: calc(100vh - 160px) !important;
    }

    #vehicleTableContainer .dataTables_scroll {
        height: calc(100vh - 336px);
        overflow-x: auto;
    }

    .nav-nav {
        height: calc(100vh - 274px) !important;
        overflow-y: scroll;
    }

    #converterSearchContent {
        margin-top: 48px;
        height: calc(100vh - 201px) !important;
    }

        #converterSearchContent .search-field-toggle-container, #converterSearchContent .search-field {
            display: flex;
        }

    .active-new .toggle.btn.btn-primary.btn-sm, .active-new .toggle.btn.btn-default.btn-sm {
        margin-top: 5px !important;
    }

    .filtertoggle.active-new {
        margin-top: 0px;
    }

    button#user-AddUser, .filtertoggle.user-filter-toggle {
        margin-top: 0;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width:1366px) {

    #inventoryLists .tableFilterToggleContainer .toggle,
    #registeredUsers .tableFilterToggleContainer .toggle,
    #graderInvoices .tableFilterToggleContainer .toggle,
    #subSuppliers .tableFilterToggleContainer .toggle {
        min-width: 50px;
        width: auto;
    }

    #overview .toolbar .tableFilterToggleContainer label,
    #overview .toolbar #supplier-AddHedge {
        line-height: 1.0;
    }
}

@media only screen and (min-width:1280px) and (max-width:1366px) {

    input #supplierQuickSearch {
        width: 100%;
        margin-bottom: 20px;
        display: block;
    }

    .nav-supplier {
        height: 50vh !important;
    }

    .search-field-toggle-container.filtertoggle {
        margin-top: 0;
    }

    .userNavPanelQuickSearch {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .off-btns .toggle.btn.btn-sm.btn-default.off {
        margin-top: -13px;
    }

    .quick-supplier {
        top: -19px;
    }
}

/* (1440 x 900) */
@media only screen and (min-width:1440px) and (min-height:900px) {

    .main-panel {
        height: 82.25vh;
    }

    .sidenav ul li {
        color: #fff;
        font-size-adjust: 0.58;
        font-size: large;
        list-style: none;
        margin: 10px auto;
    }

    #converter_similer_Reset {
        margin-right: 0 !important;
        margin-bottom: 0px;
    }

    .assay-supplier-query {
        width: calc(50% - 25px);
    }

    .search-field-toggle-container.filtertoggle {
        margin-top: 0;
    }

    #converter_similar_SerialNumber {
        width: 100% !important;
    }

    #userPanelContent_Buttons {
        width: 16.666667%;
        padding-left: 0px;
        padding-right: 0px;
    }

        #userPanelContent_Buttons button {
            width: 100%;
            margin-bottom: 10px;
        }

    .userNavPanel .navPanelContent {
        height: calc(100% - 40px);
    }

    .assay-biscuit-table .biscuit_row_cell {
        width: 92px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .col-width-15-percent {
        width: 17%;
    }

}

/* (1600 x 900) */
@media only screen and (min-width:1600px) and (min-height:900px) {

    .main-panel {
        height: 82.25vh;
    }

    .sidenav ul li {
        color: #fff;
        font-size-adjust: 0.58;
        font-size: x-large;
        list-style: none;
        margin: 20px auto;
    }

    #converter_similer_Reset {
        margin-right: 0 !important;
        margin-bottom: 0px;
    }

    .search-field-toggle-container.filtertoggle {
        margin-top: 0;
    }

    #converter_similar_SerialNumber {
        width: 100% !important;
    }

    #userPanelContent_Buttons {
        width: 16.666667%;
    }

        #userPanelContent_Buttons button {
            width: 100%;
            margin-bottom: 10px;
        }

    .userNavPanel .navPanelContent {
        height: calc(100% - 50px);
    }

    .assay-biscuit-table .biscuit_row_cell {
        width: 105px;
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .col-width-20-percent {
        width: 23%;
    }

    .col-width-15-percent {
        width: 16%;
    }

}

/* (1920 x 1080) */
@media only screen and (min-width: 1920px) and (min-height: 1040px) {

    .main-panel {
        height: 85.25vh;
    }

    #converter_similer_Reset {
        margin-right: 0 !important;
        margin-bottom: 0px;
    }

    button#user-AddUser {
        margin-top: 0px;
    }

    .quickSearchClear {
        top: -31px;
        left: -12px;
        float: right;
        cursor: pointer;
    }

    #userPanelContent_Buttons {
        width: 16.666667%;
    }

        #userPanelContent_Buttons button {
            width: 150px;
            margin-bottom: 10px;
        }

    .assay-biscuit-table {
    }

        .assay-biscuit-table input {
            width: 100%;
        }

        .assay-biscuit-table .biscuit_row_cell_row {
            margin-top: 10px;
        }

        .assay-biscuit-table .biscuit_row_cell {
            width: 120px;
            float: left;
            margin-left: 10px;
            margin-right: 10px;
        }

            .assay-biscuit-table .biscuit_row_cell .biscuit_row_cell_header {
                font-weight: bold;
            }

    .col-width-15-percent {
        width: 15%;
    }

    #UserDeleteButton {
        width: unset;
    }
}

/* (2560 x 1440) */
@media only screen and (min-width: 2560px) and (min-height: 1440px) {

    .main-panel {
        height: 89vh;
    }

    #converter_similer_Reset {
        margin-right: 0 !important;
        margin-bottom: 0px;
    }

    button#user-AddUser {
        margin-top: 0px;
    }

    .quickSearchClear {
        top: -31px;
        left: -12px;
        float: right;
        cursor: pointer;
    }
}

.supplier-grader-container {
    max-height: 150px;
    overflow: auto;
    border: 1px solid #b3b3b3;
}

.grader-container {
    height: 220px;
    overflow: auto;
    border: 1px solid #b3b3b3;
}

    .grader-container button {
        margin-top: 5px;
        border: none !important;
        text-align: left !important;
        width: 100% !important;
        background: none;
    }

.delete-supplier-grader-button {
    width: 38px;
}

.caution-box {
    padding: 10px;
    border: 1px solid gold;
    background-color: rgba(255, 255, 0, 0.1);
}

.hold {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

#modal-AddUser #modal_AddUser_Supplier_chosen {
    margin-left: 10px;
    width: 50% !important;
}

.user-security-role-badges{
    width: 100px;
}

    .user-security-role-badges label {
        padding: 4px 4px 4px 12px;
        border: 1px solid green;
        border-radius: 4px;
        width: 100%;
    }

    .user-security-role-badges i {
        margin-right: 4px;
    }