:root {
	--header-color: #003366;
	--button-color: #0052CC;
	--button-hover-color: #0065FF;
	--link-color: #0066FF;
	--link-hover-color: #0044CC;
}
.bg-dark,
.offcanvas {
    background-color: var(--header-color) !important;
}

/*input:read-only*/
/*input:read-only:not([type="checkbox"])*/
/*,
так c radio проблемы
input:read-only:hover,
input:read-only:focus*/
input[readonly] {
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    color: #555;
    cursor: default;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
}

.offcanvas .btn-close:focus,
.offcanvas .btn-close:active {
  outline: none;
  box-shadow: none;
}


/* Убираем нижнюю границу у всех ячеек последней строки */
.table > tbody > tr:last-child > td {
    border-bottom-width: 0 !important;
    box-shadow: none !important;
}

/* Отображение объема в стаканах */
/* Ячейки таблицы должны иметь относительное позиционирование
   для правильного отображения прогресс-баров внутри */
.order_books_wrap td {
    position: relative;
}
.order_books_wrap .volume-bar {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    /* Устанавливаем низкую прозрачность, чтобы текст был виден */
    opacity: 0.3;
    margin: 0;
    border-radius: 0;
}
.order_books_wrap .volume-text {
    position: relative; /* Текст должен быть поверх бара */
    z-index: 1;
}

.btn-primary {
	color: #fff !important;
	background-color: var(--button-color);
	border-color: var(--button-color);
}

.btn-primary:focus,
.btn-primary.focus {
	color: #fff;
	background-color: var(--button-color);
	border-color: var(--button-color);
}

.btn-primary:hover {
	color: #fff;
	background-color: var(--button-hover-color);
	border-color: var(--button-hover-color);
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
	color: #fff;
	background-color: var(--button-hover-color);
	border-color: var(--button-hover-color);
	background-image: none;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: var(--button-hover-color);
	border-color: var(--button-hover-color);
}

.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
	color: #fff;
	background-color: var(--button-hover-color);
	border-color: var(--button-hover-color);
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--button-color);
}

a,
.nav-pills .nav-link {
	color: var(--link-color);
}

a:hover,
.nav-pills .nav-link:hover {
	color: var(--link-hover-color);
}
.nav-pills .nav-link.active:hover {
	color: var(--bs-nav-pills-link-active-color);
}

.tooltip-inner {
    max-width: 250px;
    text-align: left;
}
.tooltip {
    --bs-tooltip-bg: #343a40;
    --bs-tooltip-color: #fff;
    --bs-tooltip-opacity: 1;
}