/* cyrillic-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WZhyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 100 900;
    src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.content-wrapper{
    width: 95%;
    margin-top: 16px;
    margin-bottom: 16px;
}
.content-block{
    padding: 4px;
}
#menu_frm{
    margin-top: 26px;
}
.policy_fld{
    margin: auto;
    font-size: 75%;
}
.policy_fld .form-check-label, .policy_fld .form-check-input{
    opacity: 1!important;
}
.policy_fld .form-check-input:checked{
    background-color: #333;
    border-color: #333;
}
.policy_fld a{
    color: #333;
    font-weight: bold;
}
.custom-block, .custom-block-mainLK {
    /* Стили для мобильных устройств (по умолчанию) */
    width: 100%;
    min-height: 100vh;  /* Занимает всю высоту экрана */

    /* Центрирование */
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;

    /* Дополнительные стили */
    background-color: #f8f9fa;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    box-sizing: border-box; /* Чтобы padding не влиял на ширину */

    font-family: 'Montserrat',Arial,sans-serif;
}

.auth-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.logo-row {
    margin-bottom: 10px;
}

.logo_img {
    max-width: 150px;
    height: auto;
}

.auth-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

.form-control {
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
    transition: all 0.3s;
}

.form-control:focus {
    border-color: #333;
    box-shadow: 0 0 5px rgba(30, 30, 30, 0.3);
}

.btn-primary {
    background-color: #ebebeb;
    border: none;
    padding: 12px;
    border-radius: 5px;
    color: #333;
    font-family: 'Montserrat',Arial,sans-serif;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
}

.btn-primary:hover {
    background-color: #333;
    color: #ebebeb;
}
.btn-primary:focus, .btn-primary:active, .active {
    border-color: #333 !important;
    box-shadow: 0 0 5px rgba(30, 30, 30, 0.3);
    color: #ebebeb !important;
    background-color: #333 !important;
}

.input-group-text.fixed-label {
    min-width: 150px;
    display: inline-flex;
    justify-content: flex-end;
}

/* Анимации */
.fade-in {
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards;
}
.fade-inRotate {
    opacity: 0;
    transform: rotate(0deg);
    animation: fadeInRotate 0.5s ease-in forwards;
    transform-origin: center; /* Вращение вокруг центра */
}
.delay-1 {
    animation-delay: 0.5s;
}

.delay-2 {
    animation-delay: 1s;
}

.delay-3 {
    animation-delay: 1.5s;
}

.delay-4 {
    animation-delay: 2s;
}

.delay-5 {
    animation-delay: 2.5s;
}

.operations_card{
   
    overflow-y: auto;
    overflow-x: hidden;
}

.stime{
    font-size: 75%;
    font-style: italic;
    color: #777;
}

 /* Общий контейнер */
        .operations-table {
            font-size: 100%;
        }

        /* Шапка таблицы фиксируется */
        .operations-header {
            position: sticky;
            top: 0;
            background: #fff;
            z-index: 10;
        }

        /* Ограничение по высоте и скролл */
        .operations-body {
            max-height: 432px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        /* Стили для скроллбара (ПК/планшеты) */
        .operations-body::-webkit-scrollbar {
            width: 6px; /* тонкий */
        }
        .operations-body::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }
        .operations-body::-webkit-scrollbar-thumb {
            background: #bbb;
            border-radius: 10px;
        }
        .operations-body::-webkit-scrollbar-thumb:hover {
            background: #999;
        }
        /* Firefox */
        .operations-body {
            scrollbar-width: thin;
            scrollbar-color: #bbb #f1f1f1;
        }

        /* уменьшение шрифтов на телефонах */
        @media (max-width: 575.98px) {
            .operations-table .row-header {
                font-size: 60%; /* заголовки поменьше */
            }
            .operations-table .row-data {
                font-size: 75%;
            }
            .summ_{
                font-size: 75%;
            }
            
        }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInRotate {
    0% {
        opacity: 0;
        transform: rotate(-180deg) scale(0.8); /* Начальное положение - повернуто и немного уменьшено */
    }
    70% {
        opacity: 0.7;
        transform: rotate(10deg) scale(1.05); /* Небольшой "перелет" для эффекта пружины */
    }
    100% {
        opacity: 1;
        transform: rotate(0deg) scale(1); /* Финальное положение */
    }
}

/* Стили для ПК (экраны >= 992px) */
@media (min-width: 992px) {
    .custom-block {
        width: 750px;
        height: 600px;
        min-height: auto; /* Отключаем 100vh */
        margin: auto; /* Центрируем */
        position: absolute; /* Абсолютное позиционирование */
        top: 50%; /* Сдвигаем вниз на 50% */
        left: 50%; /* Сдвигаем вправо на 50% */
        transform: translate(-50%, -50%); /* Корректируем центр */
        border-radius: 16px;
    }
    .custom-block-mainLK{
        width: 750px;
        height: 100vh;
        min-height: auto; /* Отключаем 100vh */
        margin: auto; /* Центрируем */
        position: absolute; /* Абсолютное позиционирование */
        top: 50%; /* Сдвигаем вниз на 50% */
        left: 50%; /* Сдвигаем вправо на 50% */
        transform: translate(-50%, -50%); /* Корректируем центр */
        border-radius: 16px;
    }
}
.logo_img{
    width: 33%;
    margin: auto;
}