:root {
    --primary: #00237c;
    --hover-primary: rgba(0, 35, 124, 0.8);
}

.auth {
    background: #f5f5f5;
    height: 100vh;
    display: flex;
    align-items: center;
}

.navbar-custom {
    padding: 1.5rem 0.5rem;
}

.brand-image-custom {
    width: 61px;
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: 88px;
}

[class*=sidebar-light] .brand-link {
    border-bottom: unset;
}

.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: 88px;
}

/*.input-barcode .select2-container--bootstrap4 .select2-selection {*/
/*    border-radius: 0;*/
/*    !*padding: 5px 5px;*!*/
/*}*/

/*.input-barcode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice{*/
/*    padding: 7px 5px;*/
/*}*/

/*.input-barcode .select2-container--bootstrap4.select2-container--focus .select2-selection {*/
/*    padding: 3px 5px;*/
/*}*/

/*.input-barcode .input-group-text {*/
/*    font-size: 26px;*/
/*}*/

/*.input-barcode .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {*/
/*    margin-top: unset;*/
/*}*/

/*.input-barcode .select2-container--bootstrap4 .select2-selection {*/
/*    padding: 5px 5px;*/
/*}*/

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    color: #fff;
    background-color: var(--primary);
}

.brand-text-custom {
    padding-left: 5px;
    font-size: 16px;
    font-weight: 400 !important;
}

.w-100px {
    width: 100px;
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: 79px;
}

.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: 79px;
}

.sidebar-custom {
    height: calc(100vh - 79px) !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--primary);
    color: #fff;
}

.auth-card {
    border-radius: 5px;
    box-shadow: 0 0 35px rgba(0, 0, 0, .1);
    background: white;
    width: 450px;
    padding: 45px;
    margin: auto;
    border: none;
}

.table td, .table th {
    padding: 0.25rem;
}

.card {
    border-top: 3px solid var(--primary);
}

.btn-primary,
.btn-primary:focus,
.btn-primary:visited {
    background: var(--primary);
    border: 1px solid var(--primary);
    color: white;
}

.btn-primary:hover {
    background: var(--hover-primary);
    border: 1px solid var(--hover-primary);
}

.select2-container--bootstrap4 .select2-selection {
    border-radius: 0;
}