/* Ш-7708 базовый шаблон */
/* Тут общие стили коорые для всех главных применяю */
/* файл создан 13.11.2023 */

/* На Документах - Текст в плашках */
.ni_fs_14_lh_17{
    font-size: 14px;
    line-height: 17px;
}
.ni_fs_16_lh_20{
    font-size: 16px;
    line-height: 20px;
}
.ni_fs_16_lh_28{
    font-size: 16px;
    line-height: 28px;
}

.ni_fs_18_lh_26{
    font-size: 18px;
    line-height: 26px;
}

/* UPD 05.02.2024 В pvoy_rasp на главной используется */
.ni_fs_18_lh_22{
    font-size: 18px;
    line-height: 22px;
}

/* На Документах - Текст в плашках фильтра и документов */
.ni_fs_20_lh_25{
    font-size: 20px;
    line-height: 25px;
}

/* На главной - Шрифт страны "Латвия" у логотипа */
/* А так же заголовки на странице поиска документов */
.ni_fs_25_lh_31{
    font-size: 25px;
    line-height: 31px;
}
.ni_fs_25_lh_27{
    font-size: 25px;
    line-height: 27px;
}
.ni_fs_27_lh_33{
    font-size: 27px;
    line-height: 33px;
}

/* На главной - Шрифт у меню "Открыть аккаунт" в главной шапке */
.ni_fs_22_lh_27{
    font-size: 22px;
    line-height: 27px;
}

/* На главной - Главный шрифт в главном блоке */
.ni_fs_40_lh_45{
    font-size: 40px;
    line-height: 45px;
}

/* На главной - На десктопе больше оступ на мобильном меньше */
/* UPD: тут сделано что при 650 уменьшаетя т.к. при этой же ширине */
/*     логотип-строка становится на две строки чтоб меньше скакало а скакало */
/*     то всё сразу в один момент */
.padding_desktop_50_mobile_10{
    padding: 50px;
}
.padding_desktop_50_mobile_10_left_right{
    padding-right: 50px;
    padding-left: 50px;
}
@media (max-width: 650px) {
    .padding_desktop_50_mobile_10{
        padding: 10px;
    }
    .padding_desktop_50_mobile_10_left_right{
        padding-right: 10px;
        padding-left: 10px;
    }
}
.padding_desktop_25_mobile_10{
    padding: 25px;
}
@media (max-width: 650px) {
    .padding_desktop_25_mobile_10{
        padding: 10px;
    }
}
.margin_desktop_25_mobile_10{
    margin: 25px;
}
@media (max-width: 650px) {
    .margin_desktop_25_mobile_10{
        margin: 10px;
    }
}


/* Скрыть показать на разных ширинах */
.display_none_less_450_flex{
    display: none;
}
@media (max-width: 450px) {
    .display_none_less_450_flex{
        display: flex;
    }
}
.display_block_less_850_none{
    display: block;
}
.display_inline_less_850_none{
    display: inline;
}
@media (max-width: 850px) {
    .display_block_less_850_none{
        display: none;
    }
    .display_inline_less_850_none{
        display: none;
    }
}
.display_none_less_850_block{
    display: none;
}
.display_none_less_850_inline{
    display: none;
}
@media (max-width: 850px) {
    .display_none_less_850_block{
        display: block;
    }
    .display_none_less_850_inline{
        display: inline;
    }
}



/* UPD 23.02.2024 добавлно в общий файл стилей  */
/* применяется в lsa1_b например на странице авто-заказа */
/* Ш-8024 css-классы для отступов в вёрстке - НАЧАЛО */
.md_mb_10{
    margin-bottom: 10px !important;
}
.md_mb_20{
    margin-bottom: 20px !important;
}
.md_mb_30{
    margin-bottom: 30px !important;
}
.md_mb_40{
    margin-bottom: 40px !important;
}
.md_mt_0{
    margin-top: 0px !important;
}
/* UPD 15.11.2024 добавлено для svm */
.md_mt_5{
    margin-top: 5px !important;
}
.md_mt_10{
    margin-top: 10px !important;
}
.md_mt_20{
    margin-top: 20px !important;
}
.md_mt_30{
    margin-top: 30px !important;
}
/* Ш-8024 css-классы для отступов в вёрстке - КОНЕЦ */


/* На десктопе больше оступ на мобильном меньше */
/* UPD: тут сделано что при 650 уменьшаетя т.к. при этой же ширине */
/*     логотип-строка становится на две строки чтоб меньше скакало а скакало */
/*     то всё сразу в один момент */
.margin_desktop_50_mobile_10{
    margin: 50px;
}
@media (max-width: 650px) {
    .margin_desktop_50_mobile_10{
        margin: 10px;
    }
}
.margin_desktop_25_mobile_10{
    margin: 25px;
}
@media (max-width: 650px) {
    .margin_desktop_25_mobile_10{
        margin: 10px;
    }
}