body {
    scrollbar-gutter: stable;
}

body:not(.eol_body, .VCIlogPage, .CanLogAnalyzer) {
    height: 100vh;
    padding-top: 40px;
    overflow-y: auto;
}

.eol_body {
    height: 100vh;
    padding-top: 40px;
    overflow-y: hidden;
}


body.aurus {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/static/img/bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: DarkGoldenRod;
}

.aurus .input-group-text, .aurus .custom-button, label.aurus {
    background-color: transparent;
    color: GoldenRod;
}

.aurus .dropdown-menu, .aurus .dropdown-item {
    background-color: rgba(0, 0, 0, 0.5);
    color: GoldenRod;
}

.aurus .dropdown-item:hover:not(.EOL_Reports .bg-*) {
    background-color: rgba(100, 100, 100, 0.8);
    color: darkgoldenrod;
    cursor: default;
}

.aurus .list-group-item:hover:not(.EOL_Reports .bg-*) {
    background-color: rgba(100, 100, 100, 0.8);
}

.aurus .list-group-item.active:not(.EOL_Reports .bg-*) {
    background-color: darkgoldenrod !important;
}

.aurus .multiselect, .aurus .multiselect-container {
    background-color: rgba(0, 0, 0, 0.5);
    color: GoldenRod;
}

.aurus .dropdown-item-text {
    background-color: transparent;
    color: DarkGoldenRod;
}

.aurus .form-control, .aurus input[type='text'], .aurus input[type='date'], .aurus .modal-content, .aurus .modal-footer {
    border-color: GoldenRod;
    color: GoldenRod;
    background: rgba(0, 0, 0, 0.5);
    caret-color: auto;
}

.aurus a {
    color: silver;
    background-color: inherit !important;
}

.aurus a:hover {
    color: GoldenRod;
}

.aurus .list-group-item:not(.EOL_Reports .bg-*) {
    color: DarkGoldenRod;
    /*background: rgba(0,0,0,0.1);*/
    background: transparent;
}

/* VCI selector*/
.aurus .list-group-item.active:not(.EOL_Reports .bg-*) {
    border-color: GoldenRod;
    background: GoldenRod;
    color: Black;
}

.aurus .modal-header {
    border-color: GoldenRod;
}

.aurus .modal-header.bg-warning {
    border-color: GoldenRod;
    color: Black;
}

/* topology*/
.aurus div:has(.canvas_topology) {
    background-color: rgba(0, 0, 0, 0.5);
}


.aurus table, .aurus .card, .aurus th, .aurus tbody, .aurus tr, .aurus nav, .aurus input[type='text']:focus, input.aurus, .aurus input[list], .aurus input[type='password']:focus, .aurus input[type='date']:focus, .aurus input[type='time']:focus, .aurus input[type='datetime-local']:focus {
    color: GoldenRod;
    border-color: GoldenRod;
    background-color: rgba(0, 0, 0, 0.8);
}

.aurus td {
    border-color: GoldenRod !important;
}


.aurus .table-hover:not(.EOL_Reports .bg-*) tbody:not(.EOL_Reports .bg-*) tr:hover:not(.EOL_Reports .bg-*) {
    background: rgba(60, 60, 60, 0.8) !important;
    color: Orange !important;
}

.aurus #pagination_page *:hover {
    background: rgba(60, 60, 60, 0.8) !important;
    color: Orange !important;
}

.aurus #pagination_page * {
    background: rgba(0, 0, 0, 0) !important;
    color: DarkGoldenRod !important;
}

.aurus li:not(.EOL_Reports .bg-*) {
    background: rgba(0, 0, 0, 0) !important;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: LightGray; /* цвет стрелочки (по умолчанию #000) */
}

.tooltip-inner {
    color: Black; /* цвет шрифта */
    background-color: LightGray; /* цвет фона (по умолчанию #000) */
}

.aurus .sysinfo {
    background: rgba(0, 0, 0, 0.8) !important;
    filter: brightness(130%);
}

/* nav {height:40px !important} */


.aurus input:-webkit-autofill, .aurus textarea:-webkit-autofill {
    -webkit-text-fill-color: GoldenRod !important;
    -webkit-box-shadow: 0 0 0 10em rgba(0, 0, 0, 1) inset !important;
}

.aurus select {
    color: GoldenRod;
    border-color: GoldenRod;
    /*background: rgba(0,0,0,0.8) !important;*/
    -webkit-text-fill-color: GoldenRod !important;
    /*-webkit-box-shadow: 0 0 0px 10em rgba(0,0,0,1) inset !important;*/
    display: inline-block;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.8) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='GoldenRod' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.aurus .form-control:disabled, .aurus .form-control[readonly] {
    background: rgba(60, 60, 60, 0.8) !important;

}

.aurus ::-webkit-calendar-picker-indicator {
    background-color: DarkGoldenRod;
    color: black;
}

.aurus ::-webkit-calendar-picker-indicator:hover {
    background-color: GoldenRod;
}


.aurus .btn:not(.btn-success) {
    border-color: GoldenRod;
    color: GoldenRod;
    background: rgba(0, 0, 0, 0.5);
}

.aurus .btn:hover:not(.btn-success) {
    background-color: GoldenRod !important;
    color: black;
}

.aurus .btn-success {
    border-color: GoldenRod;
}

.aurus .dropdown-toggle {
    border-color: GoldenRod;
    color: GoldenRod;
}


input[type=checkbox] {
    transform: scale(1.7);
}

.aurus .page-item span {
    border-color: GoldenRod;
}

.aurus .was-validated .form-control:valid, .aurus .form-control.is-valid {
    border-color: #28a745 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.aurus .was-validated .form-control:invalid, .aurus .form-control.is-invalid {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.unselectable {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently not supported by any browser */
}

table table {
    background-color: white;
}

.aurus ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar, ::-webkit-scrollbar-track-piece {
    height: 12px;
    width: 12px;
    background: rgba(0, 0, 0, 0.1);
}


.aurus ::-webkit-scrollbar-thumb {
    background: darkgoldenrod;
    -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: darkgray;
    color: black;
    -webkit-border-radius: 5px;
}


.aurus ::-webkit-scrollbar-thumb:hover {
    background: goldenrod;
}

::-webkit-scrollbar-thumb:hover {
    background: gray;
}

.aurus ::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.5);
}

.aurus .close {
    color: goldenrod;
}

html {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}

.table_wrapper {
    top: 0;
    overflow-y: auto;
}

.table_wrapper table {
    border-collapse: separate;
    border-spacing: 0;
}

.table_wrapper thead {
    top: 0;
    position: sticky;
    background-color: white;
    z-index: 100;
}

.aurus .table_wrapper thead {
    background-color: black;
}

.password {
    position: relative;
}

.password-control {
    position: absolute;
    top: 11px;
    right: 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: gray;
    cursor: pointer;
}

.aurus .password-control {
    position: absolute;
    top: 11px;
    right: 6px;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: darkgoldenrod;
    cursor: pointer;
}

.aurus .navbar-toggler {
    border: 1px solid darkgoldenrod;
}

.fa-navicon {
    font-size: 28px;
    color: darkgoldenrod;
}

.RUS {
    display: none;
}

.aurus #VEH-SELECT .list-group, .aurus #VEH-SELECT .list-group-item, .aurus #VEH-SELECT img {
    background-color: inherit;
    border-color: darkgoldenrod !important;
}

.bg-danger-light {
    background-color: #ffAAAA;
}

.bg-success-light {
    background-color: #AAFFAA;
}

.bg-warning-light {
    background-color: #FFFFAA;
}

.reportsTable tr.vin_tr:hover {
    filter: brightness(90%);
}

.uppercase-input {
    text-transform: uppercase;
}

.uppercase-input::placeholder {
    text-transform: none;
}

.aurus table tr:hover {
    color: goldenrod;
    filter: brightness(150%);
    background: rgba(255, 255, 255, 0.2);
}

.aurus .list-group-item-action:not(.active) {
    color: goldenrod;
    background-color: inherit;
    border-color: darkgoldenrod;
}

.aurus .textarea {
    color: goldenrod;
    background-color: inherit;
}