



html[data-bs-theme=dark] .theme-toggle {
    color: #dee2e6;
}



/*Меняю отображение на телефонах, чтобы меньше отступов от краев экрана было*/
@media (max-width: 991.98px){

    html[data-bs-theme=dark] .card .card-body {
        padding: 0.75rem
    }

    html[data-bs-theme=dark] .container{
        padding-right: 0;
        padding-left: 0;
    }

    html[data-bs-theme=dark] .content_container{
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-right: auto;
        margin-left: auto
    }

    html[data-bs-theme=dark] .col-12:has(.card){
        padding-right: 0;
        padding-left: 0
    }

    html[data-bs-theme=dark] .row:has(.card){
        margin-right: 0;
        margin-left: 0
    }

    html[data-bs-theme=dark] .page-heading{
        margin-bottom: 1rem;
    }
    html[data-bs-theme=dark] .page-heading h1, h2, h3, h4{
        text-align: center;
    }

    html[data-bs-theme=dark] .dataTable-input{
        max-width: 10rem;
    }

}
html[data-bs-theme=dark] [data-tippy-content]{
    cursor: help;

}
html[data-bs-theme=dark] [data-tippy-root]{
    text-align: center !important;
}

/*html[data-bs-theme=dark] [data-tippy-root] a{*/
/*    color: #728be5;*/
/*}*/

html[data-bs-theme=dark] [data-tippy-text]{
    border-bottom: 1px dashed var(--bs-gray);
    display: inline-block;
}



html[data-bs-theme=dark] .tippy-box[data-theme~='custom'] {
  background-color: #40404d; /*rgb(68, 68, 75);*/
  color: #ffffff;
}

html[data-bs-theme=dark] .tippy-box[data-theme~='custom'][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #40404d;
}

html[data-bs-theme=dark] .tippy-box[data-theme~='custom'][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #40404d;
}

html[data-bs-theme=dark] .tippy-box[data-theme~='custom'][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #40404d;
}

html[data-bs-theme=dark] .tippy-box[data-theme~='custom'][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #40404d;
}

html[data-bs-theme=dark] .tippy-box[data-theme~='custom']>.tippy-backdrop {
    background-color: #40404d;
}

html[data-bs-theme=dark] .tippy-box[data-theme~='custom']>.tippy-svg-arrow {
    fill: #40404d;
}



html[data-bs-theme=dark] .divider .divider-text:before,
html[data-bs-theme=dark] .divider .divider-text:after{
    border-color: #6c757d;
    opacity: .85;
}

html[data-bs-theme=dark] hr {
    color: #6c757d;
    opacity: .85;
}



html[data-bs-theme=dark] .theme-toggle{

}

html[data-bs-theme=dark] .theme-toggle .form-check .form-check-input{
    opacity: 1;
}


html[data-bs-theme=dark] .btn-group>.btn:not(:last-child):not(.dropdown-toggle), html[data-bs-theme=dark] .btn-group>.btn.dropdown-toggle-split:first-child, html[data-bs-theme=dark] .btn-group>.btn-group:not(:last-child)>.btn{
    border-right-color: #6c757d;
}
html[data-bs-theme=dark] .btn-group>.btn:nth-child(n+3), html[data-bs-theme=dark] .btn-group>:not(.btn-check)+.btn, html[data-bs-theme=dark] .btn-group>.btn-group:not(:first-child)>.btn{
    border-left-color: #6c757d;

}







/*Выпадающие меню в FAQ*/
html[data-bs-theme=dark] .accordion{
    --bs-accordion-border-color: #2d2d36
}

html[data-bs-theme=dark] .accordion-button:not(.collapsed) {
    background-color: rgba(194, 218, 242, 0.9);
}

html[data-bs-theme=dark] .ymaps-2-1-79-balloon__layout,
html[data-bs-theme=dark] .ymaps-2-1-79-balloon__content,
html[data-bs-theme=dark] .ymaps-2-1-79-balloon__tail:after,
html[data-bs-theme=dark] .ymaps-2-1-79-hint__text{
    background-color: #33334d !important;

}
html[data-bs-theme=dark] .ymaps-2-1-79-balloon,
html[data-bs-theme=dark] .ymaps-2-1-79-balloon__tail,
html[data-bs-theme=dark] .ymaps-2-1-79-hint{
    background-color: #adbfd2 !important;
}
html[data-bs-theme=dark] .ymaps-2-1-79-balloon__close-button{
    filter: brightness(100%) saturate(100%) invert(85%) sepia(15%) saturate(500%) hue-rotate(200deg) brightness(100%) contrast(90%);
}

html[data-bs-theme=dark] .page-item .page-link{
    font-weight: 600;
    font-size: 1rem !important;
}

html[data-bs-theme=dark] .page-item i,
html[data-bs-theme=dark] .page-item svg {
    font-size: 1rem;
}


html[data-bs-theme=dark] .layout-horizontal .main-navbar ul>.menu-item{
    font-size: 130%;
    height: 2.1em;
}
html[data-bs-theme=dark] .layout-horizontal .main-navbar ul .menu-link span>i {
    margin-right: 0.5em;
}


html[data-bs-theme=dark] .dropdown-toggle:after {
    font-size: 1.4rem;
    color: hsl(193, 46%, 54%);;
}
html[data-bs-theme=dark] .dropdown .avatar {
    margin-right: .1rem;
}

html[data-bs-theme=dark] .toggle-dark:checked{
    background-color: var(--main-red-color) !important;
    border-color: var(--main-red-color) !important;
}

/* Кнопка закачки ЭВИ */
html[data-bs-theme=dark] .green-download{
    color: rgba(171,255,46,1);
    font-size: 1.25rem !important;
}

html[data-bs-theme=dark] .accordion-button:not(.collapsed) {
    color: var(--main-red-color);
    background-color: #c2c2d9;
}












/* === BEGIN GARLAND === */
html[data-bs-theme=dark] .main-navbar.christmas {
position: sticky;
}

html[data-bs-theme=dark] .main-navbar.christmas::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -5px;
height: 24px;
pointer-events: none;
z-index: 60;

background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='18' viewBox='0 0 140 18'%3E%3Cpath d='M0 5 C 18 1, 32 9, 50 5 S 82 9, 100 5 S 122 9, 140 5' fill='none' stroke='rgba(255,255,255,0.30)' stroke-width='1'/%3E%3C!-- подвесы --%3E%3Cg stroke='rgba(255,255,255,0.30)' stroke-width='1'%3E%3Cline x1='12' y1='5' x2='12' y2='10'/%3E%3Cline x1='42' y1='5' x2='42' y2='13'/%3E%3Cline x1='72' y1='5' x2='72' y2='9'/%3E%3Cline x1='102' y1='5' x2='102' y2='14'/%3E%3Cline x1='132' y1='5' x2='132' y2='11'/%3E%3C/g%3E%3C!-- лампочки (разные высоты) --%3E%3Cg%3E%3Ccircle cx='12' cy='11.5' r='3' fill='rgba(255,86,86,0.95)'/%3E%3Ccircle cx='42' cy='14.5' r='3' fill='rgba(255,221,76,0.95)'/%3E%3Ccircle cx='72' cy='10.5' r='3' fill='rgba(90,220,255,0.95)'/%3E%3Ccircle cx='102' cy='15.5' r='3' fill='rgba(120,255,170,0.95)'/%3E%3Ccircle cx='132' cy='12.5' r='3' fill='rgba(191,141,255,0.95)'/%3E%3C/g%3E%3C!-- мягкое свечение внутри SVG --%3E%3Cg opacity='0.35'%3E%3Ccircle cx='12' cy='11.5' r='5' fill='rgba(255,86,86,0.75)'/%3E%3Ccircle cx='42' cy='14.5' r='5' fill='rgba(255,221,76,0.75)'/%3E%3Ccircle cx='72' cy='10.5' r='5' fill='rgba(90,220,255,0.75)'/%3E%3Ccircle cx='102' cy='15.5' r='5' fill='rgba(120,255,170,0.75)'/%3E%3Ccircle cx='132' cy='12.5' r='5' fill='rgba(191,141,255,0.75)'/%3E%3C/g%3E%3C/svg%3E");


background-repeat: repeat-x;
background-size: 140px 24px;
background-position: left top;


/* минималистичное свечение и мигание */
filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35));
opacity: 0.92;
animation: garlandBlink 2.8s ease-in-out infinite alternate;
}

html[data-bs-theme=dark] @keyframes garlandBlink {
0% { opacity: 0.70; filter: drop-shadow(0 2px 6px rgba(0,0,0,0.35)) brightness(0.95); }
100% { opacity: 1.00; filter: drop-shadow(0 3px 10px rgba(0,0,0,0.35)) brightness(1.20); }
}

html[data-bs-theme=dark] @media (prefers-reduced-motion: reduce) {
.main-navbar.christmas::before { animation: none; }
}
/* === END GARLAND === */



/* === Блок затенения поля выбора даты в панели === */
html[data-bs-theme=dark] #timeEpochId.is-disabled-like {
  background-color: #40404d !important;
  cursor: not-allowed;
}

/* Чтобы placeholder тоже выглядел спокойно */
html[data-bs-theme=dark] #timeEpochId.is-disabled-like::placeholder {
  background-color: #40404d !important;
    cursor: not-allowed;
}


/* Серый disabled-вид для addon (замочек) */
html[data-bs-theme=dark] #timeEpochAddonId.is-disabled-like {
  background-color: #40404d !important;
  cursor: not-allowed;
}

/* Серый цвет самой иконки замка */
html[data-bs-theme=dark] #timeEpochAddonId.is-disabled-like #timeEpochAddonIconId {
  color: #6c757d !important;
}

/* Серый disabled-вид для кнопки сброса */
html[data-bs-theme=dark] #timeEpochResetBtnId.is-disabled-like,
html[data-bs-theme=dark] #timeEpochResetBtnId:disabled {
  background-color: #40404d !important;
  color: #6c757d !important;
  opacity: 1;          /* чтобы в dark-теме не становилась “бледной” непредсказуемо */
  cursor: not-allowed;
    border-color: #35354f !important;
}

/* Иконка внутри кнопки сброса — тоже серая */
html[data-bs-theme=dark] #timeEpochResetBtnId.is-disabled-like i,
html[data-bs-theme=dark] #timeEpochResetBtnId:disabled i {
  color: #6c757d !important;
}
/* === Конец блока затенения поля выбора даты в панели === */



/* ===== Language dropdown: dark theme only ===== */

html[data-bs-theme="dark"] .lang-dd__btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;

  height: 32px;
  padding: 0;

  background: none;
  border: none;
  box-shadow: none;

  color: rgba(255,255,255,.9);
  cursor: pointer;
}

html[data-bs-theme="dark"] .lang-dd__btn:hover{
  color: #fff;
}

/* флаг */
html[data-bs-theme="dark"] .lang-dd__flag{
  display: inline-flex;
  align-items: center;
}

html[data-bs-theme="dark"] .lang-dd__flag svg{
  display: block;
}

/* стрелка */
html[data-bs-theme="dark"] .lang-dd__arrow{
  width: 0.4em;
  height: 0.4em;

  border-right: 0.1em solid rgba(255,255,255,.6);
  border-bottom: 0.1em solid rgba(255,255,255,.6);
  transform: rotate(45deg) translateY(-1px);

  transition: transform .15s ease, border-color .15s ease;
}

html[data-bs-theme="dark"] .lang-dd__btn[aria-expanded="true"] .lang-dd__arrow{
  transform: rotate(-135deg) translateY(-1px);
  border-color: #fff;
}

/* dropdown menu */
html[data-bs-theme="dark"] .lang-dd__menu{
  background: rgba(18, 20, 30, .96);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 12px;
  padding: 6px;
  min-width: 160px;
  backdrop-filter: blur(10px);
}

/* items */
html[data-bs-theme="dark"] .lang-dd__item{
  color: rgba(255,255,255,.9);
}

html[data-bs-theme="dark"] .lang-dd__item:hover{
  background: rgba(255,255,255,.08);
  color: #fff;
}

html[data-bs-theme="dark"] .lang-dd__menu {
  display: none !important;
}
html[data-bs-theme="dark"] .lang-dd__menu.show {
  display: block !important;
}

