html,
body {
    font-size: .9rem;
    font-family: "Arial", serif;
}

label {
    white-space: nowrap;
}

div, span, input, select, option {
    outline: none !important;
}

.no-animate {
    -webkit-transition: none !important;
    transition: none !important;
}

.in {
    opacity: 1 !important;
}

.width-10 {
    width: 10px!important;
}

.width-25 {
    width: 25px!important;
}

.width-50 {
    width: 50px!important;
}

.width-75 {
    width: 75px!important;
}

.width-100 {
    width: 100px!important;
}

.w-10 {
    width: 10%!important;
}

.w-15 {
    width: 15%!important;
}

.w-20 {
    width: 20%!important;
}

#toast-container {
    text-align: left;
}

.table {
    margin-bottom: auto;
}

/*
 * Login
 */

.login-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #e8e8e8;
}

.login-body .card {
    background-color: #f7f7f7;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.login-body .lang-select {
    /*word-spacing: 165px;*/
}

.login-body .lang-select option {
    /*word-spacing: 50px;*/
}


/*
 * Sidebar
 */

.sidebar {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    padding: 0;
}

.sidebar-sticky {
    position: relative;
    top: 0;
    height: calc(100vh - 48px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sidebar-sticky {
        position: -webkit-sticky;
        position: sticky;
    }
}

/*
 * Navbar
 */

.navbar {
    height: 80px;
}

#sidebar-wrapper {
    min-height: calc(100vh - 80px);
    margin-left: -15rem;
    -webkit-transition: margin .25s ease-out;
    -moz-transition: margin .25s ease-out;
    -o-transition: margin .25s ease-out;
    transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
    width: 15rem;
}

#page-content-wrapper {
    min-width: 100vw;
}

#sidebar-wrapper.toggled {
    margin-left: 0 !important;
}

.list-group-item {
    cursor: pointer;
}

.table tr {
    height: 35px;
}

.modal-backdrop {
    opacity: 0.3;
}

.account-operations-table tr {
    white-space: nowrap;
    font-size: 11px;
    height: auto !important;
    cursor: pointer;
}

.account-operations-table td, .account-operations-table th {
    padding: 0.2rem 0.3rem;
}

.main-table-wrapper {
    max-height: 88.9vh;
}

.object-rfid-balance-table-wrapper {
    max-height: 84vh;
    overflow-y: auto;
    overflow-x: auto;
}

.object-rfid-balance-table-wrapper .ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*.object-rfid-balance-table span {*/
/*    display: block;*/
/*}*/

.object-rfid-balance-table td, .object-rfid-balance-table th {
    font-size: 11px !important;
    padding: 3px;
}

.object-rfid-balance-table tr {
    height: auto !important;
    cursor: pointer;
}

table .tablesort-sortable:after {
    content: "";
    float: unset !important;
    margin-top: 7px;
    visibility: hidden;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: none;
    border-bottom: 4px solid #666 !important;
    margin-left: 10px;
}

table .tablesort-desc:after {
    border-top: 4px solid #666 !important;
    border-bottom: none !important;
}

table .tablesort-sortable:hover:after, table .tablesort-asc:after, table .tablesort-desc:after {
    display: inline-block !important;
}

.object-rfid-balance-table .tablesort-asc, .object-rfid-balance-table .tablesort-desc {
    background-color: transparent !important;
}

html, body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}

.split-pane-divider {
    background: #aaa;
}

.split-pane-component {
    background: #fff;
}

.sidebar-menu {
    /*width: 20em;*/
}

table.object-rfid-balance-table {
    border-collapse: collapse;
}

table.object-rfid-balance-table th {
    min-width: 10px;
    background-color: #f8f8f8;
}

table.object-rfid-balance-table th, table.object-rfid-balance-table td {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.rz-handle {
    background: repeating-linear-gradient(
            45deg, gray, transparent 2px, rgba(250, 249, 249, 0.05) 2px, rgba(0, 0, 0, 0.05) 4px) !important;
}

.left-panel-wrapper {
    background-color: rgba(0, 0, 0, .05) !important;
}

.dark .form-control-sm, .dark .form-control, .dark .form-control-lg {
    background-color: #242f3d !important;
    color: #508cb7 !important;
}

.dark .form-control-sm:not(.is-invalid), .dark .form-control:not(.is-invalid), .dark .form-control-lg:not(.is-invalid) {
    border-color: #242f3d !important;
}

.dark .modal-footer {
    border-top-color: #508cb7 !important;
}

/*.dark .btn-secondary {*/
/*    background-color: #242f3d;*/
/*    color: #508cb7;*/
/*    border-color: #242f3d;*/
/*}*/

.dark .table-hover tbody tr:hover {
    color: lightgray !important;
    background-color: rgba(0, 0, 0, .075) !important;
}

.dark.bg-light, .dark .bg-light, .dark .modal-content {
    background-color: #0e1621 !important;
    color: #508cb7;
}

.rz-hide .rz-handle {
    display: none;
}

.dark .table {
    background-color: #0e1621 !important;
    color: #508cb7 !important;
    border-color: #0e1621 !important;
}

.dark .table td, .dark .table th {
    border: none !important;
}

.dark .bi-moon {
    color: #508cb7 !important;
}

.dark .thead-dark th, .dark .navbar-dark {
    background-color: #17212b !important;
}

.dark .sidebar-menu a {
    background-color: #1e2c3a !important;
    color: #508cb7 !important;
}

.dark .sidebar-menu.border-bottom, .dark .left-panel-wrapper.border-bottom {
    border-bottom: none !important;
}

.dark .sidebar-menu.border-right, .dark .left-panel-wrapper.border-right {
    border-right: none !important;
}

.dark .split-pane-divider {
    background-color: #17212b !important;
}

.dark a.bg-light:focus, .dark a.bg-light:hover, .dark button.bg-light:focus, .dark button.bg-light:hover {
    background-color: #2c4155 !important;
}

.dark .table .thead-dark th {
    color: #508cb7 !important;
}

.badge-dark {
    color: #fff !important;
    background-color: #343a40 !important;
}

.dark .navbar-nav .dropdown-menu {
    background-color: #1e2c3a !important;
    color: #508cb7 !important;
}

.dark .uib-day button, .dark .uib-month button, .dark .uib-year button {
    color: #508cb7 !important;
}

.badge-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
}

.dark .border-bottom {
    border-bottom: 1px solid #1e2c3a !important;
}

.table-fixed-head {
    overflow: auto;
    height: 250px;
}

.table-fixed-head thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 50px;
}

.calibration-table .form-control-sm {
    height: 20px !important;
}

.dark .card, .dark .table {
    background-color: #17212b !important;
}

/*.tank-circle {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*    background: #acacac;*/
/*    border-radius: 50%;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    overflow: hidden;*/
/*}*/

.tank-circle {
    width: 100px;
    height: 100px;
    background: #acacac;
    border-radius: 50%;
    overflow: hidden;
}

.tank-circle > .volume {
    border-radius: 0;
    height: 50%;
    border: 0;
}

.tank-circle > .volume:nth-child(n+3) {
    background: #508cb7;
}

.tank-pct {
    position: absolute;
    top: 40%;
    left: 30%;
    color: #0e1621;
    font-weight: bold;
}

.card-wrapper {
    min-width: 23vw;
}

.row-cols-md-3 > .fixed-card {
    min-width: 23vw;
    max-width: 23vw;
}

.row-cols-md-1 > .fixed-card {
    min-width: 66vw;
    max-width: 66vw;
}

.uib-time .form-control {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.report-wrapper {
    width: 800px;
}

.A4 {
    background: white;
    width: 21cm;
    /*height: 29.7cm;*/
    display: block;
    padding: 10px 25px;
    margin: 0 auto 0.5cm;
    /*box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);*/
    /*overflow-y: scroll;*/
    box-sizing: border-box;
    font-size: 12pt;
}

.dark .A4 .table, .A4 .table tbody td, .A4 .table thead th {
    background: white !important;
    color: black !important;
    border: 1px solid #dee2e6 !important;
}

table.table-fit {
    white-space: nowrap !important;
    table-layout: auto !important;
}

table.table-fit thead th, table.table-fit tfoot th {
    white-space: nowrap !important;
    width: 1% !important;
}

table.table-fit tbody td, table.table-fit tfoot td {
    white-space: nowrap !important;
    width: 1% !important;
}

.checkbox-sm {
    height: 15px !important;
    vertical-align: middle !important;
}