.FF_Arial {font-family: var(--font-text);}
.FF_Helvetica {font-family: Helvetica, Arial, sans-serif;}
.FF_ComicSans {font-family: "Comic Sans MS", cursive, sans-serif;}
.FF_Georgia {font-family: Georgia, serif;}
.FF_Impact {font-family: Impact, Charcoal, sans-serif;}
.FF_Lucida {font-family: "Lucida Console", Monaco, monospace;}
.FF_LucidaSans {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.FF_Palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;}
.FF_Tahoma {font-family: Tahoma, Geneva, sans-serif;}
.FF_Times {font-family: "Times New Roman", Times, serif;}
.FF_Trebuchet {font-family: "Trebuchet MS", Helvetica, sans-serif;}
.FF_Verdana {font-family: Verdana, Geneva, sans-serif;}

 /* Стили для блокировки выделения содержимого */
 .CommentForm .Legend .Title,
.Active_Editors figure,
input.CheckBox[type=checkbox] + label {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* TiNY MCE */
span[data-mce-object="iframe"] {
    display: flex;
}

.EventsNone {
    pointer-events: none;
}

/* Модификатор для алертов или аттеншенов */
.Alert.Warning {
    background-color: var(--color-WindowBG-Warning);
    box-shadow: var(--box-shadow-Warning);
}


kbd {
    background-color: rgba(240, 240, 240, 0.9);
    padding: 0 0.2em;
    border-radius: var(--border-radius-s);
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 0 0 1px 1px rgb(190,190,190);
}

.UsefulData {

}

#notimeView,
.SummerTime {
    display: inline-flex;
    color:var(--color-QMDJ_SW);
}

.SummerTime {
    position: relative;
    /*bottom: -0.2em;  */
}

.SummerTime svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
    font-size: 1.5em;
}

/* НАЧАЛО: переключение вперед назад - Switcher_PrevNext
text-decoration: var(--text-decoration);*/

.Switcher_PrevNext,
.Switcher_PrevNext .Prev,
.Switcher_PrevNext .Next {
    display: inline-flex;
    text-decoration: none;
}

.Switcher_PrevNext .Prev,
.Switcher_PrevNext .Next {
    align-items: center;
}

.Switcher_PrevNext {
    position: relative;
    justify-content: center;
}

/*.Switcher_PrevNext:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: var(--border-thin);
    height: 100%;
    background-color: var(--color-Beige);
}*/

.Switcher_PrevNext .Prev,
.Switcher_PrevNext .Next {
    gap: 0.6em;
    padding: 0.3em 0.2em;

    border: var(--border-style-LightBlue);
}

.Switcher_PrevNext .Prev::before,
.Switcher_PrevNext .Next::after {
    display: inline-block;
    content: "";
    width: 0px;
    height: 0px;
    vertical-align: middle;
}

.Switcher_PrevNext .Prev::before {
    border-color: transparent var(--color-Blue-Dark) transparent transparent;
    border-style: solid;
    border-width: 0.55em 1em 0.55em 0px;
    margin-right: 0.2em;
}

.Switcher_PrevNext .Next::after {
    border-color: transparent transparent transparent var(--color-Blue-Dark);
    border-style: solid;
    border-width: 0.55em 0px 0.55em 1em;
    margin-left: 0.2em;
}

.Switcher_PrevNext .Prev  svg,
.Switcher_PrevNext .Next svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
}

.Switcher_PrevNext .Prev > svg {
    margin-left: -0.5em;
    color: var(--color-Blue);
}
.Switcher_PrevNext .Next > svg {
    margin-right: -0.5em;
    color: var(--color-Blue);
}

.Switcher_PrevNext .Prev:hover::before {
    border-right-color: var(--color-Blue-hover);
}

.Switcher_PrevNext .Next:hover::after {
    border-left-color: var(--color-Blue-hover);
}

.Switcher_PrevNext .Prev:hover svg,
.Switcher_PrevNext .Next:hover svg,
.Switcher_PrevNext .Prev:hover,
.Switcher_PrevNext .Next:hover {
    border-color: var(--color-Blue-hover);
    z-index: var(--z-index);
}

.Switcher_PrevNext time {
    display: grid;
    font-size: 1em;
    color: var(--color-Dark);
    gap: 0.3em 0;
}

.Switcher_PrevNext time .Week,
.Switcher_PrevNext time .Date,
.Switcher_PrevNext time .Time {
    line-height: 1em;
}

.Switcher_PrevNext time .Week {
    font-size: 0.8em;
    color: var(--color-Beige);
    grid-column: 1;
}

.Switcher_PrevNext time .Date {
    font-size: 0.8em;
    color: var(--color-Beige-Dark);
    grid-column: 2;
}

.Switcher_PrevNext time .Time {
    display: flex;
    gap: 0.2em;
    align-items: center;

    grid-column: 1 / 3;
    font-size: 1.1em;
}

.Switcher_PrevNext time .Time svg {
    width: 0.8em;
    height: 0.8em;
    min-width: 0.8em;
}


.Switcher_PrevNext .Prev:hover time,
.Switcher_PrevNext .Next:hover time {
    /*text-decoration: var(--text-decoration);*/
    color: var(--color-Blue-hover);
}

.Switcher_PrevNext .Prev {
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;

    padding-left: 1em;
    padding-right: 0.6em;
}

/*.Switcher_PrevNext .Prev:hover {
    border-left: var(--border-style-Blue-hover);
}*/

.Switcher_PrevNext .Next {
    margin-left: var(--border-thin-minus);
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;

    padding-right: 1em;
    padding-left: 0.6em;
}

/*.Switcher_PrevNext .Next:hover {
    border-right: var(--border-style-Blue-hover);
}*/

.Switcher_PrevNext .Hieroglyph {
    font-size: 1.4em;
}

/* КОНЕЦ: переключение вперед назад - Switcher_PrevNext */



/* НАЧАЛО: Stickers - Группы которые могут распологаться по краям родителя - замена NoteIco
flex-direction: column; - По умолчанию
Landscape - flex-direction: row;

Для прозрачности можно использовать AlphaNA

TL - Top Left
TA - сверху автоматом Если в блоке будет центрирование, то блок будет расположен по центру
TR - Top Right

LA - Left Auto
RA - Right Auto

BL - Bottom Left
BA - Bottom Auto
BT - Bottom Right

!!! замена NoteIco */

.Stickers {
    display: inline-flex;
    flex-direction: column;

    position: absolute;
}

.Stickers.Landscape {
    flex-direction:row;
}

.Stickers.TL {
    top: 0;
    left: 0;
}
.Stickers.TA {
    top: 0;
}
.Stickers.TR {
    top: 0;
    right: 0;
}

.Stickers.LA {
    left: 0;
}
.Stickers.RA {
    right: 0;
}

.Stickers.BL {
    bottom: 0;
    left: 0;
}
.Stickers.BA {
    bottom: 0;
}
.Stickers.BR {
    bottom: 0;
    right: 0;
}

/* КОНЕЦ: Stickers */


/* Badge - это все что касается меток с характеристиками объекта, например стаус пользователя на фокте, имеил, наука карты
Обычно выглядят как вкладки - реализовано в новой картотеке */

.Badge {
    display: inline-flex;
}


.DurationChooser .Start,
.DurationChooser .End {
    width: 7em;
    text-align: center;
}

/* НАЧАЛО: Валидато форм, тут можно добавлять разные формы и делать им подсветки в зависимости от состояния */

input[name="sex"]:indeterminate + label  {
    box-shadow: 0 0 0 var(--border-thin) var(--color-Red), 0 0 0.6em rgba(238,0,0,0.5);
}

input.Radio[type="radio"][name="sex"]:indeterminate + :is(label, label svg),
input[name="sex"]:indeterminate + :is(label, label svg)  {
    color: var(--color-Red);
}

input[name="sex"]:invalid + label {
    background-color: #FFF0F0;
}

.Price_List > :nth-last-child(1 of .Item) input.Price_Visibility:not(:checked) + label {
    background-color: rgba(238, 0, 0, 0.2);
    box-shadow: 0 0 0 var(--border-thin) var(--color-Red);
}

/* КОНЕЦ:  */


.LookBelow {
    display: flex;
    justify-content: center;
    position: sticky;
    width: 100%;

    bottom: 1em;
    z-index: var(--z-index10);
}

.LookBelow a {
    display: inline-flex;
    align-items: center;
    height: 1em;
    gap: 0.3em;

    flex: 0;
    white-space: nowrap;
    border: var(--border-style-Light);
    text-shadow: var(--text-shadow-Dark);

    box-shadow: var(--box-shadow-Window);

    color: #fff;
    line-height: 1em;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    padding: 0.6em 1.0em;

    border-radius: 1em;
    backdrop-filter: var(--backdrop-filter);
    background-color: rgba(0, 130, 255, 0.8);

    -webkit-animation: ShowLookBelow 0.8s ease-in-out;
    animation: ShowLookBelow 0.8s ease-in-out;
}

.LookBelow a svg {
    color: inherit;
    margin-left: -0.4em;
}


@keyframes ShowLookBelow {
    0% {
        transform: scale(0.9);
        opacity: 0.2;
        filter: blur(0);
    }

    40% {
        transform: scale(1.1);
        filter: blur(0.1em) brightness(1.8) grayscale(50%);
    }
     100% {
         transform: scale(1) ;
        opacity: 1;
        filter: blur(0);
        }
    }

.LookBelow a:hover svg,
.LookBelow a:hover {
    color: #fff;
}

.LookBelow a:hover {

    background-image: var(--linear-gradient-Button);
    box-shadow: var(--box-shadow-Blue-hover);
}

.LookBelow a:after {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    margin-right: -0.4em;
    margin-left: -0.2em;

    background-color: #fff;
    font-size: 1.7em;

    background-repeat: no-repeat;
    background-position: center;

    -webkit-mask: var(--SVG-Ico-Arrow-Bottom);
    mask: var(--SVG-Ico-Arrow-Bottom);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}


#notimeView {
    margin: 0 0 0 0.3em;
}

#notimeView svg { width: 1.8em;
    height: 1.8em;
    margin: 0 0 0 -0.2em; }

.FormBlock #notimeView { margin-right: -0.3em; }

.ui-menu-item .SummerTime svg {
    font-size: 1em;
}

body.TinyMCE_Window {
    background: none !important;
    min-width: 0;
    overflow: auto;
    /*padding: 0.8em 0 0.8em 0.8em;*/
    font-family: var(--font-family-Tiny);
}

body.TinyMCE_Window * {
    font-family: var(--font-family-Tiny);
    font-size: 0.98em;
}

.TinyInline.Placeholder:before {
    content: attr(data-mce-placeholder);
    position: absolute;
    font-size: inherit;
    color: inherit;
    left: 0;
    top: inherit;
    padding: 0 0 0 0.2em;
    display: inline-flex;
    opacity: 0.4;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 /* Стили для автопереноса
    ПЕРЕНОСЫ!!!
*/


#PostText table td,
#PostText table th,
.TableDescript thead td, .TableDescript tbody td,
.VideoPlayer_Main aside .SeeMore .Next .text,
.VideoPlayer_Main .NextSeminars .NextSeminars_List .Item .Details .Title,
.VideoPlayer_Main aside .TimeCode .Name,
.Billing_Options_Card .Caption .Title,
.Billing_Options_Card .Feature ul li,
.Castle_Item .Name,
.QMDJ_HSubN,
.word-break,
.code,
code {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.VideoPlayer_Main aside .SeeMore .Next .text,
.VideoPlayer_Main .NextSeminars .NextSeminars_List .Item .Details .Title,
.VideoPlayer_Main aside .TimeCode .Name,
.Billing_Options_Card .Caption .Title,
.Billing_Options_Card .Feature ul li,
.Castle_Item .Name,
.QMDJ_HSubN,
.word-break,
.code,
code {
    white-space-collapse: break-spaces;
    word-break: break-word;
}

.BaziInfo {
    border-top: var(--border-style-Norm-One);
    position: relative;
}

.BaziInfo:before {
    content: "";
    display: block;
    background-image: var(--linear-gradient-Dark-Top);
    height: 3em;
    width: 100%;
    position: absolute;
    background-blend-mode: multiply;
}

.BaziInfo Article {
    padding: 1em 5em;
}

.BaziInfo figure,
.BaziInfo Article {
    border-top: var(--border-style-Light);
}

.BaziInfo figure + Article {
    border-top: unset;
}

.Server_Info {
    font-size: 0.8em;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
    text-align: center;
    padding: 0.2em;
}

.Server_Info a {
    color: rgba(255, 255, 255, 0.8);
}

.Server_Info a:hover {
    color: rgba(255, 255, 255, 1);
}

input[type="checkbox"]:not(:checked).ML_ReedMore ~ .Descr:after {
    pointer-events: none;
}

.MoonCalendar .HiddenDate {display:none;}

.CardsBZ .Comment > .text {
    word-break: break-word;
}

.contents {
    display: contents;
}

.contents ~ .contents {
    margin-top: 1em;
}

.column {
    flex-direction: column; }

.Cost {
    white-space: nowrap;
}

.Cost:before {
    content:"💵";
}

.Resipt, .Check  {
    content: "🧾";
}

.Past:after {
    content: "⌛";
}

.Commission,
.ML_Table .Commission {
    font-size: 0.8em;
    color: var(--color-Beige-Dark);
    display: inline-block;
    line-height: 1.1em;
    margin-bottom: 0.2em;
}

.Amount {
    display: inline-flex;
}

.Amount svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    font-size: 1.2em;
    margin-right: 0.2em;
}

.Amount .label {
    width: unset;
    padding-right: 0.3em;
}


.Result svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
    position: relative;
}

.Result svg {
    bottom: -0.15em;
}

.Toolbar svg {
    min-width: 1.8em;
}

.Animals {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: var(--AnimalSize);
    height: var(--AnimalSize);
}

.Animals span {
    display: inherit;
    position: absolute;
    width: var(--AnimalBGSizeW);
    height: var(--AnimalBGSizeH);
    background-image: url(/img/all-mid-full-clear_Line_260x260.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.Animals .rat, .Animals .RAT {left: 0;}
.Animals .bull, .Animals .ox,
.Animals .BULL, .Animals .OX {left: calc(var(--AnimalSize)*-1);}
.Animals .tiger, .Animals .TIGER {left: calc(var(--AnimalSize)*-2);}
.Animals .rabbit, .Animals .RABBIT {left: calc(var(--AnimalSize)*-3);}
.Animals .dragon, .Animals .DRAGON {left: calc(var(--AnimalSize)*-4);}
.Animals .snake, .Animals .SNAKE {left: calc(var(--AnimalSize)*-5);}
.Animals .horse, .Animals .HORSE {left: calc(var(--AnimalSize)*-6);}
.Animals .goat, .Animals .GOAT {left: calc(var(--AnimalSize)*-7);}
.Animals .monkey, .Animals .MONKEY {left: calc(var(--AnimalSize)*-8);}
.Animals .cock, .Animals .rooster,
.Animals .COCK, .Animals .ROOSTER {left: calc(var(--AnimalSize)*-9);}
.Animals .dog, .Animals .DOG {left: calc(var(--AnimalSize)*-10);}
.Animals .pig, .Animals .PIG {left: calc(var(--AnimalSize)*-11);}

.Animals .Water, .Animals .WATER {top: calc(var(--AnimalSize)*0);}
.Animals .Fire, .Animals .FIRE {top: calc(var(--AnimalSize)*-1);}
.Animals .Earth, .Animals .EARTH {top: calc(var(--AnimalSize)*-2);}
.Animals .Wood, .Animals .WOOD {top: calc(var(--AnimalSize)*-3);}
.Animals .Metall, .Animals .METALL {top: calc(var(--AnimalSize)*-4);}

.wrapper_main_profile .Toolbar {
    display: flex;
    /*align-items: flex-start;*//* Если выровнить по верху, то в некоторых местах лейблы приклеются к верху...  */
    margin-bottom: 0;
    padding-bottom: 0;
}

.wrapper_main_profile .Toolbar .label {
    width: unset;
    min-height: 2.6em;
    align-self: self-start;
    padding-right: 0;
}

.Employees .Toolbar {
    flex-wrap: wrap;
}

.Employees .Toolbar .SearchEmployee {
    display: inline-flex;
    flex: 1;
}

.Employees .Toolbar .SearchEmployee_Prof {
    width: 10em;
}

.Employees .Toolbar .Employee_GroupTypes {
    width: 10em;
}

.DatepickerUnion {
    gap: 0.4em;
    align-items: center;
}

.Shortlist {
    justify-content: center;
    padding: 0.4em;
    gap: 0.8em;
}

div.Shortlist {
    display: flex;
}

span.Shortlist,
.Shortlist .Link {
    display: inline-flex;
}


.Education_Form.Seminar {
    color: var(--color-Wood);
}

.Education_Form.Module {
    color: var(--color-Water);
}

.Education_Form.Cource {
    color: var(--color-Fire);
}


.ui-autocomplete .Cover .Education_Type,
.ui-autocomplete .Avatar .Education_Type {
    position: absolute;
}

/*
    Блок времени
    label - лейбл или уточнени еназвания
    Week - неделя
    Date - дата день, месяц год
    Time - время
*/
time {
    display: inline-flex;
    align-items: center;
    gap: 0 0.3em;

    font-size: 0.8em;
    color: var(--color-Beige);
    white-space: nowrap;
    text-transform: none;
}

time.ChangeSeason {
    display: flex;
    font-size: 0.9em;
}

.Date_Birth time {
    margin-left: 0.6em;
}

time .label,
.Settings_Main .FormBlock time .label {
    margin-left: 0;
    width: unset;
}

time .Date {
    font-weight: bold;
}

time + .Title {
    margin-top: 0.2em;
}

address {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2em 0;
}

address svg,
.List_UserOrder section .Name .Email svg,
.List_UserOrder section .Name .Phone svg,
#UserOrdersApp section .Name .Email svg,
#UserOrdersApp section .Name .Phone svg {
    width: 1.4em;
    height: 1.4em;
    position: relative;
    bottom: -0.4em;
    color: var(--color-Gray);
}

.List_UserOrder section .Name .Email svg,
.List_UserOrder section .Name .Phone svg,
#UserOrdersApp section .Name .Email svg,
#UserOrdersApp section .Name .Phone svg {
    margin-right: 0.4em;
}


/*
Кнопка добавления чего либо, например файла, препода, фигры утд.
*/
.ADD_Item {
    display: inline-flex;
    gap: 0.6em;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    color: var(--color-Blue);
    border: var(--border-thin) solid var(--color-Blue);
    border-radius: var(--border-radius-norm);
}

.ADD_Item svg {
    width: 1em;
    height: 1em;
}

.ADD_Item .text {
    font-size: 0.8em;
    line-height: 1.1em;
    color: var(--color-Gray-Dark);
}

.ADD_Item:hover {
    color: var(--color-Blue-hover);
    border-color: var(--color-Blue-hover);
}

/*
MoreDetails - ссылка со стрелкой, либо кнопка со стрелкой
*/


/*
Если цвет фона темный, то мы настраиваем текст на более светлый
*/
.Dark h2,
.Dark figure figcaption {
    color: #fff;
}

.Gray {
    text-shadow: -1px -1px rgba(255, 255, 255, 0.6);
}

.MoreDetails {
    display: inline-flex;
    gap: 0 0.3em;
    align-items: center;
    justify-content: center;

    padding: 0.1em 0.3em;
    border-radius: var(--border-radius-norm);
    border-width: thin;
    border-style: solid;
    text-decoration: none;
}

.Announce .Title .MoreDetails {
    border-radius: var(--border-radius-s);
}

.Announce .Title .MoreDetails:after {
    font-size: 0.8em;
}

.Announce .Title .MoreDetails .text {
    font-size: 0.6em;
}

.Announce time {
    color: var(--color-Dark);
    font-size: 1em;
}

.SectionSmall .SectionCover .MoreDetails,
swiper-slide .MoreDetails,
.swiper-wrapper .MoreDetails {
    padding: 0.2em 0.3em 0.2em 0.4em;
}

.SectionSmall .SectionCover .MoreDetails {
    color: #fff;
    position: absolute;
    display: inline-flex;
    align-items: center;
    z-index: 3;
    right: 0;
    bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top: thin solid #fff;
    border-left: thin solid #fff;
    backdrop-filter: var(--backdrop-filter-Menu)  brightness(50%);
    opacity: 0.5;
}

.SectionSmall .SectionCover .MoreDetails.Top_R {
    top: 0;
    bottom: unset;

    border-top: none;
    border-right: none;

    border-top-left-radius: 0;
    border-bottom-left-radius: var(--border-radius-norm);
}

.SectionSmall .SectionCover .MoreDetails.Top_L {
    right: unset;
    bottom: unset;
    top: 0;
    left: 0;
    border-top: none;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-right-radius: var(--border-radius-norm);
}

.SectionSmall:hover .SectionCover .MoreDetails {
    opacity: unset;
}

.SectionSmall .SectionCover .MoreDetails:after {
    background-color: #fff;
}

.MoreDetails:hover {
    color: var(--color-Blue-hover);
}

div.TeacherList .MoreDetails:hover,
div.TeacherList a:hover .MoreDetail,
.swiper-wrapper .MoreDetails:hover,
.swiper-wrapper a:hover .MoreDetails,
swiper-slide .MoreDetails:hover,
swiper-slide a:hover .MoreDetails {
    background-color: var(--color-BG-White);
}

swiper-container.TeacherList,
.swiper-wrapper.TeacherList {
    color: var(--color-Black);
    box-sizing: border-box;
    gap: 0 1.5em;
    overflow: hidden;
    padding-top: 1em;
    padding-bottom: 1em;
}

div.TeacherList {
    color: var(--color-Black);
    box-sizing: border-box;
    gap: 0 1.5em;
    padding-top: 1em;
    padding-bottom: 1em;
}

div.TeacherList.Landscape {
    display: flex;
    overflow-x: hidden;
    scroll-snap-type: x mandatory;
    scroll-snap-align: center;
}

div.TeacherList.Columns {
    /*
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 2em;
    */

    padding-left: 2em;
    padding-right: 2em;
    gap: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;

/*
    max-height: 85vh;
    overflow-y: auto;
    overflow-x: hidden;

    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
*/
}

.TeacherList .Teacher > a {
    display: flex;
    flex-direction: column;
}

div.TeacherList.Landscape .SectionSmall.Teacher,
swiper-container .SectionSmall.Teacher,
.swiper-wrapper .SectionSmall.Teacher {
    flex: 1 0 29%;

    margin-bottom: 0;
    margin-top: 1em;
    margin-bottom: 1em;
    height: unset;
    width: unset;
}

div.TeacherList .SectionSmall.Teacher,
swiper-container .SectionSmall.Teacher,
.swiper-wrapper .SectionSmall.Teacher {
    background-color: rgba(255,255,255,0.96);
}

div.TeacherList.Columns .SectionSmall.Teacher {
    scroll-snap-align: center;

    margin: 0;

    min-width: 20%;
    flex: 1;
    max-width: 14em;
}

.TeacherList.Landscape .Teacher {
    flex: unset;
    display: grid;
    min-width: 45%;
}

.TeacherList.Landscape .Teacher > a {
    flex-direction: row;
    gap: 0 1em;
}

.TeacherList.Columns .Teacher > a {
    flex-direction: column;
    gap: 0 1em;
    height: 100%;
    }

.TeacherList.Columns .Teacher .MyPosts  {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 0.2em;

    font-size: 0.8em;
    padding: 0.3em 0.4em 0.3em 0.4em;
    }

.TeacherList.Columns .Teacher .MyPosts a {
    gap: 0.2em;
    display: inline-flex;
    align-items: center;
}

.TeacherList .Teacher .Cover {
    border-bottom: unset;
    height: unset;
}

.TeacherList.Landscape .Teacher .Cover {
    border-right: var(--border-thin) solid #fff;
}

.TeacherList .Teacher .Cover img {
    width: auto;
    margin: -20%;
    height: 105%;
}

.TeacherList.Landscape .Teacher .Cover {
    width: 12em;
    height: 12em;
}

.TeacherList.Columns .Teacher .Cover {
    height: 14em;
}

.TeacherList .Teacher .Details {
    padding-left: 0;
    padding-right: 0;
    flex: 1 1;
}

.TeacherList.Landscape .Teacher .Details {
    margin-right: 0.8em;
}

.TeacherList .Teacher .Details .Name {
    margin-bottom: 0.2em;
}

.TeacherList.Landscape .Teacher .Details .Name {
    order: -1;
}

swiper-container .SectionSmall.Teacher .SectionFiles.textSub,
.swiper-wrapper .SectionSmall.Teacher .SectionFiles.textSub {
    font-size: 0.7em;
}

.Gallery > *:not(:last-child),
swiper-container .SectionSmall.ADD_Item:not(:last-child) {
    margin-right: 1em;
}

swiper-container .SectionSmall.Teacher:not(:last-child) {
    margin-right: 2em;
}

.Gallery > *:first-child,
.Gallery > *:first-child,
swiper-container .SectionSmall.Teacher:first-child,
.swiper-wrapper .SectionSmall.Teacher:first-child {
    margin-left: 2em;
}

.Gallery > *:last-child,
.Gallery > *:last-child,
swiper-container .SectionSmall.Teacher:last-child,
.swiper-wrapper .SectionSmall.Teacher:last-child {
    margin-right: 2em;
}

.SectionSmall.Teacher .ShopNoteLeft {
    font-size: 0.8em;
}

.SectionSmall.Teacher .Cover {
    display: flex;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    position: relative;

    border-bottom: var(--border-thin) solid #fff;
    box-shadow: 0px 0px 1em rgba(112, 128, 144, 0.7);
}

.TeacherList.Landscape .SectionSmall.Teacher .Cover img {
    width: 110%;
    margin-top: 20%;
    object-fit: cover;
    height: auto;
}

.TeacherList.Columns .SectionSmall.Teacher .Cover img {
    object-fit: cover;
    height: 135%;
    margin: 10% 0 0 0;
    position: absolute;
}

.SectionSmall.Teacher .Details {
    display: flex;
    flex-direction: column;
    gap: 0.4em;
    padding: 1.0em 1em 0.8em 1em;
}

.TeacherList.Columns .SectionSmall.Teacher .Details .Position {
    font-size: 0.85em;
}

.SectionSmall.Teacher .Details .Name {
    display: flex;
    flex-direction: column;
    gap: 0 0.2em;
}

.SectionSmall.Teacher .Details .Name .text {
    font-size: 1.3em;
 }

/*
.SectionSmall.Teacher .Details .Name .Residence .FlagTxt {
    font-style: normal;
 }
*/

.Teacher .Name .Residence {
    display: flex;
    gap: 0.3em;
    align-items: center;
}

.Teacher .Name .Residence .FlagTxt {
    min-width: 1em;
}

.SectionSmall.Teacher .Details .Specializations,
.SectionSmall.Teacher .Details .Sciences,
/*
.SectionSmall.Teacher .Details .Position > span:not(.role_teacher),
*/
.SectionSmall.Teacher .Details .Review {
    color: var(--color-Dark);
}

.Teacher .Details .Name .Residence .text {
    color: var(--color-Beige-Dark);
    display: inline-block;
    white-space: nowrap;
    font-style: italic;
}
.OurTeachers_List_Swiper .Details .Name .Residence .text,
.OurTeachers_List .Details .Name .Residence .text {
    font-size: 0.8em;
}

.SectionSmall.Teacher .Details .Name .Residence .text {
    font-size: 0.8em;
    }

.SectionSmall.Teacher .Details .Specializations,
.SectionSmall.Teacher .Details .Sciences,
.SectionSmall.Teacher .Details .Position > span {
    font-size: 0.8em;
}

.SectionSmall.Teacher .Details .Specializations,
.SectionSmall.Teacher .Details .Sciences {
    line-height: 1.3em;
}

.SectionSmall.Teacher .Details .Review {
    font-size: 0.9em;
    line-height: 1.3em;
    margin-top: 0.4em;
}

a.SectionSmall:hover,
.SectionSmall.Teacher a:hover {
    text-decoration: none;
}


.MoreDetails:after {
    content: "";
    display: inline-block;
    font-size: 0.9em;

    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;

    margin-bottom: -0.25em;
    margin-top: -0.2em;
    background-repeat: no-repeat;
    background-position: center;

    -webkit-mask: var(--SVG-Ico-Arrow-Right);
    mask: var(--SVG-Ico-Arrow-Right);

    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.MoreDetails:after {
    background-color: var(--color-Blue);
}

.swiper-wrapper .MoreDetails:after {
    background-color: var(--color-Black);
}


.MoreDetails:hover:after,
main section a:hover .MoreDetails:after,
.swiper-wrapper .MoreDetails:hover:after,
swiper-slide .MoreDetails:hover:after,
.PostAutor .Person_Item:hover .MoreDetails:after {
    background-color: var(--color-Orange-hover);
}


a.MoreDetails .text {
    font-size: 0.8em;
}

/*
НАЧАЛО: Новый вариант верстки - пока только для первой странцы обучения, но в дальнейшем постараюсь перенести на все разделы
*/

.ActivWnid {
    background: #fff url(/img/bamboo_2023.png) right -2em/27em no-repeat;
    overflow: hidden;
    border: var(--border-thin) solid #E5DFD8;
    width: 43em;
    border-radius: var(--border-radius-xxl);

    box-shadow: 0 0 1.4em var(--color-Dark);

    margin: 0.5em;
}

.wrapper_main_school.wrapper_section_new {
    display: flex;
    flex-direction: column;
}


header.SplashHeader {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    height: 36em;

    position: sticky;
    top: 0;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    z-index: 1;
}

header > picture.Logo {
    display: inline-flex;
    width: 12em;
    margin: 3em;

    filter: drop-shadow(0 0 0.5em #fff) drop-shadow(0 0 0.2em #fff) drop-shadow(0 0 0.05em #fff);

    position: absolute;
    top: 0;
    left: 0;

    z-index: 10;
}

header > a.Logo {
    margin: 3em;
    position: absolute;
    width: 12em;
    top: 0;
    left: 0;
    z-index: 20;
}

header > a.Logo,
header > a.Logo .Picture,
header > a.Logo picture {
    display: inline-flex;
}

header > a.Logo .Picture,
header > a.Logo picture {
    position: relative;
    width: 100%;
    filter: drop-shadow(0 0 0.5em #fff) drop-shadow(0 0 0.2em #fff) drop-shadow(0 0 0.05em #fff);
}

header > a.Logo .Picture:hover,
header > a.Logo picture:hover {
    transform: scale(1.05);
}

header > a.Logo .Picture img,
header > a.Logo picture img {
    width: 100%;
    object-fit: cover;
}

header h2 {
    font-family: Georgia,'Times New Roman',serif;
    font-size: 2.6em;
    margin-top: 0;
}

header .Advantages {
    display: grid;
    gap: 0 2em;
    grid-template-columns: 1fr 1fr;
    font-size: 1.2em;
}

header .Advantages a {
    text-decoration: none;
    color: var(--color-Black);
}

header .Advantages .Item {
    display: flex;
    flex-direction: column;
}

header .Advantages .Item .Title {
    font-size: 1.4em;
}

header swiper-container swiper-slide,
header .swiper .swiper-slide {
    color: var(--color-Black);
    display: flex;
    align-items: center;

    padding: 5em 0em 2em 5em;
    box-sizing: border-box;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

header swiper-container swiper-slide .Review,
header .swiper .swiper-slide .Review {
    display: flex;
    flex-direction: column;
    max-width: 46%;

    margin-top: 4em;

    background-color: rgba(255,255,255,0.6);
    border-radius: 0.5em;
    box-shadow: 0 0 3em 3em rgba(255,255,255,0.6);
}

header swiper-container swiper-slide .Review a,
header .swiper .swiper-slide .Review a {
    color: inherit;
    margin-left: 0.4em;
    font-size: 0.9em;
}

header swiper-container swiper-slide .Review a:hover,
header .swiper .swiper-slide .Review a:hover {
    color: var(--color-Blue-hover);
}

header swiper-container swiper-slide .Review h2,
header .swiper .swiper-slide .Review h2 {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-image: linear-gradient(-45deg, #555555, var(--color-Black) 100%);
    filter: drop-shadow(1px 1px rgba(255, 255, 255, 0.5));
}

header swiper-container swiper-slide .Review .Details,
header .swiper .swiper-slide .Review .Details {
    font-size: 1.4em;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}

header swiper-container swiper-slide .Review .Autor,
header .swiper .swiper-slide .Review .Autor {
    display: flex;
    flex-direction: column;
    align-self: flex-end;
    margin-top: 1em;
    text-decoration: none;
}

header swiper-container swiper-slide .Review .Autor .Name,
header .swiper .swiper-slide .Review .Autor .Name {
    font-size: 1.3em;
    }

header swiper-container swiper-slide .Review .Autor:hover .Name,
header .swiper .swiper-slide .Review .Autor:hover .Name {
    color: var(--color-Blue-hover);
    text-decoration: underline solid 0.05em;
    text-underline-offset: 0.2em;
}

header swiper-container swiper-slide .Review .Autor .Name + .Position,
header .swiper .swiper-slide .Review .Autor .Name + .Position {
    display: flex;
    margin-top: 0.4em;
    font-size: 0.9em;
    flex-wrap: wrap;
}

header swiper-container swiper-slide .Review .Autor:hover .Position,
header .swiper .swiper-slide .Review .Autor:hover .Position {

}

.Level2  {
    display: flex;
    position: relative;

    list-style-type: none;
    justify-content: space-evenly;

    backdrop-filter: var(--backdrop-filter-Header);
    background-image: linear-gradient(0deg, rgba(255,255,255,1) 0%,rgba(255,255,255, 0.8) 40%,rgba(229, 244, 255, 0.9) 100%);
    border-top: var(--border-thin) solid #fff;
    border-bottom: var(--border-thin) solid #fff;
}

header + .Level2:before,
header + .Level2:after,
header + main:before {
    content: "";
    display: flex;
    position: absolute;
    height: 1em;
    width: 100%;
    left: 0;
    pointer-events: none;
}

header + .Level2:before,
header + main:before {
    background-image: var(--linear-gradient-Gray-Bottom);
    top: calc(-1em - 1px);
}

header + .Level2:after {
    background-image: var(--linear-gradient-Gray-Top);
    bottom:  calc(-1em - 1px);
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
}

menu.Level2 {
    list-style-type: none;
    display: flex;
    gap: 1px 0;
}

menu.Level2 li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    box-sizing: border-box;

    position: relative;
    overflow: hidden;

    border-image:
        linear-gradient(
            180deg,
            var(--color-Beige-Light) 20%,
            rgba(223, 216, 208, 0)
        ) 1 100%;
}

menu.Level2 li:not(:first-of-type) {
    border-left-style: solid;
    border-left-width: 1px;
    margin-left: -1px;
}

menu.Level2 li:not(:last-of-type) {
    border-right-style: solid;
    border-right-width: 1px;
    margin-left: -1px;
}

menu.Level2 li:hover {
    box-shadow: 0 0 0.5em var(--color-Gray-Light);
    animation: Shadow_Menu_Link 0.4s ease-in-out;
    z-index: 1;
}


@keyframes Shadow_Menu_Link {
    0% { box-shadow: 0 0 0 var(--color-Gray-Light);
         }
    100% {
        box-shadow: 0 0 0.5em var(--color-Gray-Light);
        }
    }

menu.Level2 li:hover:before {
    content: "";
    display: block;
    position: absolute;
    background-color: var(--color-Blue-hover);
    border-radius: 0;
    width: 100%;
    height: 100%;

    animation: Backlight_Menu 0.4s ease-in-out;

    opacity: 0.9em;
    }

@keyframes Backlight_Menu {
    0% {
        width: 10%;
        height: 5%;
        -webkit-filter: blur(1em);
        filter: blur(1em);
        opacity: 0.1em;
        border-radius: 50%;
         }
    60% {
        width: 100%;
        height: 100%;
        border-radius: 0;
        }
    100% {
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 0.9em;
        }
    }

menu.Level2 li a {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;

    color: var(--color-Black);
    text-shadow: 1px 1px #fff;

    text-decoration: none;
    padding: 1em 1em 0.8em 1em;
    z-index: 1;
    }

menu.Level2 li a svg {
    margin-left: 0;
}

menu.Level2 li a .text {
    font-size: 1.2em;
    white-space: nowrap;
    text-transform: uppercase;
}

menu.Level2 li:hover a:not(.SVG):not(.Advanced) svg {
    color: #fff;
}
@keyframes HighLight_Menu_Link {
    0% { color: inherit;
         }
    100% {
        color: #fff;
        }
    }

menu.Level2 li:hover a {
    color: #fff;
    text-shadow: 1px 1px var(--color-Blue-Dark);
    animation: HighLight_Menu_Link 0.4s ease-in-out;
}

menu.Level2 li a:hover .text {
    /*
    text-decoration: underline solid 0.05em;
    text-underline-offset: 0.2em;
    text-decoration-color: var(--color-Blue-hover);
    */
    color: inherit;
}

@keyframes HighLight_Menu_Link {
    0% {
        color: var(--color-Black);
        text-shadow: 1px 1px #fff;
        }
    100% {
        color: #fff;
        text-shadow: 1px 1px var(--color-Blue-Dark);
        }
    }

main {
    background-color: #fff;
    display: block;
    position: relative;
    z-index: 30;
    margin-bottom: 1em;
}

/*menu+main {padding-top: 1.5em;}*/

main section .MoreDetails {
    display: contents;
    padding: 0;
    /*
    width: 1em;
    height: 1em;
    border-radius: 50%;
    */
    border: none;
}

main section .MoreDetails:after {
    font-size: inherit;
    margin: 0;
    position: relative;
    bottom: -0.18em;
}

#SchoolFirstPage {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#SchoolFirstPage .Area:first-child {
    margin-top:0;
}

.Section_FullSize,
.Section_Text {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    max-width: 100%;

    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.Section_FullSize {
    padding: 2em 0;
}

.Section_FullSize.PhotoGallery {
    padding-top: 0;
}


.Section_FullSize h2 {
    margin-left: 5%;
    margin-right: 5%;
}

.Section_FullSize h2 svg,
.Section_Text h2 svg {
    color: var(--color-Gray);
}

.Section_FullSize.Dark h2 svg,
.Section_Text.Dark h2 svg {
    color: #fff;
}

.Section_Text {
    padding: 2em 5%;
}

.Section_Text figure img {
    width: 100%;
}

.Story {
    display: flex;
    gap: 1.5em 2em;
}

.Story > * {
    flex: 1;
}

.Story > .WorldMap {
    flex: 2;
    mix-blend-mode: multiply;
}

.Story .Review {
    font-size: 1.2em;

    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.Story figure {
    margin-bottom: 0;
}

.Story figure img {
    border-radius: var(--border-radius-xl);
}

.Section_FullSize.UserComments h2:first-child,
.Section_Text h2:first-child {
    margin-top: 0;
}

section .Story + h2:first-of-type {
    margin-top: 1.5em;
}


.Section_Text.DifficultyLevel {
    display: flex;
    gap: 2em 2em;
    flex-direction: row;
}

.Section_Text.DifficultyLevel > .Item {
    display: inline-flex;
    flex-direction: column;
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    justify-content: flex-start;

    flex: 1;
    box-shadow: var(--box-shadow-XL);
}

swiper-slide .NoteIco svg,
swiper-slide .NoteIco button svg,
.Section_Text.DifficultyLevel > .Item .NoteIco svg {
    font-size: 1.4em;
}

.Section_Text.DifficultyLevel > .Item figure {
    position: relative;
    justify-content: flex-end;
    align-items: flex-start;
    overflow: hidden;
    height: 25vh;
    min-height: 11em;
    margin-bottom: 0;
    position: relative;
}

.Section_Text.DifficultyLevel > .Item figure img {
    width: 100%;
    object-fit: cover;
    height: unset;
    position: absolute;
    border-radius: 0;
    top: 50%;
    margin-top: -33%;
    z-index: 1;
}

.Section_Text.DifficultyLevel > .Item figure:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(0deg, rgba(48, 64, 80, 0.8) 0%, rgba(48, 64, 80, 0) 100%);
    mix-blend-mode: multiply;

    z-index: 2;
}

.Section_Text.DifficultyLevel > .Item figure figcaption {
    position: absolute;
    margin: 1em;
    z-index: 3;
    text-align: left;
}

.Section_Text.DifficultyLevel > .Item:not(.Dark) figure figcaption {
    color: var(--color-Black);
}

.Section_Text.DifficultyLevel > .Item figure figcaption .text {
    font-size: 2.8em;
    line-height: 1.0em;
}

.Section_Text.DifficultyLevel > .Item .Review {
    padding: 1em 1em 1em 1.5em;
    display: flex;
    flex-direction: column;
    gap: 1.4em 0;
    position: relative;
    flex: 1;
}

.CalculatorTwoHourPopUp .ML_Table,
.Section_Text.DifficultyLevel > .Item .Review .Line {
    position: relative;
}

.Section_Text.DifficultyLevel > .Item .Review:before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 1em;
    background-image: var(--linear-gradient-Gray-Top);
}

.Section_Text.DifficultyLevel > .Item .Review a {
    display: block;
    text-decoration: none;
    position: relative;
}

.Section_Text.DifficultyLevel > .Item .Review .Title {
    font-size: 1.4em;
    line-height: 1.1em;
    color: var(--color-Black);
}

.Section_Text.DifficultyLevel > .Item .Review a:hover .Title {
    color: var(--color-Blue-hover);
}

.Section_Text.DifficultyLevel > .Item .Review a .Title + article {
    margin-top: 0.4em;
}

.Section_Text.DifficultyLevel > .Item .Review a article {
    font-size: 1em;
    line-height: 1.2em;
    color: var(--color-Gray-Dark);
}

.Section_Text.DifficultyLevel > .Item .Review a article .MoreDetails:after {
    margin-left: 0.4em;
}

.Section_Text.DifficultyLevel .ADD_Item {
    border-bottom: unset;
    border-right: unset;
    border-left: unset;
    border-top-color: var(--color-Beige-Light);
    padding: 0.4em;
    font-size: 1.1em;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.Section_Text.DifficultyLevel .ADD_Item:hover .text {
    color: var(--color-Blue-hover);
}

.Section_Text.UpcomingSeminars .AD_RecomendationList {
    display: flex;
    max-width: 100%;

    overflow: hidden;
}


/* Product_List - используется на странице регистрации на бесплатный курс */
.Seminar_list,
.Product_List {
    display: flex;
    flex-direction: column;
    list-style: none;
}

.Seminar_list .Item,
.Product_List .Item {
    display: flex;
    align-items: center;
    gap: 0 0.8em;
    text-decoration: unset;
    color: var(--color-Black);
    padding: 0.3em 0;
}

.Seminar_list .Item a,
.Product_List .Item a {
    text-decoration: none;
}

.Seminar_list.DarkLink a,
.Product_List.DarkLink a {
    color: var(--color-Black);
}

.Seminar_list.DarkLink a:hover,
.Product_List.DarkLink a:hover {
    color: var(--color-Blue-hover);
    text-decoration: var(--text-decoration);
}


.Seminar_list .Item:hover.
.Product_List .Item:hover {
    z-index: 1;
}

.Seminar_list .Item:not(:first-child),
.Product_List .Item:not(:first-child) {
    border-top: var(--border-thin) dashed var(--color-Beige-Light);
}

.Seminar_list .Item:not(:last-child),
.Product_List .Item:not(:last-child) {
    margin-bottom: -1px;
    border-bottom: var(--border-thin) dashed var(--color-Beige-Light);
}

.Seminar_list .MoreDetails {
    display: flex;
    border-top-style: solid;
    border-top-color: var(--color-Beige-Light);
    border-radius: unset;
    padding-top: 0.2em;
    text-transform: uppercase;
    color: var(--color-Black);
    justify-content: flex-end;
    align-items: baseline;
}

.Seminar_list .MoreDetails .text {
    font-size: 0.9em;
}

.Seminar_list .Item figure,
.Product_List .Item figure {
    position: relative;
    border-radius: var(--border-radius-norm);
    overflow: hidden;
    margin: 0;
    border: var(--border-thin) solid #fff;

}

.Seminar_list .Item figure {
    min-width: 4.5em;
    width: 4.5em;
}

.Product_List .Item figure {
    min-width: 6.5em;
    width: 6.5em;
}

.Product_List.Mini .Item figure {
    min-width: 4.5em;
    width: 4.5em;
}

.Product_List.Mini .Item figure .ID {
    position: absolute;
    font-size: 0.8em;
    color: #fff;
    width: 100%;
    display: inline-block;
    bottom: 0;
    background-color: var(--color-Blak-opacity4);
    opacity: 0.7;
    text-shadow: -1px -1px var(--color-Blak-opacity7);
}

.table_prod tbody tr:hover .Item figure .ID {
    opacity: 1;
}

.Seminar_list .Item figure .TrainingType,
.Product_List .Item figure .TrainingType {
    font-size: 0.6em;
    top: 0;
    right:0;
    left: unset;
    border-radius: 0 var(--border-radius-norm) 0  var(--border-radius-norm);
}

.Seminar_list .Item figure img {
    height: 3.4em;
    min-height: 3.4em;
    object-fit: cover;
}
.Product_List .Item figure img {
    width:100%;
    object-fit: cover;
}

.Seminar_list .Item .Details,
.Product_List .Item .Details,
.Seminar_list .Item .Details > a,
.Product_List .Item .Details > a {
    display: flex;
    flex-direction: column;
    gap: 0.2em; 0.2em;
}

.Seminar_list .Item .Details .Division,
.Product_List .Item .Details .Division {
    display: flex;
    gap: 0.3em;
    margin-bottom: 0.2em;
}

.Seminar_list.Mini .Item .Details .Division,
.Product_List.Mini .Item .Details .Division {
    margin-bottom: 0;
}


.Seminar_list .Item .Details .Division > *,
.Product_List .Item .Details .Division > * {
    display: flex;
    font-size: 0.9em;
    color: var(--color-Beige);
}

.Seminar_list .Item .Details .Division a:hover,
.Product_List .Item .Details .Division a:hover {
    color: var(--color-Blue-hover);
    text-decoration: underline solid 0.05em;
}

.Seminar_list .Item .Details .Division a:not(:last-of-type):after,
.Product_List .Item .Details .Division a:not(:last-of-type):after {
    content: "";
    padding-left: 0.4em;
    border-right: 0.1em solid var(--color-Beige-Light);
    transform: skew(-20deg);
    height: 80%;
    align-self: center;
}

.Seminar_list .Item .Details .Division .Course,
.Product_List .Item .Details .Division .Course {
    font-weight: bold;
}

.Seminar_list .Item .DivisionType,
.Product_List .Item .DivisionType {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    padding: 0.2em 0.3em;
    background-color: var(--color-Beige);
    border-radius: var(--border-radius-md);
    line-height: 1em;
    color: var(--color-BG-Light_Medium);
}

.Seminar_list.Mini .Item .Details svg,
.Product_List.Mini .Item .Details svg {
    font-size: 1.2em;
    margin: 0;
}

.Product_List .Item .Details time {
    font-size: 0.9em;
}

.Seminar_list .Item .Details .Title,
.Seminar_list .Item .Details .Name,
.Product_List .Item .Details .Title,
.Product_List .Item .Details .Name {
    display: flex;
    align-items: center;
    text-transform: none;
    font-size: 1em;
    padding: 0;
    margin: 0;
    border: unset;
}
.Seminar_list .Item .Details .Title,
.Seminar_list .Item .Details .Name {
    gap: 0 0.8em;
}

.Product_List .Item .Details .Title,
.Product_List .Item .Details .Name {
        gap: 0 1.6em;
}

.Seminar_list .Item .Details .Title .text,
.Seminar_list .Item .Details .Name .text,
.ML_Table .Seminar_list .Item .Details .Title .text,
.ML_Table .Seminar_list .Item .Details .Name .text {
    max-width: 87%;
    line-height: 1.1em;
}
.Product_List .Item .Details .Title .text,
.Product_List .Item .Details .Name .text,
.ML_Table .Product_List .Item .Details .Title .text,
.ML_Table .Product_List .Item .Details .Name .text {
    font-size: 1.2em;
    line-height: 1.1em;
    /*max-width: 87%;*/
}

.tabBasket .Product_List .Item .Details .Name .text {
    font-size: 1.3;
}

.Seminar_list a.Item:hover .Details .Title .text,
.Seminar_list a.Item:hover .Details .Name .text,
.Product_List a.Item:hover .Details .Title .text,
.Product_List a.Item:hover .Details .Name .text {
    text-decoration: var(--text-decoration);
    text-underline-offset: 0.2em;
    color: var(--color-Blue-hover);
}


.Section_FullSize.TeachingStaff h2 {
    font-size: 1em;

    margin-bottom: 0;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
}

.Section_FullSize.TeachingStaff h2 svg,
.Section_FullSize.TeachingStaff h2 .text {
    font-size: 4em;
}

.Section_FullSize.TeachingStaff h2 {
    filter: drop-shadow(-1px -1px 0 rgba(0, 0, 0, 0.4));
}

.OurTeachers {
    background: #EEFFFB url(/img/test/BG_Pattern_Gray.png) center/10%;
}

.OurTeachers .OurTeachers_List_Swiper,
.OurTeachers .OurTeachers_List {
    display: flex;
    flex-wrap: wrap;
    gap: 1.2em;
}

.OurTeachers .Story {
    display: grid;
    grid-template-columns: 1fr 32%;
    grid-template-rows: repeat(2, min-content);
    gap: 0em 1em;
    grid-template-areas:
        "Title OurTeachers_List"
        "WorldMap OurTeachers_List";
    margin-right: -1.5em;
}

.OurTeachers .Story {
    display: grid;
    grid-template-columns: 1fr 32%;
    grid-template-rows: repeat(2, min-content);
    gap: 0em 1em;
    grid-template-areas:
        "Title OurTeachers_List_Swiper"
        "WorldMap OurTeachers_List_Swiper";
    margin-right: -1.5em;
}

.OurTeachers .Story .Title {
    grid-area: Title;
    }

.OurTeachers.Gray .Story h2  {
    filter: drop-shadow(-1px -1px 0 rgba(255, 255, 255, 1));
}

.OurTeachers .Story .WorldMap { grid-area: WorldMap; }

.OurTeachers .Story .OurTeachers_List_Swiper { grid-area: OurTeachers_List_Swiper; }
.OurTeachers .Story .OurTeachers_List { grid-area: OurTeachers_List; }

.OurTeachers .Story .OurTeachers_List_Swiper swiper-container,
.OurTeachers .Story .OurTeachers_List_Swiper,
.OurTeachers .Story .OurTeachers_List {
    border-top-left-radius: 2.6em;
    border-bottom-left-radius: 2.6em;
}

.OurTeachers .Story .OurTeachers_List_Swiper swiper-container,
.OurTeachers .Story .OurTeachers_List {
    box-shadow: 0 0 1em 1em rgba(255,255,255,0.5);
    background-color: rgba(255,255,255,0.5);
    padding-left: 0.4em;

    max-height: 33em;
}

.OurTeachers .Story .OurTeachers_List:not(swiper-container) {
    overflow-y: auto;
}

.OurTeachers .OurTeachers_List_Swiper .ADD_Item,
.OurTeachers .OurTeachers_List_Swiper .Teacher,
.OurTeachers .OurTeachers_List .Teacher {
    display: flex;
    gap: 1em;
    align-items: center;
    height: auto;
    width: unset;
}

.OurTeachers .OurTeachers_List_Swiper .ADD_Item svg {
    width: 2em;
    height: 2em;
}

.OurTeachers .OurTeachers_List_Swiper swiper-container > *:not(:last-child),
.OurTeachers swiper-container.OurTeachers_List > *:not(:last-child) {
    margin-bottom: 1.2em;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher img,
.OurTeachers .OurTeachers_List .Teacher img {
    width: 5em;
    border: thin solid #fff;
    /*
    box-shadow: 0.1em 0.1em 0.2em rgba(255, 255, 255, 0.7), 0.2em 0.2em 0.4em rgba(115, 115, 115, 0);
    */
    box-shadow: 0.2em 0.2em 0.6em rgba(48, 64, 80, 0.3), 0.2em 0.2em 0.1em rgba(255,255,255,0.2);
}

.OurTeachers .OurTeachers_List_Swiper .Teacher:nth-child(even) img,
.OurTeachers .OurTeachers_List .Teacher:nth-child(even) img {
    border-radius: 5% 2em;
    }
.OurTeachers .OurTeachers_List_Swiper .Teacher:nth-child(odd) img,
.OurTeachers .OurTeachers_List .Teacher:nth-child(odd) img {
    border-radius: 2em 5%;
}

.OurTeachers .OurTeachers_List_Swiper .ADD_Item {
    border-bottom-left-radius: 2em;
    border-bottom-right-radius: 2em;
}

.OurTeachers .OurTeachers_List_Swiper .ADD_Item:first-child {
    margin-top: 0.4em;
}

.OurTeachers .OurTeachers_List_Swiper .ADD_Item:last-child {
    margin-bottom: 0.4em;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher .Details,
.OurTeachers .OurTeachers_List_Swiper .Teacher .Details .Name,
.OurTeachers .OurTeachers_List .Teacher .Details,
.OurTeachers .OurTeachers_List .Teacher .Details .Name {
    display: flex;
    flex-direction: column;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher .Details,
.OurTeachers .OurTeachers_List .Teacher .Details {
    gap: 0.2em;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher .Details .Name,
.OurTeachers .OurTeachers_List .Teacher .Details .Name {
    gap: 0;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher .Details .Name > .text,
.OurTeachers .OurTeachers_List .Teacher .Details .Name > .text {
    font-size: 1.2em;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher .Details .Specializations,
.OurTeachers .OurTeachers_List .Teacher .Details .Specializations {
    font-size: 0.9em;
    line-height: 1.1em;
}

.OurTeachers > .WorldMap,
.OurTeachers .Story .WorldMap {
    display: flex;
    justify-content: center;
    mix-blend-mode: multiply;
}

.OurTeachers > .WorldMap {
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    opacity: 0.7;
}


.OurTeachers .Story .WorldMap {
    margin-left: -1em;
    background-image: url(/img/test/WorldMap_BG.jpg);

    -webkit-mask-image: url(/img/test/World_Map_Simple.svg);
    mask-image: url(/img/test/World_Map_Simple.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.OurTeachers .Story .WorldMap img {
    mix-blend-mode: multiply;
}

.OurTeachers > .WorldMap img {
    width: 90%;
    object-fit: cover;
}

.Section_Text blockquote {
    display: flex;
    gap: 0 1em;
    position: relative;
    font-size: 1em;
    backdrop-filter: var(--backdrop-filter-blockquote) brightness(0.8);
    color: #fff;
    padding: 2em;
    border-radius: var(--border-radius-md);
    display: block;
    border: none;
    margin-bottom: 2em;
    text-align: left;
}

.Section_Text blockquote:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    opacity: 0.5;
    background: url(/img/bamboo_2023.png) right 0/contain no-repeat;
    mix-blend-mode: overlay;
}

.Section_Text blockquote .Review {
    z-index: 2;
    position: relative;

    text-shadow: -1px -1px 0 rgba(48, 64, 80, 0.5);
}

.Section_Text.UpcomingCourses .SectionGroup_3C {
    margin-bottom: 0;
}
.Section_Text.UpcomingSeminars .SectionGroup_2C {
    align-items: flex-start;
    grid-template-columns: 2fr 1fr;
   /*
 margin-bottom: 0;
*/
}

.Section_Text.UpcomingSeminars .SectionGroup_2C .AD_RecomendationList a {
    display: inline-flex;
    border-radius: var(--border-radius-norm);
    overflow: hidden;
    position: relative;
}

.Section_Text.UpcomingSeminars .SectionGroup_2C .AD_RecomendationList a img {
    width: 100%;
}

.Section_Text.UpcomingSeminars .SectionGroup_2C .AD_Read_More {
/*
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    height: 11em;
    border-radius: var(--border-radius-norm);
*/
}

/*
.Section_Text.UpcomingSeminars .SectionGroup_2C .AD_Read_More img {
    width: 100%;
}
*/

.Section_Text.UpcomingSeminars .SectionGroup_2C .AD_Read_More .AD_Read_More_Button {
    font-size: 0.6em;
    text-decoration: none;
}

.Section_Text.UpcomingSeminars .SectionGroup_2C  .Announc {
    margin-bottom: 0;
    min-height: 13em;
}

.Section_FullSize.PhotoGallery .ADD_Item svg {
    width: 4em;
    height: 4em;
}

.Section_FullSize.PhotoGallery {
    margin-bottom: 1em;
}

.Section_FullSize.PhotoGallery h2 {
    margin-bottom: 0;
}

.Gallery {
    display: flex;
    gap: 0 0.4em;
}

.Gallery .figure figure {
    margin: 0;
    height: 100%;
    position: relative;
}

.Gallery .figure figure time {
    color: #fff;
    /*position: absolute; */
    bottom: 0;
    right: 0;
    font-size: 0.7em;
    padding: 0.4em;
    line-height: 1em;
    opacity: 0.6;

    background-color: var(--color-Blak-opacity3);
    border-top-left-radius: var(--border-radius-norm);
    border-bottom-right-radius: var(--border-radius-norm);

    align-self: flex-end;
    margin-top: -1.8em;
}

.Gallery .figure .Source {
    padding: 0 0.6em 0.6em 0.6em;
    text-align: right;
    line-height: 1em;
}

.Gallery .figure .Source .text {
    font-size: 0.8em;
}

.Gallery .ADD_Item,
.Gallery .figure,
.Gallery > figure {
    box-shadow: var(--box-shadow-L);
    border-radius: var(--border-radius-norm);
    background-color: var(--color-BG-backdrop-White);

    box-sizing: border-box;

    display: inline-flex;
    flex-direction: column;
    text-align: center;
    flex: 0;
    height: unset;
    width: unset;

    margin-top: 1.2em;
    margin-bottom: 1.2em;
}

.Gallery .figure,
.Gallery > figure {
    cursor: zoom-in;
}

.Gallery.ThumbnailsCover figure:hover img,
.Gallery:not(.ThumbnailsCover) .figure:hover,
.Gallery:not(.ThumbnailsCover) > figure:hover {
    transform-origin: center;
    transform: scale(1.05) ;
    -webkit-transform: scale(1.05);
    z-index: 1;
    --backdrop-filter: var(--backdrop-filter-Menu: blur(0.15em););
    box-shadow: 0 0 0.3em 0.1em rgba(0,0,0,0.2);
}


.Gallery figure .NI-CL,
.Gallery figure .NI-CR,
.Gallery .figure .NI-CL,
.Gallery .figure .NI-CR {
    top: 6em;
}

.Gallery .ADD_Item,
.Gallery .figure figcaption,
.Gallery > figure figcaption {
    padding: 0.8em 1em 0.8em 1em;
}

.Gallery .ADD_Item {
    flex: 1;
}

.Gallery .figure img,
.Gallery > figure img {
    max-height: 13em;
    max-width: 30em;
    object-fit: cover;
    height: 100%;
}

.Gallery.ThumbnailsCover .figure img,
.Gallery.ThumbnailsCover > figure img {
    max-height: unset;
    max-width: unset;
    height: 13em;

    border-radius: var(--border-radius-norm);
    overflow: clip;
}

.Gallery .figure figcaption {
    font-size: 0.9em;
    line-height: 1.3em;
    height: 100%;
}

/*
КОНЕЦ: Новый вариант верстки - пока только для первой странцы обучения, но в дальнейшем постараюсь перенести на все разделы
*/

/* НАЧАЛО: Блоки верстки для ТИНИ, будут использоваться для форматирования статей, описаний итд

    .Area - страница это основной контейнер куда вставляются блоки верстки .Layout, она может иметь параметры
    .FullWidth - арея будет во всю ширину и углы прямые
    .Item_FullWidth - Дочерние блоки распределяются по всей ширине области без ограничения для десктовов в 1080px

    ---------------------------------------------------------
    Все будет строится на основе секций (родителей .Layout ) куда будут вставлться типизированные дочерние объекты .Item с готовым набором элементов
    .Layout
    .Layout_Padding - Добавляет отступ внутри лайоута

    .FontSize_L - увеличенный размер шрифта, действует для .Layout и .Item

    .Details_w2 - Увеличивает размер текстового блока до 2/3 для  .Layout и .Item

    Выравнивание действует для всех детейлс в  Layout или у конкретного .Item
    .DetailsAlign_Center;
    .DetailsAlign_End;

    .TextAlign_Center;
    .TextAlign_Right;

    .Shadow

    Количество колонок
    .Column2
    .Column3
    .Column4


    .Item_Portret - Элементы в .Item расположены по вертикале
    .Item_Landscape - Элементы в .Item расположены по горизонтали - Пока под вопросом, так как он по умолчанию

    .Item_Border - Элементы с рамкой

    .Item_Border_Top - Элементы с рамкой вверху

    .IMG_Border - Бордер у картинки
    .Item_IMG_Background - Картинка в блоках Становиться фоном

    Настройки Цветовых схем которые включают фон айтема и текста в айтеме. Схемы можем добавлять
    Цветовые схемы приаеняются к:
    .Area
    .Layout
    .Item
    ----------------------
    Управление цветом шрифта испольузется только для:
    .Layout
    .Item
    -----------
    Text_Dark - заложен но посути это базовый цвет, по этому не используется
    Text_White  - меняет цвет шрифта в айтемах на белый
    ----------------------
    .BG_Color_White
    .BG_Color_Light
    .BG_Color_Gray
    .BG_Color_Beige
    .BG_Color_Beige_Medium
    .BG_Color_Black
    .BG_Color_Earth
    .BG_Color_Orange
    .BG_Color_Metall
    .BG_Color_Wood
    .BG_Color_Green-Light
    .BG_Color_Blue-Light
    .BG_Color_Blue-Light-Gradient (linear-gradient(90deg, rgba(0,125,255,0) 0%, rgba(0,125,255,0.05) 100%);)

    .IMG_Align_Top - Выравнивает картинку по верхнему краю
    .IMG_Align_Middle - Выравнивает картинку по Центру краю
    .IMG_Align_Bottom - Выравнивает картинку по Нижнему краю

    .IMG_Padding - изображения внутри .Item без остутпов от края

    .IMG_Shadow - Тень у Картинок

    .Item_Shadow - Тень у айтемов

    .Item_SeparateLine - разделительная линия, появляется только со второго айтема

    .Item_Icon - Картинки иконки - в этом случае она не  заполняет всю область

    .FullWidth - Блок делается во всю ширину

    .Item_Center - Центрируем по вертикали текст и картинку (в основном для .Item_Icon), если портрет, то форматируем по центру текст и картинку
    .Item_End - Располагаем картинку снизу (в основном для .Item_Icon), если портрет, то располагаем картинку справа

 */

/* Отступление - комментарий, он вставляется в текст и располагается справа, в него можно вставлять изображения */

 aside {

 }

 .Area {
    display: flex;
    /*margin-top: 1.2em;*/
    /*margin-bottom: 2em;*/
    border-radius: var(--border-radius-xxl);
    flex-direction: column;
    gap: 1em;
    width: 100%;
    margin: 2em 0;
 }

 p + .Area {
     padding-top: 0em;
 }

 .Area + .Area {
     margin-top: 2em;
 }

  .Area > h2,
  .Area > h2:first-child,
  .Area > h3 {
      margin-top: 0;
      margin-bottom: 0;
  }


  .Area,
  .Layout,
  .Layout .Item {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
  }

  .Area .Layout + .Layout {
      margin-top: 2em;
  }

 .Area.FullWidth {
     border-radius: unset;
 }

 .Area.Text_White {
     color: #fff;
 }

 #SchoolFirstPage  .Area.FullWidth {
     padding: 2.2em 5%;
 }

/*.Area.BG_Color_White,
.Area.BG_Color_Light,
.Area.BG_Color_Gray,
.Area.BG_Color_Beige,
.BG_Color_Beige_Medium,
.Area.BG_Color_Black,
.Area.BG_Color_Earth,
.Area.BG_Color_Orange,
.Area.BG_Color_Metall,
.Area.BG_Color_Wood {
    padding: 1em;
}*/

.Layout.Layout_Padding {
    padding: 1em;
}

#SchoolFirstPage .Area:first-child {
    padding-top: 3em;
}

 .Area.FullWidth .Layout {
    /*width: 80%;*/
    max-width: 1080px;
    border-radius: unset;
 }

.Layout {
    display: grid;
    flex-wrap: wrap;
    position: relative;
    flex: 1;
 }

.TabBar_Content .Layout {
    margin: 1.5em 0;
}

.Layout.Column2 {
    gap: 2em;
    grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
 }
 .Layout.Column3 {
    gap: 1.6em;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
 }
 .Layout.Column4 {
    gap: 1.0em;
    grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
 }


/* .Layout .Item {
    flex-wrap: wrap;
 }*/

 .Layout .Item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: min-content 1fr;
    gap: 1.6em;
    position: relative;

    grid-template-areas:
        "figure Title"
        "figure Details";
}

.Layout.Details_w2 .Item {
    grid-template-columns: 1fr 2fr;
}

.Layout.Details_w2.Item_End .Item {
    grid-template-columns: 2fr 1fr;
}

 .Layout .Item .figure { grid-area: figure; }
 .Layout .Item .Title { grid-area: Title; }
 .Layout .Item .Details { grid-area: Details; }

.Layout.Item_End .Item {
    flex-direction: row-reverse;
    justify-content: flex-end;

    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "Title figure"
        "Details figure";
 }


 .Layout input.Radio[type="checkbox"] + .Item,
 .Layout input.Radio[type="radio"] + .Item {
    display: flex;
    justify-content: end;
 }

 .Layout.Column2.Item_SeparateLine .Item:not(:nth-child(2n)) + .Item:before,
 .Layout.Column3.Item_SeparateLine .Item:not(:nth-child(3n)) + .Item:before,
 .Layout.Column4.Item_SeparateLine .Item:not(:nth-child(4n)) + .Item:before {
    content: "";
    display:block;
    position: absolute;
    width:1px;
    height: 100%;
    /*border-left: var(--border-style-Light);*/
    background-color: var(--color-Beige-Light);
 }

  .Layout.Column2.Item_SeparateLine .Item:before {
        left: -1em;
        top: 0;
    }

  .Layout.Column3.Item_SeparateLine .Item:before {
        left: -1em;
        top: 0;
  }

  .Layout.Column4.Item_SeparateLine .Item:before {
        left: -0.6em;
        top: 0;
    }

 .Layout a.Item {
     text-decoration: unset;
     color: var(--color-Dark);
 }

 .Layout a.Item .Title {
     text-decoration: var(--text-decoration);
 }

 .Layout a.Item:hover {
    text-decoration: var(--text-decoration);
 }


.Layout.Column3 .Item {
    gap: 0.8em
}

 .Layout.Item_Portret.Item_Center .Item .Details,
 .Layout.Item_Portret.Item_Icon.Item_Center .Item {
    align-items: center;
    text-align: center;
 }

 .Layout.Item_Icon.Item_Center .Item {
    align-items: center;
 }

 .Layout.Item_Portret.Item_End .Item {
    flex-direction: column-reverse;
    align-items: unset;
 }

 .Layout.Item_Portret.Item_Icon.Item_End .Item {
    align-items: flex-end;
 }

.Layout.Item_Icon .Item {
    border-radius: unset;
 }

.Layout .Item,
.Layout.Item_Icon.Item_Shadow .Item,
.Layout.Item_Icon.Item_Border .Item,
.Layout.Item_Icon.Item_Border_Top .Item,
.Layout .Item_Icon.Item_Shadow.Item,
.Layout .Item_Icon.Item_Border.Item,
.Layout .Item_Icon.Item_Border_Top.Item {
    border-radius: var(--border-radius-lg);
 }

.Layout .Item.Item_Portret,
.Layout.Item_Icon .Item.Item_Portret,
.Layout.Item_Portret .Item,
.Layout.Item_Portret.Item_Icon .Item {
    display: flex;
    flex-direction: column;
    gap:0;
    align-items: flex-start;
    /*flex-wrap: wrap;*/
 }


.Layout .Item > h3 {
    flex: 1 0 100%;
    order: 0;
    }

.Layout .Item > .Title,
.Layout .Item .Details {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.Layout .Item > .Title {
    gap: 0.4em;
    z-index: 1;
}

.Layout .Item .Details {
    justify-content: flex-start;
    gap: 0.6em;
    padding: 0 0 1.6em 0;
    /*padding: 1.6em 0 1.6em 1.6em;*/

    z-index: 1;
 }


 .Layout .Item.TextAlign_Center .Details,
 .Layout.TextAlign_Center .Item .Details {
    text-align: center;
 }

 .Layout .Item.TextAlign_Right .Details,
 .Layout.TextAlign_Right .Item .Details {
     text-align: right;
 }

 .Layout .Item.DetailsAlign_Center .Details,
 .Layout.DetailsAlign_Center .Item .Details {
    justify-content: center;
 }

 .Layout .Item.DetailsAlign_End .Details,
 .Layout.DetailsAlign_End .Item .Details {
    justify-content: flex-end;
 }

/* .Layout.Item_End .Item .Details {
    padding: 1.6em 1.6em 1.6em 0;
 }*/


/*
 .Layout .Item.Item_Portret .Details,
.Layout.Item_Icon .Item.Item_Portret .Details,
.Layout.Item_Portret .Item .Details,
.Layout.Item_Portret.Item_Icon .Item .Details {
    flex: 1 100%;
}
*/

.Layout.Item_Shadow .Item .Details,
.Layout.Item_Border .Item .Details,
.Layout.Item_Border_Top .Item .Details {
    padding: 0 1.6em 1em 0;
}

.Layout.Item_Shadow .Item > .Title,
.Layout.Item_Border .Item > .Title,
.Layout.Item_Border_Top .Item > .Title {
    padding-top: 1.6em;
    padding-right: 1.6em;
}

.Layout.Item_Shadow.Item_End .Item,
.Layout.Item_Border.Item_End .Item,
.Layout.Item_Border_Top.Item_End .Item {
    padding: 0 0 0 1.6em;
}

.Layout.Item_Portret.Item_Shadow .Item,
.Layout.Item_Portret.Item_Border .Item,
.Layout.Item_Portret.Item_Border_Top .Item {
    padding: 0;
}

.Layout.Item_Shadow.Item_IMG_Background .Item {
    padding-bottom: 0;
}


.Layout.Item_IMG_Background .Item {
    display: inline-flex;
    overflow: hidden;
    justify-content: end;

    padding-left: 50%;
    flex-wrap: wrap;
 }

 .Layout.Item_IMG_Background.Details_w2  .Item {
     padding-left: 30%;
 }

 .Layout.Item_End.Item_IMG_Background .Item {
    padding-right: 50%;
    padding-left: 0;
 }

 .Layout.Item_End.Item_IMG_Background.Details_w2  .Item {
     padding-right: 30%;
     padding-left: 0;
 }


.Layout.Item_Shadow.Item_End .Item > .Title,
.Layout.Item_Border.Item_End .Item > .Title,
.Layout.Item_Border_Top.Item_End .Item > .Title {
    padding-right: 0;
    padding-left: 1.6em;
}


/* .Layout.Item_Shadow .Item .Details,
 .Layout .Item_Shadow.Item .Details,
  .Layout.Item_Border .Item .Details,
 .Layout .Item_Border.Item .Details {
    padding: 1.6em;
 }


 .Layout.Item_Shadow .Item > .Title,
 .Layout .Item_Shadow.Item > .Title,
 .Layout.Item_Border .Item > .Title,
 .Layout .Item_Border.Item > .Title {
    padding: 1.6em 0 1.6em 0;
 }

 .Layout.Item_Shadow .Item > .Title + .Details,
 .Layout .Item_Shadow.Item > .Title + .Details,
  .Layout.Item_Border .Item > .Title + .Details,
 .Layout .Item_Border.Item > .Title + .Details {
    padding: 0 1.6em 1.6em 0;
 }*/

 .Layout.Item_Shadow .Item,
 .Layout .Item_Shadow.Item {
    box-shadow: var(--box-shadow-XL);
 }

 .Layout.Item_Border .Item,
 .Layout .Item_Border.Item {
    border: var(--border-style-Light);
 }

 .Layout.Item_Border_Top .Item,
 .Layout .Item_Border_Top.Item {
    border-top: var(--border-style-Light);
 }

.Layout.Column4.Item_Icon .Item,
.Layout.Column4 .Item_Icon.Item {
    padding: unset;
}

 .Layout.Item_Icon.Item_Shadow .Item,
 .Layout.Item_Icon.Item_Border .Item,
 .Layout.Item_Icon.Item_Border_Top .Item,
 .Layout.IMG_Padding .Item,
 .Layout .Item_Icon.Item_Shadow.Item,
 .Layout .Item_Icon.Item_Border.Item,
 .Layout .Item_Icon.Item_Border_Top.Item,
 .Layout .IMG_Padding.Item {
    padding: 0.8em;
 }

 .Layout.Item_Icon.Item_Shadow.Column4 .Item,
 .Layout.Item_Icon.Item_Border.Column4 .Item,
 .Layout.Item_Icon.Item_Border_Top.Column4 .Item,
 .Layout.IMG_Padding.Column4 .Item,
 .Layout .Item_Icon.Item_Shadow.Column4.Item,
 .Layout .Item_Icon.Item_Border.Column4.Item,
 .Layout .Item_Icon.Item_Border_Top.Column4.Item,
 .Layout .IMG_Padding.Item {
    padding: 0.6em;
 }

.Layout.Item_Icon .Item,
.Layout .Item_Icon.Item {
    /*padding: 2em;*/
    gap:1em;
}

.Layout.Column2.Item_Icon .Item,
.Layout.Column2 .Item_Icon.Item {
    padding: 1.6em;
}

/*.Layout.Column3.Item_Icon .Item,
.Layout.Column3 .Item_Icon.Item,*/
.Layout.Item_Shadow.Item_Icon .Item,
.Layout.Item_Shadow .Item_Icon.Item,
.Layout.Item_Border.Item_Icon .Item,
.Layout.Item_Border_Top.Item_Icon .Item,
.Layout.Item_Border .Item_Icon.Item,
.Layout.Item_Border_Top .Item_Icon.Item {
    padding: 1.2em;
}

.Layout.Column3.Item_Icon input.Radio[type="radio"] + label.Item:hover,
.Layout.Column3 input.Radio[type="radio"] + label.Item_Icon.Item:hover {
    transform: scale(1.05);
    border-color: var(--color-Blue-hover);
}

.Layout.Column3.Item_Icon input.Radio[type="radio"]:checked + label.Item,
.Layout.Column3 input.Radio[type="radio"]:checked + label.Item_Icon.Item {

    border-color: var(--color-Blue-hover);
    box-shadow: var(--box-shadow-XL);
    background-color: var(--color-Gray-input-BG);
}

.Layout.Column3.Item_Icon input.Radio[type="radio"] + label.Item:before,
.Layout.Column3 input.Radio[type="radio"] + label.Item_Icon.Item:before {
    height: 1.4em;
    width: 1.4em;
    left: 0.9em;
}

.Layout.Column3.Item_Icon input.Radio[type="radio"] + label.Item:after,
.Layout.Column3 input.Radio[type="radio"] + label.Item_Icon.Item:after {
    left: 1.2em;
    height: 0.8em;
    width: 0.8em;
}

.Layout.Column3.Item_Icon input.Radio[type="radio"] + label.Item,
.Layout.Column3 input.Radio[type="radio"] + label.Item_Icon.Item {
    padding-left: 3em;
}

.Layout .Item .Figure_Group {
    display: flex;
    gap: 0 0.8em;
    flex-wrap: wrap;
}

.Layout .Item .figure,
.Layout .Item figure,
.Layout .Item .Details {
    flex: 1;
    margin-bottom: 0;
}

.Layout.Details_w2 .Item .Details,
.Layout.Details_w2 .Item.Details_w2 .Details {
    flex: 2;
}

.Layout .Item .figure,
.Layout .Item figure {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    border-radius: var(--border-radius-lg);
    border: unset;
}

.Layout.Item_IMG_Background .Item .figure,
.Layout.Item_IMG_Background .Item figure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
}

.Layout.Item_IMG_Background .Item .figure img,
.Layout.Item_IMG_Background .Item figure img {
    max-height: unset;
    object-position: left;
}

 .Layout.Item_End.Item_IMG_Background .Item figure img {
     object-position: right;
 }


body#tinymce .Layout img,
body#tinymce .Layout img,
body#tinymce .Area img,
body#tinymce .Area img {
    max-width: unset;
    max-height: unset;
}

.Layout .IMG_Align_Top .Item figure,
.Layout .IMG_Align_Top .Item .figure {
        align-self: flex-start;
    }


.Layout.Item_Portret.IMG_Align_Middle .Item figure,
.Layout.Item_Portret.IMG_Align_Middle .Item .figure,
.Layout .IMG_Align_Middle .Item figure,
.Layout .IMG_Align_Middle .Item .figure {
        align-self: center;
    }

.Layout .IMG_Align_Bottom .Item figure,
.Layout .IMG_Align_Bottom .Item .figure {
        align-self: flex-end;
    }


.Layout.IMG_Shadow.IMG_Padding .Item .figure,
.Layout.IMG_Shadow.IMG_Padding .Item figure {
    /*box-shadow: var(--box-shadow-XL-Far);*/
    box-shadow: var(--box-shadow-XL);
}

.Layout.IMG_Shadow.IMG_Padding .Item .figure,
.Layout.IMG_Shadow.IMG_Padding .Item figure {
    box-shadow: 0em 0.2em 0.4em -0.1em rgba(255,255,255,0.5), 0.0em 1.0em 0.8em -0.6em var(--color-Gray-Light);
}

.Layout.IMG_Shadow.Item_Border .Item .figure,
.Layout.IMG_Shadow.Item_Border .Item figure,
.Layout.IMG_Shadow.Item_Border_Top .Item .figure,
.Layout.IMG_Shadow.Item_Border_Top .Item figure,
.Layout.IMG_Shadow.Item_Shadow .Item .figure,
.Layout.IMG_Shadow.Item_Shadow .Item figure {
    box-shadow: 0em 0.2em 0.4em -0.1em rgba(255,255,255,0.5), 1.0em 0.0em 0.8em -0.6em var(--color-Gray-Light);
}

.Layout.Item_End.IMG_Shadow.Item_Border .Item .figure,
.Layout.Item_End.IMG_Shadow.Item_Border .Item figure,
.Layout.Item_End.IMG_Shadow.Item_Border_Top .Item .figure,
.Layout.Item_End.IMG_Shadow.Item_Border_Top .Item figure,
.Layout.Item_End.IMG_Shadow.Item_Shadow .Item .figure,
.Layout.Item_End.IMG_Shadow.Item_Shadow .Item figure {
    box-shadow: 0em -0.2em 0.4em -0.1em rgba(255,255,255,0.5), -1.0em 0.0em 0.8em -0.6em var(--color-Gray-Light);
}

.Layout.Item_Portret.IMG_Shadow.Item_Border .Item .figure,
.Layout.Item_Portret.IMG_Shadow.Item_Border .Item figure,
.Layout.Item_Portret.IMG_Shadow.Item_Border_Top .Item .figure,
.Layout.Item_Portret.IMG_Shadow.Item_Border_Top .Item figure,
.Layout.Item_Portret.IMG_Shadow.Item_Shadow .Item .figure,
.Layout.Item_Portret.IMG_Shadow.Item_Shadow .Item figure {
    box-shadow: -0.2em 0em 0.4em -0.1em rgba(255,255,255,0.5), 0.0em -1.0em 0.8em -0.6em var(--color-Gray-Light);
}

.Layout.Item_End.Item_Portret.IMG_Shadow.Item_Border .Item .figure,
.Layout.Item_End.Item_Portret.IMG_Shadow.Item_Border .Item figure,
.Layout.Item_End.Item_Portret.IMG_Shadow.Item_Border_Top .Item .figure,
.Layout.Item_End.Item_Portret.IMG_Shadow.Item_Border_Top .Item figure,
.Layout.Item_End.Item_Portret.IMG_Shadow.Item_Shadow .Item .figure,
.Layout.Item_End.Item_Portret.IMG_Shadow.Item_Shadow .Item figure {
    box-shadow: -0.2em 0em 0.4em -0.1em rgba(255,255,255,0.5), 0.0em -1.0em 0.8em -0.6em var(--color-Gray-Light);
}

.Layout.Item_Icon.IMG_Shadow .Item .figure,
.Layout.Item_Icon.IMG_Shadow .Item figure {
    box-shadow: 0.2em 0em 0.4em -0.1em rgba(255,255,255,0.5), 0.0em 0.4em 0.4em -0.1em var(--color-Gray-Light);
}

.Layout.Item_Border .Item .figure,
.Layout.Item_Border .Item figure,
.Layout.Item_Border_Top .Item .figure,
.Layout.Item_Border_Top .Item figure,
.Layout.Item_Shadow .Item .figure,
.Layout.Item_Shadow .Item figure {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.Layout.Item_End.Item_Border .Item .figure,
.Layout.Item_End.Item_Border .Item figure,
.Layout.Item_End.Item_Border_Top .Item .figure,
.Layout.Item_End.Item_Border_Top .Item figure,
.Layout.Item_End.Item_Shadow .Item .figure,
.Layout.Item_End.Item_Shadow .Item figure {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;

    border-top-right-radius: var(--border-radius-lg);
    border-bottom-right-radius: var(--border-radius-lg);
}

.Layout.Item_Portret.Item_End.Item_Border .Item .figure,
.Layout.Item_Portret.Item_End.Item_Border .Item figure,
.Layout.Item_Portret.Item_End.Item_Border_Top .Item .figure,
.Layout.Item_Portret.Item_End.Item_Border_Top .Item figure,
.Layout.Item_Portret.Item_End.Item_Shadow .Item .figure,
.Layout.Item_Portret.Item_End.Item_Shadow .Item figure {
    border-bottom-right-radius: var(--border-radius-lg);
    border-bottom-left-radius: var(--border-radius-lg);

    border-top-right-radius: unset;
    border-top-left-radius: unset;
}

.Layout.Item_Portret.Item_Border .Item .figure,
.Layout.Item_Portret.Item_Border .Item figure,
.Layout.Item_Portret.Item_Border_Top .Item .figure,
.Layout.Item_Portret.Item_Border_Top .Item figure,
.Layout.Item_Portret.Item_Shadow .Item .figure,
.Layout.Item_Portret.Item_Shadow .Item figure {
    border-bottom-right-radius: unset;
    border-bottom-left-radius: unset;

    border-top-right-radius: var(--border-radius-lg);
    border-top-left-radius: var(--border-radius-lg);
}


.Layout.Item_Portret.IMG_Shadow .Item .figure,
.Layout.Item_Portret.IMG_Shadow .Item figure {
    box-shadow: 0.0em 0.2em 0.4em -0.1em rgba(255,255,255,0.5), 0.0em 0.8em 0.6em -0.4em var(--color-Gray-Light);
}


.Layout.IMG_Padding .Item .figure,
.Layout.IMG_Padding .Item figure {
    border-radius: var(--border-radius-lg);
}

.Layout.Item_Portret .Item .figure,
.Layout.Item_Portret .Item figure {
    flex: unset;
    /*max-width: unset;
    min-width: unset;*/
}

.Layout.IMG_Padding .Item .figure,
.Layout.IMG_Padding .Item figure,
.Layout.IMG_Padding.Item_Border .Item .figure,
.Layout.IMG_Padding.Item_Border .Item figure,
.Layout.IMG_Padding.Item_Border_Top .Item .figure,
.Layout.IMG_Padding.Item_Border_Top .Item figure,
.Layout.IMG_Padding.Item_Shadow .Item .figure,
.Layout.IMG_Padding.Item_Shadow .Item figure,
.Layout.IMG_Padding.Item_Portret .Item .figure,
.Layout.IMG_Padding.Item_Portret .Item figure,
.Layout.IMG_Padding.Item_Portret.Item_Border .Item .figure,
.Layout.IMG_Padding.Item_Portret.Item_Border .Item .figure,
.Layout.IMG_Padding.Item_Portret.Item_Border_Top .Item .figure,
.Layout.IMG_Padding.Item_Portret.Item_Border_Top .Item .figure,
.Layout.IMG_Padding.Item_Portret.Item_Shadow .Item figure,
.Layout.IMG_Padding.Item_Portret.Item_Shadow .Item figure {
    border-radius: var(--border-radius-md);
}

 .Layout.IMG_Border .Item figure {
    border: var(--border-style-Norm);
 }

.Layout.Item_Icon.Item_Portret .Item .figure,
.Layout.Item_Icon.Item_Portret .Item figure,
.Layout.Item_Icon.Item_Portret.Item_End .Item .figure,
.Layout.Item_Icon.Item_Portret.Item_End .Item figure,
.Layout.Item_Icon.Item_End .Item .figure,
.Layout.Item_Icon.Item_End .Item figure {
    border-radius: var(--border-radius-lg);
}

.Layout.Item_Icon .figure,
.Layout.Item_Icon figure {
    /*max-width: 80%;
    max-height: 20em;*/
    flex: unset;
}

.Layout.Item_Icon label.Item .figure,
.Layout.Item_Icon label.Item figure {
    width: unset;
    min-width: unset;
    height: 2.5em;
    min-height: 2.5em;
}

.Layout.Item_Icon .figure {
    border-radius: var(--border-radius-md);
    width: 16.5em;
    min-width: 16.5em;
    height: 16.5em;
    min-height: 16.5em;
}


.Layout.Item_Icon.Column2 .figure,
.Layout.Item_Icon.Column2 figure {
    border-radius: var(--border-radius-md);
    width: 8.5em;
    min-width: 8.5em;
    height: 8.5em;
    min-height: 8.5em;
}

.Layout.Item_Icon.Column3 .figure,
.Layout.Item_Icon.Column3 figure {
    width: 3.5em;
    min-width: 3.5em;
    height: 3.5em;
    min-height: 3.5em;
    border-radius: var(--border-radius-norm);
}

.Layout.Item_Icon.Column4 .figure,
.Layout.Item_Icon.Column4 figure {
    width: 2.5em;
    min-width: 2.5em;
    height: 2.5em;
    min-height: 2.5em;
    border-radius: var(--border-radius-s);
}

.Layout .Item .figure svg,
.Layout .Item figure svg,
.Layout .Item .figure img,
.Layout .Item figure img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-width: unset;
    color: var(--color-Orange);
}

.Layout.Item_Icon .Item .figure svg,
.Layout.Item_Icon .Item figure svg {
    object-fit: contain;
}
.Layout.Item_Icon .Item .figure img,
.Layout.Item_Icon .Item figure img {
    object-fit: cover;
}

 .Layout.FontSize_L .Item .Details,
 .Layout .Item.FontSize_L .Details {
    font-size: 1.2em;
 }

 .Layout.Item_IMG_Background .Item .Details {
    backdrop-filter: blur(0.35em);
    text-shadow: var(--text-shadow-White);

    padding-left: 1.6em;
 }

 .Layout.Item_IMG_Background .Item .Details .Title {
    padding-top: 0.8em;
 }

.Layout.Item_Portret .Item .Details {
    padding-left: 1.6em;
    padding-right: 1.6em;
}

 .Layout.Column2 .Item .Details .text,
 .Layout.Column3 .Item .Details .text,
 .Layout.Column4 .Item .Details .text {
    color: var(--color-Dark);
 }

.Item.Text_White .Details,
.Layout.Text_White .Item .Details {
    text-shadow: var(--text-shadow-Dark);
}

.Item.Text_Dark.BG_Color_Light .Details
.Layout.Text_Dark.BG_Color_Light .Item .Details,
.Item.Text_Dark.BG_Color_White .Details,
.Layout.Text_Dark.BG_Color_White .Item .Details {
    text-shadow: var(--text-shadow-White);
}

.Item.Text_White .Details,
.Layout.Text_White .Item .Title {
    color: #fff;
}

.Item.Text_White .Details .text,
.Layout.Text_White .Item .Details .text,
.Item.Text_White .Details .Subtitle,
.Layout.Text_White .Item .Details .Subtitle {
    color: rgba(255, 255, 255, 0.9);
}

.Item.Text_White .Details a,
.Layout.Text_White .Item .Details a {
    color: var(--color-Blue-Light);
}
.Item.Text_White .Details a:hover,
.Layout.Text_White .Item .Details a:hover {
    color: var(--color-Blue-Light-hover);
}

/* НАЧАЛО: цветовых схем для айтемов */

label.BG_Color_Transparent {
    background-image:
        linear-gradient(45deg, var(--color-Blak-opacity2) 25%, transparent 25%),
        linear-gradient(-45deg, var(--color-Blak-opacity2) 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, var(--color-Blak-opacity2) 75%),
        linear-gradient(-45deg, transparent 75%, var(--color-Blak-opacity2) 75%);
    background-size: 1em 1em;
    background-position: center;
}

label.BG_Color_White,
.Area.BG_Color_White,
.Layout:not(.Item_IMG_Background).BG_Color_White .Item,
.Item.Item_IMG_Background.BG_Color_White .Details,
.Layout.Item_IMG_Background.BG_Color_White .Item .Details {
    background-color: rgba(255, 255, 255, 0.7);
}

label.BG_Color_Light,
.Area.BG_Color_Light,
.Layout:not(.Item_IMG_Background).BG_Color_Light .Item,
.Item.Item_IMG_Background.BG_Color_Light .Details,
.Layout.Item_IMG_Background.BG_Color_Light .Item .Details {
    background-color: rgba(252, 248, 240, 0.8);
}

label.BG_Color_Gray,
.Area.BG_Color_Gray,
.Layout:not(.Item_IMG_Background).BG_Color_Gray .Item,
.Item.Item_IMG_Background.BG_Color_Gray .Details,
.Layout.Item_IMG_Background.BG_Color_Gray .Item .Details {
    background-color: rgba(208, 216, 223, 0.8);
}

label.BG_Color_Beige,
.Area.BG_Color_Beige,
.Layout:not(.Item_IMG_Background).BG_Color_Beige .Item,
.Item.Item_IMG_Background.BG_Color_Beige .Details,
.Layout.Item_IMG_Background.BG_Color_Beige .Item .Details {
    background-color: rgba(144, 128, 112, 0.8);
}

label.BG_Color_Beige_Medium,
.Area.BG_Color_Beige_Medium,
.Layout:not(.Item_IMG_Background).BG_Color_Beig_Mediume .Item,
.Item.Item_IMG_Background.BG_Color_Beige_Medium .Details,
.Layout.Item_IMG_Background.BG_Color_Beige_Medium .Item .Details {
    background-color: rgba(229, 223, 216, 0.3);
}

.Area.BG_Color_Beige_Medium {
    border-bottom: var(--border-thin) solid var(--border-style-Norm);
    border-bottom:var(--border-thin) solid var(--border-style-Norm);
}

label.BG_Color_Black,
.Area.BG_Color_Black,
.Layout:not(.Item_IMG_Background).BG_Color_Black .Item,
.Item.Item_IMG_Background.BG_Color_Black .Details,
.Layout.Item_IMG_Background.BG_Color_Black .Item .Details {
    background-color: rgba(45, 38, 40, 1);
}

label.BG_Color_Earth,
.Area.BG_Color_Earth,
.Layout:not(.Item_IMG_Background).BG_Color_Earth .Item,
.Item.Item_IMG_Background.BG_Color_Earth .Details,
.Layout.Item_IMG_Background.BG_Color_Earth .Item .Details {
    background-color: rgba(106, 56, 20, 0.8);
}

label.BG_Color_Orange,
.Area.BG_Color_Orange,
.Layout:not(.Item_IMG_Background).BG_Color_Orange .Item,
.Item.Item_IMG_Background.BG_Color_Orange .Details,
.Layout.Item_IMG_Background.BG_Color_Orange .Item .Details {
    background-color: rgba(241, 74, 0, 0.9);
}

label.BG_Color_Metall,
.Area.BG_Color_Metall,
.Layout:not(.Item_IMG_Background).BG_Color_Metall .Item,
.Item.Item_IMG_Background.BG_Color_Metall .Details,
.Layout.Item_IMG_Background.BG_Color_Metall .Item .Details {
    background-color: rgba(112, 128, 144, 0.8);
}

label.BG_Color_Wood,
.Area.BG_Color_Wood,
.Layout:not(.Item_IMG_Background).BG_Color_Wood .Item,
.Item.Item_IMG_Background.BG_Color_Wood .Details,
.Layout.Item_IMG_Background.BG_Color_Wood .Item .Details {
    background-color: rgba(52, 139, 46, 0.8);
}


label.BG_Color_Green-Light,
.Area.BG_Color_Green-Light,
.Layout:not(.Item_IMG_Background).BG_Color_Green-Light .Item,
.Item.Item_IMG_Background.BG_Color_Green-Light .Details,
.Layout.Item_IMG_Background.BG_Color_Green-Light .Item .Details {
    background-color: var(--color-Green-Light_BG);
}

.Area.BG_Color_Green-Light {
    border-top: var(--border-thin) solid var(--color-Green-Light_Border);
    border-bottom: var(--border-thin) solid var(--color-Green-Light_Border);
}

label.BG_Color_Blue-Light,
.Area.BG_Color_Blue-Light,
.Layout:not(.Item_IMG_Background).BG_Color_Blue-Light .Item,
.Item.Item_IMG_Background.BG_Color_Blue-Light .Details,
.Layout.Item_IMG_Background.BG_Color_Blue-Light .Item .Details {
    background-color: var(--color-Blue-Light_BG);
}

.Area.BG_Color_Blue-Light {
    border-top: var(--border-thin) solid var(--color-Blue-Light_Border);
    border-bottom: var(--border-thin) solid var(--color-Blue-Light_Border);
}

.BG_Color_Blue-Light-Gradient {
    background-image: linear-gradient(0deg, rgba(0,125,255,0) 0%, rgba(0,125,255,0.05) 100%);
    border-top: var(--border-thin) solid var(--color-Blue-Light_Border);
}

/* КОНЕЦ: цветовых схем для айтемов */

.Layout.IMG_Padding .Item .Details {
    padding: 0.8em 0.8em 0.8em 0.8em;
}

 .Layout.IMG_Padding.Item_Portret .Item .Details {
    padding-top: 1.4em;
 }

 .Layout.Item_Portret.Item_End .Item .Details {
    padding: 0.8em;
 }

.Layout.Column2 .Item .Details {
    /*font-size: 1.1em;*/
}

.Layout.Column3 .Item .Details {
    font-size: 0.9em;
}

.Layout.FontSize_L.Column3 .Item .Details {
    font-size: 1.1em;
}

.Layout.Column4 .Item .Details {
    font-size: 0.8em;
}

.Layout.Item_Portret.Column4 .Item .Details {
    font-size: 0.9em;
}

.Layout.FontSize_L.Column4 .Item .Details {
    font-size:1em;
}

.Layout.Item_Icon .Item .Details,
.Layout .Item_Icon.Item .Details,
.Layout.Item_Portret.Item_Icon .Item .Details,
.Layout .Item_Icon.Item_Portret.Item .Details {
    padding: 0;
    justify-content: flex-start;
}

 .Layout .Item .Title {
    display: flex;
    flex-direction: column;
    line-height: 1.4em;
 }


 .Layout .Item .Title h3,
 .Layout .Item .Title .Main {
    font-size: 1.4em;
    line-height: 1.2em;
 }

 .Layout.Column2 .Item .Details .Title {
    font-size: 1.3em;
}

 .Layout .Item .Title h3.Main,
 .Layout .Item .Title h3 {
     margin: 0;
     flex: auto;
 }

 .Layout .Item .Title .Subtitle {
    font-size: 1.0em;
    line-height: 1.2em;
    font-style: italic;
 }

 .Layout.Item_Icon .Title {

 }

.Layout.Column3 .Item .Title {

}

.Layout.Column3 .Item .Title .Main {
     font-size: 1.4em;
 }

.Layout.Column4 .Item .Title .Main {
    font-size: 1em;
 }

 .Layout .Item .Details .text {
    hyphens: auto;
    line-height: 1.3em;
 }

 .Layout .Item .Title .Main + .text {
     margin-top: 0.4em;
 }


 .Layout.Item_Portret.Item_End .Item .Details p {
    margin: 0 0 0.6em;
 }

 .Layout .Item .Details .text p:last-of-type {
     margin-bottom: 0;
 }

 .Layout.Column2 .Item .Details .text,
 .Layout.Column3 .Item .Details .text {
    line-height: 1.3em;
 }

 .Layout.Column4 .Item .Details .text {
    line-height: 1.2em;
 }

 .Layout .Item .Details .text > ul:last-child {
     margin-bottom: 0;
 }

/* НАЧАЛО: Блоки верстки для ТИНИ, будут использоваться для форматирования статей, описаний итд */


/* НАЧАЛО: АВТОРЫ, Пользователи итд, где есть Аватар, фио, статус, имеил итд */


.Person_List {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4em 1.2em;
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

.Person_List.Center {
    justify-content: center;
}

.Person_List.Mini {
    font-size: 0.8em;
}

div.Person_List {
    display: flex;
}

.Person_List .Person {
    display: flex;
    gap: 0.4em;
    align-items: center;
}

.Person_List a.Person {
    text-decoration: none;
    border-radius: 1em;
    border: 1px solid var(--color-Beige-Light);
    background-color: var(--color-White_Med);
    padding: 0.1em 0.6em 0.1em 0.1em;
}

.Person_List a.Person:hover {
    /*text-decoration: var(--text-decoration);*/
    /*border-color: var(--color-Blue-hover); */
    box-shadow: var(--box-shadow-Highlight-Blue);
}

.Person_List .Person.Author,
.Person_List .Person.Teacher {
    background-color: var(--color-Beige-Light_Trans);
    /*color: var(--color-Beige-Bright);*/
}

/*.Person_List .Person.Author:hover,
.Person_List .Person.Teacher:hover {
    color: #fff;
}*/

.Person_List.DarkLink a {
    color: var(--color-Black);
}

.Person_List.DarkLink a:hover {
    color: var(--color-Blue-hover);
}


.Person_List .CharAvatar .AvatarTD {
    font-size: 4em;
}

.Person_List .Person .Avatar {
    width: 4em;
    height: 4em;
}

.Person_List.Mini .Avatar {
    width: 1.6em;
    height: 1.6em;
}

.Person_List .Person .Details {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2em;
}

.Person_List .Person .Details .Name .text {
    font-size: 1.2em;
}

.Person_List .Person .Details .Email {
    color: var(--color-Beige-Dark);
}
.Person_List .Person .Details .Email:before {
    content: "📧 ";
}

.Person_List .Avatar img {
    width: 110%;
    position: absolute;
}

.Person_List.Mini .Avatar img {
    width: 120%;
}

.Person_List.Mini .Avatar .Char {
    font-size: 0.3em;
}

/* КОНЕЦ: АВТОРЫ */


/*
НАЧАЛО: РАССРОЧКА
*/

.Installment,
.Installment > .Installment_Title,
.Installment .Body,
.Installment .Footer {
    display: flex;
    flex: 1 auto;
}

.Installment {
    flex-direction: column;
    margin: 2em 0;
    gap: 1em 0;

    box-sizing: border-box;
    /*box-shadow: var(--box-shadow-Gray-Block);*/
}

.Installment .Result svg {
    color: var(--color-Beige-Dark);
}

.Installment > .Installment_Title {
    gap: 1em;
    justify-content: space-between;
    padding: 1.4em 1.8em 1.2em 2.2em;
}

.Installment .Body {
    flex-wrap: wrap;
    gap: 2.4em 3.4em;
    padding: 0 2.2em 1.2em 2.2em;
}

.Installment .Footer {
    justify-content: flex-end;
    padding: 1em 1.6em 1em 1.6em;
    margin: 0;
    align-items: center;
    gap: 0.8em;
    justify-content: space-between;
}

.Installment > .Installment_Title > .text {
    font-size: 2em;
    flex: 1;
}

.Installment > .Installment_Title .text > svg {
    width: 1em;
    height: 1em;
    position: relative;
    bottom: -0.15em;
    vertical-align: baseline;
}

.Installment > .Installment_Title .Close:before {
    background-color: var(--color-Gray-Dark);
}

.Installment > .Installment_Title .Close:hover:before {
    background-color: var(--color-Blue-hover);
}


.Installment .Duration {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.Installment > .Installment_Title .Duration {
    font-size: 1.1em;
}

.Installment .Installment_Settings .Duration {
    margin-bottom: 1.4em;
}

.Installment .Duration .label {
    color: var(--color-Gray);
    width: unset;
    flex: 1 100%;
    justify-content: center;
    margin-bottom: 0.2em;
}

.Installment .Installment_Settings .Duration .label {
    font-size: 1.2em;
}

.Installment > .Installment_Title .Duration .label {
    text-transform: uppercase;
}

.Installment .Duration time {
    font-size: 1.2em;
}

.Installment time {
    color: var(--color-Black);
}

.Installment time .Date {
    font-weight: normal;
}

.Installment .Duration .Length {
    display: inline-flex;
    flex: 0 1;
    align-items: center;
    position: relative;
    color: var(--color-Gray);
    text-shadow: 0 0 0.1em #fff, 0 0 0.1em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.1em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
    width: 7em;
    margin: 0 0.4em;
}

.Installment .Duration .Length .text {
    display: inline-block;
    font-size: 0.9em;
    z-index: 1;
}

.Installment .Duration .Length:before {
    content: "";
    display: inline-flex;
    /*
    background-color: var(--color-Gray-Med);
    */
    background-image: linear-gradient(90deg,rgba(169, 178, 188, 0) 0%, var(--color-Gray-Med) 20%, var(--color-Green-hover) 100%);
    width: 100%;
    height: 0.1em;
    position: absolute;
}

.Installment .Duration .Length:after {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-left-color: var(--color-Green-hover);
    border-width: 0.3em 0 0.3em 0.6em;
    width: 0;
    height: 0;
    position: absolute;
    right: -0.2em;
}

.Installment .Duration .Length[unit]:after {
    content: " " attr(unit);
    z-index: 1;
}

.Installment .Duration .Length .text {
    box-shadow: 0 0 0.5em 0.2em #fff;
    white-space: nowrap;
    margin: 0 2em;
    background-color: #fff;
}

.Installment .Duration .Length svg {
    fill: var(--color-Gray);
    color: var(--color-Gray);

    height: 1em;
    width: 7em;
    text-anchor: middle; /* по горизонтале - относительно позиции X */
    dominant-baseline: central; /* Выравание по вертикале - относительно позиции Y*/
    stroke: #fff;
    stroke-width: 0.5em;
    -webkit-text-stroke: 0.5em #fff;
    paint-order: stroke fill;
    z-index: 1;
}

.Installment .label {
    width: 12em;
    color: var(--color-Gray);
}

.Installment .Installment_Settings,
.Installment .Installment_Details {
    display: flex;
    flex-direction: column;
}

.Installment .Installment_Settings {
    flex: 4;
    gap: 0.6em;
}

.Installment .Installment_Settings .Monthly_Payment {
    align-items: center;
    display: flex;
    gap: 0.3em;
}

.Installment .Installment_Settings .Monthly_Payment .Result {
    font-size: 1.6em;
}

.Monthly_Payment .Percent {
    align-self: auto;
}

.Installment .Installment_Details {
    flex: 3;
    gap: 0.6em;
}

.Installment .Installment_Details h3,
.Installment .Installment_Details div.ProgressBar {
    flex: unset;
}

.Installment .Installment_Details h3 {
    margin-top: 0.6em;
}

.Installment .Installment_Details .Payment_Item {
    display: flex;
    gap: 0.8em;
    align-items: center;
}
.Installment .Installment_Details .Payment_Item .Product_List {
    flex: 1;
}

.Installment .Installment_Details .Balance_Installments {
    /*
    border-bottom: var(--border-style-Light);
    */
    font-size: 1.2em;
    padding: 0.3em 0 0.6em 0;
    flex: 1 100%;
}

.Payments_List {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4em;
}

.Payments_List ol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 0.6em;
    flex: 1 100%;

    padding: 0;
    margin: 0;
}

.Payments_List ol li {
    display: inline-flex;
    flex-direction: column;
    gap: 0.4em;
    justify-content: space-between;
    border: var(--border-style-Light);
    border-radius: var(--border-radius-norm);
    padding: 0.4em 0.6em 0.4em 0.6em;
    box-sizing: border-box;
    position: relative;
}

.Payments_List ol li > button {
    margin: 0;
}

.Payments_List ol li.Installment_Close button .text {
    text-transform: uppercase;
}

.Payments_List .Order_Num {
    font-size: 0.9em;
}

.Payments_List .Order_Num:before {
    margin-bottom: -0.1em;
}

.Payments_List ol li .NoteIco.NI-TR2 {
    top: unset;
    right: 0;
    z-index: 1;
    top: 50%;
    margin-top: -1em;
}

/*
НАЧАЛО ИКОНКА Применить или ОК - применяем для окон ну и в целом где угодно
*/

.Paid:before,
.Apply:before {
    content: "";
    display: block;
    position: absolute;
    width: 5em;
    height: 5em;

    background-repeat: no-repeat;
    background-size: auto;
    background-color: var(--color-Green);

    -webkit-mask: var(--Select-Svg-White);
    mask: var(--Select-Svg-White);

    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;

    pointer-events: none;

    opacity: 0.1;
    right: 0;
}

/*
.Payments_List ol li:not(:last-of-type) {
    border-bottom: var(--border-style-Light-dashed);
}

.Payments_List ol li:last-of-type {
    border-bottom: var(--border-style-Light);
}
*/

/*
.Paid, .Sent - оплачен
.Soon .Next - скоро платеж
.Expired - платеж просрочен
.inProgress - В процессе оплаты (например когда банковский перевод

 Installment_6 - на рассмотрении
 Installment_7 - одобрена
 Installment_8 - выплачена
 Installment_9 - отменена
*/

.Send,
.Payments_List ol li.Paid {
    background-color: var(--color-BG-Green);
    opacity: 0.7;
}

.Payments_List ol li.Next,
.Payments_List ol li.Soon {
    box-shadow: 0 0 0 0.2em var(--color-Blue-hover);
}

.Payments_List ol li.Expired {
    border-color: var(--color-Red-Dark);
    background-color: rgba(238, 0, 0, 0.1);
}

.Payments_List ol li.inProgress {
    border-color: #0082ff;
    background-color: rgba(0, 130, 255, 0.1);
}


.tabBasket.OrderList .Instalment_6,
.tabBasket.OrderList .Instalment_7,
.tabBasket.OrderList .Instalment_8,
.tabBasket.OrderList .Instalment_9 {
    border-radius: var(--border-radius-fieldset);
}

.tabBasket.OrderList .Instalment_6.StickyShadow,
.tabBasket.OrderList .Instalment_7.StickyShadow,
.tabBasket.OrderList .Instalment_8.StickyShadow,
.tabBasket.OrderList .Instalment_9.StickyShadow {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}


.Instalment_6 {
    opacity: 0.6;
    filter: grayscale(50%);
}

.Instalment_6:hover {
    opacity: unset;
    filter: unset;
}

.tabBasket.OrderList .Instalment_6 {
    box-shadow: 0 0 0 0.2em rgba(0, 0, 0, 0.05);
}

.Instalment_7 {
    box-shadow: 0 0 0 0.2em rgba(0, 185, 0, 0.3);
    border-color: var(--color-Green);
}

.Installment_9 {
    border-color: #EE0000;
    background-color: rgba(238, 0, 0, 0.02);
    box-shadow: 0 0 0 0.2em rgba(255, 0, 0, 0.2);
}

.Payments_List ol li time {
    font-size: 1.0em;
    justify-content: center;
}

.Payments_List ol li .Payment_Total {
    font-size: 1.4em;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

.Payments_List ol li .Payment_Total input {
    min-width: 1em;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-bottom-color: var(--color-Beige);
}

.Payments_List ol li.Next {
    border-color: var(--color-Blue-hover);
}

.Payments_List #Finish_Installment_Plan {
    flex: 1;
}

.Installment q,
.Installment blockquote {
    margin-top: 0;
    /*
    color: var(--color-Beige);
    */
}

.Installment blockquote {
    margin-bottom: 0.8em;
    box-shadow: none;
    border-width: 0.1em;
}

.Installment q:before,
.Installment q:after {
    position: absolute;
}

.Installment > h2,
.Installment > h3 {
    margin-bottom: 0;
}

.Installment > h2:first-of-type,
.Installment > h3:first-of-type {
    margin-top: 0;
}

.Installment > :last-child {
    margin-bottom: 0;
}

.Installment .Installment_Settings select {
    font-size: 1.2em;
}

.Installment .Installment_Settings .Payment_Period,
.Installment .Installment_Settings .Payments_Quantity {
}

.Installment .Installment_Settings  .Payment_Period + .Payments_Quantity {
    padding-bottom: 1em;
}

.Installment .ProgressBar {
    font-size: 1.2em;
}

/*
НАЧАЛО: КОМПЛЕКТЫ
*/
.ProductKits,
.ProductKits .ProductKits_List,
.ProductKits .Total {
    display: flex;
    flex-direction: column;
}

.ProductKits .Total .Row {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;

    gap: 0.4em 1.2em;
    }

.ProductKits .Total .Row .label {
    width: unset;
    /*flex: auto;*/
    justify-content: flex-end;
    display: inline-flex;
}

.ProductKits .ProductKits_List .Item,
.ProductKits .Total .Result,
.ProductKits .Total .Buttons {
    display: flex;
    gap: 0.8em;
}

.ProductKits .PriceB {
    text-align: right;
    padding-right: 0.6em;
}

.ProductKits .ProductKits_List .Item,
.ProductKits .ProductKits_List .Item a,
.ProductKits .ProductKits_List .Item .PriceB {
    align-items: center;
}

.ProductKits .Total .Row,
.ProductKits .ProductKits_List .Item {
    padding: 0.4em 0.8em;
}

.ProductKits .Total .Row .td {
        display: inline-flex;
        flex: 1 auto;
    }

.ProductKits .ProductKits_List .Item + .Item {
    border-top: var(--border-style-Light-dashed);
}

.ProductKits .ProductKits_List .Item a {
    display: inline-flex;
    flex: 1;
    text-decoration: none;
    color: var(--color-Black);
}

.ProductKits .ProductKits_List .Item a:hover {
    text-decoration: var(--text-decoration-thin);
    color: var(--color-Blue-hover);
}

.ProductKits .ProductKits_List .Item Figure {
    margin: 0;
}

.ProductKits .ProductKits_List .Item .Details {
    display: flex;
    gap: 0.2em 0.4em;
    flex-wrap: wrap;
    line-height: 1.2em;
}

.ProductKits .ProductKits_List .Item .Details .Seminar,
.ProductKits .ProductKits_List .Item .Details .Module,
.ProductKits .ProductKits_List .Item .Details .Course {
    font-size: 1.2em;
    flex: 1 100%;
}

.ProductKits .ProductKits_List .Item .Details .Seminar + .Module,
.ProductKits .ProductKits_List .Item .Details .Module + .Course {
    font-size: 0.85em;
    flex: 0 auto;
    color: var(--color-Beige);
}

.ProductKits .ProductKits_List .Item .Details .Seminar ~ .Course:after {
    content: " |";
    padding: 0 0.6em;
}

.ProductKits .ProductKits_List .Item .Details .Module + .Course {
    font-weight: bold;
}

.ProductKits .ProductKits_List .Item .Details .Seminar {
    order: 3;
}

.ProductKits .ProductKits_List .Item .Details .Module {
    order: 2;
}

.ProductKits .ProductKits_List .Item .Details .Course {
    order: 1;
}

.ProductKits .ProductKits_List .Item .Details .Title,
.ProductKits .ProductKits_List .Item .Details .Name {
    font-size: 1.1em;
    line-height: 1.2em;
}

.ProductKits .Total {
    border-top: var(--border-style-Norm-One);
    position: relative;
    margin-top: 0.2em;
}

.ProductKits .Total:before {
    content: "";
    display: flex;
    position: absolute;
    width: 100%;
    height: 1.5em;
    top: 0;
    left: 0;
    background-image: var(--linear-gradient-Gray-Top);
    opacity: 0.5;
}

.ProductKits .Total .Result,
.ProductKits .Total .Buttons {
    align-items: center;
}

/*.ProductKits .Total .Result {
    justify-content: space-between;
    padding: 0.8em 0 0 0;
    }*/

.ProductKits .Total .Buttons {
    justify-content: flex-end;
}

/*
КОНЕЦ: КОМПЛЕКТЫ
*/



/*
НАЧАЛО: РАССРОЧКА
*/

.Order_List {
    display: flex;
    flex-wrap: wrap;
    /*
    border-radius: var(--border-radius-fieldset);
    border: var(--border-style-Light);
    */
}

.Order_List .Item {
    display: flex;
    align-items: center;
    gap: 0.6em;
    flex: 1 100%;
    text-decoration: none;
    color: inherit;
    padding: 0.8em;
}

.Order_List .Item {
    border-bottom: var(--border-style-Light-dashed);
}

.Order_List .Item:last-child {
    /*
    border-bottom: var(--border-style-Light);
    */
    border-bottom: none;
}

.Order_List .Item .Title {
    flex: 2;
}

.Order_List .Item .Details {
    flex: 2;
}

.Order_List .Item .Payment {
    font-size: 1.2em;
    flex: 1;
    text-align: right;
}

.Order_List .Item .Calculation {
    flex: 1;
    justify-content: center;
    display: flex;
}


/*
НАЧАЛО: ОБУЧЕНИЕ Редактирование ----------------------------
*/

.Module_List_Edit {
    --figure-Module_height: 3.5em;
}

.Seminar_List_Edit {
    --figure-Seminar_height: 3em;
}

.Module_List_Edit > .Item {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: repeat(2, min-content);
    grid-auto-flow: column dense;
    justify-items: stretch;
    align-items: center;
    grid-template-areas:
        ". Head"
        "Seminar_List_Edit Seminar_List_Edit";
}

.FilesList.Form,
.Module_List_Edit > .Item {
    border: var(--border-style-LightBlue);
    border-radius: var(--border-radius-norm);
    margin: 1em 0;
}

.FilesList.Form .Item:not(:first-child),
.Seminar_List_Edit > .Item:not(:first-child) {
    border-top: var(--border-style-LightBlue);
}

.Module_List_Edit > .Item:hover {
    box-shadow: 0 0 0 0.4em var(--color-Orange-Light-Trans);
}

.Module_List_Edit > .Item:focus-within {
    border-color: var(--color-Orange-hover);
    box-shadow: 0 0 0 0.4em var(--color-Orange-Light-Trans);
}

.Head { grid-area: Head; }

.Seminar_List_Edit { grid-area: Seminar_List_Edit; }


.Module_List_Edit .Seminar_List_Edit .Item:first-child {
    border-top: none;
}

.Head.StickyTop + .Seminar_List_Edit .Item:first-child {
    padding-top: 1.5em;
}

.Module_List_Edit .Head,
.Seminar_List_Edit .Item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex: 1 1 100%;
    gap: 0.4em 0.8em;
    padding: 0.8em 0.4em 0.4em 0.8em;
    /*
    position: relative;
    */
}

.Seminar_List_Edit .Item {
    padding-top: 1em;
}

.Module_List_Edit .Head .Error,
.Seminar_List_Edit .Item .Error {
    flex: 1 100%;
    color: var(--color-Red-Dark);

    text-align: center;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 0.8em;
    border: unset;
    box-shadow: unset;

    order: -1;
}

.Module_List_Edit .Head .SectionFiles,
.Seminar_List_Edit .Item .SectionFiles {
    padding: 0.6em 0;
    flex: 1 100%;
}

.Module_List_Edit .Item input.Opener:checked + .Head {
    border-bottom: var(--border-style-Light);
}

.Module_List_Edit .Item input.Opener:checked + .Head:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1em;
    left: 0;
    width: 100%;
    height: 1em;
    background-image: var(--linear-gradient-Gray-Top);
    pointer-events: none;
}

.Module_List_Edit .Item .Head {
    background-color: var(--color-BG-backdrop-White);
    border-start-end-radius: var(--border-radius-norm);
    border-start-start-radius: var(--border-radius-norm);
}

.Module_List_Edit .Item input.Opener:not(:checked) + .Head {
    border-end-end-radius: var(--border-radius-norm);
    border-end-start-radius: var(--border-radius-norm);
}

.FilesList.Form .Item:hover,
.FilesList.Form .Item:focus-within,
.Module_List_Edit .Head:hover,
.Seminar_List_Edit .Item:hover {
    background-color: var(--color-Beige-Light_Trans);
}

.Module_List_Edit .Head:not(:hover) .ShowInEducation:not(:checked) ~ *,
.Seminar_List_Edit .Item:not(:hover) .ShowInEducation:not(:checked) ~ * {
    opacity: 0.5;
    filter: saturate(50%);
}

input.Opener {
    display: none;
}

input.Opener + label,
input.Opener + .Head .Opener_Label {
    display: inline-flex;
    justify-content: center;
    width: 1.8em;
    height: 1.8em;
    position: relative;
    padding: 0;
    margin: 0;
}

input.Opener + .Head .Opener_Label {
    margin-top: 0.5em;
}

.Opener:not(:checked) + .Head + .Seminar_List_Edit,
input.Opener:not(:checked) + .Head + .Seminar_List_Edit {
    display: none;
}

.Opener + label:before,
.Opener:not(:checked) + label:after,
input.Opener + .Head .Opener_Label:before,
input.Opener:not(:checked) + .Head .Opener_Label:after {
    content: "";
    line-height: 0;
    overflow: hidden;
    display: block;
    position: absolute;
    background-color: var(--color-Gray-Dark);
}

.Opener + label:hover:before,
.Opener + label:hover:after,
input.Opener + .Head .Opener_Label:hover:before,
input.Opener + .Head .Opener_Label:hover:after {
    background-color: var(--color-Blue-hover);
}

.Opener + label:before,
.Opener + .Head .Opener_Label:before  {
    width: 100%;
    height: 0.15em;
}

.Opener:not(:checked) + label:after,
.Opener:not(:checked) + .Head .Opener_Label:after {
    width: 0.15em;
    height: 100%;
}

.Duration,
.Module_List_Edit .Period,
.Seminar_List_Edit .Period {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0.0em;
    align-items: baseline;
}

.Module_List_Edit .Head .Duration,
.Module_List_Edit .Head .Period {
    margin-left: 0.4em;
}

.Details time input,
.Details .Duration input,
.Details .Period input {
    margin: 0;
}

.Module_List_Edit .Duration time,
.Seminar_List_Edit .Duration time,
.Module_List_Edit .Period time,
.Seminar_List_Edit .Period time {
    font-size: 0.9em;
}

.Module_List_Edit .Head figure,
.Seminar_List_Edit .Item figure {
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
    margin: 0;
    border-radius: var(--border-radius-s);
    overflow: hidden;
}

.Module_List_Edit .Head figure .new,
.Seminar_List_Edit .Item figure .new {
    position: absolute;
    top: 0;
    left: 0;
    border-end-end-radius: var(--border-radius-norm);
    z-index: 2;
}

.Module_List_Edit .Head figure label,
.Seminar_List_Edit .Item figure label {
    padding: 0;
    margin: 0;
    min-height: 2.5em;
    border-radius: unset;
}

.Module_List_Edit input[type="file"] + label {
    background-image: none;
    border-radius: none;
}

.Module_List_Edit .Head figure img,
.Seminar_List_Edit .Item figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: none;
}

.Module_List_Edit .Head figure img {
    height: var(--figure-Module_height);
    min-height: var(--figure-Module_height);
}

.Seminar_List_Edit .Item figure img {
    height: var(--figure-Seminar_height);
    min-height: var(--figure-Seminar_height);
}

.Seminar_List_Edit .Item .Settings {
    min-height: var(--figure-Seminar_height);
}

.Opener ~ .Seminar_List_Edit .Item {
    margin-left: 2.6em;
}

.Module_List_Edit .Details a svg,
.Seminar_List_Edit .Settings a svg {
    display: flex;
    gap: 0.4em;
    align-items: center;
}

.Module_List_Edit .Details a svg,
.Seminar_List_Edit .Settings a svg {
    margin: 0;
}

.Module_List_Edit .Head .Details,
.Seminar_List_Edit .Item .Details {
    display: inline-flex;
    flex-wrap: wrap;
    flex: 1;
    align-items: center;
    gap: 0.1em 0.8em;
}

.Module_List_Edit .Head .Details .Title,
.Module_List_Edit .Head .Details .Name,
.Seminar_List_Edit .Item .Details .Title,
.Seminar_List_Edit .Item .Details .Name {
    min-width: 20em;
}

.Module_List_Edit .Head .Settings,
.Seminar_List_Edit .Item .Settings {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
}

.Module_List_Edit .Head .Settings a,
.Seminar_List_Edit .Item .Settings a,
.Module_List_Edit .Head .Details a,
.Seminar_List_Edit .Item .Details a {
    display: inline-flex;
    align-items: center;
}

/*
.Seminar_List_Edit .Item .Settings {
    margin-top: 0.3em;
}
*/

.Seminar_List_Edit .Item input[type="checkbox"].ShowInEducation + label {
    margin-top: 0.6em;
}

.Module_List_Edit .Settings .Location,
.Seminar_List_Edit .Settings .Location {
    width: 9em;
}

.Module_List_Edit .Head svg,
.Seminar_List_Edit .Item svg {
    font-size: 1.8em;
}

.FilesList.Form .Details .Name,
.Module_List_Edit .Details .Name,
.Seminar_List_Edit .Details .Name {
    display: inline-flex;
    flex: 1 auto;
    min-width: 22em;
    align-items: center;
}

.Details .Name select.Type {
    width: 8em;
}

.Module_List_Edit input.Name {
    margin: 0;
    min-width: 60%;
}

.Module_List_Edit .Certificate_is_Active,
.Seminar_List_Edit .Certificate_is_Active {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
    color: var(--color-Green-hover);
}

.Module_List_Edit input.Name + .Certificate_is_Active {
    font-size: 2em;
    margin-left: -1.5em;
    margin-right: 0.2em;
    z-index: 3;
    opacity: 0.5;
}

.Seminar_List_Edit .Name input.Title + .Certificate_is_Active {
    font-size: 1.8em;
    margin-left: -1.2em;
    margin-right: 0.2em;
    z-index: 3;
    opacity: 0.5;
}

.Module_List_Edit .Head .Details .Name {
    font-size: 1.2em;
    font-weight: bold;
}

/*
.Module_List_Edit .Head .Details .Name.InpGost {
    font-size: 1.4em;
}
*/

.Seminar_List_Edit .Item .Details

.Seminar_List_Edit .Item .Details .Name {
    font-size: 1em;
}

.Module_List_Edit .Head .EducationFormat,
.Seminar_List_Edit .Item .EducationFormat {
    width: 8em;
}

.Module_List_Edit .Head .EducationDifficulty,
.Seminar_List_Edit .Item .EducationDifficulty {
    width: 8em;
}

.Module_List_Edit .Head .EducationDifficulty,
.Seminar_List_Edit .Item .EducationDifficulty {
    width: 8em;
}


/*
КОНЕЦ: ОБУЧЕНИЕ Редактирование ----------------------------
*/



/*
НАЧАЛО: Активные редакторы
*/
.Active_Editors {
    display: flex;
    position: fixed;

    top: 3em;
    right: 0;
    padding: 0.2em;
    align-items: center;
    border-radius: 3em 0 0 3em;
    border: var(--border-style-Light);
    background-color: rgba(255, 255, 255, 0.3);
    flex-direction: row-reverse;
    backdrop-filter: var(--backdrop-filter-Menu);
    z-index: 50;
    opacity: 0.9;
    }

.Active_Editors:hover {
    gap: 0.4em;
    opacity: 1;
}

.Active_Editors.Bottom {
    top: unset;
    bottom: 2em;
}

.Active_Editors:hover figure,
.Active_Editors.Left:hover figure {
    margin: 0;
}

.Active_Editors.Left {
    border-radius: 0 3em 3em 0;
    right: unset;
    left: 0;
    flex-direction: row;
    border-left: none;
}

.Active_Editors figure {
    font-size: 1.2em;
    color: #fff;
    width: 2.2em;
    height: 2.2em;
    background-size: cover;
    border-radius: 50%;
    margin: 0 -1.2em 0 0;
    border: var(--border-style-Light);
    opacity: 0.5;
    order: 1;
    backdrop-filter: var(--backdrop-filter-Menu);
}

.Active_Editors figure.CharAvatar {
    justify-content: center;
}

.Active_Editors figure.CharAvatar .Char {
    font-size: 2em;
    line-height: 1em;
    margin-top: 0.1em;
}

.Active_Editors.Left figure {
    margin: 0 0 0 -1.2em;
}

.Active_Editors.Left figure:first-of-type {
    margin: 0;
}

.Active_Editors figure.New {
    box-shadow: 0 0 0.1em 0.1em #fff inset;
    width: 2.7em;
    height: 2.7em;
}

.Active_Editors figure.New {
    transform: scale(1);
    order: 1;
    filter: blur(0);

    -webkit-animation: NewIn 0.4s ease-out;
        animation: NewIn 0.4s ease-out;
}

@keyframes NewIn {
    0%{
        transform: scale(0.8);
        order: 0.8;
        filter: blur(0.2em) brightness(100%);
        }
     60%{
        transform: scale(1.2);
        order: 1;
        filter: blur(0) brightness(130%);
        }
    100% {
        transform: scale(1);
        filter: blur(0) brightness(100%);
    }

    }

.Active_Editors:hover figure,
.Active_Editors figure.New {
    opacity: 1;
}

.Active_Editors figure:hover {
    transform: scale(1.1);
}



/*
КОНЕЦ: Активные редакторы
*/


/*
НАЧАЛО: Комментарии - универсальный вариант

CommentList - главная обертка
Item - собственно блок с комментарием

    Comment_Control - шапка комментария (данные пользователя .User_Details, элементы управления)
    Comment - комментарий
    Comment_Footer - информация о комментарии (в основном эмоциональные оценки)
*/

.CommentList,
.Comment_Control,
.Comment,
.Comment_Footer {
    display: flex;
    flex-wrap: wrap;
}

.CommentList .Item .Comment {
    height: 100%;
    align-content: flex-start;
    overflow-y: auto;
    position: relative;
    margin-top: 0.2em;
}

.CommentList .Item .Comment:after {
    content: "";
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 2em;
    position: sticky;
    background-image: var(--linear-gradient-White-Bottom);
}

.CommentList .Item .Comment > * {
    font-size: 0.9em;
}

.Section_FullSize.UserComments h2 + .CommentList {
    margin-top: -1.2em;
}

.CommentList .Item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.6em;
    position: relative;

    height: unset;
    max-height: 18em;

    margin: 2.5em 0 2em 2em;
    padding: 1.6em 0.8em 1.4em 1.6em;

    /*box-shadow: var(--box-shadow-XL);*/

    filter: drop-shadow(0.2em 0.2em 0.6em rgba(255,255,255,0.3)) drop-shadow(0.4em 0.4em 0.7em rgba(48, 64, 80, 0.25));

    border: var(--border-style-Light);
    border-radius: 0 var(--border-radius-norm) var(--border-radius-norm) var(--border-radius-norm);
}

.CommentList .Item.Autor {
    border-radius: var(--border-radius-norm) 0 var(--border-radius-norm) var(--border-radius-norm);
}

.UserComments swiper-container.CommentList .Item {
    width: 32%;
    border-radius: 0 3em 3em 3em;
    background-color: #fff;
}

.UserComments swiper-container.CommentList .Item.Autor {
    border-radius: 3em 0 3em 3em;
    border-color: rgba(0, 185, 0, 0.7);
}

.CommentList .Item:before,
.CommentList .Item:after {
    display: block;
    background-color: #fff;
    position: absolute;
    box-sizing: border-box;
}

.CommentList .Item:before {
    /*
    content: "";
    */
    box-shadow: var(--box-shadow-XL);

    width: 100%;
    height: 100%;

    border-color: var(--color-Beige-Light) transparent transparent var(--color-Beige-Light);
    border-width: thin;
    border-style: solid;

    top: 0;
    right: 0;

    border-radius: 3em 0 3em 3em;
    z-index: -2;
}

.CommentList .Item:after {
    content: "";
    width: 2em;
    height: 2em;
    border-style: solid;

    top: -1em;
    left: -1px;

    border-color: transparent transparent var(--color-Beige-Light) var(--color-Beige-Light);
    border-radius: 0 0 0 30%;
    border-width: 0 0 var(--border-thin) var(--border-thin);
    transform: rotate(90deg) skew(-45deg);
}

.CommentList .Item.Autor:after {
    /*border-color: rgba(0, 185, 0, 0.7) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(0, 185, 0, 0.7);
    border-width: var(--border-thin) 0 0 var(--border-thin);
    border-radius: 30% 0 0 0;
    transform: rotate(90deg) skew(45deg);

    background-image: linear-gradient(135deg, rgba(0, 185, 0, 1) 48%, transparent 48% );*/

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 73 60'%3E%3Cpath fill='%2300bb00' d='M0,60S33.26,26.89,45.78,14.36c5.73-5.73,13.47-14.36,20.27-14.36s6.95,4.89,6.95,10.9v49.1H0Z'/%3E%3C/svg%3E");
    background-color: unset;

    border: none;
    left: unset;
    right: var(--border-thin);
    height: 6em;
    width: 7.7em;
    font-size: 0.28em;
    background-repeat: no-repeat;
    border-radius: unset;
    padding: 0;
    transform: unset;
    z-index: -1;
    bottom: 100%;
    top: unset;
}

.CommentList .Item.Autor:before {

}

.CommentList .Item:first-child {
    margin-left: 2em;
}

.CommentList .Item:last-child {
    margin-right: 2em;
}


.CommentList .Item .Comment_Control,
.CommentList .Item .Comment_Footer {
    display: flex;
    gap: 0 0.6em;
    align-items: center;
    z-index: 1;
}

.CommentList .Item .Comment_Control {
    justify-content: space-between;
}

.CommentList .Item .Comment_Footer {
    justify-content: flex-end;
}

.CommentList .Item .NoteIco {
    font-size: 0.8em;
}

.CommentList .Item .NoteIco.NI-TL {
    left: 0.6em;
    top: 5.8em;
}

.CommentList .Item .NoteIco.NI-TR {
    right: 0.6em;
    top: 5.8em;
}

.CommentList .Item .Comment_Control time * {
    font-size: 0.8em;
}

.UserComments swiper-container.CommentList .Item .Comment_Control time {
    position: absolute;
    top: 0.8em;
    right: 3em;
}

.User_Details {
    display: inline-flex;
    align-items: center;
    gap: 0 0.8em;
}

.Subscribers .User_Details {
    padding: 0.4em;
    counter-increment: Subscribers-counter 1;/* Increase the counter by 1. */
}

.Subscribers .User_Details.Send {
    background-image: var(--Select-Svg-Green);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 100% center;
}

.Subscribers .User_Details:before {
    content: counter(Subscribers-counter);
    display: inline-block;
    min-width: 2em;
    text-align: center;
    margin-right: -0.4em;
    font-size: 0.8em;
    opacity: 0.5;
}

.Subscribers .User_Details:not(:first-child) {
    border-top: var(--border-style-Light)
}

.Subscribers .User_Details .Details {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1em 0.6em;
    flex: 1;
}

.User_Details .Avatar {
    min-width: 3.5em;
    width: 3.5em;
    height: 3.5em;

    background-size: 110% 110%;
    background-position: center -10%;
    background-repeat: no-repeat;
}

.User_Details figure {
    margin: 0;
}

.UserComments .User_Details .Avatar {
    border-radius: 45% 10%;
    min-width: 3.5em;
    width: 3.5em;
    height: 3.8em;
    min-height: 3.5em;
}

.User_Details .Avatar img {
    object-fit: cover;
    width: 110%;
    height: 110%;
    max-width: unset;
    margin-top: 0.2em;
}

.User_Details .Avatar .Char {
    font-size: 2.3em;
    line-height: 1em;
}

.UserComments .User_Details .Details .Name {
    font-size: 1.4em;
    line-height: 1.1em;
}

.Subscribers .User_Details .Details .Name {
    font-size: 1.2em;
    line-height: 1em;
    flex: 1;
}

.Subscribers .User_Details .Details .Email {
    font-size: 0.9em;
    flex: 1 100%;
}

.Subscribers .User_Details .Details time {
    font-weight: normal;
}

.User_Details .Details .Position {
    font-size: 0.8em;
}

.Comment > *:last-child {
    margin-bottom: 0;
}


.CommentList .Item .Comment_Footer .Source {
    display: flex;
    align-items: center;
    font-size: 0.8em
}

.CommentList .Item .Comment_Footer .Source figure {
    width: 2.3em;
    min-width: 2.3em;
    margin: 0;
    height: 2.3em;
    border-radius: 14% 40%;
    align-items: center;
    overflow: hidden;
    margin: 0 0.6em 0 -0.1em;
}

.CommentList .Item .Comment_Footer .Source figure img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: unset;
}

.CommentList .Item .Comment_Footer .Source svg {
    margin: 0 0 0 0.4em;
}

/*
КОНЕЦ: Комментарии
*/



#MapConteiner {
    display: flex;
    position: relative;
}

#MYGmaps {
    display: flex;
    flex: 1;
}

.wrapper_main_school #MYGmaps {
    height: 30em;
    min-height: 30em;
    align-self: stretch;
}


/*
.UserList.Salary > .Item .Remove,
.UserList.Editing > .Item .Remove,
.Expenses > .Item .Remove,
*/
.Apply svg,
svg.Apply,
svg.Remove,
.Remove svg {
    display: inline-flex;
    width: 1em;
    min-width: 1em;
    height: 1em;
    font-size: 1.4em;
    cursor: pointer;
    align-self: center;
}

svg.Remove,
.Remove svg {
    color: var(--color-Gray);
    opacity: 0.5;
}

.Apply svg,
svg.Apply {
    border-radius: 50%;
    padding: 0.1em 0.1em 0.1em 0.1em;
    background-color: var(--color-Green-hover);
    color: #fff;
}


.Remove:hover svg,
svg.Remove:hover {
    color: var(--color-Blue-hover);
}

/*
.UserList.Salary > .Item .Remove:hover,
.UserList.Editing > .Item .Remove:hover,
.Expenses > .Item .Remove:hover,
*/
svg.Remove:hover {
    color: var(--color-Blue-hover);
    opacity: 1;
}

.Percent:not(input) {
    position: relative;
    display: inline-flex;
    margin-left: 0.3em;
    align-items: baseline;
    align-self: baseline;
    margin-top: -0.1em;
}

.Percent:not(input):after {
    content: "%";
    display: contents;
    font-size: 0.8em;
    line-height: 1em;
    margin-left: 0.1em;
}

.Percent.Bracket:after {
    content: "%)";
    font-size: inherit;
}
.Percent.Bracket:before {
    content: "(";
}

.Percent.negative:before,
.negative .Percent:before,
.Percent.positive:before,
.positive .Percent:before {
    content: "";
    display: inline-flex;
    width: 0;
    height: 0;
    overflow: hidden;
    border-style: solid;
    font-size: 0.5em;
    margin-right: 0.2em;
    align-self: center;
}

.Percent.negative:before,
.negative .Percent:before {
    border-color: var(--color-Red) transparent transparent;
    border-width: 1em 0.6em 0em 0.6em;
    margin-bottom: -0.6em;
}

.negative.invers {
    color:  var(--color-Green);
}


.Percent.negative.invers:before,
.negative.invers .Percent:before {
    border-top-color: var(--color-Green);
}

.Percent.positive:before,
.positive .Percent:before {
    border-color: transparent transparent var(--color-Green);
    border-width: 0em 0.6em 1em 0.6em;
    margin-top: -0.8em;
}

.positive.invers {
    color: var(--color-Red);
}

.Percent.positive.invers:before,
.positive.invers .Percent:before {
    border-bottom-color: var(--color-Red);
}

.Basket {
    display: inline-flex;
    align-items: center;
    gap: 0.2em;
}

.Basket a,
.Basket .GoodBask_set {
    display: contents;
}

/* НАЧАЛО: Стоимость и курс валют и проценты
.Pricing  - блок где мы показываем изменение стоимости
strike - стоимость без скидки
.Price_User
.Price_Next
*/


.Pricing {
    display: inline-flex;
    flex-direction: column;
}

.Pricing .Result,
.Pricing .PriceB {
    padding: 0;
    margin: 0;
}

.Pricing .PriceB,
.Pricing strike,
.Pricing .Price_User,
.Pricing .Price_Next {
    display: inline-flex;
    justify-content: flex-end;
}

.Pricing strike,
.Pricing .Price_Next {
    font-size: 0.8em;
}

.Pricing strike {
    color: var(--color-Beige);
}

.Pricing .Price_Next {
    color:var(--color-Red-Dark);
}



.Result.Income,
.Total .Result,
.Accounting section .Result,
#Basket.ML_Table .Result  {
    display: inline-grid;
    gap: 0em 0.1em;
    grid-template-rows: min-content min-content;
    grid-template-columns: 1fr max-content;
    grid-template-areas:
        ". ."
        ". .";
    align-items: center;
}

.Result.Income .Num,
.Accounting section .Result .Num,
#Basket.ML_Table .Result .Num {
    grid-column: 1/1;
    grid-row: 1/3;
}

.Accounting .Num {
    white-space: nowrap;
    line-height: 1.1em;
}

.Accounting section .Result .Percent,
#Basket.ML_Table .Result .Percent {
    grid-column: 2/2;
}

.Accounting section .Result span.Currency,
#Basket.ML_Table .Result span.Currency {
    grid-row: 1/1;
    }

.Result.Income .Currency,
.UserList.Editing .Currency,
.Result .Num + .Currency,
.Accounting span.Currency,
#Basket.ML_Table .Result span.Currency {
    font-size: 0.6em;
    font-weight: normal;
    line-height: 1em;
    color: var(--color-Gray-Dark);
    position: relative;
    top: 0.1em;
    margin-left: 0;
    align-self: flex-start;
    padding-left: 0.2em;
}

label .Result .Currency,
label .Result.Income .Currency {
    color: inherit;
}

/* Конец: Стоимость и курс валют и проценты */



/*
    НАЧАЛО: Range
*/
.Range-slider {
    display: flex;
}

.Range-slider .Range-Details
.Range-slider .Range-Max,
.Range-slider .Range-Min {
    display: inline-flex;
    color: #000;
}

.Range-slider .Range-Details {
    position: relative;
    transform-origin: center center;
    border-radius: 50%;
    font-size: 1.2em;
    line-height: 1em;
    color: #000;

    font-weight: bold;
    box-sizing: border-box;

    border: thin solid rgba(0, 0, 0, 0.5);
    background: transparent;
    left: attr(value);
}

.Range-slider .Range-Details:after {
    content: attr(unit);
}

/*generated with Input range slider CSS style generator (version 20211225)
https://toughengineer.github.io/demo/slider-styler*/
.Range-slider input[type=range].styled-slider {
    height: 1em;
    -webkit-appearance: none;
}

/*progress support*/

.Range-slider input[type="range"].styled-slider {
    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --sx: calc(0.5 * 1.5em + var(--ratio) * (100% - 1.5em));
}

.Range-slider input[type="range"].styled-slider:focus {
    outline: none;
    box-shadow: none;
    background-color: unset;
}

/*webkit*/
.Range-slider input[type="range"].styled-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.5em;
    height: 1.5em;
    border-radius: 1em;
    background: #007cf8;
    border: 0.2em solid #FFFDFD;
    box-shadow: 0.1em 0.1em 0.3em #0000004D;
    margin-top: calc(max((0.4em - 0.05em - 0.05em) * 0.5,0) - max(1.5em * 0.5,0.2em));
}

.Range-slider input[type="range"].styled-slider::-webkit-slider-runnable-track {
    height: 0.4em;
    border: 0.05em solid #A7A7A7;
    border-radius: 0.5em;
    background: linear-gradient(0deg, #fff, #f0f0f0);
    box-shadow: 0.2em 0.2em 0.2em -0.1em #00000026;
}

.Range-slider input[type="range"].styled-slider::-webkit-slider-thumb:hover {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider::-webkit-slider-thumb:active {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider:active::-webkit-slider-runnable-track {
    border-color: #C1C1C1;
}

.Range-slider input[type="range"].styled-slider::-webkit-slider-runnable-track {
    background: linear-gradient(0deg, #007CF8, #40B0FF) 0/var(--sx) 100% no-repeat, linear-gradient(0deg, #fff, #f0f0f0);
}

.Range-slider input[type="range"].styled-slider:hover::-webkit-slider-runnable-track {
    background: linear-gradient(#009CFF,#009CFF) 0/var(--sx) 100% no-repeat, linear-gradient(0deg, #fff, #f0f0f0);
}

.Range-slider input[type="range"].styled-slider:active::-webkit-slider-runnable-track {
    background: linear-gradient(#2f98f9,#2f98f9) 0/var(--sx) 100% no-repeat, linear-gradient(0deg, #fff, #f0f0f0);
}

/*mozilla*/
.Range-slider input[type="range"].styled-slider::-moz-range-thumb {
    width: max(calc(1.5em - 0.2em - 0.2em),0px);
    height: max(calc(1.5em - 0.2em - 0.2em),0px);
    border-radius: 1em;
    background: #007cf8;
    border: 0.2em solid #FFFDFD;
    box-shadow: 0.1em 0.1em 0.3em #0000004D;
}

.Range-slider input[type="range"].styled-slider::-moz-range-track {
    height: max(calc(0.4em - 0.05em - 0.05em),0px);
    border: 0.05em solid #A7A7A7;
    border-radius: 0.5em;
    background: linear-gradient(0deg, #fff, #f0f0f0);
    box-shadow: 0.2em 0.2em 0.2em -0.1em #00000026;
}

.Range-slider input[type="range"].styled-slider::-moz-range-thumb:hover {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider::-moz-range-thumb:active {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider:active::-moz-range-track {
    border-color: #C1C1C1;
}

.Range-slider input[type="range"].styled-slider::-moz-range-track {
    background: linear-gradient(0deg, #007CF8, #40B0FF) 0/var(--sx) 100% no-repeat, linear-gradient(0deg, #fff, #f0f0f0);
}

.Range-slider input[type="range"].styled-slider:hover::-moz-range-track {
    background: linear-gradient(#009CFF,#009CFF) 0/var(--sx) 100% no-repeat, linear-gradient(0deg, #fff, #f0f0f0);
}

.Range-slider input[type="range"].styled-slider:active::-moz-range-track {
    background: linear-gradient(#2f98f9,#2f98f9) 0/var(--sx) 100% no-repeat, linear-gradient(0deg, #fff, #f0f0f0);
}

/*ms*/
.Range-slider input[type="range"].styled-slider::-ms-fill-upper {
    background: transparent;
    border-color: transparent;
}

.Range-slider input[type="range"].styled-slider::-ms-fill-lower {
    background: transparent;
    border-color: transparent;
}

.Range-slider input[type="range"].styled-slider::-ms-thumb {
    width: 1.5em;
    height: 1.5em;
    border-radius: 1em;
    background: #007cf8;
    border: 0.2em solid #FFFDFD;
    box-shadow: 0.1em 0.1em 0.3em #0000004D;
    margin-top: 0;
    box-sizing: border-box;
}

.Range-slider input[type="range"].styled-slider::-ms-track {
    height: 0.4em;
    border-radius: 0.5em;
    background: linear-gradient(0deg, #fff, #f0f0f0);
    border: 0.05em solid #A7A7A7;
    box-shadow: 0.2em 0.2em 0.2em -0.1em #00000026;
    box-sizing: border-box;
}

.Range-slider input[type="range"].styled-slider::-ms-thumb:hover {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider::-ms-thumb:active {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider:active::-ms-track {
    border-color: #C1C1C1;
}

.Range-slider input[type="range"].styled-slider::-ms-fill-lower {
    height: max(calc(0.4em - 0.05em - 0.05em),0px);
    border-radius: 0.5em 0 0 0.5em;
    margin: -0.05em 0 -0.05em -0.05em;
    background: linear-gradient(0deg, #007CF8, #40B0FF);
    border: 0.05em solid #A7A7A7;
    border-right-width: 0;
}

.Range-slider input[type="range"].styled-slider:hover::-ms-fill-lower {
    background: #009CFF;
}

.Range-slider input[type="range"].styled-slider:active::-ms-fill-lower {
    background: #2f98f9;
    border-color: #C1C1C1;
}

/*
КОНЕЦ: Range
*/

.ProgressBar .progress,
.ProgressBar {
    display: inline-flex;

}
.ProgressBar {
    min-width: 8em;
    flex-wrap: wrap;
    justify-content: space-between;

    padding-top: 1.6em;
    position: relative;

    --range: calc(var(--max) - var(--min));
    --ratio: calc((var(--value) - var(--min)) / var(--range));
    --ratioNext: calc((var(--value) + var(--next) - var(--min)) / var(--range));
    --sx: calc(var(--ratio) * 100%);
    --nx: calc(var(--ratioNext) * 100%);
}

div.ProgressBar,
div.progress {
    display: flex;
    flex: 1;
}

.ProgressBar .progress {
    box-sizing: border-box;
    flex: 1 100%;
    overflow: hidden;
    height: 0.6em;
    border-radius: 0.25em;
    border: var(--border-style-LightBlue);
    position: relative;

    /*
    background-color: var(--color-Gray-input-BG);
    */
    background-image: linear-gradient(180deg, rgba(208, 216, 223, 0.5) 0%, #f8fcff 100%);
    margin: 0.2em 0;
}

.ProgressBar .progress:before {
    content: "";
    /*
    counter-reset: ratio var(--ratio);
    content: counter(ratio);
    */
    display: flex;
    position: absolute;
    top:0;
    left: 0;
    width: var(--sx);
    height: 100%;
    /*
    background-image: linear-gradient(0deg, #007CF8, #40B0FF);
    */
    background-image: linear-gradient(0deg, hsl(calc(var(--ratio) * 150), 90%, 45%), hsl(calc(var(--ratio) * 150), 80%, 75%));

    font-size: 0.6em;
    align-items: center;
    line-height: 1em;
    justify-content: center;
    z-index: 1;
}

.ProgressBar .progress:after {
    content: "";
    display: flex;
    position: absolute;
    top:0;
    left: 0;
    width: var(--nx);
    height: 100%;
    background-color: rgba(0, 130, 255, 0.1);

    font-size: 0.6em;
    align-items: center;
    line-height: 1em;
    justify-content: center;
}

.ProgressBar .Value {
    display: inline-flex;
    top: 0;
    left: var(--sx);
    position: absolute;
    justify-content: center;
    width: 1px;
}

.ProgressBar .Value,
.ProgressBar .Min,
.ProgressBar .Max {
    color: var(--color-Gray);
    font-size: 0.9em;
    flex-wrap: nowrap;
    white-space: nowrap;
}

.ProgressBar .Value:before {
    counter-reset: value var(--value);
    content: var(--unit) " " counter(value);
}

.ProgressBar .Value:after {
    content: "";
    position: absolute;
    bottom: -0.4em;
    width: 0;
    height: 0;
    line-height: 0;

    border: solid transparent;
    border-top-color: var(--color-Gray-Dark);
    border-width: 0.6em 0.3em 0 0.3em;
    z-index: 1;
}

.ProgressBar .Min:before {
    counter-reset: min var(--min);
    content: var(--unit) " " counter(min);
}

.ProgressBar .Max:before {
    counter-reset: max var(--max);
    content: var(--unit) " " counter(max);
    font-weight: bold;
}

.Calculation .FullPrice:before,
.text[unit]:after,
.Payments_List [unit]:before,
.Payment:before,
.Amount[unit]:before,
.Result[unit]:before,

.Pricing strike:before,
.Pricing strike.After:after,

.Pricing .Price_User:before,
.Pricing .Price_User.After:after,

.Pricing .Price_Next:before,
.Pricing .Price_Next.After:after,

.Pricing .PriceB:before,
.Pricing .PriceB.After:after,

.PeriodList .Price:before,
.PeriodList .CurrentPrice:before,
.PeriodList .Price.After:after,
.PeriodList .CurrentPrice.After:after,

.OrderList .OrderItem .BCount .Result:after,
.Value[unit]:before {
    content: attr(unit);
    color: var(--color-Gray);
    position: relative;
    margin-right: 0.1em;
    margin-left: 0.1em;
    font-size: 0.9em;
}



.PeriodList .Price.After:before,
.PeriodList .CurrentPrice.After:before,

.Pricing strike.After:before,
.Pricing .Price_User.After:before,
.Pricing .Price_Next.After:before,
.Pricing .PriceB.After:before {
    content: unset;
}

.OrderList .OrderItem .BCount .Result:before {
    content: unset;
}

.OrderList .OrderItem .BCount .Result:after {
    font-size: 0.8em;
}

.Accounting .Amount[unit]:before {
    content: "(" attr(unit);
    color: inherit;
}

.OrderList .BOrderPaid .Result:before {
    font-size: 0.75em;
    line-height: 1em;
}

/*
НАЧАЛО: прогресс бар
Цвет меняется в процентном отношении. Данные передаются через стиль в прогрессбаре
*/
.Progress-Bar {
    -webkit-appearance: none;
    appearance: none;
}

.Progress-Bar.ArticleRead {
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    position: sticky;
    top: 0;
    z-index: 50;
    pointer-events: none;
}

.Progress-Bar.ArticleRead:after,
.Progress-Bar.ArticleRead:before {
    content: "";
    display: block;
    width: calc(var(--value) * 1%);
    overflow: hidden;
    height: 0.4em;
}

.Progress-Bar.ArticleRead:before {
    background-color: hsla(calc(var(--value) * 1.2), 100%, 45%,1);
    opacity: calc(var(--value) * 0.01);
    /*
    background-image: linear-gradient(-90deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
    background-blend-mode: soft-light;
    */
}

.Progress-Bar.ArticleRead:after {
    margin-top: -0.4em;
}

/*
КОНЕЦ: прогресс бар
*/

.mce-nbsp-wrap {
    display: contents;
}

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

.Empty, span.Empty, .ML_Table span.Empty {
    display: inline-flex;
    position: relative;
    font-size: 1em;
    line-height: 0;

    background-color: var(--color-Red-Dark);

    width: 0.5em;
    min-width: 0.5em;
    height: 0.5em;
    min-height: 0.5em;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 0.0em;
    margin-bottom: 0.2em;
    top: 0.0em;
 }

 a:hover .Empty {
     text-decoration: none;
 }

.AdminControl {
    display: flex;
    flex: 1 1 100%;
    box-sizing: border-box;
    justify-content: flex-end;
    margin-bottom: 1em;
}

/*
Видео
*/
iframe {
    width: 100%;
    height: 26em;
    display: flex;
}


.custom-html-slide {
    height: 100%;
    display: flex;
}

.pswp__item iframe {
    height: unset;
    display: flex;
}

.wrapper_main_payservices .Description iframe {
    height: 16em;
}

.Announce,
.Attent, .ProtectedFiles {
    position: relative;

    padding: 0.6em 1em;
    margin: 0.8em 0 1.2em;

    border-radius: var(--border-radius-lg);

    flex: 1 0 100%;
    box-sizing: border-box;
    white-space: normal;
    }
.ProtectedFiles {
    padding-top: 1em;
}

.ProtectedFiles h3:first-of-type,
.ProtectedFiles h4:first-of-type,
.ProtectedFiles h5:first-of-type {
    padding-top: 0.2em;
}

.Attent {
    border: var(--border-thin) solid #fdf2d0;
    background-color: #fcfced;

    background-image: var(--linear-gradient-Attent-Top);
    opacity: 0.85;
    flex: 1 auto;
}

.Announce.positive {
    border-color: var(-color-Green_Light);
    background-color: var(--color-BG-Attent-Green);
    background-image: var(--linear-gradient-Attent-Top-Green);
    color: inherit;
}

.wrapper_main_gdirection > .Attent,
.wrapper_main_24mountain > .Attent {
    margin-left: 1.2em;
    margin-right: 1.2em;
}

#LangWorkArea .Attent {
    text-align: center;
    text-transform: uppercase;
}

.FormBlock .text {
    display: inline-flex;
    align-items: center;
    flex: 1;
}


.Card .FormBlock .text {
    gap: 0.3em;
}

.FormBlock .Attent {
    flex: 1;
}

.Attent p {
    line-height: 1.2em
}
.Attent > p:last-of-type {
    margin-bottom: 0;
}

.inline-flex svg,
.Attent svg {
    font-size: 1.5em;
    width: 1em;
    height: 1em;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
    }

.Attent.flex {
    align-items: center;
    }
.Attent.flex svg {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.inline-flex {
    display: inline-flex;
    align-items: baseline;
}

a.inline-flex {
    gap: 0.2em;
}

a.inline-flex svg {
    align-self: center;
    margin: -0.3em 0;
}

form .Attent { margin: 0.8em 0 0.4em; }

form .Attent:first-of-type {
    margin-top: 0;
}

.Attent .Close {
    display: flex;
    position: absolute;

    top: -0.8em;
    right: -0.8em;

    cursor: pointer;
    border: inherit;
    background: inherit;

    background: #fff;
    box-shadow: 0 0 0.6em rgba(0, 0, 0, 0.4);
    border-color: var(--color-Blue);

    border-radius: 50%;
    padding: 0.3em;
}

.Attent .Close svg {
    margin: 0;
    font-size: 0.9em;
    color: var(--color-Blue);
}

.Attent .Close:hover {
    border-color: var(--color-Blue-hover);
    box-shadow: 0 0 1em var(--color-Blue-hover);
}

.Attent .Close:hover svg {
    color: var(--color-Blue-hover);
}

.Attent ul {margin:0;
    padding: 0;
    display: inline-block
    }

.Attent li {
    margin:0 0 0 16px;
    padding: 0;
    }


.Attent .Attent_Sign {

    }

.Attent .Attent_Content {

    }

.ProtectedFiles {
    display: flex;
    border-width: 0.2em var(--border-thin) var(--border-thin) var(--border-thin);

    border-color: transparent;
    border-style: solid;
    position: relative;
    z-index: 0;
}


.ProtectedFiles:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    margin: -0.2em -1px -1px -1px; /* !importanté */
    border-radius: inherit; /* !importanté */
    border: inherit;

    background: linear-gradient(#fff,#fff) padding-box,
     linear-gradient(180deg, #00b900, rgba(0, 185, 0, 0.1)) border-box;
    z-index: -1;
    }

.ProtectedFiles svg {
    width: 2em;
    height: 2em;
    min-width: 2em;
    min-height: 2em;
    margin-right: 0.6em;
    color: var(--color-Gray);
}

/*
НАЧАЛО: Новый вариант Сообщений с модификаторами
*/

.Announce {
    display: flex;
    gap: 0.6em 4em;

    border: var(--border-thin) solid #fdf2d0;
    border-width: 0.2em  var(--border-thin);

    backdrop-filter: var(--backdrop-filter-Header);
    /*background-color: #fcfced; */
    background-color: var(--color-BG-Attent-Yello);
    background-image: var(--linear-gradient-Attent-Top);

    flex-wrap: wrap;
    text-shadow: 1px 1px 0 #fff;
}

.Announce > time,
.Announce > time * {
    display: contents;
}

.Announce p {
    margin: 0;
}

.Announce .MoreDetails {

}

.Announce > .CTitle {
    font-size: 0.9em;
}

.Announce > .Title {
    flex: 1 0 100%;
    font-size: 1.3em;
}

.Announce .item {
    display: flex;
    gap: 0.6em;
    align-items: center;

    position: relative;
    flex: 1;
    min-width: 40%;
}

.ULMenuContent .Announce {
    position: sticky;
    bottom: 0.6em;
}

.Announce .Need_Learn_OR + .item ~ .item:after,
.Announce .Need_Learn_AND + .item ~ .item:after,
.Announce .Need_Learn_OR + .item ~ .item:before,
.Announce .Need_Learn_AND + .item ~ .item:before {
    min-width: 4em;
    margin-left: -4em;

}

.Announce a.item:nth-of-type(2n):before {
    content: var(--Need-Learn-Type);
}

/*.Announce .Need_Learn_OR + .item ~ .item:before,
.Announce .Need_Learn_AND + .item ~ .item:before*/
.Announce .item:before {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    line-height: 1em;

    transform: translate(0px, 0px) scale(0.9);

    z-index: 1;
}

.Announce .Need_Learn_OR + .item ~ .item:before {
    font-size: 1em;
    height: 1em;
    top: -0.9em;
    font-weight: bold;
}

.Announce .Need_Learn_AND + .item ~ .item:before {
    font-size: 1em;
    height: 0.5em;
    top: -0.425em;
    color: #9e0000;
    font-weight: bold;
}

.Announce a.item:nth-of-type(2n):after {
    content: "";
}

/*.Announce .Need_Learn_OR + .item ~ .item:after,
.Announce .Need_Learn_AND + .item ~ .item:after,*/
.Announce .item:after {
    overflow: hidden;
    height: 0;
    border-bottom: 0.1em dotted var(--color-Beige-Light);
    top: -0.4em;
    color: #9e0000;

    position: absolute;
    top: 50%;
}

.wrapper_main_school .CourseDescription .Announce,
.wrapper_main_school .ULMenuContent .Announce {
    position: sticky;
    bottom: 0.6em;
}

.Announce a.item {
    text-decoration: none;
    color: var(--color-Black);
}

.Announce a.item:hover .Title {
    color: var(--color-Blue-hover);
    text-decoration: underline;
}

.Announce .item .Title {
    font-size: 1.3em;
    display: flex;
    align-items: center;
    line-height: 1em;
    gap: 0.6em;
    padding-top: 0.1em;
}

.Announce .item figure {
    margin: 0;
    width: 3.5em;
    min-width: 3.5em;
}

.Announce .item figure img {
    width: 100%;
}

.Announce .item .Details {
    font-size: 0.8em;
    hyphens: auto;
}

.Announce .item .Details .CTitle {
    line-height: 1.1em;
    font-weight: normal;
    font-size: 0.9em;
    color: var(--color-Beige-Dark);
}

/*
КОНЕЦ: Новый вариант Сообщений с модификаторами
*/

a.ReviewsLink,  a.ReviewsLink .text {
    text-decoration: none;
}

.ReviewsLink a:href .text {
    text-decoration: underline;
}

.InArchive {
    cursor: pointer;
}

article > :last-child {
    margin-bottom: 0;
}

mark,
.Highlight,
.BGLightYello,
.highlightAdded, .highlightDeleted, .highlightEdited {
    display: inline !important;
    margin: 0 !important;
    padding: 0;
    vertical-align: baseline !important;
    border-radius:var(--border-radius-xs);}

mark,
.Highlight,
.BGLightYello,
.Highlight.MLToken_Wrapper .MLTokenList .MLTokienItems {
    background-color: var(--color-Yello_Light);
    line-height: inherit;
    font-size: inherit;
}

.highlightAdded, .highlightAdded_Example {
    background-color: rgba(249, 205, 255, 1);
}

.highlightDeleted, .highlightAdded_Example {
    background-color: rgba(255, 220, 205, 1);
}

.highlightEdited, .highlightAdded_Example {
    background-color: rgba(192, 247, 255, 1);
}



.MLToken.Sel,
.tox-tinymce--toolbar-sticky-on,
.tox-tinymce.tox-tinymce--toolbar-sticky-on {
    border-color: var(--color-Blue-hover);
    box-shadow: var(--box-shadow-Highlight-Blue);

}

.Change_Highlight,
.Table_Highlight {
    animation: HighlightAni 3s ease 0s 1  normal forwards;
    /*border-color: #dfd8d0;*/
    box-shadow: 0 0 0 var(--border-thin) rgba(223, 216, 208, 0) inset, 0 0 0 var(--border-thin) rgba(0, 130, 255, 0), 0 0 0 0.3em rgba(0, 98, 207, 0);
}

@keyframes HighlightAni {
    5%,
    90% {
        /*border-color: var(--color-Blue-hover); */
        box-shadow: 0 0 0 var(--border-thin) rgba(223, 216, 208, 1) inset, 0 0 0 var(--border-thin) rgba(0, 130, 255, 1), 0 0 0 0.3em rgba(0, 98, 207, 0.2);
    }

    0%,
    100% {
        /*border-color: #dfd8d0;*/
        box-shadow: 0 0 0 var(--border-thin) rgba(223, 216, 208, 0) inset, 0 0 0 var(--border-thin) rgba(0, 130, 255, 0), 0 0 0 0.3em rgba(0, 98, 207, 0);
    }
}


input::-webkit-input-placeholder {overflow: hidden; text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8); font-size: inherit;}
input::-moz-placeholder {overflow: hidden; text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8);font-size: inherit;}
input:-ms-input-placeholder {overflow: hidden; text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8);font-size: inherit;}
input::placeholder {overflow: hidden; text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8);font-size: inherit;}

textarea::-webkit-input-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8); font-size: inherit;}
textarea::-moz-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8);font-size: inherit;}
textarea:-ms-input-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8);font-size: inherit;}
textarea::placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.8);font-size: inherit;}


input:disabled::-webkit-input-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3); font-size: inherit;}
input:disabled::-moz-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3);font-size: inherit;}
input:disabled:-ms-input-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3);font-size: inherit;}
input:disabled::placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3);font-size: inherit;}

textarea:disabled::-webkit-input-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3); font-size: inherit;}
textarea:disabled::-moz-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3);font-size: inherit;}
textarea:disabled:-ms-input-placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3);font-size: inherit;}
textarea:disabled::placeholder {text-overflow:ellipsis; color: rgba(112, 128, 144, 0.3);font-size: inherit;}

.Select input + label span:first-letter,
.Select label span:first-letter,
.SelectVUE label span:first-letter,
.LangDate_Cell .LangName:first-letter,
.LangsList .MLToken .Name .text {
    text-transform: capitalize;
}


.BaziChartBlock.HideSubBlock .CurrentPillars,
.CurrentPillars.HideSubBlock,
.BaziChartBlock .CurrentPillars.HideSubBlock {
    margin-left: -1px;
}


.BaziChartBlock.HideSubBlock .CurrentPillars,
.CurrentPillars.HideSubBlock,
.BaziChartBlock .CurrentPillars.HideSubBlock,
.CurrentPillars.HideSubBlock table {
    display: none;
}


.Right_CharAddtInfo + .ChartAddInfo {
    /*
    max-width: 45%;
    */
    flex: 1;
    padding-left: 1em;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.Right_CharAddtInfo + .ChartAddInfo .ExtendedInfo {
    margin-top: 0;
    margin-left: 0;
}

.Right_CharAddtInfo + .ChartAddInfo .ExtendedInfo .SymbolStars {
    columns: unset;
    column-gap: unset;
    }

.Right_CharAddtInfo.Col2 + .ChartAddInfo .WuXing .TabBar_Content .Libra {
    font-size: 0.55em;
}

.Right_CharAddtInfo + .ChartAddInfo .WuXing .TabBar_Content .Libra {
    font-size: 0.75em;
}

.Right_CharAddtInfo.HideSubBlock + .ChartAddInfo .WuXing .TabBar_Content .Libra {
    font-size: 1em;
}

/*
НАЧАЛО: Иероглифы --------------------------------
*/

#PostContent .Hieroglyph,
body[data-id="post_text"] .Hieroglyph {
    font-size: 1.2em;
    line-height: 1em;
}

.ML_Window .StolpyMin,
.ui-dialog-content .StolpyMin {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    line-height:1.1em;
    text-align: center;
    margin-bottom: 0;

    border-bottom: var(--border-thin) solid #dfd8d0;
    }

.TDTHCalendar .CL_GenMonth_H,
#powerTip .CL_GenMonth_H {
    font-size: 1.7em;
    padding-left: 0;
    padding-right: 0;
    }

.ML_Window .StolpyMin .CL_GenMonth_H,
.ui-dialog-content .StolpyMin .CL_GenMonth_H {
    display: inline-block;

    line-height: 1.4em;
    padding: 0.15em 0.15em 0;

    font-size: 1.8em;
    line-height: 1.4em;
    }

.ui-dialog-content .StolpyMin .EarthBranch .CL_GenMonth_H {
    padding-top: 0;
    padding-bottom: 0;
}

.ui-dialog-content .StolpyMin tbody tr:last-child .HName {
     padding-bottom: 0.2em; }

.ui-dialog-content .StolpyMin .EarthBranch .HName {
    padding-bottom: 0;
}


/*
КОНЕЦ: Иероглифы ----------------------------
*/



/*
НАЧАЛО: Settings_Main - блок основных настроек для построения карт
*/

.Settings_Main {
    display: block;
    position: relative;
    padding: 0 1.4em 0.6em;
}

.Settings_Main .FormBlock,
.Settings_Main .FormBlock .FormSubBlock {
    align-items: center;
}

.Settings_Main .FormSubBlock {
    display: inline-flex;
}

.Settings_Main #fname,
.Settings_Main div.FormSubBlock {
    flex: 1 1;
}

.FormBlock .Details {
    flex: 1;
    line-height: 1.2em;
}

.FormBlock span.FormSubBlock {
    flex-wrap: wrap;
}

.wrapper_settings_adscontrol .FormBlock span.FormSubBlock {
    flex-wrap: nowrap;
}

.FormBlock .FormSubBlock .label {
    width: unset;
    padding-left: 0.6em;
}

.Settings_Main .Birthday .FormBlock .FormSubBlock .label,
.Settings_Main .FormBlock .label {
    width: 7em;
}

.Settings_Main #fname {
    width: unset;
    font-size: 1.2em;
}


.Settings_Main #fname + button svg {
    font-size: 2em;
}

.Settings_Main .Coordinates {
   margin-left: 0.3em;
}

/*
КОНЕЦ: Settings_Main - блок основных настроек для построения карт
*/



/* НАЧАЛО: Новы вариант блока для формы Controls - он не заменяет Toolbar
    Controls - Общий блок с полями формы
    FieldGroup - Группа полей формы */

    .Controls {
        display: flex;
        gap: 0.8em;
        flex-direction: column;
        box-sizing: border-box;
        max-width: 100%;

        padding: 0 1.2em 1.2em 1.2em;
        z-index: var(--z-index);
    }

    .ML_Window .Controls {
        padding-top: 1.2em;
        padding-left: 0;
        padding-right: 0;
        z-index: var(--z-index);
    }

    .ML_Window .Controls section {
        flex-direction: unset;
        position: unset;
        border: none;
    }

    .ML_Window .Controls section:before {
        content: none;
    }

    .Content .Controls {
        padding: 2em 0 1.2em 0;
    }

    .wrapper_settings_cards .Controls {
        /*margin: 0 -1.5em;  */
    }

    .Controls section {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.8em;
        align-items: flex-start;
        z-index: auto;
    }

    .Controls section span.FieldGroup,
    .Controls section div.FieldGroup  {
        display: inline-flex;
        gap: 0.8em;
        align-items: flex-start;
    }

    .Controls .VAC,
    .Controls section span.FieldGroup.VAC {
        align-items: center;
    }

    .Controls section div.FieldGroup input {
        align-self: stretch;
    }

    .Controls section .FieldGroup div.Details,
    .Controls section .FieldGroup span.Details {
        gap: 0.4em;
    }

    .Controls section .FieldGroup div.Details {
        display: flex;
    }
    .Controls section .FieldGroup span.Details {
        display: inline-flex;
    }


    .Controls section :is(.AllBottonLight, button),
    .Controls section .FieldGroup > *,
    .Controls section .FieldGroup > input.Radio[type="radio"] + label {
        min-height: 2.6em;
        align-self: unset;
        box-sizing: border-box;
        margin: 0;
    }

    .Controls section .FieldGroup .Coordinates {
        display: inline-flex;
        align-items: center;
    }

    .Controls section .FieldGroup > :is(.label, label) {
        align-items: center;
    }

    .Controls .label {
        z-index: var(--z-index);
    }

    .Controls .label.Main {
        flex: unset;
        width: 8em;
    }

    .Controls .column {
        flex-direction: column;
    }

    .Controls div.FieldGroup {
        flex: 1;
    }

    .Controls .ChangeSeason {
        margin-top: 0.4em;
    }

    .Controls label,
    .Controls .Select,
    .Controls select,
    .Controls input,
    .Controls .FormItemConnect,
    .Controls .FormSubBlock {
        margin: 0;
    }

    .Controls .label {
        width: unset;
        max-width: 6em;
        margin: 0;
        padding: 0;
    }


/* КОНЕЦ: Новы вариант блока для формы Controls - он не заменяет Toolbar */


/* НАЧАЛО:
    Toolbar - тут размещаем контекстные настройки, показать/скрыть, хлебные крошки итд
    Left - Левая часть
    Right - Правая часть*/
.Toolbar {
    display: flex;

    align-items: center;
    justify-content: space-between;
    padding: 0.6em 1.4em;
    margin-bottom: 1em;
}

.ML_TD .Toolbar {
    margin-bottom: unset;
}

.Toolbar {
    border-top: var(--border-style-Light);
    background-image: var(--linear-gradient-Toolbar);
}

.ML_Window .Toolbar {
    border-top: none;
    background-image: none;
    margin-bottom: 0;
    justify-content: flex-start;
}

.ML_Window .Toolbar,
.ML_Table .ChartBuilder {
    padding: 0.6em;
}

div .Toolbar {
    flex: 1;
}

.wrapper_main_calc .Toolbar {
    margin-bottom: 0;
}

.UserOrders .Toolbar {
    background-image: none;
    border-top: none;
}

.Toolbar,
.Toolbar > section {
    gap: 0.8em;
    }

.Toolbar > section {
    flex: 0 auto;
    display: inline-flex;
    align-items: center;
}

.Toolbar .FormSubBlock,
.Toolbar .FormItemConnect,
.Toolbar select,
.Toolbar label,
.Toolbar button {
    margin: 0;
}

.Toolbar .Right {

}

.Toolbar a#MenuShowHide, .Toolbar a#MenuShowHide:visited {
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    padding: 0.4em 0.6em;
    vertical-align: middle;
    box-shadow: 0 0 0 1px var(--color-Blue) inset;
    border-radius: var(--border-radius-norm);
}

.Toolbar a#MenuShowHide:after  {
    content: "";
    display: inline-block;
    border-color: var(--color-Blue) transparent transparent;
    border-style: solid;
    border-width: 0.8em 0.45em 0.2em 0.45em;

    vertical-align: middle;
    margin-bottom: -0.1em;
    margin-left: 0.3em;
    }

.Toolbar a#MenuShowHide:hover:after {
    border-color: #fff transparent transparent;
}

.Toolbar a.SMAHover {
    color: #f8fcff;
    }

.Toolbar a#MenuShowHide.SMAHover {
    border-radius: var(--border-radius-norm) var(--border-radius-norm) 0 0;
}

.Toolbar a#MenuShowHide:hover, .SMAHover {
    background-color: var(--color-Blue-hover);
    color: #fff;}


.Toolbar a#MenuShowHide.SMAHover:after  {
    border-color: transparent transparent #f8fcff transparent;
    border-style: solid;
    border-width: 0 0.45em 0.8em 0.45em;
    margin-bottom: 0.2em;
    }

.Toolbar a#MenuShowHide.SMAHover:hover:after {
    border-color: transparent transparent #fff transparent;
}


/*
НАЧАЛО: Контекстное меню
*/

.Context_Menu {
    display: flex;
    flex-direction: column;
    z-index: 110;
    box-shadow: var(--box-shadow);
    border-radius: 0 var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-xl);
}

.Context_Menu .List .Profile .Avatar {
    border-radius: var(--border-radius-xl) var(--border-radius-xl) 0 0;
}

.Context_Menu:not(.tooltipster-default) {
    position: fixed;
}

.tooltipster-default.Context_Menu {
    padding: 0;
    border: 0;
    border-radius: var(--border-radius-xl);
}

.tooltipster-default.Context_Menu .tooltipster-content {
    overflow: unset;
}

.tooltipster-default .Context_Menu {
    position: unset;
}

.Context_Menu .Head {
    background-color: var(--color-BG-White);
}

.Context_Menu .Head .Title {
    text-transform: capitalize;
}

.Context_Menu .Head .Comment {
    color: var(--color-Beige);
    font-size: 0.9em;
}

.Context_Menu .item,
.Context_Menu .Head {
    padding: 0.8em 1.0em 0.8em 0.8em;
}

.Context_Menu .List {
    display: flex;
    flex-direction: column;
}

.Context_Menu .List .Profile {
    overflow: hidden;
}

.Context_Menu .List .Profile,
.Context_Menu .List .Profile .Details {
    display: flex;
    flex-direction: column;
}

.Context_Menu .List .Amount {
    font-size: 0.7em;
    position: relative;
    bottom: 0.5em;
    color: var(--color-Beige);
}

.Context_Menu .List .Profile .Avatar {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: var(--border-style-Light);
    border-top: none;
    width: 100%;
    height: 12em;
}

.Context_Menu .List .Profile .Avatar .Char {
    font-size: 11em;
    text-shadow: 0.05em 0.05em 0.1em rgba(0,0,0,0.5);
}

.Context_Menu .List .Profile .Avatar #LogOut {
    display: inline-flex;
    align-items: center;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    right: 0;
    margin: 0;
    color: #fff;
    border: var(--border-thin) solid var(--color-Blue-hover);
    margin: -1px -1px 0 0;

    border-radius: 0 var(--border-radius-xl) 0 var(--border-radius-xl);
    background-color: rgba(32, 114, 207, 1);
    background-image: var(--linear-gradient-Button);
    backdrop-filter: var(--backdrop-filter-Menu) brightness(60%);
    text-shadow: var(--text-shadow-Blue);
    opacity: 0.9;
}

.Context_Menu .List .Profile .Avatar #LogOut svg {
    color: #fff;
    margin: -0.2em -0.2em -0.2em 0.2em;
}

.Context_Menu .List .Profile .Avatar:hover #LogOut {
    opacity: unset;
}

.Context_Menu .List .Profile .Avatar #LogOut:hover {
    margin: 0;
/*
    background-color: var(--color-Blue-hover);
    background-image: var(--linear-gradient-Button-hover);
    border-color: #fff;
*/
    /*
    transform-origin: top right;
    transform: scaleX(0.95);
    */
}

.Context_Menu .List .Profile .Avatar .Email {
    position: absolute;
    bottom: 0.2em;
    left: 0.2em;
    color: #fff;
    text-stroke: 0.1em #000;
    -webkit-text-stroke: 0.1em #000;
    paint-order: stroke fill;
}

.Context_Menu .List .Profile .Avatar svg.Email {
    position: absolute;
    bottom: 0;
    left: 0;

    display: flex;
    fill: #fff;
    text-anchor: end;
    width: 100%;
    height: 2em;
    stroke: #000;
    stroke-width: 0.15em;
    box-sizing: border-box;
    padding: 0.4em;
    align-items: center;
}

.Context_Menu .List .Profile .Avatar img {
    width: 110%;
    margin-top: 10%;
}

.Context_Menu .List .Profile .Details  {
    padding: 0.4em 1em 0.6em 1em;
    text-align: center;
}

.Context_Menu .List .Profile .Details a {
    margin-top: 0.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Context_Menu .List .Profile .Details .Name {
    display: flex;
    flex-direction: column;
}

.Context_Menu .List .Profile .Details .Name i {
    font-size: 1em;
}

.Context_Menu .List .Profile .Details .Name .text {
    font-size: 1.2em;
}

.Context_Menu .List > .Profile + .item {
    border-top: var(--border-style-Light);
}

.Context_Menu .List .item {
    color: inherit;
    background-color: var(--color-BG-White);
    align-items: center;
    display: flex;
    gap: 0 0.4em;
}

.Context_Menu .List .item > .Hieroglyph {
    font-size: 2.0em;
    line-height: 1em;
}

.Context_Menu .List .item > .Details {
    display: inline-flex;
    flex-direction: column;
    }

.Context_Menu .List .item > .Details .Hour {
    display: flex;
    align-items: center;
}

.Context_Menu .List .item > .Details .Hour .Name {
        margin-right: 0.4em;
    }

.Context_Menu .List .item > .Details .Hour .Name:hover {
    color: var(--color-Blue-hover);
}

.Context_Menu .List .item > .Details .Hour svg {
    font-size: 1em;
}

.Context_Menu .Profile,
.Context_Menu .List .item,
.Context_Menu .PaidServices {
    border-left: var(--border-thin) solid var(--color-Beige-Light);
    border-right: var(--border-thin) solid var(--color-Beige-Light);
}

.Context_Menu .List .item:not(.Arbitrary) {
    cursor: pointer;
}

.Context_Menu .List > a:not(:first-of-type) {
    border-top: var(--border-thin) dashed var(--color-Beige-Medium_Trans);

}

.Context_Menu .List > :nth-child(1 of :not(.DNone)) {
    border-top-left-radius: var(--border-radius-xl) var(--border-radius-xl);
    border-top-right-radius: var(--border-radius-xl) var(--border-radius-xl);
    border-top: 0.1em solid var(--color-Beige-Light);
}

.Context_Menu .List > :nth-last-child(1 of :not(.DNone)) {
    border-bottom-left-radius: var(--border-radius-xl) var(--border-radius-xl);
    border-bottom-right-radius: var(--border-radius-xl) var(--border-radius-xl);
    border-bottom: 0.1em solid var(--color-Beige-Light);
}

.Context_Menu .List .item:hover,
.Context_Menu .PaidServices a:hover {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    transform-origin: center;
    z-index: 1;
}

.Context_Menu .List .item:hover {
    /*border-radius: var(--border-radius-norm); */
    box-shadow: var(--box-shadow);
    background-color: #fff;
}

.Context_Menu .List .item > svg {
    width: 1em;
    height: 1em;
    font-size: 1.4em;
    min-width: 1em;
    color: inherit;
    bottom: unset;
}

.Context_Menu .List .item:hover svg {
    color: var(--color-Blue-hover);
}

.Context_Menu .List .item .text {
    line-height: 1.1em;
    font-size: 1.1em;
}

.Context_Menu .List .item svg + .text {

}

.Context_Menu .List .item.Arbitrary {
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.Context_Menu .List .item.Arbitrary input {
    display: flex;
    flex: 1 1;
    margin: 0;
    padding: 0.6em;
    min-width: 8em;
}

.Context_Menu .List .item.Arbitrary svg {
    font-size: 1.8em;
    cursor: pointer;
}

.Context_Menu .List .item.Arbitrary input + svg {
    margin-left: 0.4em;
}

.Context_Menu .PaidServices {
    /*display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 23em;*/
    display: flex;
    flex: 1;
    font-size: 0.9em;
    flex-wrap: wrap;
    gap: 0;
    box-sizing: border-box;
}

.Context_Menu .PaidServices a {
    display: inline-flex;
    flex: 1;
    min-width: 35%;

    position: relative;

    flex-direction: column;
    overflow: hidden;
    text-decoration: none;

    border: var(--border-style-Light);
    margin: 0 -1px -1px -1px;

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.Context_Menu .PaidServices a:nth-last-child(1) {
    border-bottom-left-radius: var(--border-radius-xl);
}
.Context_Menu .PaidServices a:last-child {
    border-bottom-right-radius: var(--border-radius-xl);
}

.Context_Menu .PaidServices a:not(.Inactive) {
    /*background-color: var(--color-Green-Light_BG_NoTrans);*/
    background-color: var(--color-BG-White);
}

.Context_Menu .PaidServices a:not(.Inactive):before {
    content: "";
    display: inline-flex;
    width: 100%;
    height: 100%;
    position: absolute;
    align-self: center;
    z-index: 0;
    opacity: 0.4;

    color: var(--color-Black);
    /*background-color: var(--color-BG-White);*/
    background-image: var(--SVG-Ico-Correct);
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 48% center;
}

.Context_Menu .PaidServices a.Inactive {
    color: #fff;
    background-color: var(--color-Blue);
    text-shadow: var(--text-shadow-Blue);
}

.Context_Menu .PaidServices a:hover {
    text-decoration: none;
}

.Context_Menu .PaidServices a figure {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 6em;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    flex-direction: unset;
    border-bottom: var(--border-style-Light);
}

.Context_Menu .PaidServices a figure img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.Context_Menu .PaidServices a figure .Title {
    flex: 1;
    box-sizing: border-box;
    padding: 2em 0.6em 0.2em 0.6em;
    position: relative;
    align-self: flex-end;
    font-size: 1.2em;
    line-height: 1em;
    text-decoration: none;
    z-index: 1;
}

.Context_Menu .PaidServices a figure .Title:before {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--linear-gradient-White-Bottom);
    z-index: -1;
}

.Context_Menu .PaidServices a .Details {
    gap: 0.2em;
    padding: 0.4em 0.6em 0.4em 0.6em;
    flex: 1;
    justify-content: center;
    text-align: center;
    /*
    backdrop-filter: blur(0.2em);
    */
}

.Context_Menu .PaidServices a .Details,
.Context_Menu .PaidServices a time {
    display: flex;
    flex-direction: column;
}

.Context_Menu .PaidServices a .Details > .Title {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;

    line-height: 1.1em;
    font-weight: bold;
}

.Context_Menu .PaidServices a time,
.Context_Menu .PaidServices a .Renew {
    flex: 1;
    font-size: 0.9em;}

.Context_Menu .PaidServices a time {
    justify-content: center;
}

.Context_Menu .PaidServices a time .Date,
.Context_Menu .PaidServices a time .Title {
    line-height: 1.1em;
}

.Context_Menu .PaidServices a time .Title {
    color: var(--color-Black);
}

.Context_Menu .PaidServices a .Renew {
    text-transform: uppercase;
}

/*
КОНЕЦ: Контекстное меню
*/



/*
 НАЧАЛО: Форма комментариев
*/
.CommentForm {
    display: flex;
    flex: 1 0 100%;
    flex-direction: column;
    border: var(--border-thin) solid var(--color-Beige);
    border-radius: var(--border-radius-norm);
    margin-top: 2em;
}

.MLResponses .CommentForm {
    margin-top: 1em;
}

.ui-dialog  .CommentForm {
    margin-top: unset;
}

.CommentForm .Legend .Title,
.CommentForm .Legend .Close {
    display: inline-flex;
    align-items: center;
    padding: 1em  0.8em  0.4em  0.8em;
}

.CommentForm .Legend {
    display: flex;
}

.CommentForm .Legend .Title {
    color: var(--color-Gray);
    white-space: normal;
    line-height: 1.2em;
    flex: 1;

    pointer-events: none !important;
    -webkit-touch-callout: none;

    -ms-touch-action: none;
    touch-action: none;
}
.CommentForm .Legend .Title svg {
    font-size: 1.8em;
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
}

.CommentForm .Legend .Title .text { font-size: 1.6em; }

.CommentForm .Legend .Title svg + .text {
    margin-left: 0.2em;
}

.CommentForm .Legend .Close {
    display: inline-flex;
    align-items: center;
    color: var(--color-Gray);
    cursor: pointer;
    /*
border-left: var(--border-thin) solid var(--color-Beige);
*/
    cursor: pointer;
}

.CommentForm .Legend .Close:hover {
    color: var(--color-Blue-hover);
}

.CommentForm .Legend .Close svg {
    font-size: 1.8em;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
}

.CommentForm .FBody {
    padding: 0 1em;
}

.CommentForm .FBody .FormBlock {
    margin-left: 0;
    margin-right: 0;
}

.CommentForm blockquote {
    display: inline-flex;
    flex-direction: column;
    border: none;
    box-shadow: unset;
    text-align: left;
    padding: 0 0 0.6em 0;
    font-size: 1em;
}

.CommentForm .BlockQuote {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1.5em;
}

.CommentForm blockquote .text {
    position: relative;
    padding: 0 1.5em;
    display: inline-flex;
    flex: 0;
    align-self: flex-start;
}

.CommentForm blockquote .text:before,
.CommentForm blockquote .text:after {
    display: inline;
    font-size: 3em;
    font-family: Times, sans-serif;
    line-height: 0;
    color: var(--color-Gray-Light);
    position: absolute;
}

.CommentForm blockquote .text:before {
    content: "“";
    top: 0.2em;
    left: 0;
}

.CommentForm blockquote .text:after {
    content: "”";
    bottom: -0.2em;
    right: 0;
}

.CommentForm blockquote .text + .Autor {
    margin-top: 0.8em;
}

.CommentForm blockquote .Autor {
    display: inline-block;
    flex: 0;
    align-self: flex-end;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.8em;
}

.CommentForm .FBody + .FFooter {
    margin-top: 0.2em;
    padding: 0 1em;
}

.CommentForm .FFooter {
    border-top: unset;
}

/*
 КОНЕЦ: Форма комментариев
*/




/*
НАЧАЛО: Список событий
.EventChart
.EventList - список событий с айтемами
Пока этот список будет в калькуляторе бацзы. Может быть в дальнейшем добавим в другие калькуляторы.
*/
.EventList {
    display: flex;
    flex-direction: column;
    max-height: 60vh;
}

.EventChart.ML_Window .EventList {
    font-size: 0.9em;
}

.EventChart.ML_Window .Form button {
    flex: 1;
}

.EventList .Item {
    display: grid;
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-rows: repeat(2, min-content);
    gap: 0.8em 0.6em;
    grid-template-areas:
        "ControlPanel_L Comment Date ControlPanel_R"
        "ControlPanel_L CurrentCity CurrentCity ControlPanel_R";
    padding: 1.4em 0.8em 1.4em 0.4em;
}

.EventList .Item.NEW {

}

.EventList .Item.NEW .Comment:after {
    content: "NEW";
    font-size: 0.6em;
    padding: 0.2em 0.4em;
    background: #e00000;
    color: #fff;
    right: 1px;
    top: 1px;
    opacity: 0.3;
    position: absolute;
    line-height: 1em;
    border-bottom-left-radius: var(--border-radius-inputs);

    pointer-events: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.EventList .Item.checked {
    box-shadow: 0 0 0.1em 0.1em #00b000 inset;
}

.EventList .Item:hover {
    box-shadow: 0 0 1em var(--color-Blue-hover-shadow) inset, 0 0 1px 1px var(--color-Blue-hover) inset;
}

.EventList > .Item:not(:last-child) {
    border-bottom: var(--border-thin) solid var(--color-Beige-Light);
}

.EventList .Item input,
.EventList .Item select,
.EventList .Item textarea,
.EventList .Item .FormItemConnect {
    margin: 0;
}

.EventList .LatLang {
    width: 4em;
}

.EventList .Item .label {
    width: unset;
}

.EventList .Item .Date {
    grid-area: Date;
    align-items: flex-start;
    display: inline-flex;
    }

.EventList .Item .Date .date {
        width: 7em;
    }

.EventList .Item .Date .time {

    }

.EventList .Item .CurrentCity {
    grid-area: CurrentCity;
    display: flex;
    gap: 0 1em;
    }

.EventList .Item .CurrentCity .text {
    display: contents;
}

.EventList .Item .Comment {
    grid-area: Comment;
    margin-right: 1em;
    position: relative;
    min-width: 26em;
    }

.EventList .Item .Comment textarea { width: 100%; }


.EventList .Item .ControlPanel_L {
    grid-area: ControlPanel_L;
}

.EventList .Item .ControlPanel_R {
    grid-area: ControlPanel_R;
}

.EventList .Item .ControlPanel_L,
.EventList .Item .ControlPanel_R {
    display: flex;
    align-items: center;
    position: relative;
    flex-direction: column;
    justify-content: space-evenly;
}

.EventList .Item .ControlPanel_L a,
.EventList .Item .ControlPanel_R a {
    display: inline-block;
    white-space: nowrap;
    margin: 0
    padding: 0.4em;
}

.EventList .Item .ControlPanel_L a:after,
.EventList .Item .ControlPanel_R a:after {
    content: none;
}

.EventList .Item .ControlPanel_L svg,
.EventList .Item .ControlPanel_R svg {
    display: inline-flex;
    width: 1em;
    min-width: 1em;
    height: 1em;
    font-size: 1.4em;
    cursor: pointer;
    align-self: center;

    color: var(--color-Gray);
    opacity: 0.5;
}

.EventList .Item .ControlPanel_L svg,
.EventList .Item .ControlPanel_R svg {
    opacity: 1;
}

.EventList .Item .ControlPanel_L .Remove,
.EventList .Item .ControlPanel_R .Remove {
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-around;
    gap: 0.6em;
}

.EventList .Item .ControlPanel_L .Amount {
    position: absolute;
    left: 0.2em;
    top: -1.3em;
    font-size: 0.9em;
    opacity: 0.5;
}

.Item .ControlPanel_L .Radio + label {
    box-sizing: border-box;
    min-width: 0em;
    padding: 1em;
}

/*
КОНЕЦ: Список событий
*/


.PhotoSwipe {
    cursor: zoom-in;
}

#powerTip svg {
        width: 1em;
        min-width: 1em;
        height: 1em;
        min-height: 1em;
        }

#powerTip .flex {
    margin-top: 0.2em;
}

#powerTip .GoodDirect {
    display: flex;
    align-items: center;
    margin-left: 0.5em;
}

#powerTip .Name {
    margin-left: 0.2em;
}

#powerTip .Interaction {
    margin-top: 0.3em;
}

#powerTip .Interaction > .Item {
    display: flex;
    align-items: center;
    padding: 0.2em 0;
}

#powerTip .Interaction > .Item .Text {
    margin-right: 0.3em;
    width: 8em;
    text-align: right;
    line-height: 0.9em;
}

.Combination {
    display: inline-flex;
}

.tox-tinymce-inline {
    z-index: 45;
}
.TinyMCE_inline {
    border: var(--border-thin) solid transparent;
    cursor: text;
    min-height: 2.4em;
    padding: 0.6em;
    box-sizing: border-box;
    flex: 1;
    overflow: hidden;
    word-break: break-word
}

.tabBasket .EditContent .Flex0, .tabBasket .EditContent .flex0,
.ML_Table.Flex0, .ML_Table.flex0,
.Flex0, .flex0 {
    flex: 0 0 auto;
    }

.Flex1, .flex1 {
    flex: 1 1 auto;
    }

.flex100,
.FormItemConnect .AllBottonLight.flex100 {
    flex: 1 1 100%;
}

.SuportMenu.flex1 {
    align-items: baseline;
}

.DictionaryLink {
    text-decoration: none;
    margin-left: 0.2em;
}

.DictionaryLink {
    border: var(--border-thin) solid rgba(208, 216, 223, 0.8);
    background-color: rgba(208, 216, 223, 0.3);
    border-radius: var(--border-radius-xs);
    padding: 0 0.2em;
    vertical-align: baseline;
    margin: -0.1em 0.2em -0.2em;
    line-height: 1.1em;
    font-size: 0.9em;
    }

.DictionaryLink:hover {
    border-color: var(--color-Blue-hover);
}

figure,
.mce-content-body figure.image.align-left,
.mce-content-body figure.image.align-center,
.mce-content-body figure.image.align-right {
    display: flex;
}

figure {
    flex-direction: column;
    text-align: center;
    align-items: center;
    margin-bottom: 1.2em;
}

figure {
    align-items: center;
}

figure figcaption {
    display: block;
    color: var(--color-Beige);
    font-size: 0.9em;
    line-height: 1.1em;
    padding: 0.8em 0.8em 0;
    box-sizing: border-box;
 }

/*
body:not(.mce-content-body) figure figcaption {
    display: none;
}
*/

/*.TitleBlockBigIMG img {
    border-radius: var(--border-radius-xxl);
    }*/



figure:not(last-of-type) {
    margin-bottom: 1.2em
    }


figure.Cover,
figure#Cover {
    max-width: 100%;
    max-height: 35em;
}

figure.Cover figcaption,
figure#Cover figcaption {
    display: none;
}


iframe,
figure img,
/*.wrapper_section_item img.PhotoSwipe,*/
figure.Cover img {
    max-width: 100%;
    overflow: hidden;
    border-radius: var(--border-radius);
}

.Announce figure.Cover img,
figure img {
    border-radius: var(--border-radius-norm);
}

#Dictionary_Form figure img,
#Dictionary_Form figure figcaption {
        max-height: 35em;
        max-width: 92%;
    }

figure.align-center {
    text-align: center;
    align-items: center;
 }

figure.align-center figcaption {
    justify-content: center;
    text-align: center;
}

figure.align-right {
    text-align: right;
    align-items: flex-end;
 }

figure.align-right figcaption {
    justify-content: flex-end;
    text-align: right;
}

figure.align-left {
    text-align: left;
    align-items: flex-start;
 }

figure.align-left figcaption {
    justify-content: flex-start;
    text-align: left;
}


 /* Первая страница */
.fpIco {
    display: inline-block;
    //display: inline;
    padding: 0.2em;
    margin-bottom: 0.4em;
    border: var(--border-thin) solid #dfd8d0;
    background-image: url(/img/bg-35perc.png);
    line-height: 1em;

    border-radius: var(--border-radius-lg);
    box-shadow: 0 0 0.8em #d0d8df;
}

.fpIcoImg {
    display:block;
    border: var(--border-thin) solid #908070;
    overflow: hidden;
    border-radius: var(--border-radius-md);
    box-sizing: border-box;

    width: 100%;
}

.fpIcoHref {
    font-size:1.2em;
    text-decoration: none;

    vertical-align: top;
    margin:0;
    justify-content: space-between;
    }

.fpIcoHref:hover .fpIco {
    border: var(--border-thin) solid #0082ff;
    box-shadow: 0 0 0.8em #e0e8ef;
    }

.fpIcoHref, .fpIcoHref:not(.MiniCalculators) a:first-of-type {
    display: inline-flex;
    flex-direction: column;
}

.fpIcoHref a {
    text-decoration: none;
}

.ML_Menu_Sub .fpIcoHref {
    flex: 1;
/*
    margin-left: 1%;
    margin-right: 1%;
*/
    }

.ML_Menu_Sub .fpIcoHref a + a {
    margin-top: 0.6em;
}

.fpIcoHref .Advanced {
    display: inline-flex;
    gap: 0.2em;

    align-items: center;
    font-size: 0.8em;
    line-height: 1.1em;

    color: #fff;
    background-color: var(--color-Blue-hover);
    border-radius: var(--border-radius-s);

   padding: 0.4em 0.3em 0.4em 0.4em;

    align-self: center;
}

.fpIcoHref .Advanced:hover,
#ML_MenuGen .fpIcoHref .Advanced:hover {
    color: var(--color-Blue);
    background-color: #fff;
    box-shadow: 0 0 0 1px var(--color-Blue-hover-shadow);
}

.fpIcoHref .Advanced b,
.fpIcoHref .Advanced strong,
.fpIcoHref .Advanced i,
.fpIcoHref .Advanced em {
    display: contents;
}

.fpIcoHref .Advanced svg {
    color: #fff;
    font-size: 1.3em;
    margin-right: 0;
}

.fpIcoHref .Advanced:hover svg {
    font-size: 1.2em;
    color: var(--color-Blue);
}

.fpIcoHref .APP {
    display: inline-flex;
    line-height: 1em;
    text-align: left;
    align-items: center;
    align-self: center;
    border-top: var(--border-thin) dotted var(--color-Beige-Light);
    padding-top: 0.2em;
}

.fpIcoHref .APP img {
    width: 2em;
    object-fit: contain;
    margin-right: 0.4em;
}

.fpIcoHref .APP .text {
    font-size: 0.8em;
    line-height: 1em;
}

.fpIcoHref .APP .text .Date_Update {
    font-size: 0.8em;
    color: var(--color-Beige);
    line-height: 1em;
    margin-top: 0.4em;
}

.fpIcoHref .APP .text .Date_Update b {
    white-space: nowrap;
    line-height: 1em;
}

.fpIcoHref h2 {
    color: #353535;
    line-height: 1.1em;
    font-size:1em;
    font-weight: bold;
    margin-top: 0;
}

a.fpIcoHref:hover h2,
.fpIcoHref a:hover h2 {
    color: var(--color-Blue-hover);
}

.fpIcoHref h2 span {
    font-weight: normal;
    line-height: 1.1em;}

.ML_Menu_Sub .MiniCalculators a {
    display: flex;
    align-items: center;
    gap: 0.4em;
    overflow: hidden;
    border-radius: var(--border-radius-lg);
    border: var(--border-style-Norm);
    color: var(--color-Black);
    background-color: #fff;
}

.ML_Menu_Sub .MiniCalculators a:hover {
    border-color: var(--color-Blue-hover);
    color: var(--color-Blue-hover);
    transform: scale(1.05);
}

.ML_Menu_Sub .MiniCalculators a img {
    width: 2.5em;
    height: 100%;
    object-fit: cover;
}

.ML_Menu_Sub .MiniCalculators a .text {
    display: inline-flex;
    font-size: 0.9em;
    align-items: center;
    padding: 0.4em 0.4em 0.4em 0.0em;
}

/* Конец первой страницы */



/* Вместо стандартной кнопки загрузки файла подставляем лейбл */
input[type="file"].InputFile { display: none; }

div.InputFile, span.InputFile {
   display: inline-flex;
    justify-content: center;
   position: relative;
   margin: 0.2em;
   overflow: hidden;
}

div.InputFile label, span.InputFile label {
    margin: 0;
}

.InputFile + label,
.InputFile + span label,
.InputFile + div label { padding: 0.4em;}

.InputFile + span label,
.InputFile + div label {
    margin: 0;
}

#uploadimageList.InputFile + div label img {
    background-color: var(--color-Red-Dark-Opacity);
}

#Dictionary #Cover .InputFile + div label img {
    width: 100%;
    min-height: auto;
}

#Dictionary #Cover .InputFile {
    width: 90%;
}

#Dictionary #Cover .InputFile label {
    width: 100%;
}

#Dictionary #Cover .Thumbnail .InputFile {
    width: 21em;
}

/*
.ItemCoverEdit label,
*/
/*
.Module_List_Edit .Head figure label,
.Seminar_List_Edit .Item figure label,
*/
input[type="file"] + label,
input[type="file"] + .InputFile label img {
    background: url(/img/ico_Files_IMG_l_op.svg) center no-repeat;
    background-size: auto 80%;
}

.Seminar_List_Edit .Item figure label {
    background-image: none;
}

.ItemCoverEdit form .InputFile img,
.ItemCoverEdit .InputFileIMG {
    height: 12em;
    min-height: 12em;
    min-width: 12em;
}

/* Конец - Вместо стандартной кнопки загрузки файла подставляем лейбл */


input.InpGost,
input[type="time"].InpGost,
input[type="tel"].InpGost,
input[type="email"].InpGost,
input[type="number"].InpGost,
input[type="url"].InpGost,
input.InpLite {
    background: none;
    line-height: 1.2em;

    margin-bottom: 0.2em;
    margin-left: 0;
    margin-top: 0.2em;

    border-radius:0.2em;

    box-sizing: border-box;
    font-size: 1.1em;
    text-overflow: ellipsis;}

input[type="password"],
input[type="email"] {
    min-width: 15em;
}


.wrapper_main_calendar #DateApp {
    width: 85%;
    display:flex;
    flex-direction: column;
    align-items: center;
}

input.AddressSelector {
    flex: 1;
}

.CitySelector {
    flex: 1;
    align-items: center;
    position: relative;
}

span.CitySelector:not(.DisplayFlex) {
    display: inline-flex;
}

div.CitySelector,
span.CitySelector.DisplayFlex,
span.CitySelector.FormBlock.DisplayFlex {
    display: flex;
}

.CitySelector .FormSubBlock {
    align-items: center;
    flex-wrap: nowrap;
}

.CitySelector div.FormItemConnect {
    flex: 1 0 auto;
}

/* скрыли кнопку принудительного поиска */
/*.CitySelector .FormItemConnect .city + button {
    display: none;
}*/

.Order_FormEditFull .CitySelector {
    max-width: 40em;
}

/*
.Settings_Main input.InpGost,
*/
.CitySelector input.InpGost {
    font-size: 0.8em;
    opacity: 0.6;
}

.SuportMenu .CitySelector input.InpGost {
    max-width: 5em;
}

/*
.Settings_Main input.InpGost:hover,
.Settings_Main input.InpGost:focus,
*/
.CitySelector input.InpGost:hover,
.CitySelector input.InpGost:focus {
    opacity: 1;
}

input.InpGost,
input[type="time"].InpGost,
input[type="tel"].InpGost,
input[type="email"].InpGost,
input[type="number"].InpGost,
input[type="url"].InpGost {
    border: var(--border-thin) solid rgba(255,255,255,0.0);
    padding: 0.2em;
}
.AddFilePopUp input.InpGost {
    border-bottom-color: var(--color-Gray-Light);
}

.MenuFlex input.InpGost {
    margin-left: 0; }


input.InpGost:hover,
input[type="time"].InpGost:hover,
input[type="tel"].InpGost:hover,
input[type="email"].InpGost:hover,
input[type="number"].InpGost:hover,
input[type="url"].InpGost:hover {
    border-color: transparent transparent #6a3814 transparent;
    box-shadow: none;

    -webkit-animation: none;
    animation: none;}



input.InpGost:focus, input.InpLite:focus, input.InpLite:hover {
    border: 1pt solid #6a3814;
    background-color: #fffcf8;
    box-shadow: 0 0 8 #d0d8df;
    }


#PersonalReviewsPopUp #ContentSearchBlock #Comment_User_Name:before {
    pointer-events: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
Дизейбл который позволяет обрабатывать события, например чтобы показать алерт
*/
*[disabled_lite="true"],
*[disabled="disabled_Lite"] {
    opacity: 0.5 !important;

    filter: saturate(50%) !important;
    -webkit-filter: saturate(50%);
    -moz-filter: saturate(50%);
}

input[disabled_lite="true"] + label > *,
a[disabled="disabled"],
input[disabled="disabled"],
input[disabled="disabled"] + label,
.FormItemConnect[disabled="disabled"],
span[disabled="disabled"],
div[disabled="disabled"],
.CheckBoxIMGButton:disabled + label,
#ML_TextShadow_Switch:not(:checked) ~ .FormItemConnect,
#ML_TextGradient_Switch:not(:checked) ~ .FormItemConnect,
select[disabled="disabled"],
#RadiusKm:disabled:hover,
.QMDJCalcChengeDateR:disabled, .QMDJCalcChengeDateL:disabled,
.QMDJCalcChengeDateR[disabled], .QMDJCalcChengeDateL[disabled],
.ML_YearMonths_Picker section a[disabled="disabled"],

.Tag_List li[disabled="disabled"],
.wrapper_settings_exchangerate .RateBlock  input[name="auto"]:not(:checked) ~ .CB_Rate,
.ML_Accordion_List input.ML_Accordion_G.Montly_calendar:checked + label ~ label,
.ML_Accordion_List input.ML_Accordion_G.Montly_calendar:checked + label ~ li label,
.Cost_and_Discount .Price_List .Item .Price_ForFree:checked ~ input.Price,
.Cost_and_Discount .PrePayment .PrePayment_switch:not(:checked) ~ .FormSubBlock,
.Notes_Index input.Add_to_Calendar[type="checkbox"]:not(:checked) ~ select.NoteReminder,
.CommentForm .BlockQuote #InsertCitation:not(:checked) ~ blockquote {
    pointer-events: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    cursor: default !important;

    opacity: 0.5 !important;

    filter: saturate(50%) !important;
    -webkit-filter: saturate(50%);
    -moz-filter: saturate(50%);
}

.error, .Error,
input.error + label, input.Error + label {
    border: var(--border-thin) solid var(--color-Red);
    box-shadow: 0px 0px 0.4em rgba(224,0,0,0.2); }


/* Ошибки при заполнении формы
    Обычно используется вместе с .FormBlockDescr который ставится после .FormBlock
    Если есть модификатор Attention - то цвет не применится
*/

.FormError:not(.Attention) {
    color: var(--color-Red);
}


a.SVG {
    display: inline-flex;
    align-content: center;
}

a.SVG svg {
    margin: 0.2em;
}

p {margin: 0 0 1.2em;}

.BProdName p {
    margin-bottom: 0.3em;
}

p,
.StrangeBySAndC .text
.ML_Table p {
    line-height: 1.4em;
}

.PA, .absolute {position: absolute;}

.fixed, .Fixed,
.ML_Window.Fixed {
    position: fixed;
}

.HideAll { display: none; }
.Hidden {visibility: hidden;}

.OrderList .OrderItem.StickyTop.Hidden {
    position: unset;
}

.pRel { position: relative; }


input[type="color"] { padding: 0;
    overflow: hidden;
    border-collapse: collapse;
    height: 2.2em;
    width: 2.2em;
    }
input[type="color"]:hover { cursor: pointer; }

.TField, textarea, .ya-site-form__input-text  { overflow: visible; }


.TField, select, input.CheckBoxSelect + label, textarea, .ya-site-form__input-text,
.Select:not(input), .Select + label,
.SelectVUE:not(input), .SelectVUE + label,
input[type="text"]:not(.InpGost), input[type="password"],
input[type="email"], input[type="number"],
/*
input[type="range"],
*/
input[type="search"],
input[type="tel"], input[type="url"],
input[type="color"], input[type="time"] {
    background-color: var(--color-Gray-input-BG);
    box-sizing: border-box;
    outline: none;
    }

.TField, select, input.CheckBoxSelect + label, textarea, .ya-site-form__input-text,
.Select:not(input), .Select + label,
.SelectVUE:not(input), .SelectVUE + label,
input[type="text"]:not(.InpGost), input[type="password"],
input[type="email"], input[type="number"],
/*
input[type="range"],
*/
input[type="search"],
input[type="tel"], input[type="url"],
input[type="color"], input[type="time"],
.FormItemConnect > input + label,
.sp-replacer,
.pCards_Wrapper,
.MLToken_Wrapper,
.UserList.Editing, .UserList.Salary,
.Expenses,
.Accounting section {
    border: var(--border-style-LightBlue);
    }

input[type="text"]:not(.InpGost), input[type="password"],
input[type="email"], input[type="number"],
/*
input[type="range"],
*/
input[type="search"],
input[type="tel"], input[type="url"],
input[type="color"], input[type="time"], .TField,
textarea.autosize, .TinyMCE_inline,
.Test_Header_IMG {
        font-size: 1em;
        font-family: inherit;
        border-radius:var(--border-radius-inputs);
    }


select:hover, input[type="text"]:not(.InpGost):hover, input[type="password"]:hover,
input[type="color"]:hover,
input[type="email"]:hover, input[type="number"]:hover,

input[type="search"]:hover,
input[type="tel"]:hover, input[type="url"]:hover, input[type="time"]:hover,

.Select:not(input):hover, .Select + label:hover,
.SelectVUE:not(input):hover, .SelectVUE + label:hover,
.Installment .PeriodList label:hover,
.PaymentPeriod .PeriodList label:hover,

.TField:hover, .SField:hover, textarea:hover, .ya-site-form__input-text:hover,

input#FullScreen ~ .Toolbar label[for="FullScreen"]:hover,
input#FullScreen ~ .Main label[for="FullScreen"]:hover,
input#FullScreen ~ main label[for="FullScreen"]:hover,
input[type="checkbox"].IMGCheckBox + #MapMain label[for="FullScr"]:hover,

input[type="file"] + div.InputFile:hover,

input:not(.ML_ReedMore):not(.ServCheckBox):not(.Bookmark) ~ label:hover, input + .js_Img label:hover,
.Zoom:hover,

.AD_RecomendationList a:hover,
.Seminar_list .Item:hover figure,
.Product_List .Item:hover figure,
.SectionSmall:hover, .SectionNormal:hover,

select:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="email"]:focus, input[type="number"]:focus,
/*
input[type="range"]:focus,
*/
input[type="search"]:focus,
input[type="tel"]:focus, input[type="url"]:focus, input[type="time"]:hover,
.TField:focus, .ya-site-form__input-text:focus, .SField:focus, textarea:focus, input:focus,

.sp-replacer:hover, .sp-replacer:focus,

.Pager_Links a:hover,
#LangWorkArea textarea.autosize:hover,
.TinyMCE_inline:hover,
.ML_TD:hover .TinyMCE_inline, .ML_TD:hover .TinyMCE_inline,

.textarea:hover, .textarea:focus,
textarea.autosize:hover, textarea.autosize:focus,
.SuportMenu a#MenuShowHide:hover,
.Relatives_Tree_Chart .Item .Character:hover,

.InteractionList .Item:hover {
    box-shadow: 0px 0px 0.5em var(--color-Gray-Light);

    border-color: var(--color-Blue-hover);
    z-index: 3;

    -webkit-animation: ShadowFIn 0.3s ease-in-out;
    animation: ShadowFIn 0.3s ease-in-out;
}

input.IMGCheckBox ~ label:hover,
input.IMGCheckBox ~ .FormItemConnect label:hover {
    color: var(--color-Blue-hover);
}

.textarea:focus,
textarea.autosize:focus,
#LangWorkArea textarea.autosize:focus,
#LangWorkArea .TinyMCE_inline:focus {
    background-color: var(--color-Gray-input-BG);
}


/*
НАЧАЛО: статистика избранное
FavoritesStats
*/

.FavoritesStats {
    display: inline-flex;
    align-self: center;
    align-items: center;
    margin-left: 0.6em;
}

.FavoritesStats svg {
    width: 1em;
    height: 1em;
    margin-left: 0.1em;
    color: var(--color-Gray);
    margin-bottom: -0.2em;
    margin-right: -0.1em;
}

.UserStats .FavoritesStats svg {
    font-size: 1.2em;
}

#PostContent .FavoritesStats svg {
    font-size: 1.5em;
}

.FavoritesStats .Result {
    display: inline-block;
    margin-left: 0.2em;
}

.UserStats .FavoritesStats .Result {
    font-size: 1.1em;
}

#PostContent .FavoritesStats .Result {
    font-size: 1.4em;
}

/*
НАЧАЛО: ПОИСК
*/
#ContentSearchBlock {
    flex: 1 1 100%;
    font-size: 1.2em;
}

#ContentSearchBlock.Multi {
    gap: 2em;
}

#ContentSearchBlock + #Basket {
    margin-top: 1em;
}

#ContentSearchBlock.FormItemConnect.Search {
    margin: 0;
    padding-top: 0.44em;
    padding-bottom: 0.4em;
    background-color: var(--color-BG-backdrop-White);
}
div#ContentSearchBlock,
#ContentSearchBlock.StickyTop {
    display: flex;
}

.wrapper_section_editcource #ContentSearchBlock.StickyTop.StickyShadow .FormBlockDescr {
    display: none;
}

#ContentSearchBlock #SearchSem {
    flex: 1;
}

.wrapper_section_editcource #ContentSearchBlock svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
    color: var(--color-Gray);
}

.wrapper_section_editcource #ContentSearchBlock .Search_User,
.wrapper_section_editcource #ContentSearchBlock .Search {
    display: inline-flex;
    flex-direction: column;
}

.wrapper_section_editcource #ContentSearchBlock .Search_User {
    flex: 2;
}

.wrapper_section_editcource #ContentSearchBlock .Search .FormItemConnect {
    margin-left: 0;
}

.wrapper_section_editcource #ContentSearchBlock .Search {
    flex: 3;
    align-self: baseline;
}

.wrapper_section_editcource #ContentSearchBlock input {
    flex: 1;
}

.wrapper_section_editcource #ContentSearchBlock .Search_User input {
    margin-left: 0;
    margin-right: 0;
}

/*
Только в обучении, в дальнейшем переделать на новый вариант для поиска
*/
.wrapper_section_tag #SearchSem,
#StudyVUE #SearchSem {
    width: 100%;
    font-size: 1.2em;
}

.Search .SearchInfo {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    pointer-events: none;
    opacity: 0.7;
}

.Search .SearchInfo:hover,
.Search:hover .SearchInfo {
    opacity: unset;
}

.Search .SearchInfo .SearchResult {
    display: inline-flex;
    gap: 0.6em;
    position: absolute;
    right: 0;
    align-items: center;
    padding: 0.1em 0.2em;
}

.Search .SearchInfo .SearchResult .Autors,
.Search .SearchInfo .SearchResult .Posts {
    display: inline-flex;
    gap: 0.2em;
    font-size: 0.6em;
    align-items: center;
}

.Search:hover .SearchInfo .SearchResult .Autors,
.Search:hover .SearchInfo .SearchResult .Posts,
.Search .SearchInfo:hover .SearchResult .Autors,
.Search .SearchInfo:hover .SearchResult .Posts {
    font-size: 0.7em;
}

.Search .SearchInfo .SearchResult svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
    color: var(--color-Gray);
}

.Search .SearchInfo .SearchResult .Result {
    color: var(--color-Gray-Dark);
}


.FormItemConnect.Search .Settings {
    display: inline-flex;
    margin: 0;
    align-items: stretch;
    flex: 0;
}

.FormItemConnect.Search .Settings .MLToken_Wrapper {
    min-width: unset;
}

.FormItemConnect.Search .Settings .MLToken_Wrapper .MLTokenInput {
    width: unset;
}

.FormItemConnect.Search .ActionBar + .Settings .MLToken_Wrapper:last-child {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}

.SearchForm {
    flex: 1;
}

.FormItemConnect {
    position: relative;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;
    /*z-index: 0;*/
}

.FormItemConnect,
.ML_TFoot .Pager_Links {
    margin: 0.4em 0.25em;
}

.FormBlock .FormItemConnect {
    z-index: unset;
}

span.FormItemConnect {
    display: inline-flex;
    min-width: 0;
}

.FormItemConnect.Search,
div.FormItemConnect {
    display: flex;
    flex: 1;
}

.FormItemConnect.Search *[type="search"] {
    flex: 1;
}

.FormItemConnect #RefPeriod_Start,
.FormItemConnect #RefPeriod_End {
    width: 7em;
    flex: 0;
    text-align: center;
}

.FormItemConnect span,
.FormItemConnect .FormItemConnect { margin: 0; }

span.FormItemConnect input {
    flex: 1;
}

div.FormItemConnect input,
.FormItemConnect.flex1 input {
    flex: 1 0 auto;
}
.FormItemConnect:not(.SameSize) button,
.FormItemConnect:not(.SameSize) .AllBotton,
div.FormItemConnect .AllBottonLight,
.FormItemConnect.flex1 button {
    flex: 0 auto;
}

div.FormItemConnect .AllBottonLight .text,
div.FormItemConnect button .text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.FormItemConnect .AllBotton + .AllBotton:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: -1px;
    z-index: 1;
}

.Expenses .FormItemConnect input:not(:last-child),
.FormItemConnect input:not(.InpGost), .FormItemConnect button, .FormItemConnect select, .FormItemConnect label,
.FormItemConnect .ML_Arr_L_B, .FormItemConnect .ML_Arr_R_B,
.FormItemConnect .AllBotton, .FormItemConnect .AllBottonLight,
.FormItemConnect .token-input-list-facebook,
.FormItemConnect .sp-replacer,
.FormItemConnect .CheckBoxIMGButton + label,
.ML_Table.AllFlexTable .FormItemConnect input:not(.InpGost),
.FormItemConnect .MLToken_Wrapper {
    margin: 0 -1px 0 0;
}

.FormItemConnect input:not(.InpGost), .FormItemConnect button, .FormItemConnect select, .FormItemConnect label,
.FormItemConnect > input:first-of-type + label,
.FormItemConnect .ML_Arr_L_B, .FormItemConnect .ML_Arr_R_B,
.FormItemConnect .AllBotton, .FormItemConnect .AllBottonLight,
.FormItemConnect .token-input-list-facebook,
.FormItemConnect .sp-replacer,
.FormItemConnect .CheckBoxIMGButton + label,
.FormItemConnect .MLToken_Wrapper {
    border-width: var(--border-thin);
    border-radius: inherit;

    }

.FormItemConnect button,
.FormItemConnect select,
.FormItemConnect .token-input-list-facebook {
    min-width: initial;
    z-index: 1; }

.FormItemConnect input {
    min-width: initial;
    z-index: 2;
}

.FormItemConnect button:hover,
.FormItemConnect input:hover,
.FormItemConnect button:focus,
.FormItemConnect input:focus,
.FormItemConnect select:hover,
.FormItemConnect .Select:not(input):hover, .FormItemConnect .Select + label:hover,
.FormItemConnect .SelectVUE:not(input):hover, .FormItemConnect .SelectVUE + label:hover,
.FormItemConnect select:focus,
.FormItemConnect .AllBotton:hover,
.FormItemConnect .AllBottonLight:hover,
.FormItemConnect .token-input-list-facebook:hover,
.sp-replacer:hover { z-index: 5; }


/*.FormItemConnect > :first-child:not(figure),
.FormItemConnect > input:first-of-type + label,
.FormItemConnect > input:first-child,*/
.FormItemConnect > :nth-child(1 of :not(.DNone)),
.FormItemConnect > .Clear + *:not(:last-child),
.FormItemConnect button.DNone:first-child + button,
.FormItemConnect button.DNone:first-child + a,
.FormItemConnect .MLToken_Wrapper:first-child,
.MenuFlex .ScrollSection .Sel,
.FormItemConnect .CheckBoxIMGButton:nth-child(1) + label {
    border-top-left-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs); }


/*.FormItemConnect > :last-child:not(figure),
.FormItemConnect > input:last-child,*/
.FormItemConnect > :nth-last-child(1 of :not(.DNone):not(.loader-wrapper)),
.MenuFlex .ScrollSection .Sel,
.FormItemConnect .MLToken_Wrapper:last-child,
.FormItemConnect .CheckBoxIMGButton + label:last-child {
    border-top-right-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);}

.FormItemConnect > figure:last-child img,
.FormItemConnect > .FormItemConnect:not(:first-child) input {
    border-top-left-radius: unset;
    border-bottom-left-radius: unset;
}

.FormItemConnect > figure:first-child img,
.FormItemConnect > .FormItemConnect:not(:last-child) input {
    border-top-right-radius: unset;
    border-bottom-right-radius: unset;
}


.FormItemConnectSub input, .FormItemConnectSub button, .FormItemConnectSub select, .FormItemConnectSub label,
.FormItemConnectSub .ML_Arr_L_B, .FormItemConnectSub .ML_Arr_R_B,
.FormItemConnectSub .AllBotton, .FormItemConnectSub .AllBottonLight,
.FormItemConnectSub .token-input-list-facebook,
.FormItemConnectSub .CheckBoxIMGButton + label   {
    flex: 1;
    width: 100%;
    overflow: hidden;
    }



.RLT {
    direction: rtl;
}

.RLT td,
.RLT th {
    direction: ltr;
}


@keyframes ShadowFIn{
    0%{
    box-shadow: 0 0 0em var(--color-Gray-Light);}
    80%{
    box-shadow: 0 0 0.5em var(--color-Gray-Light);}
    100%{
    box-shadow: 0 0 0.5em var(--color-Gray-Light);}
}

@-webkit-keyframes ShadowFIn {
    0%{
    box-shadow: 0 0 0em var(--color-Gray-Light);}
    80%{
    box-shadow: 0 0 0.5em var(--color-Gray-Light);}
    100%{
    box-shadow: 0 0 0.5em var(--color-Gray-Light);}
}

/*
НАЧАЛО: СТИКИ
*/

.StickyBottom {
    position: sticky;
    bottom: 0;
    z-index: 40;
    background-color: var(--color-BG-backdrop-White);
    backdrop-filter: var(--backdrop-filter-Header);
    /*
    background-color: rgba(255, 255, 255, 0.97);
    */
}

.StickyTop,
.Header.StickyTop,
.ML_THead.StickyTop,
.ML_Table.AllFlexTable .ML_THead.StickyTop,
.ML_ReedMore + label.StickyTop,
input[type="checkbox"]:checked.ML_ReedMore + label.StickyTop,
ul.bookmark-list li.StickyTop {
    position: sticky;
    z-index: 40;
}

.StickyTop:not(.OrderNumber),
.Header.StickyTop,
.ML_THead.StickyTop,
.ML_Table.AllFlexTable .ML_THead.StickyTop,
.ML_ReedMore + label.StickyTop,
input[type="checkbox"]:checked.ML_ReedMore + label.StickyTop,
ul.bookmark-list li.StickyTop {
    top: 0;
}

.StickyTop:not(.TabBar) {
     backdrop-filter: var(--backdrop-filter);
     background-color: var(--color-BG-backdrop-White_Lite);
}

.Salary .Head.StickyTop {
    top: 5.6em;
    background-color: var(--color-BG-backdrop-White_Lite);
    backdrop-filter: var(--backdrop-filter-Header);
}

.StickyTop + * .tox-tinymce--toolbar-sticky-on .tox-editor-header {
    margin-top: 3.2em;
}

.StickyTop.StickyShadow {
    padding-right: 0.8em;
    padding-left: 0.8em;
}

.StickyTop.StickyShadow:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 0.8em;
    width: 100%;
    display: flex;
    background-blend-mode: multiply;
    background: var(--linear-gradient-Gray-Top);
}

/*
.tabBasket .OrderItem.StickyTop.StickyShadow:after {
    display: none;
}
*/

.StickyTop.StickyShadow .ULSubMenu:after {
    border-bottom: none;
}

.StickyTop h2 {
    margin-top: 0.8em;
}

.StickyTop h2 + a {
    display: block;
    font-size: 1.2em;
    margin-top: -0.5em;
}

.StickyTop a.h3,
.StickyTop a.h3:visited {
    color: var(--color-Blue);
}

.StickyTop.StickyShadow h2 {
    margin-top: 0.3em;
}

.OrderList .OrderItem.StickyTop,
.wrapper_section_edititem .StickyTop {
    background-color: var(--color-BG-White);
}

.StickyTop.StickyShadow,
input[type="checkbox"]:checked.ML_ReedMore + label.StickyTop.StickyShadow {
    border-bottom: var(--border-thin) solid var(--color-Beige);
}

.StickyTop.StickyShadow .ULSubMenu .Sel {
    margin-bottom: -1px;
}

.OrderList .OrderItem.StickyTop {
    top: 7.3em;
    z-index: 11;
}

#PostForm .StickyBottom,
#BlogPager.StickyBottom,
.wrapper_section_editcource .StickyBottom {
    border-top: var(--border-thin) solid var(--color-Beige);
}

input[type="checkbox"]:not(:checked).ML_ReedMore + label.StickyTop.StickyShadow {
    box-shadow: none;
}

.wrapper_main_blog .StickyBottom.StickyShadow {
    padding-left: 0;
    padding-right: 0;
}

.wrapper_main_calc .SuportMenu.StickyTop.StickyShadow,

.wrapper_main_profile .SuportMenu.StickyTop.StickyShadow,
.wrapper_main_profile .StickyBottom.StickyShadow,

.wrapper_section_modules .StickyTop.StickyShadow,
.wrapper_section_modules .StickyBottom.StickyShadow,

.wrapper_main_dictionary .StickyTop.StickyShadow,
.wrapper_main_dictionary .StickyBottom.StickyShadow,
#PostForm .StickyBottom.StickyShadow {
    margin-left: -1.8em;
    margin-right: -1.8em;
}

.ButtonBar.StickyBottom {
    border-top: var(--border-style-Light);
}

.SuportMenu.StickyTop.StickyShadow .ML_TA,
.SuportMenu.StickyTop.StickyShadow .ML_TDM {
    padding-top: 0;
}

#BlogPager {
    display: flex;
    flex: 1;
    justify-content: center;
}

.BtMore {
    flex: 1;
    text-align: center;
    vertical-align: baseline;
}

/* Потоковая загрузка */

#but_mobile {
    display: flex;
    gap: 0 0.4em;
    flex: 1 1;
    text-align: center;

    padding: 0.7em;

    border-style: solid;
    border-width: 0.1em;
    line-height: 1em;

    box-sizing: border-box;
    -moz-box-sizing:  border-box;
 }

#but_mobile {
    margin: 1em 0;
}

#BlogPager .Pager {
    margin: 0.4em 0.25em;
}

#but_mobile .text {
    font-size: 1.2em;
}

#count_show_all {
    display:none;
    color: #706050;
    margin: 0em 0 1em 0;
    text-align: center;
    flex: 1 0 100%;
    }

/* Конец элементов потоковой загрузки */

.Search.StickyTop.StickyShadow {
    background-color: var(--color-BG-backdrop-White);
    padding: 0.6em 0;
}

/*
#BlogPager.StickyBottom .Pager {
    margin-top: 0;
}

*/



/* НАЧАЛО: Новый вариант построения форм

 .Item_Column - Добавляется к .ML_Form - в итоге label и Details построчно

    Описание структуры:
    <fieldset> - Базовый класс .ML_Form
        <section>
            <div class="Title"> - Занголовок блока
                <div class="Main">Настройки форматирования Макета</div> Заголовок
                <div class="Subtitle"></div> - подзаголовок
            </div>
            <div class="List_Item">
                <div class="Item"> - Блок для инпута
                    <span class="label"></span> - название инпута
                    <span class="Details"> - Блок где размещается инпут и описание
                        <div class="Field"></div> - Блок где размещается описание
                        <div class="Explanation"></div> - описание фомры
                        <div class="FieldError"></div> - Ошибка формы
                    </span>
                </div>
            </div>
        <section>
    </fieldset>
 */

.ML_Tox_Body .ML_Form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    position: relative;
    font-family: var(--font-family-Tiny);
}

.ML_Form {
    border: var(--border-style-LightBlue);
    border-radius: var(--border-radius-fieldset);
}

.TinyMCE_Window .ML_Form {
    border: unset;
    border-radius: unset;
    padding: 0.8em;
}

.ML_Form section .List_Item,
.ML_Form section {
    display: flex;
    flex-direction: column;
}

/*.ML_Form section .List_Item {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto;
    gap: 0px 0px;
    grid-template-areas:
        "label Details";
}

.ML_Form section .List_Item .Item {
    display: contents;
}

.ML_Form section .List_Item .Details { grid-area: Details; }
.ML_Form section .List_Item .label { grid-area: Item; }*/

.ML_Tox_Body {
    display: flex;
    gap: 2em;
    align-items: flex-start;
    }

.ML_Tox_Body aside {
    display: flex;
    position: sticky;
    top: 0;
}

.ML_Form section {
    gap: 0.8em;
}

.ML_Form section p,
fieldset.ML_Form section p {
    margin: 0;
}

.ML_Form section .List_Item {
    padding: 0 1em;
    box-sizing: border-box;
    gap: 0.6em;
}

.ML_Form section .List_Item .Item {
    display: flex;
    align-items: flex-start;
    gap: 0 1em;
    padding: 0.2em 0;
}

.ML_Form .Item.Column,
.ML_Form.Item_Column section .Item {
    flex-direction: column;
    gap: 0.6em 1em;
}

.ML_Form section .List_Item .Item .label {
    display: inli-flex;
    align-self: unset;
    justify-content: flex-start;

    max-width: 10em;
    min-width: 10em;
    padding: unset;
}

.ML_Form section .List_Item .Item .Details {
    display: inline-flex;
    align-items: center;
}

.ML_Form:not(.Item_Column) section .List_Item .Item .label,
.ML_Form:not(.Item_Column) section .List_Item .Item .Details {
    min-height: 3em;
}

.ML_Form section .Title {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
    border-bottom: var(--border-thin) solid var(--color-Gray-Light);
    position: sticky;
    top: 0;
    padding: 1em 0 0.4em 0;
    backdrop-filter: var(--backdrop-filter-Menu);
    /*background: var(--color-BG-backdrop-White);*/
    background-image: var(--backdrop-linear-gradient-White-Top);
    z-index: 5;
}

.ML_Form section .List_Item .Item .Details .Field {
    display: flex;
    gap: 0.5em 1em;
    flex-wrap: wrap;
}

.ML_Form section .List_Item .Item .Details .Field select,
.ML_Form section .List_Item .Item .Details .Field input,
.ML_Form section .List_Item .Item .Details .Field label,
.ML_Form section .List_Item .Item .Details .Field .FormItemConnect {
    margin: 0;
}

.ML_Form section .Title .Main {
    display: flex;
    gap: 0.4em;
    align-items: center;
    font-size: 1.2em;
    line-height: 1.2em;
    color:var(--color-Gray-Dark);
    z-index: 105;
}
.ML_Form section .Title .Main *:not(svg) {
    display: contents;
}

.ML_Form section .Title .Main svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
    font-size: 1.4em;
}

.ML_Form .ML_Tox_Foot {
    display: flex;
    gap: 2em;
    justify-content: space-between;
    border-top: var(--border-style-Norm);
}

.ML_Form .ML_Tox_Foot .Start,
.ML_Form .ML_Tox_Foot .End {
    display: inline-flex;
}

.ML_Form .ML_Tox_Foot .Start {

}

.ML_Form .ML_Tox_Foot .End {
    justify-content: flex-end;
}

/* КОНЕЦ: Новый вариант построения форм  */





.wrapper_main_payservices fieldset {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1em;
    padding-right: 1em;
}

.wrapper_main_payservices fieldset .Description {
    font-size: 1.2em;
    flex: 1 1;
    margin-right: 2em;
}

.wrapper_main_payservices fieldset .Description p {

}

.wrapper_main_payservices fieldset .Authorization {
    max-width: 42%;
}

.wrapper_main_payservices fieldset #sendmail + label {
    flex: 0 1;
    min-width: 14em;
}

.wrapper_main_payservices fieldset input {
    flex: 1 1;
    margin-right: 0;
    margin-left: 0;
}

.wrapper_main_profile.wrapper_settings_shop .StickyTop.StickyShadow {
    padding: 0.6em 1.6em;
}

.wrapper_main_qmdjsearch2 .StickyBottom.StickyShadow,
.wrapper_main_qmdjsearch .StickyBottom.StickyShadow {
    margin-left: -1.9em;
    margin-right: -1.9em;
}

.wrapper_main_profile .StickyTop + .FormBlock {
    margin-top: 2em;
}

.Header.StickyTop.StickyShadow {
    background-image: none;
    margin-bottom: 1.5em;
    background-color: var(--color-BG-backdrop-White);
    backdrop-filter: var(--backdrop-filter-Header);
}

.Header.StickyTop.StickyShadow .GenForm {
    border-bottom: none;
}

input[type="checkbox"]:checked.ML_ReedMore + label.StickyTop.StickyShadow,
.wrapper_section_modules .StickyShadow,
.wrapper_main_dictionary .StickyShadow,
table thead.StickyTop {
    background-color: rgba(255, 255, 255, 0.97);
}

table thead.StickyTop {
    box-shadow: 0 1px var(--color-Beige-Dark);
}

.StickyTop.StickyShadow .ML_StickyLogo {
    margin: 2em -2em -1.5em 2em;
    position: absolute;
    left:0;
}

.StickyTop.StickyShadow .ML_StickyLogo > img,
.StickyTop.StickyShadow img.ML_StickyLogo {
    width: 8em;
}

.StickyTop.StickyShadow .ML_StickyLogo > img {
    margin: 0;
}

.StickyTop.StickyShadow .StickyHide {
    display: none!important;
}

table tfoot.StickyBottom {
    box-shadow: 0 -1px var(--color-Beige-Dark);
}

.StickyBottom.StickyShadow {
    /*
    box-shadow: 0 -0.6em 0.8em rgba(112, 128, 144, 0.3);
    */
    padding-right: 0.8em;
    padding-left: 0.8em;
}

.StickyBottom.StickyShadow:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0;
    height: 0.8em;
    width: 100%;
    display: flex;
    background-blend-mode: multiply;
    background: linear-gradient(180deg, rgba(112, 128, 144, 0) 0%, rgba(112, 128, 144, 0.2) 100%);
}

.StickyBottom.StickyShadow {
    border-top: var(--border-thin) solid var(--color-Beige-Light);
}

/*
КОНЕЦ: СТИКИ
*/

.Correction:not(table) {
    display: inline-flex;
    align-items: center;
    font-size: 0.9em;
}

.GenForm span.Correction,
.GenForm span.Correction span {
    margin-right: 0;
}

.Correction .text {
    font-size: 1.2em;
}

.Correction svg,
.GenForm .Correction svg,
.SuportMenu .Correction svg {
    color: var(--color-Beige-Dark);
    margin: 0;
}

.Correction svg + .text,
.GenForm .Correction svg + .text,
.SuportMenu .Correction svg + .text {
    margin-left: 0.2em;
}

a svg,
/*
a:not(.AllBotton):not(.PopUpHelp):not(.SVG):not(.Advanced) svg,
*/
button svg,
.ML_Table label svg:not(.Red):not(.positive):not(.negative),
/*
.AllBotton svg,
.tabBasket .AllBotton svg,
*/

.AllBottonLight svg {
    color: var(--color-Gray);
}

.tabBasket .AllBottonLight svg,
input.Radio[type="radio"] + label svg,
input.Radio[type="checkbox"] + label svg,
.CheckBoxIMGButton + label svg {
    color: var(--color-Gray-Med);
    }

.AllBotton svg,
/*
button.AllBotton svg,
*/
a span.AllBotton svg,
.AllBottonNoAct svg,
.AllBottonCancel svg,
.AllBottonDl svg,
.AdLine1Sect a:not(.AllBotton):not(.SVG) .AllBotton svg {
    color: var(--color-Gray-input-BG);
}

input[type="radio"]:checked + label svg {
    color: var(--color-Blue);
}

button svg.PopUp {
    font-size: 0.5em;
    margin-top: -2em;
    margin-right: -1.0em;
}

a:hover svg,
a.addNewFile:hover svg,
.SectionFiles :not(.Files) svg
.AllBottonLight:hover, a.AllBottonLight:hover, .FileLink_2:hover,
.AllBottonLight:hover svg,
.CheckBoxIMGButton + label:hover svg {
        color: var(--color-Blue-hover);
        text-decoration: none;
    }

.OnLine:not(label), .Club:not(label), .FullTime:not(label), .OffLine:not(label), .Free:not(label), .Video:not(label) {
    display: inline-block;
    font-size: 80%;
    line-height: 1.2em;
    color: rgba(255,255,255,0.9);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); }



label.OnLine, label.Club, label.Clubs, label.FullTime, label.Video, label.OffLine, label.Free,
label.PCalendar, label.FSI, label.Bazi, label.QMDJ, label.ZWDS {
    color:#fff;
}

.OnLine,
label.PCalendar,
.add_dp sup.OnLine {background-color: var(--OnLine);}

.Clubs,
.add_dp sup.Clubs,
.Club,
.add_dp sup.Club {background-color: var(--Club);}

.OffLine,
label.FSI,
.add_dp sup.OffLine {background-color: var(--OffLine);}

label.Bazi {
    background-color: var(--Bazi);
}

.FullTime,
label.QMDJ,
.add_dp sup.FullTime {background-color: var(--FullTime);}
/*.Video {background-color: #0067ca;}*/

.Video,
.add_dp sup.Video {background-color: var(--Video);}

.Free,
label.ZWDS,
.add_dp sup.Free {background-color: var(--Free);}


input:not(:checked) + label.OnLine,
input:not(:checked) + label.PCalendar,

input:not(:checked) + label.Clubs,
input:not(:checked) + label.Club,

input:not(:checked) + label.OffLine,
input:not(:checked) + label.FSI,

input:not(:checked) + label.Bazi,

input:not(:checked) + label.FullTime,
input:not(:checked) + label.QMDJ,

input:not(:checked) + label.Free,
input:not(:checked) + label.ZWDS {
    background-color: unset;
    color: inherit;
}

input:not(:checked) + label.OnLine,
input:not(:checked) + label.PCalendar {
    box-shadow: 0 0 0 var(--border-thin) var(--OnLine) inset;
}

input:not(:checked) + label.Club,
input:not(:checked) + label.Clubs {
    box-shadow: 0 0 0 var(--border-thin) var(--Club) inset;
}

input:not(:checked) + label.OffLine,
input:not(:checked) + label.FSI {
    box-shadow: 0 0 0 var(--border-thin) var(--OffLine) inset;
}

input:not(:checked) + label.Bazi {
    box-shadow: 0 0 0 var(--border-thin) var(--Bazi) inset;
}

input:not(:checked) + label.FullTime,
input:not(:checked) + label.QMDJ {
    box-shadow: 0 0 0 var(--border-thin) var(--FullTime) inset;
}

input:not(:checked) + label.Free,
input:not(:checked) + label.ZWDS {
    box-shadow: 0 0 0 var(--border-thin) var(--Free) inset;
}

.text, label .text, button .text, a .text {
    line-height: 1.1em;
}

button .text {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.TabBar.Charts > label .text {
    font-size: 1.3em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
}

.TabBar.Charts > label .text .Amount {
    color: var(--color-Gray-Dark);
    font-size: 0.7em;
    bottom: 0.4em;
    position: relative;
    margin-top: -0.6em;
}

.TabBar.Charts > label .text + .Amount {
    margin-left: 0.3em;
    margin-top: -0.5em;
}


.txL, .TxL {text-align: left !important;
    justify-content: flex-start;
    }
.txC, .TxC {
    text-align: center !important;
    justify-content: center !important;
    }
.txR, .TxR {
    text-align: right !important;
    justify-content: flex-end;
    }

.JCC {
    justify-content: center;
}

.JCR {
    justify-content: flex-end;
}

.JCSB {
    justify-content: space-between;
}

.gradText, .TextGradient {
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    cursor: default;
    }

.shadText, .TextShadow {
    position: relative;
}

.shadText:after, .TextShadow:after {
    content: attr(data-text);
    text-shadow: var(--TextShadow);
    color: transparent;
    background: none;
    left: 0;
    top: 0;

    text-align: inherit;
    width: 100%;

    position: absolute;
    line-height: inherit;
    font-size: inherit;
    z-index: -1;
}

.TextGradient,
.FormBlock .label.TextGradient {
    display: inline-flex;

    width: 1em;
    font-size: 2em;
    font-weight: bold;
    color: #333;
    line-height: 1em;
    letter-spacing: 0em;
    padding: 0 0.3em 0 0;

    white-space: normal;
    margin-right: 0;
    box-sizing: border-box;

    justify-content: flex-end;
    text-align: center;

    align-self: center;
}

.gradText.Fire {
    background-color: var(--color-Red-hover);
}

.AlSelfC {
    align-self: center; }

.flex.VAM,
.FormBlock.VAM, .FormSubBlock.VAM {
    align-items: center;
}

.flex.VAT,
.FormBlock.VAT, .FormSubBlock.VAT,
.FormBlock .FormSubBlock.VAT,
.ML_TR.VAT, .ML_TD.VAT, .ML_TA.VAT {
    align-items: flex-start;
}

button {
    width: unset;
    cursor: pointer;
}

.Copy svg,
.tabBasket.Schedule .BSeminarName .Item svg,
button:not(.tox-listbox--select) svg, .AllBotton svg, .AllBottonLight svg,
.Correction svg  {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em; }

.Copy svg,
button:not(.tox-listbox--select) svg, .AllBotton svg, .AllBottonLight svg,
.Correction svg {
    font-size: 1.6em;
}

.Link svg, .link svg,
button.Link svg, button.link svg {
    font-size: 1.4em;
}

.Copy {
    display: inline-flex;
    align-items: center;
}

.Copy svg {
    cursor: pointer;
    color: var(--color-Gray-Med);
}

.Copy:hover svg {
    color: var(--color-Blue-hover);
}

.AllBotton.OS svg, .AllBottonLight.OS svg {
    font-size: 1.2em;
}

button:not(.tox-listbox--select) svg, .AllBotton svg,
.AllBottonLight svg,
a.AllBottonLight svg {
    margin: -0.15em 0 -0.15em 0;
}

button .text, .AllBotton .text, .AllBottonLight .text, .AllBottonNoAct .text, .AllBottonCancel .text, .AllBottonDl .text {
    margin: 0;
}

label svg {
    margin-bottom: -0.5em;
    margin-top: -0.5em;
}

/*
label .text + svg, label svg + .text,
.CheckBox + label .text + svg, .CheckBox + label svg + .text,
.label > .text + svg, .label > svg + .text,
*/

/*
.AllBotton .text + svg, .AllBotton svg + .text,
.ML_Table button .text + svg,  .ML_Table button svg + .text,
.AllBottonLight .text + svg, .AllBottonLight svg + .text,
.ML_Table .AllBottonLight .text + svg, .ML_Table .AllBottonLight svg + .text,
button .text + svg, .AllBottonNoAct .text + svg, .AllBottonCancel .text + svg, .AllBottonDl .text + svg,
button svg + .text, button img + .text,
.AllBottonLight img + .text, .AllBotton img + .text,
button .text + .Amount, button .Amount + .text {
    margin-left: 0.4em;
    margin-right: 0;
}
*/


.CheckBoxImgOff ~ .text,
.CheckBoxImgOn ~ .text {
    margin-left: 0.7em;
}


button.Sel {
    color: var(--color-Blue);
    border-color: var(--color-Blue-hover);
    z-index: 3;
}
button.Sel svg {
    color: var(--color-Blue);

}

.bookmark-radio > input[type=radio],
.checkable-list input[type="checkbox"],
.checkable-list input[type="radio"],
input.allCheck,
input.allCheck_Text {
    display: none;
    }

.Clear, .FormItemConnect .Clear {
    border: none;
    background: none;
    padding: 0;
    border-radius: 0;

    color: rgba(112, 128, 144, 0.5);

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: calc(-2.2em + 1px);
    line-height: 1em;
    min-width: 2.2em;
    width: 2.2em;
    min-height: 2.2em;

    z-index: 10;
}

.Clear + input,
.Clear + input[type="text"] {
    order: -1;
    padding-right: 2em;
}

.Clear svg,
.ML_Table button.Clear svg {
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    color: inherit;
}

.Clear:hover,
.Clear:hover svg {
    color: var(--color-Orange-hover);
}


/*Верхнее меню*/
.Page .TopMenu2 {
    font-size: 0.8em;
}

.TopMenu2 {
    display: flex;
    padding: 1.2em 0;
    justify-content: space-between;
    align-items: center;
    gap: 0.8em;
    }

.TopMenu2 #vmTopApp {
    display: flex;
}

.TopMenu {display:inline-block;
    padding: 5px 0 0 0.4cm;}

.MLLoginDescr, .TopMenu2 a {
line-height: 1.1em; }

.TopMenu a, .TopMenu2 a {
    text-decoration: none;
    display: inline-block;}


.TopMenu2 a, .TopMenu2 button, .TopMenu2 b, .TopMenu2 span {vertical-align: middle;}

.TopMenu a:hover {color: #f8fcff;}
.TopMenu2 a:hover {color: #fff;}

.TopMenu a:hover strong, .TopMenu2 a strong {text-decoration: underline;}

.UnregUser,
.TopMenu2 .UnregUser {
    line-height: 1em!important;
    color: rgba(255, 255, 255, 0.6);}
.UnregUser strong { color: #fff;
    text-decoration: none!important; }

.wrapper_login {
    display: inline-flex;}

.MLLoginBlock {
    display: inline-flex;
    align-items: center;
    }

.MLLoginDescr { display: inline-block;
        vertical-align: top !important;
        overflow: hidden;}

.MLLoginUser {
    display: inline-flex;
    text-align: left;
    padding-right: 1em;
    flex-direction: column;
    gap: 0.4em 0;
    }

.MLLoginUser svg {
    margin-left: 0;
}

span.ya-share2 {
        display: inline-block;
        vertical-align: middle;
    }

.ya-share2 .ya-share2__badge {

    border-radius: 0.4em; }

.TopMenu2 .PromoCode_Main {
    align-items: center;
    order: 1;
}

.TopMenu2 .PromoCode_Main .ya-share2 {
    margin: 0;
    padding: 0;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short,
.TopMenu2 .PromoCode_Main #promo_copy {
    line-height: 1em;
    margin-right: 0.3em;
    display: inline-flex;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    padding: 0.2em;
}

.TopMenu2 .PromoCode_Main #promo_copy {
    padding: 0.3em 0.3em 0.3em 0.3em;
}

.TopMenu2 .PromoCode_Main #promo_copy svg {
    margin: 0;
}


.PromoCode_Main .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: var(--SVG-Ico-Share-Gray);
}

.PromoCode_Main .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more:hover {
    background-image: var(--SVG-Ico-Share-White);
}

.TopMenu2 a svg  {
    color: rgba(252, 250, 248, 0.8);
}

.TopMenu2 a:hover svg {
    color: #fff;
}

.MLLoginUser .profile {
    font-weight: bold;
    color: #fff;
}

/*
.TopMenu2 .MLLoginUser,
*/
.TopMenu2 .MLLoginBlock {
    color: #d0d8df;
}

.TopMenu2 .MLLoginBlock > .PromoCode_Main.ShowOnPC {
    margin-right: 2em;
}

.TopMenu2 .PromoCode_Main.ShowOnPC ~ .MLLoginUser .PromoCode_Main {
    display: none;
}

.TopMenu2 .PromoCode_Main,
.TopMenu2 a, .TopMenu2 a {
    color: inherit;
}

/* Lang Selecter */
#langBar {
    display: inline-flex;
    flex: 0 auto;
    white-space: nowrap;
    align-items: center;
    box-sizing: content-box;}

#langBar b { vertical-align: middle; }

#langBar a {
    color: #d0d8df;
    font-size: 1.2em;
    display: inline-flex;
    padding: 0.1em 0.6em 0.1em 0.2em;
    border-radius: 6px;
    opacity: 0.7;
    margin-top: 1px;
    align-items: center;
}

.TopMenu2 .PromoCode_Main #short_promo:hover {
    color: #fff;
}

#langBar a:hover,
.wrapper_login a.Avatar:hover,
.TopMenu2 .PromoCode_Main #promo_copy:hover,
.PromoCode_Main .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short:hover {
    color: #fff;
    /*border-radius: var(--border-radius-norm); */
    box-shadow: 0 0 0.8em #d0d8df, 0 0 1px 1px #d0d8df;
    opacity: 1;
}

#langBar a img, #langBar a svg {
    width: 1.6em;
    margin: 0em 0.5em 0em 0.1em;
    overflow: hidden;
    border-radius: var(--border-radius-xs);
    box-shadow: 0 0 0 1px rgba(208, 216, 223, 0.9);
}

#langBar input.selected {
border: var(--border-thin) solid #908070;
color: #222222;
background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#efe8e0));
background-image: -webkit-linear-gradient(top, #fafafa, #efe8e0); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #fafafa, #efe8e0); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #fafafa, #efe8e0); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#efe8e0'); /* for IE */
background-image:      -o-linear-gradient(top, #fafafa, #efe8e0); /* Opera 11.10+ */
background-image:         linear-gradient(top, #fafafa, #efe8e0);
display: none;
}

#langBar .Ru, #langBar .En {
    background-image: url(/img/flagi_min.png);
    background-repeat: no-repeat;
    display: inline-block;
    //display: inline;
    height: 19px;
    width: 32px;
    font-size: 1px;
    line-height: 1px;
}

#langBar .Ru {
    background-position: 0px 0px;}
#langBar .En {background-position: 0px -19px;}

.wrapper_login .Avatar {
    margin-right: 1.0em;
    border-color: rgba(239, 232, 224, 0.5);
    box-shadow: 0 0 0.8em var(--color-Gray-Dark);
}

.SeminarsTable .Avatar .AvatarTD,
.wrapper_login .Avatar .AvatarTD {
    font-size: 3em;
}

.UsersPopUp .Avatar .AvatarTD {
    font-size: 2.3em;
}


.ui-autocomplete a:not(.Main) .Avatar {
    margin: 0 0.6em 0 0;
    align-self: center;
}

.ui-autocomplete .Avatar + .Descr {
    font-size: 0.8em;
}

.ui-autocomplete .Avatar .AvatarTD,
.ui-menu.ui-autocomplete .Avatar .AvatarTD {
    font-size: 2.5em;
}

/*Конец верхнего меню*/



/* checkable list */

.unset {
    padding-left: 0;
}

.unset > li {
    list-style: none;
}

.SuportMenu .FormSubBlock.NoWrap,
.NoWrap, .Nowrap, .nowrap,
fieldset .FBody .FormBlock.NoWrap {
    flex-wrap: nowrap;
}

.TabBar_Content_Wrap blockquote:last-child,
fieldset .FBody blockquote:last-child {
    border-top: var(--border-style-Light);
    box-shadow: none;
    border-bottom: none;
    border-radius: unset;
    margin-top: 2em;
}

.FormBlock,
.WRAP, .Wrap, .wrap,
.flex-wrap {
    flex-wrap: wrap;
}

.WAuto,
.FBody .label.WAuto,
.FBody.TabBar span.label.WAuto,
textarea ~ .label,
.FBody textarea ~ .label,
.TabBar.FBody textarea ~ .label {
    width: auto;
    max-width: none;
    justify-content: flex-start;
}

.QMDJ_Search_FormLabel {
    line-height: 1.1em;
    margin: 0.8em 0.2em 0.3em 0em;
    padding: 0em;
    /*width: 30%;*/
    cursor: default; }

div.QMDJ_Search_FormLabel {
    display: block;
}



/* НАЧАЛО: Формы редактирования */

.Header_Edit {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex: 1 auto;
}

.ContentFlex #СopyForm,
.ContentFlex #CopyForm {
    flex: 1 auto;
}

.ItemCoverEdit .ML_TR {
    justify-content: center;
}

.ItemCoverEdit .ML_TR .ML_TD {
    flex: 0 auto;
}

.ItemCoverEdit form {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 25em;
}

.ItemCoverEdit form .InputFile {
    flex: 1;
}

.ItemCoverEdit form .InputFile img {
    width: 100%;
    object-fit: contain;
}

.FormBlock .product_ulist {
    display: flex;
    flex: 1;
}

.FormBlock .product_ulist .token-input-list-facebook {
        width: unset;
    }

/* КОНЕЦ: Формы редактирования */




/*
Макет селектора где можно вставлять хтмль
Структура:
.Selected - выбранный пункт который виден когда список скрыт
если к .Select добавить класс .focus-within то покажется список
.Select_Options - список
    svg - ставится перед текстом
    .Item - пункт списка
    .checked - назначается Item - пункт выделен (для курса валют он будет показываться, для остальных списков будет скрываться)
    .Admin - назначается Item - пункт только для админов

        Это нужно в основном для сложных селекторов, типа выбора языка или валюты
        .flag - иконка флага, ставится перед .Item
        .Litera - Символ (обычно иероглиф)
        .Emoji - Модификатор если нужно вместо символа вставить эмоджи - меняет размер

        .text
            .Name - Название в айтеме - не обязательно но позволяет ограничить ширину, если текст больше, то в конце будет многоточие
            .Rates -  Курс валют

        Новая структура:
        .Details
            .Name
            .Specification
*/

select {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.Currency.Select {
    text-align: left;
}

input[type='number'] {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}

.Select .FlagTxt,
.SelectVUE .FlagTxt {
    font-size: 2em;
    line-height: 1em;
    margin-right: 0.2em;
}

.Select.Hieroglyphs .Litera {
    font-family: var(--font-hieroglyph);
    font-size: 1.8em;
}

.Select.Hieroglyphs .Litera.Emoji {
    font-size: 1.4em;
}

.Select.Hieroglyphs .text {
    line-height: 1em;
}

.Select.Hieroglyphs .text .Name {
    display: block;
    white-space: nowrap;
}

.Select.Hieroglyphs .text .Details,
.Select.Hieroglyphs .Details .Specification {
    display: flex;
    gap: 0.4em;
    align-items: baseline;

    font-size: 0.8em;
    color: var(--color-Beige);
    line-height: 1em;
    white-space: nowrap;
}

.Select.Hieroglyphs .Details .Specification * {
    display: contents;
}

.Select .Details .MonthName,
.Select .text .Details .MonthName {
    font-weight: bold;
}

.Select .text .Details time {
    font-size: 0.9em;
    font-style: italic;
}

.Select .text .Details time .Duration:before {
    content: "⏱️";
    font-style: normal;
}

.Select .Selected .FlagTxt,
.SelectVUE .Selected .FlagTxt {
    margin-left: 0.2em;
}

select,
.Select:not(input), .Select + label,
.SelectVUE:not(input), .SelectVUE + label {
    font-size: 1em;

    padding: 0.55em 1.7em 0.6em 0.55em;
    -webkit-padding-before: 0.5em;
    -webkit-padding-after: 0.5em;

    background-image: var(--Select-Svg-Blue);

    background-position: right center;
    background-repeat: no-repeat;
    background-size: 1.3em auto;

    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    }

.Select .Select_Options {
    --backdrop-filter: var(--backdrop-filter-Menu);
    background-color: var(--color-BG-backdrop-White);
}

.Select,
.Select .Select_Options label,
.Select .Select_Options .Input {
        cursor: pointer;
    }

fieldset .PayMetods_Block {
    margin-top: 1em;
}

select:hover,
.Select:hover:not(input),
.SelectVUE:hover:not(input) {
    background-image: var(--Select-Svg-Blue-hover);
}

.Select:not(input),
.SelectVUE:not(input) {
    height: 2.7em;
    box-sizing: border-box;
}

.Select.PayMetods_Item {
    height: unset;
}

.Select.PayMetods_Item,
.Select:not(input) .Select_Options label,
.Select + label,
.SelectVUE.PayMetods_Item,
.SelectVUE:not(input) .Select_Options label,
.SelectVUE + label {
    box-sizing: border-box;
}

.FormBlock .PayMetods_Item  {
    margin-left: 0.6em;
}


.Select:not(input) .Select_Options .item svg,
.Select:not(input) .Select_Options label svg,
.SelectVUE:not(input) .Select_Options label svg {
    margin-top: -0.2em;
    margin-bottom: -0.2em;
}


#langBar.Select:not(input),
#Currency.Select:not(input),
.Currency.Select:not(input) {
    background-image: var(--Select-Svg-Gray-Light);

    border-color: rgba(208, 216, 223, 0.5);
    border-radius: var(--border-radius-inputs);
    z-index: 110;
}

#langBar.Select:not(input):hover,
#Currency.Select:not(input):hover,
.Currency.Select:not(input):hover {
    background-image: var(--Select-Svg-White);
}

#langBar.Select:not(input):not(.focus-within),
#Currency.Select:not(input):not(.focus-within),
.Currency.Select:not(input):not(.focus-within) {
    background-color: transparent;
    color: var(--color-Gray-Light);
    }

#langBar.Select.focus-within:not(input),
#langBar.Select.focus-within:not(input):hover,
#Currency.Select.focus-within:not(input),
#Currency.Select.focus-within:not(input):hover,
.Currency.Select.focus-within:not(input),
.Currency.Select.focus-within:not(input):hover {
    background-image: var(--Select-Svg-Blue-hover);
    background-color: #fff;
    text-shadow: none;
}

#langBar.Select:not(input):hover,
#Currency.Select:not(input):hover,
.Currency.Select:not(input):hover {
    border-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
}

.TopMenu2 .Select:not(input) .Item.checked,
.TopMenu2 .Select:not(input) .Selected + .Select_Options .Item.checked,
#langBar.Select:not(input) input:checked + label,
#langBar.Select:not(input) .Selected + .Select_Options input:checked + label,
#Currency.Select:not(input) input:checked + label,
#Currency.Select:not(input) .Selected + .Select_Options input:checked + label,
.Currency.Select:not(input) input:checked + label,
.Currency.Select:not(input) .Selected + .Select_Options input:checked + label  {
    border: var(--border-thin) solid transparent;
}

.TopMenu2 .Select:not(input) .Item,
#langBar.Select:not(input) input:not(:checked) + label,
#Currency.Select:not(input) input:not(:checked) + label,
.Currency.Select:not(input) input:not(:checked) + label {
    padding: 0.4em 0  0.4em  0.5em;
    height: auto;
}

.Select:not(input) .Item .flag ~ .text,
.Select:not(input) input + label .flag ~ .text {
    font-size: 1.2em;
}

.Select:not(input) .Item .text {
    white-space: nowrap;
}

.Select:not(input) .Item .flag,
.Select:not(input) input:not(:checked) + label .flag {
    border-radius: var(--border-radius-xs);
    height: 2em;
    border: var(--border-thin) solid var(--color-Gray-Med);
}

.Select:not(input) .Item:not(.checked):hover .flag,
.Select:not(input) input:not(:checked) + label:hover .flag {
    border-color: #fff;
}

#langBar.Select:not(input),
#langBar.Select:not(input) .Select_Options label,
#Currency.Select:not(input),
#Currency.Select:not(input) .Select_Options label,
.Currency.Select:not(input),
.Currency.Select:not(input) .Select_Options label {
    height: 2.4em;
}


.Select .Select_Options .item,
#langBar.Select label,
#Currency.Select label,
.Currency.Select label {
    position: relative;
    overflow: hidden;
    padding: 0;
}

.Select .flag,
.Select:not(input) .Selected .flag {
    height: 100%;
    font-size: 1em;
    border-right: var(--border-thin) solid var(--color-Gray-Med);
}

.Select .Selected .flag {
    margin-left: -0.5em;
}

.Select .Select_Options .flag {
    margin: 0;
}

.Select:not(input) .Selected .flag {
    box-shadow: 0.2em 0 0.3em rgba(112, 128, 144,0.4);
}

.Select .Abbreviation {
    display: none;
}

.Select .flag + .Details,
.Select .Litera + .Details {
    display: inline-flex;
    flex-direction: column;
    gap: 0;
    padding: 0 0.6em 0 0.4em;
}

.Select .flag + .Details .Name,
.Select .Litera + .Details .Name {
    white-space: nowrap;
}

.Select .flag + .text,
.Select .Litera + .text  {
    padding: 0 1.6em 0 0.4em;
}


.Select .flag + .text .Comment {
    font-size: 0.7em;
    }
.Select .Select_Options .flag + .text .Comment {
    color: var(--color-Beige);
}

.Select .Select_Options label:hover .text .Comment,
.Select .Selected .Comment {
    color: var(--color-White_Med);
}

.Select .flag + .text .Rates {
    font-size: 0.7em;
}

.Select:not(input) input,
.Select:not(input):not(.focus-within) input:not(:checked) + label,
.Select:not(input):not(.focus-within) label:not(.checked),
.SelectVUE:not(input):not(.focus-within) label:not(.checked),
input.Select,
.Select + label input,
.Select:not(:focus) + label input:not(:checked) + label {
    position: absolute;

    pointer-events: none !important;
    -webkit-touch-callout: none; /* iOS Safari */
    }

.Select:not(input) input {
    display: none;
}

.Select:not(input):not(.focus-within) input:not(:checked) + label,
.Select:not(input):not(.focus-within) label:not(.checked),
.SelectVUE:not(input):not(.focus-within) label:not(.checked),
input.Select,
.Select + label input,
.Select:not(:focus) + label input:not(:checked) + label {
    display:none;
    z-index: -1;
}

/*
.Select:not(input):not(:focus-within) .Select_Options input:not(:checked) + label {

}
*/

.Select, .SelectVUE {margin: 0.4em 0.25em;}

.Select:not(input),
.SelectVUE:not(input) {

}

.Select:not(input) .Selected,
.SelectVUE:not(input) .Selected {
    display: flex;
    align-items: center;
    height: 100%;
    overflow: hidden;
    padding-left: 0.5em;
    text-align: left;
    /*
    border-top-left-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs);
    */
}

.Select:not(input) .Selected img,
.SelectVUE:not(input) .Selected img {
    border-top-left-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs);
}

.Select:not(input) .Selected .text,
.SelectVUE:not(input) .Selected .text,
#langBar.Select:not(input) .Selected .text {
    padding-right: 0;
}

.Select.Currency .Selected {
    line-height: 1em;
}

.Select .Selected .text + .text,
.Select .Selected .text + .Rate {
    line-height: inherit;
}

.Select .Selected .text + .Rate {
    margin-left: 0.3em;
    font-size: 0.9em;
    white-space: nowrap;
}

.Select .Selected .text + .Rate:before {
    content: "=";
    padding-right: 0.3em;
}

.Select:not(input) .Select_Options .Attent {
    color: var(--color-Black);
    margin: 0;
    text-align: center;
    line-height: 1.2em;
    color: var(--color-Black);
}

.Select:not(input) .Select_Options .Attent {
    background-color: var(--color-BG-White);
    padding: 0.6em;
}

.Select:not(input) .Select_Options label .Attent {
    background-color: unset;
    padding: none;
}

.Select:not(input) .Select_Options label:hover .Attent {
    color: #fff;
}

.Select:not(input) .Selected + .Select_Options,
.SelectVUE:not(input) .Selected + .Select_Options {
    position: absolute;
    top: calc(100% + 0px);
    left: -1px;
    margin: 0;
    box-shadow: 0.3em 0.3em 0.8em rgba(0,0,0,0.2);

    overflow-x: hidden;
    max-height: 21em;

    border: var(--border-thin) solid var(--color-Gray-Light);

    border-top-right-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);
}

.TxR .Select.Currency .Select_Options {
    right: 0;
    left: unset;
    backdrop-filter: var(--backdrop-filter-Menu);
}

.Select:not(input):not(.focus-within) .Selected + .Select_Options,
.SelectVUE:not(input):not(.focus-within) .Selected + .Select_Options  {
    display: none;
}

.Select:not(input) .Selected + .Select_Options label:not(.checked),
.Select:not(input) .Selected + .Select_Options input:not(:checked) + label,
.SelectVUE:not(input) .Selected + .Select_Options label:not(.checked) {
    border-left: none;
    border-right: none;
}

.Select:not(input),
.Select:not(input) .Select_Options,
.SelectVUE:not(input),
.SelectVUE:not(input) .Select_Options,
.Select + label,
.SelectVUE + label {
    display: inline-flex;
    flex-direction: column;

    padding-top:0;
    padding-bottom: 0;
    padding-left: 0;

    position: relative;
    z-index: 10;
    }

.Select.PayMetods:not(input) .Select_Options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 0em;
}

.Select.PayMetods:not(input) .Select_Options label:nth-of-type(2n) {
    border-left: var(--border-thin) solid var(--color-Gray-Light);
}

.Select:not(input).focus-within input:checked + label,
.Select:not(input).focus-within label.checked,
.SelectVUE:not(input).focus-within label.checked,
.Select:not(input).focus-within,
.Select:not(input):focus-within,
.SelectVUE:not(input).focus-within,
.Select:not(input).focus-within .Selected,
.SelectVUE:not(input).focus-within .Selected,
#langBar.Select:not(input).focus-within,
#langBar.Select:not(input).focus-within .Selected {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 180;
}

.Select:not(input) .Item,
.Select:not(input) input + label,
.Select + label input + label,
.Select:not(input) label,
.SelectVUE:not(input) label {
    padding: 0.6em;

    border-radius:0;
    display: flex;
    align-items: center;
}

.Select:not(input) .Item,
.Select:not(input) input + label,
.Select + label input + label {
    margin: 0 -1.7em 0 0;
}

.Select:not(input) .Item,
.Select:not(input) label,
.SelectVUE:not(input) label {
    margin: 0;
}


.Select .Selected svg,
.Select label svg,
.SelectVUE label svg {
    min-width: 1.8em;
    min-height: 1.8em;
    }

.Select .Selected svg {
    width: 1.8em;
    height: 1.8em;
}

.Select:not(input) input + label svg,
.Select + label input + label svg,
.SelectVUE + label input + label svg {
    margin: -0.2em 0.5em -0.3em 0;
}

.Select .Selected svg,
.SelectVUE .Selected svg {
    margin: 0 0.5em 0 0;
}

.Select:not(input) .Select_Options,
.SelectVUE:not(input) .Select_Options {
    margin: -1px calc(-1.7em - 1px) 0px -1px;
}

.Select:not(input) .Select_Options input + label,
.Select:not(input) .Select_Options label,
.SelectVUE:not(input) .Select_Options label {
    margin-right: inherit;
}

.Select:not(input) input:checked + label,
.Select:not(input) label.checked,
.SelectVUE:not(input) label.checked {
    margin-right: 0;
    padding: 0.6em 1.7em 0.6em 0.6em;
    border-radius: var(--border-radius-inputs);
    order: -1;
}

.Select:not(input):not(.Currency) .Selected + .Select_Options .Item.checked,
.Select:not(input) .Selected + .Select_Options input:checked + label,
.Select:not(input) .Selected + .Select_Options label.checked,
.SelectVUE:not(input) .Selected + .Select_Options label.checked {
    display:none;
}

.Select.Currency:not(input) .Selected + .Select_Options .Item.checked {

}

.Select input + label span,
.SelectVUE input + label span {
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}

.Select:not(input) .Input.checked svg,
.Select:not(input) input:checked + label svg,
.Select:not(input) label.checked svg,
.Select .Selected svg
.SelectVUE:not(input) label.checked svg,
.SelectVUE .Selected svg {
    color: var(--color-Gray);
}

.Select:not(input) .Input:hover svg,
.Select:not(input) label:hover svg,
.SelectVUE:not(input) label:hover svg {
    color: var(--color-Blue-hover);
}

.Select:not(input).focus-within .Item,
.Select:not(input).focus-within input + label,
.Select:not(input):focus-within input + label,
.Select:not(input).focus-within label,
.SelectVUE:not(input).focus-within label {
    border-bottom: var(--border-thin) solid var(--color-Gray-Light);
    z-index: 1;
}

.Select:not(input) .Item.checked {
    background-color: var(--color-Blue);
}

.Select:not(input) .Item:not(.checked),
.Select:not(input) .Item.Admin,
.Select:not(input) input:not(:checked) + label,
.Select:not(input) label:not(.checked),
.SelectVUE:not(input) label:not(.checked) {
    background-color: var(--color-BG-White);
}

.Select:not(input) .Item,
.Select:not(input) input + label,
.Select:not(input) label,
.SelectVUE:not(input) label {
    border-right: var(--border-thin) solid var(--color-Gray-Light);
    border-left: var(--border-thin) solid var(--color-Gray-Light);
    border-top: var(--border-thin) solid var(--color-Gray-Light);
    margin-top: -1px;
}

.Select:not(input) .Item.Admin {
    opacity: 0.5;
}

.Select:not(input) .Item.Admin:after {
    content: "Admin Only";
    position: absolute;
    right: 0.4em;
    opacity: 0.5;
    font-size: 0.8em;
}

.Select:not(input) .Item.Admin:hover {
    opacity: unset;
}

.Select:not(input) input:not(:checked) + label:hover .Details,
.Select:not(input) input:not(:checked) + label:hover .Details .Specification,
.Select:not(input) input:not(:checked) + label:hover .Litera,
.Select:not(input) .Item.checked,
.Select:not(input) .Item.checked svg,
.Select:not(input) .Item:not(.checked):hover,
.Select:not(input) .Item:not(.checked):hover svg,
.Select:not(input) input:not(:checked) + label:hover,
.Select:not(input) input:not(:checked) + label:hover svg,
.Select:not(input) label:not(.checked):hover,
.Select:not(input) label:not(.checked):hover svg,
.SelectVUE:not(input) label:not(.checked):hover,
.SelectVUE:not(input) label:not(.checked):hover svg {
    color: #fff;
}

.Select:not(input) input:not(:checked) + label:hover .Details,
.Select:not(input) input:not(:checked) + label:hover .Details .Specification {
    opacity: 0.8;
}

.Select:not(input) .Item:hover,
.Select:not(input) input:not(:checked) + label:hover,
.Select:not(input) label:not(.checked):hover,
.SelectVUE:not(input) label:not(.checked):hover {
    background-color: var(--color-Blue-hover);
}


/*
Переключатели сливаются в блок с разделителями
*/
.checkable-list {
    display: inline-flex;

    align-content: center;
}

ul.checkable-list {
    padding-left: 0;
    margin-bottom: 0em;
}

ul.checkable-list > li {
    list-style: none;

    display: inline-flex;
    margin: 0;
    padding: 0;
}

ul.list-unstyled {
    padding-left: 0;
    list-style: none;
}

ul.ulCardList li{
    /*border-bottom: 1px solid #e0e0e0;*/
}
ul.ulCardList li:hover{
    border-bottom: var(--border-thin) solid #e0e0e0;
    background: #f0f9ff; /* Old browsers */
    background: -moz-linear-gradient(top, #f0f9ff 0%, #eaeaea 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f0f9ff 0%,#eaeaea 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f0f9ff 0%,#eaeaea 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#ffffff',GradientType=0 );
}

.checkable-list > li input[type="checkbox"] + label,
.checkable-list > li input[type="radio"] + label,
.checkable-list > li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex: 1;}

.checkable-list > li input,
.checkable-list > li select,
.checkable-list > li input[type="checkbox"] + label,
.checkable-list > li input[type="radio"] + label,
.bookmark-list .allCheck + label,
.bookmark-list .allCheck_Text + label,
.checkable-list > li a {
     margin: 0;
    border-radius: inherit;
}


.bookmark-list .StickyTop input.CheckBox[type="checkbox"]:not(:first-of-type) + label,
.bookmark-list .StickyTop input.CheckBox[type="radio"]:not(:first-of-type) + label,
.checkable-list > li:not(:first-of-type) input,
.checkable-list > li:not(:first-of-type) select,
.checkable-list > li:not(:first-of-type) input[type="checkbox"] + label,
.checkable-list > li:not(:first-of-type) input[type="radio"] + label,
.checkable-list > li:not(:first-of-type) a {margin-left: -1px; }


.checkable-list input[type="checkbox"] + label {
    min-width: 2.5em;
}

input[type="checkbox"].allCheck + label {
    width: 3em;
}

.bookmark-list input.allCheck + label {
    width: 2.5em;
}

input[type="checkbox"].allCheck_Text + label {
    padding-left: 2.7em
}


input[type="checkbox"].allCheck + label:before,
input[type="checkbox"].allCheck_Text + label:before {
    background-image: url(/img/CheckBox_Group.svg);
}

input[type="checkbox"].allCheck.Except + label:before,
input[type="checkbox"].allCheck_Text.Except + label:before {
    background-image: url(/img/Except_Group.svg);
}

input[type="checkbox"].allCheck + label:before,
input[type="checkbox"].allCheck_Text + label:before {
    box-sizing: border-box;
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1em 5em;
    width: 1em;
    height: 1em;
    font-size: 1.7em;
    border: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
    top: 50%;
    margin: -0.5em;}

input[type="checkbox"].allCheck + label:before {
    left: 50%;
}

input[type="checkbox"].allCheck_Text + label:before {
    left: 0.75em;
}

input[type="checkbox"].allCheck + label:hover:before,
input[type="checkbox"].allCheck_Text + label:hover:before {
    background-position: center -1em; }


input[type="checkbox"]:checked.allCheck + label:before,
input[type="checkbox"]:checked.allCheck_Text + label:before {
    background-position: center -2em; }

input[type="checkbox"]:checked.allCheck + label:hover:before,
input[type="checkbox"]:checked.allCheck_Text + label:hover:before {
    background-position: center -3em; }

.checkable-list > li input.CheckBox[type="checkbox"]:checked + label:hover:before {
    border-color: #fff;
}


.checkable-list input[type="checkbox"].IMGCheckBox + label,
.checkable-list label,
.bookmark-list .StickyTop label,
.checkable-list a {
    cursor: pointer;
    display: block;
    min-width: 1em;
    min-height: 1em;
    padding: 0.6em 0.6em;
    line-height: 1.3;

    border-width: var(--border-thin);
    border-style: solid;
    /*text-align: center;*/

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */

    /*делать ли default состояние ? */
}

.IMGCheckBox.Favorite + label .UnChecked {
    color: var(--color-Gray-Med);
    fill: var(--color-Gray-Light);
}

.IMGCheckBox.Favorite:hover + label .UnChecked {
    fill: var(--color-Green-hover);
}

.IMGCheckBox.Favorite + label .Checked {
    color: var(--color-Green-hover);
}

.IMGCheckBox.Favorite:hover + label .Checked {
    color: var(--color-Red-hover);
}

.IMGCheckBox:checked + label .UnChecked {
    display: none;
}

.IMGCheckBox:not(:checked) + label .Checked {
    display: none;
}

h1 .IMGCheckBox.Favorite + label {
    font-size: 0.55em;
    margin: -0.2em;
}

h2 .IMGCheckBox.Favorite + label {
    font-size: 0.55em;
    margin: -0.2em;
}

.TxR input + label {
    text-align: left;
}

input.CheckBox + label,
input.Radio + label { padding-left: 2.2em; }


input.CheckBox + label .Amount,
input + label .Amount {
    display: inline-flex;
    opacity: 0.9;
    font-size: 0.8em;
    margin: 0;
    top: -0.3em;
    position: relative;
    gap: 0.1em;
}

input + label .Amount:before,
input + label .Amount:after {
    opacity: 0.7;
}

input.CheckBox + label,
input.Radio + label,
.bookmark-list .StickyTop label {
    display: inline-flex;
    align-items: center;
}

input.CheckBox + label,
input.Radio + label {
    gap: 0 0.4em;
}

input.CheckBox + label > *:not(svg):not(div):not(img),
input.Radio + label > *:not(svg):not(div):not(img),
input.CheckBox + label b, input.CheckBox + label strong, input.CheckBox + label a {
    display: contents;
}

input.CheckBox + label a:after,
.ML_Table input.CheckBox + label a[target="_blank"]:after  {
    content: none;

}

label .Amount {
    font-size: 0.8em;
}

.checkable-list label img,
.bookmark-list label img { height: 1.3em;
    margin: 0 0.5em 0 0;
    }

.checkable-list a    svg {
    width: 1.4em;
    height: 1.4em;
    margin: -0.3em -0.1em;}

.bookmark-list label img { border: none!important;
    margin-right: 0.0em!important;
    margin-left: 0.3em; }

.checkable-list .CheckBox + label { line-height: 1.3; }


/*
Простой список для второго подуровня
*/

.SimplCheckList {
    flex-direction: column;
    padding-left: 2.3em;
}

.SimplCheckList label {
    margin: 0;
}

/*
НАЧАЛО: GRID
*/

.Grid3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". . ."
    ". . ."
    ". . .";
}

.checkable-list.Grid3 {
    width: 10em;
    height: 9em;
}

.checkable-list.Grid3 > li:nth-last-child(n+4) {
    margin-bottom: -1px;
}
.checkable-list.Grid3 > li:not(:nth-last-child(3n)) {
    margin-left: -1px;
}

.checkable-list.Grid3 li label,
.checkable-list.Grid3 li input[type="radio"] + label,
.checkable-list.Grid3 li input[type="checkbox"] + label {
    flex: 1;
    border-radius: inherit;
    margin: 0;
}

.checkable-list.Grid3 li:first-of-type input[type="radio"] + label,
.checkable-list.Grid3 li:first-of-type input[type="checkbox"] + label {
    border-top-left-radius:var(--border-radius-inputs);}

.checkable-list.Grid3 li:nth-last-child(3) input[type="radio"] + label,
.checkable-list.Grid3 li:nth-last-child(3) input[type="checkbox"] + label {
    border-bottom-left-radius: var(--border-radius-inputs);
}

.checkable-list.Grid3 li:nth-child(3) input[type="radio"] + label,
.checkable-list.Grid3 li:nth-child(3) input[type="checkbox"] + label {
    border-top-right-radius:var(--border-radius-inputs);}

.checkable-list.Grid3 li:last-of-type input[type="radio"] + label,
.checkable-list.Grid3 li:last-of-type input[type="checkbox"] + label {
    border-bottom-right-radius: var(--border-radius-inputs);}


    /* НАЧАЛО: GRID направления + 3x3 (можно использовать для цимень и для звезд где есть направления)*/
    /* НАЧАЛО: Поворот карты определяется по верху .Direct_N, .Direct_NE, .Direct_E, .Direct_SE, .Direct_S - по умолчанию но можно не указывать, .Direct_SW, .Direct_W, .Direct_NW */

    .Chart_3x3 {
        margin-top: 1.5em;
        font-size: 1em;
        line-height: 1.1em;
        cursor: default;

        display: grid;
        grid-template-columns: min-content min-content min-content min-content min-content min-content;
        grid-template-rows: min-content min-content min-content min-content min-content min-content;
        gap: 0.2em 0.2em;
    }

    .Chart_3x3, .Chart_3x3.Direct_SE {
        grid-template-areas:
            "Title Title Title Title Title"
            "SE S S S SW"
            "E One Tow Three W"
            "E Nine Five Four W"
            "E Eight Seven Six W"
            "NE N N N NW";
    }

    .Chart_3x3 > div {
        line-height: inherit;
        position: relative;
    }

    .Chart_3x3 .StarsM {
        color: var(--color-Beige-Dark);
        left:0;
        top: 0;
        font-weight: bold;
    }

    .Chart_3x3 .StarsY {
        margin-bottom: -0.1em;
    }
    .Chart_3x3 .StarsD {
        color: var(--color-Beige-Dark);
        right:0;
        top: 0;

    }
/*
    .Title { grid-area: Title;
        text-align: center;
    }
*/

    .NW, .N, .NE,
    .W,
    .One, .Tow, .Three,
    .Four, .Five, .Six,
    .Seven, .Eight, .Nine,
    .E,
    .SW, .S, .SE {
        display: inline-flex;
        flex-wrap: wrap;
    }

    .NW { grid-area: NW; }
    .N { grid-area: N; }
    .NE { grid-area: NE; }

    .W { grid-area: W; }
    .One { grid-area: One; }
    .Tow { grid-area: Tow; }
    .Three { grid-area: Three; }
    .Four { grid-area: Four; }
    .Five { grid-area: Five; }
    .Six { grid-area: Six; }
    .Seven { grid-area: Seven; }
    .Eight { grid-area: Eight; }
    .Nine { grid-area: Nine; }
    .E { grid-area: E; }

    .SW { grid-area: SW; }
    .S { grid-area: S; }
    .SE { grid-area: SE; }

    .Chart_3x3.Direct_SE {
        grid-template-areas:
            "Title Title Title Title Title"
            "E SE SE SE S"
            "NE Nine One Tow SW"
            "NE Eight Five Three SW"
            "NE Seven Six Four SW"
            "N NW NW NW W";
    }

    .Chart_3x3.Direct_E {
        grid-template-areas:
            "Title Title Title Title Title"
            "NE E E E SE"
            "N Eight Nine One S"
            "N Seven Five Tow S"
            "N Six Four Three S"
            "NW W W W SW";
    }

    .Chart_3x3.Direct_NE {
        grid-template-areas:
            "Title Title Title Title Title"
            "N NE NE NE E"
            "NW Seven Eight Nine SE"
            "NW Six Five One SE"
            "NW Four Three Tow SE"
            "W SW SW SW S";
    }

    .Chart_3x3.Direct_N {
        grid-template-areas:
            "Title Title Title Title Title"
            "NW N N N NE"
            "W Six Seven Eight E"
            "W Four Five Nine E"
            "W Three Tow One E"
            "SW S S S SE";
    }

    .Chart_3x3.Direct_NW {
        grid-template-areas:
            "Title Title Title Title Title"
            "W NW NW NW N"
            "SW Four Six Seven NE"
            "SW Three Five Eight NE"
            "SW Tow One Nine NE"
            "S SE SE SE E";
    }

    .Chart_3x3.Direct_W {
        grid-template-areas:
            "Title Title Title Title Title"
            "SW W W W NW"
            "S Three Four Six N"
            "S Tow Five Seven N"
            "S One Nine Eight N"
            "SE E E E NE";
    }

    .Chart_3x3.Direct_SW {
        grid-template-areas:
            "Title Title Title Title Title"
            "S SW SW SW W"
            "SE Tow Three Four NW"
            "SE One Five Six NW"
            "SE Nine Eight Seven NW"
            "E NE NE NE N";
    }



    .Chart_3x3.collapse {
        gap: 0 0;
    }

    .Chart_3x3.collapse .Tow, .Chart_3x3.collapse .Three,
    .Chart_3x3.collapse .Five, .Chart_3x3.collapse .Six,
    .Chart_3x3.collapse .Eight, .Chart_3x3.collapse .Nine {
        margin-left: -1px;
    }

    .Chart_3x3.collapse .Four, .Chart_3x3.collapse .Five, .Chart_3x3.collapse .Six,
    .Chart_3x3.collapse .Seven, .Chart_3x3.collapse .Eight, .Chart_3x3.collapse .Nine {
        margin-top: -1px;
    }

    .Chart_3x3.collapse .One {
        border-top-left-radius: var(--border-radius-s);
    }

    .Chart_3x3.collapse .Three {
        border-top-right-radius: var(--border-radius-s);
    }

    .Chart_3x3.collapse .Seven {
        border-bottom-left-radius: var(--border-radius-s);
    }

    .Chart_3x3.collapse .Nine {
        border-bottom-right-radius: var(--border-radius-s);
    }


    .StarsChart .NW, .StarsChart .N, .StarsChart .NE,
    .StarsChart .W,
    .StarsChart .One, .StarsChart .Tow, .StarsChart .Three,
    .StarsChart .Four, .StarsChart .Five, .StarsChart .Six,
    .StarsChart .Seven, .StarsChart .Eight, .StarsChart .Nine,
    .StarsChart .E,
    .StarsChart .SW, .StarsChart .S, .StarsChart .SE {
        align-items: center;
        justify-content: center;
    }

    .StarsChart .NW, .StarsChart .N, .StarsChart .NE,
    .StarsChart .W, .StarsChart .E,
    .StarsChart .SW, .StarsChart .S, .StarsChart .SE {
        font-size: 0.8em;
        font-weight: bold;
        color: var(--color-Beige-Dark);
    }

    .StarsChart .One, .StarsChart .Tow, .StarsChart .Three,
    .StarsChart .Four, .StarsChart .Five, .StarsChart .Six,
    .StarsChart .Seven, .StarsChart .Eight, .StarsChart .Nine {
        font-size: 1.2em;

        width: 2.7em;
        height: 2.5em;

        padding: 0.2em;
        background-color: var(--color-BG-Light_Medium);
        color: var(--color-Gray);
        border: var(--border-thin) solid var(--color-Beige);

        border-radius: var(--border-radius-s);
    }

    /* Конец: GRID Летящие звезды */


    /* НАЧАЛО: GRID Летящие звезды */
    .AllOrders_Header {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: min-content;
        gap: 2px 2px;
        grid-auto-flow: row;
        align-items: stretch;
        grid-template-areas:  "Info Search";
        height: 100%;
        box-sizing: border-box;
    }

    .AllOrders_Header.StickyTop.StickyShadow {
        background-color: var(--color-BG-backdrop-White);
        backdrop-filter: var(--backdrop-filter-Header);
    }

    .Info { grid-area: Info; }

    .FormItemConnect.Search { grid-area: Search;
        display: flex;
        align-content: flex-end;}

    .FormItemConnect.Search {
        flex-wrap: wrap;
    }

    .Search #OrderSearchResult {
        flex: 1 0 100%;
        display: flex;
    }

    .Search #OrderSearchResult span:not(.label) {
        display: flex;
        flex: 1;
    }

    .Search #OrderSearchResult span input {
        flex: 1;
    }

    .Search #OrderSearchResult input#fname {
        width: unset;
    }

    .Search #OrderSearchResult #quickSearch {
        display: inline-flex;
        flex: 1;
    }

    .AllOrders_Header .label {
        width: 8em;
    }

    .Search #OrderSearchResult + .FormBlockDescr{
        margin-left: 9.6em;
    }

    /* КОНЕЦ: GRID Летящие звезды */

/* КОНЕЦ: GRID  */


/* Начало стиля лейблов для таблицы */

.checkable-list.Cols_3 {
    width: 10em;
    height: 9em;
    align-content: stretch;
}

.checkable-list.Cols_3 li {
    flex: 1 0 100%;
    margin-bottom: -1px;
    /*
height: 3.7em;
*/
}

.checkable-list.Cols_3 li input[type="radio"] + label,
.checkable-list.Cols_3 li input[type="checkbox"] + label,
.checkable-list.Cols_3 li label {
    flex: 1;
    margin: 0;
}

.checkable-list.Cols_3 {
    display: flex;
       flex-wrap: wrap;
}

table.checkable-list { padding: 0;
    border-collapse: collapse;
    border-spacing: 0;}

table.checkable-list label {border-width: var(--border-thin) 0 0 var(--border-thin);
    padding: 0.7em 0.6em;
    text-align: center;}

table.checkable-list tr td:last-of-type label,
table.checkable-list tr th:last-of-type label {border-right-width: var(--border-thin);}

table.checkable-list tr:last-of-type td label,
table.checkable-list tr:last-of-type th label {border-bottom-width: var(--border-thin);}

table.checkable-list label {
    border-radius: inherit;
    margin: inherit; }

table.checkable-list tr:first-of-type td:first-of-type label,
table.checkable-list tr:first-of-type th:first-of-type label {
    border-top-left-radius:var(--border-radius-inputs);}

table.checkable-list tr:last-of-type td:first-of-type label,
table.checkable-list tr:last-of-type th:first-of-type label {
    border-bottom-left-radius: var(--border-radius-inputs);
}

table.checkable-list tr:first-of-type td:last-of-type label,
table.checkable-list tr:first-of-type th:last-of-type label {
    border-top-right-radius:var(--border-radius-inputs);}

table.checkable-list tr:last-of-type td:last-of-type label,
table.checkable-list tr:last-of-type th:last-of-type label {
    border-bottom-right-radius: var(--border-radius-inputs);}

/* Конец стиля лейблов для таблицы */


.checkable-list label.Form_T, .checkable-list label .Form_T { /*font-size: 1.2em; line-height: 1.6em;*/ }
.checkable-list label.Form_H, .checkable-list label .Form_H,
.bookmark-list label .Form_H { font-size: 1.3em; line-height: 1em; margin: 0em -0.0em; }
/*
    .inline-buttons  этот стиль задает вид как у кнопки. нуверен нужен ли отдельный чтиль для этого
*/

.bookmark-list .StickyTop label,
.checkable-list.inline-buttons label,
.checkable-list.inline-buttons a {
    border-color: var(--color-Gray-Light);
    position: relative;
}


.bookmark-list .StickyTop label {
         background-color: var(--color-Gray-Light-SubBlock);
    }

.bookmark-list .StickyTop label:hover,
.checkable-list.inline-buttons label:hover,
.checkable-list.inline-buttons a:hover,
ul.bookmark-list li.StickyTop label:hover {
    border-color: #0082ff;
    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f8fcff));
    background-image: -webkit-linear-gradient(top, #ffffff, #f8fcff); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top,#ffffff, #f8fcff); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #ffffff, #f8fcff); /* IE10 */
    background-image:      -o-linear-gradient(top, #ffffff, #f8fcff); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #ffffff, #f8fcff);

    /*
    box-shadow: 0 0 0px 1px #0082ff inset, 0 0 0.5em #d0d8df;
    */
    box-shadow: 0 0 0.5em #d0d8df;
    z-index: 1;
}

.checkable-list.inline-buttons input:checked + label,
ul.bookmark-list li input:checked + label {
    background: rgba(0, 98, 223, 0.07);
    text-shadow: #fff 1px 1px 0px;
}

.checkable-list.inline-buttons input:checked + label,
.checkable-list.inline-buttons input:checked + label * { /*color: #fff;*/ }

.checkable-list > li input[type=checkbox]:disabled + label *,
.checkable-list > li input[type=checkbox]:disabled + label:hover *,
.checkable-list > li a:disabled:hover { color:#708090; }


/* поскольку вычисляем первую и последнюю li, то привязываем к ul */

ul.checkable-list li:first-of-type > label,
ul.checkable-list li:first-of-type > select,
ul.checkable-list li:first-of-type > a,
ul.checkable-list li:first-of-type > input {
    border-top-left-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs);
}

ul.checkable-list li:last-of-type > label,
ul.checkable-list li:last-of-type > select,
ul.checkable-list li:last-of-type > a,
ul.checkable-list li:last-of-type > input {
    /*border-right-width: 0.1em;*/
    border-right-width: var(--border-thin);

    border-top-right-radius: var(--border-radius-inputs);

    border-bottom-right-radius: var(--border-radius-inputs);}

/*
    checkbox-expandable
*/

/* класс скрывающий показывающий блок .checkbox-expandable */
input.CheckBox[type=checkbox] + label + .checkbox-expandable {
    display: none;
    opacity: 0;
    animation: checkbox-expandable-hide 1.5s linear;
}

input.CheckBox[type=checkbox]:checked + label + .checkbox-expandable {
    display: block;
    opacity: 1;
    animation: checkbox-expandable-show 0.5s linear;
}
/* класс скрывающий показывающий блок .checkbox-expandable */

@keyframes checkbox-expandable-show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes checkbox-expandable-hide {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* если чекбокс стоит внутри чекабле лист */
ul.checkable-list li:hover { z-index: 3; }
ul.checkable-list li:first-of-type > input.CheckBox[type=checkbox] + label {
    line-height: 1;
    margin: 0;

    /*border-right-width: 0;*/
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


/* =================================================================================== */
/* Класс для bookmark-radio */

.bookmark-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-end;
    align-items: flex-end;

    margin-bottom: 2em;
    margin-top: 2em;
    box-sizing: border-box;}

.bookmark-radio > input[type=radio] + label,
.MapSelecter label {
    border-width: var(--border-thin);
    border-style: solid;
    border-color: rgba(208, 216, 223, 0.5);

   justify-content: center;

   text-align: center;

    font-size: 1.1em;
    margin: 0 0 -1px 0;
    padding: 0.6em 1.0em 0.8em 2.0em;

    cursor: pointer;
    z-index: 1;}

.MapSelecter label {
    display: inline-flex;

   position: relative;

   align-items: center;

    padding: 0.6em 1.0em 0.8em 1.0em;
    border-bottom-color: #908070;

    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
      }

.bookmark-radio > input[type=radio] + label:first-of-type,
.MapSelecter label:first-of-type {
    border-top-left-radius:var(--border-radius-inputs-map);
    }

.bookmark-radio > input[type=radio] + label:last-of-type,
.MapSelecter label:last-of-type {
    border-top-right-radius:var(--border-radius-inputs-map);
    }


.bookmark-radio > input[type=radio] + label:hover,
.MapSelecter label:hover {

    border-bottom-left-radius:initial;

    border-bottom-right-radius:initial; }


.bookmark-radio > input[type=radio] + label:first-of-type,
.MapSelecter label:first-of-type {
    border-top-right-radius:initial;
    }

.bookmark-radio > input[type=radio] + label:last-of-type,
.MapSelecter label:last-of-type {
    border-top-left-radius:initial;
    }


.bookmark-radio > input[type=radio] + label:hover,
.MapSelecter.FlexBookmarkLight label:hover {
    border-color: #0082ff  #0082ff rgba(255, 255, 255, 0);
    color: #0062df;

    box-shadow: none;

z-index: 2;}


.bookmark-radio > input[type=radio]:checked + label,
input#SelectMapTyp_G[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_G"],
input#SelectMapTyp_Y[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_Y"],
input#SelectMapTyp_B[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_B"] {
    font-weight: bold;
    border-width: var(--border-thin);
    border-style: solid;
    border-color: #908070  #908070 #ffffff;

    cursor: default;
    box-sizing: border-box;
      }

input#SelectMapTyp_G[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_G"] svg,
input#SelectMapTyp_Y[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_Y"] svg,
input#SelectMapTyp_B[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_B"] svg{
    opacity: 1;
    }


.bookmark-radio > .boomark-RC {
    display: none;
    flex: 1 100%;

    border: var(--border-thin) solid #908070;
    padding: 1.4em;
    box-sizing: border-box;
    overflow: hidden;


    position: relative;

/*    max-height: 20em;

    overflow: hidden;
    overflow-y: auto;*/
}

.bookmark-radio > input:nth-of-type(3) ~ .boomark-RC ul:last-child {
    margin-bottom: 0;}

.bookmark-radio > input:nth-of-type(1):checked ~ #bookmark-radio-cont-1,
.bookmark-radio > input:nth-of-type(2):checked ~ #bookmark-radio-cont-2,
.bookmark-radio > input:nth-of-type(3):checked ~ #bookmark-radio-cont-3,
.bookmark-radio > input:nth-of-type(4):checked ~ #bookmark-radio-cont-4,
.bookmark-radio > input:nth-of-type(4):checked ~ #bookmark-radio-cont-5,
.bookmark-radio > input:nth-of-type(4):checked ~ #bookmark-radio-cont-6,
.bookmark-radio > input:nth-of-type(4):checked ~ #bookmark-radio-cont-7 {
    display: block;
}

input[type="checkbox"].ML_ReedMore { display: none; }

input[type="checkbox"].ML_ReedMore + .boomark-RC > label:first-of-type {
    display: block;
    /*background-color: fuchsia;*/
    text-align: center;
    }
input[type="checkbox"].ML_ReedMore + .boomark-RC > label:last-of-type {
    display: block;
    /*background-color: #0062df;*/
    text-align: center;
    }

.boomark-RC .flexForm-cont {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    display:flex;
}

.boomark-RC .flexForm-item {
    /*overflow: hidden;
    display: inline-flex;
    flex-direction: column;*/
    margin: 10px;
    width: 50%;

}

.FormBlock ul.bookmark-list:first-of-type { margin-top: 0; }

.FormBlock ul.bookmark-list:last-of-type,
.flexForm-item ul:last-of-type { margin-bottom: 0; }

/*
Если чекбокс или радиобаттон НЕ ЧЕКНУТ, то лок после лейбла неактивен
*/
input.NextBlock_Enable:not(:checked) + label + .FormBlock,
input.NextBlock_Enable:not(:checked) + label + .FormSubBlock {
    opacity: 0.5;

    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    pointer-events: none;
}

/*
Если чекбокс или радиобаттон ЧЕКНУТ, то лок после лейбла неактивен
*/
input.NextBlock_Disable:checked + label + .FormBlock,
input.NextBlock_Disable:checked + label + .FormSubBlock {
    opacity: 0.5;
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    pointer-events: none;
}


/* ===================================================== */
/* Список чекбоксов */

.bookmark-list {
    margin-top: 0.8em;
    padding-left: 0;
    flex: 1 0 auto;
    position: relative;}

/*input.ML_ReedMore[type="checkbox"] + .boomark-RC > ul.bookmark-list,
.boomark-RC ul.bookmark-list*/
ul.bookmark-list {
    display: flex;
    flex-wrap: wrap;

    overflow-x: hidden;
    overflow-y: auto;

    border-radius:var(--border-radius-inputs);

    padding-bottom: 1px;

    box-shadow: 0 0 0 1px #d0d8df inset;

    list-style: none;}

.boomark-RC ul.bookmark-list {
    height: 22em; }

ul.bookmark-list li {
    box-sizing: border-box;
    border: var(--border-thin) solid #d0d8df;
    position: relative;
    padding: 0;

    margin: 0 0 -1px 0;

    flex: 1 0 100%;
    display: flex;

    height: auto;
   max-width: 100%;
   }

ul.bookmark-list li.StickyTop {
    border: none;
}

 ul.bookmark-list li:not(.StickyTop):hover {
     border-color: #0082ff;
     z-index: 2;
 }

 ul.bookmark-list li.StickyTop input[type="checkbox"]:not(.allCheck) + label,
  ul.bookmark-list li.StickyTop input[type="radio"]:not(.allCheck) + label {
    flex: 1 0 auto;
 }

.bookmark-list.Cols_2 li, .Cols_2 > .bookmark-list li {
    max-width: calc(50% + 1px);
    margin-right: -1px;
}

.bookmark-list.Cols_2 li:nth-of-type(even), .Cols_2 > .bookmark-list li:nth-of-type(even) {
    max-width: 50%;
    margin-right: 0;
}

.checkable-list.Cols_3 li,
.bookmark-list.Cols_3 li, .Cols_3 > .bookmark-list li {
   max-width: calc(100% / 3 + 1px);
   margin-right: -1px;
}

.checkable-list.Cols_3 li:nth-of-type(3n),
.bookmark-list.Cols_3 li:nth-of-type(3n), .Cols_3 > .bookmark-list li:nth-of-type(3n) {
    max-width: calc(100% / 3);
    margin-right: 0;
}

.bookmark-list.Cols_4 li, .Cols_4 > .bookmark-list li {
   max-width: calc(100% / 4 + 1px);
   margin-right: -1px;
}

.bookmark-list.Cols_4 li:nth-of-type(4n), .Cols_4 > .bookmark-list li:nth-of-type(4n) {
    max-width: calc(100% / 4);
    margin-right: 0;
}

.bookmark-list li.StickyTop {
    background-color: rgba(246, 247, 248, 0.9);
}

/* Скругляем углы */


.bookmark-list li:first-of-type {
    border-top-left-radius: var(--border-radius-inputs);
    border-top-right-radius: var(--border-radius-inputs);
 }

.bookmark-list li:last-of-type {
    border-bottom-left-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);
 }


.bookmark-list.Cols_2 li:nth-of-type(2), .Cols_2 > .bookmark-list li:nth-of-type(2),
.checkable-list.Cols_3 li:nth-of-type(3) label,
.bookmark-list.Cols_3 li:nth-of-type(3), .Cols_3 > .bookmark-list li:nth-of-type(3) {

   border-top-right-radius: var(--border-radius-inputs);
}

.bookmark-list.Cols_2 li:nth-of-type(2n-1):nth-last-of-type(-n+2), .Cols_2 > .bookmark-list li:nth-of-type(2n-1):nth-last-of-type(-n+2),
.checkable-list.Cols_3 li:nth-of-type(3n-2):nth-last-of-type(-n+3) label,
.bookmark-list.Cols_3 li:nth-of-type(3n-2):nth-last-of-type(-n+3), .Cols_3 > .bookmark-list li:nth-of-type(3n-2):nth-last-of-type(-n+3),
.bookmark-list.Cols_4 li:nth-of-type(4n-3):nth-last-of-type(-n+4), .Cols_4 > .bookmark-list li:nth-of-type(4n-3):nth-last-of-type(-n+4) {
   border-bottom-left-radius: var(--border-radius-inputs);
   border-bottom-right-radius: 0;
}

.checkable-list.Cols_3 li:nth-last-of-type(-n+2) label,
.bookmark-list.Cols_3 li:nth-last-of-type(-n+2), .Cols_3 > .bookmark-list li:nth-last-of-type(-n+2),
.bookmark-list.Cols_4 li:nth-last-of-type(-n+3), .Cols_4 > .bookmark-list li:nth-last-of-type(-n+3) {
   border-bottom-right-radius: 0;
}

.bookmark-list.Cols_2 li:nth-of-type(2n):last-of-type, .Cols_2 > .bookmark-list li:nth-of-type(2n):last-of-type,
.checkable-list.Cols_3 li:nth-of-type(3n):last-of-type label,
.bookmark-list.Cols_3 li:nth-of-type(3n):last-of-type, .Cols_3 > .bookmark-list li:nth-of-type(3n):last-of-type,
.bookmark-list.Cols_4 li:nth-of-type(4n):last-of-type, .Cols_4 > .bookmark-list li:nth-of-type(4n):last-of-type {
   border-bottom-right-radius: var(--border-radius-inputs);
   border-top-left-radius: 0;
}

.boomark-RC ul.bookmark-list li:first-of-type,
.bookmark-list.Cols_2 li:first-of-type, .Cols_2 > .bookmark-list li:first-of-type,
.checkable-list.Cols_3 li:first-of-type label,
.checkable-list.Cols_3 li:last-of-type label,
.bookmark-list.Cols_3 li:first-of-type, .Cols_3 > .bookmark-list li:first-of-type,
.bookmark-list.Cols_4 li:first-of-type, .Cols_4 > .bookmark-list li:first-of-type {
    border-top-right-radius: 0;
}

.bookmark-list.Cols_2 li:last-of-type, .Cols_2 > .bookmark-list li:last-of-type,
.checkable-list.Cols_3 li:last-of-type label,
.checkable-list.Cols_3 li:first-of-type label,
.bookmark-list.Cols_3 li:last-of-type, .Cols_3 > .bookmark-list li:last-of-type,
.bookmark-list.Cols_4 li:last-of-type, .Cols_4 > .bookmark-list li:last-of-type {
   border-bottom-left-radius: 0;
}

.boomark-RC ul.bookmark-list li:last-of-type {
    border-bottom-right-radius: 0;
}


ul.bookmark-list li input.CheckBox[type="checkbox"] + label {
   display: block;
   flex: 1;

    margin: 0;
    padding: 0.8em 0.8em 0.8em 2em;

    text-overflow: ellipsis; /* Добавляем многоточие */
    -o-text-overflow: ellipsis;

    border-radius:0;

    overflow: hidden;
    white-space: nowrap;}


/* Конец класса для bookmark-radio */


 /* ================================================== */
/* Закладки на CSS для радиобаттонов - БЕЗ СКРИПТОВ! */
/* Коричневая */
.FlexBookmarkBraun, .FlexBookmarkLight {
    margin-top: 1em;
    margin-bottom: 1em;

    box-sizing: border-box;

   display: flex;
    /*flex: 1; */
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-end;}

.MapSelecter.FlexBookmarkLight {
    padding: 0 1.5em 0 1em;
}

.FlexBookmarkBraun input { display: none; }

.SmallFont input + label { font-size: 0.9em; }

.BigFont input + label { font-size: 1.1em;
    border-radius:0;}

.FlexBookmarkBraun input + label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    overflow: hidden;
    white-space: normal;
   text-align: center;

    cursor: pointer;
    box-sizing: inherit;
   margin: 0;

    color: #fffcf8;
    text-shadow: 0 -1px 0 rgba(112, 96, 80, 0.7);
    padding: 0.4em 0.7em 0.5em;

    text-decoration: none;
    background-color: #908070;

    border-top: var(--border-thin) solid #706050;
    border-right: var(--border-thin) solid #fff;
    border-left: var(--border-thin) solid #fff;


    -moz-outline-radius:inherit;
    -webkit-outline-radius:inherit;
    -khtml-outline-radius:inherit;
    outline-radius:inherit;
    z-index: 1;
    }

.FlexBookmarkBraun input.Bookmark > section {
    flex: 1 auto;
}

.FlexBookmarkBraun input.Bookmark:not(:checked) + label {
    opacity: 0.85;
    }

.FlexBookmarkBraun input:first-of-type + label {
    border-radius: var(--border-radius-FlexBookmark) 0 0 0;
   }

.FlexBookmarkBraun input:first-of-type:not(:checked) + label {
    border-left: var(--border-thin) solid #706050; }

.FlexBookmarkBraun input:not(:first-of-type) + label { margin-left: -1px; }

.FlexBookmarkBraun input:last-of-type + label {
    border-right: var(--border-thin) solid #706050;

    border-radius:0 var(--border-radius-FlexBookmark) 0 0;
   }

.FlexBookmarkBraun input.Bookmark:not(:checked) + label:hover {
    background:#908070;

    border-left: var(--border-thin) solid #706050;
    border-right: var(--border-thin) solid #706050;

    border-radius:var(--border-radius-FlexBookmark) var(--border-radius-FlexBookmark) 0 0;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfd8d0), to(#908070));
    background-image: -webkit-linear-gradient(top, #dfd8d0, #908070); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #dfd8d0, #908070); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #dfd8d0, #908070); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfd8d0', endColorstr='#908070'); /* for IE */
    background-image:      -o-linear-gradient(top, #dfd8d0, #908070); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #dfd8d0, #908070);

    padding-top: 0.6em;
    padding-bottom: 0.5em;

    z-index: 2;
    }

.FlexBookmarkBraun input.Bookmark:not(:checked) + label:hover {
    box-shadow: 0 0 1em rgba(255, 252, 248, 0.7);
    }

.FlexBookmarkBraun input.Bookmark:checked + label {
    cursor: default;

    font-size:1.2em;
    background-color: #ffffff;

    border-radius: var(--border-radius-FlexBookmark) var(--border-radius-FlexBookmark) 0 0;

    color:var(--color-Blue-hover);

    background-color: #ffffff;
    border-width:var(--border-thin);
    font-weight: bold;
    padding: 0.6em 1em 0.4em;

    text-shadow: none;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8fcff), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f8fcff, #ffffff); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(top, #f8fcff, #ffffff); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #f8fcff, #ffffff); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fcff', endColorstr='#ffffff'); /* for IE */
    background-image:      -o-linear-gradient(top, #f8fcff, #ffffff); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #f8fcff, #ffffff);

    border-color: #908070;

    z-index: 3;}

.BookmarkContent .h2, .BookmarkContent h2 { margin-top: 2em; }

.BookmarkContent .h2:first-child { margin-top: 0.5em; }

.FlexBookmarkBraun input + label + .BookmarkContent,
.FlexBookmarkBraun input + label + .ULMenuContent {
    box-sizing: border-box;
    display: none;
    position: relative;
    overflow: hidden;
   padding: 1.5em 1.3em 0.5em 1.3em;

    align-self: flex-start;

      margin-top: -1px;
    border:var(--border-thin) solid #908070;

    border-radius: 0 var(--border-radius-inputs) var(--border-radius-inputs) var(--border-radius-inputs);}

.FlexBookmarkBraun input.Bookmark + label + .BookmarkContent.VUE,
.FlexBookmarkBraun input.Bookmark:checked + label + .BookmarkContent,
.FlexBookmarkBraun input.Bookmark:checked + label + .ULMenuContent {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1 0 100%;

    order: 1;
    }

.FlexBookmarkBraun input.Bookmark + label + .BookmarkContent.VUE section {
    flex: 1 auto;
}

/* Закладки на CSS для радиобаттонов - БЕЗ СКРИПТОВ! */



/* Клас для белых закладок (пока для навигаторов) */
.FlexBookmarkLight { margin-bottom: 0;
    z-index: 1;}

.FlexBookmarkLight > input[type=radio] + label {
    border-width: var(--border-thin) var(--border-thin) 0 var(--border-thin);
    border-style: solid;
    border-color: rgba(208, 216, 223, 0.5);

    justify-content: center;

    font-size: 1.1em;
    margin: 0 0 -1px 0;
    padding: 0.6em 1.0em 0.8em 2.0em;

    cursor: pointer;

    border-radius: var(--border-radius-FlexBookmarkLight) var(--border-radius-FlexBookmarkLight) 0 0;
}

.FlexBookmarkLight > input[type=radio] + label:hover { border-color: #f14a00  #f14a00 rgba(255, 255, 255, 0);
    color: #0062df;
    box-shadow: none;

z-index: 2;}

.FlexBookmarkLight > input[type=radio]:checked + label { font-weight: bold;
    border-color: #0062df;

    cursor: default;
    box-sizing: border-box;

z-index: 1;
    }

/*
.MapSelecter > input[type=radio]:disabled + label { filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5; }
*/

.FlexBookmarkLight .RightSide,
.FlexBookmarkLight .RightSide a {
    display: flex;
    align-items: center;
    }

.FlexBookmarkLight .RightSide {
    font-size: 1.1em;
    min-height: 3em;

    flex: 1;
    justify-content: flex-end;
    gap: 0.4em;
    }

.FlexBookmarkLight .RightSide a {
    padding: 0.4em 0.5em;
    line-height: 1.2em; }

.FlexBookmarkLight .RightSide a svg {
       margin-right: 0.3em;
       margin-top: -0.2em;}


.FlexBookmarkLight .RightSide a:first-of-type svg {
    margin-right:0;}

.FlexBookmarkLight .RightSide a:last-of-type svg {
    margin-left:0;}


.FlexBookmarkLight .RightSide a:last-of-type { padding-right: 0; }

.ScrollSection .MapSelecter { font-size: 1.2em;}

.ScrollSection .MapSelecter label {
    padding: 0.4em;
   flex: 1;
   }


/* КОНЕЦ Клас для белых закладок (пока для навигаторов) */



/* Флекс табуляры на радиобаттонах */
/*
Все строится на последовательности, важно чтобы каждый блок шел друг за другом input.Tab +  label + div.TabBar_Content_Wrap > div.TabBar_Content
<input type="radio" class="Tab" name="TabBar" id="TabBar_1" value="1">
    <label for="TabBar_1">Закладка 1</label>
    <div class="TabBar_Content_Wrap">
        <div class="TabBar_Content">Текст вкладки 1</div>
    </div>
    Дополнительные параметры к .Tab:
    .InLine - делает таббар под контент, если не указать, то он будет во всю ширину страницы
    .Border - добавляет бордер у содержимого
    .CheckedBlue - делает выделенную вкладку синей

    .NoPadding - добавляет бордер у содержимого (Если с .TabBar, то паддинг 0 у всех .TabBar_Content_Wrap, либо можно указывать у каждого TabBar_Content_Wrap)
*/
    .TabBar, .TabBar .TabBar_Content_Wrap, .TabBar .Tab {
        box-sizing: border-box;
    }

    .TabBar {
        display: flex;
        flex-wrap: wrap;

        margin-top: 1em;
        margin-bottom: 1em;
    }

    .ML_Window .TabBar {
        margin-top: 0;
        margin-bottom: 0;
    }

    .TabBar input.Tab + label,
    .TabBar.InLine, .TabBar.Inline {
        display: inline-flex;
    }

    .TabBar .TabBar_Content_Wrap {
        text-align: left;
    }
    .TabBar .TabBar_Content_Wrap .TabBar_Content {
        position: relative;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #MainCalcSettings_Window.ML_Window .TabBar .TabBar_Content_Wrap  .TabBar_Content {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(43%, 1fr));
        align-items: center;
    }

    .TabBar .TabBar_Content .tox-tinymce--toolbar-sticky-on {
        flex: 1;
    }

    .TabBar .Tab,
    .TabBar input.Tab:not(:checked) + label + div.TabBar_Content_Wrap {
        display: none;
    }

    .TabBar input.Tab + label {
        margin: 0;
        padding: 0.3em 0.8em 0.4em;

        overflow: hidden;
        position: relative;

        border-top-left-radius: var(--border-radius-norm);
        border-top-right-radius: var(--border-radius-norm);
        border-bottom-left-radius: unset;
        border-bottom-right-radius: unset;

        align-items: center;
        align-self: flex-end;
        justify-content: center;
        flex: 1 0 auto;
        text-align: center;
    }

    .TabBar.Border input.Tab + label:not(:last-of-type) {
        margin-right: -1px;
    }

    .TabBar.Border input.Tab + label {
        border-radius: unset;
        align-self: stretch;
    }

    .TabBar.Border > input.Tab + label:first-of-type {
        border-top-left-radius: var(--border-radius-norm);
    }

    .TabBar.Border > input.Tab + label:last-of-type {
        border-top-right-radius: var(--border-radius-norm);
    }


    .TabBar.StickyTop {
        position: relative;
        top: unset;
    }

    .TabBar.StickyTop:Before {
        content: "";
        background-image: var(--linear-gradient-Gray-Top);
        position: sticky;
        margin-top: 3.6em;
        margin-bottom: -4.6em;
        height: 1em;
        top: 3.6em;
        width: 100%;
        z-index: 1;
    }

    .TabBar.StickyTop > input.Tab + label {
        top: 0;
        position: sticky;
        background-color: var(--color-BG-White);
        z-index: 10;
    }

    .TabBar.StickyTop .tox-tinymce--toolbar-sticky-on .tox-editor-header {
        top: 3.2em !important;
    }

    .TabBar.StickyTop > input.Tab + label:hover {
        z-index: 11;
    }

    .TabBar.BIG  > input.Tab + label .Title {
        font-size: 1.6em;
        margin-top: 0.2em;
        margin-bottom: 0.2em;
    }

    .ML_Window .TabBar.Border > input.Tab + label:first-of-type,
    .ML_Window .TabBar.Border > input.Tab + label:last-of-type {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }

    .ML_Window .TabBar input.Tab + label,
    .WuXing .TabBar input.Tab + label,
    .WuXing_Easy .TabBar input.Tab + label,
    .TabBar.Border input.Tab + label {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    .TabBar.Border input.Tab + label,
    .WuXing .TabBar.Border input.Tab + label,
    .WuXing_Easy .TabBar.Border input.Tab + label {
        padding-bottom: 0.5em;
    }

    .TabBar input.Tab + label svg {
        margin: -0.2em 0;
        color: var(--color-Gray);
    }

    .TabBar input.Tab + label .flagBG {
        width: 1.7em;
        min-width: 1.7em;
        height: 1.7em;
        min-height: 1.7em;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 50%;
    }

    .TabBar input.Tab + label .flagBG + .Title,
    .TabBar input.Tab + label svg + .Title {
        margin-left: 0.4em;
    }

    .TabBar input.Tab + label:after {
        content: "";
        display: block;
        height: 0;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        border-bottom-style: solid;
    }

    .TabBar.Border input.Tab + label:after {
        top: 0;
    }

    .TabBar input.Tab:not(:checked) + label:after {
        border-bottom-width: 0.1em;
        border-bottom-color: var(--color-Beige-Light);
    }


    .TabBar input.Tab:checked + label,
    .TabBar input.Tab:checked + label svg {
        color: var(--color-Blue);
    }

    .TabBar.CheckedBlue input.Tab:not(:checked) + label {
        background-color: var(--color-BG-backdrop-White);
        backdrop-filter: var(--backdrop-filter-Menu);
    }

    .TabBar.CheckedBlue input.Tab:checked + label {
        /*background-color: var(--color-Blue); */
    }

    .TabBar.CheckedBlue input.Tab:checked + label,
    .TabBar.CheckedBlue input.Tab:checked + label svg {
        /*color: #fff; */
    }


    .TabBar.Border input.Tab:checked + label {
        box-shadow: 0 1px 0 1px var(--color-Beige-Light) inset;
    }

    .TabBar input.Tab:checked + label:after {
        border-bottom-width: 0.3em;
        border-bottom-color: var(--color-Blue);
    }

    .TabBar.Border input.Tab:checked + label:after {
        box-shadow: 0 0 0 1px var(--color-Blue) inset;
    }

    .TabBar.Border input.Tab:not(:checked) + label {
        box-shadow: 0 0 0 1px var(--color-Beige-Light) inset;
    }

    .TabBar.Border input.Tab + label:hover {
        box-shadow: 0 0 0 1px var(--color-Blue-hover) inset;
    }

    .TabBar.Border input.Tab:not(:checked) + label > * {
        /*opacity: 0.6;*/
    }

    .TabBar.Border input.Tab + label:hover > * {
        /*opacity: 1;  */
    }


    .TabBar input.Tab + label:hover,
    .TabBar input.Tab + label:hover svg {
        border-bottom-color: var(--color-Blue-hover);
        color: var(--color-Blue-hover);
    }

    .TabBar input.Tab + label:hover,
    .TabBar input:not(.ML_ReedMore):not(.ServCheckBox):not(.Bookmark) + label:hover {
        -webkit-animation: none;
        animation: none;
    }

    .TabBar input.Tab + label:hover:after,
    .TabBar input.Tab:checked + label:hover:after {
        border-bottom-color: var(--color-Blue-hover);
    }

    .TabBar .TabBar_Content_Wrap {
        flex: 1 0 100%;
        padding: 0.8em;
    }

    .ML_Window .TabBar.FBody + .FFooter {
        margin-top: 0.4em;
    }

    .ML_Window #MPCDlgDlgBody + .FFooter {
        margin-top: 0;
    }

    .TabBar.Border .TabBar_Content_Wrap {
        border-left: var(--border-thin) solid var(--color-Beige-Light);
        border-right: var(--border-thin) solid var(--color-Beige-Light);
        border-bottom: var(--border-thin) solid var(--color-Beige-Light);

        border-bottom-left-radius: var(--border-radius-norm);
        border-bottom-right-radius: var(--border-radius-norm);
    }

    .TabBar input.Tab:checked + label + .TabBar_Content_Wrap {
        order: 1;
    }

    .TabBar.NoPadding .TabBar_Content_Wrap,
    .TabBar .TabBar_Content_Wrap.NoPadding {
        padding: 0;
        margin-top: -1px;
    }

    .TabBar.NoPadding .TabBar_Content_Wrap .FormItemConnect,
    .TabBar .TabBar_Content_Wrap.NoPadding .FormItemConnect {
        margin: 0;
    }

    .TabBar.NoPadding .TabBar_Content_Wrap .FormItemConnect *,
    .TabBar .TabBar_Content_Wrap.NoPadding .FormItemConnect *,
    .TabBar .TabBar_Content_Wrap.NoPadding ul.checkable-list li:first-of-type > label,
    .TabBar .TabBar_Content_Wrap.NoPadding ul.checkable-list li:last-of-type > label,
    .TabBar.NoPadding .TabBar_Content_Wrap ul.checkable-list li:first-of-type > label,
    .TabBar.NoPadding .TabBar_Content_Wrap ul.checkable-list li:last-of-type > label {
        border-radius: 0;
    }

    .TabBar .TabBar_Content_Wrap .TabBar_Content .label {
        width: 15em;
    }

/* КОНЕЦ Флекс табуляры на радиобаттонах*/


/* ====================================== */

.FormBlockInLineFl { box-sizing: border-box;
    display: inline-flex;
    }

/* НАЧАЛО: СПИСОК ПРОФЕЛЕЙ КАРТ
.MLToken_Wrapper - класс для обертки токенов
.InputFirst - при добавлении к MLToken_Wrapper поизционирует инпут всегда в самом начале
*/

.pCards_Wrapper,
.MLToken_Wrapper {
    display: flex;
    border-radius: var(--border-radius-inputs);
    background-color: rgba(255, 255, 255, 0.95);
    min-width: 25em;
    box-sizing: border-box;

    margin: 0.4em 0.25em;
}

.FormBlock .MLToken_Wrapper + select {
    align-self: flex-end;
}

div.MLToken_Wrapper,
span.MLToken_Wrapper {
    flex: 1 1;
}

.MailForm .MLToken_Wrapper {
    flex: 1 1 100%;
}

.MLToken_Wrapper > section {
    display: flex;
    margin: 0;
    padding: 0;
    flex: 1;
}

.pCards_Wrapper .pCard {
    margin: 0.2em 0.2em;
    font-size: 0.9em;
    border-radius: var(--border-radius-inputs);
}


.MLTokenInput input {
    flex: 1;
}

.pCards_Wrapper #pCards,
.MLToken_Wrapper .MLTokenInput:not(.InpGost),
.MLToken_Wrapper .MLTokenInput input:not(.InpGost),
.MLToken_Wrapper #MLTokenInput input:not(.InpGost) {
    background: none;
    border: none;
    margin: 0.04em;

    flex: 1 1;
}

.MLToken_Wrapper .MLTokenInput:not(.InpGost),
.MLToken_Wrapper .MLTokenInput input:not(.InpGost),
.MLToken_Wrapper #MLTokenInput input:not(.InpGost) {

    min-width: 5em;

}

.MLToken_Wrapper.InputFirst .MLTokenList .MLTokenInput {
    order: -1;
    margin-left: 0 !important;
    margin-right: 0.3em;
}

input#pCards:focus-visible,
input.MLTokenInput:focus-visible,
.MLToken_Wrapper .MLTokenInput input:focus-visible,
.MLToken_Wrapper #MLTokenInput input:focus-visible {
    outline: none;
}

.MLTokenInput.FormItemConnect:focus-within {
    z-index: 3;
}

.pCards_Wrapper .pCardFlex:not(.DNone) + #pCards,
.MLToken_Wrapper .MLToken:not(.DNone) + .MLTokenInput,
.MLToken_Wrapper .MLToken:not(.DNone) + #MLTokenInput input,
.MLToken_Wrapper .MLTokenList + .MLTokenInput_Wrapper .MLTokenInput,
.MLToken_Wrapper .MLTokenList + .MLTokenInput_Wrapper #MLTokenInput input {
    margin-left: 0.4em;
}

.MLTokenInput,
#MLTokenInput {
    flex: 1 1;
    min-width: 12em;
    display: inline-flex;
    justify-content: flex-start;
    position: relative;
}

#MLTokenInput input {
    min-width: 5em;
        padding: 0.65em;
    }

#pCardsList_Messege,
.MLToken_Messege {
        flex: 1 0 100%;
    }

.pCard, .pCardsList, .pCard .RightSlideBar,
.MLTokenList  {
    align-items: stretch;
    flex-direction: row; }

.pCardsList,
.MLTokenList {
    font-size: 0.9em;
    font-weight: normal;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
  }

.MLToken_Wrapper .MLTokenList {
    flex: 1 1;
}

ul.pCardsList, ol.pCardsList { margin:0;
    padding: 0; }

.pCard, .pCard *, .pCard .AllBottonLight, .pCard .Close,
.FormBlockInLineFl {
    box-sizing: border-box;
    display: inline-flex;
    }

.pCard * {align-items: center;}

.pCard *, .pCard .AllBottonLight, .pCard button {
    background: none;
    text-shadow: none;
    border: none;

    border-radius:0; }


.pCard .AllBottonLight, .pCard label, .pCard button, .pCard input  { margin: 0;}

.pCard, ul.pCard, ol.pCard { margin: 0.3em 0.3em; }

.pCard {
    position: relative;
    margin: 0.3em 0.3em;

    background-color: rgba(0, 98, 207, 0.01); /* #f2f8ff */

   -webkit-flex-wrap: nowrap;
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;

    overflow: hidden;

    border: var(--border-thin) solid rgba(208, 216, 223, 0.8);
    border-radius:2em;
    }


.pCardsList .pCard:not(.NotPay):hover {
    border-color: var(--color-Blue-hover);
    background-color: rgba(0, 98, 207, 0.03);

    box-shadow: 0 0 0.4em #d0d8df; }


.pCard.positive {
    color: initial;
    border-color: #00b000;
}

.pCard.noAct {
    border-color: #CCCCCC;
    color: #B2B2B2;
}

.pCard.noAct .Close {
    background-color: #F5F5F5;
}

    /* content: attr(data-value) */

.pCard em { font-style: italic;}

/*.pCard:not(.NotPay) .Close {
    background-color: #e5f3ff; }*/

.pCard .Close {
    text-decoration: none;
    line-height: 1.1em;
    text-indent: 0;
    background-color: #e5f3ff;
    border: var(--border-thin) solid rgba(255,255,255,0.5);
    border-radius: inherit;
    padding: 0.6em;
    z-index: 1;}

.pCard .Name {
    display: block;
    max-width: 10em;
    margin-right: -2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;

    font-size: 1.1em;
    padding: 0.4em 2.5em 0.4em 0.8em;
    cursor: default;}

.pCard .Name:after { content: "";
position: absolute;
left: 17em;
top: 0;
width: 4em;
height: 100%;
vertical-align: baseline;
line-height: 2.1em;

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#77ffff',GradientType=1 );
}

.pCard .Name + .pCard .Name { margin-left: -0.3em; }

.pCard .Raiting,
.Hour_Brif .Raiting { color: var(--color-Green-hover); }


.pCard .Raiting { margin-right: 0.6em; }

.NotPay { background-color:  transparent; }

.pCardsList .pCard:not(.NotPay) .Link_PayCard {display: none;}

.NotPay, .NotPay .Name { color: #d0d8df; }

.pCard .AllBottonLight:hover, .pCard .Close:hover, .pCard button:hover { background: #f4fbff;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f4fbff));
    background-image: -webkit-linear-gradient(top, #ffffff, #f4fbff); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(center top, #ffffff, #f4fbff); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #ffffff, #f4fbff); /* IE10 */
    background-image:      -o-linear-gradient(top, #ffffff, #f4fbff); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #ffffff, #f4fbff); }

.pCard .RightSlideBar {
    background-color: #ffffff;

    position: absolute;
    right: -1em;
    top: 0;
    height: 100%;
    overflow: hidden;
    padding: 0 0.5em;

    opacity: 0;

    box-shadow: 0 0 0.6em 0.3em #fff;
    }

/*  ShowButtonText - добавляем этот блок, если хотим показывать текст которые скрыт классом NoText */
.pCard:hover .RightSlideBar {
    right: 2em;

    opacity: 1;

  -webkit-animation: ShowBox 0.3s;
  animation: ShowBox 0.3s;
    }

.pCard:hover .Name { color: rgba(0, 0, 0, 0.5); }

.pCard:hover .Name.red { color: #e00000;  }



.pCards_Wrapper .pCardFlex,
.MLToken_Wrapper .MLToken {
    margin: 0.2em 0.2em;
    border-radius: var(--border-radius-inputs);
    overflow: hidden;
}

.MLToken_Wrapper .MLToken.NotPay {
    border-color: var(--color-Orange);
}

.MLToken_Wrapper .MLToken.ItemSelected {
    border-color: var(--color-Blue);
}

.FormItemConnect.Search .MLToken_Wrapper .MLToken {
    margin: 0;
    border: none;
    border-radius: inherit;
}

.pCards_Wrapper .pCardFlex,
.wrapper_main_qmdjsearch .MLToken_Wrapper .MLToken,
.wrapper_main_qmdjsearch2 .MLToken_Wrapper .MLToken,
.UsersPopUp .MLToken_Wrapper .MLToken {
    font-size: 0.9em;
}

.pCardFlex,
.MLToken,
.File {
    display: inline-flex;
    position: relative;
    margin: 0.3em 0.3em;
    box-sizing: border-box;

    background-color: rgba(0, 98, 207, 0.01); /* #f2f8ff */

    flex-wrap: nowrap;

    /*min-width: 20em;*/
    max-width: 32%;

    border: var(--border-thin) solid rgba(208, 216, 223, 0.8);
    }

#Authors_NamesList .MLToken {
    min-width: 14em;
    max-width: 18em;
}

#NotificationMailingList .MLToken {
    max-width: 34em;
}

#Shop_UlistList .MLToken {
    max-width: 45%;
}

.MLToken {
    min-height: 3.1em;
}

.UsersPopUp .pCardFlex,
.UsersPopUp .MLToken,
.File a {
    max-width: 13em;
}

.FilesList:not(.Form) {
    display: contents;
}

.FilesList.Form {
    display: flex;
    flex-direction: column;
}

.FilesList.Form > .Item {
    display: flex;
    gap: 0.4em 0.8em;
    align-items: center;
    padding: 0.6em 0.8em;
}

.FilesList.Form .ID {
    font-weight: bold;
}

.FilesList.Form .Details,
.FilesList.Form .Settings {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0 0.8em;
}

.FilesList.Form .Details {
    flex: 1;
}

.FilesList.Form .Settings {
    align-items: center;
    flex-wrap: nowrap;
}

.FilesList.Form .Details input,
.FilesList.Form .Details .FormItemConnect {
    margin: 0;
}

.FilesList.Form .Details .Review {
    display: flex;
    flex: 1;
}

.FilesList.Form .Details .Properties {
    display: flex;
    flex: 1 100%;
    border-top: thin dashed var(--color-Gray-Light);
    margin-top: 0.5em;
}

.FileUrl,
.FilesList.Form .Details .Properties .URL {
    flex: 1;
    color: var(--color-Beige);
}

.FilesList.Form > .Item  time {
    gap: 0;
    font-size: 1em;
}


time input.InpGost[type="time"] {
    margin: 0;
}

time input.Time,
time input.Hour {
}

.FileDuration,
.Video_Duration {
    text-align: center;
    width: 4em;
}

.StartingDate {
    text-align: right;
    width: 5em;
}

.PgesCount {
    width: 3em;
    text-align: right;
}

Select.FileType {
    width: 9em;
}

input.File_Size {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" ><text fill="rgba(112, 96, 80, 1.0)" font-family="Arial, Helvetica, sans-serif" font-size="0.9em" font-weight="bold" x="0" y="0.9em" >B</text></svg>') right center;
    background-repeat: repeat;
    background-size: auto;
    background-size: 0.9em 1em;
    background-repeat: no-repeat;
    padding-right: 1.0em;
    width: 10em;
    text-align: right;
}

input.DRM_ID {
    text-align: right;
    width: 6em;
    background-image: var(--SVG-Ico-License-Beige-Dark);
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 1.6em;
}

 /*
.Duration input.Date,
.Period input.Date {
    width: 6em;
}
*/


input.Date {
    background-image: var(--SVG-Ico-Calendar);
    background-size: auto 70%;
    background-position: 0.4em center;
    background-repeat: no-repeat;

    width: 8.5em;
    padding-left: 2.4em;
    text-align: center;
}
.Duration input.Date,
.Period input.Date,
time input.Date {
}

.Duration input.Date.InpGost,
.Period input.Date.InpGost,
time input.Date.InpGost {
    width: 7.2em;
    padding-left: 1.6em;
    background-size: auto 80%;
    background-position: 0.2em;
    text-align: right;
}

time svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
}

time input.Date {
    width: 8em;
}

.Duration input[type="time"],
.Period input[type="time"] {
}

.FilesList .File {
    background-color: var(--color-BG-White);
}

.File .TimeCode {
    display: inline-block;
    font-size: 1.2em;
    background-image: var(--SVG-Ico-TimeCode-File);
    border-color: var(--color-Beige);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 1em;
    min-width: 1em;
    height: 1em;

    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.FilesList .File button svg {
    font-size: 1.5em;
}

.SectionFiles .File a .Time,
.FilesList .File a .Time {
    display: inline-block;
    color: #e00;
    position: absolute;
    right: 0;
    top: 0.1em;
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 1em;
    padding: 0.0em;
    border-radius: var(--border-radius-xs);
    font-size: 0.7em;
    margin: 0;
    box-shadow: 0 0 4px 1px rgba(255, 255, 255, 0.5), 0 0 4px 1px rgba(255, 255, 255, 0.5);
}

.SectionFiles .File a .Time {
    right: 0.4em;
}

.FilesList .File a .Time:before {

}

.FilesList .File a {
    overflow: hidden;
    text-decoration: none;
}

.FilesList .File a:hover {
    text-decoration: underline;
}

.File a {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 0;
}

.VideoPlayer_Main aside .SectionFiles .File a.Download,
.SectionFiles .File .Download {
    flex: 0 auto;
    border-left: var(--border-style-Light);
    margin-right: -0.4em;
    /* min-width: fit-content; */
}

.File a:after,
.SectionFiles .addNewFile:after {
    content: none;
}

.SectionFiles .addNewFile {
    margin: 0.3em 0.3em;
    align-items: center;
    display: inline-flex;
}

.pCardsList .pCardFlex:not(.NotPay):hover,
.pCardsList .MLToken:not(.NotPay):hover {
    border-color: rgba(0, 130, 255, 0.5);

    background-color: rgba(0, 98, 207, 0.03);
    box-shadow: 0 0 0.4em #d0d8df;
    }


.pCardFlex.positive,
.MLToken.positive {
    color: initial;
    border-color: #00b000;
}

.pCardFlex.noAct,
.MLToken.noAct {
    filter: grayscale(50%);
}

.wrapper_section_edititem .Close,
.pCardFlex .Close,
.pCardFlex button,
.pCardFlex .Link_PayCard,
.MLToken .Close,
.MLToken .Remove,
.MLToken button,
.MLToken .Link_PayCard,
.File .Close,
.EditFile,
.File button {
    display: inline-flex;
    align-items: center;
    align-self: stretch;

    color: var(--color-Gray);
    padding: 0.35em;
    margin: 0;
    background-color: transparent;
    cursor: pointer;
    border-radius: inherit;
}

.File input[type="checkbox"].IMGCheckBox + label {
    padding: 0.2em 0.4em;
}

.EditFile:hover,
.EditFile:hover svg {
    color: var(--color-Blue-hover);
}

#flist .EditFile {
    border: none;
}

.MLToken button,
.File button {
    border-collapse: collapse;
    border: none;
}

.pCardFlex:not(:hover) .Close,
.pCardFlex:not(:hover) button,
.MLToken:not(:hover) .Close,
.MLToken:not(:hover) .Remove,
.MLToken:not(:hover) button,
.File:not(:hover) .Close,
.File:not(:hover) button {
    opacity: 0.5;
}

.pCardFlex .Link_PayCard,
.MLToken .Link_PayCard {
    color: var(--color-Blue);
}

.pCardFlex button svg,
.MLToken .EditChart svg,
.File .EditChart svg {
    margin-right: -0.3em;
}

.pCardFlex button:hover,
.pCardFlex button:hover svg,
.pCardFlex .Link_PayCard:hover,
.pCardFlex .Link_PayCard:hover svg,
.MLToken button:hover,
.MLToken button:hover svg,
.MLToken .Link_PayCard:hover,
.MLToken .Link_PayCard:hover svg,
.File button:hover,
.File button:hover svg {
    color: var(--color-Blue-hover);
}

.pCardsList .pCardFlex:not(.NotPay) .Link_PayCard,
.MLTokenList .MLToken:not(.NotPay) .Link_PayCard {display: none;}

.pCardFlex .Close,
.MLToken .Close,
.MLToken .Remove,
.File .Close {
    text-decoration: none;
    line-height: 1.1em;
    text-indent: 0;
    z-index: 1;}

.wrapper_section_edititem .Close:after,
.pCardFlex .Close:after,
.MLToken .Close:after,
.MLToken .Remove:after,
.File .Close:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(112, 128, 144, 1.0)' d='M8.7,8l6.1,6.1l-0.7,0.7L8,8.7l-6.1,6.1l-0.7-0.7L7.3,8L1.1,1.9l0.7-0.7L8,7.3l6.1-6.1l0.7,0.7L8.7,8z'/%3E%3C/svg%3E");

    background-size: contain;
    width: 1em;
    height: 1em;
    font-size: 1.4em;
    }

.wrapper_section_edititem .Close:hover:after,
.pCardFlex .Close:hover:after,
.MLToken .Close:hover:after,
.MLToken .Remove:hover:after,
.File .Close:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(0, 130, 255, 1.0)' d='M8.7,8l6.1,6.1l-0.7,0.7L8,8.7l-6.1,6.1l-0.7-0.7L7.3,8L1.1,1.9l0.7-0.7L8,7.3l6.1-6.1l0.7,0.7L8.7,8z'/%3E%3C/svg%3E");
    }

.pCardFlex .Flag,
.MLToken .Flag,
.MLToken figure,
.MLToken .Avatar.CharAvatar {
    width: 2.5em;
    min-width: 2.5em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
}

.MLToken .Avatar.CharAvatar {
    border-radius: unset;
    border: unset;
}

.MLToken .icoNoAvatar {
    width: 1.4em;
    min-width: 1.4em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;

    margin-left: 0.0em;
    margin-right: -0.2em;
}

.MLToken > a,
.ML_Table :not(.AdLine1Sect) .MLToken > a {
    display: inline-flex;
    flex: 0 auto;
    min-width: fit-content;
    white-space: nowrap;
    padding: 0.35em;
}

.MLToken > a:after,
.ML_Table .MLToken > a[target="_Blank"]:after {
    content: none;
}

.MLToken > a svg {
    font-size: 1.8em;
    align-self: center;
    margin: 0;
}

.icoNoAvatar {
    display: inline-flex;
    align-self: center;
    position: relative;
    align-items: center;
    justify-content: center;

    width: 1em;
    height: 1em;
    }

.ML_Accordion_H .pCard .icoNoAvatar {
    margin-left: 0.2em;
    margin-right: -0.3em;
    font-size: 1.5em;
}

.icoNoAvatar:before,
.BadFor:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
}

.icoNoAvatar:before {
    height: 100%;

    -webkit-mask: var(--SVG-Ico-CirCleStar);
    mask: var(--SVG-Ico-CirCleStar);

    background-color: rgba(0, 128, 255, 1);
    opacity: 0.9;

   -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

/*
    НАЧАЛО: FooterAutor
*/
.FooterAutor {
    display: flex;
    flex: 1 0 100%;
    justify-content: flex-end;
}

.FooterAutor .Person_Item {
    display: inline-flex;
    align-items: flex-start;
}

.FooterAutor .Person_Item  .Description {
    display: flex;
    flex-direction: column;
    order: 1;
    text-align: right;
}

.FooterAutor .Person_Item  .AvatarTD {
    margin-left: 1em;
    order: 2;
}

.FooterAutor .Person_Item  .Description .Name {
    margin-top: 0.4em;
    font-size: 1.2em;
    margin-bottom: 0.2em;
    line-height: 1.2em;
}

.FooterAutor .Person_Item  .Description .Spec {
    color: var(--color-Beige);
    font-size: 0.9em;
    line-height: 1em;
    font-style: italic;
}

body#tinymce .AvatarTD,
article .AvatarTD {
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    border-radius: var(--border-radius-s);
    justify-content: center;
    }


body#tinymce .AvatarTD img,
article .AvatarTD img {
    width: 1em;
    object-fit: cover;
    max-width: none;
    margin: -0.1em -0.03em;
    max-height: none;
    font-size: 5em;
    }

/*
КОНЕЦ:   FooterAutor
*/


.BadFor {
    opacity: 0.8;
}

.BadFor:after {
    height: 0.1em;
    background-color: black;
    transform: rotate(-45deg);
    box-shadow: 0 0 0.1em 0.1em #fff;
    border-radius: 0.05em;
    z-index: 3;
    opacity: 0.6;
}

.icoNoAvatar.icoColor1:before {
    background-color: #0082ff;
}
.icoNoAvatar.icoColor2:before {
    background-color: #D026D9;
}
.icoNoAvatar.icoColor3:before {
    background-color: #ee0000;
}
.icoNoAvatar.icoColor4:before {
    background-color: #00b000;
}
.icoNoAvatar.icoColor5:before {
    background-color: #ff7d00;
}


.MLToken .Detail,
.pCardFlex .Name,
.MLToken .Name {
    display: inline-flex;
    justify-content: center;
    /*
    align-items: center;
    */
    flex-direction: column;

    line-height: 1em;
    font-size: 1em;

    min-width: 2em;
    min-height: 1.7em;
    position: relative;

    font-size: 1.1em;
    padding: 0.3em 0.4em 0.2em 0.4em;
    cursor: default;
    /* Не нужен, та как как в этом случае глючит текст-овервфлоу
        flex-wrap: wrap;
    */
    }

.MLToken .Detail .Name {
    padding: none;
}

.pCardFlex .Name .text,
.MLToken .Name .text {
    color: var(--color-Black);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    flex: unset;

    font-size: inherit;
    line-height: initial;
    position: relative;
    }


.MLToken .Name .text .Amount {
    position: absolute;
    right: 0;
    display: inline-flex;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 0.8em 0.4em #fff;
    margin-top: -0.1em;
    color: var(--color-Beige);
}


.label .Amount {
    display: inline-flex;
    margin-left: 0.2em;
}

h3.Amount,
.ML_Window .Title .Amount,
.Accounting section .Head .Title .Amount {
    display: inline-flex;
    align-items: baseline;
    font-size: 0.7em;
    font-weight: bold;
    vertical-align: top;
}

h3 .Amount {
    font-size: 0.6em;
    position: relative;
    bottom: 0.3em;
    margin-left: 0.2em;
    color: var(--color-Beige);
}

.ML_Window .Title .Amount {
    font-weight: normal;
    margin: -0.6em 0 0 0.4em;
}


button .Amount,
.ML_Table :not(.FormBlockDescr) button .Amount {
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1em;
}

button .Amount:before,
button .Amount:after {
    opacity: 0.6;
}

h3 .Amount:before,
h3 .Amount:after,
.List_UserOrder .Amount:before,
.List_UserOrder .Amount:after,
#UserOrdersApp .Amount:before,
#UserOrdersApp .Amount:after,
h3.Amount:before,
h3.Amount:after,
.ML_Window .Title .Amount:before,
.ML_Window .Title .Amount:after,
.MLToken .Name .text .Amount:before,
.MLToken .Name .text .Amount:after {
    color: var(--color-Beige-Light);
}

h3 .Amount:before,
.List_UserOrder .Amount:before,
#UserOrdersApp .Amount:before,
h3.Amount:before,
.ML_Window .Title .Amount:before,
.MLToken .Name .text .Amount:before,
button .Amount:before,
label .Amount:before,
.Charts_Index .TabBar.Charts ~ .MenuFlex li .Amount:before,
.Notes_Index .MenuFlex li .Amount:before,
ul.ULSubMenu li a .Amount:before,
.Accounting .Amount:before,
.ui-autocomplete .ui-menu-item .ShowMore .Amount:before {
    content: "(";
    font-weight: normal;
}

.Expenses_Total .Head {
    content: "(∑";
}

h3 .Amount:after,
.List_UserOrder .Amount:after,
#UserOrdersApp .Amount:after,
h3.Amount:after,
.ML_Window .Title .Amount:after,
.MLToken .Name .text .Amount:after,
button .Amount:after,
label .Amount:after,
.Charts_Index .TabBar.Charts ~ .MenuFlex li .Amount:after,
.Notes_Index .MenuFlex li .Amount:after,
ul.ULSubMenu li a .Amount:after,
.Accounting .Amount:after,
.ui-autocomplete .ui-menu-item .ShowMore .Amount:after {
    content: ")";
    font-weight: normal;
}


.MLToken .Name .Date {
    display: block;
    font-size: 0.8em;
    color: var(--color-Beige);
    overflow: hidden;
    text-overflow: ellipsis;
}

.MLToken .Name .email,
.MLToken .Name .Email {
    display: block;
    font-size: 0.9em;
    color: var(--color-Beige);
    overflow: hidden;
    text-overflow: ellipsis;
}

@keyframes ShowBox {
    0%{
        opacity: 0.1;
        right: -1em;}
    100%{right: 2em;}
}

/* КОНЕЦ: СПИСОК ПРОФИЛЕЙ КАРД*/

/* Пагенатор */

.Pager { clear: both;
    /*width: 76em;*/
    margin-top: 1em;}

.ML_Window .FFooter .Pager {margin-top: 0;}
.ML_Window #MPCDlgNavigator {
    flex: 1 0 auto;
    justify-content: center;
}

.Pager, .Pager * { box-sizing: border-box; }

.Pager, .UserCount {align-items: center; }

.ActionBar select {
    margin-top: 0;
    margin-bottom: 0;
}

.Pager_Links {align-items: stretch; }

.Pager_Links {
   display: flex!important;
   margin: -1px 2em 0 2em;

    flex: 1;

   justify-content: center;}


.UserCount {  }

.Pager_Links select { min-width: 4em;
    text-align: center; }

.Pager .Pager_Links a { border: 1px solid #d0d8df;
    margin-right: -1px;
    line-height: 1em;
    display: inline-block;
    padding: 0.7em 0 0.7em 0;
    text-decoration: none;
    text-align: center;
    width: 2.5em;}

.GenTable .Pager .Pager_Links a  {
    font-size: 1.2em;
}


.Pager .Pager_Links a.b, .Pager .Pager_Links .active {
    color: #fff; }

.Pager.TRound .Pager_Links a:first-of-type {
    border-top-left-radius:var(--border-radius-inputs);
    }

.Pager.TRound .Pager_Links a:last-of-type {
    border-top-right-radius:var(--border-radius-inputs);
    }

.Pager.BRound .Pager_Links a:first-of-type {
    border-bottom-left-radius:var(--border-radius-inputs);
    }

.Pager.BRound .Pager_Links a:last-of-type {
    border-bottom-right-radius:var(--border-radius-inputs);
    }

/* Конец Пагенатора */



/* Кнопки Вверх/Вниз */
.ArrowsVert {
    display: inline-flex;
    flex-direction: column;
    }

.Title .ArrowsVert {
    font-size: 50%;
    vertical-align: middle; }

.flex .ArrowsVert + .Title {
   flex: 1 0 auto;
   display: flex;
   align-items: center;
   }

.ArrowsVert a {
    color: rgba(255, 255, 255, 0);
    line-height: 1.2em;
    position: relative;
    text-align: center;
    width: 2.1em;}

.ArrowsVert a.bottom, .ArrowsVert a.top { border-color: transparent;
   border-style: solid; }

.ArrowsVert a.bottom {
   border-width: 0 var(--border-thin) var(--border-thin) var(--border-thin);}

.ArrowsVert a.bottom:hover {
    border-color: transparent #0082ff #0082ff #0082ff;

    border-radius: 0 0 0.5em 0.5em; }

.ArrowsVert a.top {
   border-width: var(--border-thin) var(--border-thin) 0 var(--border-thin); }

.ArrowsVert a.top:hover {

    border-color: #0082ff #0082ff transparent #0082ff;

    border-radius: 0.5em 0.5em 0 0; }

.ArrowsVert a.bottom:after, .ArrowsVert a.top:before {
    display: inline-block;
    content:"";
    width: 0;
   height: 0;
   position: absolute;

   left: 50%;
   top: 50%;
   margin:-0.4em -0.7em 0;
   }

.ArrowsVert a.bottom:after {

    border-color:#0062cf transparent transparent;
   border-style: solid;
   border-width:0.8em 0.7em 0;}

.ArrowsVert a.bottom:hover:after {
    border-top-color: #0082ff;}


.ArrowsVert a.top:before {
    border-color: transparent transparent #0062cf transparent;
    border-style: solid;
    border-width: 0 0.7em 0.8em 0.7em;}

.ArrowsVert a:hover.top:before {
    border-bottom-color: #0082ff;}

/* КОНЕЦ: кнопок Вверх/Вниз */




/* НАЧАЛО: Кнопки Вправо/Влево */
.ArrowsHorizont {
    display: inline-flex;
    flex-direction: row;
    }

.ArrowsHorizont a {
    color: rgba(255, 255, 255, 0);
    line-height: 1.2em;
    position: relative;
    text-align: center;
    height: 2.1em;
   width: 1.8em;}

.ArrowsHorizont a.right, .ArrowsHorizont a.left { border-color: transparent;
   border-style: solid; }

.ArrowsHorizont a.right {
   border-width: var(--border-thin) var(--border-thin) var(--border-thin) 0;}

.ArrowsHorizont a.right:hover {
    border-color: #0082ff #0082ff #0082ff transparent;

    border-radius: 0 0.5em 0.5em 0; }

.ArrowsHorizont a.left {
   border-width: var(--border-thin) 0 var(--border-thin) var(--border-thin); }

.ArrowsHorizont a.left:hover {
    border-color: #0082ff transparent #0082ff #0082ff;

    border-radius: 0.5em 0 0 0.5em; }

.ArrowsHorizont a.right:after, .ArrowsHorizont a.left:before {
    display: inline-block;
    content:"";
    width: 0;
   height: 0;
   position: absolute;

   left: 50%;
   top: 50%;
   margin:-0.7em -0.4em 0;
   }

.ArrowsHorizont a.right:after {

    border-color: transparent transparent transparent #0062cf;
   border-style: solid;
   border-width:0.7em 0 0.7em 0.8em;}

.ArrowsHorizont a.right:hover:after {
    border-right-color: #0082ff;}


.ArrowsHorizont a.left:before {
    border-color: transparent #0062cf transparent transparent;
    border-style: solid;
    border-width: 0.7em 0.8em 0.7em 0;}

.ArrowsHorizont a:hover.left:before {
    border-left-color: #0082ff;}

/* Конец кнопок Вправо/Влево */

.ML_Arr_R_B, .ML_Arr_L_B, .TextArrow {
       display: inline-flex;
    align-items: center;

    color: rgba(255, 255, 255, 0);
    background-color: rgba(255, 255, 255, 0.9);
    vertical-align: middle;

    box-sizing: border-box;

    line-height: 1em;
    font-size: 1em;
}

.ML_Arr_R_B:hover, .ML_Arr_L_B:hover, .TextArrow:hover {
    color: rgba(255, 255, 255, 0);
    /*background-color: transparent!important;*/ }

.ML_Arr_R_B, input+.TextArrow {
    padding: 0.6em 0.7em 0.6em 0.5em;

    border-color: var(--color-Gray-Light);
    border-style: solid;
    border-width: var(--border-thin) var(--border-thin) var(--border-thin) 0;

    border-radius: 0 0.5em 0.5em 0;}

.ML_Arr_R_B:hover, input+.TextArrow:hover {
    border-color: #0082ff #0082ff #0082ff transparent;}

.ML_Arr_L_B, .TextArrow {
    padding: 0.6em 0.5em 0.6em 0.7em;

    border-color: rgba(208, 216, 223, 0.4) transparent rgba(208, 216, 223, 0.4) #d0d8df;
   border-style: solid;
   border-width: var(--border-thin) 0 var(--border-thin) var(--border-thin);

    border-radius: 0.5em 0 0 0.5em;}

.ML_Arr_L_B:hover, .TextArrow:hover {
    border-color: #0082ff transparent #0082ff #0082ff;}


.ML_Arr_R_B:after, .ML_Arr_L_B:before,
.Pager_Next:after, .Pager_Prev:before,
input+.TextArrow:after, .TextArrow:before  {
    display: inline-block;
    content:"";
    width: 0;
    height: 0;
    vertical-align: middle;}

.ML_Arr_R_B:after, .Pager_Next:after,  input+.TextArrow:after {
    border-color: transparent transparent transparent var(--color-Blue-Dark);
    border-style: solid;
    border-width: 0.55em 0 0.55em 1em;}

.FormItemConnect.Pager_Links .Pager_Next:hover:after,
.ML_Arr_R_B:hover:after  {
    border-left-color: #fff;
    }

.ML_Arr_L_B:hover,
.ML_Arr_R_B:hover,
.Pager .Pager_Prev:hover,
.Pager .Pager_Next:hover {
    background-color: var(--color-Blue-hover);
    color: #fff;
}

/*
.Pager .Pager_Next:hover:after {
    border-left-color: var(--color-Blue-hover);
}
*/

input+.TextArrow:hover:after {
    border-left-color: var(--color-Blue-hover);
}

.ML_Arr_L_B:before, .Pager_Prev:before, .TextArrow:before {
    border-color: transparent var(--color-Blue-Dark) transparent transparent;
    border-style: solid;
    border-width: 0.55em 1em 0.55em 0;}

.ML_Arr_L_B:hover:before, .FormItemConnect.Pager_Links .Pager_Prev:hover:before {
    border-right-color: #fff;
    }

.TextArrow:hover:before {
    border-right-color: #0082ff;}

input+.TextArrow:before { display: none; }

.Pager_Prev[disabled="disabled"]:before, .Pager_Prev[disabled="disabled"]:hover:before  { border-right-color:#d0d8df;  }
.Pager_Next[disabled="disabled"]:after, .Pager_Prev[disabled="disabled"]:hover:before { border-left-color:#d0d8df; }

.TextArrow[disabled="disabled"]:after,
.TextArrow[disabled="disabled"]:hover:after {border-left-color: #d0d8df;}
.TextArrow[disabled="disabled"]:before,
.TextArrow[disabled="disabled"]:hover:before {border-right-color: #d0d8df;}
.ML_Arr_R_B[disabled="disabled"], input+.TextArrow[disabled="disabled"],
.ML_Arr_R_B[disabled="disabled"]:hover, input+.TextArrow[disabled="disabled"]:hover {border-color: #d0d8df #d0d8df #d0d8df transparent;cursor: pointer;}
.ML_Arr_L_B[disabled="disabled"], .TextArrow[disabled="disabled"],
.ML_Arr_L_B[disabled="disabled"]:hover, .TextArrow[disabled="disabled"]:hover {border-color: #d0d8df transparent #d0d8df #d0d8df;cursor: pointer;}

/* КОНЕЦ: Кнопки Вправо/Влево */




/* НАЧАЛО: Дополнительные настройки */
input.ML_AddSettings,
input.ML_AddSettings[type="checkbox"] + .ML_AddSettings .ML_Settings { display: none; }

input.ML_AddSettings[type="checkbox"]:checked + .ML_AddSettings .ML_Settings,
.ML_AddSettings {
    display: flex;
    flex-wrap: wrap;

    flex: 1 0  100%;
    max-width: 100%;
    }

.ML_AddSettings {
   justify-content: center;
   }

input.ML_AddSettings[type="checkbox"] + .ML_AddSettings {
    align-items: center;
    margin: 0.8em 0;

    position: relative;}

input.ML_AddSettings[type="checkbox"] + .ML_AddSettings:before {
    content: "";
    display: block;
    height: 0px;
    border-bottom: var(--border-thin) solid #DFD8D0;

    width: 100%;
    position: absolute;}

input.ML_AddSettings[type="checkbox"]:checked + .ML_AddSettings:before {
    border: none; }

input.ML_AddSettings[type="checkbox"] + .ML_AddSettings > label:first-of-type {
    justify-content: center;
    font-size: 1.1em;

    background-color: #fff;
    border: var(--border-thin) solid #DFD8D0;
    padding: 0.5em 0.8em;

    border-radius: var(--border-radius-inputs);

    box-shadow: 0 0 1em 0.5em #fff;
    }


input.ML_AddSettings[type="checkbox"]:checked + .ML_AddSettings > label:first-of-type {
    color: #0062df;
    margin-bottom: -1.1em; }

input.ML_AddSettings[type="checkbox"] + .ML_AddSettings > label:first-of-type svg {
    color: inherit;
}

input.ML_AddSettings[type="checkbox"] + .ML_AddSettings > label:first-of-type:hover {
    border: var(--border-thin) solid var(--color-Blue-hover);
    color:var(--color-Blue-hover);  }

input.ML_AddSettings[type="checkbox"] + .ML_AddSettings label:first-of-type .ML_AddSettings_Title_Show svg,
input.ML_AddSettings[type="checkbox"] + .ML_AddSettings label:first-of-type .ML_AddSettings_Title_Hide svg {
    margin: -0.3em 0.4em -0.3em -0.2em;
}


input.ML_AddSettings[type="checkbox"] + .ML_AddSettings label:first-of-type .ML_AddSettings_Title_Show,
input.ML_AddSettings[type="checkbox"]:checked + .ML_AddSettings label:first-of-type .ML_AddSettings_Title_Hide {
    display: inline-flex;
    align-items: center;
    }

input.ML_AddSettings[type="checkbox"]:checked + .ML_AddSettings label:first-of-type .ML_AddSettings_Title_Show,
input.ML_AddSettings[type="checkbox"] + .ML_AddSettings label:first-of-type .ML_AddSettings_Title_Hide
     { display: none; }

.ML_AddSettings .ML_Settings {
    box-sizing: border-box;

    border: var(--border-thin) solid #DFD8D0;
    padding: 1.2em 1em 1em 1em;

    border-radius: var(--border-radius-inputs);

    flex: 1 0 100%;
    }


.ML_Settings > h3:first-of-type {
    flex: 1 0 100%;

    margin: 0.2em 0 0.2em 0; }

/* Конец дополнительных настроек */


/* НАЧАЛО: Макет секций списоков .WorkSection (скидки, авторы, комплекты, расходы)
    .WorkSect - Общий Контейнер
        .List - Контенейр для списков заноловков и футеров
            .List_Head - Тут указываем загловки колонок если нужны (!!!пока нет стилей!!!)
            .item - основные строки, например продукты, учетеля итд
        .Total - Если нужен общий подсчет, можно ставить вверух или внизу (!!!пока нет стилей!!!)
        .Tools - Тут поле для кнопок и полей добавляения строк, можно стаить также вверху, внизу итд

*/

.WorkSect,
.WorkSect .List {
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
}

.WorkSect {
    flex: initial;
    flex-wrap: nowrap;
    border-radius: var(--border-radius-inputs);
    border: var(--border-style-LightBlue);
}

.WorkSect .List .label,
.TabBar_Content .WorkSect .Tools .label,
.TabBar_Content .WorkSect .List .label {
    width: 9em;
    padding-right: 0;
}

.WorkSect .Tools .label {
    width: unset;
}

.WorkSect .List {
    overflow-x: hidden;
    max-height: 20em;
}

.WorkSect .Tools,
.WorkSect .List .item,
.WorkSect .List .Item {
    padding: 0.3em 0.6em;
}

.WorkSect .Total,
.WorkSect .Tools,
.WorkSect .List .item,
.WorkSect .List .Item {
    display: flex;
    gap: 0 0.4em;
    align-items: center;
}

.WorkSect .List .item:hover,
.WorkSect .List .Item:hover {
    background-color: var(--color-Beige-Light_Trans);
}

.WorkSect .List .item:focus-within,
.WorkSect .List .Item:focus-within {
    background-color: var(--color-BG-Green);
    /*
    box-shadow: var(--box-shadow-Highlight-Blue);
    */
}

.WorkSect .List .item .ID,
.WorkSect .List .Item .ID {
    display: inline-flex;
    align-items: center;
    font-size: 0.8em;
}

.WorkSect .List .item .ID:before,
.WorkSect .List .Item .ID:before {
    content: "#";
}

.WorkSect .List .item figure,
.WorkSect .List .Item figure {
    overflow: hidden;
    flex-shrink: unset;
    margin: 0;
    width: 3em;
    display: inline-flex;
}

.WorkSect .List .item figure img,
.WorkSect .List .Item figure img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.WorkSect .List .item .Remove,
.WorkSect .List .Item .Remove {
    width: 1.1em;
    height: 1.1em;
    min-width: 1.1em;
    min-height: 1.1em;
    margin: 0 0 0 0.3em;
}

.WorkSect .List .item:not(:last-child),
.WorkSect .List .Item:not(:last-child) {
    border-bottom: var(--border-style-Light-dashed);
}

.WorkSect .List + .Tools,
.WorkSect .Total + .Tools,
.WorkSect .Tools + .List {
    border-top: var(--border-style-Light);
}

.WorkSect .List + .Total {
    border-top: var(--border-style-Norm);
}

/* Макет секций списоков (скидки, авторы, комплекты, расходы)*/


/*
НАЧАЛО: Информация о отправлении Почта России
*/

.OrderMailing_Details .OrderDetails {
    border-bottom: var(--border-thin) solid var(--color-Beige-Light);
}

.OrderMailing_Details .OrderDetails .label {
    width: 6em;
}

.OrderMailing_Details .OrderDetails .Name {
    flex: 1 100%;
}

.OrderMailing_Details .OrderDetails .Review,
.OrderMailing_Details .OrderDetails .ZipCode {
    color: var(--color-Gray);
}

.OrderMailing_Details .OrderDetails .MailingStart time {
    font-size: 1em;
}

.OrderMailing_Details .Review,
.OrderMailing_Details .Country,
.OrderMailing_Details .ZipCode {
    font-style: italic;
}

.OrderMailing_Details .Country .FlagTxt {
    margin-right: 0.2em;
}

.OrderMailing_Details .Review + .ZipCode:before {
    content: ", "
}

.OrderMailing_Details .MailingDetails {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.2em 0.4em;
    margin-bottom: 1em;
    border-bottom: var(--border-style-Light-dashed);
}

.OrderMailing_Details .MailingDetails .MailingStart {
    flex: 1 100%;
    font-size: 0.9em;
    opacity: 0.7;
}

.OrderMailing_Details .OperationName:before {
    content: " - "
}

.OrderMailing_Details .Weight {
    color: var(--color-Gray);
}

.OrderMailing_Details .Weight:before {
    content: "(";
}

.OrderMailing_Details .Weight:after {
    content: ")";
}

.OrderMailing_Details .OrderDetails .MailingDetails .Type {
    font-size: 1.3em;
}

.OperationList .Item {
    display: flex;
    flex-direction: column;
    padding: 0.6em 0 0.6em 1em;
    position: relative;
    justify-content: center;
}

.OperationList .Item:after {
    content: "";
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    background-color: var(--color-Gray-Med);
    border: var(--border-thin) solid #fff;
    box-shadow: 0 0 0.4em 0.1em #fff;
}

.OperationList .Item:before {
    content: "";
    display: inline-block;
    width: var(--border-thin);
    height: 100%;
    position: absolute;
    left: 0.25em;
    background-color: var(--color-Gray-Light);
}

.OperationList .Item:first-child:before,
.OperationList .Item:last-child:before {
    height: 50%;
}

.OperationList .Item:first-child:before {
    bottom: 0;
}

.OperationList .Item:last-child:before {
    top: 0;
    }

.OperationList .Item .Name {
    font-size: 1.3em;
}

.OperationList .time,
.OperationList .Country,
.OperationList .ZipCode {
    font-size: 0.8em;
    font-style: italic;
}

.OperationList .Item .Details,
.OperationList .Item .Details time {
    color: var(--color-Gray);
    font-style: italic;
}

.OrderMailing_Details .Country .FlagTxt,
.OperationList .FlagTxt {
    font-style: normal;
}

/*
КОНЕЦ: Информация о отправлении Почта России
*/


/*
    НАЧАЛО: список пользователей с фотками
    .Editing - режим редактирования используется совместно с .UserList (определяется процент у каждого преподователя с разделением на
                Теория Практика ViP по каждой колонке ссумарный процент должен быть равен 100%. Если сумарный процент отличается от 100% мы добавляем класс .negative)
        .UserList_Header - Заголовки
            .Result
        .Item
            структура схожа с обычным вариантом но + колонки поцентов и возможность добавить удалить препода (скорее всего только для отдельных семинаров)
            .Pract
            .Theory
            .ViP
            <div class="Close RemoveCard" title="Удалить" itemid="4"></div>
        .Tools - тут строка поиска для добавления пользователя

    .Column - список построчно
    .UserList
        .Item
            figure
            .Name
                .text
                .email

    .Expenses - таблица расходов - лучше использзовать теже блоки что и в .UserList для унификации
*/


.CuratorsTable {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.FBody .CuratorsTable {
    margin-top: 1em;
}

.UserList:not(button),
.Expenses {
    display: flex;
    flex-wrap: wrap;
    }

.UserList:not(button) {
    flex: 1;
}

.Expenses {
    flex: 0;
    counter-reset: heading;
}

.FormBlock .UserList ~ .FormBlockDescr,
.FormBlock .Expenses ~ .FormBlockDescr,
.FormBlock .FormBlockDescr ~ .UserList,
.FormBlock .FormBlockDescr ~ .Expenses {
    margin-top: 0.8em;
}

.Expenses svg.Remove,
.ML_Table .Expenses svg.Remove {
    margin: 0.4em 0 0.4em 0;
}

.Expenses textarea,
.Expenses select,
.Expenses input[type="text"],
.Expenses input[type="number"], .Expenses .Tools button {
    margin: 0;
}

.UserList > .Item,
.Expenses > .Item {
    display: flex;
    line-height: 1em;
    text-decoration: none;
    align-items: center;
}

.UserList > .Item,
.Expenses > .Item,
.Expenses .Tools {
    padding: 0.6em;
}

.Expenses .FormItemConnect,
.UserList .Item .FormItemConnect {
    margin: 0;
    align-items: center;
    min-width: auto;
}

.Expenses .FormItemConnect .ExpensesCost,
.UserList .Item .FormItemConnect .ExpensesCost {
    margin-right: 0.3em;
}

.UserList:not(.Column):not(.Editing) > .Item + .Item {
    margin-left: 1em;
}

.Accounting .UserList:not(.Column):not(.Editing) > .Item + .Item {
    margin: 0;
}

.UserList > .Item figure {
    width: 2.5em;
    height: 2.8em;
    align-self: center;
    background-size: 120% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0;
    border-radius: var(--border-radius-s);
}

.Accounting .UserList > .Item {
    gap: 0 0.8em;
}

.Accounting section .UserList > .Item .Name {
    margin-left: 0;
    margin-right: 0;
}

.UserList > .Item .Details,
.UserList > .Item .Specification {
    display: flex;
    flex-direction: column;
    flex: 1 1;
    gap: 0.1em 0;
}

.UserList > .Item .Details .Name,
.UserList > .Item .Specification .Name {
    font-size: 1.1em;
    line-height: 1em;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.UserList > .Item .Details .Income,
.UserList > .Item .Specification .Income {
    display: flex;
    justify-content: space-between;
    font-size: 0.9em;
}

.Accounting section .UserList .Income:not(.Main),
.UserList.Editing .Income:not(.Main) {
    color: var(--color-Gray);
}

.Accounting section .UserList .Main .label,
.UserList .Main .label {
    font-weight: bold;
}

.Accounting section .UserList .Main .label,
.wrapper_settings_schooladm .ML_Table .FormSubBlock .UserList .label,
.UserList .Main .label {
    margin-left: 0;
}

.Accounting section .UserList .Main .label + .Result,
.Accounting section .UserList .Main .label + .Num {
    margin-left: 0.4em;
}

.UserList .Num {
    display: inline-flex;
}

.UserList .Main .Num {
    font-size: 1.3em;
}

.UserList > .Item .text,
.UserList > .Item .email,
.UserList > .Item .AveragePercent {
    text-decoration: none;
}

.UserList > .Item .text {
    font-size: 1.1em;
}

.UserList > .Item .Name,
.Expenses > .Item .Name {
    margin-left: 0.6em;
    margin-right: 0.8em;
}

.UserList > .Item .text:hover {
    text-decoration: underline;
}

.UserList > .Item .email {
    font-size: 0.8em;
    line-height: 1.1em;
    color: var(--color-Beige);
}

.UserList > .Item .AveragePercent {
    color: var(--color-Beige-Dark);
    font-size: 0.9em;
}

.UserList > .Item .AveragePercent .Percent {
    margin: 0 0 0 1em;
}

.Column,
.UserList.Column,
.UserList.Editing,
.UserList.Salary,
.Expenses {
    flex-direction: column;
}

.UserList.Editing,
.UserList.Salary,
.Expenses {
    flex: initial;
    max-height: 60vh;
    min-width: 40em;
    overflow-x: hidden;
    flex-wrap: nowrap;
    border-radius: var(--border-radius-inputs);
}

.UserList .text {
    text-align: center;
}
.UserList .Item .PricePerUser,
.UserList .Item .UserNumber {
    justify-content: center;
}

.UserList .Item .Income {
    justify-content: flex-end;
}

.UserList .User_Details .text,
.UserList .Name,
.UserList .Name .text {
    text-align: left;
}

.UserList .Item .UserNumber .Num {
    font-size: 1.4em;
}

.UserList .Tools,
.UserList .UserList_Header,
.Expenses .Tools {
    display: flex;
    position: sticky;
    z-index: var(--z-index10);
}

.UserList .UserList_Header {
    top: 0;
    border-bottom: var(--border-thin) solid var(--color-Beige-Light);
    padding: 0.4em;
}

.UserList .Tools,
.Expenses .Tools {
    bottom: 0;
}

/*
.UserList .UserList_Header ~ .Item:not(:last-child),
*/
.UserList.Editing .Item:not(:last-child),
.Accounting .UserList .Item:not(:last-child),
.Expenses > .Item:not(:last-child) {
    border-bottom: var(--border-thin) dashed var(--color-Beige-Light);
}

.UserList .Tools input.AddItem,
.Expenses .Tools input.AddItem {
    flex: 1;
}

.UserList.Salary .UserList_Header,
.UserList.Salary > .Item,
.UserList.Editing .UserList_Header,
.UserList.Editing > .Item,
.Expenses > .Item {
    display: grid;
    grid-template-rows: min-content;
    align-items: start;
    gap: 0 0.8em;
}

.UserList.Salary > .Item,
.UserList.Editing > .Item,
.UserList > .UserList_Header,
.Expenses > .Item {
    background-color: rgba(255, 255, 255, 0.95);
}

.UserList.Salary > .Item,
.UserList.Editing > .Item,
.UserList > .UserList_Header {
    justify-items: center;
}

.UserList.Editing > .Item .User_Details {
    min-width: 17em;
}

.UserList.Editing > .Item .User_Details .label {
    padding-left: 0;
}

.UserList.Editing > .Item .Details .email + .Income {
    margin-top: 0.2em;
}

.UserList.Editing > .Item .Details .Income {
    justify-content: flex-start;
}

.UserList.Salary .Item > svg.Remove,
.UserList.Editing .Item > svg.Remove {
    margin-left: 0.4em;
    margin-right: 0.4em;
}

.UserList.Editing.Curators .UserList_Header,
.UserList.Editing.Curators > .Item,
.UserList.Editing.Teachers .UserList_Header,
.UserList.Editing.Teachers > .Item {
    align-items: center;
    justify-items: initial;
}


.UserList.Editing.Teachers .UserList_Header,
.UserList.Editing.Teachers > .Item {
    grid-template-areas: ". . . . . . ";
    grid-template-columns: 2.5em 17em repeat(3,5em);
}

/* Кураторы */

.UserList.Editing.Curators .UserList_Header,
.UserList.Editing.Curators > .Item {
    display: flex;
    gap: 0.4em;
}

/*.UserList.Editing.Curators .UserList_Header,
.UserList.Editing.Curators > .Item {
    grid-template-areas: ". . . . . ";
    grid-template-columns: 1fr 6em 5em 5em 3em;
}

.CuratorsPopUp .UserList.Editing.Curators .UserList_Header,
.CuratorsPopUp .UserList.Editing.Curators > .Item {
    grid-template-areas: ". . . . ";
    grid-template-columns: 2em 1fr 5em 3em;
}*/



.UserList.Editing .UsersAmount input,
.UserList.Editing .PricePerUser input {
    width: 100%;
    text-align: right;
}

.UserList.Editing .Item .Name {
    margin: 0;
}

/*
  Грид для зарплат на основе стилей редактирования списка пользователей
*/
.UserList.Salary .UserList_Header,
.UserList.Salary > .Item {
    grid-template-areas: ". . . . . . ";
    grid-template-columns: 2.5em 1fr min-content;
    align-items: center;
}

.Expenses > .Item:before {
    counter-increment: heading; /* Указываем идентификатор счетчика */
    content: counter(heading);
    font-size: 0.8em;
    text-align: right;
    white-space: nowrap;
}

/*
Грид для расходов
*/
.Expenses > .Item {
    grid-template-areas: ". . . . . . ";
    grid-template-columns: min-content 18em min-content;
    align-items: flex-start;
}

.Accounting .Expenses > .Item {
    grid-template-columns: min-content 1fr min-content;
}

.Expenses > .Item,
.Expenses .Tools {
    gap: 0em 0.8em;
}

.Expenses .Tools {
    display: flex;
    align-items: start;
}

.Tools .AddSalary,
.Expenses .Tools .AddExpenses {
}

.Expenses .Tools button {
    justify-content: center;
    display: flex;
    flex: 1;
}

.ExpensesCost {
    text-align: right;
    width: 6em;
}

.Expenses .Item .calendar,
.UserList.Editing .calendar {
    text-align: center;
    width: 6.5em;
}

.Expenses .Item select#ExpensesType,
.Expenses .Item select.ExpensesType {
    max-width: 7em;
}

.Expenses .Item textarea {
    min-width: 18em;
}

.Expenses .Tools textarea {
    flex: 1;
}

.Expenses > .Total {
    display: flex;
    flex-direction: column;
}

.Expenses > .Total .Item {
    display: flex;
    justify-content: flex-end;
    padding: 0.6em 0.8em 0;
}

.Expenses > .Total .Item .label {
    margin-right: 0.6em;
}

.Expenses > .Total .Item .Result {
    /*
    width: 8em;
    */
    font-size: 1.2em;
}

.TotalCost {
    display: grid;
    grid-template-columns: min-content auto;
    gap: 0.6em 0.4em;
    margin: 1em 0 1em 0;
}

.TotalCost .label, .TotalCost .Result {
    line-height: 1.2em;
    align-self: initial;
    align-items: flex-start;
}

.UserList.Editing .UserList_Header .text,
.UserList.Salary .UserList_Header .text,
.UserList.Editing .UserList_Header .Result,
.UserList.Salary .UserList_Header .Result {
    font-size: 0.8em;
    line-height: 1.1em;
    white-space: normal;
}

.UserList.Salary .UserList_Header .text,
.UserList.Editing .UserList_Header .text {
    color: var(--color-Beige);
}

.UserList.Salary .UserList_Header .Result.negative,
.UserList.Editing .UserList_Header .Result.negative {
    font-weight: bold;
}

.UserList.Salary .UserList_Header .Result.Percent:after,
.UserList.Editing .UserList_Header .Result.Percent:after,
span.Percent:after {
    content: "%";
}

.UserList.Salary > .Item .Name,
.UserList.Editing > .Item .Name {
    display: flex;
    flex-direction: column;
    justify-self: flex-start;
}

.UserList.Editing > .Item .Details .Name,
.UserList.Editing > .Item .Specification .Name {
    flex-direction: row;
}

.UserList.Salary > .Item .Name .text,
.UserList.Editing > .Item .Name .text {
    white-space: nowrap;
}

.UserList.Salary > .Item .PercentCol,
.UserList.Editing > .Item .PercentCol {
    display: flex;
}

.UserList.Editing .ParticipateStatus,
.UserList.Editing .UsersPercent,
.UserList.Editing .User_Details,
.UserList.Editing .UsersAmount,
.UserList.Editing .UserNumber,
.UserList.Editing .PricePerUser,
.UserList.Editing .Income,
.UserList.Editing .Pract,
.UserList.Editing .Theory,
.UserList.Editing .ViP {
    display: inline-flex;
}


.UserList.Editing .ParticipateStatus {
    width: 3em;
    justify-content: center;
}

.UserList.Editing .ParticipateStatus label {
    padding: 1em;
}

.UserList.Editing .UsersPercent {

}

.UserList.Editing .User_Details {
    flex: 1;
}

.UserList.Editing .UsersAmount {

}

.UserList.Editing .UserNumber {
    width: 5em;
}

.UserList.Editing .PricePerUser {
    width: 6em;
}

/*.UserList.Editing  .Result,*/
.UserList.Editing .Income {
    width: 7em;
}
.UserList.Editing .Income .text {
    text-align: center;
}

.UserList.Editing .Pract {

}

.UserList.Editing .Theory {

}

.UserList.Editing .ViP {

}

.UserList.Editing .Remove {
    width: 2em;
}

.UserList.Editing .Pract,
.UserList.Editing .Theory,
.UserList.Editing .ViP {
    flex-direction: column;
    text-align: center;
    align-items: center;
    white-space: normal;
}

.UserList.Editing .Percent {
    margin: 0;
}

.UserList.Editing .UserList_Header .Percent {
    align-self: inherit;
}

/*
    КОНЕЦ: список пользователей с фотками
*/



/*
    НАЧАЛО: Таблица стоимости и скидок для редактирования в Обучении и магазине
    .Cost_and_Discount - основной класс
*/

.Cost_Estimation {
    margin: 0.4em 0 0 0;
}

.Cost_and_Discount_Container {
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    margin-top: 1em;
}

.Cost_and_Discount,
.MainDescr,
.ParticipatChart_Item {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    flex-direction: column;
}

/*.ParticipatChart_Item,*/
.MainDescr {
    max-width: var(--PageSize-Norm);
}

.MainDescr,
.ParticipatChart_Item {
    margin-bottom: 1em;
}

.Cost_and_Discount + .Cost_and_Discount {
    margin-top: 2.6em;
}

input.Title + label .text {
    font-size: 1.5em;
    display: unset;
}

.Cost_and_Discount .Descr + .Price_List,
.Cost_and_Discount .Descr + .FormBlockDescr {
    margin-top: 2em;
}

.Cost_and_Discount .Descr > .Title,
.Cost_and_Discount .Feature > .Title,
.Cost_and_Discount .ShortDescr > .Title,
.MainDescr .Title {
    display: flex;
    font-size: 1.4em;
    flex: 1 1 100%;
    margin-bottom: 0.3em;
}

.Cost_and_Discount .Descr > .Title,
.MainDescr > :not(:first-child) .Title {
    padding-top: 1em;
}

.Cost_and_Discount .Feature > .Title,
.Cost_and_Discount .ShortDescr > .Title {
    padding-top: 0.5em;
}

.Cost_and_Discount .Descr > .Title {
    border-top: var(--border-thin) dashed #dfd8d0;
}

.Cost_and_Discount .FormBlockDescr {
    margin: 0.4em 0 1.2em 0;
}

.Cost_and_Discount .Title + .FormBlockDescr,
.MainDescr .Title + .FormBlockDescr {
    margin-bottom: 1.2em;
    margin-top: 0;
}

.Cost_and_Discount .Discount_List {
    display: flex;
    gap: 0em 1.5em;
    flex: 1 1;
    flex-wrap: wrap;
    justify-content: center;
}

.Cost_and_Discount .FormBlockDescr {
    flex: 1 1 100%;
}

/*
.Cost_and_Discount .FormBlock .label,
*/
/*
.Cost_and_Discount_Container .FormBlock:not(.TotalCost_and_Discount) .label:not(textarea ~ .label),
.FBody.TabBar .Cost_and_Discount .FormBlock .label {
    width: 17em;
    max-width: none;
}
*/

.wrapper_main_profile .Cost_and_Discount_Container .FormBlock .label {
    width: auto;
    max-width: none;
}

.OtherPrice_Block .Billing_Section .FormBlock .label {
    /*
width: 16em;
*/
}

.Billing_Section.Example .Price_Block .FormBlock {
    justify-content: end;
}

.Cost_and_Discount input.Title + label {
    align-self: flex-start;
    border: var(--border-thin) solid var(--color-Beige);
}

input#SoldSeminarsTogether:not(:checked) ~ .Simple {
    display: none;
}

/*
input#SoldSeminarsTogether:checked ~ .Editing {
    display: none;
}
*/

.Cost_and_Discount input.Title:not(:checked) + label ~ .OtherPrice_Block {
    display: none;
}

.Cost_and_Discount input.Title + label + .FormBlockDescr {
    margin-left: 3em;
}

.Cost_and_Discount  .FormBlock > .FormBlockDescr {
    flex: 1;
}

.Cost_and_Discount .Discount_List .Item {
    display: flex;
    align-items: center;
}

.Cost_and_Discount .Discount_List .Item .label {
    width: auto;
    max-width: 12em;
}

.Cost_and_Discount .Discount_List .Item .label,
.Price_List .Price_Header * {
    font-weight: bold;
    color: var(--color-Beige);
}

.Price_List .Price_Header * {
    justify-content: center;
    font-size: 0.8em;
}

input.Percent,
.Cost_and_Discount input.Percent {
/*    flex: unset;
    width: 3.8em;*/
    align-self: stretch;
    text-align: right;

    background-image: var(--SVG-Ico-Percent-Gray);
    background-repeat: no-repeat;
    background-size: 1em;
    background-position: calc(100% - 0.4em);
}


.Cost_and_Discount .MainPrice_Item input.Percent {
    width: 5.8em;
    flex: unset;
}

.wrapper_main_shop .Cost_and_Discount .MainPrice_Item input.Percent {
    width: 4.8em;
}

input.Percent,
.FormItemConnect input.Percent,
.FormItemConnect input[type="number"].Percent,
.Cost_and_Discount input.Percent {
    padding-right: 1.5em;
}

.Cost_and_Discount .Price_Date_Item input[type="time"].calendar,
.Cost_and_Discount .Price_Date_Item input.calendar,
.Cost_and_Discount_Containe #shop_date {
    text-align: center;
    min-width: 6.5em;
}

.Cost_and_Discount .Price_Date_Item input[type="time"],
.Cost_and_Discount .Price_Date_Item input.calendar {
    flex: unset;
}

.Cost_and_Discount_Containe #shop_date {
    flex: 1;
}

.Cost_and_Discount_Container #shop_date,
.Cost_and_Discount_Container #start,
.wrapper_settings_schooladm .shop_date {
    font-size: 1.2em;
    width: 7em;
    text-align: center;
}

.Cost_and_Discount .Price_List {
    flex-direction: column;
    display: flex;

    /*align-self: center;*/

    margin-top: 0.5em;
}

.Cost_and_Discount .Price_List.inline {
    display: inline-flex;;
}

.Cost_and_Discount .Price_List .Item,
.Cost_and_Discount .Price_List .Price_Header {
    display: grid;
    grid-template-rows: min-content;
    align-items: start;

    gap: 0.5em;
}

.Cost_and_Discount .Price_List .Price_Header {
    padding: 0.3em 0.8em;
}

.Cost_and_Discount .Price_List .Item {
    padding: 0.6em 0.8em;
}

.wrapper_main_shop .Cost_and_Discount .Price_List .Item,
.wrapper_main_shop .Cost_and_Discount .Price_List .Price_Header {
    gap: 0.3em;
    padding-right: 0.3em;
}

.Cost_and_Discount #MainPrice.Price_List .Item,
.Cost_and_Discount #MainPrice.Price_List .Price_Header {
    grid-template-areas: ". . . . . . .";
    grid-template-columns: 1fr repeat(4, 4.5em) 14em 4em;
}

.wrapper_main_shop .Cost_and_Discount #MainPrice.Price_List .Item,
.wrapper_main_shop .Cost_and_Discount #MainPrice.Price_List .Price_Header {
    grid-template-columns: 1fr repeat(4, 4em) 11.5em 2.5em;
}

.Cost_and_Discount #ChartPrice.Price_List .Item {
    grid-template-areas: ". . .";
    grid-template-columns: 1fr auto;
    align-items: center;
}

.Cost_and_Discount #ChartPrice.Price_List .Item .Price_Date {
    padding-right: 1em;
}

.Cost_and_Discount .Price_List .MainPrice_Item,
.Cost_and_Discount .Price_List .Discount_Item,
.Price_List .Price_Header *,
.Price_List .ChartPrice_Item {
    display: inline-flex;
    align-items: center;
}

.Price_List .ChartPrice_Item:before {
    content: "+";
}

.Cost_and_Discount .Price_List .Price_Header .MainPrice_Item {
    text-transform: uppercase;
    justify-content: flex-end;
    color: var(--color-Dark);
    margin-right: 1.4em;
}

.Cost_and_Discount .Price_List .Item .MainPrice_Item {
    gap: 0.6em;
    justify-content: flex-end;
}

.Cost_and_Discount .Price_List .Item .MainPrice_Item label {
    margin: 0;
    font-size: 0.9em
}

.Cost_and_Discount .Price_List .Discount_Item {
    flex-direction: column;
}

.Cost_and_Discount .Price_List .Discount_Item .Result {
    font-size: 0.85em;
    opacity: 0.5;
    margin-top: 0.2em;
    margin-bottom: -0.4em;
}

.Price_List .Item .FormItemConnect,
#ChartPrice.Price_List .Item .ChartPrice_Item input.Price {
    margin: 0 0.4em;
}

.Price_List .Item .Discount_Item input,
.Cost_and_Discount .Price_List .Price_Date_Item {
    margin: 0;
}

/*
.Cost_and_Discount .Price_List > :first-child {
    border-top: var(--border-thin) solid #dfd8d0;
}
*/

input.Price {
    width: 7em;
    text-align: right;
}

.Cost_and_Discount .Discount_List + .Price_List,
.Cost_and_Discount .Price_List + .Discount_List  {
    margin-top: 1em;
}

.Cost_and_Discount .Price_List .Item {
    border-bottom: var(--border-thin) dashed #dfd8d0;
}

.Cost_and_Discount .Price_List .Item.active {
    background-color: rgba(52, 139, 46, 0.12);
}

.Cost_and_Discount .Price_List .Item:hover {
    background-color: var(--color-Beige-hover);
}

.Cost_and_Discount .Price,
.Cost_and_Discount .Price_List .Item .Price {
    min-width: 1em;
    padding-top: 0.45em;
    padding-bottom: 0.45em;
    text-align: right;
}

.Cost_and_Discount .Price_List .Item .Price {
    font-size: 1.2em;
    width: 6.5em;
    margin-right: 0;
}

.wrapper_main_shop .Cost_and_Discount .Price_List .Item .Price {
    font-size: 1em;
    width: 5.5em;
}

.Cost_and_Discount .Price_List .Item.active .Price {
    font-weight: bold;
}

.Cost_and_Discount .Price_List .Delete,
.Cost_and_Discount .Price_List .SpacerLast {
    border: none;
    background-color: unset;
    flex: 0 0 3em;
    justify-content: center;
}

.Cost_and_Discount .Price_List .Item .Delete svg {
    color: rgba(112, 128, 144, 0.5);
}

.Cost_and_Discount .Price_List .Item .Delete:hover svg {
    color: var(--color-Blue-hover);
}

.Cost_and_Discount button.MainPrice_Add, {
    align-self: center;
}

.Cost_and_Discount .Price_List .Price_Body + button.MainPrice_Add,
.Cost_and_Discount .Price_List .Item + button.MainPrice_Add {
    margin-top: 1em;
}

.Cost_and_Discount .Feature,
.Cost_and_Discount .Price_List .Descr {
    display: block;
    flex: 1;
}

.Cost_and_Discount .PrePayment {
    align-items: center;
}

.Cost_and_Discount .PrePayment .label,
.wrapper_main_profile .Cost_and_Discount .PrePayment .label {
    max-width: 14em;
    text-align: right;
    margin-left: 1em;
}

.Cost_and_Discount .PrePayment .PrePayment_percent {
    margin-right: 1em;
}

.Cost_and_Discount .PrePayment .Result {
    margin-left: 0.4em;
}


.Cost_and_Discount .OtherPrice_Block {
    display: grid;
    gap: 0.6em 2em;
    justify-content: center;
}

.wrapper_main_shop .Cost_and_Discount .OtherPrice_Block {
    display: flex;
    flex-direction: column;
}

.Cost_and_Discount.Theory_or_Pract .OtherPrice_Block {
    grid-template-columns: repeat(auto-fit, minmax(20%, 40%));
    grid-template-areas:
        "Theory Pract ViP"
        "TotalCost_and_Discount TotalCost_and_Discount TotalCost_and_Discount";
}

.Cost_and_Discount.Theory_and_Pract .OtherPrice_Block {
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content 1fr;
    align-items: self-start;

}
.Cost_and_Discount.Theory_and_Pract .OtherPrice_Block {
    grid-template-areas:
        "Price_List NoteType"
        "Price_List Example";
}

.Cost_and_Discount.Landscape,
.Cost_and_Discount .Landscape,
.Cost_and_Discount.Theory_and_Pract .MainPrice_Discount {
    display:flex;
    flex-direction: row;
    gap: 1em;
}

.Cost_and_Discount .Landscape .Main_Block,
.Cost_and_Discount .Landscape .Aside_Block,
.Cost_and_Discount.Theory_and_Pract .MainPrice_Discount .Main_Block,
.Cost_and_Discount.Theory_and_Pract .MainPrice_Discount .Aside_Block {
    display: flex;
    flex-direction: column;
    gap: 0.6em;
}

.Cost_and_Discount .Landscape .Main_Block h3,
.Cost_and_Discount .Landscape .Aside_Block h3,
.Cost_and_Discount.Theory_and_Pract .MainPrice_Discount .Main_Block h3,
.Cost_and_Discount.Theory_and_Pract .MainPrice_Discount .Aside_Block h3 {
    flex: unset;
}

.Cost_and_Discount .Landscape .Main_Block,
.Cost_and_Discount.Theory_and_Pract .MainPrice_Discount .Main_Block {
    flex: 1;
}

.Cost_and_Discount.Theory_and_Pract .OtherPrice_Block .NoteType {
    grid-area: NoteType;
}

.Cost_and_Discount.ParticipatChart .OtherPrice_Block {
    grid-template-columns: 1fr min-content;
    grid-template-areas:
        "Price_Block ParticipatChart";
}

.Cost_and_Discount.ViP .OtherPrice_Block {
    grid-template-columns: 1fr min-content;
    grid-template-areas:
        "Price_Block Example";
}

.Cost_and_Discount .OtherPrice_Block .Example {
     grid-area: Example;
     }
.Cost_and_Discount .OtherPrice_Block .Theory {
    grid-area: Theory;
    }

.Cost_and_Discount .OtherPrice_Block .Pract {
    grid-area: Pract;
}

.Cost_and_Discount .OtherPrice_Block .ViP {
    grid-area: ViP;
}

.Cost_and_Discount .OtherPrice_Block .Price_List {
    grid-area: Price_List;
}

.Cost_and_Discount .OtherPrice_Block .Price_Block {
    grid-area: Price_Block;
    justify-self: center;
}

.Cost_and_Discount .OtherPrice_Block .Billing_Options + .Price_Block {
    margin-top: 0.6em;
}

.Cost_and_Discount .OtherPrice_Block .ParticipatChart {
    grid-area: ParticipatChart;
}

.Cost_and_Discount .OtherPrice_Block .Billing_Section {
    margin-bottom: 0.2em;
}

.Cost_and_Discount .OtherPrice_Block .TotalCost_and_Discount {
    grid-area: TotalCost_and_Discount;
    justify-content: center;
    font-size: 1.2em;
    border-top: var(--border-thin) dotted var(--color-Beige);
    padding-top: 0.6em;
}

.MaxParti {
    width: 5em;
    text-align: right;
    font-weight: bold;
}

/*
.Cost_and_Discount .OtherPrice_Block .Example {
    grid-area: Example;
    align-items: flex-start;
    }

.Cost_and_Discount .OtherPrice_Block .Price_Block { grid-area: Price_Block; }

.Cost_and_Discount .OtherPrice_Block .Description {
    display: grid;
    grid-area: Description;
    grid-template-areas: ". .";
    gap: 0.6em 2em;}
*/

.Cost_and_Discount .OtherPrice_Block .Example {
    align-items: center;
    justify-content: space-between;
}

.Cost_and_Discount .OtherPrice_Block .Example .Billing_Options {
    width: 17em;
    flex: 1;
}

.Cost_and_Discount .OtherPrice_Block .Example .Title {
    border-top: none;
    justify-content: center;
}

.Cost_and_Discount .OtherPrice_Block .Example .TinyInline {
    cursor: text;
}

/*
.Cost_and_Discount .OtherPrice_Block .Example .Billing_Options {
    position: sticky;
    top: 5em;
}
*/

/*
.Cost_and_Discount .OtherPrice_Block .Total {
    font-size: 1.2em;
}
*/

/*
    НАЧАЛО: Таблица стоимости и скидок
*/



/* НАЧАЛО: МАГАЗИН */

.ico_GroupProd,
.SectionSmall .CopyLink,
.ScheduleMonth .ScheduleLineOh .CopyLink {
    display: inline-flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.ScheduleMonth .ScheduleLine .SchedLineDescr .CopyLink {
    font-size: 0.85em;
    display: inline-flex;
    vertical-align: inherit;
    margin-bottom: -0.2em;
    margin-top: -0.2em;
    box-shadow: none;
    opacity: 0.3;
}

.ScheduleMonth .ScheduleLine .SchedLineDescr h3 + .CopyLink,
.ScheduleMonth .ScheduleLine .SchedLineDescr .h3 + .CopyLink {
    margin-left: 0.6em;
}

.ScheduleMonth .ScheduleLine .SchedLineDescr a:hover ~ .CopyLink,
.ScheduleMonth .ScheduleLine .SchedLineDescr .CopyLink:hover {
    opacity: 1;
}

.ico_GroupProd {
    flex-direction: column;
}

.ico_GroupProd,
.SectionSmall .CopyLink {
    top: 0.5em;
    right: 0.1em;
}

.CopyLink {
    align-items: center;
    flex-wrap: nowrap;
    box-shadow: 0 0 0.6em 0.6em #fff, 0 0 0.5em 0.5em #fff inset;
    border-radius: 50%;
    text-decoration: none;
    opacity: 0.7;
}

.ScheduleMonth .CopyLink {
    bottom: 0.13em;
    left: 0.3em;
    width: 2em;
    min-width: 2em;
    height: 2em;
    min-height: 2em;
    box-shadow: 0 0 0.3em 0.3em #fff, 0 0 0.2em 0.2em #fff inset;
}

.wrapper_section_item h1 {
    display: flex;
    align-items: center;
}

.wrapper_section_item h1 * {
    display: contents;
}

.wrapper_section_item h1 > *:not(:last-child) {
    padding-left: 0.2em;
}

h1 .CopyLink {
    font-size: 0.7em;
    margin: 0 0 -0.3em 0.2em;
}

.CopyLink:hover {
    opacity: 1;
}

.CopyLink svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    margin: 0;
 }

 .CopyLink:hover svg {
    transform: scale(1.2) ;
 }

 .CopyLink svg + .text,
 .CopyLink .text +  svg {
     margin-left: 0.3em;
 }

.SectionSmall .CopyLink {
    font-size: 1.4em;
}

.SectionSmall .CopyLink .text {
    font-size: 0.8em;
}

.SeminarDescr .SectionTitle .CopyLink {
    font-size: 0.7em;
    display: inline-block;
    position: relative;
    top: -0.1em;
}

.ico_PT_0, .ico_PT_2, .ico_PT_3, .ico_PT_4, .ico_PT_1, .ico_PT_5 {
background-image: url(/img/ico-Product-Type_new.png);
display: inline-block;
//display: inline;
 background-repeat: no-repeat;
 margin: 0 5px 5px 0!important;
 width: 21px;}
 .ico_PT_0 {
     background-position: 0px 0px;
     height: 21px;
 }
 .ico_PT_2 {
     background-position: 0px -22px;
     height: 22px;
 }
 .ico_PT_3 {
     background-position: 0px -44px;
     height: 23px;
 }
 .ico_PT_4 {
     background-position: 0px -67px;
     height: 21px;
 }
 .ico_PT_1 {
     background-position: 0px -90px;
     height: 21px;
 }
 .ico_PT_5 {
     background-position: 0px -112px; /* стильь видео */
     height: 21px;
 }
/* КОНЕЦ: МАГАЗИН */

/* fieldset */

.FormItemConnect .flagBG,
.ui-menu-item-wrapper .flagBG {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.5em;
    min-width: 2.5em;
    box-sizing: border-box;

}

.FormItemConnect .flagBG {
    order: 0;
    margin-right: calc(-2.5em - 1px);
    border: var(--border-thin) solid;
    border-color: transparent var(--color-Gray-Light) transparent transparent;

    z-index: 10;
}

.ui-menu-item-wrapper .flagBG  {
    display: inline-block;
    height: 2em;
    min-height: 2em;
    margin: 0.3em 0.6em 0.3em 0.3em;
    border: var(--border-thin) solid var(--color-Gray-Light);
    border-radius: var(--border-radius-xs);
}

.ui-menu-item .Descr.ui-menu-item-wrapper {
    display: flex;
}

.ui-menu-item .Descr.ui-menu-item-wrapper .Title {
    display: inline-flex;
    align-items: center;
    padding-right: 0.6em;
}

.FormItemConnect .flagBG,
.FormItemConnect .flagBG + input {
    border-bottom-left-radius: var(--border-radius-inputs);
    border-top-left-radius: var(--border-radius-inputs);
}

.FormItemConnect .flagBG:not(.DNone) + input[type="text"] {
    padding-left: 3em;
}

.FormBlock .FormBlock {
    flex: 0;
    margin: 0.1em;
}
.FormSubBlock .FormSubBlock {
    margin: 0;
}

.FormBlock .FormBlock .FormSubBlock .FormItemConnect {
    margin-left: 0;
    margin-right: 0;
}

fieldset,
fieldset h3,
fieldset .Title,
fieldset legend,
fieldset .FHead,
fieldset .FBody,
fieldset .FFooter,
fieldset p {
    box-sizing: border-box;
}

.CalculatorTwoHourPopUp div.FormBlock,
fieldset div.FormBlock,
fieldset .FHead,
fieldset .FFooter,
fieldset .FSection,
fieldset .FBody div.FormBlock,
fieldset .TabBar div.FormBlock,
.ML_Table .FBody div.FormBlock,
.SuportMenu div.FormBlock,
.Content_Form div.FormBlock,
.wrapper_main_shop div.FormBlock,
.ui-dialog-content .PersonChart div.FormBlock,
.PersonChart div.FormBlock,
.wrapper_main_blog div.FormBlock,
.wrapper_main_profile div.FormBlock,
.Settings_Main div.FormBlock,
.Notes_Index div.FormBlock,
.wrapper_main_sales div.FormBlock,
.tabBasket div.FormBlock {
    display: flex;
    flex-wrap: wrap;
}

div.FormBlock,
.wrapper_main_shop div.FormBlock:not(.StickyTop):not(.StickyBottom) {
    position: relative;
}

fieldset span.FormBlock,
fieldset .FBody span.FormBlock,
fieldset .TabBar span.FormBlock,
.ML_Table span.FormBlock,
.SuportMenu span.FormBlock,
.Content_Form span.FormBlock,
.wrapper_main_shop span.FormBlock,
.ui-dialog-content .PersonChart span.FormBlock,
.PersonChart span.FormBlock,
.wrapper_main_blog span.FormBlock,
.wrapper_main_profile span.FormBlock,
.Settings_Main span.FormBlock,
.Notes_Index span.FormBlock,
.wrapper_main_sales span.FormBlock,
.tabBasket span.FormBlock {
    display: inline-flex;
    flex-wrap: wrap;
}

.Profile_Registration {
    text-align: center;
    background-image: url(/img/bamboo_reg.jpg);
    background-position: center center;
    padding-bottom: 0;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.SugnUp fieldset.Registration,
.Profile_Registration fieldset.Registration {
    max-width: 40em;
}

.LogIn fieldset.Registration {
    max-width: 38em;
}

.LogIn fieldset.Registration p,
.LogIn fieldset.Registration article,
.SugnUp fieldset.Registration p,
.SugnUp fieldset.Registration article {
    font-size: 1.1em;
    margin: 0.6em 1.2em 1em 1.2em;
}

h3.text-shadow-White-h3 {
    text-shadow: var(--text-shadow-White-h3);
}

.Profile_Registration .FormBlock > .FormBlockDescr,
.Profile_Registration .FormBlock + .FormBlockDescr {
    margin-left: 11.5em;
}


.Profile_Registration .FormBlock > .FormBlockDescr.Attention {
    margin-left: 12em;
}

.Registration [type="password"] {
    flex: 1;
    padding-right: 2.5em;
}

#Password + .ActionBar.Right,
#Password-Repeat + .ActionBar.Right,
.Registration [type="text"] + .ActionBar.Right,
.Registration [type="password"] + .ActionBar.Right {
    position: absolute;
    right: 0;
}

#Password + .ActionBar.Right label,
#Password-Repeat + .ActionBar.Right label,
.Registration [type="text"] + .ActionBar.Right label,
.Registration [type="password"] + .ActionBar.Right label {
    background-color: unset;
}

.Account_activated {
    background-image: url(/img/Account_activated.jpg);
    background-position: top center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 26em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
    font-size: 1.3em;
    box-sizing: border-box;
    padding: 5em 0 1em 0;
    margin-top: 1em;
}
.Account_activated h2 {
    /*
z-index: 1;
*/
}

.Account_activated > * {
    flex: 0;
    box-shadow: 0 0 1em 1em rgba(255,255,255,0.7);
    background-color: rgba(255,255,255,0.7);
}


.wrapper_main_shop .FormBlock,
.ML_TR .ML_TD .FormBlock,
.ML_TR .ML_TH .FormBlock,
.ML_TR .CardsBZ .FormBlock {
    flex: 1 0 100%;
}

.FBody .FormSubBlock,
.TabBar .FormSubBlock,
.Ads_Control .FormSubBlock,
.SuportMenu .FormSubBlock,
.PersonChart .FormSubBlock,
.tabBasket .FormSubBlock {
    position: relative;
    display: inline-flex;
}

.TabBar .FormSubBlock,
.SuportMenu .FormSubBlock,
.PersonChart .FormSubBlock,
.tabBasket .FormSubBlock {
    flex: 1;
}

.TabBar span.FormSubBlock {
    flex: unset;
}

/*
.FBody .FormSubBlock,
.Ads_Control .FormSubBlock,
*/
.TabBar .FormSubBlock,
.SuportMenu .FormSubBlock,
.PersonChart .FormSubBlock {
    flex-wrap: wrap;
}

.FormBlock ~ .FormSubBlock {
    margin-top: 0;
}

.FBody .FormBlock .FormSubBlock + .FormSubBlock,
.TabBar .FormBlock .FormSubBlock` + .FormSubBlock  {
    padding-left: 0.3em;
}


fieldset#MingliCurrentAlert.ML_Window .FFooter {
    font-size: 0.8em;
}

.FormBlock.VMA,
.PersonChart .FormSubBlock {
    align-items: center;
}

.AD_Info {
    flex-wrap: wrap;
    align-content: center;
}

.AD_Info_Total {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 100%;
    margin-left: 0.8em;
}

.AD_Info_BySection .Quantity,
.AD_Info_BySection #Total {
    font-size: 1.3em;
}

#Total {
    display: inline-flex;
    align-items: center;
    }

#Total + .AD_Info_BySection {
    margin-left: 1em;
    }

#Total #Quantity {
    margin: 0 0.1em 0 0.3em;
}

#Total #AllQuantity {
    margin: 0 0.3em 0 0.1em;
}

.AD_Info_BySection {
    display: flex;
    line-height: 1em;
}

.AD_Info_BySection span {
    display: inline-flex;
    align-items: center;
    line-height: inherit
    }

.AD_Info_BySection svg {
    width: 1em;
    height: 1em;
    font-size: 1.2em;

    color: var(--color-Gray);
    margin-right: 0.2em;
    }

.AD_Info_BySection .Quantity {
    margin-right: 0.8em;
    }


.AD_Read_More {
    position: absolute;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.8em;
    text-decoration: none;
    }

.AD_Read_More .AD_Read_More_Button {
    display: inline-flex;
    align-items: center;
    padding: 0.2em 0.1em 0.2em 0.4em;
    border-radius: var(--border-radius-norm);
    border: var(--border-thin) solid;
}

.AD_Read_More:hover  .AD_Read_More_Button {
    box-shadow: 0 0 0.5em inset;
}

.AD_Read_More .AD_Read_More_Button svg {
    margin-left: 0.3em;
}

a.AD_Read_More svg,
a.AD_Read_More:not(.AllBotton):not(.PopUpHelp):not(.SVG) svg,
.AD_Read_More svg,
.AD_Read_More .AD_Read_More_Button svg,
.ML_Table .ML_TD.AD_Cover label .AD_Read_More svg {
    color: inherit;
}

.AD_Read_More.AD_CT,
.AD_Read_More.AD_TL,
.AD_Read_More.AD_TR {
    align-items: flex-start;
    }

.AD_Read_More.AD_CT,
.AD_Read_More.AD_CB {
    justify-content: center;
}

.AD_Read_More.AD_CB,
.AD_Read_More.AD_BL,
.AD_Read_More.AD_BR {
    align-items: flex-end;
    }

.AD_Read_More.AD_CR,
.AD_Read_More.AD_CL {
    align-items: center;
}

.AD_Read_More.AD_CR .AD_Read_More_Button,
.AD_Read_More.AD_CL .AD_Read_More_Button {
    margin-top: 3.4em;
}

.Ads_Control .AD_Cover .AD_Read_More_Button {
    margin-top: 0;
}

.AD_Read_More.AD_CR,
.AD_Read_More.AD_TR,
.AD_Read_More.AD_BR {
    justify-content: flex-end;
    }

.AD_Read_More.AD_CL,
.AD_Read_More.AD_TL,
.AD_Read_More.AD_BL {
    justify-content: flex-start;
    }


.Ads_Control .FormBlock {
    white-space: normal;
}

.ML_Table.Ads_Control .ML_TR:first-child {
    border: none;
}

.Ads_Control .AD_Cover,
.Ads_Control .AD_Cover input[type="file"] + label {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    min-height: 12em;
}

.Ads_Control .AD_Cover {
    flex: 0 0 43%;
}

.Ads_Control.Top_Ads  .AD_Cover {
    flex-wrap: wrap;
}

.Ads_Control .AD_Settings_Cover,
.Ads_Control .ML_TD .AD_Settings_Cover {
    flex: unset;
}

.Ads_Control .AD_Settings_Cover_HTML {
    flex: 1 0 auto;
    width: 100%;
    margin-top: 0.5em;
    box-sizing: border-box;
}

.Ads_Control .AD_Settings_Cover_HTML textarea {
    display: flex;
    box-sizing: border-box;
    font-size: inherit;

    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    min-height: 11em;
}

.Ads_Control.Top_Ads .AD_Cover input[type="file"] + label {
    border: var(--border-thin) solid var(--color-Gray-Light);


    box-sizing: border-box;

    width: 23em;
    min-height: 7em;
    padding: 0.7em;
    line-height: 1.1em;

    flex: 0 0 auto;
    font-size: inherit;

    justify-content: flex-end;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}

.Ads_Control.Top_Ads .AD_Cover {
    min-height: 8em;
    font-size: 1em;

    flex: 0 0 38%;
    flex-direction: column;
}

.Ads_Control .AddContent {
    display: flex;

    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.Ads_Control .AD_Cover .AD_Read_More {
    font-size: 0.55em;
    height: calc(100% - 2.4em);

    align-self: flex-start;
}

.Ads_Control .AD_Cover input[type="file"] + label {
    padding: 1px;

    flex: 1;
}

.Ads_Control .AD_Cover input[type="file"] + label img {
    width: 100%;
}

.Ads_Control .AD_Date_Period {
    /*
order: -2;
*/
}


.Top_Banner .OnLine, .Top_Banner .FullTime, .Top_Banner .OffLine, .Top_Banner .Free, .Top_Banner .Video {
    padding: 0.1em 0.3em;
    border-radius: var(--border-radius);
    margin-right: 0.4em;
    margin-bottom: -0.4em;
    top: 0.3em;
}


.Top_Banner.Left .OnLine {
/*
    margin-left: -3.2em;
*/
}
.Top_Banner.Left .FullTime {

}
.Top_Banner.Left .OffLine {

}
.Top_Banner.Left .Free {

}
.Top_Banner.Left .Video {

}

.Instructions {
    padding: 1em 0;
    border-bottom: var(--border-style-Light-dashed);
}

.Instructions > :first-child h4,
.Instructions > h4:first-child {
    margin-top: 0;
}

.Instructions > :last-child {
    margin-bottom: 0;
}

.Instructions + .FSection,
.Instructions + .FSection,
.FSection + .Instructions {
    margin-top: 1.5em;
}

fieldset .FSection {
    flex: 0;
}

.Installment,
.wrapper_section_remove_account article.Description .text,
.ML_Table fieldset {
    border: var(--border-style-LightBlue);
    border-radius: var(--border-radius-fieldset);
}

.ML_Table fieldset {
    background-color: white;
    font-size: 1em;

    text-align: left;
    margin: 1em 0 2em;
}

.Ads_Control fieldset {
    position: relative;
}

.ML_Table fieldset + fieldset {
    margin-top: 0;
}

.wrapper_section_remove_account {
    background-image: url(/img/Unsubscribe.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.wrapper_section_remove_account .Content {
    padding-left: 10%;
    padding-right: 10%;
}

.wrapper_section_remove_account article.Description h2 + .text {
        margin-top: 1.4em;
}

.wrapper_section_remove_account article.Description .text {
    padding: 1.6em 1.6em;
    overflow-x: hidden;
    max-height: 45vh;
    position: relative;
    box-sizing: border-box;

    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0px 0px 3em 1.8em rgb(255, 255, 255);
}

.wrapper_section_remove_account article.Description .text:after {
    content: "";
    display: block;
    position: sticky;
    bottom: -1.8em;
    left: 0;
    width: 100%;
    height: 2em;
    background: var(--linear-gradient-White-Left);
    z-index: 1;

    margin-top: -0.9em;
    pointer-events: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wrapper_section_remove_account article.Description .text > :last-child {
    margin-bottom: 0;
}

fieldset.Registration {
   text-align: left;
   padding: 0.5em;
   background-color: rgba(255, 255, 255, 0.7);
   backdrop-filter: blur(0.3em);
   box-shadow: 0px 0px 3em 1.8em rgb(255, 255, 255);
   margin-bottom: 3em;
}

fieldset :not(article) h3,
.ML_Table fieldset .Title,
fieldset legend,
fieldset .FFooter,
section.ML_Table fieldset h3 {
    padding-left: 1em;
    padding-right: 1em;
}

.Authorization h3:first-of-type {
    padding-top: 0;
}

fieldset h3,
.ML_Table fieldset .Title,
fieldset legend {
    color: #333;
    text-transform: uppercase;
}

fieldset :not(article) h3,
.ML_Table fieldset .Title {
    display: block;
    margin: 0 0 1.2em 0;
    padding-top: 1.5em;
    padding-bottom: 0.4em;
    font-size: 1.4em;
    border-bottom: var(--border-thin) solid var(--color-Gray-Light);

    position: sticky;
    top: 0;
    z-index: 105;
    background-color: #fff;
    border-top-left-radius: var(--border-radius-fieldset);
    border-top-right-radius: var(--border-radius-fieldset);
}

.ML_Table fieldset .BProdName .Title {
    background-color: unset;
}

fieldset .Attent h3:first-of-type {
    padding-top: 0.6em;
}

.ML_Table fieldset label.Title {
    display: block;
    border-radius: 0;
}

fieldset h3:not(:first-of-type),
.ML_Table fieldset .Title:not(:first-of-type) {
    margin-top: 1em;
}

fieldset legend {
    color: #333;
    font-size: 1.5em;
    line-height: 1.2em;
    text-decoration: none;
    padding: 0 0.4em;
}

.ML_Table h3 svg,
.ML_Table .Title svg {
    margin-bottom: -0.2em;
}

.wrapper_main_calccimen .FormBlock
fieldset .FormBlock,
.Content_Form .FormBlock {
    position: relative;
}
fieldset .FHead,
fieldset .FBody,
fieldset .FSection,
fieldset .FSection + p,
fieldset .Attent {
    padding-left: 1em;
    padding-right: 1em;
}

fieldset .FBody.TabBar {
    padding-left: 0;
    padding-right: 0;
}

fieldset > .Attent:first-child:not(#period_attent) {
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

fieldset:not(.HistoryPopUp) p {
    margin-left: 1em;
    margin-right: 1em;
}

fieldset.ML_Window section h3 {
    font-size: 1.3em;
    line-height: 1em;
    padding-top: 0.3em;
}

fieldset:not(.HistoryPopUp) h4 {
    font-size: 1.2em;
    margin-top: 1.2em;
    margin-left: 0.8em;
    margin-right: 0.8em;
    margin-bottom: 0.4em;
}

fieldset.ML_Window h4 {
    margin: 0.2em 0 0.8em 0;
}

fieldset:not(.HistoryPopUp) h3 + h4 {
    margin-top: 0;
}

fieldset:not(.HistoryPopUp) blockquote p,
fieldset .Attent p,
fieldset .SHPropBordSel p,
.Content fieldset p {
    margin-left: 0;
    margin-right: 0;
}

blockquote p {
    margin-bottom: 0.6em;
}

fieldset .FBody > .Title {
    font-size: 1.2em;
    color: #706050;

    margin-bottom: 0;

    text-transform: none;
    border-bottom: none;

    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

fieldset .FBody > .Title:before, fieldset .FBody > .Title:after {
    content: "";
    display: flex;
    flex: 1 0 auto;
    height: 0;
    border-top: var(--border-thin) solid var(--color-Beige-Light);
    margin-top: 0.2em;
    }

fieldset .FBody > .Title:before {
    display: none;
    margin-right: 0.5em;
    margin-left: 1%;
    max-width: 1em;
}

fieldset .FBody > .Title:after {
    margin-left: 0.5em;
}


fieldset .FBody > .Title svg {
    margin-bottom: 0;
    margin-right: 0.3em;
}


fieldset .FBody .ML_TR .ML_TD > .Title,
fieldset .FBody .ML_TR .ML_TH > .Title,
fieldset .FBody .ML_TR .ML_TD > h3,
fieldset .FBody .ML_TR .ML_TH > h3 {
    text-transform: none;
    border: none;
    font-size: 1.2em;
    margin: 0;
    margin: 0;
    padding: 0.8em 0 0.5em 0.5em;
}

.label:not(div),
fieldset .FBody .label:not(div),
.ML_Table .FBody .label:not(div),
.TabBar.FBody .label:not(div),
.GenForm .label:not(div),
.wrapper_main_blog .FormBlock .label,
.wrapper_main_profile .FormBlock .label {
    display: inline-flex;
    gap: 0 0.4em;
    justify-content: flex-end;
    align-self: center;
    align-items: center;

    white-space: normal;
    padding-right: 0.6em;
    margin-right: 0;
    box-sizing: border-box;
    line-height: 1.1em;

    text-align: right;
    color: var(--color-Gray-Dark);
}

.TotalCost .label *:not(svg),
.FormBlock .label b,
.label :not(svg):not(.text):not(.FlagTxt):not(.Amount) {
    display: contents;
}

.label svg,
svg.label, fieldset .FBody svg.label {
    color: var(--color-Beige-Dark);
    width: 1.6em;
    height: 1.6em;
    font-size: 1em;
}

.FormBlockDescr svg.label {
    margin: -0.5em 0;
}

.label,
.wrapper_section_payform .FBody .FormBlock .label,
.wrapper_settings_schooladm .ML_Table .label {
    width: 15em;
    max-width: unset;
}

.Toolbar .label,
.wrapper_settings_schooladm .ML_Table .FormSubBlock .label,
.wrapper_main_profile.wrapper_settings_exchangerate .label {
    width: unset;
}

#noteForm .FormBlock {
    display: flex;
}

#noteForm .FormBlock .label {
    width: 10em;
}

#noteForm #note_name {
    display: flex;
    flex: 1;
}

.wrapper_settings_schooladm .ML_Table .FormSubBlock .label {
    max-width: 16em;
    margin-left: 1em;
}

.wrapper_settings_schooladm .ML_Table #city {
    width: 20em;
}

.wrapper_settings_schooladm .tabBasket tbody th {
    position: relative;
}

.wrapper_settings_schooladm .tabBasket tbody .Certificate_is_Active {
    position: absolute;
    top: 56%;
    right: 0;
    width: 2em;
    margin-right: -0.5em;
}

.wrapper_settings_schooladm .tabBasket .Cover {
    margin: 0 0 0 -0.3em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 4em;
    height: 3.2em;
    overflow: hidden;
    border-radius: var(--border-radius-s);
}

.wrapper_settings_schooladm .Schedule .Seminar {
    display: contents;
    flex: 1 100%;
}

.wrapper_settings_schooladm .Schedule .BProdName button.Link svg {
    opacity: 0.2;
    margin-bottom: -0.3em;
}

.wrapper_settings_schooladm .Schedule tr:hover .BProdName button.Link svg {
    opacity: 0.6;
}

.wrapper_settings_schooladm .Schedule tr .BProdName button.Link:hover svg {
    color: var(--color-Blue-hover);
    opacity: unset;
}

.ui-autocomplete .label {
    width: auto;
}

.SuportMenu .label {
    width: auto;
    margin-right: 0.3em;
}

.SuportMenu .Select {
    margin-top: 0;
    margin-bottom: 0;
    height: 3.2em;
}

.SuportMenu .Select .Selected svg.LtoS:hover,
.SuportMenu .Select .Selected svg.StoL:hover {
    color: var(--color-Blue-hover);
}

.SuportMenu .Select .Selected .text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

fieldset .FBody span.label,
.wrapper_main_shop .FormBlock .label {
    width: 10em;
    max-width: none;
}

.wrapper_main_payservices .FormBlock .label {
    width: 11em;
    max-width: none;
}

.wrapper_main_payservices .UserInfo .FormBlock .label {
    width: 7em;
}

.wrapper_main_payservices .FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-left: 13.5em;
}

.wrapper_main_payservices fieldset #sendmail + label {
    flex: 1 1;
}

.wrapper_main_shop .FormBlock + .FormBlockDescr {
    margin-left: 12em;
}

.wrapper_section_payform .FormBlock > .FormBlockDescr {
    padding-left: 15.5em;
}

.wrapper_section_payform section .FormBlock :not(.AutoCountry *):not(.Select):not(.Select *):not(.SelectVUE*) {
    font-size: 1.2em;
}

h3 + .jsBlockOther {
    font-size: 1.2em;
}

.FBody span.label:not(textarea ~ .label) {
    width: 6.5em;
}

.ML_Table .label,
.ML_Window .FBody .label,
.ML_Window .TabBar .label,
.ML_Window .TabBar span.label:not(textarea ~ .label) {
    width: 7em;
}

.ML_Table .CurrencyControl .label {
    width: auto;
    max-width: auto;
}

.wrapper_main_blog .FormBlock .label,
.tabBasket .FormBlock .label {
    width: 12em;
}

.wrapper_main_blog .FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-left: 14.2em;
}

.wrapper_main_blog .FormBlock + .FormBlockDescr,
.tabBasket .FormBlock + .FormBlockDescr {
    margin-left: 14em;
}

.tabBasket .FormBlock ~ .FormSubBlock {
    margin-left: 14em;
}

.wrapper_main_blog .FormBlock label {
    align-self: center;
}


.AD_Read_More_Color + .label,
.MLToken_Wrapper ~ .label,
.label.icon,
.FBody span.label.icon,
.FBody .FormSubBlock span.label.icon,
.ML_Window .FormBlock span.label.icon,
.Ads_Control fieldset .label.icon,
.Ads_Control.Top_Ads .label.icon,
.Ads_Control fieldset .FBody span.label.icon:not(:first-of-type),
.PersonChart .PersonChart_Advanced .label  {
    max-width: none;
    width: auto;
}

.Content_Form .label,
.Content_Form .MLToken_Wrapper + .label {
    width: 8em;
}

fieldset #deliveryForm .FBody span.label {
    width: 13em;
    max-width: unset;
}

.FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-bottom: 1.2em;
    margin-left: 11.5em;
}

.Content_Form .FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-left: 10em;
}

.wrapper_settings_schooladm .FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-left: 17.5em;
}

.wrapper_settings_schooladm #NotificationMailingList.ML_Table .FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-left: 1em;
}

.FormBlock.NoLabel + .FormBlockDescr {
    margin: 0.5em 0.2em 0.2em 0.2em;
}

.FormSubBlock + .FormBlockDescr {
    margin-top: -0.5em;
}

.wrapper_main_calc .FormBlock + .FormBlockDescr,
.wrapper_main_calc .FormSubBlock + .FormBlockDescr {
    margin-left: 10.5em;
}

fieldset #deliveryForm .FBody .FormBlock + .FormBlockDescr,
fieldset #deliveryForm .FBody .FormBlock > .FormBlockDescr {
    margin-left: 15.5em;
}

/*
.label.icon, fieldset .FBody span.label.icon,
.FBody span.label.icon:not(textarea ~ .label) {
    width: auto;
}
*/


.Alert.ML_Window .FBody .label {
    width: 8em;
}

.Alert.ML_Window .FBody .FormBlockDescr {
    margin-left: 9.5em;
}

.Alert.ML_Window #ZipCode_Departure {
    width: 7em;
    text-align: right;
}

.Alert.ML_Window #AdditionalShippingCosts {
    width: 5em;
    text-align: right;
}

.FBody .PChart_Main .FormSubBlock .label {
    width: unset;
}

.ML_Window .label.Sex {
    width: 3em;
}

.Registration .FBody .FormBlock + .FormBlockDescr {
    margin-left: 12em;
}
.Registration .FBody span.label:not(textarea ~ .label) {
    width: 10em;;
}

.Registration .FBody input {
    flex: 1;
}

.Ads_Control .FormBlock > .FormBlockDescr {
    margin-left: 7.5em;
}

.wrapper_section_compatibility .FBody span.label {
    width: 7em;
}

.FBody div.label {
    flex: 1 0 100%;
    justify-content: flex-start;

    padding-top: 0.83em;
    padding-bottom: 0.3em;
    }

.FBody div.label > * {
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.FormBlockDescr,
.ui-menu a .FormBlockDescr {
    font-size: 0.9em;
    font-weight: normal;
    line-height: 1.1em;
    color: var(--color-Beige-Dark);
    box-sizing: border-box;
    white-space: normal;
    vertical-align: baseline;
}

.FormBlockDescr + .FormBlockDescr {
    margin-top: 1em;
}

h3 + .FormBlockDescr {
    margin-bottom: 0.8em;
}

span.FormBlockDescr {
    display: inline-block;
}

.ui-menu a .FormBlockDescr {
    font-size: 0.8em;
    color: var(--color-Beige-Dark);
}

.FormBlockDescr label {
    color: #000;
}

.FormBlock > .FormBlockDescr {
    flex: 1 1 100%;

    margin-top: 0.35em;
    margin-bottom: 0.35em;
}

.FormBlock > .FormItemConnect ~ .FormBlockDescr {
    margin-top: 0;
}

.FormBlockDescr.Attention {
    color: #333;
    padding-left: 14.3em;
    position: relative;

    display: flex;
    align-items: center;
}

fieldset .FormBlockDescr.Attention {
    padding-left: 0;
    display: block;
}

.FormBlockDescr.Attention:before {
    display: inline-flex;
    content: "";
    background: url(/img/ico_Attention.svg) no-repeat center;
    background-size: contain;
    width: 1.5em;
    height: 1.5em;
    color: #ee6d00;
    position: relative;
    margin: 0 0.4em -0.4em 0;
}

.FormBlock > input[type="radio"] + label + .FormBlockDescr {
   padding-left: 2.5em;
}

.wrapper_section_getfree fieldset .FormBlock b {
    padding: 0.5em 0 0.5em;
    /*
margin: 0.4em 0.25em;
*/
}

.wrapper_section_getfree fieldset .FormBlock .value {
    padding: 0.1em 0 0.1em;
}


/*
.wrapper_section_getfree fieldset .FBody .label {
     width: 7em;
}
*/


fieldset .FBody .FormBlock input:not([type='checkbox']),
fieldset .FBody .FormBlock textarea,
fieldset .FBody .FormBlock .FormItemConnect {
    /*
    font-size: 1em;
    align-self: flex-start;
    flex: 1;
    */
}

textarea.autosize {
    max-height: 18em;
    overflow-y: auto !important;
    flex: 1;
}

fieldset .FBody .FormBlock .FormItemConnect button {
    display: inline-flex;
    flex: 0;
    align-items: center;
}

fieldset .tabBasket tbody tr:last-of-type td,
fieldset .tabBasket tbody tr:last-of-type th {
    border-bottom:none;
}

.tabBasket tbody tr th:first-of-type label img,
.tabBasket tbody tr td:first-of-type label img {
 width:inherit;
 margin-right: 0;
}

a.AppIcon {
    display: inline-block;
    margin-top: 0.2em;
}

img.AppIcon,
.ML_Table img.AppIcon,
.AppIcon img {
    width: 4em;
    margin-right: 0.4em;
    vertical-align: middle;
}

.FFooter {
    border-top: var(--border-style-Light);

    margin-top: 0.6em;

    padding-bottom: 0.3em;
    padding-top: 0.3em;
    position: relative;
}

#MPCForm .FFooter {
    margin-top: 0;
}

.FBody + .FFooter {
    margin-top: 1.2em;
}

.FFooter .td, .FFooter .th {
    display: inline-flex;
   flex: 1 auto;
}

.FFooter .th {
    justify-content: center;
}


/* fieldset - КОНЕЦ */


/*
НАЧАЛО: ФОРМА ОПОВЕЩЕНИЯ ГРУППЫ по курсам, модулям, семинарам и продуктам - рассылка
.NotificationMailingList
*/

#NotificationMailingList.ML_Table fieldset {
    /*
    flex: 1 1;
    */
    }

#NotificationMailingList.ML_Table fieldset .MailBlock {
/*    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: repeat(2, min-content);
    gap: 0em 1em;
    grid-template-areas:
        "MailForm UserList"
        "UserResult UserList";
*/

    display: flex;
    flex: 1 1;
    align-items: flex-start;

}

#NotificationMailingList.ML_Table fieldset .MailForm {
    grid-area: MailForm;
    flex: 3;
    margin-right: 2em;
    }
#NotificationMailingList.ML_Table fieldset .UserList {
    grid-area: UserList;
    flex: 2;
    }
#NotificationMailingList.ML_Table fieldset .UserResult {
    grid-area: UserResult;
    }

#NotificationMailingList fieldset .MailTitle {
    display: flex;
}

#NotificationMailingList fieldset .MailTitle #MailTitle {
    flex: 1 1 100%;
    font-size: 1.2em;
}

#NotificationMailingList.ML_Table fieldset .UserList div.label:first-of-type {
    justify-content: flex-start;
    max-width: unset;
}

#NotificationMailingList.ML_Table fieldset .UserList .MLToken_Wrapper #Shool_ulist.MLToken {
    font-size: 0.8em;
}

#NotificationMailingList.ML_Table fieldset .MailBlock .UserList {
    flex-direction: column;
    flex-wrap: nowrap;
}

#NotificationMailingList.ML_Table fieldset .MailBlock .UserList .MLToken_Wrapper {
    align-items: flex-start;
}
#NotificationMailingList.ML_Table fieldset .MailBlock .UserList .MLToken_Wrapper .MLTokienItems {
    min-height: unset;
}

#NotificationMailingList.ML_Table fieldset .MailBlock .UserList  #Shool_Course.MLToken_Wrapper {
    flex: 1;
}

#NotificationMailingList.ML_Table fieldset .MailBlock .UserList  #Shool_ulist.MLToken_Wrapper,
#NotificationMailingList.ML_Table fieldset .MailBlock .MailForm #Teacher_ulist {
    flex: 1 1 100%;
}

#NotificationMailingList #Shool_ulist.MLToken_Wrapper .MLTokenList {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

/*
.fieldset {  display: grid;
    grid-template-columns: 1fr min-content;
    grid-template-rows: repeat(3, min-content);
    grid-auto-columns: max-content;
    gap: 0em 0em;
    grid-auto-flow: row;
    grid-template-areas:
        "MailTitle MailTitle"
        "MailForm UserList"
        "FFooter FFooter";
}

.MailTitle { grid-area: MailTitle; }

.MailForm { grid-area: MailForm; }

.UserList { grid-area: UserList; }

.FFooter { grid-area: FFooter; }
*/


/*
КОНЕЦ: ФОРМА ОПОВЕЩЕНИЯ ГРУППЫ по курсам, модулям, семинарам и продуктам - рассылка
*/

.Useful_Gods {
    display: flex;
}

.Useful_Gods input,
.Useful_Gods input.CheckBox[type="checkbox"] {
    display: none;
}

.Useful_Gods label {
    border-radius: var(--border-radius-norm);
    flex-direction: column;
    align-items: center;
    padding: 0.3em 0.5em 0.2em 0.5em;
    margin: 0 0.4em;
    overflow: hidden;
}

.Useful_Gods input[type="checkbox"] + label {
    border: var(--border-thin) solid var(--color-Beige-Medium);
}

.Useful_Gods input[type="checkbox"] + label:hover {
    transform: scale(1.15);
    -webkit-animation: HoverSize 0.2s ease-out;
    animation: HoverSize 0.2s ease-out;
}

.Useful_Gods input[type="checkbox"]:checked + label {
    border-color: var(--color-Blue);
}

.Useful_Gods input[type="checkbox"]:checked + label:hover {
    border-color: var(--color-Blue-hover);
}

.Useful_Gods input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.Useful_Gods input[type="checkbox"]:checked + label:before {
    box-shadow: 0 0 0.3em 0 var(--color-Blue-shadow) inset;
}

.Useful_Gods input[type="checkbox"]:checked + label:hover:before {
    box-shadow: 0 0 0.3em 0 var(--color-Blue-hover-shadow) inset;
}

.Useful_Gods .Hieroglyph {
    font-size: 1.7em;
    line-height: 1em;
}

.Useful_Gods label .Name {
    font-size: 0.7em;
    color: var(--color-Beige);
}


 @keyframes HoverSize {
    0% {transform: scale(0.9);
        }
     80% {transform: scale(1.2);
        }
     100% {transform: scale(1.15);
        }
    }


/*
РАЗМЕРЫ БЛОКОВ
*/

input[name="filter_type"] + label {
    text-transform: uppercase;
}

.wrapper_qmdjsearch .QMDJMaxWidth,
.wrapper_qmdjdaysearch .QMDJMaxWidth {
    width: var(--PageSize-Norm);
}
.wrapper_main_qmdjdaysearch #MainInterface {
    font-size: 0.9em;
}

.wrapper_settings_exchangerate .RateBlock input[name="value"],
.wrapper_settings_exchangerate .RateBlock input[name="correction"] {
    width: 4em;
    text-align: center;
}

.wrapper_settings_exchangerate .RateBlock .CB_Rate {
    display: inline-block;
    margin: 0 0.6em;
}

.wrapper_settings_exchangerate .RateBlock .CB_Rate .Rate_Correction {
    margin-left: 0.6em;
}

.wrapper_settings_exchangerate .RateBlock .FinalRate {
    white-space: nowrap;
}
.wrapper_settings_exchangerate .RateBlock .InSite {
    font-size: 1.6em;
}

.wrapper_qmdjdaysearch form {
  font-size: 1em;
}

/* PROMOCODE */

.PromoCode_Main .ya-share2__container_size_m.ya-share2__container_alone .ya-share2__popup_direction_bottom, .PromoCode_Main .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom,
.PromoCode_Block .ya-share2__container_size_m.ya-share2__container_alone .ya-share2__popup_direction_bottom, .PromoCode_Block .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__popup_direction_bottom {
    top: 2em;
}
.PromoCode_Main .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) > :last-child:not(:empty):not(.ya-share2__copied-tooltip),
.PromoCode_Block .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) > :last-child:not(:empty):not(.ya-share2__copied-tooltip) {
    padding-bottom: 0.8em;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) > :first-child:not(:empty),
.PromoCode_Block .ya-share2__container_size_m .ya-share2__popup:not(.ya-share2__popup_mobile) > :first-child:not(:empty) {
    padding-top: 0.8em;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more
.PromoCode_Block .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more {
    font-size: inherit;
}
.PromoCode_Main .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short,
.PromoCode_Block .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    background: none;
}

.PromoCode_Block {
    display: inline-flex;
    margin-bottom: 0.5em;
}

.wrapper_main_profile .PromoCode_Block {
    margin-bottom: 0.5em;
    font-size: 1.5em;
}

.PromoCode_Main svg {
    width: 1em;
    height: 1em;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: -0.25em;
}

.wrapper_main_profile .PromoCode_Block .PromoCode_Main svg {
    color: var(--color-Green);
}

.PromoCode_Main #promo {
    white-space: nowrap;
}

.PromoCode_Main + .PromoCode_Share {
    margin-left: 0.5em;
}

.PromoCode_Share {
    display: inline-flex;
    align-items: center;
}

.PromoCode_Block .ya-share2,
.PromoCode_Block #promo_copy {
    line-height: 1em;
    padding: 0;
    margin-right: 0.3em;
    display: inline-block;
}

.PromoCode_Block #promo_copy svg {
    margin: 0;
}

.PromoCode_Main .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more,
.PromoCode_Block .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-size: contain;
    width: 1em;
    height: 1em;
    font-size: 1.4em;
}

.PromoCode_Block .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cg id='Share_F'%3E%3Cpath fill='rgba(112, 128, 144, 1.0)' d='M11.5,10c-0.7,0-1.33,0.29-1.79,0.76L6.83,8.9C6.93,8.62,7,8.32,7,8c0-0.32-0.07-0.62-0.17-0.9l2.89-1.86 C10.17,5.71,10.8,6,11.5,6C12.88,6,14,4.88,14,3.5S12.88,1,11.5,1S9,2.12,9,3.5c0,0.32,0.07,0.62,0.17,0.9L6.29,6.26 C5.83,5.79,5.2,5.5,4.5,5.5C3.12,5.5,2,6.62,2,8s1.12,2.5,2.5,2.5c0.7,0,1.33-0.29,1.79-0.76l2.89,1.86C9.07,11.88,9,12.18,9,12.5 c0,1.38,1.12,2.5,2.5,2.5s2.5-1.12,2.5-2.5S12.88,10,11.5,10z'/%3E%3C/g%3E%3C/svg%3E");
}

.PromoCode_Block .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__icon_more:hover {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' style='enable-background:new 0 0 16 16;' xml:space='preserve'%3E%3Cg id='Share_F'%3E%3Cpath fill='rgba(0, 130, 255, 1.0)' d='M11.5,10c-0.7,0-1.33,0.29-1.79,0.76L6.83,8.9C6.93,8.62,7,8.32,7,8c0-0.32-0.07-0.62-0.17-0.9l2.89-1.86 C10.17,5.71,10.8,6,11.5,6C12.88,6,14,4.88,14,3.5S12.88,1,11.5,1S9,2.12,9,3.5c0,0.32,0.07,0.62,0.17,0.9L6.29,6.26 C5.83,5.79,5.2,5.5,4.5,5.5C3.12,5.5,2,6.62,2,8s1.12,2.5,2.5,2.5c0.7,0,1.33-0.29,1.79-0.76l2.89,1.86C9.07,11.88,9,12.18,9,12.5 c0,1.38,1.12,2.5,2.5,2.5s2.5-1.12,2.5-2.5S12.88,10,11.5,10z'/%3E%3C/g%3E%3C/svg%3E");
}

.PromoCode_Block .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    padding: 0;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__popup .ya-share2__list,
.PromoCode_Block .ya-share2__container_size_m .ya-share2__popup .ya-share2__list {
    display: flex;
    flex-flow: wrap;
    min-width: 25em;
}

.PromoCode_Main .ya-share2 .ya-share2__list > .ya-share2__item {
    display: inline-flex;
}

.PromoCode_Block .ya-share2__container_size_m .ya-share2__popup .ya-share2__list {
    font-size: 0.8em;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__popup .ya-share2__list .ya-share2__item,
.PromoCode_Block .ya-share2__container_size_m .ya-share2__popup .ya-share2__list .ya-share2__item {
    display: inline-flex;
    flex: 1 0 50%;
    box-sizing: border-box;
}

.PromoCode_Main .ya-share2__container_size_m .ya-share2__popup .ya-share2__list .ya-share2__item .ya-share2__link,
.PromoCode_Block .ya-share2__container_size_m .ya-share2__popup .ya-share2__list .ya-share2__item .ya-share2__link {
    display: flex;
    align-items: center;
    padding: 0.2em 0.5em;
}

.PromoCode_Main .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy),
.PromoCode_Block .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon:not(.ya-share2__icon_messenger-contact):not(.ya-share2__icon_more):not(.ya-share2__icon_copy) {
    background-size: 80%;
}

.PromoCode_Main .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon.ya-share2__icon_copy,
.PromoCode_Block .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon.ya-share2__icon_copy {
    background-size: 50%;
}

.PromoCode_Main .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__title,
.PromoCode_Block .ya-share2__container_shape_round.ya-share2__container_size_m .ya-share2__title {
    white-space: normal;
    line-height: 1em;
}

#PromoCode .PromoCode_Stats {
    font-size: 1.1em;
    align-self: center;
    background-color: #8AB00D;
    border-radius: 0.4em 1.8em;
    color: rgba(51, 51, 51, 0.2);
    color: #fff;
    padding: 1.8em 1.4em;
    box-shadow: 0 0 0.4em 0.5em rgba(250,250,250,0.8), 0 0 1.5em rgba(116, 212, 0, 0.5);
    text-shadow: -1px -1px 0 #1F1F1F40;
    background-image: linear-gradient(to right, #1CAA47 0%, #6ec000 100%);
}

#PromoCode .PromoCode_Stats .SecondInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.1em;
}

#PromoCode .PromoCode_Stats .SecondInfo .label {
    display: inline-block;
    margin-right: 0.8em;
    line-height: 1.1em;
    text-align: right;
}

#PromoCode .PromoCode_Stats .SecondInfo .MP_Num {
    font-size: 1.1em;
}

#PromoCode .PromoCode_Stats .SecondInfo .label .Date {
    font-size: 0.9em;
    font-style: italic;
    text-shadow: none;
    color: rgba(255, 255, 255, 0.7);
}

#PromoCode .PromoCode_Stats .Main_Point_Current {
    margin-bottom: 0.8em;
    text-align: right;
    border-bottom: var(--border-thin) solid rgba(250, 250, 250, 0.5);
    padding-bottom: 0.5em;
}

#PromoCode .PromoCode_Stats .Main_Point_Current .MPNum {
    font-size: 2.7em;
    line-height: inherit;
}

#PromoCode .PromoCode_Stats .Main_Point_Current .MPNum .MP {
    font-size: 0.6em;
}

    /* НАЧАЛО: Блок скидок .DiscountBlock Расположен на странице оформления заказа в футере  */

    .DiscountBlock {
        display: grid;
        /*grid-template-columns: min-content  minmax(auto, 24em);*/
        gap: 0 1em;
    }

    .DiscountBlock .Select:not(input) .Selected .text {
        white-space: nowrap;
    }

    .DiscountBlock .NotificationMain,
    .DiscountBlock .NotificationExtra,
    .DiscountBlock .FormBlockDescr {
        grid-column: 2/2;
        text-align: center;
    }

    .DiscountBlock .NotificationMain,
    .DiscountBlock .NotificationExtra {
        color: var(--color-Green);
    }

    .DiscountBlock .Parametr {
        grid-column: 1;
        flex-wrap: nowrap;

        align-items: center;
        display: flex;
    }

    .DiscountBlock .Data {
        grid-column: 2;
        justify-content: center;
        display: flex;
    }

    /* КОНЕЦ:  Блок скидок  */

/* END of PROMOCODE */



/* PROFILE */

    /*
    .wrapper_main_profile
    */

/* END of PROFILE*/


/* НАЧАЛО: Навигационная понель быстрого доступа.
Если нет меню, то испльзуем - nav но в целом все будет основано на классе ShortList
Right в кнопках где есть иконки и нужен текст, добавляем .text */

.ShortList {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas:".";
    opacity: 0.7;
}

.ShortList:hover {
    opacity: 1;
}

.ShortList.Right {
    position: absolute;
    width: 0;
    margin: 0 0 0 1px;
}

.ShortList.Top {
    top: 0;
}

.ShortList.Right {
    right: 0;
}
/*.ShortList.Right > :first-child, .ShortList.Right > .First { */
.ShortList.Right > :first-child, .ShortList.Right > :nth-child(1 of :not(.DNone)) {
    border-top-right-radius: var(--border-radius-norm);
}
/*.ShortList.Right > :last-child, .ShortList.Right > .Last { */
.ShortList.Right > :last-child, .ShortList.Right > :nth-last-child(1 of :not(.DNone)) {
    border-bottom-right-radius: var(--border-radius-norm);
}

.ShortList.Right > *:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5em;
    height: 100%;
    background: linear-gradient(to right, rgba(80, 96, 112, 0.15) 0%,rgba(80, 96, 112, 0) 100%);
    z-index: 1;
}

.ShortList.Left {
}
.ShortList.Left > :first-child {
    border-top-left-radius: var(--border-radius-norm);
}
.ShortList.Left > :last-child {
    border-bottom-left-radius: var(--border-radius-norm);
}


.ShortList > *:not(:first-child) {
    margin-top: -1px;
}

.ShortList a {
    display: inline-flex;
    position: relative;
    border: var(--border-thin) solid var(--color-Gray);
    background-color: rgba(255, 255, 255, 0.97);
    padding: 0.5em;
}

.ShortList a svg {
    font-size: 2.4em;
    margin: 0;
}

.ShortList a:hover {
    border-color: var(--color-Blue-hover);
    border-top-right-radius: var(--border-radius-norm);
    border-bottom-right-radius: var(--border-radius-norm);
    z-index: 1;
    transform: scale(1.05) translate(0.1em,0);
}

.ShortList a:hover:before {
    display: none;
}

/* КОНЕЦ: Навигационная понель быстрого доступа. */


/* Размеры - селекторов и инпутов в форме */

/*
.wrapper_main_gdirection,
.wrapper_main_24mountain,
*/
.Content,
.wrapper_main_qmdjsearch2 #MainInterface,
.wrapper_main_qmdjsearch #MainInterface   {
    padding: 0 1.8em 1em 1.8em;
    }

.wrapper_main_calc .Content {
    padding: 0 1.4em 1em 1.4em;
}

.Content {
    position: relative;
}

.wrapper_section_active .Content {
    background-image: url(/img/bamboo_reg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 5em 25%;
}

.wrapper_section_order #ViewOrderPageApp.Content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wrapper_main_shop.wrapper_section_order fieldset.Registration {
    max-width: 40em;
}

.wrapper_main_shop.wrapper_section_order #ViewOrderPageApp.Content a {
    z-index: 1;
    position: inherit;
}

.wrapper_main_shop.wrapper_section_order #ViewOrderPageApp.Content .HeadLogo {
    margin-bottom: -1em;
}

.wrapper_main_shop.wrapper_section_order #ViewOrderPageApp.Content form {
    text-align: center;
}

.wrapper_main_shop.wrapper_section_order #ViewOrderPageApp.Content h2 {
    margin-top: 0;
    text-align: center;
}

.wrapper_main_shop.wrapper_section_order #ViewOrderPageApp.Content .IMGOpps {
    width: 70%;
}

.wrapper_section_active .Content .ActivationResult {
    background-color: rgba(255,255,255,0.85);
    font-size: 1.2em;
    box-shadow: 0 0 1em 1em rgba(255,255,255,0.85);
}

.ML_THead.StickyTop.StickyShadow,
.ML_TFoot.StickyBottom.StickyShadow {
    max-width: initial;
}

.ML_THead.StickyTop.StickyShadow,
.ML_TFoot.StickyBottom.StickyShadow,
.Header ~ .NavBarFlex {
    padding-left: 2em;
    padding-right: 2em; }

/*
.wrapper_main_gdirection .NavBarFlex, .wrapper_main_24mountain .NavBarFlex { margin-left: -2em; margin-right: -2em; }
*/

.wrapper_section_consulting .NavBarFlex { margin-left: -0.6em;
    margin-right: -0.6em; }


    .label.Date_Birth, .label.Full_Name, .label.Birth_Place {width:5.5em;}
/*
    #day { max-width: 5.5em; }
*/
/*
    input#year { width: 5em; }
*/

    #day {width:4.0em;}
    #month {max-width: 8em;
            width:7.3em;}
    #year {width:5em;}
    #thur { max-width: 4.0em; }
    #hour, #thur {width:5em;}
    #minute, #tmin {width:5em;}
    #tmin { max-width: 4.0em; }
    #period {width:7em;}
    #public + label[for="public"] {width:6em;}

    input#ItemID {
        width: 7em;
        text-align: right;
    }

    .AutoId {
        display: inline-flex;
        align-items: center;
        gap: 0.6em;
    }

    .AutoId .shopname,
    .AutoId #shopname {
        color: var(--color-Beige);
    }

    .geoitems {
        display: inline-flex;
        align-items: center;
        gap: 0.2em;
    }
    input.calendar {
        max-width: 7em;
        text-align: center;
    }


    .QMDJSearch_MainParam_Lite .FormItemConnect .Month {
        width: 6em;
    }
    .QMDJSearch_MainParam_Lite .SimpleCitySelector .Lat,
    .QMDJSearch_MainParam_Lite .SimpleCitySelector .Lng {
        width: 6em;
        font-size: 0.85em;
    }

    .wrapper_main_profile .AllOrders_Header + .Content {
        z-index: 1;
    }

    .wrapper_main_profile .OrderNumber {
        display: flex;
        align-items: center;
        margin-top: 1.8em;
        padding-top: 0.5em;
        padding-bottom: 1em;
        top: 7.4em;
        background-image: linear-gradient(rgb(255, 255, 255) 80%, rgba(255,255,255,0) 100%);
    }

    .wrapper_main_profile .OrderNumber + .GenForm {
        padding-top: 0;
    }

    .wrapper_main_profile .OrderNumber button + h1,
    .wrapper_main_profile .OrderNumber h1 + button {
        margin: 0 0 0 1em;
        font-size: 2em;
    }

    .wrapper_main_profile input[name="name"],
    .wrapper_main_profile input[name="email"],
    .wrapper_main_profile input[name="dopemail"],
    .wrapper_main_profile input[name="fio"],
    .wrapper_main_profile input[name="tel"],
    .wrapper_main_profile input[name="phone"],
    .wrapper_main_profile input#bithplace,
    .wrapper_main_profile input#liveplace {
        width: 23em;
        min-width: 23em;
    }

    .wrapper_main_profile input[name="real_delivery_price"] {
        max-width: 5em;
        text-align: right;
    }
    .wrapper_main_profile input[name="id_user"] {
        width: 10em;
    }

    .wrapper_main_profile #trackno {
        width: 11em;
        text-align: right;
    }

    .TrackingInfo #trackno ~ * {
        margin-left: 0.6em;
    }

    #ctype {width:9em;}
    .ML_Window #ctype + .label {width:6em;}

    #deal {width:8.5em;}
    #ghost_mode {width:13.3em;}
    .ML_Window #ghost_mode {width:11.3em;}
    .ML_Window #ghost_mode + .label {
        width: 6em;
    }

    #gost_by {width:10.5em;}
    .ML_Window #ghost_by + .label {
        width:5em;
    }

    #emptyness {width:8em;}

    input#caption {
        font-size: 1.3em;
        flex: 1;
    }

input.sale_number {
    width: 4em;
}

#UploadSoftForm {
    margin-top: 1.5em;
    margin-bottom: 3em;
    padding-bottom: 1em;
    border-bottom: var(--border-style-Light);
}

#uploadicon + label img {
    width: 2.5em;
}


#filelist {
    display: flex;
    flex-direction: column;
    gap: 0.6em 0;
    margin-bottom: 1em;
    border-bottom: var(--border-style-Light-dashed);
    padding: 0.6em 0;
}

#filelist .fileitem  {
    display: flex;
    align-items: center;
    gap: 0 0.6em;
}


input.AppVersion {
    width: 6.5em;
    text-align: center;
}

#CurrentLat.InpGost, #CurrentLng.InpGost {
    max-width: 5em;
    width: auto;
    min-width: 1em;
    }


#rawprice,
#CurrentLat, #CurrentLng,
#FeedbackForm .label { width: 7em; }


/*
.wrapper_main_calendar .GenForm #lat.InpGost, .wrapper_main_calendar .GenForm #lng.InpGost,
*/
.lat.InpGost, .lng.InpGost,
.Lat.InpGost, .Lng.InpGost,
#lat.InpGost, #lng.InpGost {
    width: 6.1em;
    font-size: 0.8em;
    }

.ML_Window #lat, .ML_Window #lng,
.ML_Window #llat, .ML_Window #llng,
.ML_Window .Lat, .ML_Window .Lng {
    width: 5.5em;
    font-size: 0.9em;}

.ML_Window #lsutc {max-width: 10em;}
.ML_Window #lcity {width: 12em;}

.ML_Window select#calc_type,
.ML_Window select.Chart_Type {width: 14em;}
.ML_Window select#calc_type + .label {width: 6em;}

.ML_Window  #ghost_view_mode + label { width:7em; }

.ML_Window #view { width:10em; }

#setLocalTime + label,
.LocalSolarTime  + label { width: 8.8em;}
    #LocalTime + label { width: 10em;}


.Controls #setLocalTime + label,
.Controls #HourTypes + label,
.Controls #VUYCalc + label {
    width: unset;

}


.Controls #setLocalTime + label {
    max-width: 11em;
}

.Controls #HourTypes + label {
    max-width: 8em;
}

 .Controls #VUYCalc + label {
    max-width: 10em;
 }

.wrapper_main_calc select.CalendarType {
    max-width: 13em;
}

.wrapper_main_calc #city {
    width: 11em;
}

.tabBasket #city,
.tabBasket #CourceCity {
    width: 20em;
}

#sutc, #sutc2, #CurrentUtc {
    min-width:  8.5em;
    max-width:  9.5em;
}

#ConsiderTakt + label {
    max-width: 7em;
}
#ApplyCurrentCity + label {
    max-width: 10em;
}

#blog_subscribe + label svg {
    font-size: 0.65em;
    margin-top: -0.2em;
    margin-bottom: -0.2em;
}

/*
#CurrentUtc[disabled|="disabled"] ~ .Correction {
    display:none;
}
*/

#ApplyCurrentCity:not(:checked) ~ .Correction {
    display:none;
}

.SuportMenu #CurrentCityBlock {
    flex: 1;
    /*
    max-width: 26em;
    min-width: 18em;
    */
    }

#CurrentCity.SuportMen #cur_city {
    flex: 1;
}

.SelectCapa_Day {width: 60px;}
.SelectCapa_Hour {width: 60px;}
.SelectCapa_Minute {width: 60px;}

#promocode {width: 14em;}
#balls {width: 7em;}

#deliveryForm input#DeliveryFirstName {width: 15em;}
#deliveryForm input#DeliveryLastName {width: 15em;}
#deliveryForm input#DeliveryEmail {width: 15em;}
#deliveryForm input#DeliveryPhone {width: 15em;}
#deliveryForm textarea#DeliveryRem {
    flex: 1;
    max-width: 28em;}
#deliveryForm textarea#DeliveryRem.autosize {
    max-width: 32em;
}

#deliveryForm input#DeliverySkype {

}
#deliveryForm input#DeliveryAddress {width: 28em;}

#deliveryForm input#DeliveryCity {width: 15em;}
#deliveryForm input#DeliveryCountry {width: 20em;}
#deliveryForm input#DeliveryIndex {

}

#deliveryForm #DopInfo {
    width: 30em;
 }

.wrapper_section_edit {

}

.wrapper_section_edit #Term_Name,
.wrapper_section_edit #Term_Keywords,
.wrapper_section_edit #Term_Synonyms {
    flex: 1;
}

.SectionSmall.Teacher input.SortConsulting,
.UserRef input.SortConsulting {
    max-width: 4em;
    text-align: center; padding: 0.3em;
}

.wrapper_settings_schooladm .shop_date {
    font-size: 1.2em;
    width: 7em;
    text-align: center
}

#rawprice {
    width: 7em;
}

#Term_Name {
    font-size: 1.2em;
}

#Term_URI {
    width: 20em;
}

.Term_NameBlock {
    display: inline-flex;
    flex-wrap: wrap;
}

.Term_NameBlock .FormBlockDescr {
    flex: 1 0 100%;
    margin-left: 1.0em;
}
#send_to_telegram ~ label[for="send_to_telegram"],
#active ~ label[for="active"] {
    max-width: 8em;
    margin-right: 1.5em;
}

#Basket #Confirm_Terms_and_Conditions_Returning_Goods_and_Funds + label,
#Basket #Privaci_Policy_i_Agree_To_Processing_of_Personal_Data + label {
    width: 52%;
}

.AD_Detailed + .label,
.AD_Detailed + label,
.ShowDated + label {
    max-width: 11em;
}

.AD_ShowDate + label {
    max-width: 11em;
}

.AD_Date_and_Time {
    width: 12em;
}

.AD_CourceForm_Margin {
    width: 4em;
}

.Ads_Control.Top_Ads .CourceForms {
    width: 9em;
}

.Ads_Control .AD_Date_Fin {
    width: 7.5em;
}

input[type="time"], #post_date, #active_date, #Date1, #Time1, #Date2, #Time2, #send_date, #send_time {
    text-align: center;
}

#post_date, #active_date, #Date1, #Date2, #send_date {
    width: 7.5em;
}

#active_time, #post_hour, #Time1, #Time2, #send_time {
    width: 7em;
}

#static_url_group {
    width: 30em;
}

.Ads_Control .AD_Settings_Cover_Width,
.Ads_Control .AD_Settings_BG_Posit {
    width: 5.5em;
}

.AD_Date_Start,
.AD_Date_Fin {
    width: 7.2em;
}

.AD_Read_More_Color {
    width: 5em;
}
.AD_Slider .AD_Priority {
        width: 7.5em;
    }

.AD_Slider .AD_ShowHide + label {
        width: 8em;
    }

/*

fieldset .FBody .AD_Read_More_Color + .label,
fieldset .FBody .AD_Read_More_ColorPicker .label,
fieldset .FBody .AD_Read_More_ColorPicker span.label,
*/

.PostForm_Content {
    margin: 0.5cm 2em 0.3cm 2em;
}

.LabelIconInside {
    padding-left: 2.5em;
}

.LabelIconInside ~ .label.icon {
    position: absolute;
    margin-left: 0.8em;
    z-index: 5;
}

#AutoINIProduct .FormItemConnect input#product {
    flex: 1 1;
}

#AutoINIProduct .FormItemConnect #add_product {
    flex: 0 1;
}

.QMDJSearch_MainParam_Lite {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex: 1;
    }

.QMDJSearch_MainParam_Lite .label {
    width: auto;
}

.QMDJSearch_MainParam_Lite .FormItemConnect.PersonalCardsBlock {
        flex: 1 1 auto;
    }

.QMDJSearch_MainParam_Lite :not(.pCards_Wrapper) #pCardsList {
    flex: 1 0 100%;
}

.QMDJSearch_MainParam_Lite .SimpleCitySelector {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 0.8em;
}

.QMDJSearch_MainParam_Lite .SimpleCitySelector .FormItemConnect .city {
    flex: 1 1 100%;
}

    #pCards,
    .MLTokenInput,
    .MLTokenInput input,
    #MLTokenInput input {
        /*
        width: 22em;
        */
    }

    .MLToken_Wrapper .MLTokenList .MLToken .Name {
    }

    #AjaxCard.FormItemConnect {
        flex: 1;
    }

    #AjaxCard.FormItemConnect #pCards {
        width: auto;
        flex: 1;
    }

    #ML_FontSize,
    #ML_LineHeight {
        text-align: right;
        width: 4em;
    }
    #ML_FontSize.LabelIconInside,
    #ML_LineHeight.LabelIconInside {
        text-align: right;
        width: 5.5em;
    }

    #ML_Margin_T,
    #ML_Margin_R,
    #ML_Margin_B,
    #ML_Margin_L,
    #ML_TextShadow_T,
    #ML_TextShadow_L,
    #ML_TextShadow_Radius {
        text-align: right;
        width: 4em;
    }

    #ML_TextGradient_Angle,
    #ML_TextGradient_StartColor_Offset,
    #ML_TextGradient_EndColor_Offset {
        width: 4em;
    }

    #Select_FontFace {
        width: 9em;
    }

    textarea#keywords,
    textarea.keywords {
        display: flex;
        flex: 1;
        min-height: 4em;
        width: 100%;
    }

    .AD_Settings_Cover_AlignBlock.Select:not(input) input:checked + label {
        max-width: 9em;
    }

    #FeedbackApp form {
        width: 36em;
    }

.wrapper_main_profile + footer,
.wrapper_main_system + footer,
.wrapper_main_dictionary + footer {
    margin-top: 0;
}

footer .ML_SocialLink {
    display: flex;
    align-items: center;
    margin-top: 0.3em;
    margin-bottom: -0.4em;
    justify-content: flex-end;
}

footer .ML_SocialLink .label {
    font-size: 1em;
}

footer .ML_SocialLink .ML_SocialLink_List {
    display: inline-flex;
    margin-left: 0.1em;
    font-size: 1.8em;
    filter: grayscale(90%);
    opacity: 0.7;
}
footer .ML_SocialLink:hover .ML_SocialLink_List {
    filter: none;
    opacity: 1;
}

footer .ML_SocialLink .ML_SocialLink_List a {
    display: inline-flex;
    padding: 0.1em 0.2em;
}

footer .ML_SocialLink .ML_SocialLink_List a img {
    width: 1em;
}
footer .ML_SocialLink .ML_SocialLink_List a svg {
    width: 1em;
    height: 1em;
    font-size: 0.9em;
    margin: 0;
}

footer .ML_SocialLink .ML_SocialLink_List a:hover img,
footer .ML_SocialLink .ML_SocialLink_List a:hover svg {
    transform: scale(1.2);
}

/*
.wrapper_main_qmdjdaysearch #MainInterface form {
    font-size: 1em;
}
*/

/*

*/


/* =============================================== */
/* Когда телефон в режиме портрет */

@media screen
and (max-width: 750px)
    and (max-aspect-ratio: 3 / 4)
    and (orientation: portrait) {

/*
@media screen
    and (max-width: 850px)
    and (max-aspect-ratio: 138/100), (orientation:portrait)  {
*/

/*
@media screen
    and (orientation:portrait)
    and (-webkit-min-device-pixel-ratio: 1.25)
    and (min-width: 320px)
    and (max-width: 767px) {
*/

/* Параметры для Google
Уменьшаем в половину
*/


/* НАЯЧАЛО: Размреы блоков под мобилы */

#refcodeinput {
    max-width: 12em;
}

.pac-container {
    font-size: 0.8em;
}

/* Параметры для Google
Уменьшаем в половину
*/

    /* Видео */
    iframe {
        height: 13em;
    }

/*
    figure figcaption,
    body:not(.mce-content-body) figure figcaption {
        display: block;
    }
*/

.BaziInfo Article {
    padding: 1em;
}

.Attent {
    font-size: 1.1em;
    }

td > .Attent {
    margin-top: 0;
    border-radius: unset;
}


.Context_Menu {
    font-size: 1.4em;
}

.Context_Menu .PaidServices,
.Context_Menu .List .Profile .Avatar #LogOut {
    font-size: 0.9em;
}


.Avatar {
    border-radius: var(--border-radius-md);
}

.Avatar .AvatarTD img {
    margin: -1em;
    width: 110%;
}

header > a.Logo,
header .Logo {
    margin: 2em 1.5em 1.5em 1.5em;
    left: unset;
    right: 0;
    z-index: 100;
}

header.SplashHeader .NoteIco > * {
    font-size: 1.4em;
}

header swiper-container swiper-slide,
header .swiper .swiper-slide {
    padding-left: 2em;
    padding-top: 1.5em;
}

header swiper-container swiper-slide .Review,
header .swiper .swiper-slide .Review {
    max-width: 55%;
    margin-top: 0;
}

header swiper-container swiper-slide .Review h2,
header .swiper .swiper-slide .Review h2 {
    font-size: 2.3em;
}

header swiper-container swiper-slide .Review .Autor .Name,
header .swiper .swiper-slide .Review .Autor .Name {
    font-size: 1.5em;
}


.Employees .Toolbar {
    padding-left: 0;
    padding-right: 0;
}

.Accounting .SalaryEditor .EmployeeList {
    width: 16em;
    min-width: 16em;
}

menu.Level2 {
    flex-wrap: wrap;
}

menu.Level2 li a .text {
    font-size: 1.3em;
}

menu + main {
    padding-top: 0;
}

.Section_Text {
    padding: 1.2em 4%;
}

.Section_Text.DifficultyLevel {
    flex-direction: column;
}

.Section_Text.DifficultyLevel > .Item figure {
    height: 11em;
    min-height: 11em;
}

.Section_Text.DifficultyLevel > .Item figure img {
    top: 50%;
    margin-top: -33%;
}

.Section_Text.UpcomingCourses .SectionGroup_3C {
    display: flex;
    flex-direction: column;
    /*
    grid-template-columns: 1fr;
    */
}


   .TitleBlockBigIMG img,
   figure.TitleBlockBigIMG img,
   figure.Cover img, figure#Cover img {
        border-radius: unset;
        }

article .SectionGroup_3C a:not(.SHTitle) {
    max-width: unset;
    flex: 1;
}

.Section_Text.UpcomingCourses .SectionGroup_3C .SectionSmall .SectionCover img {
    height: 10em;
    object-fit: cover;
}

.Section_Text.UpcomingSeminars .SectionGroup_2C .Announc {
    min-height: 9em;
}

.AD_RecomendationList a .AD_Read_More {
    padding: 0.4em;
}

.Section_Text.UpcomingSeminars .SectionGroup_2C .AD_Read_More .AD_Read_More_Button {
    font-size: 0.5em;
}



/* Делает размер таба не больше экрана, чтобы тини подстраивался под размер */
.TabBar input.Tab:checked + label + .TabBar_Content_Wrap {
    max-width: 100%;
}
.wrapper_settings_schooladm .FormBlock:not(.NoLabel) + .FormBlockDescr {
    margin-left: 0;
}

.Module_List_Edit .Head .Settings,
.Seminar_List_Edit .Item .Settings {
    flex-wrap: wrap;
}


.Opener ~ .Seminar_List_Edit .Item {
    margin-left: 0;
}

.Module_List_Edit .Head .Details,
.Seminar_List_Edit .Item .Details {
    flex: 1 auto;
}


.Announce {
    flex-direction: column;
}


.Announce a.item:nth-of-type(n + 2):before {
    content: var(--Need-Learn-Type);
}

.Announce a.item:nth-of-type(n + 2):after {
    content: "";
}

.Announce .Need_Learn_OR + .item ~ .item:before,
.Announce .Need_Learn_AND + .item ~ .item:before {
    left: 0;
    position: absolute;
    width: 100%;

    min-width: unset;
    margin-left: unset;

    transform: translate(0px, 0px) scale(0.8);
}

.Announce .Need_Learn_OR + .item ~ .item:before {
    font-size: 1em;
    height: 1em;
    top: -0.9em;
}

.Announce .Need_Learn_AND + .item ~ .item:before {
    font-size: 2em;
    height: 0.5em;
    top: -0.425em;
    color: #9e0000;
    font-weight: bold;
}

.Announce .Need_Learn_OR + .item ~ .item:after,
.Announce .Need_Learn_AND + .item ~ .item:after {
    top: -0.4em;
    left: 0;
    margin-left: 0;
    position: absolute;
    width: 100%;
}

.Story {
    flex-direction: column;
}

.Gallery > .figure:first-child,
.Gallery > figure:first-child,
swiper-container .SectionSmall.Teacher:first-child,
.swiper-wrapper .SectionSmall.Teacher:first-child {
    margin-left: 1em;
}

.Gallery .figure img,
.Gallery > figure img {
    height: 12em;
    max-width: 70vw;
}

.TeacherList.Landscape .Teacher,
swiper-slide .SectionSmall.Teacher,
.swiper-wrapper .SectionSmall.Teacher {
    flex: 1 0 70%;
}

div.TeacherList.Columns {
    gap: 1.5em;
    max-height: 85vh;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    justify-content: unset;

    flex-direction: row;
    flex-wrap: nowrap;

    overflow-x: auto;
    overflow-y: hidden;

    padding-left: 1em;
    padding-right: 1em;
}

.SectionSmall.Teacher .Details {
    overflow-y: auto;
    max-height: 35vh;
    position: relative;
}

.TeacherList.Columns .Teacher > a {
    /*
    flex-direction: row;
    */
    }

.TeacherList.Columns .Teacher .Cover {
    height: 10em;
}

.TeacherList.Columns .SectionSmall.Teacher .Cover img {
    width: 100%;
    margin: 17% 0 0 0;
    height: unset;
}

div.TeacherList.Columns .SectionSmall.Teacher {
    min-width: 75vw;
    max-width: 75vw;
}

.TeacherList.Landscape .Teacher {

}

.TeacherList.Landscape .Teacher > a {
    display: flex;
    flex-direction: column;
}

.TeacherList.Landscape .Teacher .Cover {
    height: 13em;
    width: unset;
    border-bottom: var(--border-thin) solid #fff;
    border-right: unset;
}

.TeacherList.Landscape .Teacher .Cover img,
.SectionSmall.Teacher .Cover img {
    width: 110%;
    margin-top: 20%;
    height: auto;
}

.TeacherList.Landscape .Teacher .Details {
    padding: 1.2em 1em 0.6em 1em;
}

.TeacherList.Landscape .Teacher .Details .Name {
    order: unset;
}

.Section_FullSize.TeachingStaff h2 {
    font-size: 1em;
}

.Section_FullSize.TeachingStaff h2 svg {
    font-size: 3em;
}

.Section_FullSize.TeachingStaff h2 .text {
    font-size: 2.6em;
}

.Section_Text.OurTeachers {
    background-size: 30%;
}

.OurTeachers .Story {
    display: flex;
    flex-direction: column;
    margin-right: unset;
}

.OurTeachers .Story .OurTeachers_List_Swiper swiper-container,
.OurTeachers .Story .OurTeachers_List_Swiper,
.OurTeachers .Story .OurTeachers_List {
    position: relative;
    border-radius: 2.6em;
}

.OurTeachers .Story .OurTeachers_List_Swiper swiper-container,
.OurTeachers .Story .OurTeachers_List {
    max-height: 22em;
    border: thin solid var(--color-Beige-Light);
}

.OurTeachers .Story .OurTeachers_List_Swiper swiper-container {
    padding-left: 0;
}

.OurTeachers .Story .OurTeachers_List_Swiper swiper-container swiper-slide {
    margin-left: 0.4em;
    margin-right: 0.4em;
}

.OurTeachers .Story .OurTeachers_List {
    margin-left: -0.4em;
    margin-right: -0.4em;
    padding: 0 0.4em;

}

.OurTeachers .Story .OurTeachers_List_Swiper {
    overflow: hidden;
}

swiper-container .SectionSmall.Teacher,
.swiper-wrapper .SectionSmall.Teacher {
    flex-basis: 70%;
}

.OurTeachers .Story .OurTeachers_List_Swiper:before,
.OurTeachers .Story .OurTeachers_List:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 1em;
    background-image: var(--linear-gradient-Gray-Top);
}

.OurTeachers .Story .OurTeachers_List_Swiper:before {
    position: absolute;
}

.OurTeachers .Story .OurTeachers_List:before {
    position: sticky;
    margin-bottom: -1em;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher:first-child {
    margin-top: 0.6em;
}

.OurTeachers .OurTeachers_List .Teacher:first-child {
    margin-top: -0.8em;
}

.OurTeachers .OurTeachers_List_Swiper .Teacher:last-child,
.OurTeachers .OurTeachers_List .Teacher:last-child {
    margin-bottom: 0.6em;
}

.OurTeachers .Story .WorldMap {
    margin-left: unset;
}

.OurTeachers .Story .WorldMap img {
    max-height: unset;
}

.UserComments swiper-container.CommentList .Item {
    width: 75vw;
}

.UserComments swiper-container.CommentList .Item .Comment_Control .User_Details time {
    position: absolute;
    right: 1.4em;
    top: 0.4em;
    }

.CommentForm .FBody {
    padding: 0;
    }

.MLResponses .CommentForm .FBody .tox-tinymce {
    border-right: unset;
    border-left: unset;
    }

.CommentList .Item {
    padding: 1.2em;
}

.CommentList .Item:first-child {
    margin-left: 1em;
}

.CommentList .Item .User_Details .Position {
    font-size: 0.8em;
}

.CommentList .Item .Comment_Control,
.CommentList .Item .Comment_Footer {
    flex-direction: column;
}

.CommentList .Item .Comment_Control {
    align-items: flex-start;
}

.UserComments swiper-container.CommentList .Item .Comment_Control time {
    font-size: 0.7em;
    position: absolute;
    top: 0.6em;
    right: unset;
    left: 9em;
}

.CommentList .Item .Comment_Footer {
    align-items: flex-end;
}

.CommentList .Item .Comment_Footer .Source {
    display: flex;
}

.CommentList .Item .Comment_Footer .Source .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}


    .PDNone,
    .AllBotton span.PDNone,
    .AllBottonLight span.PDNone { display: none!important; }

    .text.PDNone + svg,
    .ML_Table .AllBottonLight .text.PDNone + svg {
        margin-left: 0;
    }

    /*.wrapper_main_qmdjsearch,
    .wrapper_main_qmdjsearch2,
    .wrapper_main_payservices #vue,
    .wrapper_section_remove_account article + .ActionBar {
        font-size: 1.1em;
    }*/
    .wrapper_main_qmdjsearch2 .ML_Table,
    .wrapper_main_qmdjsearch .ML_Table {
        font-size: inherit;
    }
    .QMDJSearch_MainParam_Lite .FormItemConnect.PersonalCards_Block {
        flex: 1 1 100%;
    }

    .QMDJSearch_MainParam_Lite .SimpleCitySelector {
        order: 3;
        margin-right: 0;
    }

    .wrapper_section_edititem .FormBlock.StickyTop {
        background-color: rgba(255, 255, 255, 0.97);
    }

    .wrapper_main_calc .SuportMenu.StickyTop.StickyShadow, .wrapper_main_profile .SuportMenu.StickyTop.StickyShadow,
    .wrapper_main_profile .StickyBottom.StickyShadow,
    .ML_THead.StickyTop.StickyShadow, .ML_TFoot.StickyBottom.StickyShadow,
    .wrapper_main_dictionary .StickyTop.StickyShadow,
    .wrapper_main_dictionary .StickyBottom.StickyShadow {
        margin-left: -1em;
        margin-right: -1em;
    }

    .wrapper_main_profile .Toolbar {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .wrapper_main_profile .StickyTop.StickyShadow {
        flex-wrap: wrap;
    }

    .ML_THead.StickyTop.StickyShadow, .ML_TFoot.StickyBottom.StickyShadow {
        padding-left: 0.5em;
        padding-right: 0.5em;
    }

    .ML_TFoot.StickyBottom.StickyShadow .td,
    .ML_TFoot.StickyBottom.StickyShadow .ML_TR {
        padding-top: 0;
        padding-bottom: 0;
    }

    .ML_Menu_Sub {
        justify-content: space-around;
    }

    .ML_Menu_Sub .Close {
        font-size: 1.4em;
        height: 3em;
        margin: 0 -4em -3em -3em;

        box-shadow: 0 0.2em 0.2em 0.1em rgba(255, 255, 255, 0.95);
    }

    .ML_Menu_Sub .fpIcoHref {
        flex: auto;
        max-width: 31%;
    }

    #Dictionary_Control .TermList select,
    .FormItemConnect.Search {
        font-size: 1.2em;
    }

    #Dictionary.Chapter .Tag_List li {
        font-size: 1.0em;
    }

    .Content_Form,
    .ML_Table.Content_Form {
        font-size: 1.1em;
    }

    #ContentSearchBlock {
        flex-wrap: wrap;
    }

    #ContentSearchBlock.Multi {
        gap: 0.2em;
    }

    .Controls {
        padding: 0 0.6em 1.2em 0.6em;
    }

    .Controls .label.Main {
        hyphenate-character: auto;
        hyphens: auto;
        width: unset;
    }

    .Controls section span.FieldGroup,
    .Controls section div.FieldGroup {
        flex-wrap: wrap;
        flex: 1 auto;
    }

    .Toolbar  {
        padding: 0.3em 0.7em;
        margin-bottom: 0.5em;
    }

    .UserOrders .FormItemConnect.Search {
        font-size: 1em;
    }

    .ML_Menu_Sub .MiniCalculators a img,
    .ML_Menu_Sub .MiniCalculators a .text  {
        font-size: 1.4em;
    }

    .ML_Menu_Sub .fpIcoHref .title {
        font-size: 1.6em;
        line-height: 1em;
    }

   .ML_Menu_Sub .fpIcoHref .Advanced {
       font-size: 1.4em;
       border-radius: var(--border-radius-s);
   }

   .fpIcoHref .Advanced svg {
        font-size: 1.5em;
    }

    .fpIcoHref .APP {
        font-size: 1.6em;
    }

    h2 .IMGCheckBox.Favorite + label {
        font-size: 0.6em;
        margin-right: 0.2em;
    }

    #FeedbackApp form {
        flex: 1; max-width: 90%;
    }

    .pCards_Wrapper,
    .MLToken_Wrapper,
    #Term_URI {
        min-width: auto;
        flex: 1;
    }

    #PersonalCardsSelector.MLToken_Wrapper {
        flex: 1 1 100%;
    }

    #PersonalCards {
        min-width: 45%;
    }

    .pCardsList .pCard:not(.NotPay) {
        background-color: rgba(0, 98, 207, 0.03);
    }

    .pCard .RightSlideBar {
        right: 2em;
        opacity: 1;
    }


    #ContentSearchBlock #SearchSem {
        font-size: 1em;
    }

    #ContentSearchBlock.FormItemConnect.Search #SearchMap {
        flex: 1 0;
        min-width: 60vw;
        border-top-right-radius: var(--border-radius-inputs);
        margin-bottom: -1px;
    }

    #ContentSearchBlock.FormItemConnect.Search #SearchMap,
    .FormItemConnect > input:first-of-type + label {
        border-bottom-left-radius: unset;
    }

    #ContentSearchBlock.FormItemConnect.Search .Settings {
        flex: 1 0;
    }

    #ContentSearchBlock.FormItemConnect.Search > :last-child {
        border-top-right-radius: unset;
    }

    #ContentSearchBlock.FormItemConnect.Search .MLToken_Wrapper,
    #ContentSearchBlock.FormItemConnect.Search .MLToken_Wrapper .MLTokenList > :first-child {
        border-bottom-left-radius: var(--border-radius-inputs);
    }

    .FlexBookmarkBraun input.Bookmark:checked + label,
    .FlexBookmarkBraun input.Bookmark + label { font-size: 1.1em; }

    .FlexBookmarkBraun input + label {
        display: inline-flex;
        flex: 1 0 auto;
        justify-content: center;
        align-items: center;

        min-height: 2.5em;
    }

   .FlexBookmarkBraun input + label + .BookmarkContent,
   .FlexBookmarkBraun input + label + .ULMenuContent {

        border-radius: 0 0 var(--border-radius-inputs) var(--border-radius-inputs);
    }

    .bookmark-radio > input[type=radio]:checked + label,
    input#SelectMapTyp_G[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_G"],
    input#SelectMapTyp_Y[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_Y"],
    input#SelectMapTyp_B[type=radio]:checked ~ div .MapSelecter label[for="SelectMapTyp_B"] {
        font-weight: bold;
        border-width: 0.05em;
    }

    .FlexBookmarkLight .RightSide a { font-size:0.9em; }

    .FlexBookmarkLight .RightSide a svg {font-size: 2em;
        margin-top: -0.2em;
        margin-right: 0.2em;}

    .Result_Block { font-size: 1.4em; margin-top: 2em; }


    fieldset {
        flex: 1 0 100%;
    }

    fieldset .FBody blockquote:last-child {
        margin-top: 1em;
    }

    .wrapper_settings_adscontrol .token-input-list-facebook,
    .ML_Table.Ads_Control,
    .ML_Table.Ads_Control .token-input-list-facebook {
        font-size: 1em;
    }

    .wrapper_settings_adscontrol .token-list-facebook,
    .ML_Table.Ads_Control .token-list-facebook {
        flex-direction: column;
    }

    .ML_Table.Ads_Control .token-list-facebook {
        flex-direction: column;
    }

    .ML_Table.Ads_Control fieldset .FBody {
        padding-left: 0;
        padding-right: 0;
    }

    /*
    .ML_Table.Ads_Control fieldset,
    fieldset.AD_Slider {
        font-size: 0.85em;
    }
    */

    .Ads_Control .AD_Cover .AD_Read_More {
        font-size: 0.7em;
    }

    .Ads_Control .AD_Cover,
    .Ads_Control .ML_TR .ML_TD.AD_Cover,
    .Ads_Control .ML_TR .AD_Cover {
        flex: 1 0 100%;

        padding-left: inherit;
        padding-right: inherit;

        align-items: flex-start;
    }

    .ML_TD.AD_Cover .AD_Settings_Cover {
        /* max-width: 45%; */
        flex: 1;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 1em;
    }

    /*
    .wrapper_section_getfree fieldset .FBody .label,
    .wrapper_main_school fieldset .FBody .label,
    */
    .FormBlock {
        margin-left: 0;
        margin-right: 0;
    }

    .ML_Window .Pager_Links {
        margin-left: 0;
        margin-right: 0.4em;
    }

    .wrapper_main_profile .StickyTop + .FormBlock {
        margin-top: 1em;
    }

    .FormSubBlock {
        position: relative;
    }

    .MOB_Input_Flex,
    .FormBlock.MOB_Input_Flex,
    .FormSubBlock.MOB_Input_Flex {
        display: flex;
    }

    .MOB_Input_Flex .FormItemConnect {
        flex: 1;
    }

    .MOB_Input_Flex .FormItemConnect input:not([type='checkbox']) {
        flex: 1;
        width: inherit;
        max-width: inherit;
    }

    .TopMenu2 {
        gap: 0.4em;
        padding: 1.2em 0.4em;
    }

    .TopMenu2 .Select {
        font-size: 0.8em;
    }

    .TopMenu2 #vmTopApp .Select.Currency .Selected {
        flex-direction: column;
        justify-content: center;
    }

    .TopMenu2 #vmTopApp .Select.Currency .Selected .text + .Rate:before {
        display: none;
    }

    .TopMenu2 .wrapper_login {
        /*max-width: 55%; */
    }

   /*
    #langBar { font-size: 1.0em; }
*/

    .Select .Selected .Abbreviation {
        display: inherit;
    }

    .Select .Selected .Abbreviation + .text {
        display: none;
    }

    .TopMenu2 .MLLoginBlock > .PromoCode_Main.ShowOnPC {
        display: none;
    }
    .TopMenu2 .PromoCode_Main.ShowOnPC ~ .MLLoginUser .PromoCode_Main {
        display: inherit;
    }

    fieldset select ~ .label:not(.icon),
    fieldset textarea ~ .label:not(.icon),
    fieldset .FBody input:not([type="hidden"]):not([type="checkbox"]):not(.DNone) ~ .label:not(.icon),
    fieldset .FBody select ~ .label:not(.icon),
    fieldset .FBody textarea ~ .label:not(.icon),
    fieldset #deliveryForm .FBody textarea ~ .label,
    fieldset #deliveryForm .FBody .input ~ span.label:not(.icon),
    .FBody .FormItemConnect ~ .label:not(.icon),
    .FBody .FormItemConnect ~ .label:not(.icon),
    .MLToken_Wrapper ~ .label,
    .Content_Form .MLToken_Wrapper + .label,
    input:not([type="hidden"]):not([type="checkbox"]):not(.DNone) ~ .label:not(.icon) {
        position: absolute;
        justify-content: flex-start;
        text-align: left;
        line-height: 1em;
        hyphens: auto;

        font-size: 1em;
        color: rgba(112, 128, 144, 0.7);
        top: -0.3em;
        left: 0.8em;
        padding-right: 0;
        text-shadow: 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff,
                    0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff,
                    0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff,
                    0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff, 0 0 0.5em #fff;
        margin: 0;
        width: auto;
        z-index: 10;
    }


    .PersonChart .PersonChart_Advanced .Useful_Gods .label {
        flex: 1 0 100%;
        font-weight: bold;
        justify-content: flex-start;
    }

    #Confirm_Terms_and_Conditions_Returning_Goods_and_Funds + label,
    #Basket #Confirm_Terms_and_Conditions_Returning_Goods_and_Funds + label,

    #Privaci_Policy_i_Agree_To_Processing_of_Personal_Data + label,
    #Basket #Privaci_Policy_i_Agree_To_Processing_of_Personal_Data + label,

    .PersonChart .PersonChart_Advanced .label, .FBody .PersonChart .PersonChart_Advanced .label {
        width: unset;
    }

    .BtMore .text b:first-of-type {
        display: block;
    }


    .ProductKits .Pricing {
        font-size: 1.2em;
    }

    .ProductKits .ProductKits_List .Item .Details .Title,
    .ProductKits .ProductKits_List .Item .Details .Name {
        font-size: 1em;
    }

    .ProductKits .ProductKits_List .Item Figure .IMG_ShopMicro {
        width: 5em;
    }

    .ProductKits .Total .Row,
    .ProductKits .ProductKits_List .Item {
        padding: 0.4em 0em;
    }

    .AllOrders_Header {
        grid-template-areas:
        "Search"
        "Info";

        grid-template-columns: 1fr;
    }

    #allorders .ML_TR {
        flex-wrap: wrap;
    }

    input#Address_info_EN+label {
        min-width: 9em;
    }

    .OrderList > tbody,
    .OrderList .EditContent .OrderForm > tbody {
        display: contents;
    }

    .OrderList,
    .OrderList .EditContent .OrderForm,
    .OrderContent {
        display: flex;
        flex-direction: column;
    }

    .OrderList thead {
        display: none;
    }

    .OrderContent tr,
    .OrderList > tbody > tr,
    .OrderList .EditContent .OrderForm tbody > tr {
        display: flex;
        flex-wrap: wrap;
    }

    .OrderContent tr {
        justify-content: space-between;
    }

    .OrderContent tr td,
    .OrderContent tr th,
    .OrderList > tbody > tr > th,
    .OrderList > tbody > tr > td,
    .OrderList .EditContent .OrderForm tbody > tr > td {
        display: inline-flex;
    }

    .OrderContent tr td {
        align-items: center;
    }

    .OrderList .EditContent .OrderForm > td {
        display: content;
    }

    .OrderList .EditContent .OrderForm tbody > tr > td {
        flex-wrap: wrap;
    }

    .OrderForm .FormBlock {
        flex: 1 1 100%;
        margin: 0;
    }

    .wrapper_section_modules.wrapper_settings_shop .FormBlock .label,
    .OrderForm .FormBlock .label {
        width: 7em;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .OrderForm .FormBlock input[name="email"] {
        width: unset;
        flex: 1;
        max-width: 11.5em;
    }

    .OrderForm .FormBlock input[name="email"] + .AllBottonLight {
        flex: 0;
    }

    .OrderForm input[name="name"] {
        width: 19em;
    }

    .OrderForm .OrderContent .BProdCover img,
    #Basket.OrderList tr td:first-of-type img, #Basket.OrderList tr th:first-of-type img, .Product img {
        margin-right:0;
    }

    .OrderList .OrderContent .BProdName {
        flex: 1 1 55%;
        min-width: 60%;
        flex-direction: column;
    }

    /*
    .OrderList .OrderContent .BPrice,
    .OrderList .OrderContent .BWeight,
    .OrderList .OrderContent .BCount,
    .OrderList .OrderContent .BCTotPrice {
        border-top: none;
        border-bottom: var(--border-thin) dashed #dfd8d0;
    }
    */

    .OrderList .OrderContent .BCTotPrice {
        border-top: none;
    }

    .OrderList .OrderContent .BCTotPrice {
        order: 6;
        justify-content: flex-end;
    }

    .OrderList .OrderContent .BCTotPrice {
        width: inset;
        flex: 1;
    }

    .OrderList .OrderContent .Delivery_Price th {
        flex: 1;
    }
    .OrderList .OrderContent .Delivery_Price .text {
        font-size: 0.7em;
    }

    .OrderList .OrderContent .Total_Cost {
        justify-content: flex-end;
        border-top: var(--border-style-Light);
    }

    .OrderList .OrderContent .Total_Cost > td,
    .OrderList .OrderContent .Total_Cost > th {
        border-top: none;
    }

    .OrderList tr th,
    .OrderList tr td {
        align-items: center;
        /*
        flex-direction: column;
        */
    }

    .OrderList > tbody > tr > th,
    .OrderList > tbody > tr:not(.EditContent) > td,
    .OrderList .OrderItem .BUser {
        padding: 0.5em;
    }

    .OrderList tr .OrderCountry,
    .OrderList tr .BCount,
    .OrderList tr .BOrderPaid,
    .OrderList tr .BStatus,
    .OrderList tr .OrderToolbar {
        border-top: none;
    }

    .wrapper_main_profile.wrapper_settings_shop .StickyTop.StickyShadow {
        /*
        padding: 0;
        */
    }

    .AllOrders_Header.StickyShadow .Info {
        display: none;
    }

    .OrderList tr .BUser,
    .OrderList tr .BDate {
        flex-direction: column;
        justify-content: center;
    }

    .OrderList tr .OrderNum {
        order: 1;
    }

    .OrderList tr .BUser {
        order: 2;
        align-items: flex-start;
        flex: 1;
        min-width: 55%;
    }

    .OrderList tr .BUser .BUserName,
    .OrderList tr .BUser .Name {
        font-size: 1.4em;
    }

    .OrderList tr .OrderCountry {
        order: 5;
        min-width: 1em;
        flex-direction: column;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 4em;
        min-width: 4em;
        justify-content: center;
    }

    .OrderList tr .OrderCountry .Name {
        line-height: 1em;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .OrderList .OrderItem .BCDeliver,
    .OrderList tr .BCDeliver {
        order: 3;
        padding-right: 0.1em;
        padding-left: 0.1em;
    }

    .OrderList tr .BCDeliver .icoDelivpost {
        margin: 0;
        font-size: 1.5em;
    }

    .OrderList tr .BDate {
        order: 3;
    }

    .OrderList tr .BCount {
        order: 6;
        font-weight: bold;
        font-size: 1.1em;
        width: unset;
    }

    .OrderList .OrderItem.StickyTop {
        top: 4.7em;
    }

    .OrderList .OrderItem .BCount {
        width: 3.5em;
        justify-content: center;
    }

    .OrderList .OrderItem .BCount .Count {
        margin-right: 0.2em;
    }

    .OrderList tr .BOrderPaid {
        order: 7;
        flex-direction: column-reverse;
        flex: 1;
    }

    .OrderList tr .BOrderPaid .Result {
        font-size: 1.2em;
    }

    .OrderList tr .BOrderPaid button {
        margin-left: 0;
        margin-right: 0;
    }

    .OrderList tr .BStatus {
        order: 8;
    }
    .OrderList .BStatus .order_status {
        width: 6em;
    }


    .OrderList tr .OrderToolbar {
        order: 9;
    }

    .OrderList tr .OrderToggleDetails {
        order: 4;
    }

    .Ads_Control .AD_Settings_Cover_Width,
    .Ads_Control .FBody .FormBlock .AD_Settings_Cover_Width,
    .Ads_Control .AD_Settings_BG_Posit,
    .Ads_Control .FBody .FormBlock .AD_Settings_BG_Posit {
        width: 5.5em;
    }

    .Ads_Control input.AD_CourceForm_Margin,
    .Ads_Control .FBody .FormBlock input.AD_CourceForm_Margin {
        width: 4em;
        text-align: right;
    }

    .AD_Date_and_Time,
    .Ads_Control .FBody .FormBlock .AD_Date_and_Time {
      width: 12em;
    }

    .FBody div.label {
        padding-top: 0;
        padding-bottom: 0;
    }

    .FBody input:not([type="hidden"]):not(.DNone) ~ .label,
    .ContentFlex input:not([type="hidden"]):not(.DNone) ~ .label,
    .FBody select ~ .label,
    .FBody textarea ~ .label,
    .FBody.TabBar span.label,
    fieldset .FBody span.label,
    fieldset #deliveryForm .FBody span.label {
        justify-content: flex-start;

        width: unset;
        max-width: none;
    }

    .ML_Window .TabBar input.Tab + label {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
    }

    /* так как вкладки должны быть рядом, нельзя ставить флекс авто */
    .TabBar input.Tab + label {
        text-align: left;
        flex: 1;
    }

    .Charts_Index .TabBar input.Tab + label {
        flex: 1 auto;
    }

    .TabBar input.Tab + label svg {
        width: 2.8em;
        min-width: 2.8em;
        height: 2.8em;
        min-height: 2.8em;
    }

    .TabBar.BIG > input.Tab + label .Title {
        font-size: 1.4em;
        line-height: 1.2em;
        hyphens: auto;
    }

    #MainCalcSettings_Window.ML_Window .TabBar .TabBar_Content_Wrap {
        padding: 0.8em 0.4em 0 0.4em;
    }

    fieldset .label {
        width: 25%;
    }

    .FormBlock:not(.NoLabel) + .FormBlockDescr,
    .Content_Form .FormBlock:not(.NoLabel) + .FormBlockDescr,
    .wrapper_main_payservices .FormBlock:not(.NoLabel) + .FormBlockDescr,
    .FBody .FormBlock + .FormBlockDescr,
    fieldset #deliveryForm .FBody .FormBlock + .FormBlockDescr,
    fieldset #deliveryForm .FBody .FormBlock > .FormBlockDescr {
        font-size: 1em;
        margin-left: 1em;
        margin-top: -0.3em;
        margin-bottom: 1.4em;
    }

    .wrapper_main_payservices .FormBlock #card_russia_check + label {
        margin-left: 11.5em;
    }

    .Profile_Registration fieldset.Registration {
        max-width: unset;
    }

    .Profile_Registration .FormBlock + .FormBlockDescr,
    .Profile_Registration .FormBlock:not(.NoLabel) + .FormBlockDescr {
        max-width: unset;
        margin-left: 0.8;
    }

    .FormItemConnect ~ .FormBlockDescr,
    fieldset #deliveryForm .FBody .FormBlock > .FormItemConnect ~ .FormBlockDescr,
    fieldset #deliveryForm .FBody .FormBlock > input ~ .FormBlockDescr {
        margin-top: 0.2em;
    }

    .FormBlock > .FormBlockDescr,
    .Ads_Control .FormBlock > .FormBlockDescr {
        margin-left: 1em;
    }
    .Profile_Registration .FormBlock > .FormBlockDescr {
        padding-left: 0;
    }

    .Profile_Registration .FormBlock > .FormBlockDescr {
        margin-left: 0;
    }

    .Profile_Registration .FormBlock > .FormBlockDescr.Attention {
        margin-left: 0.6em;
    }

    fieldset .FBody .FormBlock input:not([type='checkbox']),
    fieldset .FBody .FormBlock textarea,
    fieldset .FBody .FormBlock div.FormItemConnect,
    fieldset .FSection,
    fieldset .AutoCountry,
    #deliveryForm #DopInfo,
    .ML_Window #llng, .ML_Window #llat,
    .ML_Window #ghost_by + .label,
    .FBody.TabBar select span.label,
    .FormSubBlock .FormItemConnect ~ .label {
        flex: 1;
        width: auto;
    }

    fieldset #deliveryForm .FBody .FormBlock input:not([type='checkbox']),
    .FormSubBlock .FormItemConnect ~ .label {
        width: auto !important;
    }

    .ScheduleMonth .CopyLink {
        top: 4.0em;
        bottom: unset;
        left: -2.7em;
    }

    .Useful_Gods label {
        margin-top: 0.4em;
    }

    .TabBar.Charts > label .text {
        font-size: 1.2em;
        padding-bottom: 0.1em;
        padding-top: 0.1em;
    }

    #BaziChartSett_Window.ML_Window select + .label,
    #MainCalcSettings_Window.ML_Window select + .label,
    .ML_Window #setLocalTime_Main + label,
    .ML_Window .FBody select + .label,
    .ML_Window select#calc_type + .label,
    .ML_Window #ctype + .label,
    .ML_Window #ghost_mode + .label,
    #FeedbackForm .label,
    .AD_ShowHide + label,
    .AD_Slider .AD_ShowHide + label { width: auto;}

    .FBody .FormSubBlock select,
    .FBody .FormSubBlock input {
        max-width: 14em;
    }

    .ML_Window select.Gost_By {
        width: 7.5em;
    }
    .ML_Window select,
    .ML_Window .FBody .FormSubBlock select,
    .ML_Window select.SystemType,
    .ML_Window select.Chart_Type {
        /*
        max-width: 12em;
        */
        max-width: 98%;
    }

    .ML_Window select#Chapter {
        max-width: 9em;
    }

    .ML_Window #ghost_view_mode_Box {
        width: 6.5em;
    }

    .ML_Window select.ViewOpt {
        min-width: 12em;
    }

    .Content,
/*
    .wrapper_main_gdirection,
    .wrapper_main_24mountain,
*/
    .Header ~ .NavBarFlex,
    .wrapper_main_qmdjsearch #MainInterface,
    .wrapper_main_qmdjsearch2 #MainInterface,
    .wrapper_settings_langmgr .Content,
    .wrapper_section_remove_account .Content {
        padding-left: 1.0em;
        padding-right: 1.0em;
    }

    .wrapper_main_gdirection .MapSelecter.FlexBookmarkLight {
        padding: unset;
    }

    .wrapper_main_24mountain .MapSelecter.FlexBookmarkLight {
        padding: 0 1em 0 0;
    }

    .wrapper_section_active .Content {
        padding: 5vh 15vw;
        background-position: 72% center;
    }

    .wrapper_section_active .Content .ActivationResult {
        box-shadow: 0 0 1em 1em rgba(255,255,255,0.8);
        font-size: 1.4em;
    }

    /*
.wrapper_main_gdirection .Header, .wrapper_main_24mountain .Header,
*/
/*
    .wrapper_main_gdirection hr, .wrapper_main_24mountain hr,
    .wrapper_main_gdirection .NavBarFlex, .wrapper_main_24mountain .NavBarFlex {
        margin-left: -1.1em;
        margin-right: -1.1em;}
*/

    .wrapper_section_payform .FBody .FormBlock .label,
    .wrapper_main_payservices .FBody .FormBlock .label {
        width: 13em;
    }

    .wrapper_section_remove_account {
        background-size: cover;
    }

    .wrapper_section_remove_account article.Description .text {
        padding: 0.8em 1em;
        max-height: 85vh;
    }

    .wrapper_section_payform .FormBlock > .FormBlockDescr {
        padding: 0;
    }

    .wrapper_main_payservices fieldset {
        padding-left: 0;
        padding-right: 0;
    }


    .wrapper_main_payservices fieldset .Description {
        flex: 1 1 100%;
        margin-bottom: 1em;
        margin-right: 0;
    }

    .wrapper_main_payservices fieldset .Authorization {
        max-width: unset;
    }

    .wrapper_main_payservices fieldset #sendmail + label {
        flex: 1 1 100%;
    }

    .wrapper_main_payservices .Description iframe {
        height: 16em;
    }

    .FBody #lcity {
        min-width: 17em;
    }

    .wrapper_main_calc #city,
    .wrapper_main_calc .City {
        width: 16em;
    }

    #setLocalTime_Main + label { width: 9.5em;}

    #HourTypes_Main + label { width: 8em;}
    #VUYCalc_Main + label { width: 9em;}

    svg.PayMetods, input.Radio + label .PayMetods {
        font-size: 0.65em;
    }

    #Settings_Translate_Block {
        flex: 1 0 100%;
        order: -1;
    }

    #LocalTime + label { width: 8.5em;}

    #pCards, .MLTokenInput,
    .MLTokenInput input,
    #MLTokenInput input {
        width: 19em;
    }
    #day {width:3.8em;}
    #month {width:6.5em;}
    #year {width:4.8em;}
    #hour, #thur {width:4.5em;}
    #minute, #tmin {width:4.5em;}
    #TimeCorrection {
        width: 5.5em;
    }

    #ctype {width:9em;}
    #calc_type { width: 15.5em;}
    .ML_Window select#calc_type {
        width: 19em;
        max-width: none;
    }

    .Search_User .MLTokenInput { width: unset; }

    #static_url_group {
        flex: 1 1 100%;
        width: unset;
    }

    .ML_Window #ghost_mode {
        width: 10em;
    }

    .ML_Window #view {
        width: 11.4em;
        max-width: none;
    }

    .ML_Window #ghost_view_mode + label {
        width: 6.4em;
    }

    .ML_Window #ghost_by {
        width: 8em;
    }
    .ML_Window #QMDJRotate {width: 10em;}

    .AD_Slider .AD_Priority {
        width: auto;
    }

    #deal, #deal_D, #deal_M, #deal_Y { width: 6em; }
    .wrapper_main_qmdjsearch2 #deal
    .wrapper_main_qmdjsearch #deal {
        width: 7em;
    }

    #lang_0, #lang_1 {
        max-width: 6.4em;
    }

    #period { width: 5em; }
    #ghost_mode {width:13.3em;}
    #gost_by {width:10.5em;}
    #emptyness {width:8em;}

    #ML_FontSize.LabelIconInside,
    #ML_LineHeight.LabelIconInside {
        width: 6em;
    }

    .Registration .FBody .FormBlock + .FormBlockDescr {
        margin-left: 1em;
        margin-right: 1em;
    }

    .Area,
    .Area + .Area {
        margin: 1em 0;
    }

    #SchoolFirstPage .Area.FullWidth {
        padding: 1.2em 5%;
    }

    .Layout:not(.Item_Icon) .Item,
    .Layout:not(.Item_Icon) .Item:not(.Item_Icon) {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.8em;
    }

    .Layout.Item_Portret.Item_End .Item {
        flex-direction: column-reverse;
    }

    .Layout.Item_Icon .Item,
    .Layout .Item.Item_Icon {
        grid-template-areas:
            "Title Title"
            "Details figure";
    }

    .Layout .Item,
    .Layout.Item_Shadow .Item,
    .Layout.Item_Border .Item,
    .Layout.Item_Border_Top .Item {
        padding: 0;
    }

    .Layout.Column3 .Item .Details {
        font-size: 1em;
    }

    .Layout.Item_Shadow .Item .Details,
    .Layout.Item_Border .Item .Details,
    .Layout.Item_Border_Top .Item .Details,
    .Layout .Item > .Title,
    .Layout .Item > .Details {
        padding-left: 1.2em;
        padding-right: 1.2em;
    }

    .Layout.Item_Icon .Item > .Title,
    .Layout.Item_Icon .Item > .Details,
    .Layout .Item.Item_Icon > .Title,
    .Layout .Item.Item_Icon > .Details {
        padding-left: 0;
        padding-right: 0;
    }

    .Layout .Item > .Title,
    .Layout.Item_Shadow .Item > .Title,
    .Layout.Item_Border .Item > .Title,
    .Layout.Item_Border_Top .Item > .Title {
        padding-top: 0.6em;
        padding-bottom: 0;
    }

    .Layout .Item > .Details {
        padding-top: 0;
    }

    .Layout.Details_w2:not(.Item_Icon) .Item .Details,
    .Layout.Details_w2:not(.Item_Icon) .Item.Details_w2 .Details,
    .Layout .Item .figure {
        flex: auto;
    }

    .Layout.Item_Icon .figure {
        width: auto;
        min-width: auto;
        min-height: auto;
        height: auto;
    }

    /*
    .Layout .Item .Details {
        padding: 1.6em 0 1.2em 1.2em;
    }*/


    /*.Layout.Item_End .Item .Details {
        padding: 1.6em 1.2em 1.2em 0;
    }*/

    .Layout.Item_Border .Item .figure,
    .Layout.Item_Border .Item figure,
    .Layout.Item_Border_Top .Item .figure,
    .Layout.Item_Border_Top .Item figure,
    .Layout.Item_Shadow .Item .figure,
    .Layout.Item_Shadow .Item figure {
        border-top-right-radius: var(--border-radius-lg);
        border-top-right-radius: var(--border-radius-lg);
        border-bottom-left-radius: unset;
    }

    .Layout.Details_w2 .Item {
        align-items: flex-start;
    }

    .Layout.Column4 {
        grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    }
    .Layout.Column2,
    .Layout.Column3 {
        grid-template-columns: unset;
    }

    .Layout.Column3 {
        gap: 2em;
    }

    .Layout.Column2.Item_SeparateLine .Item:not(:nth-child(2n)) + .Item:before,
    .Layout.Column3.Item_SeparateLine .Item:not(:nth-child(3n)) + .Item:before,
    .Layout.Column4.Item_SeparateLine .Item:not(:nth-child(4n)) + .Item:before {
        width: 100%;
        height: 1px;
        left: 0;
        border-left: unset;
    }

    .Layout.Column2.Item_SeparateLine .Item:nth-child(n+2) + .Item:before,
    .Layout.Column3.Item_SeparateLine .Item:nth-child(n+2) + .Item:before,
    .Layout.Column4.Item_SeparateLine .Item:nth-child(n+2) + .Item:before {
        border-bottom: var(--border-style-Light);
    }

    .Layout.Column2.Item_SeparateLine .Item:before {
        top: -1em;
    }

    .Layout.Column3.Item_SeparateLine .Item:before {
        top: -1em;
    }

    .Layout.Column4.Item_SeparateLine .Item:before {
        top: -0.6em;
    }

    .Layout.Item_Icon {
        align-items: center;
    }

    .Layout.Item_Icon label.Item .figure,
    .Layout.Item_Icon label.Item figure {
        height: 3.2em;
    }

    .Layout.Column3 label.Item .Details .Title .Main,
    .Layout.Item_Portret.Item_Icon .Item .Details {
           font-size: 1.2em;
    }

}