html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
line-height: 1.4em;
font-family: inherit;
vertical-align: inherit;
font-family: arial,sans-serif,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L";}

* {margin: 0; padding: 0}

.Update_2020_10_08_01 {
    display: none!important;
}

.IMG_Icon,
article img.IMG_Icon:not(.NoResize),
article p img.IMG_Icon {
    width: 1.3em;
    margin-bottom: -0.2em;
}

article li a .IMG_Icon {
    width: 1.4em;
    margin-bottom: -0.1em;}

.Mobile {display: none;}

/* Фикс для фаефокса, чтобы текст в кнопке и отступы были одинаковыми */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding:0; margin:0; }

/* Фикс скрывает стрелки если поле номер */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input[type='number'] {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-appearance: textfield;
}

br, .ML_Table br {
    line-height: unset;
    font-size: inherit;
    vertical-align: inherit;
}


label, input, select, button, .AllBotton, .AllBottonLight, a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0); }

body:not(#tinymce) {
    scroll-behavior: smooth;
    background-color: #708090;
    background-image: url(/img/bg.png);
    _filter: true;

    /*
    min-width: 640px;
    */

    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;

    touch-action: manipulation;
    font-size: 1em;
    text-rendering: optimizeSpeed;
    }

body.noScroll {
    overflow: hidden;
}

body#tinymce {
/*
    height: auto;
*/
    padding: 0;
    margin: 1em;
}


table, .SectionFiles {box-sizing: border-box;}
body > table {
    border-collapse: collapse;
}

.Relative, .relative { position: relative; }
.Absolute, .absolute { position: absolute; }

.GenForm tbody .R {
     vertical-align: baseline; }

.GenForm tfoot .R { vertical-align: inherit; }

.GenForm #AutoCard { padding: 0.6em 0;
margin: 0.2em 0;
border-top: var(--border-thin) solid #dfd8d0; }

.Rt {
     position: relative;
     margin-right: 1px;
     display: inline-block;}

.GenForm tbody .Rt {
     vertical-align: baseline; }

.GenForm tfoot .Rt { vertical-align: inherit; }
 .Rе:before { content: "–";
     position: absolute;
     content: "–";
    margin-top: 0.11em;}

/* Мин макс контент позволяют подгонять размер блока под минимльный обхект или под весь контент что есть в блоке */
/*    height: min-content;
   width: min-content;*/

/*    height: max-content;
   width: max-content;*/


/* Знак рубля болденый */
 .rb { border-bottom: 0.15em solid;
    display: inline-block;
    font-size: 1em;
    height: 0.65em;
    width: 0.6em;
    font-weight: normal;}

/* Знак рубля болденый */
 .rn { border-bottom: 0.12em solid;
    display: inline-block;
    font-size: 1em;
    height: 0.65em;
    width: 0.6em;
    font-weight: normal;}

.GenForm > span:not(.FormItemConnect) {
    margin: 0 0.2cm 0 0;
    vertical-align: middle;}

.b {font-weight: bold;}
.n {font-weight: normal;}
.i {font-style: italic;}

.svgTxt { width: 1em;
    height: 1em;
    vertical-align: inherit;}

nav .svgTxt { width: 1.7em;
    height: 1.7em; }

.NoDecor {text-decoration: none; }

.TestPass:before,
.Test100:before { content: ' ';
    position: absolute;

    right: 5%;
    top: 10%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 50%;
    height: 80%;
    z-index: var(--z-index-1);
    background-position: right center;
    box-sizing: border-box;
    opacity: 0.7;}

.TestPass:before {background-image: url(/img/ico_Test_Passed_02.svg); }

.Test100:before {background-image: url(/img/ico_Test_Passed_100.svg);}

/* Курсор зум для картинок, клас применяется к обетке див, в которой вставлена картинка */
.Zoom {
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }

.Zoom:hover {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: -o-zoom-in; cursor: zoom-in;

    border-left: none;
    border-top: none;
    border-right: none;}

.Zoom:before {
    display: block;
    box-sizing: border-box;

    content: "";
    position: absolute;

    height: 2em;
    width: 2em;

    /*margin:-1.2em;*/
    top: 0.5em;
    right: 0.5em;

    background:url(/img/ico_IMG_Zoom_70px.svg) no-repeat;
    background-position: center;
    background-size: contain;

    opacity: 0.7;
    }

.Zoom:hover:before {
    opacity: 1;

    width: 60%;
    height: 60%;

    /*margin:-20% -25%;*/
    top: 25%;
    right: 25%;

    -webkit-animation: ZoomIn 0.2s ease-out;
      animation: ZoomIn 0.2s ease-out;
    }

@keyframes ZoomIn{
    0%{height: 3em;
    width: 3em;

    margin:-1.2em;
    top: 50%;
    right: 50%;

    opacity: 0.6;
    }
     100%{
    width: 60%;
    height: 60%;

    /*margin:-20% -25%;*/
    top: 25%;
    right: 25%;

    opacity: 1;}
    }



/*
#StolpyUdachi thead:not(.Separator) tr:not(.noPr),
#ClasikBadZiMap thead:not(.Separator) tr:not(.noPr),
#CurYear thead:not(.Separator) tr:not(.noPr),
#BadZiMap_QiDinamycs thead:not(.Separator) tr:not(.noPr),
.CDYear thead:not(.Separator) tr:not(.noPr),
.CDTakt thead:not(.Separator) tr:not(.noPr),
.CDMonth thead:not(.Separator) tr:not(.noPr),
#BadZiMap_AnalysisHiddenSS .ML_Table_Chart thead  tr:not(.noPr),
.TDMapEasy thead:not(.Separator) tr:not(.noPr) {
    position: sticky;
    top: 1.2em;
    z-index: 10;
}


#StolpyUdachi thead tr:not(.noPr) th, #StolpyUdachi thead tr:not(.noPr) td,
#ClasikBadZiMap thead tr:not(.noPr) th, #ClasikBadZiMapi thead tr:not(.noPr) td,
#CurYear thead tr:not(.noPr) th, #CurYear thead tr:not(.noPr) td,
#BadZiMap_QiDinamycs thead tr:not(.noPr) th, #BadZiMap_QiDinamycs thead tr:not(.noPr) td,
.CDYear thead tr:not(.noPr) th, .CDYear thead tr:not(.noPr) td,
.CDTakt thead tr:not(.noPr) th,  .CDTakt thead tr:not(.noPr) td,
.CDMonth thead tr:not(.noPr) th, .CDMonth thead tr:not(.noPr) td,
#BadZiMap_AnalysisHiddenSS .ML_Table_Chart thead  tr:not(.noPr) th, #BadZiMap_AnalysisHiddenSS .ML_Table_Chart thead  tr:not(.noPr) td,
.TDMapEasy thead  tr:not(.noPr) th, .TDMapEasy thead  tr:not(.noPr) td  {
    box-shadow: 0.2em 0.2em 0.2em rgba(112, 128, 144, 0.5);
}
*/

em {font-style: italic;}

.textSub {color: #908070; font-size: 0.9em; padding: 0.4em 0 0.5em 0;}

input.ServCheckBox[type="checkbox"]+label .textSub { font-size: 0.7em; line-height: 1.2em;}
input.ServCheckBox[type="checkbox"]:checked+label .textSub { color: rgba(255, 255, 255, 0.8);
    font-weight: normal;}

.SectionFiles.textSub { font-size: 0.85em; }
.SectionFiles.textSub span { padding: 0.2em 0.4em 0.1em 0.4em; }
.textSubComment {
    font-size: 11px; color: #706050; margin: 0px 0px 8px 225px;
}

.Link, .link {
    display: contents;
    background: no-repeat;
    padding: unset;
    border: unset;
    text-decoration: underline;
}

/*
header a,
main a, main a:hover,
.Section_Text.DifficultyLevel > .Item .Review a:hover .Title {
    text-decoration: underline solid 0.05em;
    text-underline-offset: 0.2em;
}
*/

a,
.Section_Text.DifficultyLevel > .Item .Review a:hover .Title {
    text-decoration: underline solid 0.05em;
    text-underline-offset: 0.2em;
}

a, a.CloadTagsHeader, .SuportMenu a, .SuportMenu a:visited, .Link, .link {
    color: var(--color-Blue); vertical-align: baseline; cursor: pointer;
    text-decoration: var(--text-decoration);
    text-underline-offset: 0.2em;
    }

.Link svg, .link svg {
    color: inherit;
}

p a { vertical-align: bottom; }
p a { vertical-align: baseline; }

a:hover,  a:visited:hover, a:hover svg, a.CloadTagsHeader:hover, .Link:hover, .link:hover {color: var(--color-Blue-hover);}
a:visited, a.CloadTagsHeader:hover,
.dropdown .dropdown-menu li a:hover  {color: var(--color-Blue);}
a:active, a.CloadTagsHeader:hover {color: var(--color-Red);}

/*.SectionFiles a[target="_blank"],*/
.wrapper_main_productcomments .ContentFlex a[target="_blank"],
fieldset  a[target="_Blank"],
blockquote p a[target="_blank"],
article a[target="_blank"],
.wrapper_section_post .ContentFlex a[target="_blank"],
.ML_Table a[target="_blank"] {
    position: relative;
/* margin-right: 0.2em;*/
}

/*.SectionFiles a[target="_Blank"]:after,*/
.wrapper_main_productcomments .ContentFlex a[target="_blank"]:after,
fieldset a[target="_Blank"]:after,
blockquote p a[target="_blank"]:after,
.Attent a[target="_blank"]:after,
article a[target="_blank"]:after,
.wrapper_section_post .ContentFlex a[target="_blank"]:not(.ya-share2__link):after,
.ML_Table a[target="_blank"]:not(.Product):after,
.Attend_Info ul a[target="_blank"] .text:after {
   display: inline-block;
    content: "";
    width: 0.4em;
    min-width: 0.4em;
    height: 0.4em;
    min-height: 0.4em;
    background-image: url(/img/ico_Target_Blank_3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: top;
    right: 0;
    top: 0.2em;
    margin-left: 0.2em;
}

.wrapper_main_productcomments .ContentFlex a[target="_blank"]:after,
fieldset a[target="_Blank"]:after,
blockquote p a[target="_blank"]:after,
.Attent a[target="_blank"]:after,
article a[target="_blank"]:after,
.wrapper_section_post .ContentFlex a[target="_blank"]:not(.ya-share2__link):after,
.Attend_Info ul a[target="_blank"] .text:after {
    position: relative;
    }

/*.ML_Table a[target="_blank"]:not(.Product):after
    {
        position: absolute;
    }*/

.FormItemConnect a[target="_Blank"]:after,
a.SVG[target="_blank"]:after {
    position: absolute;
}

.ML_Table a[target="_blank"] {
    position: relative;
}

fieldset .SectionFiles a[target="_Blank"] {
        padding-right: 0.7em;
}

fieldset .SectionFiles a[target="_Blank"]:after {
    position: absolute;
    right: 0.2em;
    top: 0.3em;
 }

fieldset a[target="_Blank"]:after,
blockquote p a[target="_blank"]:after {
  margin-left: 0.1em;
  margin-right: 0.2em;
}


.tabBasket a[target="_Blank"]:after {
    content: none;
}

a svg,
svg.MP {
    font-size: 1em;
    width: 1.3em;
    height: 1.3em;
    opacity: 0.8;
}

a svg,
.Accounting svg,
.InArchive svg,
.ML_Table_Chart svg,
.RightList svg,
.ULCloadTegs li svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    font-size: 1.4em;
    }

a svg,
svg.MP
a.AllBottonLight svg,
a.AllBotton svg {
    margin: -0.3em 0.05em -0.3em 0em;
}

a.Close svg { }


p svg {
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    margin-bottom: -0.2em;
}

.InArchive svg {
    margin: -0.25em 0.2em;
}

.tabBasket a svg {
    margin: 0.2em;
}

.SectionFiles .Control svg {
    margin: -0.15em 0.1em;
}

.ML_Table_Chart svg {
    margin: 0 0.2em;
}

.RightList svg {
    margin: 0 0.2em 0.2em 0.2em;
    vertical-align: middle;
}
.SectionPayment p { margin-bottom: 0.3em; }

p+.info_block_By_BT { margin-top: -0.6em; }


.Billing_Options_Card:not(.row) .Caption > .Title + .Descr,
.Consultant,
.Attent2,
.p, p {
    -webkit-hyphenate-character: auto;
    -webkit-hyphens: auto;
    -moz-hyphens:auto;
    -ms-hyphens: auto;
     hyphens: auto;}

hr {border:none;
    background-color: #dfd8d0;

    height: 1px;
    border-collapse: collapse;
    margin: 1px 0;
    max-width: 100%;
    }

.wrapper_main_calendar .BCollaps hr {
    margin-top: 2em;
}

strong {font-weight: bold;}


ul, ol {margin: 0 0 1.2em;
    padding: 0 0 0em 1.1em;
    box-sizing: border-box;
    max-width: 100%;
    text-align: left;
}

ol {
    margin-left: 1.7em;
}

ul ul, ul ol, ol ul, ol ol {
    padding: 0 0 0.3em 1.1em;
    margin: 0;

}

ul li, ol li {
    padding: 0.1em 0.2em 0.5em 0.2em;
    box-sizing: border-box;
}

li ul li:last-of-type, li ol li:last-of-type {
    padding-bottom: 0;
}

ul.img {
    margin-bottom: 1.2em;
    padding-left: 0.6em;
    list-style: none;
    }

ul.img li { margin: 0.4em 0 0.4em; vertical-align: middle; }
ul.img li img {width: 1.4em; margin-right: 0.5em;}


li figure {
    margin: 1.2em 0;
}

.blockquote,
blockquote {
    display: flex;
    flex-direction: column;

    justify-content: center;
    text-align: center;

    font-family: var(--font-family-serif);
    font-style: italic;
    font-size: 1.1em;

    max-width: 80%;

    color: var(--color-Gray-Dark);
    border-radius: var(--border-radius-xl);

    border-left: 0.2em solid var(--color-Beige);
    border-right: 0.2em solid var(--color-Beige);

    box-sizing: border-box;
    position: relative;
    padding: 0.4em 1em;
    margin: 2.2em auto;
}

/*.blockquote b, .blockquote i, .blockquote strong, .blockquote em, .blockquote strike, .blockquote del, .blockquote u,
blockquote b, blockquote i, blockquote strong, blockquote em, blockquote strike, blockquote del, blockquote u,*/
.blockquote :is(b,a,i,u,strong,em, strike,del),
blockquote :is(b,a,i,u,strong,em, strike,del) {
    display: contents;
}

.blockquote:after, blockquote:after,
.blockquote:before, blockquote:before {
    /*content: "";*/
    display: inline-block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 35%;

/*
    width: 5em;
    border-radius: 2em;
    border-color: var(--color-Beige-Medium);*/
    }

.blockquote:before, blockquote:before {
    /*content: "\201C";*/
    border-radius: var(--border-radius-xl) 0 0 var(--border-radius-xl);
    border-left: 0.3em solid var(--color-Orange);
    left: 15%;
    /*border-left-width: 1em;
    border-left-style: solid;*/
}

.blockquote:after, blockquote:after {
    /*content: "\201D";*/
    border-radius: 0 var(--border-radius-xl) var(--border-radius-xl) 0;
    border-right: 0.3em solid var(--color-Orange);
    right: 15%;
    /*border-right-width: 1em;
    border-left-style: solid;*/
}

/*.blockquote:after, blockquote:after,
.blockquote:before, blockquote:before {
    display: inline-block;
    content: "";
    position: absolute;
    bottom: 2em;
    left: 1em;
    width: 50%;
    top: 80%;
    background-color: var(--color-Gray);
    box-shadow: 0 3em 2em var(--color-Gray);
    transform: rotate(-8deg);
    z-index: var(--z-index-1);
}*/

.wrapper_main_payservices blockquote,
.wrapper_section_cart blockquote,
.wrapper_section_payform blockquote,
blockquote#RussianPost_APP_Download {
    font-size: 1.1em;
    text-align: center;
    font-style: normal;

    border-radius: var(--border-radius-xl);

    padding: 1em 0.8em;
    margin: 1em 0 0 0;

    box-shadow: var(--box-shadow-Gray-Block);

    margin-top: 1em;

    border-top: var(--border-thin) solid #fdf2d0;
    border-bottom: var(--border-thin) solid #fdf2d0;

    border-left: unset;
    border-right: unset;

    float: unset;
    max-width: unset;
    width: 100%;
}

.wrapper_section_cart .blockquot:before,
.wrapper_section_cart .blockquot:after,
.wrapper_section_payform .blockquot:before,
.wrapper_section_payform .blockquot:after,
blockquote#RussianPost_APP_Download:before,
blockquote#RussianPost_APP_Download:after {
    content: none;
}


blockquote svg {
    width: inherit;
    height: inherit;
}

blockquote p svg,
blockquote p img {
    margin-right: 0.6em;
}

blockquote#RussianPost_APP_Download + .ML_TR {
    margin-top: 1em;
}

blockquote#RussianPost_APP_Download {
    font-size: 1.2em;
}

blockquote#RussianPost_APP_Download div {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

blockquote#RussianPost_APP_Download div a {
    display: inline-flex;
    justify-content: center;
}

blockquote#RussianPost_APP_Download div svg {
    width: 6em;
    height: inherit;
    margin: 0 0.3em;
}

blockquote a[target="_blank"] {
   /*
    white-space: nowrap;
    */
}


/* Иконки фоном для инпутов и баттонов */

.ButtonSVG img { width: 2em; margin: -0.7em 0 -0.5em -0.3em; }
.ButtonSVG_Files img { width: 2em; margin: -0.8em 0 -0.5em 0; }
.NoteIco img.ButtonSVG { margin: -0.4em -0.2em -0.3em -0.2em;
    width: 2em;}

.FormItemConnect button, .FormItemConnect .AllBotton, .FormItemConnect .AllBottonLight {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 auto;
   }
.FormItemConnect > * {
    position: relative;
}

.FormItemConnect button > *:not(svg):not(span) {
    display: contents;
}

.FormItemConnect .MLToken_Wrapper ~ * {
    flex: initial;
}

.FormItemConnect .BgIco_Profile,
.BgIco_Profile {
     background-image: url(/img/ico_Profile_g.svg);
     background-position: 0.4em center;
    background-size: auto 60%;
    background-repeat: no-repeat;}


.M_DeleteItem img, .S_DeleteItem img {width: 1.5em; margin: 0.3em;}

/* Конец стиля иконок формы */


.ButtonChartEdit:before {
    content: "";
    display: inline-block;
    margin: -0.6em -0.4em -0.6em -0.2em;
    background: url(/img/ico_ChartEd_b.svg) no-repeat center;
    background-size: contain;
    width: 2em;
    height: 2em;
    }
.ButtonChartEdit:disabled:before {
    background-image: url(/img/ico_ChartEd_m.svg);

    opacity: 0.5;
    }

/* Фикс высоты кнопок */
button, select, options, input[type="reset"], input[type="button"], input[type="submit"] {
    vertical-align: middle;
}

.AllBottonSimple {
    display: inline-flex;
    align-items: center;
    background: none;
    padding: 0 0.2em;
    margin: 0;
    border: none;
    color: var(--color-Blue);
    vertical-align: middle;
    cursor: pointer;
}

h2 .AllBottonSimple svg {
    font-size: 0.6em;
    margin-top: -1em;
}

.AllBottonSimple svg,
.FormBlockDescr .AllBottonSimple svg,
.Info .RightList .AllBottonSimple svg {
    font-size: 1.1em;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    margin: 0;
}

.AllBottonSimple + .AllBottonSimple {
    margin-left: 0.2em;
}

.RightList .AllBottonSimple {
    margin: -0.4em 0 0 0;
    }

/*
.RightList .AllBottonSimple svg,
.ML_Window .RightList .AllBottonSimple svg,
.ChartAddInfo .RightList .AllBottonSimple svg {
    font-size: 0.7em;
}
*/

.AllBottonSimple:hover:not(:disabled),
.AllBottonSimple:hover:not(:disabled) svg {
    color: var(--color-Blue-hover);
}

.CheckBoxIMGButton {
    display: none;
}

.CheckBoxIMGButton + label svg {
    margin: -0.6em 0 -0.6em 0;
}

.CheckBoxIMGButton:checked + label svg {
    color: var(--color-Blue);
}

.AllBotton, .AllBottonNoAct, .AllBottonCancel, .AllBottonDl, .AllBottonLight, .CheckBoxIMGButton + label,
    button, input, .ML_Arr_R_B, .ML_Arr_L_B  {
    padding: 0.6em 0.7em 0.6em;
    }

.AllBotton, .AllBottonNoAct, .AllBottonCancel, .AllBottonDl, .AllBottonLight, .CheckBoxIMGButton + label,
    button, select, input, .ML_Arr_R_B, .ML_Arr_L_B,
    .GoodBask,
    textarea, .ML_Table .FormItemConnect {
    margin: 0.4em 0.25em;
    line-height: var(--inputs-line-height);
}

.AppStore {
    padding: 0.4em 0.25em;}

.FormItemConnect input[type="text"]:not(.InpGost):not(.Percent), .FormItemConnect input[type="password"]:not(.InpGost),
.FormItemConnect input[type="email"]:not(.InpGost), .FormItemConnect input[type="number"]:not(.InpGost),
.FormItemConnect input[type="range"]:not(.InpGost), .FormItemConnect input[type="search"]:not(.InpGost),
.FormItemConnect input[type="tel"]:not(.InpGost), .FormItemConnect input[type="url"]:not(.InpGost),
.FormItemConnect input[type="color"]:not(.InpGost),
 .CheckBoxIMGButton + label { padding: 0.6em; }

 input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
 }

  input[type="time"],
 .FormItemConnect input[type="time"] {
    padding: 0.5em 0.6em;
    width: 3.6em;
    min-width: 3.6em;
    box-sizing: content-box;
 }

.FormItemConnect .BgIco_Profile,
.BgIco_Profile {
   padding-left: 2.2em!important; }



.AllBotton, .AllBottonNoAct, .AllBottonCancel, .AllBottonDl, .AllBottonLight,
.CheckBoxIMGButton + label,
select, input.CheckBoxSelect + label, .token-input-list-facebook,
.Select:not(input), .SelectVUE:not(input), .Select + label,
.GoodBask,
label,
input[type="file"] + div.InputFile {
    vertical-align: middle;
    border-radius:var(--border-radius-inputs);
    }


input[type="file"] + div.InputFile,
input[type="file"] + label {
    overflow: hidden;
}

label .PRO, input.CheckBox + label .PRO {
    font-size: 0.8em;
    padding: 0.1em 0.2em;
    background-color: var(--color-Blue);
    color: #ffffff;
    border-radius: var(--border-radius-s);
    text-transform: uppercase;
    margin: -0.1em 0 -0.1em 0.3em;
    display: inline-block;
}

label:hover .PRO {
    background-color: var(--color-Blue-hover);
}

input#MapSwitch+label {
    /*
    margin-right: 0.8em;
    */
}

.SuportMenu div input#ProVer+label:not(:last-child) {
    margin-right: 0.8em;
}

input.V_PRO:checked+label {
    background-color: var(--color-Blue);
    color: #fff;
}

input.V_PRO:checked+label .PRO {
    font-size: 0.7em;
    background-color: #fff;
    color:var(--color-Blue);
    opacity: 0.9;
}

input.V_PRO:checked+label:hover {
    background-color: var(--color-Blue-hover);
}

input.V_PRO:checked+label:hover .PRO {
    color:var(--color-Blue-hover);
}

input.V_PRO:checked + label:hover:before,
input.V_PRO[type="checkbox"]:checked + label:hover:before {
    border-color: #fff;
}

.BTClear {
    background:url(/img/ico_Close_g.svg) transparent no-repeat center;
    background-size: 70%;

    border: none;
    color: rgba(0, 0, 0, 0);
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    height: 2em;
    width: 2em;
    margin: 0 0 0 -2.5em;
    cursor: pointer;
    }

select, input.CheckBoxSelect + label, .token-input-list-facebook,
.SchedLineIMG, .SeminarDescr .Cover,
.NavBarFlex    {
    box-sizing: border-box;
    }


select::-ms-expand {
      display: none;
    }

input.CheckBoxSelect {
    display: none;
    z-index: var(--z-index1);
    }

input.CheckBoxSelect[type="checkbox"]:checked + label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
 }

input.CheckBoxSelect + label {
    background-image: url('/img/ico_ArrLineB02_B.svg');
   background-position: right center;
   background-repeat: no-repeat;
   background-size: 1.3em auto;

    position: relative;
    padding: 0.7em 1.8em 0.7em 0.8em; }

input.CheckBoxSelect[type="checkbox"] + label > .CheckBoxSelect_Sub { display: none;
    border: var(--border-thin) solid #d0d8df;
    overflow: hidden;

    border-radius: 0 0.5em 0.5em 0.5em;
    }

input.CheckBoxSelect[type="checkbox"]:checked + label > .CheckBoxSelect_Sub {
    display: flex;
    flex-direction: column;

    position: absolute;
    top: 100%;
    left: -1px;

    box-shadow: 0 0.4em 0.4em #d0d8df;
    }
input.CheckBoxSelect[type="checkbox"]:checked + label > .CheckBoxSelect_Sub button {
    white-space: nowrap;
    text-align: left;

    color: #0062cf;

    margin:0;

    border-radius:0;

    border-bottom: 0;
    border-right: 0;
    border-left: 0;
    z-index: var(--z-index1);
    }

input.CheckBoxSelect[type="checkbox"]:checked + label > .CheckBoxSelect_Sub button:disabled { color: rgba(51, 51, 51, 0.35); }
input.CheckBoxSelect[type="checkbox"]:checked + label > .CheckBoxSelect_Sub button:disabled img {
    opacity: 0.35;}

input.CheckBoxSelect[type="checkbox"]:checked + label > .CheckBoxSelect_Sub button:first-of-type { border-top: 0; }

input.CheckBoxSelect[type="checkbox"] + label > img {
    width: 2em;
    margin: -0.7em 0.3em -0.5em -0.2em; }

input.CheckBoxSelect[type="checkbox"] + label > .CheckBoxSelect_Sub button img {
    width: 2em;
    margin: 0 0 0 -0.2em; }

input.CheckBoxSelect[type="checkbox"]:checked + label > .CheckBoxSelect_Sub button:hover {
    color:#0082ff;
    z-index: var(--z-index2); }

option {
    background-color: #fff;
    box-sizing: border-box;
    /*padding: 0.35em 0.5em;*/
    /*padding-left: 0.5em;*/}


/* Лейбл для закрытой/открытой карты */
input.Lock_Unlock { display: none; }

input.Lock_Unlock + label {    position: relative;
    padding-left: 4pt;}

input.Lock_Unlock + label:before {
    display: inline-block;
    content: "";

    width: 1.7em;
    height: 1.7em;
    padding-right: 0.8em;

    margin-bottom: -0.3em;

    background: url(/img/ico_UnLock_b.svg) no-repeat center;
    background-size: contain;}

input.Lock_Unlock[type="checkbox"]:checked + label:before {background: url(/img/ico_Lock_b.svg) no-repeat center;
    width: 1.7em;
    height: 1.7em;
    padding-right: 0.8em;

    margin-bottom: -0.3em;

    background-size: contain; }


/* Конец лейбла для закрытой/открытой карты */


.TablBrBTNo td, .TablBrBTNo th { border-bottom: none!important; }

.TablBrBTNo + tr:not(.TableDescript) > td,
.TablBrBTNo + tr:not(.TableDescript) > th {  padding: 0!important;}

.TablBrBTNo:hover { background: none; }

h1 svg, h2 svg. h3 svg {
 margin: 0;
}

h1 {display:inline-block;
    font-weight: normal;
    font-size: 2.0em;
    margin: 0.8em 0 0.6em 0;
    padding: 0;
    line-height: 1.1em;
}

h1 + h2, h1 + h3,
h1 + .h2, h1 + .h3 {
   margin-top: 0.6em;
}

h1 + .h1Subtitle { margin-top: -1em; }

#PostContent h1,
.PostContent h1,
.ContentShop h1,
.ContentFlex h1:first-of-type,
.TitleBlock h1:first-of-type,
.PBDicrg h1:first-of-type
 { margin-top: 0.2em; }


h2, .h2 {
    display: block;
    font-weight: normal;
    font-size: 2.4em;
    line-height: 1.1em;
    margin: 1.8em 0 0.5em;

    flex: 1 0 100%;
    }

.ML_TR h2 {
    flex: 1;
}

h3, .h3 {
    display: block;
    color: #333;
    font-weight: normal;
    font-size: 1.6em;
    margin: 1.6em 0 0.6em 0;
    line-height: 1.1em;
    flex: 1 0 100%;
    text-decoration: none;
    }

article h2:first-child,
article h3:first-child {
    margin-top: 0.8em;
}

.Area + h3 {
    margin-top: 0;
}

h2 + h3,
p + h3,
p + h2 {
    margin-top: 1.8em;
    }

.CloadTagsHeader, nav h3 {
    font-size: 1.5em;
    margin-top: 1em;
}

.flex h3 {
    flex: 1;
}

#BlogCommentList h3 {
    display: inline-flex;
    align-items: center;
}

h3 a,
article h3 a  {
    vertical-align: bottom;
    line-height: inherit;
}

.h2, .h3, .h4 { color: var(--color-Black); }

a.h2:visited, a.h3:visited, a.h4:visited,
a:visited .h2, a:visited .h3, a:visited .h4,
.h2 a, .h3 a, .h4 a,
a.h2, a.h3, a.h4,
.LastPost a p,
.post-item h2 a {
    text-decoration: none;
    color: var(--color-Black);}

a.h2:hover, a.h3:hover, a.h4:hover,
a:hover .h2, a:hover .h3, a:hover .h4,
.h2 a:hover, .h3 a:hover, .h4 a:hover,
.LastPost a:hover p,
.post-item h2 a:hover {color: #0082ff;
    text-decoration: underline;}

h4, .h4 {
    font-size: 1.0em;
    font-weight: normal;
    margin-bottom: 0.8em;
    margin-top: 1.8em;
    text-transform: uppercase;}

.Announce h3,
.Announce h4 {
    margin-top: 0.6em;
}

.Announce h3:first-of-type,
.Announce h4:first-of-type {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.ML_TD h4:first-of-type,
.ML_TH h4:first-of-type
td h4:first-of-type,
th h4:first-of-type { margin-top: 0; }

h5, .h5 {
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 1.2em;
    margin-bottom: 0.2em;
    }

/*h5 b, .h5 b {
    font-size: 10pt;
    color: #706050;}*/

h1 svg, h2 svg, h3 svg { width: 1.2em;
    height: 1.2em;
    vertical-align: middle;
    margin: -0.3em 0 -0.1em 0; }

.SvgIco svg,
.FlexBookmarkLight .RightSide svg {
    width: 1.5em;
    height: 1.5em;
    margin-bottom: -0.4em; }

.FormItemConnect button svg + .PDNone, .FormItemConnect .AllBotton svg + .PDNone, .FormItemConnect .AllBottonLight svg + .PDNone {
    margin-left: 0.3em;
}

button span, .AllBotton span, .AllBottonLight span {
    line-height: inherit;
}


button span, .AllBotton span, .AllBottonLight span {
    display: inline-block;
    margin: -0.4em 0 -0.4em 0;
}

button svg.w18, .AllBotton svg.w18, .AllBottonLight svg.w18 { width: 1.8em; }
button svg.w20, .AllBotton svg.w20, .AllBottonLight svg.w20 { width: 2em; }

nav button svg, nav .AllBotton svg, nav .AllBottonLight svg, label svg, .Gender svg, .ML_Table .Gender svg {
    width: 1.8em;
    min-width: 1.8em;
    height: 1.8em;
    min-height: 1.8em;
    vertical-align: middle; }

nav button svg, nav .AllBotton svg, nav .AllBottonLight svg {
    margin: -0.3em 0 -0.3em -0.3em; }

label svg {
    margin: -0.3em 0 -0.3em 0.4em; }

label .CheckBoxImgOn svg, label .CheckBoxImgOff svg {
    margin: inherit;
}

input.Radio + label svg {
    margin-left: 0;
}


.CourseNameTable {
    display: inline-block;
    font-size: 1.1em;
    margin-top: 0.5em;
}

.Medal {
    height: 2em;
    width: inherit;
    margin-bottom: -0.5em;
    margin-top: -0.5em;
    margin-right: 0.5em;
    position: relative; }

.PrevNext { margin-top: 1em; margin-bottom: 1em; width: 100%; min-height: 6em; }

.wrapper_main_blog .PrevNext {
    margin-bottom: 3em;
}

.BlogLeft { margin-right: -1px; }


.BlogLeft, .AdLine1Sect a:first-of-type, .AdLine2Sect a:first-of-type {

    border-top-left-radius:0.5em;

    border-bottom-left-radius: 0.5em;
    }

.BlogRight, .AdLine1Sect a:last-of-type, .AdLine2Sect a:last-of-type {
    border-top-right-radius:0.5em;

    border-bottom-right-radius: 0.5em;
    }

.dropzone, .ProductMin {

    border-radius:0.5em;}

a.Product, a.Product:hover {
   text-decoration: none;
   color: #333333;
}

a.Product:hover svg,
a.Product:hover svg:hover
fieldset a.Product:hover svg {
    color: #708090;
    }
a.Product .Title,
fieldset a.Product .Title {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.2em;
    text-transform: none;
    border: none;
    padding: 0;
    margin: 0 0 0.2em 0;
    text-align: left;
}

a.Product .Title {
    width: 100%;
}

a.Product .OS_Type,
a.Product .Shipping {
    margin-bottom: 0.4em;
}

a.Product .Clarify {
    color: var(--color-Fire);
}


a.Product .Title:hover,
fieldset a.Product .Title:hover {
    color: #0062cf;
    text-decoration: underline;
}


textarea, .textarea {font-family : Arial, Helvetica, sans-serif;
    /*font-size:90%;*/
    resize:vertical;
    padding: 0.6em 0 0 0.6em;
    box-sizing: border-box;

    border-radius: 0.5em 0 0 0.5em;}

textarea.autosize {
    overflow: hidden;
    overflow-wrap: break-word;
    resize: none;
    line-height: 1.2em;

    padding: 0.6em 0 0.6em 0.6em;
    /* background-color: transparent; */
    border-top-color: rgba(208, 216, 223, 0.4);
    border-right-color: rgba(208, 216, 223, 0.4);
    border-left-color: rgba(208, 216, 223, 0.4);}

#LangWorkArea textarea.autosize,
#LangWorkArea .textarea {
    background-color: transparent;
    border-color: rgba(208, 216, 223, 0);
    margin: 0;
}

#LangWorkArea textarea.autosize:focus {
    border-top-color: rgba(208, 216, 223, 0.8);
    border-right-color: rgba(208, 216, 223, 0.8);
    border-left-color: rgba(208, 216, 223, 0.8);
    border-bottom-color: #0082ff;
}


textarea.autosize:hover,
.TinyMCE_inline:hover { background-color: rgba(255, 255, 255, 0.5);

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
 }

/*
.border {border:var(--border-thin) solid #000000}
*/

.FMicro {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif!important;}

.KartaBadZi .FMicro {
    font-size: inherit;
}

.FMicro,
.StolpyMin span.FMicro,
.Directions .FMicro,
.Helper .FMicro  {
    font-size: 0.75em;
    line-height: 1em;
}

.StolpyMin span.FMicro {
    line-height: 1.1em;
    padding-top: 0;
    padding-bottom: 0;
}

.MenuFlex .FMicro { font-size: 0.8em;}

.f_09em {
    font-size: 0.9em;
}
.f_08em {
    font-size: 0.8em;
}

.blink { -webkit-animation: blink 1s linear infinite;
    animation: blink 1s linear infinite; }
@-webkit-keyframes blink {
    0% {
        opacity: 1;}
    51% {
        opacity: 0.1; }
    100% {
        opacity: 0.95; }
    }
@keyframes blink {
    0% {
        opacity: 1;}
    51% {
        opacity: 0.1; }
    100% {
        opacity: 0.95; }
    }

/* Обновленные цсс для иероглифов/букв */
/* для калькулятора бацзы */


.Fire, .Water, .Wood, .Metall, .Earth, .FIRE, .WATER, .WOOD, .METALL, .EARTH {font-family: var(--font-hieroglyph);}

.BZ_Gen_H, .BZ_HiddenSky_big_H, .BZ_YearsOfLife_H, .BZ_HiddenSky_min_H, .BZ_DesrRight_H, .BZ_Sub_H, .BZ_Naijin_H, .BZ_Gen_Lite_H,
.CL_NaijinMonth_H, .CL_GenMonth_H, .CL_Day_Naijin_Main_H, .CL_Day_Hour_Gen_H, .CL_Day_Hour_Naijin_Gen_H, .CL_Day_Main_H,
.QMDJCalc_H, .QMDJCalcStolpy, .QMDJCalc_Naijin_H, .QMDJDescr_H, .Form_H {font-family: var(--font-hieroglyph);}

.CL_NaijinMonth_H {
    font-size: 1.1em;
    line-height: 1em;
}

.CL_GenMonth_H {
    font-size: 1.7em;
    line-height: 1.2em;
}

/*
    _H - иероглиф
    _T - названия
    _K - аббривиатуры кубни
*/

.BZ_Gen_Lite_H {
    font-size: 3.2em;
    line-height: 1.2em;
}

.BZ_Gen_Lite_T {
    font-family: var(--font-family-Sans);
    font-size: 3em;
    line-height: 1.2em;
}

.BZ_Gen_Lite_K {
    font-family: var(--font-family-Sans);
    font-size: 3.5em;
    line-height: 1.2em;
}

.BZ_Naijin_H. .BZ_Gen_H {
    text-shadow: 0 0 0.05em #fff, 0 0 0.05em #fff, 0 0 0.05em #fff, 0 0 0.05em #fff, 0 0 0.05em #fff, 0 0 0.2em #fff;
}

.BZ_Gen_H, .BZ_Gen_K, .BZ_Gen_T {
    line-height: 1.25em;
    position: relative;
    z-index: var(--z-index10);
    }

.BZ_Gen_T, .BZ_Gen_K {
    font-family: var(--font-family-Sans);
}

.BZ_Gen_H {
    font-size: 3.1em;
}

.QMDJ .BZ_Gen_H {
    font-size: 3.6em;
}

.BZ_Gen_T {
    font-size: 2em;
    margin: 0.4em 0em;
}

.BZ_Gen_K {
    font-size: 3em;
}

.BZ_HiddenSky_big_H, .BZ_HiddenSky_big_K, .BZ_HiddenSky_min_H {line-height: 1em;}

.BZ_HiddenSky_big_H {
    font-size: 2.0em;
}

.BZ_HiddenSky_big_K, .BZ_HiddenSky_min_T, .BZ_HiddenSky_min_K {
    line-height: 1em;
    font-family: var(--font-family-Sans);
}

.BZ_HiddenSky_big_K {
    font-size: 1.5em;
}

.BZ_HiddenSky_min_H {
    font-size: 1.6em;
}

.BZ_HiddenSky_min_K {
    font-size:1em;
}
.BZ_HiddenSky_min_K {
    font-size:1.1em;
}

.BZ_YearsOfLife_H, .BZ_YearsOfLife_K {line-height: 0.9em;}

.BZ_YearsOfLife_H {
    font-size: 1.4em;
}

.TenGods {
    line-height: 1em;
}

.QMDJCalc_H, .BZ_Naijin_H, .BZ_Sub_H, .QMDJCalcStolpy {
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.CL_Day_Main_H {
    font-size: 2.3em;
}

.HomePageMainInfo .StolpyMin .CL_Day_Main_H { font-size: 2em; }

/* КОнец для калькулятора бацзы */
/* Конец Обновленные цсс для иероглифов/букв */

.IBig, .IGaint, .IMid, .IMid2, .IMid3, .IMid00, .IMin,
.HMin {
    font-family: var(--font-hieroglyph);
    }

.IBig {font-size: 38pt!important;
line-height: 1.1em!important;}
.IGaint {font-size: 44pt!important;
line-height: 1.2em!important;}
.IMid {font-size: 28pt;
line-height: 1.1em;}
.IMid2 {font-size: 30pt!important;
line-height: 1.25em!important;}
.IMid3 {font-size: 33pt!important;
line-height: 1.25em!important;}

.IMid00 {font-size: 22pt!important;
    line-height: 1.1em!important;
    position:relative;
    top: 1pt;
    font-weight: normal;}

.IMin {font-size: 15pt!important;
    line-height: 18pt!important;
    position:relative;
    top: 1pt;
    font-weight: bold;}
.IMicra {font-size: 11pt!important;
    display: inline-block;
    line-height: 12pt!important;
    font-weight: bold;
    margin: 0pt 0pt 0pt -2pt;}
.IMicra2 {
    font-size: 13pt!important;
    line-height: 1.3emt!important;
    margin: 0pt;}

.HMin {
    display: inline-block;
    font-size: 1.8em;
    line-height: 1em;
}
/*
.CheckBox + label .HMin {
    margin: -0.2em 0.2em -0.2em 0;
}

*/
/*General colors*/
.Br01 {color: #908070;}
.Br02 {color: #706050;}

.ui-menu .ui-menu-item a:hover .BGLightYello,
.ui-state-active:hover .BGLightYello {
    background-color: transparent;
    color: var(--color-Yello_Light);
}
/*End General colors*/

.redBG, .greenBG {
    padding: 1pt 2pt 2pt 2pt;
    color: #fffcf8;}

.redBG, .negativeBG {background-color: var(--color-Red);}
.greenBG, .positiveBG {background-color: var(--color-Green);}
.orangeBG, .attentionBG {background-color: #ff7d00;}

.positiveText {
    color: var(--color-Green);
}
.negativeText {
    color: var(--color-Red);
}

.positiveBG_L {background-color: rgba(52, 139, 46, 0.06);}
.positiveBG_L svg {
    color: var(--color-Green);
}
.negativeBG_R, .negativeBG_L {background-color: rgba(224, 0, 0, 0.06);}
.negativeBG_R svg, .negativeBG_L svg {
    color: var(--color-Red);
}

.BrounBG {
    background-color: #908070;
    color:#FFFCF8!important;
    font-size:8pt;
    font-weight:bold!important;
    line-height:9pt;
    list-style-type:lower-roman;
    text-decoration:none;
    text-shadow:-1px -1px 0 #706050;
    text-transform:uppercase;
}

.СollisDirect, .CollisDirect {
    box-shadow: 0 0 0.2em rgba(224,0,0, 0.4) inset, 0 0 0 1px var(--color-Red);
}

td.СollisDirect, td.CollisDirect {
    box-shadow: 0 0 0.4em rgba(224,0,0, 0.4) inset, 0 0 0 1px var(--color-Red) inset;
}

.СollisDirectB .CollisDirectB {
    border: var(--border-thin) solid  var(--color-Red)!important;
    box-shadow: 0 0 0.2em rgba(224,0,0, 0.4) inset;
}

.Сollis, .Collis, .Emptyness:not(.hour) {
    background-color: var(--color-Emptyness);
}


.Red, .red, .ML_Table label svg.red, .negative:not(input), em.negative, .TDTHCalendar .negative, .KartaBadZi .BadDo, .ML_Table label svg.negative, .negative.Status {color: var(--color-Red);}
.Green, .green, .positive, em.positive, .TDTHCalendar .positive:not(input), .KartaBadZi .GoodDo, .ML_Table label svg.positive, .positive.Status {color: var(--color-Green);}

input.negative, input[type="number"].negative, textarea.negative {
    border-color: var(--color-Red-hover)!important;
}

input.positive, input[type="number"].positive, textarea.positive {
    border-color: var(--color-Green-hover);
}

input.positiveSVG + label svg {
    color: var(--color-Gray)!important;
}
input.positiveSVG:checked + label.AlphaNA {
    opacity: unset;
    filter: unset;
}

input.positiveSVG:checked + label svg,
a:not(.AllBotton).positiveSVG svg,
button:not(.AllBotton).positiveSVG svg {
    color: var(--color-Green-hover)!important;
}

.Attention {color: #ff7d00;}

.AccessDenied {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

    /*background-image: url(/img/Unsubscribe.jpg);*/
    background-image: url(/img/ML_Access_Denied.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;;
    background-size: auto 90%;
    min-height: 55vh;
}

.AccessDenied.VaB {
    justify-content: flex-end;
}

.AccessDenied.VaB .Details {
    margin-bottom: 5%;
}

.AccessDenied > h2 {
    position: absolute;
    }

.AccessDenied .Details {
    display: flex;
    gap: 1em;
    flex-direction: column;
    height: 100%;
    padding: 1em;
    border-radius: 1em;

    /*backdrop-filter: var(--backdrop-filter-blockquote);*/
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 3em 3em rgba(255,255,255,0.9);
}

.AccessDenied .Details .Links {
    display: flex;
    gap: 1em;
    justify-content: space-between;
    font-size: 1.2em;
}

.AccessDenied .Details h2 {
    position: static;
    margin-top: 0;
    /*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,
                0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff,
                0 0 1em #fff, 0 0 1em #fff;*/
}

.AccessDenied svg.Title {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2em;

    stroke: #fff;
    stroke-width: 0.01em;

    box-sizing: border-box;

    fill: var(--color-Dark);
    box-shadow: 0 0 1em #fff;
    text-anchor: end;
}

.AccessDenied > img {
    width: 26em;
    margin-bottom: -1.5em;
}

.AccessDenied h3 {
    flex: unset;
}

.AccessDenied img {
    width: 100%;
    height: auto;
}

.AccessDenied article {
    max-width: 30em;
    font-size: 1em;
    margin-top: 0.8em;
}

.AccessDenied > section {
    display: flex;
    flex-direction: column;
    align-items: center;

    border-radius: 2em;
    background-color: rgba(255,255,255,0.9);
    box-shadow: 0 0 3em 2em rgb(255,255,255);
    padding: 1em;
}

.AccessDenied .Description {
    margin-top: 13em;
}

.AccessDenied .Description h2 {
    margin: 0 0 0 0.2em;
}

.AccessDenied .Seminar_list {
    max-width: 30em;
}

.AccessDenied .Seminar_list .Item {
    font-size: 1.1em;
}

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

.Seminar_list .Item figure img {
    height: unset;
    min-height: unset;
    object-fit: cover;
    min-height: 100%;
}

.AccessDenied .Seminar_list .Item .Details {
    flex-direction: unset;
    flex-wrap: wrap;
}

.AccessDenied .Seminar_list .Item .Details .CTitle,
.AccessDenied .Seminar_list .Item .Details .MTitle{
    color: var(--color-Beige);
    font-size: 0.8em;
}

.AccessDenied .Seminar_list .Item .Details .Title {
    display: inline-block;
    flex: 1 100%;
    font-size: 1.2em;
    line-height: 1em;
    margin-top: 0.2em;
}

.AccessDenied .Seminar_list .Item:hover .Details .Title {
    color: var(--color-Blue-hover);
}

.AccessDenied .Seminar_list .Item .Details .MoreDetails {
    display: inline-flex;
    border-top-color: inherit;
    border-radius: var(--border-radius-norm);
    font-size: 0.5em;
    margin-left: 1em;
}

.AccessDenied .Seminar_list .Item:hover .Details .MoreDetails {
    border-color: var(--color-Blue-hover);
}


.KartaBadZi .Sha, .KartaBadZi:not(.TDTHDay2) .Collision {
    color: var(--color-Red);
    border: var(--border-thin) solid #908070;

    border-radius:0.3em;
    padding: 1pt 2pt 1pt 2pt;
    line-height: 0.95em!important;
}


.InfSub {
    font-size: 1.1em;
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    gap: 0.4em;

    padding: 0.2em;
    line-height: 1em;
    margin: 0;
    color: #706050;
    vertical-align: top;
    font-weight: bold;
    text-indent: 0.1em;
    /*letter-spacing: 0.1em;*/
    z-index: var(--z-index1);
    }
.ML_Table_Chart .InfSub .PopUpHelp {
    font-size: 0.9em;
    opacity: 0.7;

    color: var(--color-Blue);
    background-color: unset;
    border: var(--border-thin) solid var(--color-Blue);
}

.ML_Table_Chart tbody:hover .InfSub .PopUpHelp {
    opacity: unset;
}

.ML_Table_Chart .InfSub.DaGua {
    font-size: 1.1em;
}

.ML_Table_Chart .InfSub .PopUpHelp {
    align-items: center;
    display: inline-flex;
}

.ML_Table_Chart .InfSub .PopUpHelp,
.ML_Table_Chart .InfSub svg {
    margin: -0.05em;
}

.ML_Table_Chart .InfSub svg {
    font-size: 1em;
    width: 1em;
    height: 1em;
}

.AddInf {font-size: 9pt!important;
    line-height: 9pt;
    position: absolute;
    display: inline-block!important;
    padding: 0pt;
    margin: 3pt;
    color: #706050;
    vertical-align: top;}

.AddInfHelp {
    position: absolute;
    display: inline;
    white-space: nowrap;
    color: #333;
    font-weight: normal;
    font-size: 8pt;
    line-height: inherit;
    margin: -1px 0cm 0px 0cm;}

.AddInfHelp .hr {
    display: inline;
    line-height: inherit;
    font-size: 2pt;
    line-height: inherit;
    text-align: center;
    border-top: var(--border-thin) solid #333;
    padding-left: 0.5cm;
    margin: 0px 3px 0px 3px;
}

.T0R0 {top:-0.0em; right: 0.0em;}
.T0L0 {top:-0.0em; left: -0.0em;}
.B0R0 {bottom:-0.0em; right: -0.0em;}
.B0L0 {bottom:-0.0em; left: -0.0em;}

.ToR1, .ToL1, .BoR1, .BoL1 { position: absolute; }
.ToR1 {top:0.1em; right: 0.1em;}
.ToL1 {top:0.1em; left: 0.1em;}
.BoR1 {bottom:0.1em; right: 0.1em;}
.BoL1 {bottom:0.1em; left: 0.1em;}

.Tc0 {top:-13pt;}
.Bc0 {bottom:-13pt;}

.TrTDBorder td, .TrTDBorder th {
    border: var(--border-thin) solid #dfd8d0;
    border-radius:var(--border-radius-cells);
    }

.tabBasket td > a, .tabBasket th > a {
    display: inline-block;
    overflow: hidden;}

/*.tabBasket td img { max-width: 90%; }*/

.tabBasket.FlexContent .BProduct .Item {
    display: flex;
    gap: 0.6em;
}

.tabBasket.FlexContent .BProduct .Item .BProdCover {
    display: inline-flex;
    align-self: center;
    border-radius: var(--border-radius-s);
    border: var(--border-style-Light);
    overflow: hidden;
}

.tabBasket.FlexContent .BProduct .Item .BProdName {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.2em;
    text-align: left;
}

.tabBasket.FlexContent .BProduct .Item .BProdName a {
    line-height: 1.2em;
}

.tabBasket.FlexContent .BCTotPrice,
.tabBasket.FlexContent .Result {
    text-align: right;
}

.tabBasket.FlexContent .BWeight,
.tabBasket.FlexContent .BCount,
.tabBasket.FlexContent .totWeight,
.tabBasket.FlexContent .totCount {
    min-width: 4em;
    text-align: center;
}

.tabBasket.FlexContent .BPrice {
    min-width: 6em;
}

.tabBasket p {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 45em;
}

.tabBasket .BOrderPaid .PriceStatus svg,
svg.PriceStatus,
svg.Aggregator {
    width: 1em;
    height: 1em;
    font-size: 1.3em;
    margin-bottom: -0.2em;
    margin-top: -0.1em;
    }

svg.PriceStatus {
    margin-right: 0.2em;
}

.flex, td a.flex {
   display: flex;
   }
.flexInLine, td a.flexInLine {
    display: inline-flex;
    }

.flexRowWrap {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap; }


.flexColInLine {
   display: inline-flex;
    flex-direction: column;
  }

.flex_Td {
   flex: 1 0 0; }

.flex_Td_Dw_L {
    display: flex;
    flex: 1;
    align-items: flex-start;

    justify-content: flex-end;
 }

.flex_Direct_Row {
    flex-direction: row; }
.flex_Direct_Col, .flex_Column, .FDC {
    flex-direction: column; }

.flex_RowRev {
    flex-direction: row-reverse; }

.flex_Row {
    flex: 1 0 100%; }

.flex_JustifyContCenter, .flexAIС {
    justify-content: center; }

.flex_JustifyContAround {
    justify-content: space-around; }

.flex_JustifyContBetw{
    justify-content: space-between; }

.flexItem0 {
    flex: 0 1 auto; }

.flexItem1, .SectionSmall .flexColInLine {
    flex: 1; }

.flexItemMinW, .flex0 {
    flex: 0; }

.flexItem10Auto {
    flex: 1 0 auto; }

.flexItem30 {
    flex: 0 0 30%; }

.flexSerifStr {
    align-self: stretch; }

.flexSerifCenter {
    align-self: center; }

/* Выравнивание по вертикали */
.flexVertStart    {
    align-content: flex-start; }

/* Выравнивание дочерних элементов вправо */
.flexAIR, .flex_JustifyContEnd, .flex_R {
    justify-content: flex-end; }

/* Выравнивание дочерних элементов по центру ширене */
.flexJAIС {
    justify-content: center;}

/* Выравние по вертикли центру, действует для дочерних объектов */
.flexAIC {
    align-items: center;}

/* Размер объекто по высоте = размеру родителя, действует для дочерних объектов */
.flexAIS {
    align-items: stretch;}

/* выравниваем текст в блоке по центру, а сам блок растягиваем по высоте родителя */
.FlexVC {
    display: inline-flex;
    align-items: center; }


.Sticky_Top {
    position: sticky;
    top: -1px;
    z-index: var(--z-index1);
    background: #fff;
}

.NoShadow {
    box-shadow: none!important;
}

/*.OFH_Y_A_Hov { overflow-y: hidden; }
.OFH_Y_A_Hov:hover { overflow-y: auto; }

.OFH_X_A_Hov { overflow-x: hidden; }
.OFH_X_A_Hov:hover { overflow-x: auto; }*/

.OFH_Y_A_Hov { overflow-y: auto; }
.OFH_X_A_Hov { overflow-x: auto; }

.BoxS_BB { box-sizing: border-box; }

.FLEX_JC_End {justify-content: flex-end; }

.ClB {
    clear: both;
}

#Basket .BWeight,
.wrapper_main_profile .FormBlock .label.WSpNoW,
.WSpNoW {white-space: nowrap;}
.WSpNorm {white-space: normal;}

.UnPaid,
.AlphaNA, .tabBasket.Schedule tr.AlphaNA > * {
    filter: grayscale(50%);
}


.VideoPlayer_Main aside .SectionFiles .File.NoPlayOnLine,
.AlphaNA, .ArrowsVert, .ArrowsHorizont, .Test_Report li.Correct,
.tabBasket.Schedule tr.AlphaNA > * {
    opacity: 0.60;
}

.UnPaid,
#bmTwelfView .AlphaNA {
    opacity: 0.4;
}

.wrapper_main_productcomments .AlphaNA {
    opacity: 0.75;
}

.UnPaid:hover,
.Stickers.AlphaNA:hover,
.VideoPlayer_Main aside .SectionFiles .File.NoPlayOnLine:hover,
.tabBasket.Schedule tr.AlphaNA:hover,
.AlphaNA:hover, .ArrowsVert:hover, .ArrowsHorizont:hover, .NoteIco:hover, .SectionSmall:hover .AlphaNA,
.Test_Report li.Correct:hover {
    opacity: 1;
    filter: none;

    -webkit-animation: AlphaFIn 0.3s ease-out;
    animation: AlphaFIn 0.3s ease-out;
}


@keyframes AlphaFIn{
    0%{opacity:0.35}
    100%{opacity:1}
}

@-webkit-keyframes AlphaFIn {
    0%{opacity:0.35}
    100%{opacity:1}
}

@keyframes AlphaFOut{
    0%{opacity:1}
    100%{opacity:0}
}

@-webkit-keyframes AlphaFOut {
    0%{opacity:1}
    100%{opacity:0}
}

.NA {
    opacity: 0.35;
}

.InLinBVT {display: inline-block;
    vertical-align: top;}

.VAMid {vertical-align: middle;}

.TCont {
    font-size: 10pt;
    border-collapse: collapse;
}

.BCollaps { border-collapse: collapse; }

.ArrowW, .Plus, .Minus {
    display: inline-block;
    overflow: hidden;}

.ArrowW {
    width: 10px;
    height: 10px;
    margin: 0pt -2pt -1pt 0pt;}

.ArrowW img {margin: -1px -2px -1px -18px;}
.ArrowWHover img {margin: -20px -2px -1px -18px!important;}


.Plus, .Minus,
span.Plus, span.Minus {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 1.5em;
    height: 1.5em;
    margin: 0;
    line-height: 1em;

        border-radius:50%;
    }

.Plus, span.Plus {background-image: url(/img/ico_Correct.svg); }
.Minus, span.Minus{background-image: url(/img/ico_Close_g.svg);

    opacity: 0.3;
    }

.Plus img, .Minus img { display: none; }


.GroupForm_Item { padding: 0;
   display: inline-flex;
    align-content: center;}

.GroupForm_Item input, .GroupForm_Item select, .GroupForm_Item a {
/*    border-width: 0 0 0 1px;*/

/*  border-radius:0;*/ }

.GroupForm_Item input:first-child, .GroupForm_Item select:first-child, .GroupForm_Item a:first-child {
    border-left: none;
    }

/*.GroupForm_Item input:first-child, .GroupForm_Item select:first-child, .GroupForm_Item a:first-child {

    border-top-left-radius:0.4em;

    border-bottom-left-radius: 0.4em;
    }
.GroupForm_Item input:first-child, .GroupForm_Item select:last-child, .GroupForm_Item a:first-child {

    border-top-left-radius:0.4em;

    border-bottom-left-radius: 0.4em;
    }*/

.ScrollBlock {
    width: 450px;
    margin-top: 7pt;
    border: var(--border-thin) solid #706050;
    border-radius: 5px 5px 5px 5px;
    overflow: auto;
    overflow-y: hidden;
}


textarea.TField {
    border-bottom-right-radius: 0; }



.CheckBoxIMGButton + label {
    border-color: var(--color-Gray-Light);
}

.QMDJCalcChengeDateR:disabled:before, .QMDJCalcChengeDateL:disabled,
.QMDJCalcChengeDateR[disabled]:before, .QMDJCalcChengeDateL[disabled] {
    border-left-color: var(--color-Gray-Light);
}

.TField {
display: inline-block;

border-collapse: collapse;
font-size: 1em;}

#FreeOrderForm {
    min-width: 30em;
}

/*select.TField {
padding: 0.4em 0em 0.3em 0.5em;
}*/

.ya-site-form { margin-bottom: 1em; }
.ya-site-form__input-text  {
    display: inline-block;
    overflow: visible;

    border-radius: 0.5em 0em 0em 0.5em!important;

    padding: 0.4em 0.8em;
    border-collapse: collapse;
    font-size: 1em;
    margin: 0.4em 0.3em;
    }

#ya-site-form0 .ya-site-form__input-text_type_hint {
    background-position: 1em center!important;
}

.ShoolPay + .question-container {
    margin-top: 1.5em;
}

.question-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
    }
.ya-share2 {
    box-sizing: border-box;
    }

.SocialShare.StickyBottom.StickyShadow .ya-share2 {
    padding: 0.6em 0.6em;
}

span.ya-share2 {
    display: inline-block;
    vertical-align: middle;
    }

.ya-share2 .ya-share2__badge {
    border-radius: 0.4em;
    }

.question-container .ya-share2 { display: inline-block; order: 2; }
.ya-share2__link .ya-share2__badge .ya-share2__icon,
.ya-share2__item .ya-share2__link .ya-share2__badge .ya-share2__icon {
    width: 2.3em;
    height: 2.3em;
    background-size: auto;
    background-repeat: no-repeat;
    }

.ya-share__container.ya-share__container_size_m,
.ya-share1__container.ya-share1__container_size_m,
.ya-share2__container.ya-share2__container_size_m,
.ya-share3__container.ya-share3__container_size_m  {
    font-size: 1em;
}

.ya-share__container.ya-share__container_size_m ul,
.ya-share1__container.ya-share1__container_size_m ul,
.ya-share2__container.ya-share2__container_size_m ul,
.ya-share3__container.ya-share3__container_size_m ul {
    display: flex;
    gap: 0.4em;
}

.ya-share1 .ya-share1__list.ya-share1__list_direction_horizontal > .ya-share1__item,
.ya-share2 .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item,
.ya-share3 .ya-share3__list.ya-share3__list_direction_horizontal > .ya-share3__item {
    margin: 0;
}

 .SocialShare {
    font-size: 1.2em;
    text-align: center;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1em;
    flex-wrap: wrap;
    align-items: center;

    background-color: rgba(255, 255, 255, 0.95);
 }

 .MLResponses .SocialShare {
     margin: -0.8em 0 -0.6em;
 }

.TField:hover, .SField:hover, textarea:hover, .ya-site-form__input-text:hover, input[type="text"]:hover {
    //border-color: #80888f;
    }
.TField:focus, .ya-site-form__input-text:focus, .SField:focus, textarea:focus, input:focus {
    outline:none;
    border-color: #6a3814;
    background-color: #fffcf8;}

button:focus { outline:none; }

#Responses { margin-top: 1em; }

.WinTable .TField:disabled,
.WinTable .TField:hover:disabled
.WinTable .TField:focus:disabled { border: none; background-color: transparent; color: #304050; font-weight: bold;

    box-shadow: none;
    padding: 0;}

/*a.AllBotton, a.AllBottonNoAct, a.AllBottonCancel, a.AllBottonDl {padding: 2pt 5pt 3pt 5pt;
//line-height: 1.3em;}*/

.ya-site-form__submit {

border-radius:0 var(--border-radius-inputs) var(--border-radius-inputs) 0;
padding: 0.4em 1em;
border-style: solid;
border-color: #7f9db9 !important;
border-width: var(--border-thin) var(--border-thin) var(--border-thin) 0px;
cursor: pointer;
    margin: 0 !important;
}

/*, .ya-site-form__submit:hover*/

button,
.AllBotton, span.AllBotton, .AllBottonNoAct, .AllBottonCancel, .AllBottonDl, .AllBottonLight, .tabBasket td a.AllBottonLight, .CheckBoxIMGButton + label,
.ML_Table > .ML_TR a.AllBotton {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;

    justify-content: center;

    font-size: inherit;
    position: relative;

    text-decoration:none;

    border-style: solid;
    border-width: var(--border-thin);

    letter-spacing: 0px;
 }

.AllBotton, span.AllBotton, .AllBottonNoAct, .AllBottonCancel, .AllBottonDl, .CheckBoxIMGButton + label,
.ML_Table > .ML_TR a.AllBotton {
    color: #f8fcff;
}

 .AllBotton, span.AllBotton, .AllBottonNoAct, .AllBottonCancel, .AllBottonDl, .AllBottonLight {
    min-height: 1.3em;
 }

.AllBotton[disabled|="disabled"] svg, .CheckBoxIMGButton[disabled|="disabled"] + label svg {
    color: #abb5be;
}

.AllBotton:disabled, .AllBotton:disabled:hover,
.AllBotton[disabled|="disabled"],
.AllBotton[disabled|="disabled"]:visited,
.AllBotton[disabled|="disabled"]:hover,
button:disabled, button:disabled:hover {
    color: #abb5be;
    border-color: #d0d8df;
    text-shadow: none;

    background-image: none;
    filter:  none; /* for IE */
    cursor: default;
    box-shadow: none;
 }

 .AllBotton:disabled, .AllBotton:disabled:hover,
.AllBotton[disabled|="disabled"],
.AllBotton[disabled|="disabled"]:visited,
.AllBotton[disabled|="disabled"]:hover,
button:disabled:not(.AllBottonSimple), button:disabled:hover:not(.AllBottonSimple) {
    background-color: #f8fcff;
}

.AllBottonLight:disabled img,
button:disabled img {
opacity: 0.45; }

.AllBotton:disabled svg, .AllBottonLight:disabled svg, button:disabled svg,
button:disabled svg { color: #abb5be; }

.AllBotton:visited, .AllBottonNoAct:visited, .AllBottonCancel:visited {
    color: #f8fcff;
}

.AllBotton img, .AllBottonNoAct img, .AllBottonCancel img, , a.AllBottonDl img {margin: -4px 0px -5px 0px;}

.AllBotton, .ui-pg-button, #Act_Buttons .EditButton .fm-button,
.SectionTestBlock .icoSvg0,
.SectionTestBlock .icoSvgTest,
.Pager .Pager_Links a.b, .Pager .Pager_Links a.active {
    border-color: var(--color-Blue-hover);
    background:#0082ff;
    text-shadow: var(--text-shadow-Blue);
    background-image: var(--linear-gradient-Button);

    cursor: pointer;
}

.Context_Menu .List .Profile .Avatar #LogOut:hover,
.AllBotton:hover, a.AllBotton:hover,
.ML_Table > .ML_TR a.AllBotton:hover,
.SectionTestBlock .icoSvg0:hover,
.SectionTestBlock .icoSvgTest:hover,
.Pager .Pager_Links a.b:hover, .Pager .Pager_Links a.active:hover {
    border-color: #f8fcff;
    color: #f8fcff;
    background:#20a2ff;
    text-shadow: var(--text-shadow-Blue-hover);
    box-shadow:var(--box-shadow-Blue-hover);


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

a.AllBotton:hover svg,
a:hover .AllBotton svg,
.AdLine1Sect a:hover:not(.AllBotton) .AllBotton svg { color: #fff; }

.AllBottonNoAct {
    border-color: #d0d8df;
    color: #708090;
    background:#d0d8df;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d8df), to(#f8fcff));
    background-image: -webkit-linear-gradient(top, #d0d8df, #f8fcff); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(center top, #d0d8df, #f8fcff); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #d0d8df, #f8fcff); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d8df', endColorstr='#f8fcff'); /* for IE */
    background-image:      -o-linear-gradient(top, #d0d8df, #f8fcff); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #d0d8df, #f8fcff);

    cursor: default;
    text-shadow: #f8fcff 1px 1px 0;}

.AllBottonCancel {
border-color: #c00000;
color: #fffcf8;
background:#c00000;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f00000), to(#c00000));
background-image: -webkit-linear-gradient(top, #f00000, #c00000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top,#f00000, #c00000); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #f00000, #c00000); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f00000', endColorstr='#c00000'); /* for IE */
background-image:      -o-linear-gradient(top, #f00000, #c00000); /* Opera 11.10+ */
background-image:         linear-gradient(top, #f00000, #c00000);

cursor: pointer;
text-shadow: #900000 -1px -1px 0;}

.AllBottonCancel:hover {
border-color: #f8fcff;
background:#c90000;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f90000), to(#c90000));
background-image: -webkit-linear-gradient(top, #f90000, #c90000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #f90000, #c90000); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #f90000, #c90000); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f90000', endColorstr='#c90000'); /* for IE */
background-image:      -o-linear-gradient(top, #f90000, #c90000); /* Opera 11.10+ */
background-image:         linear-gradient(top, #f90000, #c90000);

box-shadow: 0px 0px 8px #e00000;}

.AllBottonDl {
margin: 8px 8px !important;
border-color: #009000;
color: #fffcf8;
background:#009000;
text-transform: uppercase;
font-weight: bold;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c000), to(#009000));
background-image: -webkit-linear-gradient(top, #00c000, #009000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #00c000, #009000); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #00c000, #009000); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c000', endColorstr='#009000'); /* for IE */
background-image:      -o-linear-gradient(top, #00c000, #009000); /* Opera 11.10+ */
background-image:         linear-gradient(top, #00c000, #009000);

cursor: pointer;
text-shadow: #007000 -1px -1px 0px;}

.AllBottonDl:hover {
color: #fff;
border-color: #fffcff;
background:#008000;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00c900), to(#009900));
background-image: -webkit-linear-gradient(top, #00c900, #009900); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #00c900, #009900); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #00c900, #009900); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c900', endColorstr='#009900'); /* for IE */
background-image:      -o-linear-gradient(top, #00c900, #009900); /* Opera 11.10+ */
background-image:         linear-gradient(top, #00c900, #009900);

box-shadow: 0px 0px 8px #00e000;}


.AllBottonLight,
.ML_Table > .ML_TR a.AllBottonLight, .DeleteButton,
.CheckBoxIMGButton + label {
    background:#f8fcff;
    text-shadow: var(--text-shadow-Light);

    background-image: var(--linear-gradient-ButtonLight);

    cursor: pointer;
}

.AllBottonLight,
.tabBasket td a.AllBottonLight,
.ML_Table > .ML_TR a.AllBottonLight, .DeleteButton {
    color: #0062cf;
    border-color: #d0d8df;
}

.AllBottonLight:hover, a.AllBottonLight:hover, .FileLink_2:hover, .CheckBoxIMGButton + label:hover {
    border-color: var(--color-Blue-hover);
    text-shadow: var(--text-shadow-Light-hover);

    background: #f4fbff;
    background-image: var(--linear-gradient-ButtonLight-hover);

    box-shadow: var(--box-shadow-Light-hover);
    z-index: var(--z-index1);
}


/* Стиль ЗАМЕТОК */

.NotesDay_Edit, .NotesDay, .NotesDayMin, .NotesHourMin {
    display: inline-block;
    box-sizing: border-box;

    color: #fff;

    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 70%;

    box-shadow: 0px 0px 0.4em #d0d8df;

    cursor: pointer;}

.NotesDay_Edit {
    border: var(--border-thin) solid rgba(255, 255, 255, 0);

    background-color: rgba(0, 98, 223, 0.6);
    background-image: url(/img/ico_Note_Edit_w.svg); }

.NotesDay {
    border: var(--border-thin) solid #0082ff;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 0.70;

    background-image: url(/img/ico_Note_New_b.svg);
    }


.NotesDay_Edit:hover, .NotesDay:hover,
.NotesDay_Edit:focus, .NotesDay:focus {
    opacity: 1;
    box-shadow: 1px 1px 0.4em #50c2ff;
    outline:none;
    }

.NotesDay_Edit:hover { background-color: rgba(0, 98, 223, 0.9); }
.NotesDay:hover { background-color: rgba(255, 255, 255, 0.9); }

.wrapper_section_page .Content {
    margin-top: 2em;
}
.wrapper_section_page .Header ~ hr ~ .Content {
    margin-top: 0;
}

.wrapper_main_calendar .NotesDay_Edit, .wrapper_main_calendar .NotesDay {
    margin-top: -0.5em;

    width: 3.5em;
    height: 3.5em;

    border-radius:50%;}

#HoursTable {
    width: 100%;
    box-sizing: border-box;
}


#HoursTable ~ #HoursTableDescript {
    margin-top: 1em;
}

#HoursTable > th, > #HoursTable td { cursor: pointer;}

#HoursTable thead th {
    width: auto;
}

#HoursTable thead th.ChangeSeason {
    background-color: #708090;
}

#HoursTable tbody th, #HoursTable tbody td {
    padding: 0.1em;
}

#HoursTableDescript .NotesDay_Edit, #HoursTableDescript .NotesDay {
    position: absolute;
    top: 4px;
    right: 4px;
    margin: 0;

    width: 2em;
    height: 2em;

    background-size: auto 80%;

    border-radius:50%;}


.NotesDayMin, .NotesHourMin {
    background-size: 100%;
    height: 1.7em;
    width: 1.7em;

    background-color: rgba(255, 255, 255, 0.2);

    box-shadow: none;}

.NotesDayMin + p, .NotesHourMin + p { margin-top: 0!important; }

.NotesDayMin {
    background-image: url(/img/ico_NotesMin_b.svg); }

.NotesHourMin {
    background-image: url(/img/ico_Notes_b.svg); }

/* Конец стияля ЗАМЕТОК */

.InputSAndB { border: none; border-collapse: collapse; border-spacing: 0; display: inline-block; margin-right: 0.5em; }
.InputSAndB td { padding: 0; border: none; border-collapse: collapse; }
.InputSAndB td .AllBotton, InputSAndB td .AllBottonLight, .InputSAndB td button {
    /*padding: 0.4em 0.7em 0.4em 0.5em;*/
    padding-right: 0.7em;
    padding-left: 0.6em;
    margin: 0;

    border-radius:0px 0.5em 0.5em 0;}

.InputSAndB td .AllBotton img, InputSAndB td .AllBottonLight img, .InputSAndB td button img {
    margin: -0.35em 0;
    -webkit-margin-before: -0.15em;
    -webkit-margin-after: -0.15em;
    font-size: 1em;
    }

    .InputSAndB td .TField, .InputSAndB td input { padding-right: 0; margin-right: 0;
    border-right: none;

    border-radius:0.5em 0 0 0.5em;}

.CheckBox {
    position: relative;
}

.CheckBox:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
}


/* Чекбокс картинок */

input[type="checkbox"].IMGCheckBox + label,
input[type="checkbox"].IMGCheckBox + .Form label,
input[type="checkbox"].IMGCheckBox + #MapMain label[for="FullScr"],
input[type="checkbox"].IMGCheckBox + #MapConteiner label[for="FullScr"],
input#FullScreen ~ main label[for="FullScreen"],
input#FullScreen ~ .Main label[for="FullScreen"],
.MapSearch .MarkerToMyLocation,
input[type="checkbox"].Switch + label {
    display: inline-flex;
    color: #304050;
    align-items: center;

    padding: 0.6em;

    background-color: rgba(255, 255, 255, 0.7);
    border-radius: var(--border-radius-inputs);
    }

.ActionBar.Right input[type="checkbox"].IMGCheckBox + label {
    background-color: transparent;
}

.Seminar_List_Edit > .Item :not(.File) > input[type="checkbox"].IMGCheckBox + label,
.FilesList.Form input[type="checkbox"].IMGCheckBox + label,
.Module_List_Edit .Head :not(.File) > input[type="checkbox"].IMGCheckBox + label {
    border: var(--border-style-Light);
}

input[type="checkbox"].IMGCheckBox + #MapMain label[for="FullScr"],
input[type="checkbox"].IMGCheckBox + #MapConteiner label[for="FullScr"],
.MapSearch .MarkerToMyLocation,
input[type="checkbox"].Switch + label {
    padding: 0.1em;
}

input[type="checkbox"].IMGCheckBox + label:hover,
input[type="checkbox"].IMGCheckBox + .Form label:hover,
input[type="checkbox"].IMGCheckBox + #MapMain label[for="FullScr"]:hover,
input#FullScreen ~ main label[for="FullScreen"]:hover,
input[type="checkbox"].IMGCheckBox + #MapConteiner label[for="FullScr"],
.MarkerToMyLocation:hover:not([disabled="disabled"]) { color:#0082ff; }

.MarkerToMyLocation:hover { cursor: pointer; }


input[type="checkbox"].IMGCheckBox + label svg,
label[for="FullScr"] svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
}

input[type="checkbox"].IMGCheckBox.HideComment + label > .CheckBoxImgOn svg {
    color: #e00000;
}
/*
input[type="checkbox"].IMGCheckBox.HideComment:checked + label .CheckBoxImgOff svg {
    color: #348b2e; var(--color-Green)
}*/

input#FullScreen.IMGCheckBox:checked ~ .Main  label[for="FullScreen"] .CheckBoxImgOff,
input#FullScreen.IMGCheckBoxss ~ .Main label[for="FullScreen"] .CheckBoxImgOn,

input#FullScreen.IMGCheckBox:checked ~ main  label[for="FullScreen"] .CheckBoxImgOff,
input#FullScreen.IMGCheckBox ~ main label[for="FullScreen"] .CheckBoxImgOn,

input#FullScreen.IMGCheckBox:checked + .VideoPlayer .NoteIco label[for="FullScreen"] .CheckBoxImgOff,
input#FullScreen.IMGCheckBox + .VideoPlayer .NoteIco label[for="FullScreen"] .CheckBoxImgOn,

input[type="checkbox"].IMGCheckBox:checked + #MapMain label[for="FullScr"] .CheckBoxImgOff,
input[type="checkbox"].IMGCheckBox + #MapMain label[for="FullScr"] .CheckBoxImgOn,

input[type="checkbox"].IMGCheckBox:checked + #MapConteiner label[for="FullScr"] .CheckBoxImgOff,
input[type="checkbox"].IMGCheckBox + #MapConteiner label[for="FullScr"] .CheckBoxImgOn,

input[type="checkbox"].IMGCheckBox + label .CheckBoxImgOn,
input[type="checkbox"].IMGCheckBox:checked + label .CheckBoxImgOff,

input[type="checkbox"].IMGCheckBox + .Form label .CheckBoxImgOn,
input[type="checkbox"].IMGCheckBox:checked + .Form label .CheckBoxImgOff,

.MapViewMenu input[type="checkbox"].MapAllShowHide + label .CheckBoxImgOn,
.MapViewMenu input[type="checkbox"].MapAllShowHide:checked + label .CheckBoxImgOff {

    display: inline-flex;
    flex: 1;
    align-items: center;
    justify-content: center;

    line-height: 1em;
    }


.MapViewMenu input[type="checkbox"].IMGCheckBox + label svg,
.MapViewMenu input[type="checkbox"].IMGCheckBox + .Form label svg,
label[for="FullScr"] svg {
    margin: -0.2em;
    -o-object-fit: cover;
    object-fit: cover;
 }

.IMGCheckBox + label svg {
    margin: 0;
    font-size: 2em;
}

.MapViewMenu input[type="checkbox"].IMGCheckBox + label svg,
.MapViewMenu input[type="checkbox"].IMGCheckBox + .Form label svg,
label[for="FullScr"] svg {
   font-size: 2.3em;
 }

.MapViewMenu, .MapSearch {
    position: absolute;
    top: 1.1em;
    }

.MapViewMenu { z-index: var(--z-index1); }
.MapSearch { z-index: var(--z-index2); }

.MapSearch {
    margin-top: -0.4em;

    width: -webkit-calc(100% - 24em);
    width: calc(100% - 24em);

    right: 12em;
    }

input#SelectMapTyp_Y[type=radio]:checked+div .MapSearch {
    width: -webkit-calc(100% - 21em);
   width: calc(100% - 21em); }

#MapConteiner .MapSearch .FormItemConnect {
    display: flex;

    backdrop-filter: var(--backdrop-filter-Menu);
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0.4em 0.6em 0.4em 0.4em;

    border-radius: var(--border-radius-inputs);
    }

#MapConteiner .MapSearch .FormItemConnect input[type="text"] { background-color: rgba(248, 252, 255, 0.5); }

.MapSearch .MarkerToMyLocation { background-color: transparent; }


.MarkerToMyLocation {
    align-items: center;

    width: 2.4em;
    height: 2.4em;
    margin-right: 0.4em;}

.MarkerToMyLocation[disabled="disabled"] {

    opacity: 0.5;}

.MarkerToMyLocation svg { width: 100%;
    height: inherit; }

.MapViewMenu label{height: 3.2em;}

.MapViewMenu label,
.MapSearch .FormItemConnect,
.dropdown .dropdown-menu {
    margin: 0;

   box-sizing: border-box;

    /*
    box-shadow: 0.2em 0.2em 0.1em -0.1em rgba(0, 0, 0, 0.4), 0 0 0 1px #fff inset;
    */
    box-shadow: 0.3em 0.3em 0.3em -0.1em rgba(0, 0, 0, 0.4), 0 0 0 1px #fff inset;
    }

.MapViewMenu label:hover, #MapMain #MapConteiner .MapViewMenu label:hover,
.MapSearch .FormItemConnect:hover, #MapMain .MapSearch .FormItemConnect:hover {
    background-color: rgba(255, 255, 255, 0.9) }


.MapViewMenu label,
#MapMain input#MenuFlex + .MenuFlex { width: 3.2em;}


.MapViewMenu input[type="checkbox"].IMGCheckBox:checked + label:not(:hover) .CheckBoxImgOff svg:not(.positive):not(.negative) {
    color: var(--color-Blue);
}



.MapToolbar {
    position: absolute;
    display: flex;
    width: calc(100% - 10em);
    gap: 2em;
    top: 1em;
    right: 1.2em;
    z-index: var(--z-index);
}

.MapToolbar .MapSearch,
.MapToolbar .MapViewMenu {
    position: unset;
    width: unset;
}

.MapToolbar .MapSearch {
    flex: 1;
}


input[type="radio"].DifferentLabel:not(:checked) + label .On,
input[type="radio"].DifferentLabel:checked + label .Off,
input[type="checkbox"].DifferentLabel:not(:checked) + label .On,
input[type="checkbox"].DifferentLabel:checked + label .Off,

input[type="checkbox"].IMGCheckBox,
input[type="checkbox"].IMGCheckBox + label .CheckBoxImgOff,

input[type="checkbox"].IMGCheckBox:not(:checked) + .Form label .CheckBoxImgOff,
input[type="checkbox"].IMGCheckBox:checked + .Form label .CheckBoxImgOn,

input#FullScreen.IMGCheckBox:checked + .VideoPlayer .NoteIco label[for="FullScreen"] .CheckBoxImgOff,
input#FullScreen.IMGCheckBox:not(:checked) + .VideoPlayer .NoteIco label[for="FullScreen"] .CheckBoxImgOn,

input#FullScreen.IMGCheckBox:checked ~ .Main  label[for="FullScreen"] .CheckBoxImgOff,
input#FullScreen.IMGCheckBox:not(:checked) ~ .Main label[for="FullScreen"] .CheckBoxImgOn,

input#FullScreen.IMGCheckBox:checked ~ main  label[for="FullScreen"] .CheckBoxImgOff,
input#FullScreen.IMGCheckBox:not(:checked) ~ main label[for="FullScreen"] .CheckBoxImgOn,

input[type="checkbox"].IMGCheckBox:not(:checked)#ML_Symbolic_Star_Sort + .FormItemConnect  label .CheckBoxImgOff,
input[type="checkbox"].IMGCheckBox:checked#ML_Symbolic_Star_Sort + .FormItemConnect label .CheckBoxImgOn,

input[type="checkbox"].IMGCheckBox + #MapMain label[for="FullScr"] .CheckBoxImgOff,
input[type="checkbox"].IMGCheckBox + #MapConteiner label[for="FullScr"] .CheckBoxImgOff,
input[type="checkbox"].IMGCheckBox:checked + label .CheckBoxImgOn,
input[type="checkbox"].IMGCheckBox:checked + #MapMain label[for="FullScr"] .CheckBoxImgOn,
input[type="checkbox"].IMGCheckBox:checked + #MapConteiner label[for="FullScr"] .CheckBoxImgOn,
input[type="checkbox"].MapAllShowHide,
input[type="checkbox"].MapAllShowHide + label[for="MapAllShowHide"] .CheckBoxImgOff,
input[type="checkbox"].MapAllShowHide:checked + label[for="MapAllShowHide"] .CheckBoxImgOn {
    display: none;
    }

input[type="checkbox"]#FullScr:checked + #MapMain .ScrollSection .MapSelecter,
input[type="checkbox"]#FullScr:checked + #MapConteiner #MYGmaps {
    display: flex;
    }

input[type="checkbox"].IMGCheckBox + label:not(:hover) .CheckBoxImgOff svg:not(.positive):not(.negative),
input[type="checkbox"].IMGCheckBox + label:not(:hover)  .CheckBoxImgOn svg:not(.positive):not(.negative) {
    color: var(--color-Gray);
}


input[type="checkbox"].IMGCheckBox + label:hover .CheckBoxImgOff svg,
input[type="checkbox"].IMGCheckBox + label:hover .CheckBoxImgOn svg {
    color: var(--color-Blue-hover);
}


input#FullScreen.IMGCheckBox:checked ~ .Main,
input#FullScreen.IMGCheckBox:checked ~ main,
input#FullScreen.IMGCheckBox:checked + .VideoPlayer,
input[type="checkbox"]#FullScr:checked + #MapMain,
input[type="checkbox"]#FullScr:checked + #MapConteiner {
    position: fixed!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--z-index110);
    }

input#FullScreen.IMGCheckBox:checked ~ main {
    max-height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

input#FullScreen.IMGCheckBox:checked ~ main .Toolbar {
    margin-bottom: 0;
    padding: 0.2em 1.4em;
}

input#FullScreen.IMGCheckBox:checked ~ main .ZWDS {
    overflow: hidden auto;
    padding: 0.5em 1.15em 0.5em 1.15em;
    box-sizing: border-box;

    flex: 1 0 100%;
    align-items: center;
}

input#FullScreen.IMGCheckBox:checked ~ main .ZWDS .ZWDS_Chart {
    display: block;
}

input#FullScreen.IMGCheckBox:checked ~ .Main {
    background-color: #fff;
}

input#FullScreen.IMGCheckBox:checked ~ .Accounting .Salary {
    margin: 0 1em;
}

input#FullScreen.IMGCheckBox:checked + .VideoPlayer {
    background-color: rgba(255, 0, 0, 0.5);
}

/*
.SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #Elevation_Chart,
.SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #elevation_chart {
}
*/

/*
input#SelectMapTyp_G[type=radio]:checked ~ .SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #MapMain {
*/
.SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #MapMain {
    height: calc(100% - 10em);
}


/*
#SelectMapTyp_G:checked ~ .SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #Elevation_Chart,
#SelectMapTyp_G:checked ~ .SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #elevation_chart
*/
.SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #Elevation_Chart,
.SectionMap.Attitude_Points_On input[type="checkbox"]#FullScr:checked ~ #elevation_chart {
    position: fixed;
    z-index: var(--z-index110);
    bottom: 0;
    left: 0;
    left: 0;
    /*
    width: calc(100% - 25em - 7em);
    */
}

input[type="checkbox"]#FullScr:checked + #MapMain .RoundCorn,
input[type="checkbox"]#FullScr:checked + #MapConteiner .RoundCorn {
    border-radius: 0;
 }

input[type="checkbox"]#FullScr:checked + #MapConteiner #MYGmaps {
    width: 100% !important;
    height: 100% !important; }

/* Конец чекбокса картинок */

/* Create the box for the checkbox */
input.CheckBox[type="checkbox"] {
    display: none;
}

.WindowBlue input.CheckBox[type="checkbox"] + label {
    margin: 0;
    }

br ~ input[type="checkbox"] + label,
br + input[type="checkbox"] + p label,
br + input[type="radio"] + label {    margin-top: 0.5em; }

input.CheckBox[type="checkbox"] + label .lt, .lt {
    white-space: normal;
    display: inline-block;
    font-size: 1.2em;
    margin-right: 1em;
    line-height: 1em;
    vertical-align: middle !important;}

input.CheckBox[type="checkbox"] + label img,
input.CheckBox[type="checkbox"] + p label img {
    position: relative;
    overflow: hidden;
    z-index: var(--z-index1);
    border: var(--border-thin) solid var(--color-Beige);

    border-radius:3px;
    margin-right: 0.5em;
    }

span.CheckBox {

}

span.CheckBox:before,
div.CheckBox:before,
input.CheckBox[type="checkbox"] + label:before,
input.CheckBox[type="checkbox"] + p label:before,
input.CheckBox.Except[type="checkbox"] + label:before {
    content: " ";
    display: inline-block;

    box-sizing: border-box;
    background-color: #f8fcff;
    border: var(--border-style-LightBlue);

    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 100% auto;

    box-shadow: 0.2em 0.2em 0.3em -0.3em #708090 inset;

    border-radius:0.2em;

    line-height: 1em;
    height: 1.4em;
    vertical-align: inherit;
    width: 1.4em;
}

input.CheckBox[type="checkbox"] + label:before,
input.CheckBox[type="checkbox"] + p label:before {
    position: absolute;
    top: 50%;
    left: 0.3em;
    margin-top: -0.7em;
}


div.CheckBox:hover:before,
span.CheckBox:hover:before,
.Pillar .CheckBox:hover:before,
input.CheckBox[type="checkbox"] + label:hover::before,
input.CheckBox[type="checkbox"] + p label:hover::before{
    border-color: #0082ff;
}

.WindowBlue span.CheckBox:hover:before,
.WindowBlue div.CheckBox:hover:before,
.WindowBlue input.CheckBox[type="checkbox"] + label:hover::before,
.WindowBlue input.CheckBox[type="checkbox"] + p label:hover::before {
    border-color: #fff;
}

span.CheckBox:before,
div.CheckBox:before,
input.CheckBox[type="checkbox"] + label:before,
input.CheckBox[type="checkbox"] + p label:before {
    background-image: url(/img/Checkbox.svg);
}

span.CheckBox.Except:before,
div.CheckBox.Except:before,
input.CheckBox.Except[type="checkbox"] + label:before {
    background-image: url(/img/Except.svg);
}

input.CheckBox[type="checkbox"] + label:hover:before,
input.CheckBox[type="checkbox"] + p label:hover:before,
input.CheckBox.Except[type="checkbox"] + label:hover:before {
    /*opacity: 0.5;*/

    }

span.CheckBox.Checked:hover:before,
div.checkBox.Checked:hover:before,
.Pillar.Checked .CheckBox:hover:before,
input.CheckBox[type="checkbox"]:checked + label:hover:before,
input.CheckBox[type="checkbox"]:checked + p label:hover:before,
input.CheckBox.Except[type="checkbox"]:checked  + label:hover:before {
    background-position: center 50%;
    /*opacity: 1;*/
}

span.CheckBox.Checked:before,
div.CheckBox.Checked:before,
.Pillar.Checked .CheckBox:before,
input.CheckBox[type="checkbox"]:checked + label:before,
input.CheckBox[type="checkbox"]:checked + p label:before,
input.CheckBox.Except[type="checkbox"]:checked  + label:before {
    background-position: center 100%;
    /*opacity: 1; */
}


/*input.CheckBox[type="checkbox"] + label:after,
input.CheckBox[type="checkbox"] + p label:after,
input.CheckBox.Except[type="checkbox"] + label:after {

    box-sizing: border-box;
    content: "";

    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1em 3em;
    width:1em;
    height:1em;
    font-size: 1.4em;

    border: none;

    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;

    opacity: 0.1;
}

input.CheckBox[type="checkbox"] + label:after,
input.CheckBox[type="checkbox"] + p label:after,
input.CheckBox.Except[type="checkbox"] + label:after {
    position: absolute;
    left: 0.2em;
    top: 50%;
    margin-top: -0.5em;
}*/



/*
Лейбл если невыбран, то ЗЕЛЕНЫЙ фон, если выбран, то красный фон
*/
input.BG_G_to_R[type="checkbox"]:not(:checked) + label {
    background-color: rgba(0, 185, 0, 0.5);
    color: #fff;
}

input.BG_G_to_R[type="checkbox"]:not(:checked) + label:hover {
    background-color: rgba(0, 185, 0, 0.9);
}

input.BG_G_to_R[type="checkbox"]:checked + label {
    background-color: rgba(224, 0, 0, 0.6); color: #fff;
}

input.BG_G_to_R[type="checkbox"]:checked + label:hover {
    background-color: rgba(224, 0, 0, 0.9);
}

/*
Лейбл если невыбран, то КРАСНЫЙ фон, если выбран, то зеленый фон
*/
input.BG_R_to_G[type="checkbox"]:not(:checked) + label {
    background-color: rgba(224, 0, 0, 0.5);
    color: #fff;
}

input.BG_R_to_G[type="checkbox"]:not(:checked) + label:hover {
    background-color: rgba(224, 0, 0, 0.9);
}

input.BG_R_to_G[type="checkbox"]:checked + label {
    background-color: rgba(0, 185, 0, 0.6); color: #fff;
}

input.BG_R_to_G[type="checkbox"]:checked + label:hover {
    background-color: rgba(0, 185, 0, 0.9);
}


/*
Лейбл если выбран, то ЗЕЛЕНЫЙ фон
*/

input.BG_to_R[type="checkbox"]:checked + label,
input.BG_R[type="checkbox"]:not(:checked) + label,
input.BG_R[type="checkbox"]:not(:checked) + label:hover,
input.IMGCheckBox.BG_R[type="checkbox"]:checked + label svg:not(.positive):not(.negative),
input.BG_to_G[type="checkbox"]:checked + label,
input.BG_to_G[type="checkbox"]:checked + label:hover,
input.IMGCheckBox.BG_to_G[type="checkbox"]:checked + label svg:not(.positive):not(.negative) {
    color: #fff;
}

input.Border_R[type="checkbox"] + label,
input.Border_to_G[type="checkbox"] + label {
    border: var(--border-thin) solid rgba(0, 0, 0, 0);
}

/*
Лейбл если Выбран, то Зеленый фон
*/
input.BG_to_G[type="checkbox"]:checked + label {
    background-color: rgba(0, 185, 0, 0.9);
}


/*
Лейбл если Выбран, то Красный
*/
input.BG_to_R[type="checkbox"]:checked + label {
    background-color: rgba(224, 0, 0, 0.9);
}


/*
Лейбл если Выбран, то Зеленый бордер, если невыбран то без бордера
*/
input.Border_to_G[type="checkbox"]:checked + label {
    border-color: var(--color-Green-hover);
}

input.Border_to_G[type="checkbox"]:checked + label:hover {
    border-color: var(--color-Green);
}


/*
Лейбл если невыбран, то ЗЕЛЕНЫЙ БОРДЕР, если выбран, то красный фон
*/
input.Border_G_to_R[type="checkbox"]:not(:checked) + label {
    border: var(--border-thin) solid var(--color-Green);
}

input.Border_G_to_R[type="checkbox"]:not(:checked) + label:hover {
    border-color: var(--color-Green-hover);
}

input.Border_G_to_R[type="checkbox"]:checked + label {
    border: var(--border-thin) solid var(--color-Red);
}

input.Border_G_to_R[type="checkbox"]:checked + label:hover {
    border-color: var(--color-Red-hover);
}


/*
Лейбл если невыбран, то КРАСНЫЙ БОРДЕР, если выбран, то зеленый
*/
input.Border_R_to_G[type="checkbox"]:not(:checked) + label {
    border: var(--border-thin) solid var(--color-Red);
}

input.Border_R_to_G[type="checkbox"]:not(:checked) + label:hover {
    border-color: var(--color-Red-hover);
}

input.Border_R_to_G[type="checkbox"]:checked + label {
    border: var(--border-thin) solid var(--color-Green);
}

input.Border_R_to_G[type="checkbox"]:checked + label:hover {
    border-color: var(--color-Green-hover);
}

/*
Лейбл если невыбран, то КРАСНЫЙ фон
*/

input.BG_R[type="checkbox"]:not(:checked) + label {
    background-color: rgba(224, 0, 0, 0.6);
    color: #fff;
}

input.BG_R[type="checkbox"]:not(:checked) + label:hover {
    background-color: rgba(224, 0, 0, 0.9);
}

/*
Лейбл если невыбран, то КРАСНЫЙ БОРДЕР, если выбран, прозрачный
*/
input.Border_R[type="checkbox"]:not(:checked) + label {
    border-color: var(--color-Red);
}

/* Если переключатель выключен, то лейбл зеленый, если включен, то красный */
input.NoCheckedAtt[type="checkbox"]:not(:checked) + label { background-color: rgba(224, 0, 0, 0.5); color: #fff; }
input.NoCheckedAtt[type="checkbox"]:not(:checked) + label:hover { background-color: rgba(224, 0, 0, 1); color: #fff; }
input.NoCheckedAtt[type="checkbox"]:checked + label { background-color: rgba(0, 185, 0, 0.6); color: #fff; }
input.NoCheckedAtt[type="checkbox"]:checked + label:hover { background-color: rgba(0, 185, 0, 1); color: #fff; }
input.NoCheckedAtt[type="checkbox"]:checked + label:hover:before { border-color: #d0ffe0; }

.NoteIco input.NoCheckedAtt + label {
    padding:1em 1em 1em 1em;
    margin: 0 0.5em 0 0;

/*    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
    border-bottom-right-radius: 0;

    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    border-top-right-radius: 0;*/ }


/* Если переключатель включен то бордер лейбл зеленый */
input.ChGlowGreen[type="checkbox"] + label { border: var(--border-thin) solid rgba(0, 185, 0, 0); }
input.ChGlowGreen[type="checkbox"]:checked + label {
    border: var(--border-thin) solid rgba(0, 185, 0, 1);}
input.ChGlowGreen[type="checkbox"]:checked + label:hover {background-color: rgba(0, 185, 0, 1); color: #fff;}

/* Если переключатель выключен то контур красный  */
input.NChGlowRed[type="checkbox"]:not(:checked) + label {border: var(--border-thin) solid rgba(224, 0, 0, 1); }
input.NChGlowRed[type="checkbox"]:not(:checked) + label:hover {background-color: rgba(224, 0, 0, 1); color: #fff;}

/* Если переключатель выключен то контур Желтый  */
input.ChekAttrYello[type="checkbox"]:checked + label {background-color: rgba(224, 224, 0, 0.5); }
input.ChekAttrYello[type="checkbox"]:checked + label:hover {background-color: rgba(224, 224, 0, 1);}

/* Если переключатель выключен, то фон и бордер красный если включен, то зеленые  */
input.ChekAttrGlow[type="checkbox"]:not(:checked) + label {
    border: var(--border-thin) solid rgba(224, 0, 0, 1); background-color: rgba(224, 0, 0, 1);}
input.ChekAttrGlow[type="checkbox"]:not(:checked) + label:hover {background-color: rgba(0, 185, 0, 1); color: #fff;}

input.ChekAttrGlow[type="checkbox"]:checked + label {
    border: var(--border-thin) solid rgba(0, 185, 0, 0.6);background-color: rgba(0, 185, 0, 0.6); color: #fff;}
input.ChekAttrGlow[type="checkbox"]:checked + label:hover {background-color: rgba(224, 0, 0, 1); color: #fff;}

/* Если переключатель включен, то бордер красный */
input.ChekAttrGlowRed[type="checkbox"] + label { border: var(--border-thin) solid rgba(224, 0, 0, 0); }
input.ChekAttrGlowRed[type="checkbox"]:checked + label {
    border: var(--border-thin) solid rgba(224, 0, 0, 0.6);}
input.ChekAttrGlowRed[type="checkbox"]:checked + label:hover {border-color: rgba(224, 0, 0, 1);}

/* Если переключатель выключен, то фон красный */
input.ChekAttrBGRed[type="checkbox"]:not(:checked) + label { background-color: rgba(224, 0, 0, 0.5); color: #fff; }
input.ChekAttrBGRed[type="checkbox"]:not(:checked) + label:hover { background-color: rgba(0, 185, 0, 1); color: #fff; }

input.ChekAttrBGGreen[type="checkbox"]:checked + label { background-color: rgba(0, 185, 0, 0.8); color: #fff; }
input.ChekAttrBGGreen[type="checkbox"]:checked + label:hover { background-color: rgba(224, 0, 0, 1); color: #fff; }

input.NoCheckedAtt[type="checkbox"]:not(:checked) + label:hover:before,
input.ChekAttrBGGreen[type="checkbox"]:checked + label:hover:before { border-color: #ffe0e0; }

input.ChekAttrBGRedChek[type="checkbox"]:checked + label { background-color: rgba(224, 0, 0, 0.7); color: #fff; }

input.ChekAttrBGBlue[type="checkbox"] + label,
input.ChekAttrBGBlue[type="checkbox"] + p label { background-color: rgba(0, 130, 255, 0.6); color: #fff; }
input.ChekAttrBGBlue[type="checkbox"] + label:hover,
input.ChekAttrBGBlue[type="checkbox"] + p label:hover { background-color: rgba(0, 130, 255, 1); color: #fff; }
input.ChekAttrBGBlue[type="checkbox"]:checked + label,
input.ChekAttrBGBlue[type="checkbox"]:checked + p label { background-color:transparent; color: inherit; }


input.ChekAttrBGBlack[type="checkbox"]:checked + label { background-color: rgba(0, 0, 0, 0.7); color: #fff; }
input.ChekAttrBGBlack[type="checkbox"]:checked + label:hover { background-color: rgba(0, 0, 0, 0); color: #304050; }


input.CheckBox[type=checkbox]:checked + label:before,
input.CheckBox[type=checkbox]:checked + p label:before {
    box-shadow: -0.1em -0.1em 0.6em -0.5em #0082ff inset;
    -webkit-box-shadow: -0.1em -0.1em 0.6em -0.3em #0082ff inset;

}

input.CheckBox[type=checkbox]:disabled + label:before,
input.CheckBox[type=checkbox]:disabled + label:after,
input.CheckBox[type=checkbox]:disabled + label:hover,
input.CheckBox[type=checkbox]:disabled + label,
input.CheckBox[type=checkbox]:disabled + p label:before,
input.CheckBox[type=checkbox]:disabled + p label:after,
input.CheckBox[type=checkbox]:disabled + p label:hover,
input.CheckBox[type=checkbox]:disabled + p label {
    pointer-events: none;
    border-color: #304050;
    box-shadow: none;
    -webkit-box-shadow: none;

    opacity: 0.35;
    cursor: default;}

input.CheckBox[type=checkbox]:disabled + label:before,
input.CheckBox[type=checkbox]:disabled + label:hover,
input.CheckBox[type=checkbox]:disabled + label,
input.CheckBox[type=checkbox]:disabled + p label:before,
input.CheckBox[type=checkbox]:disabled + p label:hover,
input.CheckBox[type=checkbox]:disabled + p label {
    background: none;
}

input.CheckBox[type=checkbox]:disabled + label:after,
input.CheckBox[type=checkbox]:disabled + p label:after { background-color: #d0d8df; }

/* Create the box for the checkboxShow */
input.CheckBoxShow {
    display: none;
}

input.CheckBoxShow + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    padding: 0.4em;
    margin: 0.2em;
    background-color: #0082ff;

    border-radius:0px 0.4em 0.4em 0px;
}

input.CheckBoxShow + label:hover {
    box-shadow: 0px 0px 0.5em #d0d8df;
    }

input.CheckBoxShow + label:before {
    content: "";
    border-style: solid;
    border-color: transparent transparent transparent #f8fcff;
    border-width: 0.4em 0em 0.4em 0.5em;
    vertical-align: middle;
    display: block;
    margin: 0.5em 0em;
}

input.CheckBoxShow + label:hover::before{
    border-color: transparent transparent transparent #fff;
}

input.CheckBoxShow:checked + label:before {
    box-shadow: -0.1em -0.1em 0.6em -0.5em #0062cf inset;
    -webkit-box-shadow: -0.1em -0.1em 0.6em -0.3em #0062cf inset;

   border-color: transparent #f8fcff transparent transparent;
   border-width: 0.4em 0.5em 0.4em 0em;
}


/* Чекбокс для платных услуг */

.ServTD td:hover {
    box-shadow: 0 0 1em rgba(212, 238, 208, 1) inset;
    /* rgba(212, 238, 208, 0.8) */}

input.ServCheckBox[type="checkbox"] {
    display: none;
}

input.ServCheckBox[type="checkbox"] + label {
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.1em;
    margin: -5px -10px;
    padding: 2em 0.5em;
    position: relative;
    vertical-align: middle;
    width: 100%;
}


input.ServCheckBox[type="checkbox"] + label:hover{
    border-radius:none;

    box-shadow: none;}

/* Конец чекбокса для платны услуг */



.LabelNoText {    padding: 0.4em 1.3em 0.4em 0.4em !important; }

/* Create the box for the radio */
input.Radio[type="radio"] {
    display: none;
}

input.Radio[type="radio"] + label {
    cursor: pointer;
    display: inline-block;
    line-height: 1.2em;
    margin: 0.2em;
    padding: 0.4em 0.6em 0.4em 2.2em;
    position: relative;

    border-radius:0.4em;
}

input.Radio[type="radio"] + label:hover {
    box-shadow: 0px 0px 0.5em #d0d8df;
    }

/*
 НАЧАЛО: Переклчатели варианта оплты
*/

input.InputOpaci[type="radio"] + label {
    border: var(--border-thin) solid #dfd8d0;

/* min-height: 8em; */

    opacity: 0.5;
    }

input.InputOpaci[type="radio"] + label:hover,
input.InputOpaci[type="radio"]:checked + label {
    opacity: 1.0;
    }

input.InputOpaci[type="radio"] + label:hover { border-color: #0082ff; }

input.InputOpaci[type="radio"] + label .title { font-size: 1.3em; margin-bottom: 0.4em; }


/*
 КОНЕЦ: Переклчатели варианта оплты
*/


input[type=radio]#PayType_PersCalendarByChart ~ #PersonalCards,
input[type=radio]#PayType_PersCalendarByChart ~ #PersonalCards + #PayProductAction,
input[type=radio]#PayType_PersByChart ~ #PersonalCards,
input[type=radio]#PayType_PersByChart ~ #PersonalCards + #PayProductAction{ display:none; }

input[type=radio]#PayType_PersCalendarByChart:checked ~ #PersonalCards,
input[type=radio]#PayType_PersByChart:checked ~ #PersonalCards { display:block; }

input[type=radio]#PayType_PersCalendarByChart:checked ~ #PersonalCards + #PayProductAction,
input[type=radio]#PayType_PersByChart:checked ~ #PersonalCards + #PayProductAction {
    display: flex;

    margin:0.5em 0 1em 0;
    }

input.Radio[type="radio"] + label:before {
    box-sizing: border-box;
    content: '';
    display: inline-block;

    border: var(--border-thin) solid #d0d8df;
    background-color: #f8fcff;
    position: absolute;


    height: 1.4em;
    width: 1.4em;

    left: 0.3em;
    top: 50%;

   margin-top: -0.7em;
   vertical-align: inherit;

    box-shadow: 0.2em 0.2em 0.3em -0.3em #708090 inset;
    -webkit-box-shadow: 0.2em 0.2em 0.45em -0.35em #708090 inset;

    -khtml-border-radius:0.8em;
    border-radius:0.8em;

}

input.Radio[type="radio"] + label:hover::before{
    border-color: #0082ff;
}
/* Display the tick inside the checkbox */
input.Radio[type="radio"] + label:after {
    box-sizing: border-box;

    background: #d0d8df;
    border-radius: 0.5em;
    content: "";
    left: 0.6em;
    opacity: 0.0;
    position: absolute;
    height: 0.8em;
    top: 50%;
    margin-top: -0.4em;
    width: 0.8em;
}
/** Create the hover event of the tick */
input.Radio[type="radio"] + label:hover::after {
    opacity: 0.5;
}

/* Create the checkbox state for the tick */
input.Radio[type=radio]:checked + label:after {
    opacity: 1;
    background-color: #0082ff;
    /*border-color: #0062cf;*/
    box-shadow: -0.05em -0.05em -0.05em #0062cf;
    -webkit-box-shadow: -0.05em 0.-05em -0.05em #0062cf;
}

input.Radio[type=radio]:checked + label:before {
    box-shadow: -0.1em -0.1em 0.6em -0.5em #0082ff inset;
    -webkit-box-shadow: -0.1em -0.1em 0.6em -0.3em #0082ff inset;

}

.RadioCheckedBlue input.Radio[type=radio]:checked + label { background-color: #0082ff;
color: #fff; }

.RadioNotes:checked + label {
    border-width: var(--border-thin) var(--border-thin) 0px var(--border-thin);
    border-style: solid;
    border-color: #0062cf #0062cf  rgba(0, 98, 207, 0) #0062cf;

    border-radius: var(--border-radius-inputs) var(--border-radius-inputs) 0 0;}


label {
    display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
   display: inline-flex;

   -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    position: relative;

    /* display: inline-block; */
    /* vertical-align: middle; */
    padding: 0.4em 0.4em 0.4em 2.2em;
    margin: 0.2em;
    cursor: pointer;
    line-height: 1.1em;
    white-space: normal;
    }
h3 label, .h3 label {
    font-size: 0.7em;
}

label:hover{
    border-radius:var(--border-radius-inputs);}

/*.js_loadImg label { margin: 0 0.5em;
     }*/

label sup { margin-top: -0.5em;
    display: inline-block;
   margin-top: -0.5em;
   position: relative;
   top: 0.08em; }

label input {margin-left: -15pt; margin-right: 5px;}

.SeminarDescr label input {margin-left: 0;}



.GenTable {
    width: min-content;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    margin: 0 0;
    font-size: 0.85em;

    margin-bottom: 0.8em;}

.GenTable.ProfileSection {
    max-width: 100%;
}

.GenTable.ProfileSection.ProfileLangMgr {
    width: auto;
}

.GTheadTd {
    background-color: #ffffff;

    border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl);
    box-shadow: 0 0 1.8em #304050;

    z-index: var(--z-index110);
    padding-top: 1px;}


.GTfootTd {
    background-color: #908070;
    color: #ffdead;
    border-top: 2pt solid #f00000;

    border-radius: 0 0 var(--border-radius-xl) var(--border-radius-xl);

    box-shadow: 0 0 1.8em var(--color-Dark);
    padding: 0.5cm 0cm;
    z-index: var(--z-index90);}

/*Стили иероглифов*/
.Fire, .FIRE, .qmdj_compare_0 {color: var(--color-Red-hover);}
.Water, .WATER, .blue {color: var(--color-Water);}
.Wood, .WOOD, .qmdj_compare_1, .green {color: var(--color-Wood);}
.Metall, .METALL, .gray {color: var(--color-Metall);}
.Earth, .EARTH, .braun {color: var(--color-Earth);}
.Black { color: var(--color-Dark); }



.Abbr {
    font-size: 0.8em;
}

input.ML_OK + label,
.checkable-list.inline-buttons input.ML_OK + label,
.checkable-list.inline-buttons input.ML_OK[type="checkbox"]:checked + label {
    color: #FFF;
    text-shadow: rgba(0, 82, 175, 0.5) -1px -1px 0px;
    background-color: rgba(0, 98, 207, 0.7);}

input.ML_OK[type="checkbox"]:checked + label:after { border-color: #2072cf;}
input.ML_OK[type="checkbox"]:checked + label:hover:before { border-color: #fff; }


.HieroG, td.HieroG {font-size: 32pt;
    padding: 1pt 0pt 0pt 0pt;
    display: inline-block;
    text-align: center;
    width: 50pt!important;}


.checkable-list.inline-buttons input.ML_OK + label:before,
.checkable-list.inline-buttons input.ML_OK + p label:before { border-color: #b0e2ff; }

.checkable-list.inline-buttons input.ML_OK + label:hover:before,
.checkable-list.inline-buttons input.ML_OK + p label:hover:before {
    border-color: #fff;
}


.checkable-list.inline-buttons input.ML_OK + label:hover {
    background: none;
    background-color: rgba(0, 98, 207, 0.9);
    border-color: rgba(0, 98, 207, 0.9); }

.Content, .wrapper_main_gdirection, .wrapper_main_24mountain {
    margin: 0;
    width: 100%;
    box-sizing: border-box;}

/*
.wrapper_main_gdirection .Header, .wrapper_main_24mountain .Header,
.wrapper_main_gdirection hr, .wrapper_main_24mountain hr { margin-left: -1.9em;  margin-right: -1.9em; }
*/

.YouRegistred {

    opacity: 0.3; }

/* ==================================================================================================== */
/* ЛЭЙАУТА СОДЕРЖИМОГО НА ФЛЕКСБОКСЕ */
/* <div class="MainWrapperFlex"> - основная обертка
        <div class="AnnouncFlex"></div>
        <div class="NavBarFlex"></div> - строка навигации (может и не быть)
        <div class="ContentFlex"></div> - Собственно содержимое
        <div class="MenuFlex"></div> - Колонка меню
        ReadMore - Кнопка подробнее
    </div> */

/*.MapSelecter.FlexBookmarkLight { margin-bottom: 0;
    z-index: var(--z-index1;) }*/


#Add_New_Comment {
    font-size: 1em;

    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 5em;
    height: 4.5em;

    pointer-events: all;
    padding: 0.5em 0;
    margin: 0;

    font-weight: bold;
    color: rgba(0, 98, 207, 1);
    text-shadow: 0.1em 0.1em 0 rgba(0, 98, 207, 0.8);

    box-sizing: border-box;
    text-align: center;

    position: fixed;
    right: calc(50% - var(--PageSize-Norm) /2);

    bottom: var(--NAV-Botton-Desc_Pos_B);

    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: var(--backdrop-filter-Menu);

    border: none;

    border-radius: 0.6em 0 0 0.6em;

    box-shadow: 0 0 0 0.15em var(--color-Orange), 0.2em 0.4em 0.5em rgba(112, 128, 144, 0.7);

    z-index: var(--z-index-Max);

    opacity: 0.9;

   -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 */

    }

#Add_New_Comment:hover {
    color: #0082ff;

    box-shadow: 0 0 0 0.15em var(--color-Orange-hover), 0 0 0.8em var(--color-Orange-hover-Opacity5) inset;

    opacity: 1;
}

#Add_New_Comment svg {
    font-size: 3.6em;
}

.ShowAddNewComment {
    -webkit-animation: ShowAddNewComment 0.8s ease-in-out;
      animation: ShowAddNewComment 0.8s ease-in-out;
}

@keyframes ShowAddNewComment {
    0% {
        transform: scale(0.9);
        opacity: 0.2;
        /*right: -5em;*/
        right: calc(50% - var(--PageSize-Norm) /2);
        filter: blur(0);
    }

    40% {
        transform: scale(1.1);
        right: calc(50% - var(--PageSize-Norm) /2 + 1em);
        filter: blur(0.1em) brightness(1.8) grayscale(50%);
    }
     100% {
         transform: scale(1) ;
        opacity: 1;
        filter: blur(0);
        }
    }

.MapSelecter.FlexBookmarkLight {
   flex-wrap: nowrap;
   }
.MapSelecter.FlexBookmarkLight label { background-color: #fff; }

.MenuFlex .MapSelecter {
    border-radius: 2em;}

#MenuFlex,
.MenuFlex .StolpyMin .Star1,
.MenuFlex .StolpyMin tbody tr:nth-last-of-type(2) { display: none; }


input#MenuFlex + .MenuFlex label[for="MenuFlex"] {
    overflow: hidden;

    display: none;
    -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 */}


#MapMain input#MenuFlex + .MenuFlex {
    position: absolute;
    top: 5em;

    z-index: var(--z-index2);}

#MapMain input#MenuFlex + .MenuFlex label[for="MenuFlex"] {
    font-size: 0.7em;

    color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 0.1em 0.1em 0 rgba(0, 98, 207, 0.8);

    display: inline-flex;
    flex-direction: column;
    justify-content: center;

    position: inherit;

    margin: 0;
    padding: 0.5em 0.8em 0.5em 0.8em;

    box-sizing: border-box;

    background-color: rgba(0, 98, 207, 0.8);
    border: var(--border-thin) solid #fff;

    box-shadow: 0.2em 0.2em 0.1em -0.1em rgba(0, 0, 0, 0.3);

    border-radius: 0.4em;

    opacity: 0.9;

   -webkit-touch-callout: none; -webkit-user-select: none;
    -khtml-user-select: none;    -moz-user-select: none;
    -ms-user-select: none;     user-select: none;

    order: 1;
    }

/*
#MapMain input#MenuFlex + .MenuFlex .ScrollSection,
*/
.MapViewMenu {
    font-size: 0.9em;}

.MapViewMenu { right: 1.2em; }

#MapMain input#MenuFlex + .MenuFlex { right: 1em; }

 #MapMain input#MenuFlex + .MenuFlex label[for="MenuFlex"]:before {
        content:"";
        background-color: #ffffff;
        display: block;
        width: 100%;
        height: 0.3em;
        margin-bottom: 1.6em;
        margin-top: 0.6em;

        box-shadow: 0.1em 0.1em 0 rgba(0, 98, 207, 0.9), 0 0.6em 0 #ffffff, 0.1em 0.7em 0 rgba(0, 98, 207, 0.9),  0 1.2em 0 #ffffff, 0.1em 1.3em 0 rgba(0, 98, 207, 0.9);}

#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd,
#MapMain input#MenuFlex + .MenuFlex .ScrollSection { display: none; }

#MapMain input#MenuFlex:checked + .MenuFlex {
    position: static;
    right: auto;
    top: auto;

    width: 25em;

      overflow-x: hidden;
      overflow-y: auto;

    border-radius:0;

/*    box-shadow: 0px 0px 1em rgba(0, 0, 0, 0.5);*/
    }

#MapMain input#MenuFlex:checked + .MenuFlex:before {
    content: "";
    display: flex;
    width: 1em;
    height: 100%;
    position: absolute;
    margin-left: -1em;
    pointer-events: none !important;

    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=1 );
 }

#MapMain input#MenuFlex:checked + .MenuFlex .ScrollSection {
    display: block;

    overflow: hidden;
    overflow-y: auto;
    }

#MapMain input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"]:before {
        box-shadow: none;
        display: none;}

#MapMain input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"] {
    font-weight: normal;
    font-size: 1.4em;
    margin: 0em;
    text-align: left;
    background: #908070 url(/img/ico_Close_w.svg) no-repeat 98% center;
    background-size: 1.2em;
    /*color: rgba(0,0,0,0);*/
    text-shadow: 0 0 0 rgba(0,0,0,0);

    box-shadow: none;

    border-radius:0;}

nav ymaps ymaps[data-index] > ymaps {

    white-space: normal;
    line-height: 1.4em;
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    border-bottom: var(--border-thin) solid #dfd8d0;
    }

nav ymaps ymaps:last-of-type[data-index] > ymaps {
    border-bottom: none;
    }

.NavBarFlex, .ContentFlex, .SectionFiles, .MenuFlex, .Announc, .ReadMore,
.SectionSmall, .Section, .SectionTitle, .MainWrapperFlex,
.SectionGroup_4C, .SectionGroup_3C, .SectionGroup_2C, .SectionGroup_1C,
.SeminarStatusPrice {
    box-sizing: border-box;
    min-width: 1em;}

/*.ContentFlex, .SectionGroup_2C { overflow: hidden }*/

.wrapper_main_dictionary .Content,
.MainWrapperFlex, .NavBarFlex, .Announc, .Announc .SectionTitle,
.SectionGroup_4C, .SectionGroup_1C,
.ContentFlex, .SectionFiles .Control, .SectionFiles .Price {
   display: flex;
   flex-direction: row;

   min-width: 1em; /* надо указывать, чтобы у дочерних объектов небыло проблем с вылезанием за край */
   }

.MainWrapperFlex.ContentShop .ContentFlex {
    /*
    flex-direction: column;
    */
}

.SectionGroup_2C,
.SectionGroup_3C {
    display: grid;
}

.SectionTestBlock a, .SectionTestBlock button {
   flex: 1 0 auto;
   }

.NavBarFlex, .AnnouncFlex .Title,
.SectionGroup_4C, .SectionGroup_3C, .SectionGroup_2C, .SectionGroup_1C {
   flex: 1 0 100%;
   }

.wrapper_main_dictionary .Content,
.MainWrapperFlex, .ContentFlex, .Announc .SectionTitle,
.Section_Row4C, .Section_Row3C,
.SectionGroup_4C, .SectionGroup_3C, .SectionGroup_2C, .SectionGroup_1C,
.SectionFiles {
    flex-wrap: wrap;
    }

.SectionGroup_4C, .SectionGroup_3C, .SectionGroup_2C {
    justify-content: flex-start;
}

.SeminarDescr .SectionHeader {
    display: flex;
    flex: 1;
}

.SectionTitle {
    flex: 1;

    position: relative;
    padding: 0.3em 0.8em 0.6em 0.8em;

    line-height: 1.1em;
    color: #304050;
    z-index: var(--z-index2);
    }

.SeminarDescr .SectionTitle {
    padding: 0;
}

.SectionTitle + .SectionFiles,
.SectionSmall .flexColInLine + .SectionFiles { border-top: var(--border-thin) dotted #dfd8d0; }

.SectionGroup_3C .SectionCover .SectionTitle,
.SectionGroup_4C .SectionCover .SectionTitle {
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

.Section, .SectionSmall, .Announc, .RoundCorn, .diplom-item {
     border-radius: var(--border-radius-md);}

.TrainingType,
.Announc .OnLine, .Announc .Club, .Announc .Video, .Announc .FullTime, .Announc .OffLine, .Announc .Free,
.AdLine1Sect .OnLine, .AdLine1Sect .Club, .AdLine1Sect .Video, .AdLine1Sect .FullTime, .AdLine1Sect .OffLine, .AdLine1Sect .Free,
.SectionCover .OnLine, .SectionCover .Club, .SectionCover .Video, .SectionCover .FullTime, .SectionCover .OffLine, .SectionCover .Free,
.cover .OnLine, .cover .Club, .cover .Video, .cover .FullTime, .cover .OffLine, .cover .Free {
    border-bottom-right-radius: var(--border-radius-norm);

    padding: 0.2em 0.5em;
    position: absolute;
    top: 0;
    left:0;

    box-shadow: 0.15em 0.15em 0.1em rgba(51, 51, 51, 0.3);
    z-index: 2;
  }

.Announc {
    position: relative;
    overflow: hidden;
/*
    width: 50%;
*/
    min-height: 8em;
    margin: 0 0 1.5em 0;

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

    align-items: flex-end;}


.Announc:hover:before {display: block;}

.Announc .SectionCover {
    position: absolute;
/*
    min-width: 102%;
    min-height: 102%;
    margin: -1%;
*/
    width: 100%;

    align-self: center;
    }

.Announc .SectionTitle, .Announc .MLDate {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(112, 96, 80, 0.7);
    z-index: 1; }

.Announc .SectionTitle {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#96000000',GradientType=0 );

    background-blend-mode:multiply;}

.NavBarFlex {
    order: 0;
    align-items: center;

    background:#f8fcff;

    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(center 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);

    margin: 0em 0 1.4em;
    padding: 0;
    min-height: 2em;
    max-width: 100%;
    }

.NavBarFlex div {
    line-height: 1em;

    display: flex;
    align-items: center;
    flex: 0 0 auto;

   /*max-width: 59%;*/}

.NavBarFlex a svg {
    margin-left: 0;
    margin-right: 0;
}

a svg + .text {
    margin-left: 0.3em;
}

 .NavBarFlex div a:last-of-type { margin-right: 0.5em; }

.NavBarFlex div:last-of-type {
    text-align: right;
    justify-content: flex-end;

    white-space: nowrap;
    z-index: 5;
    margin-left: 0.5em;

    max-width: 45%;
   }

 .NavBarFlex div:last-of-type :last-child { margin-right: 0; }

 .NavBarFlex div:last-of-type label { text-align: initial; }

 .NavBarFlex div:first-of-type {
    justify-content: flex-start;
    flex: 1;

      margin-left: -0.6em;
      max-width: inherit;
      z-index: 2;}


.NavBarFlex div:first-of-type a {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 0.8em 1.2em 0.8em 0.6em;
    white-space: nowrap;
    min-width: min-content;
    }

.Toolbar section.Crumbs a {
    display: inline-block;
    position: relative;
    padding: 0 1.2em 0 0;
    white-space: nowrap;
    min-width: min-content;
    }


.Toolbar section.Crumbs:first-of-type a:before,
.NavBarFlex div:first-of-type a:before {
     content: "";
    position: absolute;
    right: 0.2em;

    top: 50%;
    margin-top: -0.3em;

    width: 0;
    height: 0;
    border-width: 0.4em 0 0.4em 0.6em;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent #0062cf;

    z-index: 2;}

.MenuFlex {
    display: flex;
    flex-direction: column;

    pointer-events: auto;
    flex: 0 0 23%;
    min-width: 18em;

    margin-left: -1.6em;
    padding-left: 1.6em;

    order: 2;
    }

.MenuFlex .ScrollSection #SeasonsInfo { margin: 0.8em 0.25em }

.MenuFlex .ScrollSection .Sel {
    box-shadow: 0 0 0.5em 0.0em rgba(0, 130, 255, 0.6);
    margin: 0.7em -0.5em;
    padding: 0.5em; }

.MenuFlex .ScrollSection .Sel .MapSettMarker {  }

#MapMain .MenuFlex {
   flex: 0 0 auto;

   min-width: initial;

    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
    }

input#FullScr:checked + #MapMain input#MenuFlex:checked + .MenuFlex { font-size: 1em; }

#MapMain .MenuFlex .FlexMenuContent {
   display: flex;
   flex-direction: column;
   flex: 1;
    order: 1;

  overflow: hidden;}

#MapMain .MenuFlex .ScrollSection {
    padding: 1em;
    order: 2;
    }

#MapMain .MenuFlex .FlexMenuContent .FormBlock {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
}

#MapMain .MenuFlex .ScrollSection .M_DeleteItem {
   display: flex;
   align-items: center;
   }

.MapSettMarker, .MapSettMarkerSel { height: 2.5em; margin-top: 0.25em; cursor: pointer;}

.MapSettMarker:hover, .MapSettMarkerSel {
    background-size: cover;}

.ML_MapMarker:hover:before, .ML_MapMarker_Sel:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    }

.wrapper_main_gdirection .ML_MapMarker:hover:before,
.wrapper_main_gdirection .ML_MapMarker_Sel:before,
.wrapper_main_gdirection .MapSettMarker:hover,
.wrapper_main_gdirection .MapSettMarkerSel {
    background: url(/img/markers/Marker_Hover.png) no-repeat;
    background-size: cover;
}

.wrapper_main_24mountain .ML_MapMarker:hover:before,
.wrapper_main_24mountain .ML_MapMarker_Sel:before,
.wrapper_main_24mountain .MapSettMarker:hover:not(.Address),
.wrapper_main_24mountain .MapSettMarkerSel {
    background: url(/img/markers/Marker_24M_Hover.png) no-repeat;
    background-size: cover;
}

#MapMain .MenuFlex .height { display: none; }

.SwapPoints{
    display: flex;

    color:#0062cf;
    cursor: pointer;
    position: relative;

    justify-content: center;
    }

.SwapPoints svg {
    display: inline-block;
    height: 2.5em;
    width: 100%;

    -webkit-filter: drop-shadow(0 0 2px #fff);
    filter: drop-shadow( 0 0 2px #fff );

    z-index: 1;}
.SwapPoints:hover { color: #0082ff; }

.SwapPoints:hover:before { border-color: #0082ff; }

.SwapPoints:before { display: block;
    content: "";
    width: 100%;
    border-top: var(--border-thin) dotted #efe8e0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 0;}


.MenuFlex .CloadTagsHeader:first-child, .MenuFlex h3:first-child { margin-top:0; }

.MenuFlex .Title { color: #304050;
    font-size: 1.5em;
    margin-top: 1em; }

.MenuFlex .MenuFlexAd { margin: 1em 0 1em 1em;  }
.MenuFlex .MenuFlexAd img {width: 100%;
   height: inherit; }

.MenuFlex .MenuFlexAd .Descr {
    display: block;
    padding: 0em 0.8em 0.8em;
    box-sizing: content-box; }

.MenuFlex .MenuFlexAd .ReadMore {
    background: none;
    padding: 0.4em 0 0.3em 0;
    margin-bottom: -0.2em;
    text-shadow: none;
    color: #0062cf;}

.MenuFlex .MenuFlexAd .ReadMore:after { content: none; }

.MenuFlex .MenuFlexAd:hover .ReadMore { color: #0082ff;
    text-decoration: underline;}

.MenuFlex .MenuFlexAd .OnLine,
.MenuFlex .MenuFlexAd .Club,
.MenuFlex .MenuFlexAd .Video,
.MenuFlex .MenuFlexAd .FullTime, .MenuFlex .MenuFlexAd .OffLine,
.MenuFlex .MenuFlexAd .Free { padding: 0.2em; text-align: center; border-bottom: var(--border-thin) solid rgba(255, 255, 255, 0.8); }

.MenuFlex .MenuFlexAd .Descr .MLDate
 { margin-top: 0;
    margin-bottom: 0.2em;
    font-size: 1em;}
.MenuFlex .MenuFlexAd .Descr .Title { margin-top: 0.2em; }

.MenuFlex .MenuFlexAd .Title {
    font-size: 1.3em;
   font-weight: normal; }


input#FullScr:checked + #MapMain input#MenuFlex:checked + .MenuFlex .MenuFlexAd {
    display: inline-flex;
    }

#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd {
    pointer-events: all;

    background-color: #fff;
    margin: 0;

    border-radius: 0;
    box-shadow: 0 1px 0 #ffffff, 0 0 1.5em rgba(112, 128, 144, 0.8);

    border-bottom: var(--border-thin) solid rgb(144, 128, 112);

    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;

    z-index: 2;  }

#MapMain input#MenuFlex + .MenuFlex .cover {
    align-items: center;
    justify-content: center;
    display: flex;

     min-width: 35%;
     max-width: 40%;
     overflow: hidden;

    margin-right: 1.0em;}

#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .Descr {
    padding: 0.5em 1em 0.5em 0;
    flex: 1;
    }


#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .MLDate { font-size: 0.9em; }
#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .CTitle { font-size: 0.9em; }
#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .Title { font-size: 1.1em;
    line-height: 1.2em; }

#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .ULCloadTegs {
        margin-bottom: 2em!important;
        display: flex;
        flex-direction: column;
        }


.ContentFlex,
.ML_TBody.ContentFlex {
    margin-left: 2%;
    flex: 1;
    align-content: flex-start;
    order: 3;
    }

.wrapper_section_main .ContentFlex {
    padding-left: 3.5em;
}

.ML_TBody.ContentFlex form {
    flex: 1;
}

.ContentFlex #OSTList {
    flex: 1 0 100%;
    max-width: 100%;
    /*
    width: 100vw;
    */
    }

.ContentFlex hr { width: 100%; }

.ContentFlex .h3 { margin-top: 0.8em; margin-bottom: 0.8em; }
.ContentFlex .h3 + .h3Subtitle,
.ContentFlex .h3 + ol, .ContentFlex .h3 + ul,
.ContentFlex h3 + ol, .ContentFlex h3 + ul { margin-top: -0.4em; }

.ContentFlex .ULSubMenu,
.ContentFlex .info_block_right { font-size: 1.2em; }


    /* Анонс приложений (иконка, название, дата обновления) */

.MLAnnounce_Short, a.MLAnnounce_Short,
.SuportMenu .MLAnnounce_Short {
    line-height: 1em;
       display: inline-flex;
       flex-direction: row;
    align-items: center;

       text-decoration: none;
    }

.wrapper_section_list .SuportMenu {
    margin-bottom: 1.5em;
    }

    .wrapper_main_calendar .SuportMenu .MLAnnounce_Short {
        margin-right: 1.2em;
    }

   .SuportMenu .MLAnnounce_Short:after, .SuportMenu a.MLAnnounce_Short:after {content: none;  }

   .SuportMenu .MLAnnounce_Short:hover, .SuportMenu a.MLAnnounce_Short:hover {
           background-color: transparent;
        color:#0082ff; }

   .MLAnnounce_Short .Cover {
       width: 2.4em;
       margin: -0.3em 0.5em -0.3em 0;

    align-self: center;
    }

   .MLAnnounce_Short .Title, .MLAnnounce_Short .MLTitle,
   .MLAnnounce_Short .MLDate, .MLAnnounce_Short .MLDate { line-height: 0.9em; }

    .MLAnnounce_Short .Title, .MLAnnounce_Short .MLTitle {}
    .MLAnnounce_Short:hover .Title, .MLAnnounce_Short:hover .MLTitle,
    .PayInfo:hover .Title, .PayInfo:hover .MLTitle { text-decoration: underline; }
    .MLAnnounce_Short .MLDate, .MLAnnounce_Short .MLDate { margin-top: 0.4em; font-size: 0.8em; }

    .MapSelecter label .PayInfo {
        display: none;
        align-items: center;

        padding: 0.2em 0.2em 0.2em 0.4em;

        position: absolute;
        right: 0;

        background-color: rgba(0, 185, 0, 0.8);
        color: #fff;
        border-radius: 0.3em 0 0 0.3em;
        font-size: 0.7em;
        margin-left: 0.2em;
        text-shadow:-1px -1px 0 rgba(48, 64, 80, 0.3);}

    /* Конец Анонс приложений (иконка, название, дата обновления) */

.SectionSmall a, .Section a,
a.SectionSmall, a.Section,
.SectionTestBlock a {
    text-decoration: none;
    color: var(--color-Dark);
    background-color: #fff;
    }

.SectionSmall .Title, .Section .Title {
    display: block;
    margin-top: 0.3em;
    font-weight: bold;}

.CTitle { font-weight: bold; }

.SectionSmall .CTitle, .SectionSmall .MTitle, .SectionSmall .Title,
.SectionSmall .CTitle, .Section .MTitle, .Section .Title {
    line-height: 1.2em; }

.SectionSmall .CTitle, .SectionSmall .MTitle,
.SectionSmall .CTitle, .Section .MTitle {
    color: #706050;}

.SectionFiles {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow-y: auto;

    padding: 0.1em 0.4em 0.1em 0.4em;
    z-index: 5;
    }

/*
Выводим файлы списком
*/
.SectionFiles.Column {
    flex-direction: column;
    align-content: normal;
}

#ShopList .SectionFiles {
    padding-left: 0;
    padding-right: 0;
}

.SectionFiles .Control,
.SectionFiles .Price,
.SectionFiles.textSub {
    align-items: center; }

.SectionFiles .Control {
    justify-content: space-around;
    font-size: 1.2em;
    flex: 0 0 auto;
    }

.SectionFiles .Control .CheckBox + label { padding: 0.6em 0.6em 0.6em 1.2em; }

.SectionFiles .Price {
    padding: 0.2em 0.4em;
    font-size: 1.2em;
    padding: 0.2em 0.4em;
    font-weight: bold;

    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end; }

.ReadMore { padding: 0.8em; }

.SectionSmall .ReadMore {
    font-size: 1.0em;
    line-height: 0.9em;
    color: #ffffff;

    position: relative;

    padding-right: 1.8em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-top: 1px;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b2ff), to(#0062df));
    background-image: -webkit-linear-gradient(top, #40b2ff, #0062df); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(center top, #40b2ff, #0062df); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #40b2ff, #0062df); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b2ff', endColorstr='#0062df'); /* for IE */
    background-image:      -o-linear-gradient(top, #40b2ff, #0062df); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #40b2ff, #0062df);

    cursor: pointer;
    text-shadow: rgba(0, 0, 0, 0.2) -1px -1px 0px;

    z-index: 1;}


.SectionSmall .ReadMore:after {
     content: "";
    position: absolute;
    right: 0.5em;

    top: 50%;
    margin-top: -0.6em;

    width: 0;
    height: 0;
    border-width: 0.6em 0 0.6em 0.7em;
    border-style: solid none solid solid;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);

    z-index: 2;}

.SectionSmall .ReadMore svg { font-size: 0.9em; }

.SectionCover .ReadMore {
    font-size: 0.8em;

    position: absolute;
    bottom: 0;
    right: 0;

    border-top: var(--border-thin) solid #ffffff;
    border-left: var(--border-thin) solid #ffffff;

    border-radius: 0.4em 0 0 0;

    z-index: 2;}



.SectionTestBlock + .SectionGroup_1C {
    margin-top: 1em;
}

.SectionGroup_1C > div.Section:last-of-type {
    margin-bottom: 0em;
}

.SectionGroup_4C .SectionFiles,
.SectionGroup_4C .ReadMore { font-size: 0.9em;}

.Section_Row4C .SectionTitle .CTitle, .Section_Row3C .SectionTitle .CTitle,
.Section_Row2C .SectionTitle .CTitle,
.Section_Row4C .SectionTitle .MTitle, .Section_Row3C .SectionTitle .MTitle,
.Section_Row2C .SectionTitle .MTitle { color: #706050; }

.Section_Row4C .SectionTitle,
.Section_Row3C .SectionTitle,
.Section_Row2C .SectionTitle,
/*.Section_Row4C .SeminarStatusPrice*/
.SectionGroup_1C .Section { background-color: var(--color-Gray-Light-SubBlock); }

.SectionGroup_2C .Section_Row4C .SectionTitle,
.SectionGroup_1C .Section .SectionTitle { background-color: transparent; }

.Section_Row4C .SectionTitle,
.Section_Row3C .SectionTitle,
.Section_Row2C .SectionTitle {   width: 70%;}

.SectionCover .SectionTitle a, .SectionCover .SectionTitle,
.SectionCover .SectionTitle .CTitle,
.SectionCover .SectionTitle .MTitle,
.SectionCover .SectionTitle .Title {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(112, 96, 80, 0.7);}

.SectionTitle a:hover { text-decoration: underline; }

.SectionTitle .Title {
    /*
    font-size: 1.1em;
    */
    line-height: 1.2em;
    font-weight: normal;
    text-align: left;}

.SectionTitle .MLDate {
    font-size: 0.8em;
    margin-top: 0;
    }

.SectionGroup_3C .SectionTitle .MLDate {
    text-align: right;
}

.SectionGroup_1C .SectionTitle .MLDate { font-size: 0.9em; }

.SectionCover .MLDate {
    color: #ffffff;
    margin-bottom: 0.2em;}

.SectionGroup_3C .MTitle, .SectionGroup_3C .CTitle {
    display: inline-block;
    font-size: 0.7em; }

.SectionGroup_2C .MTitle, .SectionGroup_2C .CTitle,
.SectionGroup_1C .MTitle, .SectionGroup_1C .CTitle  { font-size: 0.8em; }

.SectionGroup_2C .MLDate {
    margin-bottom: 0.3em;
   flex: 0 1 100%;
   }

.SectionTitle .MTitle:before { content: "/ "; padding-left: 0.15em;}

.SectionTitle .STitle {font-style: italic;
    font-size: 0.8em;
    line-height: 1.1em;}

.SectionSmall a:hover, .Section a:hover,
a.SectionSmall:hover, a.Section:hover,
.SectionTestBlock a:hover,
.Section_Row4C .CTitle:hover, .Section_Row4C .MTitle:hover,
.Section_Row3C .CTitle:hover, .Section_Row3C .MTitle:hover { color: #0082ff; }

.SectionCover .SectionTitle {
    position: absolute;
    width: 100%;
    bottom: top;
    left: 0;
    z-index: 2;}

.SectionTitle + img {
/*
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); */

/*    -webkit-filter: blur(0.02em) brightness(70%) contrast(1.3);
  -moz-filter: blur(0.02em) brightness(70%) contrast(1.3);
  -ms-filter: blur(0.02em) brightness(70%) contrast(1.3);
  -o-filter: blur(0.02em) brightness(70%) contrast(1.3);
    filter: blur(0.02em) brightness(70%) contrast(1.3);*/
    }

/*.Announc .SectionCover { -webkit-filter: blur(0.02em) brightness(70%) contrast(1.3);
  -moz-filter: blur(0.02em) brightness(70%) contrast(1.3);
  -ms-filter: blur(0.02em) brightness(70%) contrast(1.3);
  -o-filter: blur(0.02em) brightness(70%) contrast(1.3);
    filter: blur(0.02em) brightness(70%) contrast(1.3); }*/

.SectionCover .SectionTitle + img:hover,
.SectionCover:hover .SectionTitle + img,
.SectionSmall:hover:not(.Section_Row4C) .SectionTitle + img {
    filter: blur(0em) brightness(95%);}

a.Announc { text-decoration: none; }

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

     position: relative;
     overflow: hidden;

     margin: 0 0 1.5em 0;}

.SectionSmall, .RoundCorn { border: var(--border-thin) solid #dfd8d0; }

.SectionSmall:hover, .Section:hover, .Announc:hover { border-color: #0082ff }


.SectionSmall:hover,
.diplom-item:hover,
.ProductLinks .ItemLikeThis:hover {
    transform: scale(1.02);
}

.Emoji_Response + label .Response_List .Item:hover,
.Emoji_Response + label .No_Response:hover .icon {
    transform: scale(1.12);
}

.SectionCover {
   display: inline-flex;

   overflow: hidden;
   position: relative;

    box-shadow: 0px 0px 1em rgba(112, 128, 144, 0.3);}

.wrapper_main_shop .SectionCover {
    box-shadow: none;
    margin-right: 4%;
    overflow: hidden;
    }

.ShopDescription .SectionCover {
    border-radius: var(--border-radius-norm);
    /*box-shadow: var(--box-shadow-XL-Far);*/
    }

.SectionCover + .SectionTitle    { margin-top: 0.3em; }

.SectionCover img {
    width: 100%;
    align-self: center;
    z-index: 1;
    }

.SectionSmall .SectionCover {
    width: 100%;
    border-bottom: var(--border-thin) solid #fff;
    margin-bottom: -1px;}

.Section_Row4C .SectionCover, .Section_Row3C .SectionCover, .Section_Row2C .SectionCover {
    border-bottom-color: transparent;

    box-shadow: none;}

.Section .SectionCover { border-right: var(--border-thin) solid #fff; }

/* У каждого четвертого элемента мы убираем правый маржен */

/*
.SectionGroup_3C .Announc,
*/
.SectionGroup_4C .SectionSmall {
    margin-right: 2%;
}

/*
.SectionGroup_2C .SectionSmall,
.SectionGroup_2C .Announc {
    margin-right: 1.3%;
}
*/

.SectionGroup_4C .SectionSmall:nth-child(4n),
.SectionGroup_3C .Announc:nth-child(3n),
.SectionGroup_2C .SectionSmall:nth-child(2n),
.SectionGroup_2C .Announc:nth-child(2n) {margin-right: 0;}

.Section_Row4C .SectionCover {
   width: 30%;
   align-self: flex-start;}

.SectionGroup_1C .Section_Row4C .SectionCover {
   width: 28%;}

.SectionGroup_1C .Section_Row4C .SectionCover +div { max-width: 71.7%; }

.SectionGroup_1C .Section_Row4C .YouRegistred,
.SectionGroup_3C .SectionSmall .YouRegistred {
    position: absolute;
    right:0;
    top:50%;
    margin: -1.5em 1em;}

.SectionGroup_3C .SectionSmall .YouRegistred { font-size: 70%; }

.SectionGroup_1C .Section_Row4C .SeminarStatusPrice {
    display: inline-flex;
    align-items: center;

    padding: 0.4em 0.8em;

    min-width: 15%;
    font-size: 1em;
    }

.SectionGroup_1C .Section_Row4C .SeminarStatusPrice .Price,
.SectionGroup_1C .Section_Row4C .SeminarStatusPrice .PriceDop { padding: 0 0.4em 0 0.8em; }

.SectionGroup_4C .SectionTitle { font-size: 1.1em;}

.Test_Content .SectionGroup_3C .SectionSmall { font-size: 0.9em; }


.SectionGroup_4C .SectionSmall,
.SectionGroup_4C .Section .SectionCover {
     /* Так как мы убираем правый отступ у каждого четвертого элемента,
     то рассчет ширины должен производиться с учетом всего трех маржинов */
    width: -webkit-calc(100% / 4 - 2%/4*3);
    width: calc(100% / 4 - 2%/4*3);
      font-size: 0.8em;}

/*
.SectionGroup_3C .Section .SectionCover,
.SectionGroup_3C .Announc,
*/
.Section_Row3C .SectionCover  {
    width: -webkit-calc(100% / 3 - 2%/3*2);
    width: calc(100% / 3 - 2%/3*2);}

.SectionGroup_2C,
.SectionGroup_3C {
    gap: 1.5em 3%;
    margin-bottom: 1em;
}

.SectionGroup_2C {
    grid-template-columns: repeat(2, 1fr);
}

.SectionGroup_3C {
    grid-template-columns: repeat(3, 1fr);
}

.SectionGroup_3C .SectionSmall {
    margin-bottom: 0;
}

.SectionGroup_3C .SectionTitle {
    font-size: 1.2em;
    padding: 0.3em 0.5em 0.6em;
    flex: unset;
}

.Test_Content .SectionGroup_3C .SectionTitle { font-size: 1.3em; }

/*
.Announc,
.SectionGroup_2C .SectionSmall,
.Section_Row4C,
*/
.SectionGroup_2C .Section .SectionCover,
.Section_Row3C {
    width: -webkit-calc(100% / 2 - 1.3%/2);
    width: calc(100% / 2 - 1.3%/2);
    }

.SectionGroup_2C .SectionTitle {
    font-size: 2em;
    align-self: flex-end;}

.SectionGroup_2C .SectionTitle .Title {
    font-size: 1.2em;
    flex: 0 1 100%;
   }

.Announc .SectionTitle .Title { font-size: 1.3em; }

.SectionGroup_1C .SectionTitle .Title {
    font-size: 1.4em;
    margin-bottom: 0;
    border-bottom: none;
    }

.SectionGroup_1C .SectionTitle .Title {
    cursor: pointer;
    color: #304050; }

.SectionGroup_1C .SectionTitle a.Title:hover { color:#0082ff;  }

.SectionGroup_2C .Announc .SectionTitle,
.SectionGroup_2C .Section_Row4C .SectionTitle,
.SectionGroup_1C .Section_Row4C .SectionTitle { font-size: 1.1em;
    font-weight: normal;}

.SectionGroup_2C .Section_Row4C .SectionTitle {
    max-width: 40em;
    margin-top: 0;
    /*font-weight: bold;*/
    overflow: hidden;
    white-space: nowrap;
    }

.SectionGroup_2C .Announc .Title

.SectionGroup_2C .Section_Row4C .Title {
    font-size: 1.2em;
    font-weight: normal;

    overflow: hidden;

    position: relative; }
.SectionGroup_2C .Section_Row4C .Title:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1em;
    height: 100%;

    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    }

.SectionGroup_1C .Section_Row4C .SectionTitle { margin: 0;
    width: inherit;
    padding-bottom: 0.2em;
    padding-right: 4em;}

.Section_Row4C, .Section_Row3C, .Section {
   display: flex;

   flex-direction: row; }

.Announc + .Section_Row4C .SectionFiles, .Announc + .Section_Row3C  .SectionFiles, .Announc + .Section_Row2C  .SectionFiles {
    flex: 1 0 100%;

    border-top: var(--border-thin) solid #dfd8d0;
    max-height: 10em;

     position: relative;}

/*
.Announc + .Section_Row4C .SectionFiles:before,
*/
.Announc + .Section_Row3C .SectionFiles:before,
.Announc + .Section_Row2C .SectionFiles:before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: 8em;
    left: 0;
    display: block;
    width: 100%;
    height: 2em;

    background: -moz-linear-gradient(top, rgba(255,255,255,0) 10%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 10%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );

    z-index: 1;
  }

.Section_Row4C .flexInLine .SectionFiles {
    align-items: center;

    flex: auto;

    padding-left: 0.8em;
    padding-right: 0.8em;
    border-top: none;}

.wrapper_section_cource .Section_Row4C .flexInLine .SectionFiles {
    align-items: stretch;
    align-content: flex-end;
}

.Section {
     position: relative;
     overflow: hidden;

    flex: 1 0 100%;

     margin: 0 1.1em 0 0;

     border: var(--border-thin) solid #dfd8d0; }

.SectionGroup_1C .Section {
    margin: 0 0 1.0em 0; }

.SectionSmall.Module, a.SectionSmall.Module {
    box-shadow: 0 0 1px 1px #fff,
        -0.3em 0.3em 0 rgba(0, 0, 0, 0.1),
        -0.6em 0.6em 0 rgba(0, 0, 0, 0.08),
        -0.8em 0.8em 0 rgba(0, 0, 0, 0.05);
    }

/* Конец ЛЭЙАУТА СОДЕРЖИМОГО НА ФЛЕКСБОКСЕ */
/* ====================================================================================== */



/* Показать скрыть секции чеекбоксом */
/* input[type="checkbox"].MapAllShowHide:checked */
.HiddenFlex { display: none; }

input[type="checkbox"].SectionShowHide:checked ~ .SectionGroup_1C .HiddenFlex,
input[type="checkbox"].SectionShowHide:checked ~ .HiddenFlex {
    display: -ms-flexbox;
   display: -webkit-flex;
   display: flex; }

input[type="checkbox"].SectionShowHide:checked ~ .SectionGroup_1C .HiddenBlock,
input[type="checkbox"].SectionShowHide:checked ~ .HiddenBlock {
   display: block; }
/* Показать скрыть секции чекбоксом */


.Header {
    padding: 0 1.8em 0 1.8em;
    background: url(/img/bamboo_2023.webp) no-repeat;
    background-size: 35em;
    background-position: right center;
    background-color: #fff;
    text-align: left;

    border-radius: 12px 12px 0px 0px;
    position: relative;
    }

.wrapper_main_calendar .Header,
.wrapper_main_calccimen .Header {
    background-position: right -20%;
    }

.wrapper_section_minicalc .Header,
.wrapper_main_calccimen .Header {
    background-size: 33em;
    height: 17em;
    margin-bottom: -10em;
}

.Header:not(.StickyTop.StickyShadow) {
    min-height:9.5em;
    }

.Header a { display: inline-block; }
.Header .DPearl { display: inline-block; position: absolute; right: 4em; top: 1.1em; }
.Header .DPearl img { width: 14.5em; }

.HeadLogo {    margin: 0.7em 0 -3em -0.5em;
    width: 16.8em;
    height: inherit;}

.PayInfo:not(.NoDecor) {
    display: inline-flex;
    line-height: 1em;

    position: absolute;
    right: 1.5em;
    top: 1.5em;
    box-sizing: border-box;
    }

.PayInfo:hover { border-color: #0082ff; }

.PayInfo .AllBottonLight, .PayInfo .AllBotton {
    margin: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    }

.PayInfo:not(.NoDecor) .PayComment {
    display: inline-flex;
    align-items: center;

    cursor: default;
    line-height: 1em;


    padding: 0.4em 1em 0.5em;
    border-top: 0.1em solid #dfd8d0;
    border-bottom: 0.1em solid #dfd8d0;
    border-left: 0.1em solid #dfd8d0;
    border-right: none;
    background-color: rgba(250,250,250,0.85);
    text-shadow: 1px 1px 0px #fff;


    background: -moz-linear-gradient(top,  rgba(252,252,237,0.9) 0%, rgba(250,250,205,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(252,252,237,0.9) 0%,rgba(250,250,205,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(252,252,237,0.9) 0%,rgba(250,250,205,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6fcfced', endColorstr='#ccfafacd',GradientType=0 ); /* IE6-9 */


    border-radius: var(--border-radius-norm) 0 0 var(--border-radius-norm);

    vertical-align: middle;

    overflow: hidden; }

.PayInfo .PayComment b { white-space: nowrap; }


Footer, .Footer {
    display: flex;

    text-align: left;
    font-size: 1.1em;
    line-height: 1.1em;
    /*margin-top: 1em;*/
    margin-top: 0;
    color: #708090;

    border-top: var(--border-thin) solid #dfd8d0;
    }

.wrapper_main_school ~ Footer,
.wrapper_main_gdirection ~ Footer,
.wrapper_main_24mountain ~ Footer,
.wrapper_section_newprofile ~ Footer,
.wrapper_section_profile ~ Footer {
    margin-top: 0;
}

Footer img, .Footer img {
    align-self: center;
    }

Footer .MingliLogo {
    width: 10em;
    margin: 0.1em 0.6em 0 0.5em; }

Footer .ShortDescr {
    padding: 0.8em 0em 0.5em 0.8em;
    margin-bottom: 0.5em;
    flex: 1;
    /*
max-width: 65em;
*/
    }
Footer .ShortDescr .Copyright {
    font-size: 0.8em;
    line-height: 1em;
    margin-top: 0.5em;
    max-width: 65em;
    }

Footer #FeedBack, .Footer #FeedBack {
    font-size: 1.2em;

    position: relative;
    overflow: hidden;
    border-left: var(--border-thin) solid #d0d8df;

    text-decoration: none;

    display: inline-flex;
    align-items: center;
    padding: 0.8em;
    flex: 0 auto;

    margin: 0 0 0 1em;

    border-bottom-right-radius:0.8em;

    white-space: nowrap;
    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(center 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);
}

Footer #FeedBack font {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;

    line-height: 0.9em;
    text-shadow: #fff 0 0 0.5em;
    z-index: 1;
    }

Footer #FeedBack:before, Footer #FeedBack:after {
    content: "";
    display: inline-flex;

    position: absolute;
    height: 100%;
    }

/*Footer #FeedBack:before {
    left: 0;
    width: 1em;

background: -moz-linear-gradient(left,  rgba(208,216,223,0.3) 0%, rgba(208,216,223,0) 100%);
background: -webkit-linear-gradient(left,  rgba(208,216,223,0.3) 0%,rgba(208,216,223,0) 100%);
background: linear-gradient(to right,  rgba(208,216,223,0.3) 0%,rgba(208,216,223,0) 100%);

    }*/

Footer #FeedBack:after {
    right: 0;
    width: 100%;

background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );

    }

Footer #FeedBack img, .Footer    #FeedBack img {
    margin-right: 0.5em;

    vertical-align: middle;
    }
Footer #FeedBack svg, .GoogleS svg { color: #0062cf; }
Footer #FeedBack:hover svg, .GoogleS:hover svg { color: #0082ff;  }

Footer #FeedBack svg.BG {

    position: absolute;

    opacity: 0.25;

    -webkit-transform: rotate(-18deg);
    -moz-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    -o-transform: rotate(-18deg);
    transform: rotate(-18deg);

    right: -0.6em;
    width: 2.5em;
    height: 2.5em;
    margin: 0;
    font-size: 2em;

    z-index: 0;
  }


.GenForm {
    width: 100%;
    box-sizing: border-box;
    padding: 0.8em 0 0.4em 0;
    margin: 0;
    position: relative;}

.GenForm #ACCForm {
    vertical-align: middle;
}

/*
.wrapper_main_calendar .Header,
*/
.wrapper_main_calc .GenForm {
    border-bottom: var(--border-thin) solid #908070;
}

.LeftRightHide {
    flex: 1 1 100%;
}

.ULSubMenu + .GenForm {
    padding-left: 1.8em;
    padding-right: 1.8em;}

.GenForm span a {
    vertical-align: middle;
    text-decoration: none;
    }
.GenForm span:not(.Product_List) a:not(.AllBottonLight):hover {
    background-color: #0082ff;
    color: #fff;
}

/*
.GenForm table span:not(.FormSubBlock):not(.flagBG) {
    vertical-align: baseline;
    margin: 0;
}
*/


.TDTHMap th, .TDTHMap td,
.BZ_Chart_Pro td:not(.PowerSelect), .BZ_Chart_Pro th:not(.PowerSelect) {
        width: 6em;
        max-width: 6em;
        min-width: 6em;
        }

.ML_Table_Chart.BZ_Chart_Pro thead td {
    text-align: center;
    /*
    padding: 0.2em 0 0.2em 0;
    */
    padding: 0;
}

#HealthTable .ML_Table_Chart.BZ_Chart_Pro thead td {
    line-height: 1.3em;
}

#HealthTable .ML_Table_Chart.BZ_Chart_Pro thead td,
#HealthTable .ML_Table_Chart.BZ_Chart_Pro thead th {
    text-overflow: ellipsis;
    overflow: hidden;
}

.TDMapEasy th, .TDMapEasy td {width: 5.5em;}

.TDTHDay th, .TDTHDay td {width: 3.0cm!important;}

.TDTHDay2 td {
    width: auto;
    text-align: left;}

.TDTHDay2 td p {line-height: 1.3em!important;
    margin-left: 1em;}

.TDTHDay2 td h3 {
    display: block;
    text-align: left;
    width: unset;
    color:#706050;
    position: static;
    background: none;
    font-size: 0.9em;
    margin: 0.4em 0 0.5em 0.2em;

    border-radius:0;}
/*.TDTHDay2 th {white-space: nowrap;}*/

/* День убивающий мастера */
.MKD {
    line-height: 1em;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

    text-align: left;}

.MKD, .MKD svg, a .MKD svg, a:hover .MKD svg { color: var(--color-Red); }

.MKD img, .MKD svg { margin-right: 0.3em; }

.MKD img {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;  }

.MKD svg { width: 1.5em;
    height: 1.5em; }

.TDTHCalendar { width: 100%;
    table-layout: fixed; }

.TDTHCalendar thead {
    font-size: 0.9em;
}

.TDTHCalendar tbody tr>th, .TDTHCalendar tbody tr>td {
    font-size: 1em;
}

.TDTHCalendar .PlusMinus ins, .TDTHCalendar .PersonalDate ins { display: inline-block; }
.TDTHCalendar .PlusMinus ins:hover, .TDTHCalendar .PersonalDate ins:hover {
    box-shadow: none; }

.TDTHCalendar tbody th, .TDTHCalendar tbody td,
.TDTHCalendar tbody th a, .TDTHCalendar tbody td a { height: 100%;}

.TDTHCalendar tbody th a, .TDTHCalendar tbody td a {
    display: flex!important;
    flex-direction: column;
    align-items: stretch;  }

.TDTHCalendar hr { margin: 0.4em 0; }

 .TitlePersonal {
    color: var(--color-Beige-Dark);

    display: flex;
    align-items: center;

    line-height: 1em;
    padding: 0.8em 0 0.2em 0;


    -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 */
    }

.TitlePersonal + P {
    margin-top: 0.8em;
}

 .TitlePersonal:before, .TitlePersonal:after {
    content: "";
    line-height: 0;
    border-top: var(--border-thin) solid #dfd8d0;

    flex: 1 0 auto;}

 .TitlePersonal:before { margin-right: 0.3em; }
 .TitlePersonal:after { margin-left: 0.3em; }

/*Начало таблици карты бадзы*/
.KartaBadZi {
    border: var(--border-thin) solid #dfd8d0;
    border-radius:0.5em;
    table-layout: fixed;
}

#HoursTable.KartaBadZi,
#HoursTableDescript.KartaBadZi {
    margin-top: 0.6em;
}

#HoursTableDescript.KartaBadZi {
    table-layout: auto;
}

#HoursTableDescript.KartaBadZi .DaGua td {
    padding-bottom: 0.2em;
}

#HoursTableDescript.KartaBadZi .NaiJin td,
#HoursTableDescript.KartaBadZi .Directions td,
#HoursTableDescript.KartaBadZi .Helper td {
    padding-top: 0.2em;
}

#HoursTable, .TableLayoutFixed { table-layout: fixed; }

.KartaBadZi td {
text-align: center;}

.KartaBadZi h3 {
    position: absolute;}

.KartaBadZi h3, .infoBoxPro .Day {
    text-align: center;
    line-height: 1.2em;
    display: inline-block;
    top: 0px;
    color: #efe8e0;
    white-space: nowrap;

    font-weight: bold;
    right: 0;
    padding: 0 0.1em 0 0.1em;
    width: 2.1em;

    background-color: #908070;
    border-radius: 0px 3px 0px 3px;
}

.TDTHCalendar .infoBoxPro {
    font-size: 0.8em;
}

.infoBoxPro .Day {
    font-size: 1.2em;
    background-color: #908070;
    color: #efe8e0;
    margin: 0; }

.MonthHour, .MonthHourL, .MonthHourSL {
    line-height: 1em;  }

.MonthHour {
    font-size: 0.9em;
    left: 0;
    display: block;
    margin: 0;
    padding: 0.25em 0.3em;
    background-color: #f00000;
    color: #efe8e0;

    border-radius: 0.3em 0 0.3em 0;
}

.MonthHourL, .MonthHourSL {
    color: #efe8e0;

    font-size: 0.9em;
    line-height: 1.1em;
    font-weight:normal;
    padding:0.2em 0.3em;
    background-color: #f00000;

    border-radius: 0 0 0.3em 0.3em;

    position: absolute;
    top: 1px;
    z-index: 1;

}
.MonthHourL {
    margin: -1px -2em 0px -2em;}
.MonthHourSL {
    margin: -1px 0px 0px -28px;}

.KartaBadZi h3  span {
    float: left;
    margin-top:2px;
    margin-left:2px;}

.KartaBadZi p {
    display: block;
    margin: 0.2em 0 0.2em 0;
    padding: 0.1em 0.2em 0.3em 0.2em;
    line-height: 1.1em;
    text-align: left;
    }

.KartaBadZi td, .KartaBadZi th {
    border-radius: var(--border-radius-cells);
    line-height: 1em;
    /*
    width: 12em;
    */
    position: relative;
    padding: 0.2em;
    cursor: default;
    vertical-align: top;
    /*overflow: hidden;*/
    zoom:1;}

.KartaBadZi td td, .KartaBadZi th th,
.KartaBadZi td th, .KartaBadZi th td {
    border-radius: var(--border-radius-cells-sub);
}

.KartaBadZi thead th.Sel, .KartaBadZi thead td.Sel {background-color: var(--color-Beige-Dark);}


.KartaBadZi tbody th.Other, .KartaBadZi tbody td.Other,
.KartaBadZi thead th.Other, .KartaBadZi thead td.Other {
    opacity: 0.60;
    }

.KartaBadZi thead th {text-align: center;}

.KartaBadZi thead th, .KartaBadZi thead th a,
.KartaBadZi .ChangeSeason {
    line-height:0.95em;
    font-weight: bold;
    color: #fffcf8;
    list-style-type: lower-roman;
    text-transform: uppercase;
    background-color: #908070;
    text-shadow: var(--color-Beige-Dark) -1px -1px 0px;
    text-decoration: none;
    vertical-align: middle;
    }



.KartaBadZi .ChangeSeason {
    font-size: 0.85em;
    line-height:1.1em;
    }

#HoursTableDescript .ChangeSeason {
    padding: 0.4em 0.3em;
}

.KartaBadZi.TDTHDay2 .ChangeSeason {
    font-size: 0.9em;
}

.KartaBadZi tbody td {
    border: var(--border-thin) solid var(--color-Beige-Dark);
    vertical-align: middle;
    }

#HoursTableDescript {
    margin-top: 1em;
    }

#HoursTableDescript.KartaBadZi .HourDescr {
    width: 100%;
    padding:0.6em;
    vertical-align: top;
}

#HoursTableDescript.KartaBadZi .HourChart {
    min-width: 10em;
    padding:0.6em;
}

#HoursTableDescript.KartaBadZi .HourChart .HourTime {
    white-space: nowrap;
    margin-bottom: 0.2em;
    font-size: 1.2em;
}

.HomePageMainInfo .KartaBadZi tbody td,
.KartaBadZi tbody td {font-size: 1.2em; }


.firstInfo, .secondInfo,
.KartaBadZi .HourDescr {
    font-size: 1.1em;
}


.KartaBadZi tbody td:hover, .KartaBadZi tbody th:hover {
    border-color: #0082ff;
}

.KartaBadZi tbody td a, .KartaBadZi tbody th a {
    text-decoration: none;
    display: inline-block;
    border: none;
    width: 100%;}

.KartaBadZi tbody td span {
    /*font-size: 35pt;*/
    display: block;
    position: relative;
    text-align: center;
    zoom:1;}

.KartaBadZi tbody th span {
display: inline-block;
line-height:0.95em;
position: relative;
text-align: center;}

/*.KartaBadZi tbody td div, .KartaBadZi tbody th div {font-size:7pt;
line-height: 7pt;
margin:0pt 0pt 0pt 0pt;
padding: 10pt 0pt 10pt 0pt;
display: inline-block;
overflow: hidden;}*/

.KartaBadZi tbody th, .KartaBadZi tbody th a {
    position: relative !important;
    font-size: 0.85em;
    font-weight: normal;
    color: #706050;
    text-align: center;
    }

/*
.KartaBadZi tbody th a,
*/
.KartaBadZi tbody th {
border: var(--border-thin) solid #dfd8d0;
}

.KartaBadZi tbody td a:hover, .KartaBadZi tbody th a:hovr {color: #0082ff!important;}


.KartaBadZi .PersonalPlusMinus { text-align: left;
margin-top: 0.5em }

.PersonalPlusMinus {
    padding: 0.1em 0.2em 0.3em 0.2em;
}



.StolpyMin {
    padding-top: 0;
    table-layout: fixed;
    border-collapse: collapse;
    }


.StolpyMin span {
    display: inline-block;
    margin: 0 0 0.1em 0;
    padding: 0.0em 0.1em;
    line-height: 1em!important;
    }

.ML_Window .StolpyMin .EarthBranch span,
.ML_Window .StolpyMin .SkyColumn span {
    display: inline-block;
}

.StolpyMin td {
    border: none!important;
    border-collapse: collapse!important;
    padding: 0;
    text-align: center!important;}

.StolpyMin .FStar01 td, .StolpyMin .FStar01 th,
#HoursTable .FMicro  {
    font-weight: bold;
    line-height: 1em;
    padding: 0;
    margin: 0;
    color: var(--color-Beige-Dark);
    vertical-align: top;}

.ui-dialog-content  .ControlBatton { margin-top: 0.8em; }

.StolpyMin .HName {
    font-size: 0.7em;
    color: var(--color-Beige-Dark);
    line-height: 1em;
    padding-top: 0.3em;
    }

.TDTHCalendar .StolpyMin {
    font-size: 1.2em;
    text-align: center;
    min-width: 7em;
    }


.ui-dialog-content .StolpyMin thead td {
    font-size: 0.8em;
    font-weight: bold;
    color: #fffcf8;
    list-style-type: lower-roman;
    text-transform: uppercase;
    background-color: #908070;
    text-shadow: #706050 -1px -1px 0px;
    text-decoration: none;
    vertical-align: middle;

    line-height: 1.3em;
    table-layout: fixed;
    }

.KartaBadZi tfoot th {
    font-size: 9pt;
    font-weight: bold;
    color: #908070;
    background-color: #dfd8d0;}

.TDTHWeek th, .TDTHWeek td {width: 0.25cm!important;}

.TDTHMin th, .TDTHMin td {width: 4.5em;}


/* НАЧАЛО: Столпы двухчасовок в линию*/

.Hours_Pillar {
    display: flex;
    flex-direction: column;
    font-size: 1.2em;
}

.Hours_Pillar > * {
    border-radius: var(--border-radius-cells-sub);
    margin: 0.1em;
    display: flex;
    justify-content: center;
}

.Hours_Pillar .Helper {
    gap: 0.2em;
}

.Hours_Pillar .CL_GenMonth_H {
    font-size: 1.9em;
    line-height: 1.2em;
}

#HoursTable .Separator {
    padding: 0;
    font-size: 1px;
    line-height: 1px;
    background-color: var(--color-Beige-Light);
    height: 1px;
}

#HoursTable .ElementName {
    display: inline-block;
    font-size: 0.8em;
    line-height: 1.1em;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* КОНЕЦ: Столпы двухчасовок в линию*/


.mCSB_container {
    max-width: 69em;
}

.mCSB_container  .KartaBadZi {
    width: 100%;
    border: none;
}

.mCSB_container .TDTHMin th, .mCSB_container .TDTHMin td {
  width: unset;
}

.KartaBadZi.TDTHMin .InfSub {
    font-size: 0.9em;
}

.TDTHCalendar th, TDTHCalendar td {/*width: 3.4cm;*/
    width: 10em;
    table-layout: fixed;}
/*Конец таблицы краты бадзы*/



/* Стили для описания дня */
img.PersonalIco { display: inline-block;
    margin-bottom: -0.3em;
    margin-right: 0.5em;
    width: 1.3em;
    height: auto;
    height: -webkit-fill-available; }

.Personal_Star { display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    margin-bottom: 0.5em;
    box-sizing: border-box; }

.Personal_Star .Personal_Star_Ico img {
   margin-left: -0.2em;
   margin-right: 0.2em;
   margin-top: -0.1em;

    width: 1.5em;
    height: inherit;
    }

.Personal_Star .Personal_Star_Ico  { -webkit-flex: 0 0;
    -ms-flex: 0 0;
    flex: 0 0;
    white-space: nowrap;

    margin-right: 0.3em;
    /*margin-left: 12pt;*/}
.KartaBadZi .Personal_Star .Personal_Star_Ico { margin-left: 12pt;}

.Personal_Star .Personal_Star_Desc { /*-webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;*/ }

/* Конец стиля для описания дня */

/*Начало таблици квадрата бадзы*/
.BadziKvadrat, .BadziKvadrat th {
    margin: 8pt 4pt 4pt 8pt;
    border-radius:5px;
    cursor: default;
}

.BadziKvadrat td, .BadziKvadrat th {
vertical-align: middle;
text-align: center;
font-weight: bold;}

.BadziKvadrat thead th {
line-height: 1.3em;
font-size: 0.9em;
font-weight: normal;
padding: 0.3em 0.2em;
vertical-align: top;}

.BadziKvadrat thead th strong {margin-top:2pt;
display: block;
font-size: 8pt;
color: #706050;}

.BadziKvadrat tbody td {
    line-height: 1em;
    font-size: 1.2em;

    border-radius:0.3em;
    background-color: #fcf8f0;
    border: var(--border-thin) solid  #908070;
}

.BadziKvadrat tbody td span {
    position: relative;
    padding: 7pt 3pt 5pt 3pt;
    margin: 2pt 2pt 2pt 2pt;
    display: inline-block;
    vertical-align: middle;
    color: #708090;
    width:32px;}

.BadziKvadrat tbody th {
color: #908070;
line-height: 9pt;
font-size: 8pt;
padding: 3pt;}

.Stars, .BadziKvadrat tbody td.Stars {
    position: relative;
    line-height: 1em;
    font-weight: normal;
    box-sizing: border-box;
    width: 3em;
    height: 2.8em;}

.StarsY {
    color: #708090;
    font-size: 1.3em;
    margin-top: 0.1em;}

.StarsY.Min { font-size: 1.1em;
    font-weight: bold;  }
.StarsM, .StarsD {
    display: inline-block;
    padding: 0.1em 0.3em;
    position: absolute;
    color: #706050; }
.StarsM {
    font-size: 0.9em;
    font-weight: bold; }
.StarsD {
    font-size: 0.9em; }
.StarsD.T0R0 { right: 0; }

/*Конец таблицы квадрата бадзы*/




/*Таблица Микро карты Цимень версия 02*/
.CyMenMapMicro02 {
border: none !important;
border-collapse: collapse;
margin: -1px;
    }
.CyMenMapMicro02 td, .CyMenMapMicro02 th
    {    border: var(--border-thin) ridge #fff!important;
        //border: var(--border-thin) dashed #fff!important;
        padding:0px;
        font-size: 12pt;
        vertical-align: middle!important;
        text-align: center;
        line-height: 1em!important;
    }

.CyMenMapMicro02 font { display: inline-block;
    display: block;
        overflow: hidden;
        //height: 0%;

        font-family: "Arial Unicode MS", "MS PGothic", "MS Gothic", Arial,Helvetica,sans-serif;

        vertical-align: inherit!important;
        font-size: 14pt;
        line-height: 1.1em;
        padding: 2px 1px 1px 1px;
        margin: 2px 0px;

    border-radius:3px;
        /*font-family: "MS Gothic";
        font-family: Gulim;
        font-family: "MS PGothic";
        font-family: SimHei;
        font-family: "@Arial Unicode MS";
         с засечками
        font-family: Gungsuh;
        font-family: "MS PMincho";
        font-family: "MS Mincho";
        font-family: "SimSun";*/
}

.CymenOnMap {
    position: absolute;
    cursor: pointer;
    /*margin: 15px 0pt 0pt 224px;*/

    background-image: url(/img/ico_Map_Markers_SB_bb.svg);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
    height: 32px; width: 30px;

    top:5px; right: -31px;

    border-top: var(--border-thin) solid #0062cf;
    border-right: var(--border-thin) solid #0062cf;
    border-bottom: var(--border-thin) solid #0062cf;

    border-radius:0 3px 3px 0;

    opacity: 0.50;
    z-index: 1;
}
.CymenOnMap:hover {
    background-image: url(/img/ico_Map_Markers_SB_w.svg);
    background-color: rgba(0, 130, 255, 0.9);

    opacity: 1;

    border-top: var(--border-thin) solid #0082ff !important;
    border-right: var(--border-thin) solid #0082ff !important;
    border-bottom: var(--border-thin) solid #0082ff !important;
}


.BorderLightRt {border-right: var(--border-thin) ridge #DFD8D0!important;}
.BorderLightBt {border-bottom: var(--border-thin) ridge #DFD8D0!important;}

.MicPT {margin-top:8px!important;}
.MicPR {margin-right:2px!important;}
.MicPB {margin-bottom:8px!important;}
.MicPL {margin-left:3px!important;}

/*Конец Таблица Микро карты Цимень версися 02*/


.VAM,
.ML_Table_Chart .VAM {
    vertical-align: middle;
    }
.Controls .VAM {
    align-items: center;
}

.VAT {vertical-align: top!important;}
.VAB {vertical-align: baseline!important;}

.FlR, .FLR {float: right;}
.FlL, .FLL {float: left;}

.DBlock {display: block!important;}
.DInlBl {display: inline-block !important;}
body:not(#tinymce) .DNone {display: none!important;}
#tinymce .DNone {
    opacity: 0.4;
    filter: grayscale(100%);}
#tinymce .DNone:hover {
    opacity: 1;
    filter: grayscale(0);}

.OFlH {overflow: hidden;}
.OFlV {overflow: visible!important;}


/*Таблица список*/
.RightList {
    font-size: 1em;
    width:17.5em;
    border-collapse: collapse;
    margin-bottom: 0.5em;}

.RightList button {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    }

.ChartAddInfo .RightList,
.ML_Window .RightList {
    width:100%;
    table-layout: fixed;
}
.RightList.RightListWide {width:20em;}

.RightList thead {
/*
    font-size: 1.2em;
*/
    font-weight: bold;
    }

.RightList thead td, .RightList thead th,
.RightList tbody tr:last-of-type th, .RightList tbody tr:last-of-type td {
        border-bottom: var(--border-thin) solid #dfd8d0;
}

.RightList thead td, .RightList thead th {
        padding-bottom: 0.2em;
        padding-bottom: 0.2em;
    }

.RightList tbody th, .RightList tbody td {
    line-height: 1.1em;
    font-weight:normal;

    vertical-align: middle;
}

.ChartAddInfo .SeasonAndHours .IsChange {
    display: inline-block;
}

.BaziChartBlock:not(.Right_CharAddtInfo) + .ChartAddInfo .RightList tbody th,
.BaziChartBlock:not(.Right_CharAddtInfo) + .ChartAddInfo .RightList:not(.SeasonAndHours) tbody td {
    white-space: nowrap;
}

.RightList tbody th, .RightList tbody tr:not(:last-of-type) td {
    border-bottom: var(--border-thin) dotted #dfd8d0;
}

.RightList tbody th.b, .RightList tbody td.b {
    font-weight: bold;
}

.RightList tbody th {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.RightList td {
    min-width: 1em;
    text-align: right;
    padding: 0 0.2em;
    vertical-align: middle;}

.RightList .BZ_DesrRight_H {
        font-size: 1.3em;
        white-space: nowrap;;
    }

.RightList th {
    color: #706050;
    text-align: left;
    padding: 0 0.2em;
    line-height: 1.1em;}

.RightList tbody td:not(:last-of-type) {
    padding-right: 0.6em;
}

.RightList th + td:not(:first-of-type):not(:last-of-type),
.RightList td + th:not(:first-of-type) {
    padding-left: 0.5em;
}


.RightList.ChartType tbody th,
.RightList.Structure tbody th {
    width: 5.5em;
}

/*Конэц таблицы списка*/

.FormBlock,
.FormSubBlock,
.FormFlexBlock,
.GenForm .FormBlock,
.GenForm .FormSubBlock,
.GenForm .FormFlexBlock,
.token-input-list-facebook {
    margin: 0.5em 0.2em;
}

.FormBlock .FormSubBlock { margin-bottom: 0; margin-top: 0;}

.FormBlock .Attent {
    padding: 0;
    background: transparent;
    border: navajowhite;
    color: var(--color-Red);
}

.FormBlock > .Attent {
    margin: 0 0 0 12em;
    }

.wrapper_section_cart .FormBlock > .Attent {
    margin-left: 0.8em;
}

.FormBlock .FormSubBlock .Attent {
    margin: 0 0 0 0.5em;
    }

.FormBlock + .AllBotton { margin-left: 1em; }

.FormBlock { display: inline-block;
    vertical-align: middle;
 }

.FormFlexBlock {
    display: flex;
    flex-wrap: wrap; }

.FormSubBlockAC {
    display: inline-block;
    vertical-align: middle;
}
.FormSubBlock, .DescripSubBlock {
    display: inline-block;
    vertical-align: middle;
}

#ExchangeCalculatorInfoCourses.FormSubBlock {
    display: flex;
    gap: 0 0.8em;
}

/*
Для таблицы настроек
*/
.wrapper_settings_schooladm .ML_TBody .FormBlock .FormSubBlock {
    flex: 0 1;
}

.wrapper_settings_schooladm .ML_TBody .FormBlock .FormSubBlock {
    white-space: nowrap;
    flex-wrap: nowrap;
}

/*div.FormSubBlock,*/
div.FormBlock { display: block; }

#ControlBatton {
    display: flex;
    flex: 1 0 100%;
    align-items: center;
    justify-content: flex-end;
}

/*Доп меню*/
.LeftRightHide.StickyTop {
    background-color: var(--color-BG-backdrop-White);
    backdrop-filter: var(--backdrop-filter);
}

/*
.LeftRightHide.StickyTop:before {
    content: "";
    width: 100%;
    height: 1.2em;
    position: absolute;
    top: 100%;
    left: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0.03) 35%, rgba(0,0,0,0) 100%);
    background-blend-mode: multiply;

}
*/

.SuportMenu,
.LeftRightHide.StickyTop.StickyShadow {
    background-color:#f8fcff;
    background-image: var(--linear-gradient-SuportMenu-Top);

    padding-left: 0;
    padding-right: 0;

    box-shadow: 0 0 0.8em 0.3em #fff inset;
}

.SuportMenu {
    display: flex;
    align-items: center;
    padding: 0.3em 0;

    margin-bottom: 0.3em;
    height: inherit;
    z-index: 30;
}

.Controls.StickyTop,
.SuportMenu.StickyTop {
    background-color: unset;
    backdrop-filter: var(--backdrop-filter-Header);
}

.SuportMenu .SuportMenu {
    padding: 0;
}


.SuportMenu #SearchMap {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.SuportMenu a#MenuShowHide, .SuportMenu 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);
}

.SuportMenu 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;
    }

.SuportMenu a#MenuShowHide:hover:after {
    border-color: #fff transparent transparent;
}

.SuportMenu a.SMAHover {
    color: #f8fcff;
    }

.SuportMenu a#MenuShowHide.SMAHover {
    border-radius: var(--border-radius-norm) var(--border-radius-norm) 0 0;
}

.SuportMenu a#MenuShowHide:hover, .SMAHover {
    background-color: var(--color-Blue-hover);
    color: #fff;}


.SuportMenu 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;
    }

.SuportMenu a#MenuShowHide.SMAHover:hover:after {
    border-color: transparent transparent #fff transparent;
}


.SuportMenu a#MenuShowHide span {
    /*display: inline-block;*/
    display: none;
    width: 10px;
    height: 15px;
    overflow: hidden;
    margin: -1pt -2pt -1pt 0pt;}

 .SuportMenu .FormSubBlock {
     margin-top: 0;
     margin-bottom: 0;
 }

/*.SuportMenu label {
    margin: 0px 5px 0px 5px;}
.SuportMenu label input {
    margin: 0pt 5pt 0pt 5pt;}*/

.WindowBlue { text-align: left;}
.WindowBlue, .WindowBraun {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0.4em;
    color: #f8fcff;
    font-size: 1em;
    line-height: 1.1em;
    white-space: normal;
    display: none;
    z-index: 500;
    }


.WindowBlue {
    background-color: var(--color-Blue-hover-Opacity);
    backdrop-filter: var(--backdrop-filter-Menu);
    margin-top: 0;

    border-radius: 0 var(--border-radius-norm) var(--border-radius-norm) var(--border-radius-norm);

    box-shadow: 0.25em 0.4em 0.7em rgba(48, 64, 80, 0.7);

    max-height: 80vh;
    max-width: var(--PageSize-Norm);
    overflow-y: auto;
    }

.WindowBlue section {
    display: flex;
    flex-wrap: wrap;
    /*
        max-width: 60em;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: min-content;
    */
    gap: 0.8em;
    padding: 0.8em 0;
}

.WindowBlue section .Title {
    display: flex;
    justify-content: left;
    flex: 1 100%;
    /*margin-top: -1.55em; */
    line-height: 1em;
    text-transform: uppercase;
}

.WindowBlue section .Title label {
    background-color: var(--color-Blue-hover-Opacity);
}

.WindowBlue section + section {
    border-top: var(--border-thin) dashed rgba(255, 255, 255, 0.3);
}

.WindowBlue section > section {
    display: flex;
    flex-wrap: wrap;

    border-radius: var(--border-radius-norm);
    border: var(--border-thin) solid rgba(255, 255, 255, 0.3);
    padding: 0.8em;
    margin-top: 1em;
}

.WindowBlue section > section .Title {
    margin-top: -1.7em;
    justify-content: center;
}

.WindowBlue span, .WindowBraun span {
    display: inline-block;
    vertical-align: middle;
    }

.WindowBlue label {
    width: 24%;
    min-width: 15em;
    box-sizing: border-box;
    flex: 0 auto;
    }

.WindowBlue section > section .Title label,
.WindowBlue label.Main {
    text-transform: uppercase;
    font-weight: bold;
}

.WindowBlue section > section .Title label {
    border: var(--border-thin) solid rgba(255, 255, 255, 0.3);
    width: unset;
}

/*Конец доп меню*/

/*Подменюха коричневая*/
.WindowBraun {
    background-color: #908070;
    /*    margin-top: -52px;*/
    white-space: nowrap;

    border-radius: var(--border-radius-norm) var(--border-radius-norm) var(--border-radius-norm) 0;}
/*Конец коричневой подменюхи*/

/*Главная менюха*/
ul.ULMenu {
    display: inline-block;
    position: relative;
    line-height: normal;
    list-style: inside  none none;
    border-collapse:collapse;
    margin: 6pt 0.4cm 0 0.4cm;
    padding: 0;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom!important;
    float: right;
    padding: 0 0 0 11px;}

ul.ULMenu li {
    font-size:90%;
    display: inline;
    padding: 0;
    margin: 0 0 0 1px;
    vertical-align: bottom;
    overflow: hidden;}

ul.ULMenu li a {
    border-radius:8px 8px 0px 0px;

    display: inline-block;
    white-space:nowrap;
    padding: 5px 8px 6px 8px;
    text-decoration: none;
    background-color: #706050;
    vertical-align: bottom;
    border-width: var(--border-thin);
    color: #fffcf8;}
ul.ULMenu li a:hover{
    color: #fff;
background:#908070;

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(center 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);
}

ul.ULMenu li.Sel {z-index: 10;}
ul.ULMenu li.Sel a {color:#0082ff;
font-size: 12pt;
    border-width:var(--border-thin);
    font-weight: bold;
    padding: 5px 15px 6px 15px;
background:#f8fcff;

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(center 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);}

/*Конец главной менюхи*/


/*Главная менюха 2*/
ul.ULMenu2 {
    display: block;
    position: relative;
    line-height: normal;
    list-style: inside  none none;
    border-collapse:collapse;
    margin: 6pt 0.4cm 0px 0.4cm;
    padding: 0px;
    clear: both;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: bottom!important;
    padding: 0px 0px 0px 0px;}

ul.ULMenu2 li {
    font-size:90%;
    display: inline-block;
    //display: inline;
    padding: 0;
    margin: 0px 0px -0px 1px;
    vertical-align: bottom;
    overflow: hidden;}
ul.ULMenu2 font {font-size:120%; padding:5px 0px 6px; display:inline-block;}

ul.ULMenu2 li a {
  border-radius:8px 8px 0px 0px; /* CSS3 */
    display: inline-block;
    white-space:nowrap;
    padding: 5px 8px 6px 8px;
    text-decoration: none;
    background-color: #706050;
    vertical-align: bottom;
    border-width: var(--border-thin);
    color: #fffcf8;}

ul.ULMenu2 li img {
    margin: -1px 0px -5px -2px;
}

ul.ULMenu2 li a:hover{
    color: #fff;
    background:#908070;
    background-image: var(--linear-gradient-Toolbar-Braun-hover);
}

ul.ULMenu2 li.Sel {
    z-index: 10;
    font-size:120%;
    }
ul.ULMenu2 li.Sel a {color:#0082ff;
    border-width:var(--border-thin);
    font-weight: bold;
    padding: 5px 15px 6px 15px;
    background:#f8fcff;

    background-image: var(--linear-gradient-Toolbar);
    }

/*Конец главной менюхи 2*/


/*Начало подменюхи*/
.ULSubMenu  {
    display: flex;
    align-items: flex-end;

    border-collapse:collapse;
    clear:both;

    line-height:normal;
    list-style:none inside none;
    margin:2em 0 0;
    padding:1px 0 0 1px;
    position:relative;
    }

.wrapper_main_videoplayer .ULSubMenu,
.wrapper_main_profile .ULSubMenu {
    overflow-x: auto;
    overflow-y: hidden;
}

.Toolbar + .Content .ULSubMenu {
    margin-top: 1em;
}

.UserRef + .ULSubMenu {
    margin-top: 0;
}

h2 + .LeftRightHide .ULSubMenu, .h2 + .LeftRightHide .ULSubMenu {
    margin-top: 0.8em;
}

.ULSubMenu:before {
    content: '';
    position: absolute;
    border-bottom: var(--border-thin) solid var(--color-Beige);
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    overflow: hidden;
    bottom: 0;
    left: 0;
    z-index: 0;
}


.ULSubMenu ~ #hiddenSky {
    margin-top: 1.5em;
}

.ULSubMenu ~ #bmAlterView,
.ULSubMenu ~ #bmClasikView,
.ULSubMenu ~ #cDinamic,
.ULSubMenu ~ #bmQmdjView,
.ULSubMenu ~ #bmTwelfView {

}

#bmClasikView {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ULSubMenu ~ #bmTwelfView .SuportMenu {
    padding-top: 0.8em;
}

.Header + .ULSubMenu { margin-top: -2.5em; }

.ULSubMenu li    {
    font-size:0.9em;
    display:  inline-flex;

    white-space:nowrap;

    padding: 1px 0 0 0;
    margin: 0;
    vertical-align: bottom;

    z-index: 1;
}

.wrapper_main_school .ULSubMenu li {
    white-space: normal;
}

.ULSubMenu li a {
    display: inline-flex;
    line-height: 1.1em;
    align-items: center;
    text-align: center;
    padding: 0.3em 0.7em;
    min-height: 2.2em;
    text-decoration: none;
    vertical-align: bottom;

    background-color: #706050;

    border-top: var(--border-thin) solid #908070;
    border-right: var(--border-thin) solid #908070;
    border-left: var(--border-thin) solid #706050;
    color: #fffcf8;

    text-shadow: 0 -1px 0 rgba(112, 96, 80, 0.7);

    opacity: 0.75;
    }

.ULSubMenu li:last-child:not(div) a, .ULSubMenu li:last-child:not(div) a {
  border-radius:0 var(--border-radius-ULSubMenu) 0 0;
}
.ULSubMenu li:first-child a, .ULSubMenu:first-child li.LILeft a, .ULSubMenu div+li a {

    border-radius: var(--border-radius-ULSubMenu) 0 0 0;
    border-left: var(--border-thin) solid #908070;
}

.ULSubMenu div.FLR:first-child, .ULSubMenu div.FlR:first-child {
    flex: 0 0 auto;
    order: 100;  }

ul.ULSubMenu .Expander {
    flex: 1 1 auto;
    order: 99; }

.ULSubMenu div li .LIRound {
    border-radius: var(--border-radius-ULSubMenu) var(--border-radius-ULSubMenu) 0px 0px !important;
}

.ULSubMenu li a:hover {
    color: #fff;
    background:#908070;

    background-image: var(--linear-gradient-ULSubMenu-Top);
/*
    border-radius: var(--border-radius-ULSubMenu) var(--border-radius-ULSubMenu) 0 0 !important;
    padding: 0.6em 0.7em 0.6em;

    border-left: var(--border-thin) solid #706050;
    border-right: var(--border-thin) solid #706050;
*/
    }

.ULSubMenu li:hover {
    z-index: 2;
    /*margin-left: -1px;*/
}

ul.ULSubMenu li.Sel {z-index: 10;
    margin-bottom: 0;
    margin-left:-1px;
    margin-right: -1px; }

ul.ULSubMenu li.Sel a:hover { margin-left: 0; }
ul.ULSubMenu li.Sel a {
    color:#0082ff;
    /*
    font-size: 1.1em;
    */
    background-color: #ffffff;
    border-width:var(--border-thin);
    font-weight: bold;
    padding: 0.5em 1em 0.4em;

    text-shadow: none;

    border-radius: var(--border-radius-ULSubMenu) var(--border-radius-ULSubMenu) 0 0 !important;

    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(center 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: var(--color-Beige) var(--color-Beige) #fff var(--color-Beige);
    border-style: solid;
    border-width: var(--border-thin);}

ul.ULSubMenu li.Sel a, .ULSubMenu li a:hover{
    opacity: 1;
 }

ul.ULSubMenu .Expander {
    vertical-align: bottom; display: inline-block; padding: 0.5em 0em 0.4em; margin-bottom: -1px; font-size: 1.1em; overflow: hidden; width: 1px;
}

.ULMenuContent {
    flex: 1 1 100%;

    font-size: 1.2em;
    padding: 1.5em 1.5em 1.5em 1.5em;
    position: relative;

    border-bottom:var(--border-thin) solid var(--color-Beige);
    border-left:var(--border-thin) solid var(--color-Beige);
    border-right:var(--border-thin) solid var(--color-Beige);

    border-radius: 0 0 5px 5px;
    z-index: 1;
}

.StickyTop + .ULMenuContent input[type="checkbox"].ML_ReedMore + label.StickyTop.StickyShadow {
    top: 3em;
}

.ULMenuContent > .Title { font-size: 1.8em;
    border-bottom: var(--border-thin) solid #dfd8d0;
    margin-bottom: 1em;
    cursor: default;
    color: #706050;}

.ULMenuContent > .Title .h2,
.ULMenuContent > .Title h2,
.ULMenuContent > .title .h2 { margin-bottom: 0; }

.SupTitle { background-color: #0082ff;
    color: #fff;
    text-shadow: #2072cf -1px -1px 0;

/*    display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
   display: inline-flex;*/
   display: inline-block;

    padding: 0.1em 0.8em;
    position: absolute;
    top: 0;
    left: 0;

    font-size: 1.2em;

    border-radius: 5px 0px 5px 0px; /* CSS3 */
    }

/*.SupTitle span { position: relative; }
.SupTitle span:after {
    content:"";
    display: inline-block;
   margin: -0.1em -0.7em;
    width: 0;
    height: 0;

   position: absolute;
    top:0;
    right: -1em;

    border-color: #0082ff transparent transparent transparent;
   border-style: solid;
   border-width: 1.6em 1em 0 0;
   }*/

/*
НАЧАЛО: ТЕСТЫ
*/

.QuizSettings {
    display: flex;
    margin: 2em 0;
}

.QuizSettings .QuizStartDescr {
    flex: 1;
    margin-right: 1em;
}

.ExclusiveSeminars, .QuizFinDescr {
    margin-bottom: 2em;
}

.Quiz .ULMenuContent {
    border:var(--border-thin) solid #908070;
    border-radius: 0.5em;
    margin-bottom: 2em;
    margin-top: 2em;
    }

.ULMenuContentNoB, .ULMenuContent.ULMenuContentNoB {
    padding: 0;
    overflow: visible;
    border: none;
    }

.ULMenuContent    .ScheduleLine { font-size: 1em; }

.ULMenuContent .ScheduleLine:first-child {
    border-top: none;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
 }
/*Конец подменюхи*/



#BigBg {
    background-color: rgba(51, 51, 51, 0.6);
    width: 100%;
    height: 100%;
    display: none;

    position:fixed;
    _position: absolute;
    top: 0px;
    left: 0px;
    _top:expression( eval(document.body.scrollTop) + 'px' );
    _left:expression( eval(document.body.scrollLeft) + 'px' );
z-index: 150;}

.Win {
    width: 100%;
    height: 100%;
    position:fixed;
    display: none;
    _position: absolute;
    top: 0px;
    left: 0px;
    _top:expression( eval(document.body.scrollTop) + 'px' );
    _left:expression( eval(document.body.scrollLeft) + 'px' );
    z-index: 400;}

.WinTable {
    background-color: white;
    border: var(--border-thin) solid #d0d8df;

    border-radius: 0.7em;

    text-align: left;

    font-size: 0.9em;
    }

.WinTable thead td {
    border-radius: 0.5em;
    background-color:#706050;
    border-width:var(--border-thin);

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#908070), to(#706050));
    background-image: -webkit-linear-gradient(top, #908070, #706050); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(center top, #908070, #706050); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #908070, #706050); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#908070', endColorstr='#706050'); /* for IE */
    background-image:      -o-linear-gradient(top, #908070, #706050); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #908070, #706050);

    color:#FFFCF8;
    padding: 0.2em 0.8em 0.2em 0.8em;
    cursor: default;
    text-shadow: #706050 -1px -1px 0px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 2em;
}

.WinTable tbody td {
    padding: 0.4em 1em 0 1em;
    }

    .WinTable label {
        text-align: left;
    }

    #ResponsesOnEmail + label {
        max-width: 15em;
    }

.Cloze {
border: var(--border-thin) solid rgba(255,255,255,0.5);
color: #f8fcff;

background-image:  url(/img/ico_Close_w.svg);

cursor: pointer;

border-radius:0.5em;
text-shadow: none;
display: inline-block;
float: right;

font-weight:normal;
padding: 0;
margin: 0.1em -0.4em 0.1em 0.1em;
line-height:17px;
overflow:hidden;
text-align:center;
text-decoration:none;
text-shadow:none;
height:1.7em;
width:1.7em;

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

background-size: 80%;}

.Cloze img {
    display: none;
    margin: -60px 0 0 3px!important;
}

.Cloze:hover {
border: 0.5pt solid #f8fcff;
background:#20a2ff;

background: url(/img/ico_Close_w.svg), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50c2ff), to(#0062df));
background-image: url(/img/ico_Close_w.svg), -webkit-linear-gradient(top, #50c2ff, #0062df);
background-image:    url(/img/ico_Close_w.svg), -moz-linear-gradient(center top, #50c2ff, #0062df);
background-image:     url(/img/ico_Close_w.svg), -ms-linear-gradient(top, #50c2ff, #0062df);
background-image:      url(/img/ico_Close_w.svg), -o-linear-gradient(top, #50c2ff, #0062df); /* Opera 11.10+ */
background-image:         url(/img/ico_Close_w.svg), linear-gradient(top, #50c2ff, #0062df);

box-shadow: 0px 0px 8px #50c2ff;
color: #fff;

background-repeat: no-repeat;
background-position: center;
background-size: 80%, 100%;}

#formTitle {
    display: flex;
    align-items: center;
    height: 2em; }

.WinTable tfoot td {
border-top: var(--border-thin) solid #d0d8df;
padding: 0.2em 1em 0.1em;}


.TableDescript,
.wrapper_main_school .CourseDescription table {
border: none;
border-collapse: collapse;
margin-bottom: 1.2em;
}

/*.TableDescript thead tr {border-bottom: 2px solid #d0d8df;}*/
.TableDescript thead,
.wrapper_main_school .CourseDescription table thead {
    font-weight: bold;
    color: #706050;
    position: sticky;
    top: 0;
    background-color: var(--color-BG-backdrop-White);
    backdrop-filter: var(--backdrop-filter-Header);
    }

.TableDescript thead td,
.TableDescript thead th
.wrapper_main_school .CourseDescription table thead td,
.wrapper_main_school .CourseDescription table thead th {
    padding: 1.2em 0.6em 0.2em 0.6em;
    vertical-align: bottom;
    min-width: 3em;
    }

.TableDescript tbody td,
.wrapper_main_school .CourseDescription table tbody td,
.wrapper_main_school .CourseDescription table tbody th {
    padding: 0.6em 0.8em;
    }

.TableDescript tbody th  {padding: 0.6em 0.8em 0.6em 0;}

.TableDescript thead td,
.TableDescript tbody td,
.wrapper_main_school .CourseDescription table thead td {
    text-align: center;
    }

.TableDescript tbody,
.wrapper_main_school .CourseDescription table tbody {

    border-top: var(--border-style-Norm);
    border-bottom: var(--border-style-Norm);
    }

.TableDescript tbody th,
.TableDescript tbody td,
.wrapper_main_school .CourseDescription table tbody th,
.wrapper_main_school .CourseDescription table tbody td {
    border-bottom: var(--border-thin) dotted #d0d8df;
    }

.TableDescript tbody tr:hover,
.wrapper_main_school .CourseDescription table tbody tr:hover {
    background-color: #f8fcff;
    }

.TableDescript tbody th,
.wrapper_main_school .CourseDescription table tbody th {
    font-weight: normal!important;
    text-align: left;
    vertical-align: top;}

ins.help {
    display: inline-block;
    //display: inline;
    padding: 1px 2px;
    vertical-align: middle;
    background-color: var(--color-Green);
    color: #f8fcff;
    font-size: 11px;
    font-weight: bold;
    line-height: 0.9em;
    text-decoration: none;
    position: relative;
    top: -5px;
    cursor: help;

    border-radius:3px;}

*:not(.PlusMinus):not(.GoodDo):not(.BadDo):not(.Personal_Star):not(.Personal_Star_Ico) > ins:hover {
    display: inline-block;

    box-shadow: 0px 0px 3px #50c2ff;}

th.Head {
    text-align: left!important;
    padding: 5px 0px 3px 0px;}


.NoteIco {
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;

    text-align: center;
    position: absolute;

    opacity: 0.40;
    z-index: 31;
    }

.NoteIco label {
    position: relative;
}

.NoteIco label .Amount {
    display: flex;
    position: absolute;
    color: var(--color-Dark);
    box-sizing: border-box;
    top: 0;
    right: 0;
    background-image: var(--linear-gradient-White-Top);
    text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff;
    /*
    backdrop-filter: blur(0.3em) brightness(120%);
    */
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.2em;
    width: 100%;
    justify-content: center;
}

.NoteIco .FormItemConnect {
    margin: 0;
    padding: 0;
    gap: 0.4em;
}

.NoteIco .FormItemConnect > svg {
    width: 1em;
    height: 1em;
    font-size: 1.6em;
}

.NoteIco label .Amount:before,
.NoteIco label .Amount:after {
    content: unset;
}

@keyframes AlphaFIn {
        0%{opacity:0.35}
        100%{opacity:1}
}

@-webkit-keyframes AlphaFIn {
        0%{opacity:0.35}
        100%{opacity:1}
}

@keyframes AlphaFOut{
        0%{opacity:1}
        100%{opacity:0}
}

@-webkit-keyframes AlphaFOut {
        0%{opacity:1}
        100%{opacity:0}
}


.SeminarDescr .NoteIco {
    z-index: 50;
}

.NI-After-Go:after {
    content: " ➥";
    vertical-align: middle;
    }

.NoteIco a {
    display: flex;
    align-items: center;
    gap: 0.3em;
    background: rgba(255, 255, 255, 0.5);
    color: var(--color-Gray);
    position: relative;
    vertical-align: middle;
    text-decoration: none;

    margin: 0 var(--border-thin-minus) 0px 0px;
    }
.NoteIco a,
.KartaBadZi .NoteIco a {
    width: unset;
    border: var(--border-style-Light);
}

.NoteIco > * {
    padding: 0.4em 0.6em 0.4em 0.6em;
    margin: 0;
    border-radius: 0;
    }
.NoteIco > :not(:last-child) {
    margin-right: var(--border-thin-minus);
    border-radius: 0;
}

.NoteIco svg {
    font-size: 1.4em;
    margin: 0;
}

.NoteIco.Blue label {
    background-color: var(--color-Blue);
    color: #fff;
}

.NoteIco.Blue label:hover {
    background-color: var(--color-Blue-hover);
}

.VideoPlayer .NoteIco {
    top: 4em;
    right: 1.5em;
    opacity: 0.8;
}

.diplom-item .NoteIco, .Avatar .NoteIco  {
    background: #fff;
    color: var(--color-Gray);
    padding: 0.4em 0.6em 0.3em 0.6em;
    position: absolute;
    text-decoration: none;
    cursor: pointer;
    }

.NI-TR {
    top: 0;
    right: 0;
}

/*
.figure .NoteIco.NI-TR,
.KartaBadZi .NoteIco.NI-TR {
    top: 0;
    right: 0;
}
*/

.OurTeachers_List_Swiper .NI-TR {
    right: 0;
}

.NI-TR2 {
    top: 1px;
    right: 1px;
}
.NI-TR2 a:last-of-type {
    border-radius: 0;
 }

.NI-TR2 a:first-of-type {
    border-radius: 0 0 0 var(--border-radius-inputs);
 }


.NI-TL {
    top: -1px;
    left: -1px;
}

.NI-TC {
    left: 50%;
}

.NI-CL {
    left: 0;
}

.NI-CR {
    right: 0;
}

.NI-CL,
.NI-CR {
    top: 50%;
}

.NI-CR .Link svg,
.NI-CL .Link svg {
    color: #fff;
    font-size: 2em;
    margin: 0.2em;
}

.NI-BR {
    bottom: 0;
    right: 0;
}

.KartaBadZi .NoteIco.NI-BR {
    bottom: 0;
    right: 1px;
}

.NI-BL {
    bottom: 0;
    left: 0;
}

.ScheduleLine .NI-BR {
    bottom: -1px;
}

.NI-TL a:first-child, .NI-TL > :first-child,
.NI-BR a:first-child, .NI-BR > :first-child {
    border-top-left-radius: var(--border-radius-inputs);
 }

.NI-BL a:last-child,
.NI-TR a:last-of-type, .NI-TR > :last-child  {
    border-top-right-radius: var(--border-radius-inputs);
 }

 .SplashHeader .NoteIco.NI-TR > :last-child {
    border-top-right-radius: unset;
 }

.diplom-item .NI-TR,
.SplashHeader .NoteIco.NI-TR > :first-child,
.NI-TR a:first-of-type, .NI-TR > :first-child,
.NI-TC > :first-child,
.Avatar .NI-TR {
    border-bottom-left-radius: var(--border-radius-inputs);
 }

.SplashHeader .NoteIco.NI-TR > :last-child,
.ScheduleMonth .ScheduleLineOh:not(:last-child) .NI-BR > :last-child,
.NI-TC > :last-child,
.NI-BR a:last-child, .NI-BR > :last-child,
.NI-TL a:last-child, .NI-TL > :last-child {
    border-bottom-right-radius: var(--border-radius-inputs);
}

 .ScheduleMonthT + .ScheduleMonth > .ScheduleLineOh:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
 }

.SeminarDescr .NI-TR, .SeminarDescr .NI-TR2 {top: 0; right: 0;}
.SeminarDescr .NI-TL {top: 0; left: 0;}
.SeminarDescr .NI-BR {bottom: 0; right: 0;}

.SeminarDescr .NI-TR a:last-of-type,
.SeminarDescr .NI-TR2 a:last-of-type {
    border-top-right-radius: var(--border-radius-inputs);
    }

.SeminarDescr .NI-TL a:first-of-type {
    border-top-left-radius: var(--border-radius-inputs);
    }
.SeminarDescr .NI-BR a:last-of-type {
    border-bottom-right-radius: var(--border-radius-inputs);
    }

/* Иконки операционных систем */
.ico_OS_Min {
    width: 1.2em;
    height: 1.2em;
}

.ico_IMG_OS_Min {
    width: 1.5em;
    vertical-align: middle;
    margin-top: -0.2em;
}

.Licence_List svg {
    width: 2em;
    height: 2em;
    float: left;
    margin-right: 0.8em;
}


.OS-Svg-iPhone-LT, .OS-Svg_med_0-LT,
.OS-Svg-iPpad-LT, .OS-Svg_med_1-LT,
.OS-Svg-macOS-LT, .OS-Svg_med_2-LT,
.OS-Svg-apple-L, .OS-Svg_med_2-L,
.OS-Svg-iOS-LT, .OS-Svg_med_6-LT,

.OS-Svg-Java-L, .OS-Svg_med_3-L,
.OS-Svg-Java-LT, .OS-Svg_med_3-LT,

.OS-Svg-android-L, .OS-Svg_med_4-L,
.OS-Svg-android-LT, .OS-Svg_med_4-LT,
.OS-Svg-android-LT_m,

.OS-Svg-windows-L, .OS-Svg_med_5-L,
.OS-Svg-windows-LT, .OS-Svg_med_5-LT {
    display: inline-block;
    padding: 0.4em 0.2em 0.2em 0;
    }

.OS-Svg-iPhone-LT:before, .OS-Svg_med_0-LT:before,
.OS-Svg-iPpad-LT:before, .OS-Svg_med_1-LT:before,
.OS-Svg-macOS-LT:before, .OS-Svg_med_2-LT:before,
.OS-Svg-apple-L:before, .OS-Svg_med_2-L:before,
.OS-Svg-iOS-LT:before,  .OS-Svg_med_6-LT:before,

.OS-Svg-Java-L:before, .OS-Svg_med_3-L:before,
.OS-Svg-Java-LT:before, .OS-Svg_med_3-LT:before,
.OS-Svg-android-L:before, .OS-Svg_med_4-L:before,
.OS-Svg-android-LT:before, .OS-Svg_med_4-LT:before,
.OS-Svg-android-LT_m:before,
.OS-Svg-windows-L:before, .OS-Svg_med_5-L:before,
.OS-Svg-windows-LT:before, .OS-Svg_med_5-LT:before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    /*
    font-size: 0.07em;
    */
    font-size: 0.9em;
    margin:0 0.6em -0.4em 0.6em;
    height: 1.6em;
    }

.OS-Svg-iPhone-LT:before, .OS-Svg_med_0-LT:before {
    background-image: url(/img/OS_Logo_iPhone_LT.svg);
    width: 8.9em;}
.OS-Svg-iPpad-LT:before, .OS-Svg_med_1-LT:before {
    background-image: url(/img/OS_Logo_iPad_LT.svg);
    width: 6.0em;}
.OS-Svg-macOS-LT:before, .OS-Svg_med_2-LT:before {
    background-image: url(/img/OS_Logo_macOS_LT.svg);
    width: 9.0em;}
.OS-Svg-apple-L:before, .OS-Svg_med_2-L:before {
    background-image: url(/img/OS_Logo_Apple_L.svg);
    width: 1.7em;}
.OS-Svg-iOS-LT:before, .OS-Svg_med_6-LT:before {
    background-image: url(/img/OS_Logo_iOS_LT.svg);
    width: 5.4em;}

.OS-Svg-Java-L:before, .OS-Svg_med_3-L:before {
    background-image: url(/img/OS_Logo_Java_L.svg);
    width: 1.5em;}
.OS-Svg-Java-LT:before, .OS-Svg_med_3-LT:before {
    background-image: url(/img/OS_Logo_Java_LT.svg);
    width: 4.8em;}
.OS-Svg-android-L:before, .OS-Svg_med_4-L:before {
    background-image: url(/img/OS_Logo_Android_L.svg);
    width: 1.7em;}
.OS-Svg-android-LT:before, .OS-Svg_med_4-LT:before {
    background-image: url(/img/OS_Logo_Android_LT.svg);
    width: 10.3em;}
.OS-Svg-android-LT_m:before {
    background-image: url(/img/OS_Logo_Android_LT_m.svg);
    width: 16.6em;}
.OS-Svg-windows-L:before, .OS-Svg_med_5-L:before {
    background-image: url(/img/OS_Logo_windows_L.svg);
    width: 2.0em;}
.OS-Svg-windows-LT:before, .OS-Svg_med_5-LT:before {
    background-image: url(/img/OS_Logo_windows_LT.svg);
    width: 9.3em;}
/* конец иконок операционных системм    */

/* NEW SVG иконки ( через бефо) */
.SectionFiles > a, .File,
.icoSvgGroup > a,
.icoSvgCertW, .icoSvgCertB {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;

    line-height: 1.1em;
    background-color: rgba(255, 255, 255, 0.9);
    text-decoration: none;

    border-radius: var(--border-radius-norm);

    border: var(--border-thin) solid var(--color-Beige-Light);

    overflow: hidden;
    box-sizing: border-box;

    margin: 0.2em 0.2em 0.2em 0;
    min-height: 2.2em;

    position: relative;

    max-width: 49%;
    text-align: left;
    box-sizing: border-box;
    }


.SectionGroup_3C .SectionFiles {
    flex-direction: column;
    flex-wrap: nowrap;
}

.SectionGroup_3C .SectionFiles > a {
    flex: 1;
    max-width: unset;
}

.SectionFiles.Column > a {
    max-width: unset;
}

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

.PlayOnLine .icoPlay {
    display: flex;
    justify-content: center;
    align-items: center;

    height: 1em;
    width: 1em;
    position: absolute;
    font-size: 1em;
    background-color: #000;
    border-radius: 50%;
    color: #fff;
    right: 0.2em;
    background-color: var(--color-Green);
    z-index: 1;

}

.PlayOnLine .icoPlay:before {
    content: "";
    border:solid transparent;
    border-left-color: rgb(255, 255, 255);
    border-width: 0.6em 0 0.6em 1em;
    margin-left: 0.4em;
    font-size: 0.5em;
    line-height: 1em;
    display: inline-block;
    width: 0;
    height: 0;
}

.SectionGroup_1C .SectionFiles a {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.icoSvgTest, .icoSvg0, .icoSvgTest100,
.icoSvgPDF, .icoSvg1,
.icoSvgSOUND, .icoSvg2,
.icoSvgVIDEO, .icoSvg3,
.icoSvgEXEL, .icoSvg4,
.icoSvgWORD, .icoSvg5,
.icoSvgIMG, .icoSvgIMG:hover, .icoSvg6,
.icoSvgGoToWebinar, .icoSvg7,
.icoSvgYouTube, .icoSvg8,
.icoSvgCHEK, .icoSvg9,
.icoSvgZOOM, .icoSvg10,
.icoSvgSkype, .icoSvg11,
.icoSvgFaceBook, .icoSvg12,
.icoSvgWhatsApp, .icoSvg13,
.icoSvgTelegram, .icoSvg14,
.icoSvgMyOwnConf, .icoSvg15,
.icoSvgRutube, .icoSvg16,
.icoSvgVK, .icoSvg17,
.icoSvgVKVideo, .icoSvg18,
.icoSvgTestPass, .icoSvgTest100,
.icoSvgRegistr,
.icoSvgRestore, .icoSvgRestore:hover,
.icoSvgCert, .icoSvgCertW, .icoSvgCertB {
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 1.4em;
    background-size: contain;
    position: relative;
}

.SectionFiles .icoSvgTest, .SectionFiles .icoSvg0, .SectionFiles .icoSvgTest100,
.SectionFiles .icoSvgPDF, .SectionFiles .icoSvg1,
.SectionFiles .icoSvgSOUND, .SectionFiles .icoSvg2,
.SectionFiles .icoSvgVIDEO, .SectionFiles .icoSvg3,
.SectionFiles .icoSvgEXEL, .SectionFiles .icoSvg4,
.SectionFiles .icoSvgWORD, .SectionFiles .icoSvg5,
.SectionFiles .icoSvgIMG, .SectionFiles .icoSvgIMG:hover, .SectionFiles .icoSvg6,
.SectionFiles .icoSvgGoToWebinar, .SectionFiles .icoSvg7,
.SectionFiles .icoSvgYouTube, .SectionFiles .icoSvg8,
.SectionFiles .icoSvgCHEK, .SectionFiles .icoSvg9,
.SectionFiles .icoSvgZOOM, .SectionFiles .icoSvg10,
.SectionFiles .icoSvgSkype, .SectionFiles .icoSvg11,
.SectionFiles .icoSvgFaceBook, .SectionFiles .icoSvg12,
.SectionFiles .icoSvgWhatsApp, .SectionFiles .SectionFiles .icoSvg13,
.SectionFiles .icoSvgTelegram, .SectionFiles .icoSvg14,
.SectionFiles .icoSvgMyOwnConf, .SectionFiles .icoSvg15,
.SectionFiles .icoSvgRutube, .SectionFiles .icoSvg16,
.SectionFiles .SectionFiles .icoSvgVK, .SectionFiles .icoSvg17,
.SectionFiles .icoSvgVKVideo, .SectionFiles .icoSvg18,
.SectionFiles .icoSvgTestPass, .SectionFiles .icoSvgTest100,
.SectionFiles .icoSvgRegistr,
.SectionFiles .icoSvgRestore, .SectionFiles .icoSvgRestore:hover,
.SectionFiles .icoSvgCert, .SectionFiles .icoSvgCertW, .SectionFiles .icoSvgCertB  {
    background-position: 0.1em center;
    background-size: 2em auto;

    padding: 0.2em 0.6em 0.2em 2.3em;
}

.SectionSmall .SectionFiles {
    position: relative;
}

.SectionSmall .SectionFiles a {
    white-space: nowrap;
}

.SectionFiles a div {
    line-height: 1.1em;
    white-space: nowrap;}

.SeminarDescr .SectionFiles { font-size: 0.9em; }

.SectionFiles .NoText { max-width: inherit;}


.SectionFiles em, .SectionFiles i {
    display: inline-flex;
    align-items: center;
    color: #908070;

    font-size: 75%;
    white-space: nowrap;

    margin-top: 0.3em;
   }

.SectionFiles :not(.Files) svg {
    color: var(--color-Gray);
}

.SectionFiles em.negative {color: #e00000;}
.SectionFiles em.positive {color: #00b000;}

.SectionGroup_3C .SectionCover .SectionFiles a  {
    max-width: 100%;
    white-space: nowrap;
    }

.SectionGroup_2C .SectionFiles a { /*max-width: 48%;*/
max-width: 45%;
    white-space: nowrap;}

.SectionFiles a:after { content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0.7em;
    height: 100%;

    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); }

    /* Если в кнопке ет текста, то выравниваем отступы, справа и слева */
/*
.icoSvgTest:hover, .icoSvg0:hover,
.icoSvgPDF:hover, .icoSvg1:hover,
.icoSvgSOUND:hover, .icoSvg2:hover,
.icoSvgVIDEO:hover, .icoSvg3:hover,
.icoSvgEXEL:hover, .icoSvg4:hover,
.icoSvgWORD:hover, .icoSvg5:hover,
.icoSvgIMG:hover, .icoSvg6:hover,
.icoSvgGoToWebinar:hover, .icoSvg7:hover,
.icoSvgYouTube:hover, .icoSvg8:hover,
.icoSvgCHEK:hover, .icoSvg9:hover,
.icoSvgTestPass:hover, .icoSvgTest100:hover,
.icoSvgRegistr:hover,
.icoSvgRestore:hover,
.icoSvgCert:hover, .icoSvgCertW:hover, .icoSvgCertB:hover { border-color: #0082ff;

    -moz-box-shadow: 0px 0px 0.4em #d0d8df;
    -webkit-box-shadow: 0px 0px 0.4em #d0d8df;
    -khtml-box-shadow: 0px 0px 0.4em #d0d8df;
    box-shadow: 0px 0px 0.4em #d0d8df;
    }
*/
.SectionFiles > a:hover,
.icoSvgGroup a:hover, .icoSvgGroup button:hover {
    border-color: #0082ff;

    -moz-box-shadow: 0px 0px 0.4em #d0d8df;
    -webkit-box-shadow: 0px 0px 0.4em #d0d8df;
    -khtml-box-shadow: 0px 0px 0.4em #d0d8df;
    box-shadow: 0px 0px 0.4em #d0d8df;
}

    /*  Save - добавляет иконку загрзуки в понце блока через After */
.Save { padding-right: 2em; }
.Save:after {
    content: "";
   display: inline-block;
   position: absolute;
   right: 0.4em;
   top: 50%;
   bottom: 0;
    background: url(/img/Save.svg) no-repeat center;
    background-size: contain;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;}

.DRM { padding-left: 2.9em;}
.DRM:before, .DRM3:before, .DRM4:before, .DRM5:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1.4em;
    top: 50%;
    bottom: 0;
    background-size: contain !important;
    width: 0.9em;
    height: 0.9em;
    margin-top: -0.8em;
}

.DRM:before {
    background: url(/img/ico_Protect_b.svg) no-repeat center;}
.DRM3:before {
    background: url(/img/ico_Protect_DRM3_b.svg) no-repeat center;}
.DRM4:before {
    background: url(/img/ico_Protect_DRM4_g.svg) no-repeat center;}
.DRM5:before {
    background: url(/img/ico_Protect_DRM5_b.svg) no-repeat center;}

.NoText, a.NoText {
    padding-right:0.1em;
    width: 0;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(255, 255, 255, 0);
    }

.SectionSmall:not(:hover) a.NoText[target="_Blank"]:after,
.SectionFiles .NoText * { display: none; }

/*  ShowButtonText - добавляем этот блок, если хотим показывать текст которые скрыт классом NoText */
.ShowButtonText:hover .NoText *,
.SectionSmall:hover .ShowButtonText:hover .NoText * {
    display: inherit; }

.ShowButtonText:hover .NoText, .SectionSmall:hover .ShowButtonText .NoText {
    padding-right: inherit;
    width: inherit;

    flex-direction: column;
    align-items: flex-start;
    justify-content: center;

    -webkit-animation: ShowText 0.4s ease-in;
    animation: ShowText 0.4s ease-in;
    }

.ShowButtonText:hover .NoText:not(.icoSvgCertW),
.SectionSmall:hover .ShowButtonText .NoText:not(.icoSvgCertW) {
    color: inherit;
    background-color: #ffffff;
}

@keyframes ShowText{
    0%{
        padding-right:0.1em;
        width: 0;
        color: rgba(255, 255, 255, 0);
        background-color: rgba(255, 255, 255, 0);}
    100%{padding-right: inherit;
        /*margin: 0.5em;*/
        width: auto;
        /*white-space: normal;*/
        color: inherit;
        background-color: rgba(255, 255, 255, 1);
        }
}

/*.SectionFiles + .SectionCover {    margin-bottom: 3em; }*/

.SectionCover .SectionFiles {
    position: absolute;
    }

.ShowButtonText .SectionFiles {
    bottom: 0;
    width: 100%;
    overflow-x: hidden;

    max-height: 18em;
    overflow-y: auto;

    background-color: rgba(255, 255, 255, 1);

    background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaffffff', endColorstr='#ffffff',GradientType=0 );
    }


.icoSvgTest, .icoSvg0 { font-weight: bold; background-image: url(/img/ico_Test_b.svg); order: 2;}
.icoSvgPDF, .icoSvg1 { background-image: url(/img/ico_Files_PDF02_l.svg); }
.icoSvgSOUND, .icoSvg2 { background-image: url(/img/ico_Files_SND_l.svg); }
.icoSvgVIDEO, .icoSvg3 { background-image: url(/img/ico_Files_VID_l.svg); }
.icoSvgEXEL, .icoSvg4 { background-image: url(/img/ico_Files_XLS02_l.svg); }
.icoSvgWORD, .icoSvg5 { background-image: url(/img/ico_Files_DOC02_l.svg); }
.icoSvgIMG, .icoSvgIMG:hover,  .icoSvg6 { background-image: url(/img/ico_Files_IMG_l.svg); }
.icoSvgGoToWebinar, .icoSvgPruffme, .icoSvg7 { background-image: url(/img/ico_Files_Pruffme_36x33.svg); }
.icoSvgYouTube, .icoSvg8 { background-image: url(/img/ico_Files_YouTube_36x33.svg); }
.icoSvgCHEK, .icoSvg9 { background-image: url(/img/ico_Files_CHEK.svg); }
.icoSvgZOOM, .icoSvg10 { background-image: url(/img/ico_Files_ZOOM_36x33.svg); }
.icoSvgSkype, .icoSvg11 { background-image: url(/img/ico_Files_Skype_36x33.svg); }/* Skype */
.icoSvgFaceBook, .icoSvg12 { background-image: url(/img/ico_Files_FaceBook_36x33.svg); }/* FaceBook */
.icoSvgWhatsApp, .icoSvg13 { background-image: url(/img/ico_Files_WhatsApp_36x33.svg); }/* WhatsApp */
.icoSvgTelegram, .icoSvg14 { background-image: url(/img/ico_Files_Telegram_36x33.svg); }/* Telegram */
.icoSvgMyOwnConf, .icoSvg15 { background-image: url(/img/ico_Files_MyOwnConf_160х160.png);} /* My Own Conference */
.icoSvgRutube, .icoSvg16 { background-image: url(/img/ico_Files_RuTube_36x33.svg);} /* Рутьюб */
.icoSvgVK, .icoSvg17 { background-image: url(/img/ico_Files_VK_36x33.svg);} /* ВКонтакте */
.icoSvgVKVideo, .icoSvg18 { background-image: url(/img/ico_Files_VKVideo_36x33.svg);} /* ВК Видео */

.icoSvgTestPass { background-image: url(/img/ico_Test_Passed_02.svg); }
.icoSvgTest100 { background-image: url(/img/ico_Test_Passed_100.svg); }
.icoSvgRegistr { background-image: url(/img/ico_Files_Reg_g_g.svg);  }
.icoSvgRestore, .icoSvgRestore:hover { background-image: url(/img/ico-Restore_b.svg);
    background-size: 1.5em auto;
    padding-left: 2.1em;}

.icoSvgCert, .icoSvgCertW, .icoSvgCertB {
    background-size: 1.9em auto;
    padding-left: 2.3em;}

.icoSvgCert, .icoSvgCertB { background-image: url(/img/ico_Certificate_b.svg);}

.icoSvgCertW {
    background-color: #0072df;
    color: #fff;
    background-image: url(/img/ico_Certificate_w.svg);}

.SectionFiles .icoSvgCertW  {
    background-size: 1.8em auto;
}

.SectionGroup_3C .ShowButtonText:hover .icoSvgCertW {
    max-width: inherit;
    width: inherit;
}

.SectionFiles .icoSvgCert { padding-left: 1.9em; }
/* КОНЕЦ NEW SVG иконки ( через бефо) */

.NoteIco a:hover {
background:#dfd8d0;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffcf8), to(#dfd8d0));
background-image: -webkit-linear-gradient(top, #fffcf8, #dfd8d0); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #fffcf8, #dfd8d0); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #fffcf8, #dfd8d0); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8', endColorstr='#dfd8d0'); /* for IE */
background-image:      -o-linear-gradient(top, #fffcf8, #dfd8d0); /* Opera 11.10+ */
background-image:         linear-gradient(top, #fffcf8, #dfd8d0);

-moz-box-shadow: 0px 0px 5px #dfd8d0;
-webkit-box-shadow: 0px 0px 5px #dfd8d0;
-khtml-box-shadow: 0px 0px 5px #dfd8d0;
box-shadow: 0px 0px 5px #dfd8d0;}

.NoteIco a img,
#PostContent .NoteIco a img {
    margin:-0.1em 0 0 0;
    vertical-align: middle;
}

.icoForget, .icoReg, .icoExit, .icoEnter {
    overflow: hidden;
    width: 20px;
    height: 20px;
    display: inline-block;
    //display: inline;
    margin: 5px 5px -4px 0px;
    vertical-align: middle;}

.icoForget, .icoReg {
    background: #ffffff;}

.icoForget img{margin: -128px 0px 0px 1px;}
.icoReg {height: 19px;}
.icoReg img {margin: -82px 0px 0px 0px;}

/*.icoExit, .icoEnter {margin: -2px -5px -3px 0px;
height: 13px;
width: 16px;}*/

.icoExit img, .icoEnter img { display: none; }

.icoExit, .icoEnter { width: 1.4em; height: 1.4em;
    background-repeat: no-repeat;
    background-size: contain;
    margin: -0.6em -0.3em -0.4em 0;}
.icoEnter {
    background-image: url(/img/ico_MlEnter_w.svg); }
.icoExit {
    background-image: url(/img/ico_MlExit_w.svg); }


/*.icoExit img {margin: -107px 0px 0px 0px;}
.icoEnter img {margin: -107px 0px 0px -17px;}*/

.icoPDF, .icoEXEL, .icoWORD, .icoVIDEO, .icoIMG, .icoSOUND {
    background-image: url(/img/ico-files.png);
    padding-left: 18px;}

.icoPDF {
    background-position: -3px -1px;
    background-repeat: no-repeat;
}
.icoEXEL {
    background-position: -3px -21px;
    background-repeat: no-repeat;
}
.icoWORD {
    background-position: -3px -41px;
    background-repeat: no-repeat;
}
.icoVIDEO {
    background-position: -3px -61px;
    background-repeat: no-repeat;
}
.icoIMG {
    background-position: -3px -81px;
    background-repeat: no-repeat;
}
.icoSOUND {
    background-position: -3px -101px;
    background-repeat: no-repeat;
}

.RotateR, .RotateL {
    display: inline-block;
    //display: inline;
    background-color: transparent;
    background: url(/img/all_icons.png) no-repeat;
cursor: pointer;
height: 16px;
width: 15px;
margin: 2px -1px -1px -1px;
}

.RotateL {
    background-position: 0px -156px;}
.RotateR {
    background-position: -17px -156px;}


.icoTags {
    display: inline-block;
    //display: inline;
    background-color: transparent;
    background: url(/img/ico_Tags_g.svg) no-repeat;

    height: 1em;
    width: 1em;
    margin: -0.2em 0.2em -0.2em 0;
    background-size: contain;
    }


/*AllDo icons*/
.AllDo_Wed, .AllDo_WedNo, .AllDo_Burial, .AllDo_BurialNo, .AllDo_Repair, .AllDo_RepairNo,
.AllDo_Removal, .AllDo_RemovalNo, .AllDo_Digging, .AllDo_DiggingNo, .AllDo_Finances, .AllDo_FinancesNo,
.AllDo_Jewel, .AllDo_JewelNo, .AllDo_Talks, .AllDo_TalksNo, .AllDo_Rest, .AllDo_RestNo,
.AllDo_SignCont, .AllDo_SignContNo, .AllDo_Trial, .AllDo_TrialNo, .AllDo_SearchDoct, .AllDo_SearchDoctNo,
.AllDo_Teaching, .AllDo_TeachingNo, .AllDo_NewPos, .AllDo_NewPosNo, .AllDo_NewBusiness, .AllDo_NewBusinessNo,
.AllDo_NewProject, .AllDo_NewProjectNo, .AllDo_Travel, .AllDo_TravelNo,
.AllDo_GetDuty, .AllDo_GetDutyNo, .AllDo_Prayer, .AllDo_PrayerNo,
.AllDo_Planing, .AllDo_PlaningNo, .AllDo_SerchBenefactor, .AllDo_SerchBenefactorNo {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 2px}

.AllDo_Wed, .AllDo_WedNo {width: 20px;}
.AllDo_Wed img {margin: -1px 0px 0px 0px;}
.AllDo_WedNo img {margin: -21px 0px 0px 0px;}

.AllDo_Burial, .AllDo_BurialNo {width: 15px;}
.AllDo_Burial img {margin: -1px 0px 0px -23px;}
.AllDo_BurialNo img {margin: -21px 0px 0px -23px;}

.AllDo_Repair, .AllDo_RepairNo {width:14px;}
.AllDo_Repair img {margin: -1px 0px 0px -42px;}
.AllDo_RepairNo img {margin: -21px 0px 0px -42px;}

.AllDo_Removal, .AllDo_RemovalNo {width:20px;}
.AllDo_Removal img {margin: -1px 0px 0px -61px;}
.AllDo_RemovalNo img {margin: -21px 0px 0px -61px;}

.AllDo_Digging, .AllDo_DiggingNo {width:12px;}
.AllDo_Digging img {margin: 0px 0px 0px -87px;}
.AllDo_DiggingNo img {margin: -20px 0px 0px -87px;}

.AllDo_Finances, .AllDo_FinancesNo {width:12px;}
.AllDo_Finances img {margin: -1px 0px 0px -104px;}
.AllDo_FinancesNo img {margin: -21px 0px 0px -104px;}

.AllDo_Jewel, .AllDo_JewelNo {width:16px;}
.AllDo_Jewel img {margin: -1px 0px 0px -122px;}
.AllDo_JewelNo img {margin: -21px 0px 0px -122px;}

.AllDo_Talks, .AllDo_TalksNo {width:19px;}
.AllDo_Talks img {margin: -1px 0px 0px -145px;}
.AllDo_TalksNo img {margin: -21px 0px 0px -145px;}

.AllDo_Rest, .AllDo_RestNo {width:16px;}
.AllDo_Rest img {margin: -1px 0px 0px -173px;}
.AllDo_RestNo img {margin: -21px 0px 0px -173px;}

.AllDo_SignCont, .AllDo_SignContNo {width:24px; margin-right: -3px;}
.AllDo_SignCont img {margin: -1px 0px 0px -195px;}
.AllDo_SignContNo img {margin: -21px 0px 0px -195px;}

.AllDo_Trial, .AllDo_TrialNo {width:19px;}
.AllDo_Trial img {margin: -1px 0px 0px -226px;}
.AllDo_TrialNo img {margin: -21px 0px 0px -226px;}

.AllDo_SearchDoct, .AllDo_SearchDoctNo {width:19px;}
.AllDo_SearchDoct img {margin: -1px 0px 0px -248px;}
.AllDo_SearchDoctNo img {margin: -21px 0px 0px -248px;}

.AllDo_Teaching, .AllDo_TeachingNo {width:16px;}
.AllDo_Teaching img {margin: -1px 0px 0px -277px;}
.AllDo_TeachingNo img {margin: -21px 0px 0px -277px;}

.AllDo_NewPos, .AllDo_NewPosNo {width:14px;}
.AllDo_NewPos img {margin: -1px 0px 0px -300px;}
.AllDo_NewPosNo img {margin: -21px 0px 0px -300px;}

.AllDo_NewBusiness, .AllDo_NewBusinessNo {width:22px;}
.AllDo_NewBusiness img {margin: -1px 0px 0px -322px;}
.AllDo_NewBusinessNo img {margin: -21px 0px 0px -322px;}

.AllDo_NewProject, .AllDo_NewProjectNo {width:17px;}
.AllDo_NewProject img {margin: -1px 0px 0px -353px;}
.AllDo_NewProjectNo img {margin: -21px 0px 0px -353px;}

.AllDo_Travel, .AllDo_TravelNo {width:14px;}
.AllDo_Travel img {margin: -1px 0px 0px -376px;}
.AllDo_TravelNo img {margin: -21px 0px 0px -376px;}

.AllDo_GetDuty, .AllDo_GetDutyNo {width:17px;}
.AllDo_GetDuty img {margin: -1px 0px 0px -416px;}
.AllDo_GetDutyNo img {margin: -21px 0px 0px -416px;}

.AllDo_Prayer, .AllDo_PrayerNo {width:18px;}
.AllDo_Prayer img {margin: -1px 0px 0px -455px;}
.AllDo_PrayerNo img {margin: -21px 0px 0px -455px;}

.AllDo_Planing, .AllDo_PlaningNo {width:16px;}
.AllDo_Planing img {margin: -1px 0px 0px -437px;}
.AllDo_PlaningNo img {margin: -21px 0px 0px -437px;}

.AllDo_SerchBenefactor, .AllDo_SerchBenefactorNo {width:22px;}
.AllDo_SerchBenefactor img {margin: -1px 0px 0px -475px;}
.AllDo_SerchBenefactorNo img {margin: -21px 0px 0px -475px;}
/*End AllDo_Wed icons*/




/*AllDo New icons*/
.AllDo2, .AllDo2N, .AllDo5, .AllDo5N, .AllDo10, .AllDo10N, .AllDo12, .AllDo12N, .AllDo13, .AllDo13N,
.AllDo16, .AllDo16N, .AllDo18, .AllDo18N, .AllDo20, .AllDo20N, .AllDo21, .AllDo21N, .AllDo22, .AllDo22N,
.AllDo23, .AllDo23N, .AllDo24, .AllDo24N, .AllDo25, .AllDo25N, .AllDo26, .AllDo26N, .AllDo27, .AllDo27N,
.AllDo29, .AllDo29N, .AllDo30, .AllDo30N, .AllDo31, .AllDo31N, .AllDo34, .AllDo34N, .AllDo36, .AllDo36N,
.AllDo37, .AllDo37N, .AllDo38, .AllDo38N, .AllDo39, .AllDo39N, .AllDo41, .AllDo41N, .AllDo43, .AllDo43N,
.AllDo46, .AllDo46N, .AllDo48, .AllDo48N, .AllDo49, .AllDo49N, .AllDo50, .AllDo50N, .AllDo51, .AllDo51N,
.AllDo52, .AllDo52N, .AllDo53, .AllDo53N, .AllDo54, .AllDo54N, .AllDo55, .AllDo55N,

.AllDo1, .AllDo1N, .AllDo3, .AllDo3N, .AllDo4, .AllDo4N, .AllDo6, .AllDo6N, .AllDo7, .AllDo7N,
.AllDo8, .AllDo8N, .AllDo9, .AllDo9N, .AllDo11, .AllDo11N, .AllDo14, .AllDo14N, .AllDo15, .AllDo15N,
.AllDo17, .AllDo17N, .AllDo19, .AllDo19N, .AllDo28, .AllDo28N, .AllDo32, .AllDo32N,
.AllDo33, .AllDo33N, .AllDo35, .AllDo35N, .AllDo40, .AllDo40N, .AllDo42, .AllDo42N, .AllDo44, .AllDo44N,
.AllDo45, .AllDo45N, .AllDo47, .AllDo47N,
.AllDo56, .AllDo56N, .AllDo57, .AllDo57N, .AllDo58, .AllDo58N, .AllDo59, .AllDo59No,
.AllDo_KillDayMaster, .AllDo_KillDayMasterNo {
    display: inline-block;
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: 2px;
    margin-bottom: 2px}



 /*{width:16px; background-color: #d0d8df;}*/

.AllDo5, .AllDo5N,  .AllDo43, .AllDo43N,
.AllDo20, .AllDo20N, .AllDo21, .AllDo21N, .AllDo23, .AllDo23N, .AllDo24, .AllDo24N,
.AllDo25, .AllDo25N, .AllDo26, .AllDo26N, .AllDo27, .AllDo27N, .AllDo30, .AllDo30N,
.AllDo34, .AllDo34N, .AllDo39, .AllDo39N, .AllDo49, .AllDo49N, .AllDo50, .AllDo50N,
.AllDo54, .AllDo54N { display: none;}/*спрятанные иконки*/

.AllDo1, .AllDo1N {width:16px;}
.AllDo1 img {margin: -1px 0px 0px -437px;}
.AllDo1N img {margin: -21px 0px 0px -437px;}

.AllDo2, .AllDo2N, .AllDo53, .AllDo53N {width:17px;} /*Помолвка, предложение ркуи и сердца*/
.AllDo2 img, .AllDo53 img {margin: -1px 0px 0px -673px;}
.AllDo2N img, .AllDo53N img {margin: -21px 0px 0px -673px;}

.AllDo3, .AllDo3N {width:19px;}
.AllDo3 img {margin: -1px 0px 0px -145px;}
.AllDo3N img {margin: -21px 0px 0px -145px;}

.AllDo4, .AllDo4N, .AllDo47, .AllDo47N {width:14px;} /*Принятие новой должности*/
.AllDo4 img, .AllDo47 img {margin: -1px 0px 0px -300px;}
.AllDo4N img, .AllDo47N img {margin: -21px 0px 0px -300px;}

.AllDo6, .AllDo6N {width:14px;} /*начало лечения*/
.AllDo6 img {margin: -1px 0px 0px -754px;}
.AllDo6N img {margin: -21px 0px 0px -754px;}

.AllDo7, .AllDo7N {width:14px;}/*Путешествие/поездка*/
.AllDo7 img {margin: -1px 0px 0px -376px;}
.AllDo7N img {margin: -21px 0px 0px -376px;}

.AllDo8, .AllDo8N {width:23px;}/*Переезд*/
.AllDo8 img {margin: -1px 0px 0px -601px;}
.AllDo8N img {margin: -21px 0px 0px -601px;}

.AllDo9, .AllDo9N {width:16px;} /*Обучение: начало обучения*/
.AllDo9 img {margin: -1px 0px 0px -277px;}
.AllDo9N img {margin: -21px 0px 0px -277px;}

.AllDo10, .AllDo10N,  .AllDo38, .AllDo38N {width:25px;} /*начало строительства, стоительство*/
.AllDo10 img, .AllDo38 img {margin: -1px 0px 0px -627px;}
.AllDo10N img, .AllDo38N img {margin: -21px 0px 0px -627px;}

.AllDo11, .AllDo11N {width: 20px;}
.AllDo11 img {margin: -1px 0px 0px 0px;}
.AllDo11N img {margin: -21px 0px 0px 0px;}

.AllDo12, .AllDo12N{width:25px;} /*закладка фундамента*/
.AllDo12 img {margin: -1px 0px 0px -774px;}
.AllDo12N img{margin: -21px 0px 0px -774px;}

.AllDo14, .AllDo14N {width:12px;}
.AllDo14 img {margin: 0px 0px 0px -87px;}
.AllDo14N img {margin: -20px 0px 0px -87px;}

.AllDo13, .AllDo13N, .AllDo37, .AllDo37N {width:20px;}/*Снос старых построек и разрушение построек*/
.AllDo13 img, .AllDo37 img {margin: 0px 0px 0px -915px;}
.AllDo13N img, .AllDo37N img {margin: -20px 0px 0px -915px;}

.AllDo15, .AllDo15N {width: 15px;}
.AllDo15 img {margin: -1px 0px 0px -23px;}
.AllDo15N img {margin: -21px 0px 0px -23px;}

.AllDo16, .AllDo16N {width: 15px;} /*Уборка*/
.AllDo16 img {margin: -1px 0px 0px -799px;}
.AllDo16N img {margin: -21px 0px 0px -799px;}

.AllDo17, .AllDo17N {width:14px;}
.AllDo17 img {margin: -1px 0px 0px -42px;}
.AllDo17N img {margin: -21px 0px 0px -42px;}

.AllDo18, .AllDo18N {width:17px;} /*избавление от ненужного*/
.AllDo18 img {margin: -1px 0px 0px -820px;}
.AllDo18N img {margin: -21px 0px 0px -820px;}

.AllDo19, .AllDo19N {width:18px;}/*Молитва*/
.AllDo19 img {margin: -1px 0px 0px -455px;}
.AllDo19N img {margin: -21px 0px 0px -455px;}

.AllDo22, .AllDo22N {width:14px;}
.AllDo22 img {margin: -1px 0px 0px -844px;}
.AllDo22N img {margin: -21px 0px 0px -844px;}/*Диета*/

.AllDo28, .AllDo28N {width:22px;}/*Открытие бизнеса*/
.AllDo28 img {margin: -1px 0px 0px -322px;}
.AllDo28N img {margin: -21px 0px 0px -322px;}

.AllDo29, .AllDo29N, .AllDo51, .AllDo51N {width:21px;}/*Устройство на работу и поиск работы*/
.AllDo29 img, .AllDo51 img {margin: -1px 0px 0px -888px;}
.AllDo29N img, .AllDo51N img {margin: -21px 0px 0px -888px;}

.AllDo31, .AllDo31N {width:19px;}/*Новоселье*/
.AllDo31 img {margin: -1px 0px 0px -711px;}
.AllDo31N img {margin: -21px 0px 0px -711px;}

.AllDo32, .AllDo32N {width:17px;}/*Сбор долгов*/
.AllDo32 img {margin: -1px 0px 0px -416px;}
.AllDo32N img {margin: -21px 0px 0px -416px;}

.AllDo33, .AllDo33N, .AllDo42, .AllDo42N {width:24px; margin-right: -3px;}/*Подписание контрактов, подписание соглашений (в вашу пользу)*/
.AllDo33 img, .AllDo42 img {margin: -1px 0px 0px -195px;}
.AllDo33N img, .AllDo42N img {margin: -21px 0px 0px -195px;}

.AllDo35, .AllDo35N, .AllDo40, .AllDo40N {width:19px;} /*Судебные дела: судебные процессы, юридические дела*/
.AllDo35 img, .AllDo40 img {margin: -1px 0px 0px -226px;}
.AllDo35N img, .AllDo40N img {margin: -21px 0px 0px -226px;}

.AllDo36, .AllDo36N {width:14px;} /*Кредиты*/
.AllDo36 img {margin: -1px 0px 0px -735px;}
.AllDo36N img {margin: -21px 0px 0px -735px;}

.AllDo41, .AllDo41N {width:20px;} /*Раздел имущества*/
.AllDo41 img {margin: -1px 0px 0px -543px;}
.AllDo41N img {margin: -21px 0px 0px -543px;}

.AllDo44, .AllDo44N {width:19px;} /*Поиск врача: поиск медицинской помощи*/
.AllDo44 img {margin: -1px 0px 0px -248px;}
.AllDo44N img {margin: -21px 0px 0px -248px;}

.AllDo45, .AllDo45N {width:17px;}/*Начала нового проекта*/
.AllDo45 img {margin: -1px 0px 0px -353px;}
.AllDo45N img {margin: -21px 0px 0px -353px;}

.AllDo46, .AllDo46N {width:17px;}/*Покупка имущества*/
.AllDo46 img {margin: -1px 0px 0px -524px;}
.AllDo46N img {margin: -21px 0px 0px -524px;}

.AllDo48, .AllDo48N {width:12px;} /*Инвестиции*/
.AllDo48 img {margin: -1px 0px 0px -104px;}
.AllDo48N img {margin: -21px 0px 0px -104px;}

.AllDo52, .AllDo52N {width:20px;}/*Получение наград*/
.AllDo52 img {margin: 0px 0px 0px -565px;}
.AllDo52N img {margin: -20px 0px 0px -565px;}

.AllDo55, .AllDo55N {width:20px;}/*Праздники*/
.AllDo55 img {margin: -1px 0px 0px -500px;}
.AllDo55N img {margin: -21px 0px 0px -500px;}

.AllDo56, .AllDo56N {width:11px;} /*Финансы - Решение финансовых вопросов*/
.AllDo56 img {margin: -1px 0px 0px -586px;}
.AllDo56N img {margin: -21px 0px 0px -586px;}

.AllDo57, .AllDo57N {width:16px;}/*Ценные приобретения*/
.AllDo57 img {margin: -1px 0px 0px -122px;}
.AllDo57N img {margin: -21px 0px 0px -122px;}

.AllDo58, .AllDo58N {width:16px;}/*Отдых*/
.AllDo58 img {margin: -1px 0px 0px -173px;}
.AllDo58N img {margin: -21px 0px 0px -173px;}

.AllDo59, .AllDo59N {width:22px;}/*Поиск благодетеля*/
.AllDo59 img {margin: -1px 0px 0px -475px;}
.AllDo59N img {margin: -21px 0px 0px -475px;}

.AllDo_KillDayMaster, .AllDo_KillDayMasterNo {width:15px;}/*День убивающий мастера*/
.AllDo_KillDayMaster img {margin: -1px 0px 0px -396px;}
.AllDo_KillDayMasterNo img {margin: -21px 0px 0px -396px;}
/*End AllDo New icons*/




.moonLight {
    display: block;
    overflow: hidden;
    width: 29px;
    height: 29px;
    font-size: 12px!important;
    font-family: Arial, Helvetica, sans-serif!important;
    font-weight: bold;
    color: #6a3814;
    padding: 2px 2px 1px;
    position: relative;

line-height: 11pt;
margin:-2px 0pt 0pt 0pt;}


.moonLight img {
    position: absolute;
    left: 2px;
    z-index: 1;
    zoom:1;
}

.moon2 img {
    position: absolute;
    right: 0px;
    z-index: 1;
    zoom:1;
}
.moon b, .moon2 b, .moonLight b {
    position: absolute;
    top: -1px;     left: 0;
    width: 100%;
    height: 100%;

    display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

    -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;

    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;

    text-shadow: #fff 0 0 0.2em;

    zoom: 1;
    z-index: 2;
}

.m1 {top:-116px;}
.m2 {top:-116px;}
.m3 {top:-145px;}
.m4 {top:-145px;}
.m5 {top:-174px;}
.m6 {top:-174px;}
.m7 {top:-203px;}
.m8 {top:-232px;}
.m9 {top:-261px;}
.m10 {top:-290px;}
.m11 {top:-319px;}
.m12 {top:-348px;}
.m13 {top:-377px;}
.m14 {top:-406px;}
.m15 {top:-435px;}

.m16 {top:0px;}

.m17 {top:-464px;}
.m18 {top:-493px;}
.m19 {top:-522px;}
.m20 {top:-551px;}
.m21 {top:-580px;}
.m22 {top:-609px;}
.m23 {top:-638px;}
.m24 {top:-667px;}
.m25 {top:-696px;}
.m26 {top:-725px;}
.m27 {top:-754px;}
.m28 {top:-783px;}
.m29 {top:-812px;}
.m30 {top:-841px;}
.mE {top:-870px;}
/*End of Moon 30 days*/

/*Arrows on Braun*/
.Arr_bg_br_L, .Arr_bg_br_R {
    border-bottom: 7px solid #908070;
    border-top: 7px solid #908070;
    display: inline-block;
    //display: inline;
    overflow: hidden;
    vertical-align: middle;
    width: 0px;
    height: 0px;
    //width: 8;
    //height: 14px;}

.Arr_bg_br_L {border-right: 8px solid #FFFFFF;}
.Arr_bg_br_L:hover {border-right: 8px solid #0082ff;}

.Arr_bg_br_R {border-left: 8px solid #FFFFFF;}
.Arr_bg_br_R:hover {border-left: 8px solid #0082ff;}
/**/

.Beta {
    position:absolute!important;
    margin: 2.1em 0 0 13.3em;
    font-size:1.3em;
    color:#708090;
    line-height: 1.2em;
    max-width: 20em;
}



.Attent2 {
    border-top: var(--border-thin) solid #e00000;
    /* border-right: var(--border-thin) solid #DFD8D0; */
    border-right: none;
    border-bottom: var(--border-thin) solid #e00000;
    /* border-left: var(--border-thin) solid #DFD8D0;*/
    border-left: none;


    display: flex;
    align-items: center;
    justify-content: space-around;
    flex: 1 0 100%;

    box-sizing: border-box;

    font-size: 1.4em;
    text-align: center;
    margin: 1em 0 0 0;

    position: relative;

   padding: 0.5em;
    border-radius: 0.6em; }

.Attent2 .IcoComment {
    font-size: 1.2em;
    margin-right: 0.5em;
    color:#e00000;
    width: 2em;
    height: 2em;
    flex: 0 0 auto;
    }

.Attent2 .IcoComment+.IcoLeft {
    display: flex;
    justify-content: center;
    flex-direction: column; }

/*Блок рекламы*/
.add_dp {
    margin: 3px 0 1px;
    background-color: white;

    opacity: 0.95;

    border-radius: 0 0 8px 8px;

    border: 1pt solid  #908070;
    border-top: none;
    font-size: 1em;}


.add_dp:hover {

    opacity: 1;

    box-shadow: 0 0 18px #304050;}

.add_dp tbody td {
    padding: 0.5em;
    position: relative;
    border-collapse: collapse;
    border-right: 2px dotted #706050;
    box-sizing: border-box;
    min-height:6em;
    max-height: 7em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    }

.add_dp tbody td strong {
    vertical-align: baseline;
    line-height: inherit;
}

.add_dp tbody a {color: #333333;
    /*display: block;*/
    text-decoration: none;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    }
.add_dp tbody a:hover {color: #0082ff;}
.add_dp tbody a:visited{color: #333333;}
.add_dp tbody a:active {color: #f00000;}

.add_dp tbody td a:hover h2 {color: #0082ff;}

.add_dp tbody td h2 {
    display: block;
    font-size: 1em;
    line-height: 1.1em;
}
.add_dp tbody td img {
    float: left;
    margin-right: 8px;}

.add_dp tbody td b {
    font-size: 0.8em;
    font-weight: normal;}

.add_dp tbody td sup {
    background: none repeat scroll 0 0 var(--color-Green);
    color: #FFFFFF;
    display: inline-block;
    line-height: 1em;
    padding: 0.2em;
    text-shadow: none;

    border-radius:0.3em;}

.add_dp thead td, .add_dp thead th {
    background-color: #908070;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#706050), to(#908070));
background-image: -webkit-linear-gradient(top, #706050, #908070); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #706050, #908070); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #706050, #908070); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#706050', endColorstr='#908070'); /* for IE */
background-image:      -o-linear-gradient(top, #706050, #908070); /* Opera 11.10+ */
background-image:         linear-gradient(top, #706050, #908070);

    text-align: center;
    color: #fcf8f0;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: normal;
    padding: 0.1em;
}

.add_dp thead a, .add_dp thead a:visited {
    color: #fffcf8;
    text-decoration: none;}

.add_dp thead a:hover {
    color: #fff;
    text-decoration: underline;
}

.add_dp h2 {
    margin:0;
}

.Activisation {
/*    position: absolute;
    right: 0;
    top: 0;*/

    display:inline-block;
    color: #fff;
    background-color: #e00000;
    padding: 0.3em 0.5em;
    line-height: 1em;

    font-size: 0.75em;

    border-radius: 0.3em;
    text-transform: capitalize;
}

.Activisation + a { margin-top: 0.6em; }

/*Конец Блок рекламы*/

.TableSimple {
        border: var(--border-thin) solid #000;
        border-collapse: collapse;
    }
.TableSimple td, .TableSimple th {
    border: var(--border-thin) solid #000;
    padding: 1px;
    width:auto;
    }

.ULCloadTegs.Consulting +.CloadTagsHeader {
    margin-top: 0.6em;
}

.CloadTagsHeader svg, nav h3 svg, h3 svg {
    color: var(--color-Gray);
    width: 1em;
    height: 1em;
    margin: -0.2em 0.1em -0.1em -0.2em;
}

a.CloadTagsHeader:hover { text-decoration: underline; }

nav.MenuFlex.Sticky {
    position: sticky;
    top: 0;
    max-height: 100vh;
    padding-left: 0;
    margin-left: -1.8em;
}

.wrapper_settings_cards nav.MenuFlex.Sticky {
    top: 8em;
}

/*
Тенюшка у менюшки
*/
/*
nav.MenuFlex.Sticky::before {
    content: "";
    background-color: aquamarine;
    background-image: var(--linear-gradient-Gray-left);
    height: 100%;
    width: 1em;
    position: absolute;
    right: -1em;
}
*/

nav.MenuFlex.Sticky ul.ULCloadTegs {
    display: flex;
    flex-direction: column;
    margin-right: 0;
    padding-right: 0.6em;
    margin-left: 0;
    padding-left: 0;
}

nav .ULCloadTegs.Consulting {
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: bold;
}

nav a.Consulting {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0.4em 0.8em 0.4em 0.4em;
    border: var(--border-thin) solid;
    border-left-width: 0.4em;
    border-radius: var(--border-radius-s);
    text-decoration: none;
    margin-left: -0.4em;
}

nav .ULCloadTegs + a.Consulting {
    margin-top: 1em;
}

nav a.Consulting .text {
    text-transform: uppercase;
    font-size: 1.3em;
}

nav a.Consulting svg,
nav a.Consulting svg:not(.AllBotton):not(.PopUpHelp) {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--color-Orange);
}


nav.MenuFlex.Sticky .CloadTagsHeader,
nav.MenuFlex.Sticky .ScheduleMenuList {
    padding-left: 1em;
}

nav.MenuFlex.Sticky ul.ULCloadTegs li {
    padding-left: 1.6em;
}

nav.MenuFlex.Sticky ul.ULCloadTegs:after {
    content: "";
    display: block;
    width: 100%;
    height: 1.5em;
    margin-top: -0.5em;
    position: sticky;
    left: 0;
    bottom: 0;
    background-image: var(--linear-gradient-White-Bottom);
    pointer-events: none;
}

/*
nav.MenuFlex.Sticky ul.ULCloadTegs li a {
    display: flex;
}
*/

nav.MenuFlex.Sticky .FlexMenuContent {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 0 1 auto;
}

nav.MenuFlex.Sticky .MenuFlexAd {
    flex-shrink: inherit;
}

nav.MenuFlex.Sticky .ScrollSection {
    box-sizing: content-box;
    overflow-y: hidden;
}

nav.MenuFlex.Sticky .ScrollSection:hover {
    overflow-y: auto;
}

nav.MenuFlex.Sticky .FlexMenuContent,
nav.MenuFlex.Sticky .ScrollSection {
}

nav.MenuFlex.Sticky .ULCloadTegs .Sub {
    padding-left: 1.4em;
    margin-bottom: 0.4em;
}

nav.MenuFlex.Sticky .ULCloadTegs .Sub a {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

nav.MenuFlex.Sticky .ShowAll {
    cursor: pointer;
    padding: 0.4em 0.4em 0.2em 0.4em;
    display: flex;
    justify-content: center;
    align-items: baseline;

    font-size: 1.2em;
    border-bottom: var(--border-thin) solid var(--color-Blue);

    border-image: linear-gradient(90deg, rgba(32, 114, 207,0) 0%, rgba(32, 114, 207,1) 50%, rgba(32, 114, 207,0) 100%);
    border-image-slice: 1;

    position: relative;
    color: var(--color-Blue);
    text-transform: uppercase;
    margin-bottom: 0.5em;
    line-height: 1em;
}

nav.MenuFlex.Sticky .ShowAll:hover {
    color: var(--color-Blue-hover);
    border-image: linear-gradient(90deg, rgba(0, 130, 255,0) 0%, rgba(0, 130, 255,1) 50%, rgba(0, 130, 255,0) 100%);
    border-image-slice: 1;
}

nav.MenuFlex.Sticky .ShowAll:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 0.5em 0.5em 0 0.5em;
    /*
    border-color: var(--color-Blue) transparent transparent transparent;
    */
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-style: solid;
    top: 100%;
    z-index: 1;
}

nav.MenuFlex.Sticky .ShowAll .Sum {
    color: var(--color-Black);
    display: inline-flex;
    margin-top: -0.4em;
    margin-left: 0.4em;
    position: relative;
    bottom: 0.3em;
}

ul.ULCloadTegs {
    border-collapse: collapse;
    clear: both;
    font-size: 1.3em;
    line-height: normal;
    list-style: none outside none;
    margin: 0 0 0 -1em;
    padding: 0 0 0 1em;
    position: relative;
    vertical-align: bottom !important;
    /*white-space: nowrap;*/
    overflow: hidden;
}

ul.ULCloadTegs:hover {
    overflow-y: auto;
}


ul.ULCloadTegs li {
    position: relative;
   font-size: 90%;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
   line-height: 1.1em;
}

.ULCloadTegs a {
    display: inline-block;
    align-items: center;
    vertical-align: baseline;
    text-decoration: none;
    line-height: 1.2em;
    padding: 0.3em 0;
    position: relative;
}

.ULCloadTegs li:not(.Favorites_Tag) a:after{
    content: "";
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 0.2em solid #2072cf;
    border-top: 0.2em solid #2072cf;

    position: absolute;
    left: -1.6em;

    top: 50%;
    margin-top: -0.3em;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

    opacity: 0;}

.ULCloadTegs li:not(.Favorites_Tag) a:hover:after{
    border-color: #2072cf;
    left: -1em;
    -webkit-animation: NavArrShow 0.2s ease-out;
    animation: NavArrShow 0.2s ease-out;

    opacity: 1;}

.ULCloadTegs a::first-letter { text-transform: capitalize; }

.ULCloadTegs a:hover { text-decoration: underline;}

.ULCloadTegs .tag_selected a:hover:before {
    border-color: #f14a00;

    -webkit-animation: NavSelArrShow 0.2s linear infinite;
    animation: NavSelArrShow 0.2s linear infinite;
    }

@-webkit-keyframes NavArrShow {
    0% {
        opacity: 0;
        left: -1.6em;}
    100% {
        opacity: 1;
        left: -1em;}
    }
@-webkit-keyframes NavSelArrShow {
    0% {
        opacity: 0;
        left: -1.6em;}
    100% {
        border-color: #f14a00;
        opacity: 1;
        left: -1em;}
    }

.ULCloadTegs li svg {
    color: var(--color-Gray);
}

.ULCloadTegs li a svg {
    margin-left: -0.1em;
    margin-top: 0;
}

.ULCloadTegs li svg:hover {
    color: var(--color-Blue-hover);
}

.ULCloadTegs .Favorites_Tag {
    text-transform: uppercase;
    }

.ULCloadTegs .Favorites_Tag a svg {
    fill: var(--color-Green-hover);
}

.ULCloadTegs .Favorites_Tag a:hover svg {
    fill: var(--color-Blue-hover);
}

.ULCloadTegs .Favorites_Tag.tag_selected {
    padding-top: 0.3em;
}

.ULCloadTegs .Favorites_Tag.tag_selected,
.ULCloadTegs .Favorites_Tag.tag_selected ~ .Sub  {
    background-color: rgba(112, 128, 144, 0.1);
}


.tag_selected a {
    font-size: 1.0em;
    color: #f14a00;
    text-decoration: none;
    font-weight: bold;
    line-height: 1.2em;
 }

 .tag_selected a:hover {
     text-decoration: underline;
 }

.ULCloadTegs .Favorites_Tag a svg {
    margin-left: -0.1em;
    margin-right: 0;
  }

.ULCloadTegs li .Name {
    display: contents;
    line-height: 1.3em;
}

.ULCloadTegs li .Name + .Sum,
.UserList .Item .Sum {
    color: var(--color-Gray-Dark);
    position: relative;
    padding-left: 0.1em;
}

.ULCloadTegs li .Name + .Sum {
    top: -0.8em;
    font-size: 0.6em;
}

.UserList .Item .Sum {
    top: -0.3em;
    font-size: 0.8em;
}

.ULCloadTegs li svg .Name,
.ULCloadTegs li .Name + .Sum {
    margin-left: 0.2em;
}

ul.ULCloadTegs + hr {
    margin-top: 1em;
    margin-bottom: 1em;
}

.TopMenuSchool .ULCloadTegs li a {
    color: #2072cf;
    text-decoration: underline;
}

.TopMenuSchool .ULCloadTegs li {
    display: inline-block;
    padding-right: 30px;
    vertical-align: top;
}

.PostContent { width:73%; float: right; margin: 0 3em 0 0; font-size:1.1em; position: relative; }
#PostContent {
   box-sizing: border-box;
   flex: 1 1;
   }
.wrapper_main_shop #PostContent {
    max-width: 100%;
    flex: 1 0 100%;
   }

.PostContent h1,
.ContentFlex h1 { font-size: 2.2em; }

.QR {
    display: inline-flex;
    width: auto;
    max-width: 7em;
    vertical-align: middle;
    margin: 0;
}

.QR img {
    display: inline-block;
    width: 100%;
    object-fit: contain;
    height: auto;
}

.wrapper_section_item .ContentFlex h1:first-of-type {
    flex: 1 100%; }

#PostText table,
article table { vertical-align: top; }

#PostText table td img, #PostText table th img,
article table td img, article table th img { margin: 0 1em 0 0; }

.wrapper_main_blog + footer {
    margin-top: 0;
}

.wrapper_main_blog .Content {
    padding-bottom: 0;
}

.wrapper_main_blog #PostContent  {
        box-sizing: border-box;
        margin-left: 4%;
        max-width: 75%;
        flex-wrap: wrap;
        align-items: flex-start;
        margin-bottom: 2em;
        }


#subscribes + label[for="subscribes"] {
    z-index: 3; }

#subscribes + label[for="subscribes"] ~ #BlogCommentList {
    margin-top: -1.5em; }

#BlogCommentList {
        max-width: 100%;
        font-size: 1.2em;}

.MLDate.PostAutor {
    font-size: 1.3em;
    flex-wrap: wrap;}

.post-item .PostAutor .SearchByAutor {
    margin-right: 0.3em;
    margin-bottom: -0.3em;
}

.post-item .PostAutor .SearchByAutor svg {
    margin: 0 0 0 0.2em;
    font-size: 1.2em;
}

.Tags {
    font-size: 1.2em;
    margin: 0.2em 0;
    flex: 1 1 100%;
    }

.post-item .Tags { font-size: 1em; }

.Tags a {
    text-decoration: none;
}

.Tags a:hover {
    text-decoration: underline;
}

.Tags a:not(:last-of-type) {
    margin-right: 0.4em;
}

.Tags a:not(:last-of-type):after,
.post-item .PostAutor a:not(:last-of-type):not(.teacher-dialog):after {
    content: ",";
    color: var(--color-Black);
}

#PostText {
    margin-top: 1em;}

.MLResponses {
    border: var(--border-thin) solid #DFD8D0;
    border-radius: 0.5em;
    margin: 1.4em 0 0;
    padding: 0.8em 0.8em;

    position: relative;
    font-size:1em;

    width: 100%;
    box-sizing: border-box;
}

.MLResponses.Autor {
    border-color: var(--color-Green-hover)
}

.MLResponses input.ML_AddSettings[type="checkbox"] + .ML_AddSettings {
    padding:0;
    margin: 0.8em -0.8em -0.8em -0.8em;
}

.MLResponses input.ML_AddSettings[type="checkbox"] + .ML_AddSettings:before {
    content: none;
}
.MLResponses input.ML_AddSettings[type="checkbox"] + .ML_AddSettings > label {
    padding: 0.2em 0.8em;
    margin: 0;
    width: 100%;
}

.MLResponses input.ML_AddSettings[type="checkbox"] + .ML_AddSettings > label:first-of-type,
.MLResponses section.ML_Settings {
    border-top-left-radius: 0;
    border-top-right-radius: 0;

    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.MLResponses input.ML_AddSettings[type="checkbox"]:checked + .ML_AddSettings > label:first-of-type {
    margin-bottom: 0; }

.MLResponses input.ML_AddSettings[type="checkbox"] + .ML_AddSettings > label:first-of-type:hover {
    border-bottom: none;
    border-left: none;
    border-right: none;
}

.MLResponses section.ML_Settings {
    margin-top: -1.1em;
    padding-top: 0;
    border-top: none;
}

.MLResponses .AvatarHref { margin-left: 0; }

.MLResponses:before {    content: "";
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EFE8E0 rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 0 0.8em 1em 0.8em;
    font-size: 1em;
    line-height: 1px;
    display: inline-block;
    width: 0;
    position: absolute;
    top: -1em;
    left: 1.3em;
    overflow: hidden;
    zoom: 1; }

.MLResponses.Autor:before {
    border-bottom-color: rgba(0, 185, 0, 0.7);
    left: unset;
    right: 1.3em;
}

.MLResponses .ArrTop { display: none; }

.MLShd {
    box-shadow: 0 0 0.8em var(--color-Gray-Light);
}

.MLResponses a {
    position: relative;
    zoom:1;
}

.MLResponses .BProdName img {
    max-width: 3em;
    width: unset; }


.MLResponses .new {
    box-shadow: 0 0 0.5em var(--color-Gray);

    border-radius: 0.3em;
   padding: 0.1em 0.3em 0.1em 0.3em; color:#FFFCF8; background-color:#E00000; font-size: 0.7em; position: relative; top: -0.2em;
}

.MLResponses input[type="checkbox"].IMGCheckBox + label {
    padding-right: 0.4em;
    padding-left: 0.4em;
}
.MLResponses input[type="checkbox"].IMGCheckBox + label svg,
.MLResponses a svg {
    font-size: 1.6em;
    width: 1em;
    height: 1em;
}


#PostText, .wrapper_main_pages .ContentFlex, article { font-size: 1.2em; }

.commentCont,
.MLResponses .commentCont {
    /*max-width: 43em;
    max-width: 54em;*/
    font-size: 1em;
    overflow: hidden;
    margin: 0 0 0.8em;
    }

.MLResponses .commentCont {
    /*
    max-width: 76ch;
    */
    word-break: break-word;
    text-overflow: ellipsis;
    }

.MLResponses .commentCont img {
    max-width: 100%;
}

.commentCont:last-child,
.MLResponses #commentCont:last-child,
#commentCont p:last-of-type,
.commentCont p:last-of-type { margin-bottom: 0; }

#commentCont a, .CutText
 {
    display: inline-block;
    max-width: 20em;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    white-space: nowrap;
    /*text-overflow: ellipsis;
    -o-text-overflow: ellipsis;*/
    }


#commentCont a:after, .CutText:after {
    content: "…";
    display: inline-block;
    left: 18em;
    position: absolute;
    text-align: right;
    text-decoration: none;
    top: 0;
    width: 2em;
    /*background-image: url(/img/link-end-W.png);*/

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );

    background-position: right;
    background-repeat: repeat-y;
    }

#commentCont .MLQuote a:after, .MLResponses .MLQuote a:after {
    background-image: url(/img/link-end-Y.png);
}

#PostText :not(.AdLine1Sect) a, .wrapper_main_blog article :not(.AdLine1Sect) a,
.wrapper_section_letters .ML_Table :not(.AdLine1Sect) a {
    word-wrap: anywhere;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

#PostText a img, article a img {
    vertical-align: text-bottom;
}

.MLSmall {
    color: #706050;
    font-size: 10px;
        line-height: 1em;
    position: relative;
    zoom:1;
}


.MLDate, .MLDateTop {
    color: #706050;
    position: relative;
    zoom:1;
}

.MLDate {
    font-size: 0.9em;
    margin-top: 0.4em;
}


.UserOrder .MLDate {
    font-style: italic;
}

.Announc .SectionTitle .MLDate {
    margin-bottom: 0.1em;
    }

.MLDateTop {
/*    margin: 5px 0 -10px;    */
}

.MLName {
    color: #706050;
    display: inline;
    font-size: 1.1em;
    margin: 0 0 1em;
    position: relative;
    zoom:1;
}


.MLResponsesSub {
    /*background: #FAF6ED;*/

    border: var(--border-thin) solid #EFE8E0;
    border-radius: 5px 5px 5px 5px;
    margin: 22px 0 0px 0px;
    padding: 8px;
    position: relative;
}

.MLResponses .MLDate {
    font-size: 0.8em;
    margin: 0;
}

.MLResponses .flex .MLDate
    {
    -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;

   display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
   display: inline-flex;

   -webkit-justify-content: right;
   -ms-flex-pack: right;
   justify-content: right;

   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
    }

.MLQuote {
    font-size: 8pt;
    background-color: #fcf8f0;
    color: #908070;
    border: var(--border-thin) solid #dfd8d0;
    margin: 5px 0 8pt;
    padding:8px;
}

.MLResponses_Header {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;

   margin-bottom: 1em;
}

.MLResponses_Header .AvatarHref {
    display: flex;
    align-items: center;

    white-space: nowrap;
    order: 0;
    margin-right: 0.5em;
}

.MLResponses_Control {
    white-space: nowrap;

    display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
   display: inline-flex;

   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;

    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.MLResponses_Control a,
.MLResponses_Control label {
    opacity: 0.6;
}

.MLResponses_Control a:hover,
.MLResponses_Control label:hover {
    opacity: 1;
}

.MLResponses_Control + a {
    order: 1;
}

.MLResponses_Control a {
    display: inline-flex;
    align-items: center;
    padding: 0.3em 0.2em;
    text-decoration: none;
}

.MLResponses .MLResponses_Control input[type="checkbox"].IMGCheckBox + label:hover {
    box-shadow: none;
    -webkit-animation: none;
    animation: none;
}

.MLResponses_Control a .FlagTxt {
    border: var(--border-thin) solid var(--color-Gray-Light);

    font-size:1.4em;
    height: 0.7em;
    align-items: center;
    line-height: 0.8em;
    text-indent: 0;
    padding-top: 0.05em;
    box-sizing: ;
}


.MLResponses_Control a .FlagTxt:hover {
    border: var(--border-thin) solid var(--color-Blue-hover);
}

.MLResponses_Control .new {
    margin-right: 0.5em;
}

/* НАЧАЛО: Эмоджи
👍🙏❤️😄🤔🔥🤯😍😂😲😱😥🥳
*/
.Emoji_Wrapper {
    font-size: 1em;
    display: flex;
    flex: 1;
    justify-content: flex-end;
    position: relative;
    font-style: normal;
    min-width: 0;
 }

.PostsInfoBottom .Emoji_Wrapper {
    flex: 0 1 auto;
    display: inline-flex;
}

article ~ .Emoji_Wrapper,
.SocialShare ~ .Emoji_Wrapper {
    font-size: 1.2em;
}

.Emoji_Wrapper:hover  .Response_List {
    opacity: 1;
}

.commentCont + .Emoji_Wrapper {
    margin: -0.8em 0 -0.6em;
}

.AllComments .commentCont + .Emoji_Wrapper {
    margin: 0;
}

.No_Response {
    font-size: 0.8em;
    opacity: 0.8;
}

.No_Response:hover {
    opacity: 1;
}

.No_Response .icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;

    -webkit-mask: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(0, 0, 0, 1)' d='M8,2.24c3.18,0,5.76,2.58,5.76,5.76c0,3.18-2.58,5.76-5.76,5.76S2.24,11.18,2.24,8C2.24,4.82,4.82,2.24,8,2.24 M8,1C4.13,1,1,4.13,1,8c0,3.87,3.13,7,7,7s7-3.13,7-7C15,4.13,11.87,1,8,1L8,1z M11.31,10.4c0.22-0.17,0.26-0.48,0.09-0.7c-0.17-0.22-0.48-0.26-0.7-0.09c-1.5,1.16-3.89,1.16-5.39,0C5.09,9.44,4.77,9.48,4.6,9.69c-0.17,0.22-0.13,0.53,0.09,0.7c0.92,0.71,2.1,1.1,3.31,1.1S10.38,11.11,11.31,10.4z M6,5.5c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1S6.55,5.5,6,5.5z M10,5.5    c-0.55,0-1,0.45-1,1s0.45,1,1,1c0.55,0,1-0.45,1-1S10.55,5.5,10,5.5z'/%3E%3C/svg%3E");
    mask: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(0, 0, 0, 1)' d='M8,2.24c3.18,0,5.76,2.58,5.76,5.76c0,3.18-2.58,5.76-5.76,5.76S2.24,11.18,2.24,8C2.24,4.82,4.82,2.24,8,2.24 M8,1C4.13,1,1,4.13,1,8c0,3.87,3.13,7,7,7s7-3.13,7-7C15,4.13,11.87,1,8,1L8,1z M11.31,10.4c0.22-0.17,0.26-0.48,0.09-0.7c-0.17-0.22-0.48-0.26-0.7-0.09c-1.5,1.16-3.89,1.16-5.39,0C5.09,9.44,4.77,9.48,4.6,9.69c-0.17,0.22-0.13,0.53,0.09,0.7c0.92,0.71,2.1,1.1,3.31,1.1S10.38,11.11,11.31,10.4z M6,5.5c-0.55,0-1,0.45-1,1s0.45,1,1,1s1-0.45,1-1S6.55,5.5,6,5.5z M10,5.5    c-0.55,0-1,0.45-1,1s0.45,1,1,1c0.55,0,1-0.45,1-1S10.55,5.5,10,5.5z'/%3E%3C/svg%3E");

    background-color: var(--color-Blue);

   -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    font-size: 1.7em;
 }

.No_Response .text {
    color: var(--color-Blue);
    font-size: 1.2em;
}

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

.No_Response:hover .icon {
    background-color: var(--color-Blue-hover);
    opacity: 1;
}

.Emoji_Wrapper input[type="checkbox"], .Emoji_Wrapper input[type="radio"] {
    display: none;
}

.Emoji_Response + label {
    padding: 0.3em 0.4em;
    margin: 0;
}

.Response_List {
    display: inline-flex;
    opacity: 0.8;
    flex-wrap: wrap;
    padding-bottom: 0.4em;
    padding-bottom: 0.3em;
}

.Response_List + .No_Response {
    margin-left: 1em;
}

.Response_List .Emoji {
    font-size: 1.1em;
}

.Emoji_List .Emoji,
article ~ .Emoji_Wrapper .Response_List .Emoji,
.SocialShare .Response_List .Emoji {
    font-size: 1.6em;
}


.Emoji_List label,
.Response_List .Item {
    flex-direction: column;
    padding: 0.2em 0.1em;
    position: relative;
}

.Response_List .Item {
    margin: -0.4em 0 -0.4em 0;
}

.Emoji_List label{
    overflow: hidden;
    margin: 0;
}

.Emoji_Wrapper .Emoji_Response:not(:hover):not(:checked) + label ~ .Emoji_List:not(:hover) {
    display:none;
}

.Emoji_Wrapper .QTY {
    line-height: 1em;
}

.Response_List .QTY {
    font-size: 0.7em;
    vertical-align: top;
}

.Emoji_List .QTY,
article ~ .Emoji_Wrapper .Response_List .QTY,
.SocialShare .Response_List .QTY {
    font-size: 0.7em;
}

/*
Если это моя эмоциональная оценка.. делаем цифру жрнее
*/
.Response_List .Item.My .QTY {
    font-weight: bold;
    font-size: 0.9em;
    color: var(--color-Dark);
}

.Response_List .QTY + .Emoji {
    margin-left: 0.3em;
}

.Emoji_Wrapper .Emoji_List .QTY,
.Emoji_Wrapper .Response_List .QTY {
    background-color: rgba(255,255,255,0.9);
    border-radius: 0.4em;
    display: inline-block;
    box-shadow: 0 0 0.3em 0.2em rgba(255,255,255,0.9);
    padding: 0.1em;
    position: absolute;
    right: 0;
    bottom: 0;
}

.Emoji_List {
    flex-wrap: wrap;
    justify-content: center;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.95);
    border: var(--border-thin) solid var(--color-Gray-Light);
    border-radius: var(--border-radius-norm);
    z-index: 6;
    box-shadow: 0px 0px 0.5em var(--color-Gray-Light);

    max-width: 13em;
}

.Emoji_Response.Top + label {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.Emoji_Response.Top ~ .Emoji_List {
    bottom: 100%;
    border-bottom-right-radius: 0;
}

.Emoji_Response.Bottom + label {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.Emoji_Response.Bottom ~ .Emoji_List {
    top: 100%;
    border-top-right-radius: 0;
}

.Emoji_List, .Emoji_Response + label ~ .Emoji_List:hover {
    display: inline-flex;
}

.Emoji_List input[type="checkbox"]:not(:checked) + label:not(:hover),
.Emoji_List input[type="radio"]:not(:checked) + label:not(:hover) {
    opacity: 0.5;
    filter: grayscale(50%);
    -webkit-filter: grayscale(50%);
    -moz-filter: grayscale(50%);
}

/*
КОНЕЦ: Эмоджи
*/



.odd {
    /*background: #FFFCF8;*/
}

.ArrTop {
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #EFE8E0 rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 1px 5px 7px 5px;

    font-size: 1px;
     line-height: 1px;
    display: inline-block;
    //display: inline;
    position: absolute;
    top: -9px;
    left: 12px;
    overflow: hidden;
    //width: 11px;
    //height: 9px;
    zoom:1;}


.ArrR {
    border-color: #FFFFFF #FFFFFF #FFFFFF #0062CF;
    border-style: solid;
    border-width: 4px 1px 4px 6px;

    font-size: 1px;
     line-height: 1px;
    display: inline-block;
    //display: inline;
    overflow: hidden;
    //width: 7px;
    //height: 9px;
    margin-left: 5px;
    zoom:1;}

.MLPath {
    background:#f8fcff;

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(center 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);

 margin: 0px;
padding: 0.6em 2em 0.4em;
overflow:hidden;
//height: 0%;
font-size: 9pt;
}

.MLPath a {
    margin-right: 8px;
}
.MLPath a:not(:first-child):after {
    content: "▶";
    display: inline-block;
    font-size: 0.9em;
    margin-left: 0.5em;
    text-decoration: none;
}

.ArrR {
display: none;
}

.tcenter {text-align:center}

table.classic{
    width:1000px;
    border: var(--border-thin) solid #898989;
}


table.classic th{
    background:#808080;
    color:#FFFFFF;
    font-size:10px;
    padding:3px;
}


table.classic thead tr{
    background:#f0f0f0;
    color:#000000;
    font-size:12px;
}

table.classic thead tr td{
    background:#f0f0f0;
    color:#000000;
    font-size:12px;
    padding:3px;
}



table.classic tbody {
    font-size:10px;
}

table.classic tbody td{
    padding:3px;
    font-family:tahoma,verdana;
}


table.classic tbody td span.rem{
    font-size:9px;
    color:#8b8b8b;
    display:block;
}


table.classic tfoot {
    font-size:10px;
    padding:5px;
}

table.classic tfoot td{
    padding:10px;
}

table.classic tbody tr {
    background-color:#fefefe;
}

table.classic tbody tr:nth-child(2n-1)
{
        background-color:#fafafa;
}

table.classic tbody tr:hover {
    background-color:#eefbff;
    /*border:var(--border-thin) solid #000000;*/
    /*border:var(--border-thin) solid #eefbff;*/
    cursor:pointer;
}
table.classic tbody tr.SelectedRow {
    background-color:#def9f5;
    /*border:var(--border-thin) solid #000000;*/
    /*border:var(--border-thin) solid #eefbff;*/

}


form.standart {
    width:95%
}

form.standart div.main{

}

form.standart div.row{
    display:block;
}

form.standart div.label{
    font-size:1em;
    display:inline;
}

form.standart div.data{
    overflow:auto;
    display:inline;
}

.lightview {
    display: inline-flex;
    align-items: center;

    margin: 18px -1px 8px -1px;
    padding: 8px;
    border-radius:8px;
    overflow:hidden;
}

.lightview:hover {
    box-shadow: 0px 0px 8px #d0d8df;
    }


#BlogPostList img {
    margin: 0px -1px 8px -1px;
}

#BlogPostList .lightview img, #PostContent .lightview img {
    margin: 0;
    max-width: 100%;
    max-height: 30em;
    width: inherit;
    /*height: 100%;*/
    height: inherit;

    }

#BlogPostList .lightview {    margin-top: 0px;}

/* Стили для блога */
.ItemLikeThis {
    flex: 0 0 32%;

    overflow: hidden;

    border: var(--border-thin) solid #efe8e0;
    border-radius:0.5em;

    box-sizing: border-box;

    text-decoration: none;
}

.ItemLikeThis a {
    text-decoration: none;
    display: inline-block;
}

#ProductsLikeThis {
    margin: 0 0 2.5em 0;
   flex: 1 0 100%;
   }

#ProductsLikeThis .h3,
#ProductsLikeThis h3 { border-bottom: var(--border-thin) solid #dfd8d0; text-align: center; font-size: 2em;}

#ProductsLikeThis .ItemLikeThis .cover {
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-size: cover;
    /*background-size: 150%;*/
    background-position: center;
    height: 11em;
    width: 100%;

    border-bottom: var(--border-thin) solid #efe8e0;


    margin-bottom: 0.8em;}

#ProductsLikeThis .ItemLikeThis img.cover {
    height: initial;
    width: 100%;
    margin: 0 0 0.8em 0;}


.ItemLikeThis .Descr {
    display: inherit;
    margin: 0 0.8em 1.2em 0.8em;

    flex: 1;
    }

.ItemLikeThis .title {
    font-size:1.2em;
    line-height: 1.1em;
    color: #333;
    margin-bottom: 0.4em;

    flex: 1;
     }

.ItemLikeThis:hover .title {/* text-decoration: underline;*/
    color: inherit;
    }

.itemlike_Head {    text-decoration: underline;
    font-size:1em;
    line-height: 1.2em;}

.small_authors {
    font-size:0.9em;
    line-height: 1.1em;
    color: #706050;

    display: flex;
    align-items: center;
}

#PostContent .BlogLeft img, #PostContent .BlogRight img, #PostContent .ItemLikeThis img { margin: 0; }


#PostContent .BlogLeft .small_authors img,
#PostContent .BlogRight .small_authors img,
#PostContent .small_authors img {
    margin-right: 0.5em;
    width: 1.2em;
    height: inherit;

   flex: none;
   }

#PostContent .BlogRight .small_authors img {  margin-right: 0;  margin-left: 0.5em; }

.small_counter {
    font-size: 0.8em;
    font-style: italic;
    color: #706050;
    margin-top: 0.5em;
    display: inline-block;
    border-top: var(--border-thin) solid #dfd8d0;
}

/* Стрелки вперед назад */
.StadySemSwitch {
    flex: 1 0 40%;
    max-width: 50%;

    justify-content: flex-end;
    align-self: center;
}

.StadySemSwitch a {
/*    display: block;*/
    width: 49%;
    position: relative;
}

.StadySemSwitch a div{
    line-height: 1.2em;
}


/*.StadySemSwitch .BlogRight {
 -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }*/

.BlogLeft, .BlogRight, .AdLine1Sect a, .AdLine2Sect a {
    display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

    position: relative;

    text-decoration: none;
    border: var(--border-thin) solid #dfd8d0;

    overflow: hidden;
}

.BlogLeft, .BlogRight {
    width: 50%; }

.BlogLeft .title, .BlogRight .title { font-size: 1.3em; }

.AdLine1Sect .Descr { font-size: 1em; }
.AdLine2Sect .Descr { font-size: 1em; }

.BlogLeft .title, .BlogRight .title,
.AdLine1Sect .Descr, .AdLine2Sect .Descr {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    color:#333;
    padding: 0.5em 0;

    line-height: 1.1em;}

.StadySemSwitch .BlogLeft .title, .StadySemSwitch .BlogRight .title {
    align-self: center;

    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    }

.BlogLeft .title {
    margin-left: 0.7em;
    padding-right: 0.5em;

    align-items: flex-start;
    }

.BlogRight .title {
    margin-right: 0.7em;
    padding-left: 0.5em;

   align-items: flex-end;
   }

.BlogLeft .title .small_authors, .BlogRight .title .small_authors { text-decoration: none; vertical-align: middle; margin-top: 0.5em; }
.BlogLeft:hover .title, .BlogRight:hover .title,
.AdLine1Sect a:hover .title, .AdLine2Sect a:hover .title { color: inherit; text-decoration: undrline; }

.BlogRight .title .small_authors {
    justify-content: flex-start;
    flex-direction: row-reverse;
    }


/* Реклама флексами */

.AdLine1Sect { margin-top: 2.5em;
    margin-bottom: 2.5em;}

article .AdLine1Sect,
#PostText .AdLine1Sect {
    font-size: 0.85em;
}

body#tinymce .AdLine1Sect {
    margin: 1.5em 0;
    padding: 1em;
    box-sizing: border-box;
    justify-content: center;
    background-color: rgba(0,0,0,0.05);
    border-radius: 0.5em;
    box-shadow: 0 0 0 5px #FFEA00;
    outline: dashed 5px #000;

    min-height: 6em;
    align-items: center;
    color: rgba(0,0,0,0.5);
    text-transform: uppercase;
    }

body#tinymce .AdLine1Sect:before {
        content:"Рекламный блок";
        font-size: 3vw;
    }


.AdLine2Sect { margin-top: 2em;
    margin-bottom: 3em;}

.AdLine1Sect, .AdLine1Sect a,
.AdLine2Sect, .AdLine2Sect a {
    flex: 1;
    }

.AdLine1Sect, .AdLine1Sect a {
    align-content: center;
}

.AdLine1Sect a,.AdLine2Sect a {
    box-shadow: var(--box-shadow-AdLine2Sect);
}

/*.AdLine2Sect a:nth-of-type(2) { display: none; }*/

.AdLine1Sect, .AdLine1Sect .Descr,
.AdLine2Sect, .AdLine2Sect .Descr {
    display: flex;
    flex: 1 auto;
   }

.AdLine1Sect .Descr {
    align-items: flex-start;

    margin-left: 1.8em;
    padding-right: 1.8em;
    }
.AdLine2Sect .Descr { margin-left: 1.1em;
    padding-right: 1.0em;}

.AdLine1Sect .Descr, .AdLine2Sect .Descr {
    flex-direction: column;
    justify-content: center;
    }

.AdLine1Sect .Club,
.AdLine1Sect .Video, .AdLine1Sect .FullTime,
.AdLine1Sect .OffLine, .AdLine1Sect .Free { font-size: 1em; }

.AdLine1Sect .AllBotton {
    display: inline-flex;
    align-items: center;
    font-size: 0.9em;
    padding: 0.5em 0.3em 0.5em 0.6em;

    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;

    border-top-right-radius:0;
    border-bottom-left-radius:0;

    z-index: 1;}

.AdLine1Sect .AllBotton svg,
.AdLine1Sect .AllBotton .text + svg {
    width: 1em;
    height: 1em;
    margin-left: 0.3em;}

.AdLine1Sect .Title, .AdLine2Sect .Title {
    line-height: 1.1em;
    font-weight: normal; }

.AdLine1Sect .Title {
    font-size: 1.8em;
    display: inline-block;
    overflow: hidden;
    text-align: left;
    position: relative;
    max-height: 3.5em;
    }

.AdLine1Sect .Title:after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1em;
    top: 2.5em;
    left: 0;

    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.AdLine2Sect .Title { font-size: 1.4em;}

.AdLine1Sect a:hover .Title, .AdLine2Sect a:hover .Title { color: #0082ff; }
.AdLine1Sect .CTitle { font-size: 1.2em; }
.AdLine2Sect .CTitle { font-size: 0.9em; }

.AdLine1Sect .CTitle, .AdLine2Sect .CTitle
.AdLine2Sect .CTitle, .AdLine2Sect .CTitle {
    font-weight: bold;
    color: rgba(51, 51, 51, 0.8);
     }

.AdLine1Sect .CTitle, .AdLine2Sect .CTitle {
    margin-bottom: 0.5em;}

.AdLine1Sect .CTitle, .AdLine2Sect .CTitle {
    margin-bottom: 0.3em;}


.AdLine1Sect .MLDate {
    margin-bottom: 0.4em;
    margin-top: 0;
    text-align: right;

    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;}

.AdLine2Sect .MLDate {
    margin-bottom: 0.5em;
    margin-top: -0.5em;
    text-align: right; }

.AdLine1Sect .MLDate {font-size: 1.1em;}
.AdLine2Sect .MLDate {font-size: 0.9em;}


/*#PostContent .BlogLeft img.cover, #PostContent .BlogRight img.cover,*/
.PrevNext .BlogLeft img.cover, .PrevNext .BlogRight img.cover {
    max-height: 6em;
    width: initial;

    max-width: 8em;
    height: inherit;}

.AdLine1Sect a .cover,
.AdLine2Sect a .cover,
#PostContent .AdLine1Sect a img,
#PostContent .AdLine2Sect a img { margin: 0; }

/*#PostContent .BlogLeft div.cover, #PostContent .BlogRight div.cover,*/
.PrevNext .BlogLeft div.cover, .PrevNext .BlogRight div.cover,
.AdLine1Sect a .cover,
.AdLine2Sect a .cover {
    /*-webkit-align-self: stretch;
   -ms-flex-item-align: stretch;
   align-self: stretch;*/

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

    /*height: 100%;*/
    }

.AdLine1Sect a .cover,
.AdLine2Sect a .cover {
    box-shadow: 0 0 0.7em 0.5em rgba(112, 128, 144, 0.3);
    }

#PostContent .BlogLeft div.cover, #PostContent .BlogRight div.cover,
.PrevNext .BlogLeft div.cover, .PrevNext .BlogRight div.cover { width: 33%; }

.AdLine1Sect a img.cover, .AdLine2Sect a img.cover {
    width: 35%;
/*
    height: 100%;
*/}

.AdLine1Sect a .cover {
    display: inline-flex;
    overflow: hidden;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 12em;
    flex: 1 0 35%;
}

.AdLine1Sect a .cover img,
#PostText .AdLine1Sect a .cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
}

.AdLine1Sect a .cover, .AdLine2Sect a .cover {
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;

       flex: 0 0 35%;
    }

.StadySemSwitch .BlogLeft img.cover, .StadySemSwitch .BlogRight img.cover {
    max-height: 5em;
    width: initial;

    max-width: 6em;
    height: inherit;
    align-self: center;
    }


.StadySemSwitch a.l .cover {
    margin-right: 0.5em;
}

.BlogLeft:before, .StadySemSwitch a.l:before {
    display: inline-block;
    content: '';
    border-style: solid;
    border-width: 0.7em 0.8em 0.7em 0;
    border-color: transparent #efe8e0 transparent transparent;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0.8em;
    margin-top: -0.6em;
    }

.BlogRight, .StadySemSwitch a.r {
    text-align: right;
}

.BlogRight .cover {
    order: 1;
    }

.BlogRight:after, .StadySemSwitch a.r:after {

    display: inline-block;
    content: '';
    border-style: solid;
    border-width: 0.7em 0 0.7em 0.8em;
    border-color: transparent transparent transparent #efe8e0;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 0.8em;
    margin-top: -0.6em;
}

.BlogLeft:hover:before, .StadySemSwitch a.l:hover:before { border-color: transparent #0082ff transparent  transparent; }
.BlogRight:hover:after, .StadySemSwitch a.r:hover:after { border-color: transparent transparent transparent #0082ff; }
 /* Конец стилей для блога */



.difficult_0, .difficult_1, .difficult_2    {
    display: inline-block;
    position: relative;
    width: 3em;
    min-width: 3em;
    height: 1em;
    background-image: url(/img/Rating_240x240.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: auto 100%;
    font-size: 1em;
    bottom: -0.15em;
    background-size: cover;
    margin-top: -0.2em;
    }

.difficult_0 {
     background-position: 0 0;
 }
.difficult_1 {
     background-position: 0 -1em;
 }
.difficult_2 {
     background-position: 0 -2em;
 }

 /* Обучение */

.PlacesLeft {
    color: #706050;

    padding: 0.3em 0.5em;
    border-radius: 0.3em;

    margin: 0;}

.TitleBlockBigIMG .PlacesLeft {
    display: inline-flex;
    align-items: center;

    font-size: 0.9em;

    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;

    background-color: rgba(224, 0, 0, 0.9);
    color: #fff;

    border-right: var(--border-thin) solid rgba(255, 255, 255, 0.8);
    border-bottom: var(--border-thin) solid rgba(255, 255, 255, 0.8);

    border-radius: 0 0 0.3em 0;
    box-shadow: 0 0 0.8em rgba(48, 64, 80, 0.8);
    }

.TitleBlockBigIMG figcaption {
    display: none;
}

.ML_Table .PlacesLeft {
    flex: 0;

    text-align: center;
    line-height: 1em}

.ML_Table .mess_dialog_email {
    margin-top: 0.5em;
    display: inline-flex; }

.ML_Table .mess_dialog_email svg { margin-top: -0.1em; }

.TitleBlockBigIMG .PlacesLeft svg {
    margin: -0.3em 0.2em -0.4em 0em;
    }

.TitleBlockBigIMG .PlacesLeft b, .TitleBlockBigIMG .PlacesLeft strong { padding-left: 0.4em; }

.PlacesLeft svg {
    width: 1.4em;
    height: 1.4em;
    }

/*
.OnLine {color: color(--OnLine);}
.FullTime {color: color(--FullTime);}
.Video {color: color(--Video);}
.OffLine {color: color(--OffLine);}
.Free {color: color(--Free);}

*/
.cover .OnLine, .cover .FullTime, .cover .Video, .cover .Club, .cover .OffLine, .cover .Free {
    color: #fff;
}

.cover .OnLine {background-color: rgba(0, 130, 255, 0.7);}
.cover .FullTime {background-color: rgba(0, 176, 0, 0.7);}
.cover .Video {background-color: rgba(238, 109, 0, 0.7);}
.cover .Club {background-color: rgba(112, 128, 144, 0.7);}
.cover .OffLine {background-color: rgba(255, 125, 0, 0.7);}
.cover .Free {background-color: rgba(194, 53, 202, 0.7);}

.CourseDescription { font-size: 1.2em; width: 100%;}

.ScheduleLineOh .FullTime, .info_block_Date .FullTime, .SeminarDescr .FullTime, .tabBasket .FullTime,
.info_block_Date .Club, .SeminarDescr .Club, .tabBasket .Club,
.info_block_Date .OnLine, .SeminarDescr .OnLine, .tabBasket .OnLine,
.info_block_Date .Video, .SeminarDescr .Video, .tabBasket .Video,
.info_block_Date .OffLine, .SeminarDescr .OffLine, .tabBasket .OffLine,
.info_block_Date .Free, .SeminarDescr .Free, .tabBasket .Free {
     display: inline-block;
     padding: 0.1em 0.3em 0.1em;
     position: relative;

     line-height: 1.2em;

    border-radius: 0.2em 0 0 0.2em;
 }


.ScheduleLineOh .Club,
.ScheduleLineOh .OnLine,
.ScheduleLineOh .Video,
.ScheduleLineOh .OffLine,
.ScheduleLineOh .Free {
    display: inline-block;

    line-height: 1em;

    background-color: #fff;
    text-shadow:none;
    font-weight: bold;
    padding: 0;}

.ScheduleLineOh .OnLine {
/* border: var(--border-thin) solid #0082ff;*/
 color: var(--OnLine);
 }

/*.ScheduleLineOh .Video { color: #0067ca; }*/
.ScheduleLineOh .Video {color: var(--Video);}

.ScheduleLineOh .Club {
    color: var(--Club);
}

.ScheduleLineOh .OffLine {
    color: var(--OffLine);
 }

.ScheduleLineOh .Free {
    color: var(--Free);
 }

.info_block_Date .Club,
.info_block_Date .OnLine,
.info_block_Date .Video,
.info_block_Date .FullTime,
.info_block_Date .OffLine, .info_block_Date .Free {
     top: -0.1em;
 }

 .tabBasket .Club,
 .tabBasket .OnLine,
 .tabBasket .Video, .tabBasket .FullTime,
 .tabBasket .OffLine, .tabBasket .Free {
     top: -0.5em;
     vertical-align: super;
 }

 .ScheduleLineOh .OnLine, .ScheduleLineOh .Video,
 .ScheduleLineOh .Club, .ScheduleLineOh .FullTime,
 .ScheduleLineOh .OffLine, .ScheduleLineOh .Free {
     font-size: 60%;
     vertical-align: super;
    border-radius: 0.2em;

     /*top:0.2em;*/

     /* Определяем центр трансформации */
     /*-webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;*/

   /* Трансформируем */
     /*-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);*/
 }

 .ScheduleLineOh .DeleteButton { margin: 0;
     border-color: transparent transparent transparent #efe8e0;
   border-style: solid;
   border-width: 0 0 0 var(--border-thin);
   }
.ScheduleLineOh .DeleteButton:hover {
    border-color: #d0d8df;
    color: #20a2ff;
    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+ */ }

 /* тогда так класс

 StatTR_12 - почта,
 StatTR_10 - доставка по email,
 StatTR_11 - курьер,
 StatTR_00 - статус принят,
 StatTR_01 - ждет отправки,
 StatTR_16 - упаковывается
 StatTR_02 - отправлен,
 StatTR_03 - отменен,
 StatTR_04 - возврат средств,
 StatTR_05 - депозит

 StatTR_13 - Доставлен
 StatTR_14 - Получен адресатом
 StatTR_15 - Возврат отправителю - на почте

 Vorkunov Konstantin
какие у нас еще статусы?
Добавил 3 новых id 10,11, 12

Доставлен, получен, возврат отправителю


 Installment_Main
 Installment_Payment
*/

.StatTR_00 > *, .StatTR_10 > *, .StatTR_01 > * {
 /*background-color: rgba(52, 139, 46, 0.08);*/ /* Зеленый */
 }

 .StatTR_01.StatTR_10 > *, .StatTR_01.StatTR_12 > *, .StatTR_01 > * {
 background-color: var(--color-BG-Green); /* Зеленый оплачен и ждет отправки*/
 }

  .StatTR_01.StatTR_10:hover > *, .StatTR_01.StatTR_12:hover > *, .StatTR_01:hover > *,
  .tabBasket tbody .StatTR_01.StatTR_10:hover > *, .tabBasket tbody .StatTR_01.StatTR_12:hover > *, .tabBasket tbody .StatTR_01:hover > * {
 background-color: var(--color-BG-Green); /* Зеленый оплачен и ждет отправки*/
 }


.StatTR_11 > * {
 background-color: rgba(255, 245, 0, 0.08); /* желтый */
 }
 .StatTR_11:hover > *, .tabBasket tbody .StatTR_11:hover > * {
 background-color: rgba(255, 245, 0, 0.11); /* желтый */
 }

.StatTR_12 > * {
 background-color: rgba(0, 125, 255, 0.05); /* почта */ /* Синий */
 }
.StatTR_12:hover > *, .tabBasket tbody .StatTR_12:hover > * {
 background-color: rgba(0, 125, 255, 0.09);
 }

 .StatTR_13,
 .StatTR_14,
 .StatTR_15,
 .StatTR_16 {
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 48% center;
 }

 /* Доставлен в почтовое отделение */
.StatTR_13 {
     background-image: var(--SVG-Ico-TimeCode-BG-Blue);
 }

 .StatTR_13 > * {
 background-color: rgba(255, 245, 0, 0.08); /* желтый */
 }
 .StatTR_13:hover > *, .tabBasket tbody .StatTR_11:hover > * {
 background-color: rgba(255, 245, 0, 0.11); /* желтый */
 }

 /* Получен адресатом */
 .StatTR_14 {
    background-image: var(--SVG-Ico-Correct);
 }

 .StatTR_14 > * {
 background-color: rgba(255, 245, 0, 0.08); /* желтый */
 }
 .StatTR_14:hover > *, .tabBasket tbody .StatTR_11:hover > * {
 background-color: rgba(255, 245, 0, 0.11); /* желтый */
 }

 /* Возврат по почте */

 .StatTR_15 {
    background-image: var(--SCG-Ico-Cancel);
 }

 .StatTR_15 > * {
  background-color: rgba(240, 0, 0, 0.11);; /* желтый */
 }
 .StatTR_15:hover > *, .tabBasket tbody .StatTR_11:hover > * {
  background-color: rgba(240, 0, 0, 0.11);; /* желтый */
 }


.StatTR_16 > * {
 background-color: rgba(242, 193, 13, 0.08); /* желтый */
 }
 .StatTR_16:hover > *, .tabBasket tbody .StatTR_16:hover > * {
 background-color: rgba(242, 193, 13, 0.11); /* желтый */
 }



.StatTR_02 > * {
 background-color: rgba(255, 125, 0, 0.04);} /* отправлен */  /* Ораньжевый */
.StatTR_02:hover > *, .tabBasket tbody .StatTR_02:hover > * {
 background-color: rgba(255, 125, 0, 0.1);}

.StatTR_03 > * {
 background-color: rgba(240, 0, 0, 0.08);} /* отменен */ /* Красный */
.StatTR_03:hover > *, .tabBasket tbody .StatTR_03:hover > * {
 background-color: rgba(240, 0, 0, 0.11);}

.StatTR_04 > * {
 background-color: rgba(154, 0, 252, 0.05);} /* возврат */ /* Фиолетовый */
.StatTR_04:hover > *, .tabBasket tbody .StatTR_04:hover > * {
 background-color: rgba(154, 0, 252, 0.09);}

 .StatTR_05 > * {
 background-color: rgba(0, 243, 255, 0.12);} /* Депозит */ /* Фиолетовый */
.StatTR_05:hover > *, .tabBasket tbody .StatTR_05:hover > * {
 background-color: rgba(0, 243, 255, 0.30);}


.Installment_Main, .Installment_Payment {
    border-radius: 0.1em;
}

.Installment_Main {
    box-shadow: 0 0 0 var(--border-thin) rgba(147, 21, 150, 1), 0 0 0 0.3em rgba(147, 21, 150, 0.2);
}

.Installment_Payment {
    box-shadow: 0 0 0 var(--border-thin) rgba(87, 52, 176, 1), 0 0 0 0.3em rgba(87, 52, 176, 0.2);
}


.Installment_Type {
    display: flex;
    align-items: center;
    gap: 0.3em;
    padding: 0.2em;
    justify-content: flex-end;
}

.Installment_Type svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
}

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

.BDate .DateCreate {
    font-size: 0.85em;
    opacity: 0.5;
    }

.BProdName a {
    text-decoration: none;
    /*
    font-size: 1.1em;
    */
    }

    /*
.BProdName a:hover {
        text-decoration: underline;
    }
*/

tr .BCount .Count {
    font-size: 1.4em;
    vertical-align: baseline;
    font-weight: bold;
}

.tabBasket.Schedule {
    font-size: 1.1em;
}

.tabBasket.Schedule {
    display: grid;
    grid-template-columns: 3em 1fr 1fr 10em 3em;
    /*
    grid-template-columns: repeat(auto-fit, 50%);
    */
    /*    grid-template-areas:

    "BProdID BProdName BSeminarName BDate BProdManage";
    */
}

/*
display: contents; позволяет нейтрализовать влияние этих блоков в таблице. В результате все ячейки гридами будут восприниматься как последовательные
*/
.tabBasket.Schedule thead,
.tabBasket.Schedule tbody,
.tabBasket.Schedule tr {
    display: contents;
}

.tabBasket.Schedule .BProdID {

}
.tabBasket.Schedule .BProdName {

}
.tabBasket.Schedule .BProdName img {
    width: 4em;
    min-width: 4em;
}

.tabBasket.Schedule .BSeminarName {

 }

/*
.tabBasket.Schedule .BSeminarName img,
.tabBasket.Schedule .BProdName img {
    border-radius: var(--border-radius-xs);
}
*/

.tabBasket.Schedule .BProdName .Item,
.tabBasket.Schedule .BSeminarName .Item {
    display: flex;
    gap: 0.6em;
    width: 100%;
    height: 100%;
    align-items: center;
}

.tabBasket.Schedule .BSeminarName .Item .Participants_WithChart {
    border: 1px solid var(--color-Beige-Light);
    border-radius: 1em;
    padding: 0em 0.2em;
}

.tabBasket.Schedule .BProdName .Item .Details,
.tabBasket.Schedule .BSeminarName .Item .Details {
    display: flex;
}

.tabBasket.Schedule .BProdName .Item .Details {
    flex-direction: column;
}

.tabBasket.Schedule .BSeminarName .Item .Details {
    flex-wrap: wrap;
    gap: 0.2em 0.8em;
}

.tabBasket.Schedule .BProdName .Item .Amount,
.tabBasket.Schedule .BSeminarName .Item .Amount {
    align-items: center;
    color: var(--color-Beige);
    font-size: 0.9em;
}

.tabBasket.Schedule .BSeminarName .Item .Amount.Gift {
    border: 1px solid;
    border-radius: var(--border-radius-s);
    padding: 0.1em 0.2em;
}

.tabBasket.Schedule .Item .Amount.Subscribe svg {
    color: var(--color-Green);
}

.tabBasket.Schedule .Item .Amount.Subscribe.Completed,
.tabBasket.Schedule .Item .Amount.Subscribe.Completed svg {
    color: var(--color-Gray-Med);
}

.tabBasket.Schedule .BProdName .Item .Amount .Signed,
.tabBasket.Schedule .BSeminarName .Item .Amount .Signed {
    cursor: pointer;
}
.tabBasket.Schedule .BProdName .Item .Amount .Signed:hover,
.tabBasket.Schedule .BSeminarName .Item .Amount .Signed:hover {
    color: var(--color-Blue);
}


.tabBasket.Schedule .BProdName .Item svg,
.tabBasket.Schedule .BSeminarName .Item svg {
    font-size: 1.2em;
    color: var(--color-Beige);
}

.tabBasket.Schedule .BProdName .Item .Link svg,
.tabBasket.Schedule .BSeminarName .Item .Link svg {
    font-size: 1.8em;
}

.tabBasket.Schedule .BProdName .Item figure,
.tabBasket.Schedule .BSeminarName .Item figure {
    position: relative;
    margin: 0;
}

.tabBasket.Schedule .BProdName .Item figure .TrainingType,
.tabBasket.Schedule .BSeminarName .Item figure .TrainingType {
    position: absolute;
    top: 0;
    font-size: 0.6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: -moz-available;
}

.tabBasket.Schedule .BProdName .Item .Module,
.tabBasket.Schedule .BProdName .Item .Course,
.tabBasket.Schedule .BSeminarName .Item .Seminar,
.tabBasket.Schedule .BSeminarName .Item .Module {
    gap: 0.4em;
    align-items: center;
}

.tabBasket.Schedule .BProdName .Item .Course,
.tabBasket.Schedule .BSeminarName .Item .Seminar,
.tabBasket.Schedule .BSeminarName .Item .Module {
    display: flex;

}

.tabBasket.Schedule .BProdName .Item .Module {
    display: list-item;
    list-style: disc inside;
    line-height: 1em;
}

.tabBasket.Schedule .BProdName .Item .Module::marker {
    color: var(--color-Beige-Light);
    font-size: 0.8em;
}

.tabBasket.Schedule .BProdName .Item .Course + .Module {
    margin-top: 0.3em;

}

.tabBasket.Schedule .BProdName .Item .Module .Amount + .Amount {
    margin-left: 0.4em;
}

.tabBasket.Schedule .BProdName .Item .Module a,
.tabBasket.Schedule .BSeminarName .Item .Module a {
    color: var(--color-Beige);
    font-size: 0.9em;
}

.tabBasket.Schedule .BProdName .Item .Module a,
.tabBasket.Schedule .BProdName .Item .Course a,
.tabBasket.Schedule .BSeminarName .Item .Module a,
.tabBasket.Schedule .BSeminarName .Item .Seminar a {
    text-decoration: none;
}

.tabBasket.Schedule .BProdName .Item .Module a:hover,
.tabBasket.Schedule .BProdName .Item .Course a:hover,
.tabBasket.Schedule .BSeminarName .Item .Module a:hover,
.tabBasket.Schedule .BSeminarName .Item .Seminar a:hover {
    color: var(--color-Blue-hover);
    text-decoration: underline;
}

.tabBasket.Schedule .BProdName .Item .Course a,
.tabBasket.Schedule .BSeminarName .Item .Seminar a {
    /*
    white-space: nowrap;
    */
    line-height: 1.1em;
}

.tabBasket.Schedule .BProdName .Item .Course a {
    font-size: 1.2em;
}

.tabBasket.Schedule .BSeminarName .Item .Seminar a {
    font-size: 1.1em;
}

.tabBasket.Schedule .BDate {
    color: #908070;
    font-size: 0.9em;
}
.tabBasket.Schedule .BProdManage {

}

.tabBasket.Schedule .BProdManage a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.tabBasket.Schedule .BProdManage a svg {
    margin: 0.2em;
}

/*
.tabBasket.Schedule .BProdID {
    grid-area: BProdID;
}
.tabBasket.Schedule .BProdName {
    grid-area: BProdName;
}
.tabBasket.Schedule .BSeminarName {
    grid-area: BSeminarName;
}
.tabBasket.Schedule .BDate {
    grid-area: BDate;
}
.tabBasket.Schedule .BProdManage {
    grid-area: BProdManage;
}
*/

.tabBasket.Schedule .BSeminarName a.Seminar {
    vertical-align: initial; display: inline;
}

.tabBasket.Schedule .BProdManage a ~ a {
    /*
    margin-top: 0.6em;
    */
}

.SchedLineDescr .h3 { line-height: 1.2em;}
.SchedLineDescr a.h3 { color: #333333; text-decoration: none; display: inline-block; }
/*.ScheduleLineOh:hover a.h3 { color: #0062cf;  }*/
.SchedLineDescr a.h3:hover { color: #0082ff; text-decoration: underline; }

.ULMenuContent .SchedLineDescr .h3 {
    /*width: -webkit-calc(100% - 7.5em);*/
    display: contents;
    width: calc(100% - 3.5em);
    }

.ULSchadTopMenu {
    border-collapse: collapse;
    clear: both;
    font-size: 1.2em;
    line-height: normal;
    list-style: none outside none;
    margin: 0em;
    overflow: hidden;
    padding: 0em;
    position: relative;
    vertical-align: bottom !important;
    /*white-space: nowrap;*/
}

.ULSchadTopMenu a {
    vertical-align: baseline;
}

.ULSchadTopMenu li {
display: inline-block;
    font-size: 0.9em;
    margin: 0.5em 0;
    overflow: hidden;
    padding: 0px;
    vertical-align: bottom;
    width: 15%;
}

.ScheduleMenuList, nav h3, nav .h3 {
    border-bottom: var(--border-thin) solid #dfd8d0;
    color: #706050;
    display: block;
    font-size: 1.4em;
    /*
margin-top: 8pt;
*/
    padding-bottom: 0.4em;
    margin-bottom: 0.4em;
}

.ScheduleMenuList:before, .ConsultingMenuList:before {
    background-repeat: no-repeat;
    content: " ";
    display: inline-block;
    height: 1.35em;
    margin-top: -4px;
    vertical-align: middle;
    width: 1.6em;
    background-size: contain; }

.ScheduleMenuList:before {
   background-image: url(/img/calendar_min.svg);
}

.ConsultingMenuList:before {
   background-image: url(/img/ico_ChartPerson_Pro_b.svg);
}

.MenuBigLink, .ConsultingMenuList {
     border-bottom: var(--border-thin) solid #dfd8d0;
    color: #706050;
    display: block;
    font-size: 1.4em;
    margin-top: 8pt;
    padding-bottom: 0.8em;
    margin-bottom: 0.8em;
}

.ScheduleMonthT {
    font-size: 1.2em;
    /*
background-color: #efe8e0;
*/
    background-image: linear-gradient(180deg, rgba(239, 232, 224, 0.9), rgba(223, 216, 208, 0.9));

    backdrop-filter: var(--backdrop-filter) brightness(110%);

    border-radius: var(--border-radius-norm) var(--border-radius-norm) 0 0;

    position: relative;

    color: #908070;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0.8em;
    padding: 0.3em 0.5em 0.5em;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;

    position: sticky;
    top: 0;
    }

.ScheduleMonthT:before {
/*
    content: "";
*/
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff;

    border-radius: var(--border-radius-norm) var(--border-radius-norm) 0 0;
    }

.ScheduleMonthT.StickyShadow {
    border-radius: 0;
    border-bottom: var(--border-thin) solid var(--color-Beige);
    box-shadow: 0 0.6em 0.8em rgba(112, 128, 144, 0.3);
    z-index: 10;
}

.ScheduleMonthT.Shadow {
    box-shadow: 0 0.6em 0.8em rgba(112, 128, 144, 0.3);
}

.ToTop {
    display: inline-flex;
    border: var(--border-thin) solid var(--color-Beige-Light);
    position: absolute;
    width: 1em;
    height: 1em;
    right: 0.2em;
    border-radius: 0.5em;
    font-size: 1.3em;
    line-height: 1em;

    -webkit-justify-content: center;
    justify-content: center;

    -webkit-align-items: center;
    align-items: center;

    margin: -0.6em 0;
    top: 50%;
}

.ToTop svg, a.ToTop svg {
    color: var(--color-Beige);
    margin: 0;width: 1em;
    height: 1em;
    font-size: 0.8em;
    line-height: inherit;
}

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

.ToTop:hover svg, a.ToTop:hover svg {
    color: var(--color-Blue-hover);
}

.ScheduleMonth h3, .ScheduleMonth .h3 {
    font-size: 1.4em;
}

.ScheduleStart {
    border-radius: var(--border-radius-norm) var(--border-radius-norm) 0 0;
}

.ScheduleEnd {
    border-radius: 0 0 var(--border-radius-norm) var(--border-radius-norm);
}

.ScheduleMonth {
    border-radius: var(--border-radius-norm);
    margin-bottom: 1.0em;
    font-size: 1.1em;
    background-color: #fff;
    z-index: 7;
    position: sticky;}

    .ScheduleMonth .ScheduleLine:first-child,
    .ScheduleMonth .ScheduleLineOh:first-child {
    border-top-left-radius: var(--border-radius-norm);
    border-top-right-radius: var(--border-radius-norm);

    padding-top: 1.0em;
    }
    .ScheduleMonth .ScheduleLine:last-child,
    .ScheduleMonth .ScheduleLineOh:last-child  {
    border-bottom-left-radius: var(--border-radius-norm);
    border-bottom-right-radius: var(--border-radius-norm);
    }

    .ScheduleMonth .ScheduleLineOh { min-height: 5em; }

  .ScheduleLine, .ScheduleLineOh {
    border: var(--border-thin) solid var(--color-Beige-Light);
    background-color: #ffffff;
    display: block;
    /*overflow: hidden;*/
    padding: 0px;
    margin: 0 0em -1px 0em;
    text-align: left;
    text-decoration: none !important;
    line-height: 1.1em;
    position: relative;
    vertical-align: top;}

    .PayProduct .ScheduleLineOh { display: -ms-flexbox;
   display: -webkit-flex;
   display: flex; }

/*    .ScheduleLine:nth-child(even), .ScheduleLineOh:nth-child(even) {
        background-color: #fdfbfa;
    }*/

    .ScheduleLine {
        overflow: hidden;
    }

    .ScheduleLine:hover, .ScheduleLineOh:hover {
    -moz-box-shadow: 0px 0px 8px #d0d8df;
    -webkit-box-shadow: 0px 0px 8px #d0d8df;
    -khtml-box-shadow: 0px 0px 8px #d0d8df;
    box-shadow: 0px 0px 8px #d0d8df;
    z-index: 2;
    border-color: transparent;
    }

.ScheduleMonth .SectionFiles { width: 100%;
box-sizing: border-box; }

.ScheduleBlock, .SchedLineIMG, .SchedLineDescr, .SchedLineIMGMin {
     /*display: inline-block;*/
     display: block;
 }


.ScheduleBlock {
    position: relative;
    border-bottom: var(--border-thin) solid #908070;
    margin: 1px 0px -1px 0px
}

.SchedLineCity {
    font-size: 0.9em;
    font-style: italic;
}

.FSize {
    color: #908070;
    white-space: nowrap;
}

.SchedLineIMG, .TitleBlockIMG, .SchedLineIMGMin, .SeminarDescr .Cover {
    line-height: 0;
    border-radius: 0.3em;
  }



.SeminarDescr .StickyTop.StickyShadow .Cover {
    border-radius: 0.3em  0.3em 0 0;
}

.SchedLineIMGBookMark {
    border-radius: 0.3em 0 0 0.3em;

    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    vertical-align: middle;
    text-align: center;
    width: 3.2em;
   left: -3.27em;
    /*width: 45px;
    left: -46px;*/
  }
.SchedLineIMGBookMark img {
      height: 3.2em;
   margin: 0px -20px;
   vertical-align: middle;
  }

.SchedLineIMG,
.SeminarDescr .Cover {
    text-align: center;
    width: 16em;
    margin:0.8em 1.2em 0.8em 0.8em;
    overflow: hidden;
    float: left;
 }

.SchedLineIMG img { width: 100%; }

.SeminarDescr .Cover { margin:0 1em 0 0;
height: 6em;
width: inherit;
-webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;}

.SchedLineIMGMin {
    text-align: center;
    width: 60px;
    margin:0.8em 0 0.8em 0.8em;
    overflow: hidden;
    float: left;
}

.SchedLineIMGMin img {
    height: 60px;
}

.SchedLineDescr {
     /*width: 24em;*/
     padding: 0.5em 0 1.0em 0;
     overflow: hidden;
     box-sizing: border-box;
 }

.ScheduleLine .SchedLineDescr { padding-right: 0.8em; }
.ScheduleLine .SchedLineDate { padding-right: 0;  }

.ScheduleLine .SchedLineDescr > ul { margin: 0 0 1.2em; }

.SchedLineDescr > *:last-child:not(.info_block_Date),
.SchedLineDescr *:last-child > ul:last-child,
.SchedLineDescr *:last-child > ol:last-child,
.SchedLineDescr *:last-child > p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.SchedLineDescr .h3 {
    margin-top: 0.2em;
    margin-bottom: 0.2em;}

 .SchedLineDate, .info_block_Date, .SchedLineDateLeft {
     color: #706050;
 }

.SchedLineDateLeft{
     width: 9em;
 }

.SchedLineDate{
     width: 10em;
 }

 .SchedLineDate {
     float: right;
     text-align: right;
     /*width: 8em;*/

     display: inline-block;
     padding: 0.5em 1em 0.5em 0em;
 }


 .SchedLineDate, .SchedLineDate strong {line-height: 1.2em;}

 .SchedLineDateLeft {
     float: left;
     /*width: 8em;*/

     display: inline-block;
     padding: 0.5em 0.8em 0.5em 0.8em;
     clear: both;
 }


 .SchedLineTeacher {
     float: right;
     text-align: right;
    display: inline-flex;
    padding: 0.5em 1em 0.5em 1em;
    flex-direction: column;
    gap: 0.6em 0;
 }

 .SchedLineTeacher a {
     color: #333;
     display: inline-block;
     vertical-align: middle;
     line-height: 0.9em;
     text-decoration: none;
 }
 .SchedLineTeacher a:hover { color: #0082ff;
    text-decoration: underline; }

 .SchedLineTags {
     margin-top: 0.3em;
 }

.SchedLineDescr .info_block_Teacher {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    vertical-align: baseline;
}

.SchedLineDescr .info_block_Teacher a { white-space: nowrap; }

.SchedLineDescr .NavLine {
    font-size: 1em;
    margin-bottom: 0.5em;
    line-height: 1.2em;
}

.ScheduleLine .SchedLineDescr .NavLine {
    margin-bottom: 0.2em;
    margin-top: 0.2em;}

.ScheduleLine .NavLine a {
    font-weight: bold;
    font-size: 1.1em; }

.NavLine a {
    text-decoration: none;
    color: #706050;
    line-height: 1.2em;
}

.NavLine a:hover {
    text-decoration: underline;
    color: #0082ff;
}

 .h1Subtitle {
 font-size: 1.2em;
 font-style: italic;
 color: #706050;
 margin-bottom: 0.8em;
 }

    /*
:not(.wrapper_settings_cards):not(.wrapper_settings_notes)
*/
.wrapper_main_profile, .wrapper_main_calendar {
    font-size: 0.95em;
}

.wrapper_main_profile.wrapper_settings_langmgr {
    max-width: 100%;
}

 .wrapper_main_profile .jsFilterBlock label {
     display: inline-flex;
     flex-direction: column;
 }

 .wrapper_main_profile .jsFilterBlock label span {
     font-size: 0.8em;
     color: var(--color-Beige-Dark);

 }
  .wrapper_main_profile .jsFilterBlock label span:before {
      content: "(";
  }
    .wrapper_main_profile .jsFilterBlock label span:after {
            content: ")";
    }


.wrapper_main_profile, .wrapper_main_calendar {
     min-width: var(--PageSize-Norm);
     max-width: var(--PageSize-XL);
    }

.wrapper_main_videoplayer {
    width: var(--PageSize-XL);
}

.wrapper_main_feedback,
.wrapper_main_sales,
 .wrapper_main_profile.wrapper_section_orders,
 .wrapper_main_school,
 .wrapper_main_pages,
 .wrapper_main_blog,
 .wrapper_main_system,
 .ContentShop,
 .wrapper_main_gdirection,
 .wrapper_main_24mountain,
 .wrapper_main_map,
 .wrapper_main_shop,
 .wrapper_main_qmdjsearch,
 .wrapper_main_qmdjsearch2,
 .wrapper_main_payservices,
 .wrapper_main_dictionary,
 .wrapper_main_reviews {
     width: var(--PageSize-Norm);
 }

 .wrapper_main_shop.wrapper_section_order {
     width: var(--PageSize-Min);
 }

 .wrapper_main_calc {
    display: flex;
    flex-direction: column;
    min-width: var(--PageSize-BAZI);
 }


  .wrapper_main_calccimen {
    width: var(--PageSize-QMDJ);
  }

.wrapper_main_qmdjsearch2 #MainInterfaceб
.wrapper_main_qmdjsearch #MainInterface {
    font-size: 1.1em;
}

/* НАЧАЛО:  */

.Grid_Header_Seminar_SmallIMG {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content min-content min-content min-content;
  gap: 0 0;
  grid-template-areas:
    "TitleBlockIMG info_block_Date"
    "TitleBlockIMG info_block_Header"
    "TitleBlockIMG h1Subtitle"
    "TitleBlockIMG info_block_Teacher";
}

.TitleBlockIMG { grid-area: TitleBlockIMG; }
.info_block_Date { grid-area: info_block_Date; }
.h1Subtitle { grid-area: h1Subtitle; }
.info_block_Header { grid-area: info_block_Header; }
.info_block_Teacher {
    grid-area: info_block_Teacher;
    flex-wrap: wrap;}

.info_block_Teacher + p {
    margin-top: 1em;
}

.EntranceQuiz {
    display: flex;
    margin-bottom: 1em;
    flex: 1;
}

.EntranceQuiz {
    margin-top: 2em;
}

.SeminarStatusPrice .EntranceQuiz {
    margin-top: 0;
}

.SeminarStatusPrice button ~  .EntranceQuiz {
    margin-top: 0.4em;
    margin-bottom: 0;
}

p + .ShoolPay .EntranceQuiz {
    margin-top: 0;
}

.EntranceQuiz + .ML_Table:not(.SuportMenu):not(.PaymentCheck):not(.Ads_Control) .ML_TR:first-child {
    border-top: none;
}

.EntranceQuiz .Descr,
.EntranceQuiz > a {
    border-width: 0.15em var(--border-thin);
}

.EntranceQuiz:not(.Passed) .Descr,
.EntranceQuiz:not(.Passed) > a {
    border-color: var(--color-Blue);
}

.EntranceQuiz.Passed .Descr,
.EntranceQuiz.Passed > a {
    border-color: var(--color-Green-hover);
}

a.EntranceQuiz.Passed {
    background-color: rgba(0, 185, 0, 0.03);
    border-width: var(--border-thin);
    border-color: var(--color-Green-hover);
    border-style: solid;
    border-radius: var(--border-radius-lg);
    padding: 0.8em;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
}

a.EntranceQuiz.Passed:hover {
    color: var(--color-Blue-hover);
}

a.EntranceQuiz.Passed .text {
    text-transform: uppercase;
}

a.EntranceQuiz.Passed > svg {
    font-size: 1.8em;
}

.EntranceQuiz .Descr {
    display: inline-flex;
    border-style: solid none solid solid;

    font-size: 0.9em;
    align-items: center;
    padding: 0.8em 0.8em 0.8em 1.2em;
    flex: 1 1;
}

.EntranceQuiz > :first-child {
    border-top-left-radius: var(--border-radius-lg);
    border-bottom-left-radius: var(--border-radius-lg);
}

.EntranceQuiz > :last-child {
    border-top-right-radius: var(--border-radius-lg);
    border-bottom-right-radius: var(--border-radius-lg);
}

.EntranceQuiz .Descr span, .EntranceQuiz .Descr strong, .EntranceQuiz .Descr b {
    display: contents;
}

.EntranceQuiz > a,
.ML_Table > .ML_TR .EntranceQuiz > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;

    border-style: solid;
    text-decoration: none;
    padding: 0.4em 0.8em;
}

.SeminarStatusPrice .EntranceQuiz > a {
    flex-direction: unset;
    padding: 0.4em 0.4em;
}

.EntranceQuiz:not(.Passed) > a {
    background-color: var(--color-Blue);
}

.EntranceQuiz.Passed > a {
    background-color: var(--color-Green-hover);
}

.EntranceQuiz > a:hover,
.ML_Table > .ML_TR .EntranceQuiz > a:hover {
    color: #fff;
    transform: scale(1.05);
    border-radius: var(--border-radius-lg);
}

.EntranceQuiz:not(.Passed) > a:hover {
    border-color: var(--color-Blue-hover);
    background-color: var(--color-Blue-hover);
    box-shadow: 0 0 0.4em 0.1em #fff, 0 0 1em rgba(0, 130, 255, 0.9);
}

.EntranceQuiz.Passed > a:hover {
    border-color: var(--color-Green-hover);
    background-color: var(--color-Green-hover);
    box-shadow: 0 0 0.4em 0.1em #fff, 0 0 1em rgba(0, 185, 0, 0.9);
}

.EntranceQuiz > a svg {
    margin: 0;
    width: 1em;
    height: 1em;
    font-size: 3em;
    margin-bottom: 0.1em;
}

.SeminarStatusPrice .EntranceQuiz > a svg {
    font-size: 1em;
}

.EntranceQuiz > a svg,
.EntranceQuiz > a:not(.AllBotton):not(.PopUpHelp):not(.SVG) svg {
    color: #fff;
}

.EntranceQuiz a .text {
    text-align: center;
    font-size: 0.8em;
}

.SeminarStatusPrice .EntranceQuiz a .text {
    text-align: left;
    hyphens: auto;
}


.ShoolPay {
    grid-area: ShoolPay;
    justify-content: center;
    }

.ShoolPay .PriceB .Price,
.ShoolPay .PriceB > b {margin-left: 0.4em;}

.info_block_Teacher .label {
    width: auto;
}

 .TitleBlock {
/* overflow: hidden;*/
 position: relative;
 margin-bottom: 1.5em;
 }

 .AvatarHref, .teacher-dialog {
    font-size: 1em;
    display: inline-block;
    margin: 0 0.2em;
    text-decoration: none;
    vertical-align: middle;
    }

.MLResponses .teacher-dialog { font-size: 1.1em; margin: 0; }

.PostAutor {
    flex: 1 1 100%;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
}

.PostAutor .Person_List {
    flex: 1 1;
}

.PostAutor .label {
    align-self: flex-start;
    width: auto;
    margin-top: 0.6em;
    margin-bottom: 0.6em;
    min-height: 2.2em;
    align-items: center;

}

.TitleBlock .info_block_Teacher a,
.PostAutor .Person_Item {
    font-size: 1em;
    margin: 0 0.2em;
    text-decoration: none;
    vertical-align: middle;
    max-width: 47%;

    }

.PostAutor .Person_Item {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

.Person_Item .Person_Chart {
    display: inline-flex;
    flex-direction: column;
    gap: 0.2em;
}

 .AvatarHref > span, .teacher-dialog > span:not(.Avatar) {
    /*display: inline-block; */
    flex: 1;

    line-height: 1.1em;
    box-sizing: border-box;
    white-space: normal;
    }

.Person_Item .Person_Chart .Name {
    line-height: 1.2em;
}

.MLResponses .Status {
    display: inline-flex;
    flex-wrap: wrap;

    font-size: 0.75em;
    line-height: 1.4em;
    vertical-align: baseline;
    margin-top: 0.2em;
    }

.PostAutor .Person_Item .MoreDetails {
    display: inline-flex;
    justify-content: flex-start;
    font-size: 0.7em;
    padding: 0;
    border: none;
    color: var(--color-Black);
}

.MLResponses .Avatar {
    margin-right: 0.3em;
    border-radius: var(--border-radius-lg)
}

.MLResponses .Status span { margin: 0; position: relative; }

.MLResponses .Status > span + span {
    padding-left: 0.2em;
}

.MLResponses .Status > span:not(:last-child),
.Person_Item .Status > span:not(:last-child),
.ui-menu > .ui-menu-item:nth-last-child(n+2) a .Descr .Status span {
    margin-right: 0.4em;
}

.Position > span:not(:last-child):after,
.MLResponses .Status > span:not(:last-child):after,
.Person_Item .Status > span:not(:last-child):after,
.ui-menu > .ui-menu-item a .Descr .Status span:not(:last-child):after {
    content: ",";
    display: contents;
    font-weight: normal;
}

.TitleBlock .info_block_Teacher a span,
.PostAutor .Person_Item > .Status span {
    display: inline-block;
    line-height: 1.1em;
    margin-left: 0.2em;
    box-sizing: border-box; }

.TitleBlock .info_block_Teacher a > span {
    max-width: 7em;
}

.Person_Item .Person_Item > span {
    max-width: 16em;
}

 .TitleBlockIMG {
     float: left;
     overflow: hidden;
     margin-right: 1.3em;
    width: 220px;
 }

 .TitleBlockIMG img {width: 100%;}


 .TitleBlockBigIMG {
    display: flex;
    align-items: center;
    margin-bottom: 1.2em;
    position: relative;
 }


figure#Cover,
.TitleBlockBigIMG,
#OSTList .TitleBlockBigIMG img {
    border-radius: var(--border-radius-xxl);
    overflow: hidden;
    max-width: 100%;
}

figure#Cover img,
figure.TitleBlockBigIMG img {
    width:100%;
}

.post-item {
    margin-top: 1em;
    font-size: 1.2em;}


#PostContent .TitleBlockBigIMG img,
.PostContent .TitleBlockBigIMG img,
#PostText img:not(.NoResize),
#PostText .lightview,
article .lightview,
.wrapper_main_dictionary article img,
.wrapper_main_blog article img:not(.NoResize),
.wrapper_section_letters img {
    height: auto;
    max-height: 70vh;
    }

#PostContent .TitleBlockBigIMG img,
.PostContent .TitleBlockBigIMG img,
#PostText img:not(.NoResize),
#PostText .lightview,
article .lightview,
.wrapper_main_dictionary article img,
.wrapper_main_blog article img:not(.NoResize),
.wrapper_section_letters img,
body#tinymce img {
    max-width: 96%;
}

.wrapper_main_school .CourseDescription img,
.wrapper_main_school article img,
.wrapper_main_payservices img {
    max-width: 100%;
}

#PostText .lightview img, article #PostText .lightview img,
body#tinymce .lightview img { max-width: 100%; }

#PostText img:not(.NoResize),
.wrapper_main_blog article img:not(.NoResize),
body#tinymce img:not(.NoResize),
.wrapper_main_school article img,
.wrapper_main_payservices img {
    margin: 0;
    max-height: 60vh;}


article img[style*="float: right"],
#PostContent img[style*="float: right"] {
    margin-left: 0.6em;
}

article img[style*="float: left"],
#PostContent img[style*="float: left"] {
    margin-right: 0.6em;
}

#PostText table {
    font-size: 0.9em;
}

#PostText table,
#tinymce[data-id="post_text"] table {
    border-collapse: collapse;
    /*table-layout: fixed;*/
    position: relative;
    margin-bottom: 2em;
}


#PostText table tbody td, #PostText table tbody th {
    font-size: 0.9em;
}

#PostText table thead td, #PostText table thead th {
    vertical-align: bottom;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#PostText table thead,
#tinymce[data-id="post_text"] table thead  {
    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0.1em 0 var(--color-Gray-Med);
}

#PostText table thead td, #PostText table thead th,
#tinymce[data-id="post_text"] table thead td, #tinymce[data-id="post_text"] table thead th {
    line-height: 1.1em;
    padding: 0 0.6em 0.4em 0.6em;
    border-bottom: 0.2em solid var(--color-Gray-Med);
    text-align: center;
    font-size: 0.85em;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#PostText table tbody td, #PostText table tbody th,
#tinymce[data-id="post_text"] table tbody td, #tinymce[data-id="post_text"] table tbody th {
    border: var(--border-thin) solid var(--color-Gray-Med);
    padding: 0.4em;
    line-height: 1.1em;
}

#PostText table thead td a, #PostText table thead th a,
#tinymce[data-id="post_text"] table thead td a, #tinymce[data-id="post_text"] table thead th a {
    line-height: 1.1em;
}

#PostText table th > :last-child, #PostText table td > :last-child,
#tinymce[data-id="post_text"] table th > :last-child,#tinymce[data-id="post_text"] table td > :last-child {
    margin-bottom: 0;
}

#PostContent .PostHeader {
    display: flex;
    align-items: flex-start;
    flex: 1 1 100%;
}

#PostContent .PostHeader h1 {
    flex: 1;
}

#PostContent .PostHeader .QR {
    margin: -1.5em 0 -2em 0.5em;
}

#PostContent .TitleBlockBigIMG img,
.PostContent .TitleBlockBigIMG img {
    margin: 0;
    }

.wrapper_section_post #PostContent .TitleBlockBigIMG img,
.wrapper_section_post .PostContent .TitleBlockBigIMG img {
    max-width: 100%;
    max-height: 35em;
    }

#PostContent .TitleBlockBigIMG,
.PostContent .TitleBlockBigIMG,
.post-item .MLDate+img {
    text-align: center;
    margin: 1em 0 1em 0;}

/* для обложки поста */
.post-item .TitleBlockBigIMG {
    text-align: center;
    margin-bottom: 1em;
    overflow: hidden;
    margin-top: 1em;
    clear: both;
    }

.post-item .TitleBlockBigIMG img,
.wrapper_section_item .PBDicrg img {
    max-width: 100%;
    max-height: 40em;
    width: inherit;
    height: inherit;
    }

body#tinymce img:not(.NoResize).Mingli_IMG_Cover,
.Mingli_IMG_Cover {
    min-height: 15em;
    border-radius: var(--border-radius-lg);
    border: 1px solid var(--color-Beige-Medium);
    box-shadow: 0 0 1.2em #fff;
    max-width: 100%;
    max-height: none;
}

.wrapper_main_school .TitleBlockBigIMG img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

 .post-item .h2, .post-item h2 {
    display: inline-block;
    margin: 0.5em 0 0em;
    font-size: 1.8em;
    }

.post-item h2 a {
    text-decoration: none;
    line-height: inherit;
}

.MLDateTop + .h2, .MLDateTop + h2 { margin: 0; }

.post-item .h2 + .MLDate { font-size: 1.1em; }

.post-item .PostsInfoBottom {
    display: flex;
    gap: 0 0.4em;
    align-items: flex-end;
    justify-content: space-between;

     border-bottom: var(--border-style-Light);
     margin-top: 0.4em;
     text-align: right;
     position: relative;
     z-index: 2;

    cursor: default; }

.PostStats,
.MLDateTop {
    display: inline-flex;
    align-items: baseline;
    align-self: center;

    font-style: italic;
    margin-bottom: 0.1em;
    text-align: left;
    font-size: 1.1em;
}

.post-item .PostStats {
     font-size: 0.9em;
}

.post-item .MLDateTop {
    display: flex;
}

.post-item .MLDateTop .CopyLink {
    margin-left: 1em;
}

.MLDateTop + .PostStats {
    margin-left: 1em;
}

.PostsInfoBottom .PostStats + .Emoji_Wrapper {
    margin-left: 0.8em;
}

.PostStats .text,
.MLDateTop svg {
    color: var(--color-Beige-Dark);
    position: relative;
    bottom: -0.2em;
}

.MLDateTop svg,
.PostStats .text svg {
    font-size: 1.2em;
    width: 1em;
    height: 1em;
    color: var(--color-Gray);
}

.PostStats .QTY + .text,
.PostStats .CopyLink {
    margin-left: 0.8em;
}

.PostStats .text + .QTY,
.MLDateTop svg + .text {
    margin-left: 0.2em;
    white-space: nowrap;
}

.PostStats .CopyLink {
    display: inline-flex;
    position: relative;
    bottom: -0.3em;
}

 .info_block_Date {
     font-size: 1em;
     margin-bottom: 0.8em;
 }

 .PostShortText p:last-of-type { margin-bottom: 0; }

 .SeminarDescr .info_block_Date {
 font-size: 0.9em;
     margin-bottom: 0.3em;
 }

.PayProduct { margin-bottom: 0; }

.PayProduct .ScheduleLineOh {
    padding-top: 0.4em;
    padding-bottom: 0.4em; }

.PayProduct .ScheduleLineOh .DeleteButton {
    margin: 0;
    min-width: 2.5em;
    box-sizing: border-box;
    }

.PayProduct .ScheduleLineOh .Number {
    padding: 0.5em;
    color: #708090;

    flex: 0 1 1.5em;
    align-self: center;

    text-align: center; }

.PayProduct .ScheduleLineOh .CardItem {
    /*
    display: flex;
    flex: 1;
    align-items: baseline;
    */

    display: grid;
    grid-template-columns: min-content auto;
    grid-template-rows: repeat(2, min-content);
    grid-auto-columns: max-content;
    gap: 0em 0.4em;
    grid-auto-flow: row;
    grid-template-areas:
        "ButtonChartEdit CardDate"
        "ButtonChartEdit CardName";
    flex: 1 1;
    margin-right: 1em;

    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 1em;
    box-sizing: border-box;
    }

.PayProduct .ScheduleLineOh .CardItem .CardName {
    grid-area: CardName;
    font-size: 1.2em;
    line-height: 1.2em;
    white-space: normal;
    margin-top: 0.2em;
    }

.PayProduct .ScheduleLineOh .CardItem .CardDate {
    grid-area: CardDate;
    color: var(--color-Beige);
    font-size: 0.9em;
    }
/*
.PayProduct .ScheduleLineOh .CardDate { display: inline-block; margin-right: 0.5em; }
*/

.PayProduct .ScheduleLineOh .CardItem .ButtonChartEdit { grid-area: ButtonChartEdit; }


#PersonalCards.PayProduct .ScheduleLineOh {
    min-height: 3em;
    padding: 0em;
    }

#PersonalCards .ScheduleLineOh .CardItem {
   align-items: center;
   }

/*
.ScheduleMonth .CardName {}
*/

/*
.PayProduct .ScheduleLineOh .CardName {
    display: inline-block;
    margin-right: 0.5em;
    }
*/


/* FormItemMerge
    Стиль для блока объединяющего элементы формы, в частности для поля поиск города + кнопка (и) или для поиска профиля + кнопка */

.CardName {
    vertical-align: middle;
    display: inline-flex;
    align-items: 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 */
    /*pointer-events: none;*/

    cursor: default;
    }

.GenForm .CardName img {  font-size: 1.5em;
   width: 1em;
   height: auto;
    height: -webkit-fill-available;
   margin: 0.1em 0.4em 0.1em 0.2em;

    opacity: 0.60;  }

.CardName input, .CardName button {

    border-radius:inherit;

    margin: 0;

    border-left-width: inherit }

.CardName .AllBottonLight {
    /*border-bottom: none;
    border-top: none;
    border-right: none;*/
    }

.CardName input {
    margin: 0;

    background-color: #f8fcff;
   /* padding: 0.0em 0.4em 0.0em 0;*/
    overflow: hidden;}

.CardName :first-child {
border-left-width: var(--border-thin);

    border-top-left-radius:0.4em;
    border-bottom-left-radius: 0.4em;
    }

.CardName :last-child {
    border-top-right-radius:0.4em;
    border-bottom-right-radius: 0.4em;
    }


.SuportMenu .FormItemConnect {
    margin-top: 0;
    margin-bottom: 0;
}

.FormItemConnect,
.GenForm .FormItemConnect {
    vertical-align: middle;
}

.FormItemConnect.flex { display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }

 .FormItemConnectSub {
    display: flex;
   flex-direction: column;

   overflow: hidden;
    }


.FormItemConnect .ML_Arr_L_B, .FormItemConnect .ML_Arr_R_B {
   display: inline-flex;
   align-items: center;
   }

.FormItemConnect .ML_Arr_L_B { margin-right: 0; }
.FormItemConnect .ML_Arr_R_B { margin-left: 0; }

.FormItemConnect button img { font-size: 1em;
    margin: -0.35em 0; }

.FormItemConnectSub input[type="radio"] {    display: none; }

.FormItemConnectSub > .FlexBlock:not(:last-child) {
    margin-bottom: -1px;
}

.FlexBlock:hover {
    z-index: 5;
}

.FormItemConnectSub .FlexBlock label {
    display: flex;
    justify-content: center;

    border: var(--border-thin) solid #d0d8df;
    background-color: #f8fcff;

    margin: 0 -1px 0 0; padding: 0.5em 0.3em;
    }

.FormItemConnectSub input[type="radio"]:checked + label { color: #ffffff;
    background-color: #0082ff;
    border-color: #0082ff;
    }

.FormItemConnectSub input[type="radio"]+ label:hover {
    border-radius:0;
    }

.FormItemConnectSub .FlexBlock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    }


.FormItemConnectSub .FlexBlock select:last-child,
.FormItemConnectSub .FlexBlock input:last-child,
.FormItemConnectSub .FlexBlock button:last-child,
.FormItemConnectSub .FlexBlock label:last-child
 { margin-right: 0; }


.PayProduct + .FormItemConnect button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
 }

.FormItemConnect > ul.token-input-list-facebook:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0em;
}

.FormItemConnect > ul.token-input-list-facebook:last-child {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}

 .FormItemConnect + button {
   display: inline-flex;
   align-items: center;
   }

/*
.FormItemConnect + button svg { margin-top: -0.25em; margin-bottom: -0.25em; }
*/

 /* =============================================== */
 /* Раскрывающиеся описание семинаров через чекбокс */

/*
.Descr:not(.ui-menu-item-wrapper),
*/
input[type="checkbox"].ML_ReedMore { display: none; }

.AdLine1Sect .Descr, .ProductLinks .Descr {
    display: flex;
}

.Descr p:last-child { margin-bottom: 0.6em; }

input[type="checkbox"].ML_ReedMore + label,
input[type="checkbox"]:not(:checked).ML_ReedMore + label.StickyTop.StickyShadow {
    cursor: pointer;
    display: flex;
    position: relative;

    padding: 1em 1em 0 1.2em;
    margin: -1em -1.2em 0em -1.2em;
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

 }

/*
Скрываем если .ML_ReedMore не выделен и показываем описание
*/
input[type="checkbox"]:not(:checked).ML_ReedMore ~ .Descr {
    /*
    display: none;
    */
    max-height: 3em;
    position: relative;
    overflow: hidden;
 }

input[type="checkbox"]:not(:checked).ML_ReedMore ~ .Descr:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(180deg, rgba(250, 251, 252, 0) 0%,rgba(250, 251, 252, 0.9) 90%,#fafbfc 100%);
}

/* input[type="checkbox"].ML_ReedMore + label > img*/

/*  input[type="checkbox"].ML_ReedMore:first-child + label img {*/

/* margin: -1em 1em 0em -1.2em;*/
/* margin-bottom: -0.4em;*/

/*    overflow: hidden;
    max-height: inherit;
    height: 100%;
     width: 10em;

 margin-right: 0.8em;

-moz-border-radius:0.3em;
-webkit-border-radius:0.3em;
-khtml-border-radius:0.3em;
 border-radius: 0.3em;

    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
 }*/

input[type="checkbox"].ML_ReedMore + label label { width: 8em; }

.quest input[type="checkbox"].ML_ReedMore + label .NoteIco img { margin-right: 0;}

input[type="checkbox"].ML_ReedMore + label label img {
    margin: 0;
    width: 100%;
    }

.Flex11A {
    flex: 1 0 auto;
    }

/*.ML_ReedMore + label .SeminarStatusPrice,*/
.SeminarDescr .SeminarStatusPrice {
    text-align: center;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.6em;
    }
.SeminarDescr .SeminarStatusPrice,
/*.ML_ReedMore + label .SeminarStatusPrice,*/
.SeminarDescr .SeminarStatusPrice .YouRegistred {
    width: 10em;
    line-height: 1.1em;
    font-size: 0.9em;
    }

.SeminarDescr .SeminarStatusPrice #a_registr { font-size: 0.9em; }

.ML_ReedMore + label .SeminarStatusPrice .Price {
    display: inline-block;
    }

.ML_ReedMore + label .SeminarStatusPrice .Price,
.ML_ReedMore + label .SeminarStatusPrice strong  { line-height: inherit; }


input[type="checkbox"].ML_ReedMore + label:hover {
background-color: #fff;

/*background: -moz-linear-gradient(top,  rgba(249, 247, 244, 1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);*/

background: -moz-linear-gradient(top,  rgba(255,255,255, 1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255, 1) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255, 1) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f7f4', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

-moz-border-radius:0.3em 0.3em 0 0;
-webkit-border-radius:0.3em 0.3em 0 0;
-khtml-border-radius:0.3em 0.3em 0 0;
border-radius:0.3em 0.3em 0 0;

-moz-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
box-shadow: none;  }

/*input[type="checkbox"].ML_ReedMore + label:before {
content:"";
background:rgba(0, 0, 0, 1) url("/img/Plus.svg") no-repeat scroll center center / 60% auto;
display: inline-flex;
text-align: center;
width: 1em;
height: 1em;

margin: -0.2em 0.2em 0em -1.2em;
vertical-align: middle;

color: #fff;
-moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%; }*/

input[type="checkbox"].ML_ReedMore:checked + label {
margin-bottom: 1em; }

input[type="checkbox"].ML_ReedMore:checked + label + .Descr { display: block; }


input[type="checkbox"].ML_ReedMore + label + .Descr + .SectionFiles { margin: 0.6em 0 0 0;   }
input[type="checkbox"].ML_ReedMore:checked + label + .Descr + .SectionFiles { margin: 0.6em 0 0.2em 0; }

input[type="checkbox"].ML_ReedMore ~ label.ML_ReedMore {
    /*border-bottom-width:var(--border-thin);*/}

.quest input[type="checkbox"].ML_ReedMore ~ label.ML_ReedMore {margin-top:1.2em}

input[type="checkbox"].ML_ReedMore ~ label.ML_ReedMore:before {
    position: absolute;
    content: "";

    width: 0;
    height: 0;

    border-style: solid;
    border-width: 0.5em 1.2em 0.5em 1.2em;
    border-color: #efe8e0 transparent transparent transparent;

    bottom: 0em;

    left: 50%;
   margin: -1em -1.2em -1em;
    }

input[type="checkbox"].ML_ReedMore ~ label.ML_ReedMore:hover:before,
input[type="checkbox"].ML_ReedMore + label:hover ~ label.ML_ReedMore:before {
    border-color: #0082ff transparent transparent transparent;}

input[type="checkbox"].ML_ReedMore:checked ~ label.ML_ReedMore {
    border-top-width: var(--border-thin);
    border-bottom-width: 0;
    margin-top: 1.2em;}

input[type="checkbox"].ML_ReedMore:checked ~ label.ML_ReedMore:before {
    border-color: transparent transparent #efe8e0 transparent;
    top: 0em;}

input[type="checkbox"].ML_ReedMore:checked ~ label.ML_ReedMore:hover:before,
input[type="checkbox"].ML_ReedMore:checked + label:hover ~ label.ML_ReedMore:before {
    border-color: transparent transparent #0082ff transparent;}


label.ML_ReedMore {
    color: rgba(144, 128, 112, 0.7);
    display: block;

    border-color: #efe8e0;
    border-style: solid;
    border-width: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;

    margin: 0 -1.2em -1em -1.2em;

   padding: 0.1em 0 0.1em 0!important;
   text-align: center;
   position: relative;}

label.ML_ReedMore:hover,
input[type="checkbox"].ML_ReedMore + label:hover ~ label.ML_ReedMore {
    /*background-color: #fff;*/

    color: #0082ff;
    border-color: #0082ff;
    text-shadow:1px 1px #ffffff;

    box-shadow: none;
    border-radius: 0;
    }

 /* Конец раскрывающегося расписания через чекбокс */
 /* ============================================== */

 /* Раскрытие описания после чекбокса - ОБЩЕЕ чрезе дисплей блок */
 input[type="checkbox"].CBShowDescr:checked + label + .Descr { display: block; }

 .info_block_Date+.SeminarSubTitle,
 .info_block_Date+.ModulSubTitle,
 .info_block_Date+.SeminarTitle,
 .info_block_Date+h1 {
     /*margin-bottom: 0em;*/
     margin-top: 0em;
    padding-top: 0;
 }

 .h2 .info_block_Date,
 .h3 .info_block_Date {
 font-weight: normal;
 font-size: 11pt;}

 .info_block_Teacher,
 .TitleBlock .info_block_Teacher a, .PostAutor, .PostAutor .Person_Item {
   display: inline-flex;
    align-items: center;
    justify-content: flex-start;
 }

 .PostAutor .Person_Item {
     gap: 0.6em;
 }

.info_block_Teacher ~ .ShoolPay {
    margin-top: 1.2em;
}

.info_block_Teacher a .Avatar { margin-right: 0.3em; }

 .UserRef { vertical-align: top; box-sizing: border-box; }

 .ui-dialog-content #UserRef, .FullDescription #UserRef { margin-bottom: 1.5em; width: 100%; }

 .FullDescription #UserRef,
 .ui-dialog-content #UserRef {
   display: flex;
   }


    .SectionSmall.Teacher input.CheckBox[type="checkbox"] + label,
    .UserRef input.CheckBox[type="checkbox"] + label {
        background-color: rgba(250,250,250,0.5); margin: 0 0 0.2em 0; }

    .SectionSmall.Teacher input.CheckBox[type="checkbox"] + label:hover,
    .UserRef input.CheckBox[type="checkbox"] + label:hover {
        background-color: rgba(250,250,250,1);}

    .SectionSmall.Teacher input.busy_edit[type="checkbox"]:checked + label,
    .UserRef input.busy_edit[type="checkbox"]:checked + label {
        background-color: rgba(224, 0, 0, 0.5); color: #fff; }

    .SectionSmall.Teacher input.CheckBox[type="checkbox"]:checked + label:hover,
    .UserRef input.CheckBox[type="checkbox"]:checked + label:hover {
        background-color: rgba(250,250,250,1); color: #333; }

    .SectionSmall.Teacher .ShopNoteLeft .new,
    .UserRef .ShopNoteLeft .new {
        width: auto; font-size: 1.1em; line-height: 0.9em; padding: 0.3em; }

    .SectionSmall.Teacher .ShopNoteLeft .SortConsulting,
    .UserRef .ShopNoteLeft .SortConsulting {
        opacity: 0.5;
    }

    .SectionSmall.Teacher .ShopNoteLeft:hover .SortConsulting,
    .UserRef .ShopNoteLeft:hover .SortConsulting {
        opacity: 1;
    }

    .Consultant .UserRef a { text-decoration: none; color: #333;}
    .Consultant .UserRef:hover .StatsName .a { color: #0062cf; }

    .UserRef .UserStats b { color: #908070; font-weight: normal; }
    .Consultant .UserRef .UserStats b { display: block; font-weight: bold; }

    .ui-dialog-content #UserRef #UserAvatar { min-width: 15.4em;  }
    .ui-dialog-content #UserRef #UserStats {vertical-align: baseline;}

    .ui-dialog-content #UserRef #UserStats .StatsName {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 0.2em;
        /*
        flex-direction: column;
        */
    }

    .ui-dialog-content #UserRef #UserStats .StatsName a.Name {
        font-size: 1.2em;
    }

    .ui-dialog-content #UserRef #UserStats .StatsName .SearchByAutor {
        margin-left: 1em;
    }

    .ui-dialog-content #UserRef #UserStats .StatsName .SearchByAutor svg {
        margin: 0 0 -0.4em 0
    }

    .ui-dialog-content #UserRef #UserStats .StatsName .Residence {
        font-style: italic;
        color: var(--color-Beige);
        font-size: 0.9em;
        flex: 1 1 100%;
    }

    .ui-dialog-content #UserRef #UserStats .StatsName + .Status {
        font-size: 0.9em;
        margin-bottom: 0.8em;
    }

    .FullDescription #UserRef .UserAvatar, .FullDescription #UserRef #UserAvatar  { min-width: 19.5em;  }
    .FullDescription #UserRef .UserStats {vertical-align: baseline;
        font-size: 1.2em;}

    .Consultant .UserRef .UserAvatar,
    .Consultant  .UserRef .UserStats {
        display: block;
        width: 100%;
        vertical-align: baseline;}

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

    .Consultant .UserRef:hover .Avatar    {
        box-shadow: 0px 0px 3em  rgba(0, 0, 0, 0.5) inset;
        z-index: 0;
        }

    .Consultant .UserRef .UserStats {
        padding: 1.2em 0.8em 0em 0.8em;
        box-sizing: border-box;}

    .UserRef.SectionSmall .MyPosts {
        padding: 0.4em 0.4em 0.1em 0.4em;
    }

    .Status {font-size: 0.8em; }

    .PostAutor .Status {
        font-size: 0.7em;
    }

    .Position,
    .Status,
    .MLResponses .Status > span + span:after {
        color: var(--color-Beige);
    }

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

    .UserRef .UserStats .Status { font-size: 0.9em; line-height: 1.6em; }
    .FullDescription #UserRef .Status { font-size: 0.9em; }


    .Position .role_teacher,
    .Status .role_teacher { font-weight: bold;
        color: #00b000;}

    .Position > *,
    .Status > * { white-space: nowrap; }

    .Position > *:before,
    .Status > *:before {
        content: "";
        display: inline-block;
        font-size: 1.3em;

        background-color: var(--color-Beige-Dark);

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

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

    .Position .role_moderator:before,
    .Position .role_coordinator:before,
    .Status .role_moderator:before,
    .Status .role_coordinator:before {
        -webkit-mask: var(--SVG-Ico-Calendar);
        mask: var(--SVG-Ico-Calendar);

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

    .Position .role_teacher:before,
    .Status .role_teacher:before {
        -webkit-mask: var(--SVG-Ico-Teacher);
        mask: var(--SVG-Ico-Teacher);

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

    .Position .role_consultant:before,
    .Status .role_consultant:before {
        -webkit-mask: var(--SVG-Ico-Consulting-White);
        mask: var(--SVG-Ico-Consulting-White);

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

    .Position .role_admin:before,
    .Status .role_admin:before {
        -webkit-mask: var(--SVG-Ico-Crown);
        mask: var(--SVG-Ico-Crown);

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

    .Position .role_supervisor:before,
    .Status .role_supervisor:before {
        -webkit-mask: var(--SVG-Ico-Lantern);
        mask: var(--SVG-Ico-Lantern);

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

    .Position .role_support:before,
    .Status .role_support:before {
        -webkit-mask: var(--SVG-Ico-Lifebuoy);
        mask: var(--SVG-Ico-Lifebuoy);

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


    .Position .role_author:before,
    .Status .role_author:before {
        -webkit-mask: var(--SVG-Ico-Autor);
        mask: var(--SVG-Ico-Autor);

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

    .Position .role_editor:before,
    .Status .role_editor:before {
        -webkit-mask: var(--SVG-Ico-Editor);
        mask: var(--SVG-Ico-Editor);

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


    .email { color: var(--color-Black); }

    .UserRef .UserStats .StatsName,
    .FullDescription #UserRef #UserStats .StatsName {
         text-shadow: #fff 1px 1px 0px;
         line-height: 1.1em;
        padding: 0.3em 0 0.5em 0;
    }

    .FullDescription #UserRef #UserStats .StatsName .Name {
        font-size: 1.6em;
    }

    #UserRef #UserStats .Status + .StatsName {
            margin-top: 0.6em;
    }

    .Consultant .UserRef .UserStats .StatsName { font-size: 1.5em; }

    .Consultant .UserRef .UserStats .StatsName .Residence {
        font-size: 0.7em;
        margin-top: 0.2em;
        line-height: 1.2em;
        }
    .Consultant .UserRef .UserStats .StatsName span { line-height: inherit; }

    .UserRef a,
    .FullDescription #UserRef a { color:#0062cf; }

    .MyPosts a {
        display: inline-flex;
        flex-direction: row;
        }

    .MyPosts a svg {
        margin-left: 0;
    }

    .MyPosts .text {
        margin: 0;
        align-items: center;
    }

    .UserRef .MyPosts {
        margin-bottom: 0.6em;
        }

    .TeacherList.Columns .Teacher .MyPosts,
    .UserRef.SectionSmall .MyPosts {
        margin-bottom: 0;
        text-align: right;
    }

    .TeacherList.Columns .Teacher .MyPosts .text,
    .UserRef.SectionSmall .MyPosts .text {
        font-weight: bold;
    }

    .UserRef .Stats {
        display: flex;
        align-items: baseline;
        justify-content: flex-end;
        border-top: var(--border-style-Light);
        gap: 0.4em;
        overflow-y: auto;
        margin-top: 0.2em;
        padding: 0.2em 0.8em;
        color: var(--color-Beige);
        font-size: 0.9em;
    }

    .UserRef .Stats svg {
        width: 1em;
        height: 1em;
        color: var(--color-Gray-Med);
        display: inline-block;
        margin-bottom: -0.25em;
        font-size: 1.3em;
    }

    .MyPosts a {
        text-decoration: none;
    }

    .MyPosts a[target="_blank"]:after {
        content: none;
    }

    .MyPosts a:hover {
        text-decoration: underline;
    }

    .MyPosts a:hover,
    .MyPosts a:hover .text {
        color: var(--color-Blue-hover);
    }

    .MyPosts .Sum {
        position: relative;
        color: var(--color-Beige);
        font-size: 0.9em;
        top: -0.3em;
    }

    .MyPosts .Sum:before {
        content: "(";
    }
    .MyPosts .Sum:after {
        content: ")";
    }

    .p,
    .FullDescription #UserRef .p { margin-bottom: 0.4em; }
    .UserRef .UserStats .StatsName + .Status { margin-bottom: 0.8em;
        margin-top: -0.4em; }

    .UserRef .UserStats .StatsName a { text-decoration: none; line-height: 1em; color:#333;}
    .UserRef .UserStats .StatsName a:hover { color:#f14a00; }

    .FullDescription #UserRef .AllBottonLight { font-size: 0.9em; }

    .UserRef .AllBotton{ color: #f8fcff;}
    .UserRef .AllBottonLight{ color: #0062cf;}

 .UserRef .UserStats .StatsName .Residence,
 .FullDescription #UserRef #UserStats .StatsName .Residence {
     font-size: 0.9em;
     color: #706050;
     display: inline-block;
     white-space: nowrap;
     font-style: italic;
    width: 100%
    }

 h1+.info_block_Teacher {
    margin-top: 0.8em;
    margin-bottom: 1em;
 }

h1+.info_block_Teacher .teacher-dialog { margin-top: 0.5em; }

.SeminarTitle, .SeminarSubTitle, .ModulSubTitle {
    font-size: 1.3em;
    line-height: 1.2em;
   font-weight: normal;
   margin: 0 0 0.3em;
   padding: 0.5em 0 0.1em;
   text-shadow: 1px 1px 0 #fff;
}

.SeminarTitle + .SeminarSubTitle, .SeminarTitle + .ModulSubTitle {
    font-size: 1.1em;
    font-style: italic;
    font-weight: normal;
    padding: 0 0 1.1em;
    text-shadow: 1px 1px 0 #fff;
    color:#706050;
}

.SeminarDescr .SeminarTitle + .SeminarSubTitle {
    margin-top: -0.2em;
    padding-bottom: 0;}

.SeminarTitle + p {
 margin-top: 0.6em;
}

/*.SeminarDescr h1, .SeminarDescr .h1,
.SeminarDescr h2, .SeminarDescr .h2,
.SeminarDescr h3, .SeminarDescr .h3 {
    font-size: 1.4em;
   font-weight: normal;
   margin: 0 0 0.3em;
   padding: 0.8em 0 0;
   text-shadow: 1px 1px 0 #fff;
   text-transform: uppercase;
   position: relative;
   z-index: 0;
}

.SeminarDescr h1:before, .SeminarDescr .h1:before,
.SeminarDescr h2:before, .SeminarDescr .h2:before,
.SeminarDescr h3:before, .SeminarDescr .h3:before {
content: ' ';
width: 100%;
position: absolute;
bottom: 0.2em;
border-bottom: var(--border-thin) solid var(--color-Beige-Light);
z-index: -1;
}*/


.SeminarDescr h4, .SeminarDescr .h4 {
    color: #333;
   font-size: 1.2em;
   font-weight: normal;
   margin-bottom: 0.3em;
   margin-top: 1.2em;
}
.SeminarDescr h5, .SeminarDescr .h5 {
    color: #222;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
    margin-top: 1.2em;
}

.NoModuleSeminars {
border-bottom:var(--border-thin) solid var(--color-Beige-Light);
border-left:var(--border-thin) solid var(--color-Beige-Light);
border-right:var(--border-thin) solid var(--color-Beige-Light);
  border-radius: 5px; /* CSS3 */
  overflow: hidden;
    padding: 0em 1.5em 0.5em 1.5em;
}


.NoModuleSeminars .SeminarDescr {
    margin-top: 0;
    margin-bottom: 1em;
}

 .SeminarDescr {
    /*background: #fdfcfa;*/
    background: var(--color-Gray-Light-SubBlock);
    border: 1px solid var(--color-Beige-Light);
    border-radius: 0.3em;
    margin: 1em 0.0em 0;
    padding: 1em 1.2em 1.0em;
    position: relative;
    /*overflow: hidden;*/}

/*.SeminarDescr > *:last-child:not(.info_block_Date),*/
.SeminarDescr *:last-child > ul:last-child,
.SeminarDescr *:last-child > ol:last-child,
.SeminarDescr *:last-child > p:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.SeminarDescr:before {
    content: ' ';
    position: absolute;
    left: 0px;
    top: 0px;

    width: 100%;
    height: 2em;
    pointer-events: none;
    /*
    background: -moz-linear-gradient(top,  rgba(223,216,208,0.3) 0%, rgba(223,216,208,0) 100%);
    background: -webkit-linear-gradient(top,  rgba(223,216,208,0.3) 0%,rgba(223,216,208,0) 100%);
    background: linear-gradient(to bottom,  rgba(223,216,208,0.3) 0%,rgba(223,216,208,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ddfd8d0', endColorstr='#00dfd8d0',GradientType=0 );*/
}

.SeminarDescr+.SectionTestBlock .icoSvg0,
.SeminarDescr+.SectionTestBlock .icoSvgTest,
.SeminarDescr+.SectionTestBlock .icoSvgTestPass,
.SeminarDescr+.SectionTestBlock .icoSvgTest100 {
margin-top: 1.5em;}

.SectionTestBlock .icoSvg0,
.SectionTestBlock .icoSvgTest,
.SectionTestBlock .icoSvgTestPass,
.SectionTestBlock .icoSvgTest100 {
    display: flex;
    flex-direction: row;
    justify-content: center;

    padding: 0.5em 0.6em 0.5em 0.6em;
    text-align: center;
    margin-right: 0;
    margin-left: 0;

    align-items: center;
    }

.SectionTestBlock i,
.SectionTestBlock em {
    display: inline-flex;
    color: #908070;
    font-size: 75%;
    white-space: nowrap;

    line-height: 1em;
    }

.SectionTestBlock .TxL, .SectionTestBlock .TxR { line-height: 1em; }

.SectionTestBlock .icoSvg0 i,
.SectionTestBlock .icoSvgTest i,
.SectionTestBlock .icoSvg0 em,
.SectionTestBlock .icoSvgTest em { color: rgba(255, 255, 255, 0.8); }

.SectionTestBlock .icoSvg0,
.SectionTestBlock .icoSvgTest {color: #fff; }

.SectionTestBlock .icoSvgTestPass,
.SectionTestBlock .icoSvgTest100 { background-image:none; }

.SectionTestBlock .icoSvg0:hover,
.SectionTestBlock .icoSvgTest:hover { border-color: #fff;  }

.SectionTestBlock .icoSvg0:before,
.SectionTestBlock .icoSvgTest:before,
.SectionTestBlock .icoSvgTestPass:before,
.SectionTestBlock .icoSvgTest100:before {
    content: "";
    display: inline-block;
    margin-right: 0.5em;
    background-size: contain;
    background-repeat: no-repeat; }

.SectionTestBlock .icoSvgTestPass:before,
.SectionTestBlock .icoSvgTest100:before {
    width: 2.6em;
    height: 2.6em;
    margin-top: -0.3em;
    margin-bottom: -0.3em;}

.SectionTestBlock .icoSvgTestPass:before {background-image: url(/img/ico_Test_Passed_02.svg); }

.SectionTestBlock .icoSvgTest100:before {background-image: url(/img/ico_Test_Passed_100.svg);
    font-size: 1.2em;
    margin-right: -0.4em;
    margin-top: -1em;
    margin-bottom: -1.3em;}

.SectionTestBlock .icoSvg0:before,
.SectionTestBlock .icoSvgTest:before {background-image: url(/img/ico_Test_w.svg);
    width: 2em;
    height: 2em;}

 .SeminarDescr .info_block_Teacher {
    margin-bottom: 1em;
    }

.icoSvgGroup {
    display: flex;
   align-items: stretch;

    margin: 0.2em 0.2em 1.2em 0;}

.SectionFiles .icoSvgGroup { display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
   display: inline-flex;
   max-width: 49%;}

.icoSvgGroup button, .icoSvgGroup a {
    flex: 1 1 auto;

    border-radius: inherit;
    margin: 0 0 0 -1px;

    max-width: none;

    /*border-right: inherit;*/}

.icoSvgGroup button:hover, .icoSvgGroup a:hover { z-index: 1; }

.icoSvgGroup button:last-child,.icoSvgGroup a:last-child  {
    border-top-right-radius: var(--border-radius-norm);
    border-bottom-right-radius: var(--border-radius-norm);
    flex: 0 1 auto;

/*    border-right: 1px solid #dfd8d0;*/
 }

.icoSvgGroup button:first-child,.icoSvgGroup a:first-child  {
    border-top-left-radius: var(--border-radius-norm);
    border-bottom-left-radius: var(--border-radius-norm);
    flex: 1 1 auto;

    margin-left: 0;
    }

.info_block_By {
    border-radius: var(--border-radius-norm);
    background: #fff;
    padding: 0.5em;
    float: right;
    border: 1px solid #efe8e0;
    margin-top: 0em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
}

.SeminarDescr .info_block_By {
    margin-top: 0em;
}

.info_block_By .Price {
    margin-bottom: 0.1em;

}

.info_block_By P {
    margin-top: 0.5em;
    margin-bottom: 0.1em;
    font-size: 0.9em;
}


.info_block_By_BT {
    padding: 0 0em 0 0.5em;


    border-color: #efe8e0;
    border-style: solid;
    border-width: 0px;

    margin-top: 0em;
    margin-bottom: 0.5em;
    margin-left: 0.5em;
    display: block;
    text-align: right;

}

.info_block_By_BT:hover {
    /*box-shadow: 0px 0px 0.5em #d0d8df;
    -webkit-box-shadow: 0px 0px 0.5em #d0d8df;
    -khtml-box-shadow: 0px 0px 0.5em #d0d8df;
    background-color: #fff;*/
}

.info_block_By_BT a {
    display: inline-block;
}

.info_block_By_BT .AllBotton, .info_block_By_BT .AllBottonLight {
    /*margin: -1px;*/
    /*padding: 0.7em 1em 0.8em;*/
/*-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;*/
}

.SeminarDescr .info_block_By_BT {
    /*margin-top: 0em;*/

    /*margin: 0em -1.2em -1em -1.2em!important;*/

    padding: 0.5em 1.2em!important;

    /*position: absolute;*/
    /*bottom: 0;
    right: 0;*/
}

.info_block_By_BT .FileLink {
    padding: 0.6em 0.1em 0.7em;
    display: inline-block;
}

.info_block_By_BT .Price {
    margin-bottom: 0.1em;
    margin: 0 0.8em 0 0.5em;
    display: inline-block;
}

.SeminarDescr label + .Descr .info_block_By_BT,
/*.SeminarDescr label + .Descr .SectionFiles,*/
.SeminarDescr .SectionFiles {
    /*margin: 0em -1.2em -1em -1.2em!important;*/

    padding: 0em 0em!important;}

.SeminarDescr label + .Descr .SectionFiles { margin-bottom: 0.5em; }


.info_block_By_BT P {
    margin-top: 0.5em;
    margin-bottom: 0.1em;
    font-size: 0.9em;
}

.BlocFilesShadule, .ScheduleLineOh .SectionFiles {
    margin-top: -0.8em;
    padding: 0 0.3em 0.3em 10em; }

.ShadulePadding { padding-left: 3em;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;

    box-sizing: border-box;}

.wrapper_main_profile .ShadulePadding { padding-left: 0; }

.SchedLineDescr p + .BlocFilesShadule,
.SchedLineDescr .info_block_Teacher + .BlocFilesShadule { margin-top: -0.5em;}

.SchedLineDescr .BlocFilesShadule { margin-top: 0.5em;
    margin-bottom: -0.5em!important;
     margin-right: -1em;
     padding: 0em;}

.FileLink_2 { text-decoration: none;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #dfd8d0;

    border-radius:0.3em;
    padding: 0.3em 1.8em 0.3em 0em;
    margin: 0.2em 0.3em 0.2em 0em;
    max-width: 16em;
    line-height: 1.1em;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    }

.FileLink_2:after {
    content: " ";
   display: inline-block;
   position: absolute;
   right: 0.4em;
   top: 0;
   bottom: 0;
    background: url(/img/Save.svg) no-repeat center;
    background-size: contain;
    width: 1em;
    line-height: 1.1em;
  }

  .FileLink_2:before {
    content: " ";
   display: inline-block;
   position: absolute;
   right: 0em;
   top: 0;
   bottom: 0;

background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

    width: 2.2em;
    line-height: 1.1em;
  }


.FileLink_2 .td { line-height: 1.1em;
    white-space: nowrap; }


.FileLink_2 .icoF32_,
.FileLink_2 .icoF32_1, .FileLink_2 .icoF32_2, .FileLink_2 .icoF32_3,
.FileLink_2 .icoF32_4, .FileLink_2 .icoF32_5, .FileLink_2 .icoF32_6,
.FileLink_2 .icoF32_7, .FileLink_2 .icoF32_Drm-x, .icoF32_-1 { margin-right:0.2em; }

.FileLink_2 .icoF_,
.FileLink_2 .icoF_1, .FileLink_2 .icoF_2, .FileLink_2 .icoF_3,
.FileLink_2 .icoF_4, .FileLink_2 .icoF_5, .FileLink_2 .icoF_6,
.FileLink_2 .icoF_7, .FileLink_2 .icoF_Drm-x, .icoF_-1 { margin-right:0.2em; }
 /* Конец обучения */





 /* Магазин */
.ProductMin {
    border: 1px solid #efe8e0;
    display: block;
    overflow: hidden;
    padding: 0px 0px;
    height: 240px;
    text-align: center;
    text-decoration: none !important;
    line-height: 1.1em;
    position: relative;
    vertical-align: top;}

.ProductBox {
    display: inline-block;
    //display: inline;
    //height: 0%;
    padding: 0px 0px;
    /*width: 30%;*/
    width: 220px;
    margin: 0 0.5em 1.5em 0.5em;
    position: relative;
    vertical-align: top;}


.ProductBox .Control {
    position:absolute; left: 5px; bottom: 0px; z-index:2; vertical-align: middle;

    opacity: 0.35;
    }

.ProductBox:hover .Control {

opacity: 1;
}

.Price, .PriceDop {
    color:#111111;
}

.Price {
    font-size: 1.1em;
}

.SectionPayment .Price + .kinds,
.SectionPayment .PriceDop + .kinds {
    margin-top: 0.8em;
}


input.Radio[type="radio"] + .ProductVariants {
    display: flex;
    align-items: center;
}

input.Radio[type="radio"] + label.ProductVariants:before,
input.Radio[type="radio"] + label.ProductVariants:after {
    content: none;
}

input.Radio[type="radio"] + label.ProductVariants  {
    border: 1px solid transparent;
    padding-left: 0.4em;
}

input.Radio[type="radio"]:checked + label.ProductVariants {
    border: var(--border-style-Blue);
    background: rgb(32,114,207);
    background: linear-gradient(180deg, rgba(32,114,207,0.03) 0%, rgba(32,114,207,0.1) 100%);
    text-shadow: 1px 1px #fff;
}

.ProductVariants img {
    margin-right: 0.5em;
    width: 3em;
    border-radius: var(--border-radius-norm);
}

.ProductVariants .Title {
    display: inline-flex;
    flex-direction: column;
    line-height: 1.1em;
    font-size: 0.9em;
    text-align: left;
    hyphens: auto;
}

.ProductVariants .Title * {
    display: contents;
}

.ProductVariants .SubTitle {
    color: #908070;
    display: block;
    line-height: 1em;
    margin-bottom: 0.3em;
}

.AddInfo { color: #908070;
    font-size: 0.9em; }

.mess_dialog { text-align: center; }
.mess_dialog svg {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
    margin: -0.3em 0.3em -0.3em 0;  }

.PriceB {
    color:#111111;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 0.3em 0.3em;
}

.ML_Table .PriceB {
    /*-webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;*/
    width: 25%; }

.OS_TYPE, .sale_text {
    padding-top: 0;
    margin-bottom: 0.4em;
}

.OS_TYPE:before {
    margin-top: 0;
    font-size: 0.9px;}

.ShoolPay .ML_BT {
    flex: 0 0 auto;
    text-align: center;
    }

.ShoolPay .ML_BT b, .ShoolPay .ML_BT strong { line-height: 1.2em; }

.ML_Table.ShoolPay .PriceB {
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ML_Table.ShoolPay .PriceB .PriceIncrease,
.ML_Table.ShoolPay .PriceB .PractPrice {
    display: flex;
    flex: 1 100%;
    justify-content: flex-end;
}

.ML_Table.ShoolPay .PriceB .PriceIncrease > *,
.ML_Table.ShoolPay .PriceB .PractPrice > * {
    display: contents;
}

.ML_Table.ShoolPay .PriceB .PriceIncrease {
    margin-top: 0.4em;
}

.ML_Table.ShoolPay.StickyBottom {
    margin-left: -1.5em;
    margin-right: -1.5em;
}

.ULMenuContent .PriceB { font-size: 1.1em; }

.Price strike, .PriceB strike,
.PrePrice {
    text-decoration: line-through;}

.Price strike, .PriceB strike {
    color: var(--color-Beige);
}

.PrePrice,
.PriceIncrease { color:var(--color-Red-Dark); }

.PrePrice, .PractPrice { margin-bottom: 0.4em; }

.Price strike, .PriceB strike,
.PrePrice,
.PractPrice,
.PriceIncrease {
    font-weight:normal;
    font-size: 0.75em;
    line-height: 1em;
    vertical-align: middle; }

.PractPrice { color: #706050; }

.PriceB strike {
    display: inline-block;
}

.ShopDescription .Price strike,
.SectionFiles .Price strike
.SeminarStatusPrice strike { display: block; }

.SectionFiles .Price strike { margin-left: 0.4em; margin-right: 0.4em; }

.ProductBox .Price {
    position: absolute; right: 8px; bottom: 5px; z-index:1; line-height: 0.9em; text-align: center; font-weight: bold; vertical-align: middle;
    }


.ProductMin:hover, .diplom-item:hover, .Consultant .UserRef:hover,
a.BlogLeft:hover, a.BlogRight:hover, .AdLine1Sect a:hover, .AdLine2Sect a:hover, .ItemLikeThis:hover, .Announc:hover,
.EasyPro a.Easy:hover, .EasyPro a.Pro:hover {
    box-shadow: 0px 0px 1em #d0d8df;
    z-index: 1;
}

.ProductMin:hover, .diplom-item:hover, .Consultant .UserRef:hover,
a.BlogLeft:hover, a.BlogRight:hover, .AdLine1Sect a:hover, .AdLine2Sect a:hover, .ItemLikeThis:hover { border: 1px solid #0082ff; }


.PMImg {
    margin: 0 0px 5px 0px;

    height: 145px;
}

.PMDiscr{
    margin: 0px 12px 0px 12px;
    height: 7em;
    text-align: left;
}
.ProductMin h2, .ProductMin .Head2 {
    color: #222222;
    font-size: 1em;
    line-height: 1.3em;
    margin: 0.2em 0 0;
}

.ProductMin:hover  h2 {
    color: #0082ff;}

.ShopNoteLeft {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;

    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
}

.ContentShop {
     font-size:1.1em; }



.wrapper_main_payservices article {
    font-size: 1.2em;
    }

.wrapper_main_payservices article .VideoFrame {
    margin: 1em 0;
}

#PayServiceWorkArea {
    font-size: 1.2em;
}

#PayServiceWorkArea .UserInfo,
.wrapper_main_payservices .UserInfo {
    font-size: 1.2em;
}

.wrapper_main_payservices fieldset .UserInfo {
    font-size: 1.4em;
}

.wrapper_main_payservices fieldset .UserInfo,
.wrapper_main_payservices article {
    flex: 1 1 100%;
}

#PayServiceWorkArea p {
    margin-left: 0;
    margin-right: 0;
}

#PayServiceWorkArea #PayType_PersByChart+label,
#PayServiceWorkArea #PayType_PersPro+label,
#PayServiceWorkArea #PayType_PersCalendarByChart,
#PayServiceWorkArea #PayType_PersCalendarPro { font-size: 0.9em; }


/*
#PayServiceWorkArea input.Radio[type=radio]:checked + label:before
*/

.ContentShop {
    display: flex;
    margin-top: 1.3em;
    box-sizing: border-box;
    padding: 0 1em 0 0.5em;
}

.wrapper_main_shop + .Footer { margin-top: 1.5em; }
.ContentShop + hr { display: none; }


.LeftMenu {
    width:22%;
    margin: 0;
    padding: 0;
    display: inline-block;
    //display: inline;
    float: left;
    margin: 0cm 0em 0cm 1.5em;
}

.RightContent {
    width:73%;
    float: right;
    margin: 0cm 1em 0cm 0px;
}

.ContentShop .LeftMenu,
.ContentShop .RightContent {
    float: none;
}

.ContentShop .LeftMenu {
    order: 0;
}

.ContentShop .RightContent {
    order: 1;
}

.new, .year {
    color: #fffcf8;
    font-size: 0.9em;
    line-height: 1em;
    text-align: center;
   padding: 0.3em 0.2em;

   /*text-transform: uppercase;*/
}

.ui-menu-item .new:before {
    content: "new";
}

.SchedLineIMGBookMark .new, .SchedLineIMGBookMark .year {
   padding: 0.1em 0.2em; }

.ShopNoteLeft .new, .ShopNoteLeft .year {
    box-shadow: 0 0 0.4em #8090a0;

    width: 2.5em;
}

.ShopNoteLeft :first-child {
    border-top-left-radius:0.4em;
}

.ShopNoteLeft :last-child {
    border-bottom-right-radius: 0.4em;
}

.tabBasket .new { margin: 0 -5px; }

.Module_List_Edit .Head figure .new:before,
.Seminar_List_Edit .Item figure .new:before,
.ui-menu .new:before,
.tabBasket .new:before,
.SchedLineIMGBookMark .new:before,
.SchedLineDateLeft .new:before,
.Announc .new:before,
.Cover .new:before,
.cover .new:before {
    content: "new"; }

.newBord {
    border-color: #0082ff;
    box-shadow: 0 0 0 1px #0082ff inset;
    z-index: 1;}

.newBord:hover {
    border-color: #0082ff;
    box-shadow: 0 0 0 1px #0082ff inset, 0px 0px 8px #d0d8df;
    z-index: 1;
}

.newBord + .newBord {
    border-top-width: 1px; }

.Announc .new { position: absolute;
    top: 0;
    right: 0;
    z-index: 1;

    -moz-border-radius-bottomleft:0.4em;
    -webkit-border-bottom-left-radius:0.4em;
    border-bottom-left-radius: 0.4em;

    padding: 0.2em 1.2em;}


.SchedLineIMGBookMark :first-child { border-bottom: 1px solid #fff; }
.SchedLineIMGBookMark :last-child { border-bottom: none; }

.new {
   background:#e00000;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e00000), to(#c00000));
background-image: -webkit-linear-gradient(top, #e00000, #c00000); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #e00000, #c00000); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #e00000, #c00000); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e00000', endColorstr='#c00000'); /* for IE */
background-image:      -o-linear-gradient(top, #e00000, #c00000); /* Opera 11.10+ */
background-image:         linear-gradient(top, #e00000, #c00000);
}

.year {
   background:#706050;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b2ff), to(#0062df));
background-image: -webkit-linear-gradient(top, #40b2ff, #0062df); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #40b2ff, #0062df); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #40b2ff, #0062df); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b2ff', endColorstr='#0062df'); /* for IE */
background-image:      -o-linear-gradient(top, #40b2ff, #0062df); /* Opera 11.10+ */
background-image:         linear-gradient(top, #40b2ff, #0062df);
}

.PBPict, .PBDicrg, .ShopProdProf {margin: 0;}

.PBPict, .PBPict em, .PBPict b, .PBPict stong {line-height: 1.1em;}

.PBPict b, .PBPict stong {
    display: inline-block;
    margin-bottom: 0.2em; }

.ShopDescription {
   display: flex;
   gap: 1.6em;
   }

.wrapper_main_shop #post_comment { width: 100%; }

/*.wrapper_main_shop .ShopDescription .PBDicrg,*/
.wrapper_main_shop .ShopDescription {
    font-size: 1.2em
    }

.PBPict {
    margin-right: 2%;
    position: relative;
    box-sizing: border-box;}


.ShopDescription .ProductDetails,
.ShopDescription .PBPict {
    font-size: 0.9em;
    flex: 0 0 auto;
    width: 14em;
    align-self: flex-start;

    position: sticky;
    top: 1em;
    background-color: var(--color-BG-White);
    z-index: 1;
 }

 .ShopDescription .ProductDetails {
    display: flex;
    flex-direction: column;

    margin-right: unset;
    gap: 0.4em;
    max-height: 100vh;
    overflow: auto;
 }

.ShopDescription .ProductDetails  figure {
    display: flex;
    margin-bottom: unset;
}

.ShopDescription .ProductDetails figure img {
    width: unset;
    object-fit: cover;
    border-radius: unset;
}

.ShopDescription .ProductDetails .SectionPayment {
    flex-direction: column;
    flex: 2;
    }

 .ShopDescription .ProductDetails .OS_List {
    display: flex;
    flex-direction: column;
    gap: 0.4em;

    margin-bottom: 0.8em;
 }

  .ShopDescription .ProductDetails .OS_List .label {
        width: unset;
  }
  .ShopDescription .ProductDetails .OS_List .Item {

  }

  .ShopDescription .ProductDetails .SemiProduct_List {
    overflow: auto;
    max-height: 25vh;
    }

/*
.PBPict .SectionCover { max-width: 200px; }
*/


strike.Price {
    font-size: 0.9em;
    color: #e00000;
}

.PBPict strike {
    color: #e00000;
}

.IMGBasket { position: relative;
overflow: hidden;
z-index: 1;
border: 1px solid #908070;


border-radius: 0.3em;
margin-right: 0.5em; }

/* Блок с заголовком и кратким описанием продукта */
.ShopProdShorDescr {
    display: inline-block;
    width: 65%;
}

.info_block {
    display: inline-block;
    padding-right: 1em;
    vertical-align: top;
}


.ShopInfo_block, .PBPict .SectionCover, .Cashier, .ShopControl, .CashierPrice {
    display: block;
    vertical-align: top;
    line-height: 1.2em;
}

.ShopInfo_block {
    white-space: nowrap;
}

.ShopDescription .ProductDetails .ShopInfo_block {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
    white-space: unset;
}

.ShopInfo_block, .PBPict .SectionCover, .ShopControl, .CashierPrice {
    margin-bottom: 0.7em;
}

.ShopDescription .ProductDetails .ShopInfo_block div {
    margin-bottom: 0;
}

.PBPict .Info {
    padding: 0;
    display: flex;
    gap: 0.4em;
    align-items: center;
    padding: 0;
}

.PBPict .Info + .ShopControl {
    margin-top: 0.6em;
}

.SectionSmall .Info {
    font-size: 1em;
    position: absolute;
    display: inline;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 5;
    text-shadow: 0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff,0 0 1px #fff;
    padding: 0 0.2em;
    background-color: rgba(255, 255, 255, 0.5);
    line-height: 1em;
    border-top-left-radius: var(--border-radius-norm);
}

.Info .Sold:not(.negative) {
    color: var(--color-Green);
}
.SectionSmall .Info .Sold {
    padding-right: 0.1em;
}

.SectionSmall .Info .Balance {
    padding-left: 0.1em;
}

.Info .negative {
    font-size: 1.2em;
}

.SectionSmall:hover .Info {
    opacity: unset;
    color: initial;
}

.Cashier #addblock { margin-bottom: 0; }

.ShopControl div, .Cashier div, .ShopInfo_block div { margin-bottom: 0.7em; }
.ShopInfo_block div:last-of-type, .CashierPrice p:last-of-type { margin-bottom: 0; }

.CashierPrice .sale_text span,
.CashierPrice .sale_text strong {
    display: block;
    font-size: 0.8em;
    line-height: 1.1em;
    margin-top: 0.6em;
    }

.Cashier p:last-of-type { margin-bottom: 0; }

.PiecesLeft {
    color: var(--color-Fire);
}

.AppStore {
        display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
        box-sizing: border-box;
        }

.AppStore svg {
    width: 270em;
   height: 80em;
   font-size: 0.5px; }

.PBPict .flex {
    flex-direction: column;
    flex: 1;
}

.ShopControl {
    border-top: 1px solid #dfd8d0;
    padding-top: 0.8em; }

.info_block_right {
    overflow: hidden;
    position: relative;
}

.ShopProdProf {
    position: relative;
    }

.PBDicrg {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /*
overflow: hidden;
*/}

.SectionFiles .PBDicrg { font-size: 1.2em; }

.Price b, .PriceDop b { font-size: 1.1em;}
.priceOff {
    text-decoration: line-through;
    color: #e00000;
    }

.GoodBask svg, .GoodBask_set svg {
    color: #706050;
    margin-left: -0.2em;
    }

.GoodBask {
    display: inline-block;
    color: #706050;

    padding-bottom: 0;
    padding-top: 0;
    margin-bottom: 0.5em;
    font-weight: bold;

/*
    border: 1px solid #efe8e0;
    background-color: #efe8e0;
*/

/*
background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efe8e0));
background-image: -webkit-linear-gradient(top, #fff, #efe8e0);
background-image:    -moz-linear-gradient(center top, #fff, #efe8e0);
background-image:     -ms-linear-gradient(top, #fff, #efe8e0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#efe8e0');
background-image:      -o-linear-gradient(top, #fff, #efe8e0);
background-image:         linear-gradient(top, #fff, #efe8e0);
*/

text-shadow:1px 1px 0 #fff;}

.icoDelivcourier, .icoDelivpost {
    display: inline-block;
    background-repeat: no-repeat;
    width: 1em;
    height: 1em;
    font-size: 1.5em;
    bottom: 0;

    margin: -0.3em 0.1em -0.3em -0.2em;
}

.icoDelivpost {background-image: url(/img/ico_RuPost_96.svg);}
.icoDelivcourier { background-image: url(/img/ico_Express_Delivery_96.svg);}

a .icoDelivcourier, a .icoDelivpost {
    margin: -0.3em 0.1em -0.3em 0;
}

.icoBakset_g, .icoBakset_w, .icoBakset_b, .icoDeliv {
    background-image: url(/img/ico_shop.png);
    background-repeat: no-repeat;
    width: 25px;
    height: 19px;
    bottom: 0px;
    display: inline-block;
    //display: inline;
    vertical-align: middle;
    margin: -0.6em 0 -0.3em -0.4em;
}

.ico_SVG_Bakset_b {
    white-space: nowrap;
}

.Payments_List .Order_Num:before,
.ico_SVG_Bakset_b:before, .ico_SVG_Bakset_in_b:before,
 .ico_SVG_Bakset_w:before {
    content: "";
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;}

.Payments_List .Order_Num:before,
.ico_SVG_Bakset_b:before {
    -webkit-mask: var(--SVG-Ico-Basket);
    mask: var(--SVG-Ico-Basket);

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

    background-color: var(--color-Blue);
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: -0.3em 0.3em -0.3em -0.3em;
      }

.ico_SVG_Bakset_b:hover:before {
    background-color: var(--color-Blue-hover);
    }

.ico_SVG_Bakset_in_b:before {
    background-image: url(/img/ico_Bakset_in_b.svg);
    width: 1.5em;
    height: 2em;
    margin: -0.55em 0.5em -0.4em -0.3em;
      }

#sem_tbl .ico_SVG_Bakset_b:before, #sem_tbl .ico_SVG_Bakset_in_b:before {
    width: 2em;
    height: 2em;}

.ico_SVG_Bakset_w:before {
    background-image: url(/img/ico_Bakset_w.svg);
    width: 1.5em;
    height: 1.5em;
    margin: -0.3em 0.5em -0.1em -0.3em;
      }

.ico_SVG_Protect_g:before { content: "";
    display: inline-block;
    background-image: url(/img/ico_Protect_Contur_g.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 2em;
    height: 2em;
    vertical-align: middle;
      }


.icoBakset_g {background-position: 0px 1px;}
.icoBakset_w {background-position: 0px -63px;}
.icoBakset_b {background-position: 0px -31px;}

.icoDeliv {width: 22px;
    height: 22px; }

.icoDeliv { background-position: 0 23px;}

#UserTable { border-collapse: collapse;}

#THoldHorizont .tabBasket , #THoldGen .tabBasket { table-layout: fixed; }

#sem_tbl td label,
.LabelNoTxt+label,
input.CheckBox.LabelNoTxt+label { padding: 1em; }

.tabBasket, .tabForm {
    border-collapse: collapse;
    padding: 0;
    font-size: 1em;
    margin: 0.3em 0;
}

.tabBasket.OrderList {
    border-collapse: separate;
    border-spacing: 0;
}

.tabBasket .FlagTxt {
    font-size: 1.2em;
    margin-right: 0.2em;
    vertical-align: baseline;
}

.tabBasket .date_sem .seminar_type {
    text-transform: uppercase;
    max-width: 7em;
}

#UserTable .tabBasket { margin: 0; }
#UserTable th, #UserTable td { box-sizing: border-box; }

.tabForm {
    margin: 12px 0px;
}

.tabForm td {
    padding: 0 0 14px 0;
    vertical-align: middle;
}

.tabForm .OnlyText {
    padding: 7px 0 7px 0;
}

.tabForm th {
    line-height: 1.1em;
    font-weight: bold;
    color: #908070;
    text-align: right;
    padding: 8px 12px 8px 12px;
}

.tabForm th.red {
    color: #e00000;
}

.tabForm #Attent {
    color: #e00000;
    font-size: 12pt;
}

.tabBasket #totPrice span { margin: auto; }

.tabBasket thead {
    font-size: 0.9em;
    border-bottom: 1px solid #dfd8d0;
    text-align: center;
}

.tabBasket thead td, .tabBasket thead th {
    padding: 0.5em;
    font-weight: bold;
    color: #706050;}

.StadyGroupHead thead td, .StadyGroupHead thead th { padding-top: 2em; }

.tabBasket td, .tabBasket th {
    vertical-align: middle;
    line-height: 1.2em;}

.tabBasket.Schedule tr:hover td,
.tabBasket.Schedule tr:hover th,
.tabBasket tbody tr:hover,
.wrapper_settings_schooladm .tabBasket tbody tr td:hover {
    background-color: var(--color-Beige-Light_Trans);
}


.tabBasket tbody td, .tabBasket tbody th {
    padding: 0.2em 0.3em;
    border-top: var(--border-style-Light-dashed);
}

.tabBasket tbody .LoneNo td, .tabBasket tbody .LoneNo th {
    border-bottom: none;
}

.tabBasket tbody td {text-align: center;}
.tabBasket tbody th, .tabBasket thead th {text-align: left;}

.tabBasket tr td input[name="phone"] {
    width: 12em;
}

.tabBasket tbody :is(td, th) time {
    max-width: 8em;
    white-space: wrap;
    text-align: center;
}

.tabBasket tbody .BPrice .BPrice_val {
    width: 6em;
}

.tabBasket tbody .BPrice .BDiscount_val:not(.Percent) {
    width: 3em;
    text-align: right;
}

.tabBasket.OrderList .EditContent td {
    padding-left: 1em;
}

.tabBasket.OrderList .EditContent table.OrderForm tbody tr > td:first-child {
    padding: 0;
    border-top: none;
}

.OrderList .OrderItem .BCDeliver .icoDelivpost {
    margin: 0;
}

.tabBasket tbody .BCount,
.OrderList .OrderItem .BCount  {
    width: 8em;
}

.OrderList .OrderItem .BCount .Result {
    font-size: 1.3em;
}

.OrderList .BStatus .order_status {
    width: 7.5em;
}

.OrderList .BOrderPaid .PaymentMethod,
.OrderList .BOrderPaid .PriceStatus {
    display: flex;
    gap: 0.2em;
    flex-wrap: wrap;
    justify-content: center;
}

.OrderList .BOrderPaid .Result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.1em;
    font-size: 1.4em;
    margin-bottom: 0.1em;
}

.OrderList .BOrderPaid .PaymentMethod {
    margin-bottom: 0.2em;
}

.OrderList .BOrderPaid .PriceStatus {
    flex-direction: column;
}

.OrderList .BOrderPaid .InstallmentStatus {
    line-height: 1.2em;
}

.tabBasket tbody .BCTotPrice,
.OrderList .OrderItem .BCTotPrice {
    width: 8em;
}

.OrderContent .BProdCover {
    position: relative;
    white-space: nowrap;
}

.OrderList .OrderContent .BProdName {
    font-size: 1.1em;
    min-width: 27em;
    position: relative;
}

.OrderList .OrderItem .OrderNum {
    font-size: 1.2em;
    text-align: right;
    padding-left: 0;
}
.OrderList .OrderItem .OrderNum time {
    font-size: 0.7em;
    width: 100%;
    justify-content: end;
}

.OrderList .OrderItem .OrderNum time .Date {
    font-weight: normal;
}

.OrderList .OrderItem .BUser {
    text-align: left;
    padding-left: 1.4em;
}

.OrderList .OrderItem .BUserName {
    font-size: 1.2em;
}

.OrderList .OrderItem .BCDeliver {
    text-align: center;
}

.tabBasket tfoot {border-top: 1px solid #dfd8d0;}

.tabBasket tfoot td {padding: 0.3em; text-align: center;}
.tabBasket tfoot th {text-align: right; font-weight: bold;}

.f14pt {
    font-size: 14pt;
 }

/* Конец магазина */



/*12 животных*/
.twelaFire, .twelaWater, .twelaWood, .twelaMetall, .twelaEarth, .twelaFIRE, .twelaWATER, .twelaWOOD, .twelaMETALL, .twelaEARTH {
    background-repeat: no-repeat;
    margin: 8px 3px 8px 0px;
}
.twelaWood, .twelaWOOD{background-image: url(/img/ani-woo.png);}
.twelaFire, .twelaFIRE{background-image: url(/img/ani-fir.png);}
.twelaEarth, .twelaEARTH{background-image: url(/img/ani-ear.png);}
.twelaWater, .twelaWATER{background-image: url(/img/ani-wat.png);}
.twelaMetall, .twelaMETALL{background-image: url(/img/ani-met.png);}
.AmiZi {background-position: 0px;}
.AmiChou {background-position: -75px;}
.AmiYin {background-position: -150px;}
.AmiMao {background-position: -225px;}
.AmiChen {background-position: -300px;}
.AmiSi {background-position: -375px;}
.AmiWu {background-position: -450px;}
.AmiWei {background-position: -525px;}
.AmiShen {background-position: -600px;}
.AmiYou {background-position: -675px;}
.AmiXu {background-position: -750px;}
.AmiHai {background-position: -825px;}


.twelAniMonth {background-image: url(/img/all-animals-25px.png);
    background-repeat: no-repeat;
    margin: 8px 3px 2px 0px;}
.ratM {background-position: 0px;}
.bullM {background-position: -25px;}
.tigerM {background-position: -50px;}
.rabbitM {background-position: -75px;}
.dragonM {background-position: -100px;}
.snakeM {background-position: -125px;}
.horseM {background-position: -150px;}
.goatM {background-position: -175px;}
.monkeyM {background-position: -200px;}
.cockM {background-position: -225px;}
.dogM {background-position: -250px;}
.pigM {background-position: -275px;}

.twelAniDay {background-image: url(/img/all-animals-50px.png);
    background-repeat: no-repeat;
    margin: 8px 3px 2px 0px;}
.ratD {background-position: 0px;}
.bullD {background-position: -50px;}
.tigerD {background-position: -100px;}
.rabbitD {background-position: -150px;}
.dragonD {background-position: -200px;}
.snakeD {background-position: -250px;}
.horseD {background-position: -300px;}
.goatD {background-position: -350px;}
.monkeyD {background-position: -400px;}
.cockD {background-position: -450px;}
.dogD {background-position: -500px;}
.pigD {background-position: -550px;}
/*конец 12 животных*/


/* Иконки ОС */

.android_min_w, .java_min_w, .apple_min_w, .win_min_w {
background-image: url(/img/OS-16x16-vert-white.png);
display: inline-block;
//display: inline;
 background-repeat: no-repeat;
 margin: 2px 5px 0px 0px!important;
 width: 16px;
 height: 16px;
}

.android_min, .java_min, .apple_min, .win_min {
background-image: url(/img/OS-16x16-vert.png);
display: inline-block;
//display: inline;
 background-repeat: no-repeat;
 margin: 2px 5px 5px 0px!important;
 width: 16px;
 height: 16px;
}

.apple_min, .apple_min_w {
    background-position: 0px 0px;
}
.java_min, .java_min_w {
    background-position: 0px -16px;
}
.android_min, .android_min_w {
    background-position: 0px -32px;
}

.win_min, .win_min_w {
    background-position: 0px -49px

}


.system_min_2, .system_min_3, .system_min_4, .system_min_5
    {
background-image: url(/img/OS-16x16-vert.png);
display: inline-block;
//display: inline;
 background-repeat: no-repeat;
 margin: 2px 5px 5px 0px!important;
 width: 16px;
 height: 16px;
    }
/* iOS */
.system_min_2 {
    background-position: 0px 0px;
}
/* Java */
.system_min_3 {
    background-position: 0px -16px;
}
/* Android */
.system_min_4 {
    background-position: 0px -32px;
}
/* Windows */
.system_min_5 {
    background-position: 0px -49px

}

.system_med_0, .system_med_1, .system_med_2, .system_med_3, .system_med_4, .system_med_5,
.java_med, .android_med, .win_med {
background-image: url(/img/OS-75x24-vert.png);
display: inline-block;
//display: inline;
 background-repeat: no-repeat;
 margin: 2px 5px 5px 0px!important;
 width: 75px;
 height: 24px;
 vertical-align: middle;
}

/* iPhone */
.system_med_0 {
    background-position: 0px -24px;
}
/* Ipad */
.system_med_1 {
    background-position: 0px 0px;
}
/* iOS */
.system_med_2 {
    background-position: 0px -48px;
}
/* Java */
.system_med_3, .java_med {
    background-position: 0px -72px;
}
/* Android */
.system_med_4, .android_med {
    background-position: 0px -96px;
}
/* Windows */
.system_med_5, .win_med {
    background-position: 0px -120px;
}
/* Конец иконок ОС */

/* Cортировка */
.MLSort {
    border: 1px solid #D0D8DF;
    cursor: pointer;
    display: inline-block;

    position: relative;

    width: 14em;
    padding: 0.6em 0.8em 0.6em 1em;
    cursor: pointer;
    border-radius: var(--border-radius-md);

    margin-left: 0.8em;
    margin-right: 0.8em;
    margin-top: 0.4em;
    align-self: start;
    text-align: left;
    }

.MLSort:hover {
    border: 1px solid #0082ff;

    border-radius:  var(--border-radius-md)  var(--border-radius-md)  var(--border-radius-md) 0;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efe8e0), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #efe8e0, #ffffff);
    background-image:    -moz-linear-gradient(center top, #efe8e0, #ffffff);
    background-image:     -ms-linear-gradient(top, #efe8e0, #ffffff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efe8e0', endColorstr='#ffffff');
    background-image:      -o-linear-gradient(top, #efe8e0, #ffffff);
    background-image:         linear-gradient(top, #efe8e0, #ffffff);

    -moz-box-shadow: 0 0 3px #d0d8df;
    -webkit-box-shadow: 0 0 3px #d0d8df;
    -khtml-box-shadow: 0 0 3px #d0d8df;
    box-shadow: 0 0 3px #d0d8df;
}

.MLSort ul {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
    margin-top: 0;
    margin-left: -1px;
    overflow: hidden;
    background: white;
    border: 1px solid #0082ff;
    border-top: none;

    -moz-border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
    -webkit-border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
    -khtml-border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
    border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);

    -moz-box-shadow: 0 var(--border-radius-md) var(--border-radius-md) #d0d8df;
    -webkit-box-shadow: 0 var(--border-radius-md) var(--border-radius-md) #d0d8df;
    -khtml-box-shadow: 0 var(--border-radius-md) var(--border-radius-md) #d0d8df;
    box-shadow: 0 var(--border-radius-md) var(--border-radius-md) #d0d8df;
    z-index: 5;
}

#SelSortTitle {font-weight: bold;}

.MLSort ul li {
    font-size:90%;
    padding: 0.6em 1.2em;
    margin: 0;
    vertical-align: bottom;
    overflow: hidden;
    cursor: pointer;
    }


.MLSort ul li:last-of-type {
    border-radius: 0 0 var(--border-radius-norm);
}

.MLSort ul li .Over, .MLSort ul li:hover {
    box-shadow: 0 0 8px #d0d8df;
    color:white;
    background:#0082ff;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b2ff), to(#0062df));
background-image: -webkit-linear-gradient(top, #40b2ff, #0062df); /* Chrome 10+, Saf5.1+, iOS 5+ */
background-image:    -moz-linear-gradient(center top, #40b2ff, #0062df); /* FF3.6 */
background-image:     -ms-linear-gradient(top, #40b2ff, #0062df); /* IE10 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b2ff', endColorstr='#0062df'); /* for IE */
background-image:      -o-linear-gradient(top, #40b2ff, #0062df); /* Opera 11.10+ */
background-image:         linear-gradient(top, #40b2ff, #0062df);
}

.icoSortAZ, .icoSortZA  {
    display: inline-block;
    //display: inline;
    overflow: hidden;
    height: 23px;
    width:18px;
    margin: -0.4em 0 -0.4em -0.2em;
    vertical-align: middle;
}
.icoSortZA img {
    margin-top:-23px;
}


/* Стиль для проверки формы */
.yaproField {
    white-space: nowrap;
    position: absolute;
    top: -12345px;
    left: -12345px;
    cursor: pointer;
    border: none;
    padding: 0px;
    margin: 0px 0px 0px 3px;
    z-index: 100;

    overflow: hidden;

-moz-border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
-khtml-border-radius:0px 5px 5px 0px;
border-radius:0px 5px 5px 0px;
}

.yaproFieldPointer {
border-color: #FFFFFF #e00000 #FFFFFF #FFFFFF;
    border-style: solid;
    border-width: 13px 8px 13px 1px;

    font-size: 1px;
     line-height: 1px;
    display: inline-block;
    //display: inline;
    overflow: hidden;
    //width: 9px;
    height: 0px;
    vertical-align: top;
/*
    width: 9px;
    background: url(red.gif) no-repeat right;
    display:block;
    height: 17px;*/
}
.yaproFieldHTML {
    display: inline-block;
    //display: inline;
overflow: hidden;
//height: 0%;
    white-space: nowrap;
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 12px;
    background-color: #e00000;
    /* background: #e00000 url(/img/all_icons.png) no-repeat;
    background-position:  right -54px;*/
    color: #FFF;
    letter-spacing: 0px;
    border: none;
    /*padding: 1px 18px 1px 3px;*/
    padding: 1px 3px 1px 5px;
    margin: 0px;
    vertical-align: middle;
}

.yaproCloze {
    display: inline-block;
    //display: inline;
    vertical-align: middle;
    background: #e00000 url(/img/all_icons.png) no-repeat;
    background-position:  -1px -56px;
    margin: 0px 3px;
    width: 12px;
    height: 24px;
}

/* Safari and Chrome */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
body:first-of-type .yaproFieldHTML {height: 15px}
} */

/* Loader */
#loaderset {
    display: none;
}

#LoadCont {
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    width: 200px;
}
#LoadInfo {
    position: relative;
     background-color: #708090;
    border: 1px solid #FFFFFF;
    vertical-align: middle;
}
#LoadPercent {height: 20px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    vertical-align: middle;
    width: 100%;}
#LoadLine {
    background-color: #0082FF;
    height: 20px;
}


/* Загрузчик из трех кружков */
.loader3Circle,
.loader3Circle:before,
.loader3Circle:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader3Circle {
  color: #0082ff;
  font-size: 1em;
  margin: -1.25em auto 3em auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  overflow: visible !important;
}

.ML_Window .loader3Circle {
    font-size: 0.7em;
}

.tabBasket #totPrice .loader3Circle { font-size: 0.4em;
margin-top: -2.0em; }

.loader3Circle:before,
.loader3Circle:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader3Circle:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader3Circle:after {
  left: 3.5em;
}

@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
    filter: blur(0.2em);
    opacity: 0.5;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
    filter: blur(0);
    opacity: 1;
  }
}

#loadingbar {
    display:none;
    bottom:0px;
    text-align:center;
    width: 100%;
    box-sizing: border-box;}


#CourseResult #loadingbar {
    font-size: 0.3em;
}
/* End of Loader */


/* Микролоадер для инпутов и до полей */

.loader_Micro,
.FormItemConnect > div.loader_Micro {
    display: inline-block;
    /*border: 0.4em dotted rgba(243, 243, 243, 0.2);
    border-top: 0.4em solid #0062cf;*/
    border: 0.3em dashed #708090;

    border-radius: 50%;
    width: 2em;
    height: 2em;
    margin: 0.6em 0.8em;

    box-sizing: border-box;

    position: absolute;

    animation: loader_Micro_spin 2s linear infinite;
    font-size: 0.6em;
}

.FormItemConnect > div.loader_Micro {
    right: 1em;
    top: 1.2em;
}

.MLResponses_Control .loader_Micro {
    position: inherit;
}

@keyframes loader_Micro_spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* Конец микролоадера для инпутов и полей */

.InpSubTXT {font-size: 11px; color: #908070;}

/* Payments */
.payVisaRu, .payMCardRu, .payMonetaRu, .payWebMRu, .payYandexDRu,
.payMailDRu, .payAlfaCRu, .payFraktRu, .payContRu, .payCards, .payRBKM,
.payMCB, .payEK, .payCP, .payEuroset, .payNovoplat, .payPinpay, .payMM,
.payPlatilka, .payExelent, .payComepay, .payBT, .payPSB, .paySBER, .payQIWI,
.payLeader, .payPayPal, .payMIR {
    background: url(/img/help/payment-logos-02.png) no-repeat;
    height: 30px;
    margin: 8px;
}

.payVisaRu { width: 47px;
    background-position: 0px 0px;} /* Visa Card     3,0% */
.payMCardRu {width: 46px;
    background-position: 0px -30px;} /* Master Card     3,0% */
.payFraktRu {width: 98px;
    background-position: 0px -60px;} /*Система онлайн-банкинга Faktura.ru     3,0%*/
.payYandexDRu {width: 106px;
    background-position: 0px -90px;} /* Яндекс.Деньги     5,0% */
.payMonetaRu {width: 77px;
    background-position: 0px -150px;} /* Монета.Ру     2,5% */
.payMailDRu {width: 118px;
    background-position: 0px -180px;} /* Деньги@Mail.Ru     4,0% */
.payAlfaCRu {width: 90px;
    background-position: 0px -210px;} /* Система онлайн-банкинга Альфа-Клик     3,0% */
.payWebMRu {width: 80px;
    background-position: 0px -240px;} /* WebMoney     2,5% */
.payContRu {width: 65px;
    background-position: 0px -270px;} /*Денежные переводы CONTACT     2,0%*/
.payCards {width: 43px;
    background-position: 0px -300px;} /*Оплата картами*/
.payRBKM {width: 56px;
    background-position: 0px -330px;}
.payMCB {width: 110px;
    background-position: 0px -360px;} /*МосКредитБанк*/
.payEK {width: 42px;
    background-position: 0px -390px;} /* Единый Кошелек */
.payCP {width: 90px;
    background-position: 0px -420px;} /* CiberPay */
.payEuroset {width: 119px;
    background-position: 0px -450px;} /* Евросеть */
.payNovoplat {width: 56px;
    background-position: 0px -480px;} /* Новоплат */
.payPinpay {width: 54px;
    background-position: 0px -510px;} /* pinpay.ru */
.payMM {width: 123px;
    background-position: 0px -540px;} /* MoneyMail */
.payPlatilka {width: 94px;
    background-position: 0px -570px;} /* Платилка.ру */
.payExelent {width: 75px;
    background-position: 0px -600px;} /* Элекснет */
.payComepay {width: 104px;
    background-position: 0px -630px;} /* Comepay */
.payBT {width: 100px;
    background-position: 0px -660px;} /*Банковский перевод*/
.payPSB {width: 135px;
    background-position: 0px -690px;} /*Промсвязьбанк*/
.paySBER {width: 98px;
    background-position: 0px -720px;} /* Сбер */
.payQIWI {width: 63px;
    background-position: 0px -750px;} /* Киви кошелек*/
.payLeader {width: 76px;
    background-position: 0px -780px;} /* Лидер */
.payPayPal {width: 115px;
    background-position: 0px -810px;} /* Пейпал */
.payMIR {width: 95px;
    background-position: 0px -840px;} /* МИР */
/* End of Payments */

.TextArrow {
    text-decoration: none;
    font-size: 1em;
    vertical-align:middle;
    letter-spacing: -1em;
    white-space: nowrap;
}


#MapMain .TextArrow { width: 2.3em; }

.FixedNav {
    background: #ffffff url(/img/bamboo.jpg) no-repeat;
    background-position: right bottom;
    /*background: none repeat scroll 0 0 white;*/
   border-bottom: 1pt solid #908070;
   margin: 0 -2em;
   padding: 0.3em 0 0.3em!important;
   position: fixed!important;
   top: 0;
   z-index: 120;

    box-shadow: 0px 0px 18px #304050;
}

.FixedNav > img:first-of-type { width: 7em;
    margin: 1.5em 1em 1em 1em; }

.wrapper_main_calendar .FixedNav {
    margin: 0 -1.8em; }
.edu_part {
    background-color: #FFFFBD;
}
.edu_paid {
    background-color: rgba(212, 238, 208, 0.5);
}

.edu_Test { border-left: 1px solid #DFD8D0;
                 border-right: 1px solid #908070; }

.Serv_Choos { background-color: rgba(212, 238, 208, 0.15); }

.Serv_Choos_Coll { background-color: rgba(62, 197, 53, 0.9);
        color: #fff;
    font-weight: bold;
    text-shadow:-1px -1px 0 rgba(52, 139, 46, 0.5);}

.edu_non {
    background: none;
}

.edu_SemW {
    /*width: 150px;*/
    line-height: 1em;
    margin-bottom: 0em;
    margin-top: 0.5em;}
.edu_TestW {
    width: 100px;
    line-height: 1em;
    margin-bottom: 0.1em;}

.edu_SemW label,.edu_TestW label { margin-bottom: 0; margin-top: 0; }

.pTContextMenu textarea { font-size: 0.9em; }

input.InpTrans { background: none;
    border: 1pt solid #dfd8d0;
    text-align: right;
    padding: 3px;

    border-radius:3px;
    }

.InpTrans:focus, .InpTrans:hover {
    border: 1pt solid #6a3814;
    background-color: #fffcf8;

    box-shadow: 0px 0px 8px #d0d8df;
    }


input.InpLite {
    border: 1pt solid rgba(208,216,223,0.5);
}

    /* Иконки файлов 1=пдф, 2 = звук, 3=видео, 4 = эксель, 5 = ворд, 6 = изображение*/
    .icoF_1, .icoF_2, .icoF_3, .icoF_4, .icoF_5, .icoF_6, .icoF_7, .icoF_8, .icoF_Drm-x {
    /*background: url(/img/ico-files.png) no-repeat;*/
    display: inline-block;
    width: 18px;
    height: 18px;
    overflow: hidden;
    position: relative;
    }

    .icoF_8 { margin-left: 0.4em;  margin-right: 0.4em; background: url(/img/YouTube-icon-full_color.svg) no-repeat center;  background-size: contain;  }
    .icoF_8 img {display:none;}

    .icoF_1 img {margin-top: 0px;}
    .icoF_2 img {margin-top: -100px;}
    .icoF_3 img {margin-top: -60px;}
    .icoF_4 img {margin-top: -20px;}
    .icoF_5 img {margin-top: -40px;}
    .icoF_6 img {margin-top: -80px;}
    .icoF_7 img {margin-top: -136px;}

    .icoF_Drm-x .drm {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -1px;
    width: 11px;
    height: 12px;
    margin-top: 3px;
    }

    .icoF_Drm-x .drm img{
    margin-top: -121px;
    }
    .icoF_ .drm {display: none;}

    .icoF32_1, .icoF32_2, .icoF32_3, .icoF32_4, .icoF32_5, .icoF32_6, .icoF32_7, .icoF32_8, .icoF32_Drm-x, .drmX, .icoF32_-1 {
/*    background: url(/img/ico-files-32.png) no-repeat;*/
    display: inline-block;
    width: 38px;
    height: 34px;
    overflow: hidden;
    position: relative;
    }
    .icoF32_-1 img { display: none; }
    .icoF32_8 { margin-left: 0.4em; background: url(/img/YouTube-icon-full_color.svg) no-repeat center;  background-size: contain;  }
    .icoF32_8 img {display:none;}

    .icoF32_1 img {margin-top: 0px;}
    .icoF32_2 img {margin-top: -190px;}
    .icoF32_3 img {margin-top: -114px;}
    .icoF32_4 img {margin-top: -38px;}
    .icoF32_5 img {margin-top: -76px;}
    .icoF32_6 img {margin-top: -152px;}
    .icoF32_7 img {margin-top: -259px;}
    .drmX {width: 20px;
    height: 23px;
    margin-top: -5px;}
    .drmX img {margin-top: -233px;}

    .icoF32_Drm-x .drm {
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -1px;
    width: 19px;
    height: 23px;
    margin-top: 0px;
    }

    .icoF32_Drm-x .drm img{
    margin-top: -228px;
    }
    .icoF32_ .drm {display: none;}
    /* Конец иконок файлов */

/* Рамка для раскрывушки доп параметров

    PlusBig_Thin
    MinusBig_Thin - Добавляет плюс минус*/
.SHPropBord,
.SHPropBordSel {
    display: flex;
    flex-wrap: wrap;

    border: var(--border-style-Light);
    border-radius: var(--border-radius-norm);

    margin: 1.5em 0 1.5em 0;
    padding: 0;
    zoom:1;
    position: relative;
    opacity: 0.9;
}

.table + .SHPropBord {
    margin-top: 2.5em;
}

.SHPropBordSel {
    z-index: 1;
}

/*fieldset .SHPropBordSel {
    margin-top: 2.5em;
}*/

.SHPropBord:hover {
    opacity: 1;
}

.SHPropBord .SHTitle, .SHPropBord .SHTitle:visited,
.SHPropBordSel .SHTitle, .SHPropBordSel .SHTitle:visited {
    display: flex;
    justify-content: center;
    gap: 0.4em;
    align-items: center;

    border-radius: var(--border-radius-norm);

    flex:1 0 100%;
    box-sizing: border-box;

    color: var(--color-Black);
    font-size: 1em;
    padding: 0.6em;
    text-decoration: none;
    text-align: center;
    overflow: visible;
    }

.SHPropBord .SHTitle, .SHPropBord .SHTitle:visited {
     font-weight: bold;
}

/*.SHPropBordSel .SHTitle, .SHPropBordSel .SHTitle:visited {
    margin: 0 0 1em 0.3em;
}*/

.SHPropBord .SHTitle font:last-of-type:not(.SHHide):after,
.SHPropBordSel .SHTitle font:last-of-type:not(.SHShow):after,
.SHTitle #SHHide:after,
.SHTitle .SHHide:after,
.SHTitle #SHShow:after,
.SHTitle .SHShow:after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    border-bottom: 0.2em solid;
    border-left: 0.2em solid;
    border-top: none;
    border-right: none;

    width: 1em;
    height: 1em;
    font-size: 0.9em;
    margin-left: 0.4em;
}

.SHPropBord .SHTitle font:last-of-type:not(.SHShow):after,
.SHTitle #SHShow:after,
.SHTitle .SHShow:after {
    margin-top: -0.5em;

    transform: rotate(-45deg);
    -webkit-animation: Rotate_135to45 0.3s ease-out;
    animation: Rotate_135to45 0.3s ease-out;
}

.SHPropBordSel .SHTitle font:last-of-type:not(.SHHide):after,
.SHTitle #SHHide:after,
.SHTitle .SHHide:after {
    margin-top: 0.5em;

    transform: rotate(135deg);
    -webkit-animation: Rotate_45to135 0.2s ease-in;
    animation: Rotate_45to135 0.2s ease-in;
}

.SHTitle .PlusBig_Thin:after,
.SHTitle .MinusBig_Thin:after {
    margin-left: 0.2em;
}

.SHTitle .PlusBig_Thin:after {
    font-size: 1.4em;
}

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

.SHTitle:hover .PlusBig_Thin:after,
.SHTitle:hover .MinusBig_Thin:after {
    background-color: var(--color-Blue-hover);
}

.SHTitle font,
.SHTitle span {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    /*text-transform: uppercase;*/

    font-weight: normal;
    font-size: 1.3em;
}

.SHPropBord .SHTitle:hover,
.SHPropBordSel .SHTitle:hover {
    color:vaR(--color-Blue-hover);
    box-shadow: 0 -0.1em 0 0 var(--color-Blue-hover), 0 0.5em 0.5em -0.3em rgba(0, 125, 255, 0.3) inset;
    /* linear-gradient(to bottom, rgba(0, 125, 255, 0.2) 0%,rgba(0, 125, 255, 0) 30%) */
    }

.SHPropBord .SHCont,
.SHPropBordSel .SHCont {
    flex: 1 100%;
    padding: 1em 1.5em 1em 1.5em;
    max-width: 100%;
    box-sizing: border-box;
}
}

.YearsOfLife .SHCont,
.GreateLifeCycle .SHCont {
    display: flex;
    padding: 1em 0 1em 0;
    justify-content: center;
}

.YearsOfLife .SHCont {
    flex-wrap: wrap;
}

.SHCont .MultiCol {
    display: flex;
    flex: 1 0 100%;
}


/* Конэц Рамка для раскрывушки доп параметров */

.ClearContact {
    background: none repeat scroll 0 0 transparent;
    border: var(--border-thin) solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 2em;
    margin: var(--border-thin) 0 0 -37px;
    width: 2em;
}

.ClearContact:hover {color:#0082ff;
    border: var(--border-thin) solid #FFFFFF;
    text-shadow:-1px -1px 0 #706050;
    background: #fff}

/* Стиль для новых тултипсов */
/* PowerTip Plugin */
/* PowerTip Plugin */
#powerTip, #powerClicktip, #ContextBattonTip {
    cursor: default;
    backdrop-filter: var(--backdrop-filter-blockquote);
    background-color: rgba(255, 254, 252, 0.8);
    border: var(--border-thin) solid var(--color-Beige);
    font-size: 0.9em;
    text-shadow: var(--text-shadow-Light-hover);
    color: #333333;
    display: none;
    position: absolute;

    max-width: 50vw;

    box-shadow: 0 0 8px #d0d8df;

    border-radius: var(--border-radius-md);
}

#powerTip, #ContextBattonTip {
  padding: 0.5em 0.9em;
}

#powerTip h3,
#powerTip .h3 {
    margin: 0;
}

#powerClicktip {
 padding: 0;
}

#CYCont {
    padding: 0.5em;
}

#powerTip svg, #powerClicktip svg, #ContextBattonTip svg{
    width: 1em;
    height: 1em;
    vertical-align: bottom;
    top: -0.1em;
    position: relative;
}

#powerTip {
line-height: 1.2em;
z-index: 500;
}

#powerTip p {    margin-bottom: 0.4em; }

#powerTip img { max-height: 100%;
     max-width: 100%; }

#ContextBattonTip, #powerClicktip {
max-width: 500px;
max-height: 450px;
z-index: 501;
}

#ContextBattonTip .tabBasket td, #ContextBattonTip .tabBasket th, #powerClicktip .tabBasket td, #powerClicktip .tabBasket th  {
        font-size:0.9em;
    }

#ContextBattonTip #CYCont, #powerClicktip #CYCont {
    overflow: auto;
    max-height: 22em;
    padding: 1em;
}

#ContextBattonTip #CYCont p:last-of-type, #powerClicktip #CYCont p:last-of-type {
    margin-bottom: 0;
}

#ContextBattonTip h3, #powerClicktip h3 {
     background-color: #908070;
    color: #FFFCF8;
    font-size: 1em;
    font-weight: bold;
    line-height: 0.95em;
    list-style-type: lower-roman;
    text-decoration: none;
    text-shadow: -1px -1px 0 #706050;
    text-transform: uppercase;
    margin: 0;
    padding: 0.7em 2em 0.7em 0.7em;

    border-radius: var(--border-radius-norm)  var(--border-radius-norm) 0 0;

    white-space: nowrap;
 }

#ContextBattonTip > b, #powerClicktip > b {
    background-image: url(/img/ico_Close_w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    text-shadow: none;
    color: transparent;
    line-height: 1em;
     cursor: pointer;
    position: absolute;
    right: 0;
    font-size: 1.7em;
    width: 1em;
    height: 1em;
    margin: 0.2em;
    opacity: 0.9;
 }
#ContextBattonTip b:hover, #powerClicktip b:hover {
    opacity: 1;
  }

#powerTip:before, #powerClicktip:before {
    content: "";
    position: absolute;
}
#powerTip.n:before, #powerTip.s:before, #powerClicktip.n:before, #powerClicktip.s:before {
    border-right: 0.5em solid transparent;
    border-left: 0.5em solid transparent;
    left: 50%;
    margin-left: -0.5em;
}
#powerTip.e:before, #powerTip.w:before, #powerClicktip.e:before, #powerClicktip.w:before {
    border-bottom: 0.5em solid transparent;
    border-top: 0.5em solid transparent;
    margin-top: -0.5em;
    top: 50%;
}
#powerTip.n:before, #powerClicktip.n:before {
    border-top: 0.8em solid var(--color-Beige-Opacity);
    bottom: -0.8em;
}
#powerTip.e:before, #powerClicktip.e:before {
    border-right: 0.8em solid var(--color-Beige-Opacity);
    left: -0.8em;
}
#powerTip.s:before, #powerClicktip.s:before {
    border-bottom: 0.8em solid var(--color-Beige-Opacity);
    top: -0.8em;
}
#powerTip.w:before, #powerClicktip.w:before {
    border-left: 0.8em solid var(--color-Beige-Opacity);
    right: -0.8em;
}
#powerTip.ne:before, #powerTip.se:before, #powerClicktip.ne:before, #powerClicktip.se:before  {
    border-right: 0.8em solid transparent;
    border-left: 0;
    left: 0.8em;
}
#powerTip.nw:before, #powerTip.sw:before, #powerClicktip.nw:before, #powerClicktip.sw:before {
    border-left: 0.8em solid transparent;
    border-right: 0;
    right: 0.8em;
}
#powerTip.ne:before, #powerTip.nw:before, #powerClicktip.ne:before, #powerClicktip.nw:before {
    border-top: 0.8em solid var(--color-Beige-Opacity);
    bottom: -0.8em;
}
#powerTip.se:before, #powerTip.sw:before, #powerClicktip.se:before, #powerClicktip.sw:before {
    border-bottom: 0.8em solid var(--color-Beige-Opacity);
    top: -0.8em;
}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before,
#powerClicktip.nw-alt:before, #powerClicktip.ne-alt:before,
#powerClicktip.sw-alt:before, #powerClicktip.se-alt:before {
    border-top: 0.8em solid var(--color-Beige-Opacity);
    bottom: -0.8em;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    left: 0.8em;
}
#powerTip.ne-alt:before,#powerClicktip.ne-alt:before {
    left: auto;
    right: 0.8em;
}
#powerTip.sw-alt:before, #powerTip.se-alt:before, #powerClicktip.sw-alt:before, #powerClicktip.se-alt:before {
    border-top: none;
    border-bottom: 0.8em solid var(--color-Beige-Opacity);
    bottom: auto;
    top: -0.8em;
}
#powerTip.se-alt:before, #powerClicktip.se-alt:before {
    left: auto;
    right: 0.8em;
}

/* стиль контестного тултипса с подменюхой */
#ContextBattonTip.s {
    border-radius: 0px 0px 0.6em 0.5em;
}

#ContextBattonTip:before {
    content: "";
    position: absolute;
}

#ContextBattonTip.n:before, #ContextBattonTip.s:before {border: none;
    left: 50%;}

#ContextBattonTip.e:before, #ContextBattonTip.w:before {border: none;
    top: 50%;}

/* Конец стиля для новых тултипсов */

/* Стиль для графиков */
.H {font-family: "Arial Unicode MS", "MS PGothic", "MS Gothic", Arial,Helvetica,sans-serif; line-height: 0.9em;}
.elem1, .elem2, .elem3, .elem4, .elem5, .elem6, .elem7, .elem8, .elem9, .elem10, .elem11, .elem12, .elem13, .elem14, .elem15, .elem16, .elem17, .elem18,
.elem19, .elem20, .elem21, .elem22 {font-family: "Arial Unicode MS", "MS PGothic", "MS Gothic", Arial,Helvetica,sans-serif;
font-size: 18px; font-weight: normal; vertical-align: middle;}

.elem1:before{color: #348b2e; content:"甲";}
.elem2:before{color: #348b2e; content:"乙";}
.elem3:before{color: #f00000; content:"丙";}
.elem4:before{color: #f00000; content:"丁";}
.elem5:before{color: #6a3814; content:"戊";}
.elem6:before{color: #6a3814; content:"己";}
.elem7:before{color: #708090; content:"庚";}
.elem8:before{color: #708090; content:"辛";}
.elem9:before{color: #0082ff; content:"壬";}
.elem10:before{color: #0082ff; content:"癸";}


.elem11:before{color: #0082ff; content:"子";}
.elem12:before{color: #6a3814; content:"丑";}
.elem13:before{color: #348b2e; content:"寅";}
.elem14:before{color: #348b2e; content:"卯";}
.elem15:before{color: #6a3814; content:"辰";}
.elem16:before{color: #f00000; content:"巳";}
.elem17:before{color: #f00000; content:"午";}
.elem18:before{color: #6a3814; content:"未";}
.elem19:before{color: #708090; content:"申";}
.elem20:before{color: #708090; content:"酉";}
.elem21:before{color: #6a3814; content:"戌";}
.elem22:before{color: #0082ff; content:"亥";}

.elem_year {
    vertical-align: middle;
font-size: 14px;
}

.b-head{
    display: none !important;
}
/* Конец стиля для графиков */

.active.pricetr {
    background-color: rgba(0, 128, 0, 0.11);
}
.pricetr.empty{
    background-color: rgba(240, 0, 0, 0.15)!important;
}

.quicksearch {
    display:none;
    position: absolute;
/*    background: white;*/
overflow: visible;
    z-index: 100;
/*    padding: 17px;
    border: 1px solid #dbdbde;
    border-radius: 7px;
    box-shadow: 2px 2px 5px #dbdbde;*/
    }

.quicksearch li a:hover{
    color: #f8fcff;
    background:#0082ff;

    background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b2ff), to(#0062df));
    background-image: -webkit-linear-gradient(top, #40b2ff, #0062df); /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image:    -moz-linear-gradient(center top, #40b2ff, #0062df); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #40b2ff, #0062df); /* IE10 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b2ff', endColorstr='#0062df'); /* for IE */
    background-image:      -o-linear-gradient(top, #40b2ff, #0062df); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #40b2ff, #0062df);
    }

.quicksearch li a:hover i {color:#dfd8d0;}

.loader{
    width: 24px;
    height: 24px;
    background: url(../images/ajax-loader2.gif);
    display: none;
    float: right;
    margin: -5px -3px -4px 10px;
}

/* Цсс загрузки Loading */

#loading {
    display: flex;
    justify-content: center;
    align-items: center;

    position: fixed;
    left: 0px;
    top: 0px;

    width: 100%;
    height: 100%;

    background-color: rgba(74, 85, 96, 0.5);

    box-shadow: 0 0 14em rgba(0,0,0, 0.5) inset;

    vertical-align: middle;
    text-align: center;

    z-index: 1000;
}

#loading .ltd {
    display: table-cell;
    vertical-align: middle;
    text-align: center;

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

    pointer-events: none; /* Отрубаем все события */
}

#loading font {
    display: table;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    box-shadow: inset 0 0 0.3em rgba(255, 255, 255,0.8);
    position: relative;

}

#loading font span {
    display: table-cell;
    vertical-align: middle;
    text-shadow: rgba(53,53,53,0.1) -1px -1px 0px;
    cursor: default;
}

#lbord {
  /* Размер шрифта в меняет размер лоадера */
  font-size: 1em;
  backdrop-filter: blur(0.1em);

  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.7);

  border-radius:0.75em;

  height: 1.5em;
  width: 13em;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;

  line-height: 1em;

  position: relative;
  display: inline-block;

    box-shadow: 0 0 0.9em rgba(112,128,144,0.7);

}

#lbord:before {
    /*color: rgba(255, 255, 255, 0.5);*/
    /*content: "...";*/
    left: 0;
    line-height: 0.5em;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index:2;
}

#line:not(path) {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #0082FF;
    -webkit-animation: slide 1.8s steps(30) infinite;
    -moz-animation: slide 1.8s steps(30) infinite;
    animation: slide 1.8s steps(30) infinite;

    -webkit-filter: blur(0.1em);
    filter: blur(0.1em);

    background: -moz-linear-gradient(left,  rgba(0,130,255,0) 0%, rgba(0,130,255,0.8) 99%, rgba(255,255,255,0.8) 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,130,255,0) 0%,rgba(0,130,255,0.8) 99%,rgba(255,255,255,0.8) 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,130,255,0) 0%,rgba(0,130,255,0.8) 99%,rgba(255,255,255,0.8) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000082ff', endColorstr='#cc0082ff',GradientType=1 ); /* IE6-9 */

    border-radius:0.2em;
}

#lbord #line+span {
    position: relative;
    z-index: 1;  }

@keyframes slide {
  0% {left: -100%;}
  100% {left: 100%;}
}

@-moz-keyframes slide {
  0% {left: -100%;}
  100% {left: 100%;}
}

@-webkit-keyframes slide {
  0% {left: -100%;}
  100% {left: 100%;}
}


/* АВАТАРКА */
.Avatar {
    display: inline-flex;
    background-color: rgba(0,0,0,0.15);
    font-size: 1em;
    position: relative;
    overflow: hidden;
    line-height: 1em;
    border: 1px solid #efe8e0;
    border-radius: var(--border-radius-xl);

    align-items: center;
    justify-content: center;
    }

.FullDescription .Avatar {
    border-radius:0.5em;
    }


.Consultant .Avatar {
    display: block;
    border-radius:0px; /* CSS3 */
    border: none;}

.GenForm .Avatar { font-size: 1.5em;
    margin-right: 0.2em;
    vertical-align: middle; }

.teacher-dialog:hover .Avatar {
    box-shadow: 0px 0px 4px #d0d8df;
    }

.Avatar .AvatarTB {display: table; overflow: hidden; }

.Avatar .AvatarTD {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    width:1em;
    height: 1em;
    overflow: hidden;
    line-height: 0;
    }

.Avatar .AvatarTD img {
    margin: -0.9em -1em -1em -1em;
    width: 170%;
    }

.Avatar .AvatarCont { width:1em; height: 1em;}

.Avatar span {
    display: inline-flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    height: 100%;

    font-size: 0.8em;
    line-height: 1em;
    margin: -0.0em;
    text-shadow: rgba(0,0,0,0.1) 1px 1px 0px;
    cursor: default;
    }

.Avatar .Char {
    color: rgba(250,250,250,0.9);
}

.Avatar .Char:hover {
    text-decoration: none;
}

.ui-menu .ui-menu-item a .Avatar span.Char {
    font-size: 0.8em;
}

    /* Стиль для сейфбокса в кропере */
.cropper-container .cropper-move {
    background: rgba(250,250,250,0);
    background-image: url(/img/avatar_SafeZone.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
 }

/* ====================================================================================== */


.AvCol1 { background-color: #1CAA47 }
.AvCol2 { background-color: #235897 }
.AvCol3 { background-color: #F7B752 }
.AvCol4 { background-color: #B9250D }
.AvCol5 { background-color: #4D279D }
.AvCol6 { background-color: #B33C99 }
.AvCol7 { background-color: #8AB00D }
.AvCol8 { background-color: #E6CB26 }
.AvCol9 { background-color: #3DB762 }
.AvCol10 { background-color: #124179 }
.AvCol11 { background-color: #E69B26 }
.AvCol12 { background-color: #E64026 }
.AvCol13 { background-color: #6444A9 }
.AvCol14 { background-color: #860A6B }
.AvCol15 { background-color: #B0DB24 }
.AvCol16 { background-color: #B9A10D }
.AvCol17 { background-color: #0A8930 }
.AvCol18 { background-color: #3F6CA2 }
.AvCol19 { background-color: #B9760D }
.AvCol20 { background-color: #F76952 }
.AvCol21 { background-color: #36157E }
.AvCol22 { background-color: #A71B89 }
.AvCol23 { background-color: #C6EB4E }
.AvCol24 { background-color: #F7E052 }

 /* ================ Стиль для Дипломов ============== */

.diploms {

}

.diploms h2:first-of-type {
    margin-top: 0.2em;
}

.diplom-block {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13em, 1fr));
    gap: 0.8em;
    margin-top: 1em;
}

.diplom-item {
    display: inline-flex;
    justify-content: center;
    box-sizing: border-box;

    position: relative;
    border: 1px solid #dfd8d0;
    padding: 0px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;

    cursor: pointer;
    }

.diplom-item:nth-child(3n) { margin-right: 0; }

/*
.diplom-item {
    width: -webkit-calc(98.6% / 3 - 2%/3*2);
   width: calc(98.6% / 3 - 2%/3*2);}
*/

.diplom-item .number-diplom {
    color: #fff; text-shadow: 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1);
    padding: 0.3em;}

.diplom-item a {
    display: inline-flex;
    align-items: center;
    box-sizing: inherit;
    flex: 1;}

.diplom-item img {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    vertical-align: top;
    /*max-height: 16.7em;
    max-width: 16.7em;*/
    vertical-align: bottom;
    width: 100%;
   /* height: 100%;*/
    }
.wrapper_section_newprofile .items-diplom .diplom-item {    width: initial; }

.items-diplom .item-diplom { border-bottom: 1px solid #dfd8d0;  }

.items-diplom .item-diplom:last-child { border-bottom: none; }

.diplom-item img.diplom-img {
    -webkit-transition: all 0.3s ease-out 0.1s;
   -moz-transition: all 0.3s ease-out 0.1s;
   -o-transition: all 0.3s ease-out 0.1s;
    transition: all 0.3s ease-out 0.1s;
    z-index: 0;}


.diplom-item:hover img.diplom-img { -webkit-filter: blur(1px);
    filter: blur(1px);}

.diplom-info, .diplom-info strong, .diplom-info em, .diplom-info b, .diplom-info i, .diplom-info font { line-height: 1.2em; }

.diplom-info {
    box-sizing: inherit;
    -moz-box-sizing: inherit;

    background-color: rgba(51, 31, 11,0.7);
    background: -moz-linear-gradient(top,  rgba(51, 31, 11,0) 0%, rgba(51, 31, 11,0.5) 40%, rgba(51, 31, 11,0.8) 100%);
    background: -webkit-linear-gradient(top,  rgba(51, 31, 11,0) 0%,rgba(51, 31, 11,0.5) 40%,rgba(51, 31, 11,0.8) 100%);
    background: linear-gradient(to bottom,  rgba(51, 31, 11,0) 0%,rgba(51, 31, 11,0.5) 40%,rgba(51, 31, 11,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#99333333',GradientType=0 );

    display: inline-block;
    width: 100%;
    padding: 1.7em 0.7em 0.7em 0.7em;

    color: #fff;
    line-height: 1.1em;
    font-size: 1em;
    text-shadow: -1px -1px 0px rgba(51, 51, 51, 0.5);
    vertical-align: baseline;

    position: absolute;
    bottom:-5%;
    left: 0;

    opacity: 0;

    -webkit-transition: all 0.5s ease-out 0.1s;
   -moz-transition: all 0.5s ease-out 0.1s;
   -o-transition: all 0.5s ease-out 0.1s;
    transition: all 0.5s ease-out 0.1s;

    z-index: 1;
    }

.diplom-info .title span {
    display: inline;
    font-size: 1.3em;
    line-height: 1.1em; }

.diplom-info .title { display: block;
    padding: 0.2em 0  0.2em 0;}

.diplom-info .Country { display: inline-block;
    color: rgba(250, 250, 250, 0.8);
    font-style: italic;}

.diplom-info .Specialisation { display: block;
    color: rgba(250, 250, 250, 0.8);  }

.diplom-item:hover .diplom-info {
    bottom:0%;

    opacity: 1;
    }


 /* цвета для букв */
.ScheduleLineOh .Avatar .AvatarTD {font-size: 1.5em;}
.ScheduleLineOh .Avatar .AvatarTD img {
    }

.SchedLineDescr .Avatar .AvatarTD { font-size: 1.5em;}
.SchedLineDescr .Avatar .AvatarTD img {
    }

    .SchedLineDescr .Avatar { font-size: 1.5em;}
.SchedLineDescr .Avatar .AvatarTD img {
    }


.ui-dialog-content .Avatar {
    box-shadow: 0px 0px 4px #d0d8df inset;
    }

.ui-dialog-content .Avatar .AvatarTD { font-size: 11em;
    width: 1.3em; }

.ui-dialog-content .Avatar .AvatarTD img {
    margin: -0.6em -0.7em -0.75em -0.7em;
    width: 1.4em;
    }

.Consultant .Avatar .AvatarTD {
    display:block;
    font-size: 16em;
    width: 100%;}

.Consultant .Avatar .AvatarTD { height: 0.8em; }

.Consultant .Avatar .AvatarTD img {
    margin: -0.1em -0.2em -0.65em -0.2em;
    width: 1.2em;
    }

.TitleBlock .Avatar .AvatarTD, .PostAutor .Avatar .AvatarTD { font-size: 4em; }
.MLResponses .Avatar .AvatarTD,
.MLToken_Wrapper .Avatar .AvatarTD { font-size: 2.5em; }

/*.MLResponses .AvatarHref span { max-width: 21em; }*/

.MLResponses .MLName {
    margin-bottom: 0;
    margin-right: 0.3em;
    vertical-align: baseline;
    display: inline-block;
    font-weight: normal;
    font-size: 1em;}

.MLResponses .email {
    vertical-align: baseline;
    white-space: nowrap;
    font-size: 0.8em;}

.TitleBlock .Avatar .AvatarTD img,
.PostAutor .Avatar .AvatarTD img,
.MLResponses .Avatar .AvatarTD img {
    margin: -0.1em;
    width: 110%;
    }

.FullDescription .Avatar {
    box-shadow: 0px 0px 12px #d0d8df;
    }

.FullDescription .Avatar .AvatarTD { font-size: 18em;
    height: 0.8em;}
.FullDescription .Avatar .AvatarTD img {
    margin: -1.1em -0.5em -1em -0.5em;
    width: 1em;
    }

/* Конец АВАТАРКИ */


/* Начало колорпикера через радиобаттон или чекбокс */
/* input.ML_ColorPicker[type="checkbox"], input.ML_ColorPicker[type="radio"] */

.ML_ColorPicker {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.3em;

    margin-bottom: 0.5em;
    }

.ML_ColorPicker input { display: none; }

.ML_ColorPicker input + label,
.ML_ColorPicker input + label:before {
    border-radius: 50%;

    box-sizing: border-box;
    }

.ML_ColorPicker input + label {
   display: inline-block;

    height: 3em;
    width: 3em;
    margin-right: 0.1em;

    position: relative;
    padding: 0;

    /*opacity: 0.7;*/
 }

.ML_ColorPicker input + label:hover {
    /*opacity: 1; */

  -webkit-animation: AlphaFIn 0.3s ease-out;
  animation: AlphaFIn 0.3s ease-out; }

.ML_ColorPicker input[type="checkbox"]:checked + label, .ML_ColorPicker input[type="radio"]:checked + label {
    opacity: 1;
    }

.ML_ColorPicker input[type="checkbox"]:checked + label:before, .ML_ColorPicker input[type="radio"]:checked + label:before    {
    box-shadow: var(--box-shadow-Highlight-Blue-WhiteBorder);
 }

.ML_ColorPicker input + label:before {
    content: "";
    position: absolute;

    width: 100%;
    height: 100%;

    top: 0;
    left: 0;

    /*background-image: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);*/
    box-shadow: 0 0 0 0.2em #fff inset, 0 0 0 1px #d0d8df;
     }

.ML_ColorPicker input + label:hover:before {
    box-shadow: 0 0 0 0.1em #fff inset, 0 0 0 1px #0082ff;
    }

/* Начало колорпикера через радиобаттон или чекбокс */
.mw10 { max-width: 10%; }
.mw20 { max-width: 20%; }
.mw30 { max-width: 30%; }
.mw40 { max-width: 40%; }
.mw50 { max-width: 50%; }
.mw60 { max-width: 60%; }
.mw70 { max-width: 70%; }
.mw80 { max-width: 80%; }
.mw90 { max-width: 90%; }
.mw100 { max-width: 100%; }

.fw10 { -webkit-flex: 0 0 10%;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%; }
.fw20 { -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%; }
.fw30 { -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%; }
.fw40, .ML_Table .fw40 {
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%; }
.fw50, .ML_Table .fw50 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    }
.fw60, .ML_Table .fw60 { -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%; }
.fw70, .ML_Table .fw70 { -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%; }
.fw80 { -webkit-flex: 0 0 80%;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%; }
.fw90 { -webkit-flex: 0 0 90%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%; }

.w100{width: 100%;}
.w90 {width: 90%;}
.w80 {width: 80%;}
.w75 {width: 75%;}
.w70 {width: 70%;}
.w60 {width: 65%;}
.w60 {width: 60%;}
.w53 {width: 53%;}
.w50 {width: 50%;}
.w49 {width: 49%;}
.w47 {width: 47%;}
.w46 {width: 46%;}
.w45 {width: 45%;}
.w44 {width: 44%;}
.w40 {width: 40%;}
.w35 {width: 35%;}
.w30 {width: 30%;}
.w25 {width: 25%;}
.w20 {width: 20%;}
.w10 {width: 10%;}
.wA4H{width: 84em;}
.w200mm{width: 20.0cm;}
.w150mm{width: 15.0cm;}
.w100mm{width: 10.0cm;}
.w80mm{width: 8.0cm;}
.w76mm{width: 7.6cm;}
.w75mm{width: 7.5cm;}
.w74mm{width: 7.4cm;}
.w70mm{width: 7.0cm;}
.w50mm{width: 5.0cm;}
.w45mm{width: 4.5cm;}
.w40mm{width: 4.0cm;}
.w30mm{width: 3.0cm;}
.w25mm{width: 2.5cm;}
.w23mm{width: 2.3cm;}
.w20mm{width: 2.0cm;}
.w15mm{width: 1.5cm;}
.w10mm{width: 1.0cm;}

.h70mm {height: 7.0cm;}

/* СТИЛЬ НОВОГО ОСНОВНОГО МЕНЮ */
#ML_MenuGen a { text-decoration: none; }
#ML_MenuGen .ML_MenuGen_R > a, #ML_MenuGen .ML_MenuGen_R > label { color: #fff; }

#ML_MenuGen {
    position: relative;

    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;

    /*pointer-events: none;*/
    display: flex;

    /* выравнивание айтемов внутри контейнера */
    justify-content: flex-end;

    /* какой размер по вертикали будет у айтемов внутри контейнера */
    align-content: stretch;

    /* Как расположены айтемы внутри контейнера */
    align-items: stretch;

    z-index: 106;
    box-sizing: border-box;}

.ML_MenuGen_L, .ML_MenuGen_R {
    padding: 0em;
    display: flex;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;}

.ML_MenuGen_L {
    margin-right:1em;
    flex: 1 1 auto;}

.ML_MenuGen_R {
    flex: 1 1 auto;
    }

#ML_MenuGen .ML_Menu_Part {
    cursor: pointer;

    background: linear-gradient(to bottom,  rgba(112,128,144,0.1) 70%,rgba(91,104,117,1) 99%);
    -webkit-backdrop-filter: blur(0.15em);
    backdrop-filter: var(--backdrop-filter-Menu);

    border-left: 1px solid rgba(255, 255, 255, 0.8);
    border-top: 1px solid rgba(255, 255, 255, 0.8);

    border-radius:0;

    padding: 0.6em 0.6em 0.5em 0.6em;
    margin: 0;

    position: relative;

    display: flex;
    flex: 1;
    justify-content: center;
    align-content: stretch;
    align-items: flex-start;
    }

#ML_MenuGen .Sel {
    box-shadow: 0 0 1.3em 0.1em rgba(255, 255, 255, 1) inset;
    background: none;
    background-color: rgba(255, 255, 255, 0.8);
}

#ML_MenuGen .ML_Menu_Part:last-child:not(div),
#ML_MenuGen .LastChild {
    border-right: var(--border-thin) solid #fff;

    border-top-right-radius: 0.8em;}

#ML_MenuGen .ML_Menu_Part:first-child {
    border-top-left-radius: 0.8em;
    }


.ML_Menu_Sub, #ML_Menu_ToolsSub {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;

    position: absolute;

    background-color: rgba(250, 250, 250, 0.85);
    backdrop-filter: blur(0.4em) saturate(50%);

    border-top: 0.3em solid #f14a00;
    border-bottom: var(--border-thin) solid #f14a00;
    /*
        border-left: var(--border-thin) solid rgba(255, 255, 255, 0.8);
        border-right: var(--border-thin) solid rgba(255, 255, 255, 0.8);
    */

    box-shadow:0 1em 1em rgba(0, 0, 0, 0.15);
    border-bottom-left-radius: var(--border-radius-xl);
    border-bottom-right-radius: var(--border-radius-xl);

    padding: 0.5em 0.8% 0.8em 0.8%;

    top:100%;
    left: 50%;
    margin: 0 -50%;
    width: 100%;

    text-align: center;
    box-sizing: border-box;}

.HomePageMinLink, .HomePageMainInfo {
    padding: 0 1.8em 0 1.8em;
    gap: 1.5em;
    margin-top: 2em;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    }

.HomePageMinLink {
    text-align: center;
}

.HomePageMinLink .fpIcoHref {
    width: 23%; }

.HomePageMinLink.EN .fpIcoHref {
    width: 15%; }

.HomePageMainInfo {
    border-top: 1px solid #dfd8d0;
}

.ThisDay .KartaBadZi {
    width: auto;
    margin-right: 0.5em;}


.HomePageMainInfo .StolpyMin sup, .HomePageMainInfo .StolpyMin sub { display: none; }

.ThisDay .PlusMinus { margin-top: 0.8em;
    margin-left: 0.8em; }

.ML_TR .ThisDay.ML_TD,
.ML_TR .LastPost.ML_TD {
    padding-bottom: 1em; }

.ML_TR .ThisDay.ML_TD { border-right: 1px solid #dfd8d0;}

.ThisDay .ML_TR .ML_TD { text-align: left; font-size: 1.2em; }

.ML_TR .LastPost.ML_TD {
    -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
   }

.LastPost a { display: block; }

.LastPost a p { display: inherit;
    font-size: 1.2em;}

.LastPost img {
    -o-object-fit: contain;
    object-fit: contain;

    overflow: hidden;

    margin: 0.5em 0 1em 0;

    max-height: 20em;
    max-width: 100%;
    flex: 1;

    border: 1px solid #dfd8d0;
    border-radius: 0.4em;
    }

.LastPost:hover img { border-color: #0082ff; }

.LastPost a h3 { color: #0062cf; }

.LastPost a:hover, .LastPost a:hover h3 { color: #0082ff; }

.ThisDay a svg,
.LastPost a svg { font-size: 0.9em; }

.ThisDay .KartaBadZi tbody tr:first-of-type > th {
    padding: 0 2.3em 0 1.8em; }

.ML_Menu_Sub .fpIco { display: block; }

.ML_Menu_Sub .title, #ML_Menu_ToolsSub .title { font-size: 0.9em;color:rgba(00, 00, 00, 0.9); line-height: 1.1em; }
.ML_Menu_Sub a:hover  .title, #ML_Menu_ToolsSub a:hover .title { color:#0082ff; }


.ML_Menu_Sub .Close {
    display: inline-flex;
    position: absolute;

    background: #f14a00 url(/img/ico_ArrLineT_W.svg) no-repeat center center;
    background-size: 20% auto;

    bottom:-1px;
    left:50%;
    width: 8em;
    height: 2em;
    margin: 0 -4em -2em -3em;

    border-color: rgba(255,255,255,0.5);
    border-style: none solid solid solid;
    border-width: var(--border-thin);

    border-radius:0 0 var(--border-radius-md) var(--border-radius-md);

    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    }


#ML_MenuGen .ML_Menu_Part:hover {
border-radius:0;
box-shadow: none;
    }

#ML_MenuGen .ML_Menu_Part:hover div {
text-shadow: 0 0px 1em rgba(255, 255, 255, 1); }

#ML_MenuGen .ML_Menu_Part:active {
box-shadow: 0 0 1.2em rgba(0, 0, 0, 0.3) inset;
}

#ML_MenuGen .ML_Menu_Part:last-child:hover,
#ML_MenuGen .LastChild:hover {
    border-top-right-radius: var(--border-radius-xl);
    }

#ML_MenuGen .ML_Menu_Part:first-child:hover {
    border-top-left-radius: var(--border-radius-xl);
    }

#ML_MenuGen input[type="checkbox"] {display: none;}

#ML_MenuGen input[type="checkbox"] + .ML_Menu_Part:after {
    content: "";
    display: block;
    position: absolute;
    margin: 0;

    bottom: 0;
    left: 0;
    height: 0;
    width: 0;

    border-width: 0.7em;
    border-style: solid;
    border-bottom-color: #fff;
    border-left-color: #fff;
    border-right-color: transparent;
    border-top-color: transparent;
 }


#ML_MenuGen input[type="checkbox"]:checked + .ML_Menu_Part {
background: none;
background-color: rgba(241, 74, 0, 0.8);

box-shadow: 0 0 2em 0.2em rgba(201, 54, 0, 1) inset;
}

#ML_MenuGen input[type="checkbox"]:checked + .ML_Menu_Part:after {border-bottom-color: #fff;
    border-left-color: #fff;}

#ML_MenuGen .ML_Menu_Part div {
    display: flex;
    flex: 0;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 1.1em;

    align-items: center;
    flex-direction: row;}

#ML_MenuGen .ML_Menu_Part div span {
    line-height: 1.1em;
}

#ML_MenuGen .Sel div {
    color: #708090;
    text-shadow: none; }

#ML_MenuGen input[type="checkbox"]:checked + .ML_Menu_Part + .ML_Menu_Sub {
    display: flex;
    gap: 1em;
    padding: 1em;
    }

/* КОНЕЦ СТИЛЯ ОСНОВНОГО МЕНЮ */



/* ДРОПЗОНА */
.dropzone {background-color: rgba(51, 51, 51, 0.05); box-shadow: -1px -1px 0px rgba(250, 250, 250, 1) inset;}
.dropzone:hover {
    background-color: rgba(51, 51, 51, 0.08);
    text-shadow: 1px 1px 0px rgba(250, 250, 250, 1);}
.dropzone .h3 { color: rgba(51, 51, 51, 0.5);}



/* Стиль для валидации форм */
.help-block {
    display: block;
    color: #e00000;
    font-size: 0.9em;
    display: none;
    }

/* Конец стиля для валидации форм */


/* =============================================================== */

/* Начало стиля Process Steps */

#steps {
    position: sticky;
    top: 0;
    background-color: var(--color-BG-backdrop-White);
    backdrop-filter: var(--backdrop-filter-Header);
    z-index: 10;

    font-size: 0.8em;

    margin: 0.5em 0 2.5em 0;

    -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 */

    /*pointer-events: none;*/}

#steps, #steps .step, #steps .step:before {
    display: flex;
    justify-content: center;
    align-items: center;
    }

#steps .step {
    position: relative;
    flex: 1 0;
    flex-direction: column;
    align-self: flex-start;

    color:#d0d8df;

    text-align: center;
    line-height: 1em;}

#steps :first-child {  -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0; }

#steps :last-child {  -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0; }

#steps .step:before, #steps .step:after {
    font-size: 1.5em; }

#steps .step:before {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    border: 0.2em solid #d0d8df;
    background-color: #fff;
    text-align: center;
    font-weight: bold;

    width: 1.8em;
    height: 1.8em;

    margin-bottom: 0.3em;

    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
    z-index: 1;}

#steps .step:after {
    content: "";
    display: block;

    position: absolute;
    margin-left: -50%;
    margin-right: -50%;

    top: 1em;
    left: 50%;

    border-top: 0.4em solid #d0d8df;
    width: 100%;
    height: 0;
    }

#steps :nth-child(1):before { content: "1";}
#steps :nth-child(2):before { content: "2";}
#steps :nth-child(3):before { content: "3";}
#steps :nth-child(4):before { content: "4";}
#steps :nth-child(5):before { content: "5";}
#steps :nth-child(6):before { content: "6";}
#steps :nth-child(7):before { content: "7";}
#steps :nth-child(8):before { content: "8";}
#steps :nth-child(9):before { content: "9";}
#steps :nth-child(0):before { content: "10";}

#steps .passed, #steps .active { color: #708090; }

#steps .passed:before { /*content: "?";*/
content: "";
border-color: #00D000;
color: #00D000;
 background: #fff url(/img/ico_ArrLineB02_g.svg) no-repeat 0.3em 0.5em;
 background-size: contain;
}

#steps .passed:after { border-top-color: #00D000; }

#steps .active:before { border-color: #0062df;
    color: #0062df;

    box-shadow: 0px 0px 0.4em #d0d8df; }

#steps .active:after { border-top-color: #0062df; }
/* Конец стиля Process Steps */




/* Начало стиля ПРОГРЕСС БАР */

.ML_progress-bar {
    /*background-color:#e0e8ef;*/
    background-color: rgba(96, 128, 160, 0.2);
   border-bottom: 1px solid #ffffff;

    position: relative;

    margin-top: 1px;
    margin-bottom: -1.6em;

    /* Градиент для наклонных полосок ( 135deg,#dce5ed,#dce5ed 33%,#e0e8ef 33%,#e0e8ef 66%,#dce5ed 66%) */

   box-sizing: border-box;

    -moz-box-shadow: 0.1em 0.1em 0.1em #c0cbd4 inset;
    -webkit-box-shadow: 0.1em 0.1em 0.1em #c0cbd4;
    -khtml-box-shadow: 0.1em 0.1em 0.1em #c0cbd4 inset;
    box-shadow: 0.1em 0.1em 0.1em #c0cbd4 inset;

    display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

    z-index: 2;}

.ML_progress-bar:hover .ML_Progress .ML_Progress_Value, .ML_progress-bar .ML_Progress .ML_Progress_Value:hover {
font-size:1.3em;

  -webkit-animation: ProzentZoonIn 0.2s ease-out;
  animation: ProzentZoonIn 0.2s ease-out;
}

@keyframes ProzentZoonIn {
   0%{font-size:1em}
   30%{font-size:0.9em}
   100%{font-size:1.3em}
}

@-webkit-keyframes ProzentZoonIn {
   0%{font-size:1em}
   30%{font-size:0.9em}
   100%{font-size:1.3em}
}


.ML_progress-bar .ML_Progress {
    display: block;
    background-color: #00b000;
    position: relative;

    /*Градиент для наклонных полосок ( 135deg,transparent,transparent 1px,rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 100%,transparent 100%)*/

    /*background: -moz-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    -moz-linear-gradient( left, #00e900, #00D000);

    background: -webkit-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    -webkit-linear-gradient( left, #00e900, #00D000);

    background: linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    linear-gradient( left, #00e900, #00D000);*/

    background: -moz-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    -moz-linear-gradient( left, rgba(0, 233, 0, 0.9), rgba(0, 208, 0, 0.9));

    background: -webkit-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    -webkit-linear-gradient( left, rgba(0, 233, 0, 0.9), rgba(0, 208, 0, 0.9));

    background: linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    linear-gradient( left, rgba(0, 233, 0, 0.9), rgba(0, 208, 0, 0.9));

   background-size:100% 100%, 100% 100%;

    height: 1.5em;

    display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;

    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;

    z-index: 2;}


.SectionSmall .ML_progress-bar, .Section .ML_progress-bar {
    border-bottom: none;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.8em;

    flex: 1 0 auto;
    }

.SectionCover .ML_progress-bar { position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 2.4em; }

.SectionSmall .ML_progress-bar .ML_Progress,
.Section .ML_progress-bar .ML_Progress {
    align-self: stretch;
    height: auto;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    margin-right: -1px;
    }


 /* Значение прогресса когда оно вставлено в прогресс */

.SectionSmall > .ML_progress-bar {/*height: 1.5em;*/
    margin-bottom: -1.5em;
    border-bottom: 1px solid #ffffff;}

.SectionSmall .SectionCover + .ML_progress-bar, .Section .SectionCover + .ML_progress-bar {
   border-top: 1px solid #ffffff;
   margin-bottom: 0;
   border-bottom: 0;}

.ML_progress-bar .ML_Progress_Value {
    display: flex;
    align-self: center;
    justify-content: center;
    box-sizing: border-box;

    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;

    color: #ffffff;
    text-shadow: 1px 1px 1px rgba(112, 128, 144, 0.7);
    box-shadow:none;

    z-index: 4;
    }

.ML_progress-bar .ML_Progress_Value:after {
    content: attr(data-value) '%';
    font-size: 1.2em;

    align-self: center;
    }
 /* Значение прогресса когда оно вставлено в прогресс */

.ML_progress-bar .ML_Progress .ML_Progress_Value {
    display: flex;
    align-self: center;
    justify-content: center;

    box-sizing: border-box;
    position: absolute;

    height: 4em;
    width:4em;
    right: -2em;
    top: 50%;
    margin-top: -2em;

    border: 0.4em solid #00D000;
    color: #00B000;
    font-weight: bold;
    background-color: #fff;

    box-shadow:0 0 0.6em rgba(80, 91, 100, 0.5);
    border-radius:50%;
   }


.ML_progress-bar .ML_Progress .ML_Progress_Value:after {
    content: attr(data-value) '%';
    font-size: 1.2em;

    align-self: center;
    }

.ML_progress-bar .ML_PassScore {
    cursor: default;
    display: flex;

    border-left: 2px solid #fff;
    background-color: rgba(0, 208, 0, 0.15);
    color: #708090;
    font-size: 80%;

    position: absolute;

    height: 100%;
    text-align: right;

    top:0;
    right: 0;

    justify-content: flex-start;
    align-items: flex-end;

    z-index: 4;
    }

.ML_progress-bar .ML_PassScore:before {
    content: attr(data-value) '%';
    margin-top: 3%;
    top: 100%;
    position: relative;
    margin-left: -0.7em;

    align-self: flex-start;
    }

/* Конец стиля ПРОГРЕСС БАР */

/* ================================================================ */
/* Стили для Тестов */
.Test_Header { position: relative; overflow: hidden; height: 16em;
    margin-top: -0.1em;
    cursor: default;}

.Test_Header .Test_Header_IMG {
    z-index: 2;
    position: relative;
    box-sizing: border-box;
    /*width: 220px;*/
    width: 17.8em;
    border: 0.3em solid rgb(255, 255, 255);
    margin: 2em 2em 2em 2.5em;
    overflow: hidden;

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

    box-shadow: 0.2em 0.2em 1em rgba(0, 0, 0, 0.6); }

.Test_Header .Test_Titls_Box {
    z-index: 2;
    position: relative;

    overflow: hidden;
    margin: 2.2em 0;
    box-sizing: border-box;
    padding-right: 2em;

    display: flex;
    flex: 1 auto;
    flex-wrap: wrap;
    align-self: flex-end;
    }

.Test_Header .Test_Header_TestName {
    display: inline-block;
    flex: 1 0 0;
    color: #fff;

    font-size: 1.1em;
    margin-bottom: 0.5em;
    }


.Test_Header_CTitle, .Test_Header_MTitle,
.Test_Titls_Box .CTitle, .Test_Titls_Box .MTitle {
    /*border-bottom: 1px solid;*/
    margin-bottom: 0.2em;}

.Test_Header_Title + .Test_Header_CTitle,
.Test_Header_Title + .Test_Header_MTitle,
.Test_Header_Title + .Test_Header_CTitle + .Test_Header_MTitle,

.Test_Titls_Box .Title + .Test_Titls_Box .CTitle,
.Test_Titls_Box .Title + .Test_Titls_Box .MTitle,
.Test_Titls_Box .Title + .Test_Titls_Box .CTitle + .Test_Titls_Box .MTitle {
    border-bottom: none;

    border-top: 1px solid;
    margin-top: 0.2em;
    text-decoration: none;}

a.CTitle:hover,
a.MTitle:hover,
a.MTitle:hover,
a.Test_Header_Title:hover,
a.Test_Header_CTitle:hover,
a.Test_Header_MTitle:hover,
.Test_Header_CTitle + a.Test_Header_MTitle:hover {
    color: #0082ff;
    text-decoration: underline;
    }


.Test_Header_CTitle, .Test_Header_MTitle,
.Test_Titls_Box .CTitle, .Test_Titls_Box .MTitle {
    display: inline-block;
    font-size: 1.3em;

    opacity: 0.8;
    }
.Test_Header_CTitle,
.Test_Titls_Box .CTitle { font-weight: bold; }

.Test_Header_MTitle:before,
.Test_Titls_Box .MTitle { content: "/";
    padding: 0 0.3em;}

.Test_Header_Title,
.Test_Titls_Box .Title {
   box-sizing: border-box;

    font-size: 2em;
    line-height: 1.1em; }

.Test_Header .Test_Header_Title,
.Test_Header .Test_Titls_Box .Title {
    flex: 1 0 100%;
    font-size: 2.5em;

    padding-right: 22%;
    }

.Test_Header .Test_Header_Title a,
.Test_Header .Test_Titls_Box .Title a { color: #fff;
    text-decoration: none;}

.Test_Header .Test_Header_Title a:hover,
.Test_Header .Test_Titls_Box .Title a:hover { text-decoration: underline; }

.Test_Header_BG {
    position: absolute;
    width: 104%;
    z-index: 0;
    left: -2%;

   align-self: center;

background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.Test_Header_BG img {
    width: 100%;
    z-index: 0;

    filter: blur(0.6em) brightness(90%);
    }

.Test_Question { display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
     }

.Test_Question_IMG { margin-top:2em;
    overflow: hidden;

    border-radius: 0.3em;
    }
.Test_Question_IMG img { max-width:100%;max-height:25em; }

.Test_Question_Dir_Row {
    display: flex;
    flex-direction: row;

    margin: 0 0.5em 2em 0.5em;}

.Test_Question_Dir_Col {
    flex-direction: column;
    }

.Test_Question_Dir_Row .Test_Question_Variant,
.Test_Question_Dir_Row .Test_Question_Variant a {
    margin:  0 0 0em 0em;

   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1;
   }

.Test_Question_Dir_Row .Test_Question_Variant .img {
   display: flex;
   flex: 1;
   align-items: center;

    width:90%;

    border-radius: 0.3em 0.3em 0em 0em;
    border-color: #d0d8df #d0d8df transparent #d0d8df;
    border-style: solid;
    border-width: 1px;

    box-sizing: border-box;
    }

.Test_Question_Dir_Row .Test_Question_Variant .img img,
.Test_Question_Dir_Col .Test_Question_Variant .img img {
    /*max-width:90%;*/
    width:100%;
    height: inherit;
/*
    max-height: inherit;
    height: 100%;
*/
    }

.Test_Question_Dir_Row .Test_Question_Variant .img:hover {
    border-left: none;
    border-top: none;
    border-right: none;}

.Test_Question_Dir_Row .Test_Question_Variant .img + input + label,
.Test_Question_Dir_Col .Test_Question_Variant .img + input + label,
.Test_Question_Dir_Row .Test_Question_Variant .swipebox + input + label,
.Test_Question_Dir_Col .Test_Question_Variant .swipebox + input + label
 {
    font-size: 1em;
    box-sizing: border-box;

   border-style: solid;
   border-width: 1px;}

.Test_Question_Dir_Row .Test_Question_Variant .img + input + label,
.Test_Question_Dir_Row .Test_Question_Variant .swipebox + input + label {
    margin-top: 0;

    padding-bottom: 0.8em;
   padding-top: 0.8em;

    width: 90%;

    border-color: transparent #d0d8df #d0d8df #d0d8df;

    -moz-border-radius: 0em 0em 0.3em 0.3em;
    -webkit-border-radius: 0em 0em 0.3em 0.3em;
    -khtml-border-radius: 0em 0em 0.3em 0.3em;
    border-radius: 0em 0em 0.3em 0.3em;}

.Test_Question_Dir_Row .Test_Question_Variant .img + input + label:hover,
.Test_Question_Dir_Row .Test_Question_Variant .swipebox + input + label:hover {border-color: transparent #0082ff #0082ff #0082ff;}
.Test_Question_Dir_Row .Test_Question_Variant .img + input:checked + label,
.Test_Question_Dir_Row .Test_Question_Variant .swipebox + input:checked + label {border-color: transparent #0062cf #0062cf #0062cf;}



.Test_Question_Dir_Col .Test_Question_Variant {
    display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;

   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;

   margin: 0 0em 1em 1em; }

.Test_Question_Dir_Col .Test_Question_Variant .img {

    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    width:13em;

    /*
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    border-radius: 0.3em;
    */

    -moz-border-radius: 0.3em 0em 0.3em 0.3em;
-webkit-border-radius: 0.3em 0em 0.3em 0.3em;
-khtml-border-radius: 0.3em 0em 0.3em 0.3em;
border-radius: 0.3em 0em 0.3em 0.3em;

    border-color: #d0d8df;
   border-style: solid;
   border-width: 1px;

    box-sizing: border-box;

/*margin-bottom: 0.5em;*/}

.Test_Question_Dir_Col .Test_Question_Variant .img img {
    width:100%;
    max-height:13em;
    }

.Test_Question_Dir_Col .Test_Question_Variant .img + input + label,
.Test_Question_Dir_Col .Test_Question_Variant .swipebox + input + label {
    margin: 0;

    border-color: #d0d8df #d0d8df #d0d8df transparent;

    -moz-border-radius: 0em 0.3em 0.3em 0em;
    -webkit-border-radius: 0em 0.3em 0.3em 0em;
    -khtml-border-radius: 0em 0.3em 0.3em 0em;
    border-radius: 0em 0.3em 0.3em 0em;}

table.answers, table.Answers { margin-left: 1em; }
table.answers textarea { width: 31em; }
.AddAnswer {    padding: 0.5em 1em;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;}

.AddAnswer:hover { text-decoration: underline; }

.Test_Content {
    display: block;
    background: rgba(0, 0, 0, 0) url(/img/bamboo_2023.png) no-repeat no-repeat scroll right -1em;
    background-size: 60%;
    padding-top: 1em;
    font-size: 1.1em;
    min-height: 10em;

    margin: 0;
    padding: 2em 0.5cm 0.2cm 0.5cm;

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

.Test_Content h3,
.Test_Content .h3 {
    text-shadow: 1px 1px 0 #fff;
}

.answ { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
     }
.Test_Content label { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
     }
    .Test_InProgress {
    /*background-color: rgba(194, 53, 202, 0.1);*/ }

    .Test_Passed {    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(/img/ico-TestPass_g.svg);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;  }

    .Test_NotPassed {
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url(/img/ico-TestNotPass_gr.svg);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4em auto;}


.Test_TD { border-left: 1px solid rgba(0, 98, 207, 0.1);
     border-right: 1px solid #0062cf; }


/*.TestResult .Progress, .TestResult .Regress {
    display: inline-block;
   font-size: 1.8em;
   margin-bottom: 0.1em;
   position: relative;
   vertical-align: middle;}*/

.TestResult {
    vertical-align: middle;
    margin: 1.5em 0 1em 0;
    display: flex;
    align-items: center;
    gap: 0.4em;
    }

.Test_Content button.icoSvgCertW {
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    margin-left: 2em;
}

.TestResult .ML_progress-bar,
.TestResult .ML_Progress { -moz-border-radius:0.3em;
    -webkit-border-radius:0.3em;
    -khtml-border-radius:0.3em;
    border-radius:0.3em;}

.TestResult .ML_PassScore { -moz-border-radius:0 0.3em 0.3em 0;
    -webkit-border-radius:0 0.3em 0.3em 0;
    -khtml-border-radius:0 0.3em 0.3em 0;
    border-radius:0 0.3em 0.3em 0;}

.TestResult .ML_Progress_Value { font-size: 80%;}

/*.TestResult .Progress, .TestResult .Regress sup {
   font-size: 60%;
      font-weight: bold;
      color: #708090;}*/

.TestResult .ML_progress-bar {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex; }

.Progress:before { content: "↑";
    color: #3e9d37;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;}
.Regress:before { content: "↓";
    color: #e00000;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;}

.ML_progress-bar .Progress:before,
.ML_progress-bar .Regress:before {
    color: #ffffff;
    font-size: 1.2em;
   margin-top: -0.2em;}

/*.Regress + .ML_Progress*/
.ML_progress-bar .ML_Progress_Value + .Regress {

    background: -moz-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    -moz-linear-gradient( left, rgba(234, 0, 0, 0.9), rgba(214, 0, 0, 0.9));

    background: -webkit-linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    -webkit-linear-gradient( left, rgba(234, 0, 0, 0.9), rgba(214, 0, 0, 0.9));

    background: linear-gradient( top,rgba(255, 255, 255, .25),rgba(0,0,0,.1)),
    linear-gradient( left, rgba(234, 0, 0, 0.9), rgba(214, 0, 0, 0.9));}

.ML_progress-bar .ML_Progress_Value + .Regress:before { content:"";}

ol.Test_Report {
    counter-reset: list;
    padding: 0;
    margin-bottom: 0;
    }

ol.Test_Report li {
    margin-right: 0;
    }

ol.Test_Report > li:not(:last-of-type) {
    border-bottom: 1px solid #dfd8d0;
    margin-bottom: 1em;
}

.Test_Report li{
    list-style: none;
    position: relative;
    margin-left: 2.3em;
    }

.Test_Report li:before {
    counter-increment: list;
    content:counter(list)".";
    color: #708090;
    font-weight: bold;

    display: inline-block;
    position: absolute;
    text-align: right;

    margin-left: -2.4em;
    width: 2em;
    }

.Test_Report li.Incorrect:before { color: #e00000; }
.Test_Report li.Incorrect {  }


/*#mouseoverdiv { overflow: hidden; }*/


.Question, .Answer {
    overflow: hidden;
    margin-bottom: 0.5em;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.Question svg, .Answer svg { margin-right: 0.5em; }

.Answer {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }

.Answer .Title    {
    color: #00b000;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
     -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%; }

.Test_Report .img, .Answer .img {
    display: -ms-inline-flexbox;
   display: -webkit-inline-flex;
   display: inline-flex;

    border-color: #d0d8df;
   border-style: solid;
   border-width: 1px;

   margin-right: 1.5%;

    overflow: hidden;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    border-radius: 0.3em;
    }

.Test_Report .img img {
   width: 100%;
      height: 100%;
   max-height: inherit; }

.Test_Report .Answer .img {
    font-size: 0.3em;
    max-width: 9em;}

.Test_Report .Question .img {
    margin-bottom: 0.2em;
    max-width: 11em;
    max-height: 11em;
    }

.Correct:not(li):before, .Incorrect:not(li):before {
    background-repeat: no-repeat;
    background-position: center;

    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;

    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;

    background-size: contain;
    content: "";
    display: inline-block;
    width: 1em;
    margin: 0 0.4em -0.1em 0;}

/*.Correct:not(li) {
    color: #00b000;
    }*/
.Correct:not(li):before {
    background-image: url(/img/ico_Correct.svg); }

/*.Incorrect:not(li) {
    color: #e00000;
    }*/
.Incorrect:not(li):before {
    background-image: url(/img/ico_Incorrect.svg);
     }

/* Конец стилей для тестов */



/* Размеры для форм */
input[name='card_name'] {
    width: 30em;
}

#divGraph,
#divGraph2,
#divGraph7,
#divGraph8 {
    height: 25em;
    flex: 1;
}

#divGraph5,
#divGraph6,
#divGraph9,
#divGraph10 {
    height: 25em;
    flex: 1 0 100%;
}

#fname {
    width: 31.5em;
}

.Controls #fname {
     width: unset;
}

#CSwitch1 {
    max-width: 8em;
    display: none;}

#setLocalTime + label, #HourTypes + label { margin-right: -0.5em; }

.flex #HourTypes + label { margin-right: 0.2em; }

#EqualSun + label,
#VUYCalc + label {width: 7em;}

.NoteIco #EqualSun + label {
    width: unset;
    text-align: left;
}

#HourTypes + label { width: 6em; }


/* =============================================================== */

/* Начало RulerPaidPeriod стиля Линейки оплаченных периодв */

.RulerPaidPeriod {
    display: flex;
    justify-content: center;
    align-content: stretch;
    align-items: stretch;

    border-bottom: 1px solid #d0d8df;}

.ScheduleMonth .RulerPaidPeriod    {
    border-top: 1px solid #d0d8df;
    margin: 0.4em 0 -0.4em 0;
    border-bottom: none; }

.ScheduleMonth .RulerPaidPeriod dd:first-of-type div { border-left: 0; }

.RulerPaidPeriod dd {
    display: flex;
    flex: 1 0;
    flex-direction: column;

    justify-content: flex-end;
    align-content: stretch;
    align-items: stretch;

    position: relative;

    color: #708090;

    text-align: center;
    line-height: 1em;
    margin-right: -1px;
     }
.RulerPaidPeriod dd .yearStart, .RulerPaidPeriod dd .yearEnd,
.RulerPaidPeriod dd .month, .RulerPaidPeriod dd div:last-of-type {
    display: flex;
    flex: 50% 1 auto;
    justify-content: center;

    box-sizing: border-box;  }

.RulerPaidPeriod dd .yearStart, .RulerPaidPeriod dd .yearEnd {
    align-items: flex-start;

    font-weight: bold;
    color: #4a5560;
    line-height: inherit;
    border-left: 1px solid #4a5560;
    padding-bottom: 0.2em;

    font-size: 0.8em;}

.RulerPaidPeriod dd .month,
.RulerPaidPeriod dd div:last-of-type {
    align-items: center;

    border-left: 1px solid #d0d8df;
    border-right: 1px solid #d0d8df;
    border-top: 1px solid #d0d8df;

    padding-top: 0.2em;}

.RulerPaidPeriod dd .yearStart+.month, .RulerPaidPeriod dd .yearEnd+.month,
.RulerPaidPeriod dd .yearStart+div, .RulerPaidPeriod dd .yearEnd+div { border-left-color: #4a5560;  }

.ScheduleMonth .RulerPaidPeriod dd div:last-of-type {font-size: 0.8em; }


#powerTip .RulerPaidPeriod dd { border-bottom: none; }
#powerTip .RulerPaidPeriod dd:first-of-type div {
    border-left:none;
    border-bottom-left-radius:  0.4em;
    }

#powerTip .RulerPaidPeriod dd:last-of-type div { border-right:none;
    border-bottom-right-radius:  0.4em;
    }

#powerTip .RulerPaidPeriod { margin: 0.5em -11px -6px; }

#powerTip .RulerPaidPeriod dd .month,
#powerTip .RulerPaidPeriod dd div:last-of-type {
    padding: 0.1em 0.2em;
    background-color: #fff; }

.RulerPaidPeriod dd.Paid .month,
#powerTip .RulerPaidPeriod dd.Paid .month,
.RulerPaidPeriod dd.Paid div:last-of-type,
#powerTip .RulerPaidPeriod dd.Paid div:last-of-type {
    background-color: #2072cf;
    color: #fff;
    text-shadow: -1px -1px 0px rgba(0, 82, 175, 0.5); }


/* стили для персональго варианта карт */
.RulerPaidPeriod dd.Paid.ByChart .month,
#powerTip .RulerPaidPeriod dd.Paid.ByChart .month,
.RulerPaidPeriod dd.Paid.ByChart div:last-of-type,
#powerTip .RulerPaidPeriod dd.Paid.ByChart div:last-of-type {
    background-color: #00d000;
    text-shadow: -1px -1px 0px rgba(52, 139, 46, 0.5);}

.RulerPaidPeriod dd.Paid.ByChart .CurentM {  background-color: #00d000;}

input.ML_ByChart + label,
.checkable-list.inline-buttons input.ML_ByChart + label,
.checkable-list.inline-buttons input.ML_ByChart[type="checkbox"]:checked + label {
    color: #FFF;
    text-shadow: #348b2e -1px -1px 0px;
    background-color: rgba(32, 169, 26, 0.7);}

.checkable-list.inline-buttons input.ML_ByChart + label:before,
.checkable-list.inline-buttons input.ML_ByChart + p label:before { border-color: #c0ffd0; }

.checkable-list.inline-buttons input.ML_ByChart + label:hover:before,
.checkable-list.inline-buttons input.ML_ByChart + p label:hover:before {
    border-color: #fff;
}

.checkable-list.inline-buttons input.ML_ByChart + label { border-color: rgba(32, 169, 26, 0.7); }

.checkable-list.inline-buttons input.ML_ByChart + label:hover {
    background: none;
    background-color: rgba(32, 189, 26, 0.9);
    border-color: rgba(32, 169, 26, 0.9); }


input.ML_ByChart[type="checkbox"]:checked + label:after { border-color: #00b000;}
input.ML_ByChart[type="checkbox"]:checked + label:hover:before { border-color: #fff; }
/* Конец стили для персональго варианта карт */


/* Стиль для неоплаченного периода персона */
/*ul.checkable-list li:first-of-type > input.CheckBox[type="checkbox"] + label*/
input.ChGlowOrange:not(:checked) + label{
    border-style: solid;
    border-width: 1px; }

input.ChGlowOrange:not(:checked) + label,
.checkable-list.inline-buttons input.ChGlowOrange + label,
.checkable-list.inline-buttons input.ChGlowOrange[type="checkbox"]:checked + label {
    border-style: solid;
    border-width: 1px; }

select.ChGlowOrange,
input.ChGlowOrange:not(:checked) + label,
.checkable-list.inline-buttons input.ChGlowOrange + label,
.checkable-list.inline-buttons input.ChGlowOrange[type="checkbox"]:checked + label {
    border-color: #ff7d00;
    box-shadow: 0 0 0.4em rgba(255, 125, 0, 0.3) inset;
}

/* Конец Стиль для неоплаченного периода персона */



.RulerPaidPeriod .CurentM  div:last-of-type,
.RulerPaidPeriod dd .CurentM {
    background-color: #fff;
    border: 1px solid #fff!important;
    box-shadow: 0 0 0.4em rgba(112, 128, 144, 0.7);
    border-radius: var(--border-radius-s);

    font-size: inherit;
    transform: scale(1.2);
    margin:0em -0.15em -0.2em -0.15em;

    height: 1.7em;
    line-height: 1em;

    z-index: 1;
    }

.RulerPaidPeriod dd.Paid .CurentM {
    background-color: #0082ff;
    color: #54606c; }


/* Конце стиля Линейки оплаченных периодв */



.GradienToWhite { width:100%;
    height:2.5em;
    margin-top: -2.5em;

    position: relative;
    z-index: 1;

    background: var(--linear-gradient-White-Bottom);
    }

/* ЛЭНДИНГ */
ul.IcoInfo_Grand,
ul.IcoInfo_Grand li,
ul.IcoInfo_Grand li .Digit,
.BigLendHeader,
.EasyPro, .EasyPro .Easy, .EasyPro .Pro {
   display: flex;
   flex: 1 1 100%;

   box-sizing: border-box;}


.BigLendHeader {
   flex-direction: column;

    background: #3cb371 url(/img/stady/StadyBigBanner_Clear-1080x607.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 90%;

    color: white;
     padding: 1em 1em 1em 1em;
 }

.BigLendHeader .BigLendDescr {
    display: block;
     font-size: 1.8em;
     margin-left: 18em;

    margin-bottom: 0.5em;}

.BigLendHeader .Title {
    font-size: 2em;
    line-height: 1em;
    color: #fff;
    text-shadow: 0.2em 0.2em 0.2em rgba(51, 51, 51, 0.4);
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    }

.BigLendHeader, .BigLendHeader a { text-decoration: none;
    color: rgba(255, 255, 255, 0.8); }

.BigLendHeader a:hover { text-decoration: underline;
    color: rgba(255, 255, 255, 1); }

ul.IcoInfo_Grand {
    list-style: none;
    padding: 0;
    gap: 0 1em;
    flex-wrap: wrap;}

.BigLendHeader ul.IcoInfo_Grand {
    margin-left: 30em;
    margin-bottom: 0.5em;
    margin-top: 1.5em;}

.BigLendHeader ul.IcoInfo_Grand .Descr,
.BigLendHeader ul.IcoInfo_Grand .Digit sup{
    color: #fff; }


.EasyPro {
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;

    color: #fff;
    }

.BigLendHeader .EasyPro { margin: 1em -1em -1em -1em; }

.EasyPro svg { width: 2em;
    height: 2em;
    margin-right: 0.5em;}

.EasyPro .Easy, .EasyPro .Pro {

    padding: 0.5em;
    font-size: 2em;
    color: #fff;

    width: 50%;
    flex-wrap: wrap;
    align-items: center;
    }

.EasyPro ul { margin: 0 0 0 2em;
    padding: 0 0 0 0.5em;  }

.EasyPro ul li { font-size: 0.7em;
list-style: none outside none;
margin: 0; }

.EasyPro .Easy { background-color: rgba(0, 176, 0, 0.8);}
.EasyPro .Pro { background-color: rgba(241, 74, 0, 0.8);}

.EasyPro a.Easy, .EasyPro a.Pro,
.EasyPro .Easy a, .EasyPro .Pro a { color: #fff;
    text-decoration: none; }

.EasyPro .Easy a, .EasyPro .Pro a { display: flex
flex-wrap: wrap; }

.EasyPro a.Easy:hover, .EasyPro a.Pro:hover,
.EasyPro a:hover, .EasyPro a:hover { text-decoration: underline;
    cursor: pointer;}

ul.IcoInfo_Grand li {
    flex: 1;
    flex-direction: column;
    align-items: center;
    }

ul.IcoInfo_Grand li .Digit { color: #708090;
    font-size: 2.5em;
    align-items: center;
    }

.BigLendHeader ul.IcoInfo_Grand li .Digit { color: #fff;
    }


ul.IcoInfo_Grand li .Digit svg {
    color:#f14a00;
    width: 1em;
    height: 1em;
    font-size: 1.5em;
    margin: -0.1em 0 0em 0.1em;
    }
ul.IcoInfo_Grand li .Digit sup {
    font-size: 0.6em;
    color: #333;
    margin-top: -1em;
    margin-right: 0.5em;}

ul.IcoInfo_Grand li .Review {
    display: block;
    font-size: 1.2em;
    line-height: 1.2em;
    color: #333;
    text-align: center;}

/* Конец ЛЭНДИНГ */


/* КАРТЫ ГУГЛ И ЯНДЕКС */

.SectionMap {
    display: flex;
    flex-direction: column;
    position: relative;
    height: 85vh;
}
#MapMain {
    min-width: 35em;
    min-height: 12em;
    flex: 1;

    position: relative;

    border-top: 1px solid var(--color-Beige);
    box-sizing: border-box;
}

.SectionMap #Elevation_Chart,
.SectionMap #elevation_chart {
    width: 100%;
    height: 10em;
    min-height: 10em;
    background-color: #fff;
    border-top: var(--border-style-Norm);

}

.gm-style div {
    background-size: contain;
    background-repeat: no-repeat;
    }

/*
#MYJamaps .placemark_layout_container,
#MYGmaps .gm-style .mountain24big,
#MYGmaps .gm-style .guidline {
    transform: scale(0.6);
}

.placemark_layout_container {
            transform: scale(0.6);
        }

#MYGmaps .gm-style .guidline {
    transform-origin: calc(535 / 2) calc(535 / 2);
}
*/

.gm-style > div > div:nth-of-type(3) > div > div:last-of-type { background-color: #e00000; }
.YMaps-layer .overlay {
    position: absolute;
}

.gmnoprint .gm-style-mtc div { font-size: 1.2em !important;
background-color: rgba(255, 255, 255, 0.7) !important;}

.gmnoprint .gm-style-mtc div[role="button"]+div { top:100% !important;
    left: 0;
    right: auto !important;}

.gmnoprint .gm-style-mtc div span,
.gmnoprint.gm-style-mtc div span {
    display: inline-flex;
    margin-top: -0.2em; }

.gmnoprint .gm-style-mtc label,
.gmnoprint.gm-style-mtc label {
    padding: 0em 0.2em 0em 0.2em;
     font-size: 0.9em; }

#MapConteiner {
    width: 100%;
    }

.MarkerTitDegre, .YMaps-layer .overlay, .DCDepthText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.1em;
    left: 0;
    top: -0.8em;
    padding: 0.3em 0.6em;
    white-space: nowrap;
    display: inline-block;

    margin: 3px 0px 0px 0px;
    color: #333333;
    border: 1px solid var(--color-Beige);
    background: rgba(255, 252, 248, 0.8);

    border-radius: 0.3em;
}

.MarkerTitDegre svg, .YMaps-layer .overlay svg,
.icoDirect_SVG svg {
    width: 1em;
    height: 1em;
    font-size: 1.2em;
    margin-bottom: -0.2em;
    }

.MenuFlex .ScrollSection .MapSelecter {
    display: none;
    padding-bottom: 0.8em;}

.MapSelecter label svg {
    width:6em;
    height: 2em;
    margin-bottom: -0.2em;
    margin-top: -0.2em;
    opacity: 0.50;
    }

.MapSelecter label:hover svg {
    opacity: 1; }

.MapSelecter label[for="SelectMapTyp_Y"] svg { margin-right: -0.4em; }

.dropdown {
    position: absolute;
    z-index: 112; }

.dropdown .dropdown-menu {
    border-radius:var(--border-radius-xl);
    display: inline-flex;
    flex-direction: column;

    backdrop-filter: var(--backdrop-filter-Menu);
    background-color: var(--color-BG-backdrop-White);

    max-height: 30vh;
    overflow-y: auto;
    }

.dropdown .dropdown-men:hover { background-color: rgba(255, 255, 255, 1); }

.dropdown ul.dropdown-menu {
    margin-bottom: 0;
    padding: 0;
    list-style: none;}

.dropdown .dropdown-menu li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    }

#menuG .dropdown-menu li {
    display: flex;
    align-items: center;
    font-size: 1.3em;
    gap: 0.3em;
    padding: 0;
    }

#menuY .dropdown-menu li {
    font-size: 1em;
    }

.dropdown .dropdown-menu li a {
    display: flex;
    align-items: center;
    gap: 0.4em;

    color: #304050;
    padding: 0.3em 1.0em 0.3em 0.5em;
    text-decoration: none;
}

.dropdown .dropdown-menu li:first-of-type > a {
    padding-top: 0.6em;
}

.dropdown .dropdown-menu li li:last-of-type > a {
    padding-top: 0.6em;
}


.dropdown .dropdown-menu li:hover {
    text-decoration: underline;
    color: var(--color-Blue-hover);
    }

.dropdown .dropdown-menu li:hover:before {
        transform: scale(1.1) ;
    }

.dropdown:not(.IMG_Icon) .dropdown-menu li a:before {
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 2em;
    height: 2em;
    display: inline-block;
    }

.dropdown.IMG_Icon {
    width: unset;
    margin: unset;
}

.dropdown .dropdown-menu #move24m a:before,
.dropdown .dropdown-menu #move24mY a:before {
    background-image: url(/img/ico_Map_Target_S.svg);
}

.dropdown .dropdown-menu #move_24m_facade a:before,
.dropdown .dropdown-menu #move_24m_facadeY a:before {
    background-image: url(/img/markers/Marker_24M_Facade.png);
}

.dropdown .dropdown-menu #move_24m_rear a:before,
.dropdown .dropdown-menu #move_24m_rearY a:before {
    background-image: url(/img/markers/Marker_24M_Rear.png);
}

/* В марекре иероглиф */
.MarkerTitDegre .IMid,
.YMaps-layer .overlay .IMid,
#SVGSettings .IMid {    font-size: inherit; }

/* ЛЕТЯЩИЕ ЗВЕЗДЫ и Ци Мэнь */

/* Блок для вывода карты звезд включая года и месяца DirectionsAndFS*/
.DirectionsAndFS {
   display: inline-flex;
   flex-wrap: wrap;
   align-items: center;
    flex-direction: column;

    margin-top: -1.2em;
    position: absolute;

   font-size: 1em;
   z-index: 1;}

.DirectionsAndFS .flex {
   flex-direction: row;
   }

.Directions:not(tr) { text-shadow: 0 0 0.1em #ffffff, 0 0 0.1em #ffffff, 0 0 0.1em #ffffff, 0 0 0.1em #ffffff, 0 0 0.1em #ffffff, 0 0 0.1em #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    color: #333333;

    flex: 1 0 100%;

   justify-content: center;
   text-align: center;
    }

.DirectionsAndFS .FlyingStartsYear,
.DirectionsAndFS .FlyingStartsMonth {
    border: 1px solid var(--color-Beige);
    background-color: var(--color-BG-Light);
    color: #333333;
    line-height: 1em;
    border-radius: 0.65em;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 1.3em;
    height: 1.3em;

    border-radius: 0.65em;
    }

.DirectionsAndFS .FlyingStartsYear { font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 0.15em;}
.DirectionsAndFS .FlyingStartsMonth {
    font-size: 1.1em;}
.DirectionsAndFS .Five { background-color: #e00000; color: #fffcf8;  }

.DirectionsAndFS .CyMenMapMicroSub { background-color: rgba(255, 255, 255, 0.75);
    margin-right: 0.5em;
    border: 1px solid #908070;}

.DirectionsAndFS div.CyMenMapMicroSub {
    border-radius:0.4em;
    letter-spacing: 0.1em;}

.DirectionsAndFS .CyMenMapEmpty { background-color: rgba(229, 223, 216, 0.9); }

.DCDepthText { position: absolute;
    margin: 5.3em 0;
    padding: 0.2em 0.6em;}


.DCDepthText svg { width: 1.25em;

    height: 1.25em;
    margin: -0.2em 0.4em -0.2em 0;
 }

.invert, .invertSVG svg {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    }

.tox .tox-collection__item,
#MLHCharMapContent .HItem {
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0.1em;}

.tox .tox-collection__item .tox-collection__item-icon,
#MLHCharMapContent .HItem .Symbol {font-size: 1.4em;white-space: nowrap;}

#MLHCharMapContent {
    display: flex;
    flex: 1 1 100%;
    box-sizing: border-box;
    padding: 0.8em 0 0.8em 0.8em;
    height: 100%;
}

#MLHCharMapContent .Menu,
#MLHCharMapContent .Result {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.8em;

}

#MLHCharMapContent .Menu {
    margin-right: 1em;
    max-width: 30%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

#MLHCharMapContent .Result {
    flex: 1;
}

#MLHCharMapContent .Result #search {
    position: sticky;
    top: 0;
    margin: 0 0 0.8em 0;
}

.MLCharMapGroup {
    border-bottom: 2px solid transparent;
    color: rgba(34, 47, 62, .7);
    display: block;
    font-size: 0.9em;
    line-height: 1.2;
    margin-bottom: 8px;
    text-decoration: none;
    cursor: pointer;
}

.MLCharMapGroupActive {
    border-bottom: 2px solid  var(--color-Blue);
    color: var(--color-Blue);
}

#CollectionArea {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(3.5em, 1fr));
}

#MLHCharMapContent .HItem {
    display: inline-flex;
    padding: 0.3em;
    line-height: 1em;
    cursor: pointer;
    border-radius: var(--border-radius-xs);
    text-align: center;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

#MLHCharMapContent .HItem .Title {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.6em;
    color: var(--color-Beige);
    max-width: 100%;
    line-height: 1em;
    text-align: center;
}

#MLHCharMapContent input {
    width: 100%;
}

#MLHCharMapContent .HItem:hover {
    margin: 0.1em;
    border-color: var(--color-Blue-hover);
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media only screen
    and (max-device-width: 1024px)
    and (orientation: landscape) {

    #mouseoverdiv { transform: scale(0.85) translateX(-6%);}
    /*#mouseoverdiv { transform: scale(1) translateX(-5%);}*/
}



/* =============================================== */
/* Когда телефон в режиме портрет */

@media screen
    and (max-width: 750px)
    and (max-aspect-ratio: 3 / 4)
    and (orientation: portrait)  {


/*
@media screen
    and (orientation:portrait)
    and (-webkit-min-device-pixel-ratio: 1.25)
    and (min-width: 320px)
    and (max-width: 767px) {
*/


/*
body:not(#tinymce):not(#mlhcharmmap) {
    min-height: 170vh;
}

*/

h2, .h2 {
    font-size: 1.8em;
    line-height: 1.2em;
}

h3, .h3 {
    font-size: 1.6em;
    line-height: 1.2em;
}

.w90 {
    width: 90vw;
}

body#tinymce:not([data-id="comment"]):not([data-id="Dictionary_Descr"]):not([data-id="Chart_Comment"]):not([data-id="description"]):not([data-id="attention"]):not(data-id="post_text") {
    font-size: 1.4em;
    }


input#FullScreen.IMGCheckBox:checked ~ main .ZWDS {
    padding: 0.5em 0.25em 0.5em 0.25em;
}

.wrapper_main_dictionary article p span {
    word-break: break-all;
    hyphens: auto;
}

.tox .tox-toolbar--scrolling {
    width: 100%;
}

#comment ~ .tox .tox-toolbar--scrolling {
    width: 100%;
    flex-wrap: wrap;
}

#commentCont ~ .tox .tox-toolbar--scrolling {
  width: 61vmax;
}

.MLResponses #comment ~ .tox .tox-toolbar--scrolling {
    width: 55vmax;
}

.OFlH_M {
    overflow: hidden;
}


.Mobile {
    display: inherit;
}

.PostContent h1
h1, .h1 { font-size: 2em; }


blockquote,
.ML_Table blockquote,
.wrapper_section_cart blockquote,
.wrapper_section_payform blockquote,
blockquote#RussianPost_APP_Download {

}

.blockquote, blockquote {
    float: unset;
    width: unset;
}

.TabBar_Content_Wrap blockquote {
        font-size: 1.3em;
}

blockquote#RussianPost_APP_Download div {
    justify-content: space-between;
    }

blockquote#RussianPost_APP_Download div a {
    flex: 0 0 32%;
}

blockquote#RussianPost_APP_Download svg,
blockquote#RussianPost_APP_Download div svg {
    margin: 0 0.1em;
    display: flex;
    flex: 1;
    width: inherit;
}

.WindowBlue {
    font-size: 1.2em;
}

.WindowBlue {
    /*width: 100%;*/
    max-width: 100%;
}

.wrapper_main_calccimen .WindowBlue section {
    grid-template-columns: 1fr 1fr;
}

.WindowBlue label {
    flex: 1 45%;
}


#PostText a, article a:not(.SHTitle) {
    max-width: 23em;}

.AllBottonLight, .AllBotton {
    font-size: 1em;
    line-height: 1.1em;
    }

.ico_SVG_Bakset_b {
    white-space: normal;
    text-align: left;
}

.ScheduleMenuList { border-width: 0.1em; }


.MobDNone { display: none !important; }

.add_dp td {
    opacity: 1;
    }
/*.add_dp td { font-size: 1.5em; }*/
.add_dp thead td {font-size: 1.1em;
    padding: 0.5em;}

.add_dp tbody td:last-of-type {    display: none; }

.Header { font-size: 0.8em;
    background-size: 57%;
    min-height: 8.5em;}
.HeadLogo { margin-left: -1em;
    width: 15em; }

.Beta { margin-left: 11.5em;
    margin-top: 1.5em;
    max-width: 18em; }

.Header .DPearl { right: 1em; }
.Header .DPearl img { width: 13em; }

 html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none;
/*    height: min-content;
   width: min-content;*/

/*    height: max-content;
   width: max-content;*/

   /* overflow: hidden;*/

  }


input {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;

/*-webkit-text-size-adjust: auto | none | 100% ; управляет отображением текста на мобильном устройстве WebKit (Safari, Chrome, OmniWeb, iCab)
-ms-text-size-adjust: auto | none | 100% ; - в Windows Phone 7
-moz-text-size-adjust: auto | none | 100% ; - мобильный Firefox

- «auto» (текст на мобильном подстраивается автоматически);
- «none» (размер текста на мобильнике не изменяется);
- «100%» (или другой процент) означает желаемый относительный размер текста на мобильнике.*/
}

.FormBlock { white-space: normal; }

.FormItemConnect .PDNone:first-child + button,
.FormItemConnect .PDNone:first-child + a {
    border-top-left-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs); }

.HomePageMinLink {
    gap: 1.5em;
    padding: 0 1.5em;
}

.HomePageMinLink .fpIcoHref,
.HomePageMinLink.EN .fpIcoHref {
    width: unset;
    max-width: 45%;
    }

.HomePageMinLink .fpIcoHref .APP {
    font-size: 1.2em;
}

.HomePageMainInfo {
    margin-bottom: 2em;
    padding: 0; }

.ML_TR .ThisDay.ML_TD { border-right: none;
    border-bottom: 1px solid #dfd8d0; }


.fpIcoHref h2 { font-size: 0.9em; }

.fpIcoHref .Advanced {
    font-size: 0.8em;
    min-width: 80%;
    width: inherit;
    margin: 0.2em 0.1em;
    }

.fpIcoHref .Advanced svg,
.fpIcoHref .Advanced:hover svg {
    font-size: 2.5em;
    margin: 0 0 0 0.1em;
    width: 1em;
    height: 1em;
}

    #powerTip {
        max-width: 90vw;
        width: initial;
        min-width: 12em;
        box-sizing: border-box;
        /*margin-left: -0.5em;*/
        font-size: 0.9em;
        }

    .Footer > img:first-of-type{ width: 6em; }

    .Footer span { width: 100%; }

    #users_block, #usersems_block { max-height: 83em!important; }

    .ContentFlex > div {
        max-width: 100%;
    }

    .ContentFlex, .ML_TBody.ContentFlex {
        margin-left:0;
        max-width:100%;
    }

    .PostHeader + .PostAutor h1 {
        margin-bottom: 0.2em;
    }

    .PostAutor .Person_List {
        flex: 1 1 100%;
    }

    .PostAutor .Person_Item {
        max-width: none;
        flex: 1;
    }


    .PostAutor .label {
        display: none;
    }

    .SectionGroup_2C {
        display: flex;
        font-size: 1.1em;

        flex-direction: column-reverse;
    }

    .UpcomingSeminars .SectionGroup_2C {
        flex-direction: column;
    }

    .SectionGroup_2C .SectionSmall {
        margin-bottom: 0;
    }

   .SectionGroup_2C .Section_Row4C .SectionTitle { white-space: normal; }
   .SectionGroup_2C .SectionSmall, .SectionGroup_2C .Announc {
        width: 100%;
        margin-right: 0;
        min-height: 10em; }

    .SectionGroup_2C .SectionTitle .Title {
        max-width: 27em;
        line-height: 1.2em;}

/*
    .SectionGroup_3C .SectionSmall, .SectionGroup_3C .Section .SectionCover,
    .SectionGroup_4C .SectionSmall, .SectionGroup_4C .Section .SectionCover {
        width: -webkit-calc(100% / 2 - 1.6%);
        width: calc(100% / 2 - 1.6%);
        }

    .SectionGroup_4C .SectionSmall:nth-child(odd),
    .SectionGroup_3C .SectionSmall:nth-child(odd) {
        margin-right: 3.0%;
    }

    .SectionGroup_4C .SectionSmall:nth-child(2n),
    .SectionGroup_3C .SectionSmall:nth-child(2n) {
        margin-right: 0;
    }

*/
    .SectionGroup_2C {
        grid-template-columns: 1fr;
    }


    .SectionGroup_3C,
    .SectionGroup_4C {
        grid-template-columns: repeat(2, 1fr);
    }

    .Layout .SectionGroup_3C {
        grid-template-columns: unset;
    }

    /* Увеличиваем у языковой панели отступ слева, чтобы поместилас кнопка меню */
    /*#langBar { padding-left: 7em; }*/

    .SectionGroup_4C .SectionSmall, .SectionGroup_4C .Section .SectionCover { font-size: 0.9em; }
    .SectionGroup_4C .SectionFiles,
    .SectionGroup_4C .ReadMore { font-size: 0.9em;}

    .SectionGroup_4C .SectionFiles,
    .SectionGroup_4C .ReadMore { font-size: 1em;}

    .loader3Circle { font-size: 1.5em; }

    .SwapPoints:before {
        border-top-width: 0.1em; }

    .MenuFlex .FMicro { font-size: 0.9em;}

    #MapMain {
        height: 45em;
        min-width: 30em;
        }

    /*
    input[type="checkbox"]#FullScr:checked + #MapMain #MapConteiner #MYGmaps,
    input[type="checkbox"]#FullScr:checked + #MapMain #MapConteiner #MYJamaps { width: 900px; }
    */

    input[type="checkbox"],
    input[type="radio"] { -webkit-touch-callout: none; -webkit-user-select: none;
    -khtml-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none; }

    #MapMain .TextArrow { width: 2.2em; }

    .MenuFlex, nav.MenuFlex.Sticky {
        margin:0;
        padding: 0;
        min-width: 0;

        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select:
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        position: fixed;
        z-index: var(--z-index-Max);
    }

    #Add_New_Comment {
        box-shadow: 0 0 0 0.2em var(--color-Orange), 0.2em 0.4em 0.5em rgba(112, 128, 144, 0.7);

        padding: 0.8em 0;
        /*
            top: calc(var(--NAV-Botton-Portrait_Pos_V) - 5em - 0.2em);
        */
        bottom: calc(var(--NAV-Botton-Portrait_Pos_B) + 5em);
        top: unset;

        height: 5em;

        right: 0;
        /*border-bottom-left-radius: 0; */
    }

    @keyframes ShowAddNewComment {
    0% {
        transform: scale(0.9);
        opacity: 0.2;
        right: -5em;
        filter: blur(0);
    }

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

    input#MenuFlex + .MenuFlex label[for="MenuFlex"],
    #MapMain input#MenuFlex + .MenuFlex label[for="MenuFlex"] {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        width: 5em;
        height: auto;

        pointer-events: all;
        padding: 0.8em 0;
        margin: 0;

        font-weight: bold;
        color: #ffffff;
        text-shadow: 0.1em 0.1em 0 var(--color-Orange-Shadow);
        backdrop-filter: var(--backdrop-filter-Menu);

        background-color: var(--color-Orange-Opacity9);

        box-sizing: border-box;

        position: fixed;
        right:0;

        bottom: calc(var(--NAV-Botton-Portrait_Pos_B) - 0.2em);
        top: unset;
        border: none;

        border-radius: 0.6em 0 0 0.6em;

        box-shadow: 0 0 0 0.2em var(--color-Orange-Opacity9), 0.2em 0.4em 0.5em rgba(112, 128, 144, 0.7);
        /*box-shadow: 0 0 0 0.2em rgba(0, 98, 207, 0.8), 0.2em 0.4em 0.5em rgba(112, 128, 144, 0.7); */

        z-index: 910;

        opacity: 0.9;

        -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 */
        }


    .Add_New_Comment ~ input#MenuFlex + .MenuFlex label[for="MenuFlex"] {

        border-top-left-radius:0;
    }

    .Add_New_Comment.DNone ~ input#MenuFlex + .MenuFlex label[for="MenuFlex"] {
        border-top-left-radius: 0.6em;
    }

    input#MenuFlex:not(:checked) + .MenuFlex .ScrollSection,
    input#MenuFlex:not(:checked) + .MenuFlex .ShowAll,
    input#MenuFlex:not(:checked) + .MenuFlex .MenuFlexAd { display: none; }

    .MenuFlex .ScrollSection .MapSelecter {
        box-sizing: border-box;
        display: flex;
        flex: 1 0 100%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-end;
   }

/*
    input#MenuFlex:checked + .MenuFlex .ScrollSection,
    input#MenuFlex:checked + .MenuFlex .MenuFlexAd,
    #MapMain input#MenuFlex:checked + .MenuFlex .MenuFlexAd { display: inherit; }
*/

    .SectionMap {
        height: 75vh;
    }

    .MapSelecter label .PayInfo {
        display: inline-flex;}

    .RightSide .PayInfo,
    .FlexBookmarkLight .RightSide .PayInfo { display: none; }



    input#MenuFlex + .MenuFlex label[for="MenuFlex"]:before,
    #MapMain input#MenuFlex + .MenuFlex label[for="MenuFlex"]:before {
        content:"";
        background-color: #ffffff;
        display: block;
        width: 65%;
        height: 0.3em;
        margin-bottom: 1.6em;
        margin-top: 0.3em;

        box-shadow: 0.1em 0.1em 0 var(--color-Orange-Shadow), 0 0.6em 0 #ffffff, 0.1em 0.7em 0 var(--color-Orange-Shadow),  0 1.2em 0 #ffffff, 0.1em 1.3em 0 var(--color-Orange-Shadow);}


    input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"],
    #MapMain input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"] {

        background: rgba(0, 98, 207, 0.8) url(/img/ico_Close_w.svg) no-repeat center;
        background-size: 85%;
        color: rgba(0,0,0,0);
        text-shadow: 0 0 0 rgba(0,0,0,0);

        display: inline-flex;
        flex-direction: column;
        justify-content: center;

        background-color: #0062cf;
        box-shadow: unset;

        position: inherit;
        height: 100%!important;
        min-width: 10%;

        padding: 0.5em 1em 0.5em 1em;

        border-radius: 0;
        order: 1;
        z-index: 2;
        }

    input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"]:before {
        box-shadow: none;
        display: none;}

    input#MenuFlex:checked + .MenuFlex,
    #MapMain input#MenuFlex:checked + .MenuFlex {
        position: fixed;

        border-right: 1px solid rgba(0, 0, 0, 0.5);
        border-left: 1px solid rgba(0, 0, 0, 0.5);
        box-shadow: 0 0 35em 10em rgba(0, 0, 0, 0.7);

        backdrop-filter: var(--backdrop-filter-Menu);

        left:0;
        top: 0;

        height: 100%!important;
        max-height: none;
        width: 100%;

        z-index: 910;

        -webkit-animation: AlphaFIn 0.3s ease-out;
        animation: AlphaFIn 0.3s ease-out;
        }

/*
    .input#MenuFlex:checked + nav.MenuFlex.Sticky {
        height: 100% !important;
    }
*/

    .QMDJ_MStar, .QMDJ_MGate { outline: 0.1em solid #706050; }

    .Glow, .QMDJGlow {
        box-shadow: 0 0 0.7em -0.2em #0082ff inset;
        -webkit-box-shadow: 0 0 1.0em -0.2em #0082ff inset;
    }

    #MapMain input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"] { margin: 0; }

    /* Если потребуется уменьшить все меню для навигатора, то это можно сделать тута */
    /*#MapMain input#MenuFlex:checked + .MenuFlex { font-size: 0.7em;}*/

    .FlexMenuContent,
    #MapMain .MenuFlex .FlexMenuContent {
        display: flex;
        flex-direction: row;
        flex: 1;
        order: 1;
    }

    /*
nav.MenuFlex.Sticky .FlexMenuContent {
        flex-direction: unset;
        flex-wrap: wrap;
    }
*/

    nav.MenuFlex.Sticky .FlexMenuContent {
        display: grid;
        grid-auto-columns: max-content;
        grid-template-columns: 1fr min-content;
        grid-template-rows: 1fr min-content;
        gap: 0em 0em;
        grid-template-areas:
        "ScrollSection MenuFlex"
        "ShowAll MenuFlex";
        flex: auto;
    }

    nav.MenuFlex.Sticky .FlexMenuContent label[for="MenuFlex"] { grid-area: MenuFlex; }

    nav.MenuFlex.Sticky .FlexMenuContent .ScrollSection { grid-area: ScrollSection; }

    nav.MenuFlex.Sticky .FlexMenuContent .ShowAll { grid-area: ShowAll; }


    input#MenuFlex:checked + .MenuFlex .ScrollSection,
    #MapMain input#MenuFlex:checked + .MenuFlex .ScrollSection {
        pointer-events: all;

        display: block;
        overflow: hidden;
        overflow-y: auto;

        padding-top: 1em;
        position: relative;
        flex: 1;
        order: 1;
        }
    input#MenuFlex:checked + .MenuFlex .ScrollSection,
    #MapMain input#MenuFlex:checked + .MenuFlex .ScrollSection,
    nav.MenuFlex.Sticky .ShowAll,
    nav.MenuFlex.Sticky .ShowAll:before {
        background-color: rgba(255, 255, 255, 0.98);
    }

    nav.MenuFlex.Sticky .ShowAll {
        font-size: 1.8em;
        flex: 1 1 100%;
        order: 2;
    }

    nav.MenuFlex.Sticky .ShowAll:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        top: calc(100% + 1px);;
        left:0;
    }

input#MenuFlex:checked + .MenuFlex .MenuFlexAd {
    pointer-events: all;

    background-color: #fff;
    margin: 0;
    border-radius: 0;

    box-shadow: 0 1px 0 #ffffff, 0 0 5em rgba(112, 128, 144, 0.8);

    border-bottom: 1px solid rgb(144, 128, 112);
    flex: 0 0 auto;
    flex-direction: row;
    align-items: center;
    min-height: 8em;

    z-index: 3;  }

#Add_New_Comment.DNone ~ input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"] {
    border-top-left-radius: 0;
}

 .MenuFlex .cover {
    align-items: center;
    justify-content: center;
    display: flex;

     min-width: 35%;
     max-width: 40%;
     overflow: hidden;

    margin-right: 1em;

    align-self: stretch;
    position: relative;
    }

.MenuFlex .MenuFlexAd img {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    object-fit: cover;
}

.MenuFlex .MenuFlexAd .OnLine, .MenuFlex .MenuFlexAd .Video, .MenuFlex .MenuFlexAd .FullTime, .MenuFlex .MenuFlexAd .OffLine, .MenuFlex .MenuFlexAd .Free,
.MenuFlex .MenuFlexAd .Type {
    position: absolute;
    top: 0;
    padding: 0.2em 0.4em;
    font-size: 0.9em;
}

.MenuFlex .MenuFlexAd .Descr {
    padding: 0.5em 1em 0.5em 0;
    flex: 1;
    }


input#MenuFlex:checked + .MenuFlex .Title,
#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .Title { font-size: 1.6em; }

#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .MLDate { font-size: 1.1em; }
#MapMain input#MenuFlex + .MenuFlex .MenuFlexAd .CTitle { font-size: 1.1em; }

    .MenuFlex .ULCloadTegs {
        margin-bottom: 1em!important;
        display: flex;
        flex-direction: column;}

    nav.MenuFlex.Sticky ul.ULCloadTegs li,
    .MenuFlex ul.ULCloadTegs li {
        font-size: 1.4em;
        padding: 0;
        display: flex;
        /*border-bottom: 2px dashed rgb(153, 153, 153);*/
        }


    /*ul.ULCloadTegs li:last-of-type { border-bottom-style: solid; }*/


    .MenuFlex .ULCloadTegs a {
        flex: 1 1 100%;

        box-sizing: border-box;

        padding: 0.6em 1em 0.6em 1em;
        font-size: 1.0em;
        }

    nav a.Consulting {
        font-size: 1.6em;
        margin-left: 1.1em;
    }

    nav .ULCloadTegs + a.Consulting {
        margin-top: 0;
    }

    .MenuFlex .ULCloadTegs li .AllBottonSimple {
        font-size: 1.1em;
    }

    .MenuFlex .ULCloadTegs a span {
        color: #777;
        font-size: 0.8em;
           top: -0.2em;
           position: relative;
        }

    .ULCloadTegs li span.Name {
        font-size: 1em;
    }

    nav .CloadTagsHeader, nav h3, nav .ScheduleMenuList, nav .h3, nav h3 {
        font-size: 2.2em;

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

    #MapMain nav .CloadTagsHeader, #MapMain nav h3 { padding-left: 0; }

    nav .MenuBigLink, nav .ConsultingMenuList    { font-size: 2.2em;
        padding-left: 0.6em;
        padding-right: 0.6em; }

    .MenuFlex .ULCloadTegs a:active, .ULCloadTegs a:hover,
    .MenuFlex .ULCloadTegs a:hover span {
        background-color: #0082ff;
        color: #ffffff;
        text-decoration: none;}

    #ML_MenuGen {
        font-size: 0.55em;
    }

     #ML_MenuGen .ML_Menu_Part div {
    flex-direction: column; }

   #ML_MenuGen .ML_Menu_Part div:before {
          margin-right: 0em;
          margin-bottom: 0.3em;
           font-size: 1.3em; }

   .LeftRightHide .ULSubMenu:after {
           content: "";
        min-width: 1em;
        display: flex;
        height: 2em; }

   .LeftRightHide {
           box-sizing: border-box;
           /*margin: 0 1em;*/
           padding: 0;
        width: 100%;
   }

    .LeftRightHide:not(.StickyTop) {
        position: relative;
    }

   .LeftRightHide:before, .LeftRightHide:after  {
       content: "";
       display: flex;
       width: 2.5em;
       position: absolute;
       top: 0;
       z-index: 20;
    height: 100%;
       }

   .LeftRightHide:before {
           left: 0;
        background: linear-gradient(to right, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.8) 10%,rgba(255,255,255,0) 100%);
        }

   .LeftRightHide:after {
           right: 0;
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,1) 100%);
        }


    .ULSubMenu {
        font-size: 1.3em;
        margin: 1em 0 -1px;
        padding: 0 0 0 1px;
        overflow-x: auto;
        overflow-y: hidden;
       }

    .wrapper_main_calendar .ULSubMenu {
        font-size: 1em;
        }

    .Header + .ULSubMenu {
        margin-top: -3.1em;
        }

   ul.ULSubMenu li a, ul.ULSubMenu li a:hover { padding: 0.6em 0.7em 0.6em 0.7em; }
   ul.ULSubMenu li.Sel a, ul.ULSubMenu li.Sel a:hover { padding: 0.8em 0.7em 0.8em 0.7em; }

   ul.ULSubMenu li a {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 40vw;
    white-space: normal;
    width: max-content;
   }

    ul.ULSubMenu li {
        font-size: unset;
    }

   .ULSubMenu div.FlR, .ULSubMenu  .Expander { display: none; }

   .ULSubMenu li { overflow: initial; }

   .ULMenuContent { padding: 1.2em 0.8em 0.8em 0.8em; }
   .ULMenuContent .SeminarDescr { padding: 0.4em 0.6em 0.3em; }
   label.ML_ReedMore { margin-bottom: -0.3em; }

   .diplom-block {
       grid-template-columns: repeat(auto-fill, minmax(10em, 1fr));
   }

   .diplom-item {
   }

    .diplom-info .title { font-size: 0.6em; }

    .AdLine2Sect { font-size: 0.7em; }

  /* input[type="checkbox"].ML_ReedMore + label { font-size: 0.8em; }*/

  .SeminarDescr .info_block_Date {font-size: 0.75em;  }
  .SeminarDescr .SeminarTitle {font-size: 1.2em;}
  .SeminarDescr .SeminarTitle + .SeminarSubTitle { font-size: 0.9em; }
  .SeminarDescr .Cover {
      height: 4.5em;
    }

   .SectionGroup_2C .Announc .SectionTitle,
   .SectionGroup_2C .Section_Row4C .SectionTitle {font-size: 1em;  }
   .SectionGroup_1C .Section_Row4C .SectionTitle { padding-right: 1em; }

    #MapMain .MenuFlex { font-size: 1em;}

    .MapViewMenu, .MapSearch,
    .gmnoprint.gm-style-mtc { font-size: 1.1em;}

    .MapViewMenu {
        right: 0.5em; }

    .MapToolbar {
        gap: 1em;
        flex-direction: column;
    }

    .MapToolbar .MapSearch {
        padding: 0;
    }

    .MapSearch+.MapViewMenu {
        top: 4.5em;
        }

    .MapToolbar .MapViewMenu {
        text-align: right;
    }


    /*
.gmnoprint.gm-style-mtc {
        padding-top: 1em;

        width: 13em!important;

        }
*/


    #MYGmaps .gmnoprint.gm-style-mtc {
        transform-origin: left center;
    }

    .MYGmapsSearchTop .gmnoprint.gm-style-mtc {
        margin-top: 4em!important;
    }

    .MYGmapsSearchTop .gm-bundled-control-on-bottom {
        margin-top: 3.2em!important;
    }

    #MYGmaps .gm-bundled-control-on-bottom {
        transform-origin: left bottom;
    }

    #MYGmaps .gm-bundled-control-on-bottom,
    #MYGmaps .gmnoprint.gm-style-mtc {
        transform: scale(0.8);
    }

    .gm-style .gm-style-mtc div { font-size: 1.4em!important; }
    /*.gmnoprint.gm-style-mtc > div div { font-size: 1em!important; }*/
    .gmnoprint.gm-style-mtc > div:first-child { font-size: 1.8em!important; }

    .wrapper_main_24mountain #MYJamaps .ymaps-2-1-79-controls__control {
        margin-top: 0em;
    }

    .MapSearch {
        width: 100%;
        box-sizing: border-box;
        padding: 0 0.5em;
        top: 1em;
        left: 0; }

    .MapSearch,
     input#SelectMapTyp_Y[type=radio]:checked+div .MapSearch {
        width: 100%;
     }

    input#SelectMapTyp_Y[type=radio]:checked+div .MapSearch {
        left: auto;
        right: 0; }


   .SectionGroup_1C .SectionTitle .Title { font-size: 1.3em; }


   .SeminarDescr .SectionHeader {
       flex-wrap: wrap;
   }

   .SeminarDescr .SeminarStatusPrice, .SeminarDescr .SeminarStatusPrice .YouRegistred { width: 8em; }

   .SeminarDescr .SectionHeader img ~ .SeminarStatusPrice {
        flex-direction: row;
        flex: 1 0 100%;
        width: unset;
        justify-content: flex-end;
   }

   .SeminarDescr .SectionHeader img ~ .SeminarStatusPrice .Price {
        text-align: right;
        margin-right: 1em;
   }

   input#MenuFlex:not(:checked) + .MenuFlex {
       height: auto;
   }

    input#FullScr:checked + #MapMain,
    input#MenuFlex:checked + .MenuFlex {
        width: 100%;
        font-size: 0.9em;}

    nav.MenuFlex.Sticky .ScrollSection {
        padding: 0;
    overflow-y: auto;
    }

    nav.MenuFlex.Sticky .ULCloadTegs .Sub {
        padding-left: 2.2em;
        margin-bottom: 0.8em;
    }

    .Consultant .Status, .Consultant #Status { font-size: 0.9em; }

    input#MenuFlex + .MenuFlex label[for="MenuFlex"],
    #MapMain input#MenuFlex + .MenuFlex label[for="MenuFlex"],
    #Add_New_Comment {font-size: 1.1em;}


    input#MenuFlex:checked + .MenuFlex .MenuFlexAd,
    #MapMain input#MenuFlex + .MenuFlex .MenuFlexAd,
    input#MenuFlex:checked + .MenuFlex .ScrollSection,
    .Consultant .UserRef .UserStats .StatsName,
    .MLDateTop,
    .MLResponses .Avatar,
    .post-item .MLResponses,
    #BlogCommentList,
    .wrapper_main_productcomments .ContentFlex,
    .wrapper_main_dictionary,
    .wrapper_main_profile.wrapper_settings_exchangerate {
            font-size: 1.1em;
        }

    .MLResponses #commentCont,
    .MLResponses .commentCont {
        font-size: 1.3em;
    }

    .CommentForm {
        font-size: 1em;
    }

    .MLResponses .CommentForm {
        font-size: 0.9em;
    }

    .Tags,
    .post-item .Tags,
    .wrapper_main_blog #PostContent .MLDateTop,
    .wrapper_main_blog #PostContent .MLDateTop + .PostStats,
    #MapMain input#MenuFlex + .MenuFlex .ScrollSection { font-size: 1.4em; }

    .NoModule,
    #PostText, .PostShortText, article,
    .CourseDescription,
    .wrapper_section_fullprofile .ULMenuContent,
    .ScheduleLine, .ScheduleMonthT,
    .ScheduleMonth,
    .wrapper_main_shop .ShopDescription,
    .ContentShop,
    .wrapper_main_pages .ContentFlex { font-size: 1.4em; }

    .wrapper_main_school .ULMenuContent { font-size: 1.3em; }

    .wrapper_main_payservices article {font-size: 1.2em;}

    .wrapper_main_payservices article .text {
        overflow-x: hidden;
        max-height: 90vh;
        display: block;
        position: relative;
    }

    .wrapper_main_payservices article .text p:last-of-type {
        margin-bottom: 0;
    }

    .wrapper_main_payservices article .text:after {
        content: "";
        display: block;
        position: sticky;
        bottom: 0;
        width: 100%;
        height: 2em;
        background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
        z-index: 1;
        border-bottom: var(--border-style-Light);
        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_main_payservices article .Area .text:after {
        content: unset;
    }

   /*
 article .SHPropBordSel {
        font-size: 0.9em;
    }
*/
    #PayProductAction {
        flex-direction: column;
    }

    .MLResponses .Avatar + .DInlBl { max-width: 81%; }

    .MLResponses {
        padding-top: 0.7em;
    }

    .MLResponses #commentCont {
        /*
        max-width: 40ch;
        */
    }

    .ui-dialog #Responses {
        margin-top: 0;
    }

    .MLResponses input[type="checkbox"].IMGCheckBox + label svg, .MLResponses a svg {
        font-size: 1.8em;
    }


    .MLResponses .MLResponses_Header {
        flex-wrap: wrap;
    }

    .MLResponses .MLResponses_Control {
        margin-bottom: 0.1em;

        flex: 1 0 100%;
           justify-content: flex-end;
        order: 0;


        margin-top: -0.3em;
        margin-right: -0.5em;
    }

    .MLResponses_Control a, .MLResponses_Control label {
        opacity: 0.9;
    }

    .MLResponses a svg {
        margin:  0 0.2em;
    }

    .MLResponses .AvatarHref {
        order: 2;
    }

    .MLResponses .MLResponses_Control a
    .MLResponses .MLResponses_Control input{
        opacity: 0.7;
    }

    .MLResponses_Header .AvatarHref {
        font-size: 1.2em;
        max-width: inherit;
        flex: 1;
        margin-right: 0;
    }

    #PostContent .MLResponses .MLDate { font-size: 1em; }
    .MLResponses .Status { font-size: 0.9em; }

    .QR {
        width: 6em;
    }

    #PostContent .PostHeader .QR {
        margin: 0.5em 0 -2em 0.5em;
    }

    /*.MLResponses .email { display: block; }*/

    input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"],
    #MapMain input#MenuFlex:checked + .MenuFlex label[for="MenuFlex"] { font-size: 1.0em; }

    .AdLine1Sect {
        /*font-size: 0.65em;*/
        margin-top: 2em;
        margin-bottom: 2.5em;}
    .AdLine1Sect a img.cover, .AdLine2Sect a img.cover {
        width: 45%;

    }

    .AdLine1Sect a .cover {
        min-height: 11em;
        flex: 1 0 40%;
    }

    .AdLine1Sect .Descr {
        font-size: 1vmax;
    }

    .AdLine1Sect .AllBotton {
        font-size: 1vmax;
    }

    .MapSelecter.FlexBookmarkLight {
        font-size: 1.0em;
        }

    .post-item h2, .post-item .h2 { font-size: 2.2em;}

    .BlogLeft, .BlogRight, .ProductLinks, .SectionGroup_1C { font-size: 1em;}

    #but_mobile, .loader3Circle { font-size: 1.2em; }


    .Price b, .PriceDop b,
    .MarkerTitDegre,
    .Test_Report,
    .post-item { font-size: 1.0em;}

    ol.Test_Report { margin-left: 0; }

    .post-item .PostAutor,
    .ProductLinks .Price b { font-size: 1.3em; }

    .NavBarFlex { font-size: 1.1em; }

    .Footer { font-size: 1.5em; }


    Footer {  display: grid;
    grid-template-columns: 1fr min-content;
    grid-template-rows: repeat(2, min-content);
    gap: 0em 1em;
    grid-auto-flow: column dense;
    justify-items: stretch;
    grid-template-areas:
        "MingliLogo ."
        "ShortDescr ShortDescr";
    }

    Footer .ShortDescr {
        grid-area: ShortDescr;
        font-size: 1em;
        }

    Footer .MingliLogo {
        grid-area: MingliLogo;
        margin: 1.2em 0 0.4em 1.2em;
        width: 9em;
        }

    Footer #FeedBack {
            border-left: unset;
            margin-left: 0;
            font-size: 1em;
        }

    .wrapper_main_calendar + Footer #FeedBack,
    .wrapper_main_cal:not(.wrapper_section_minicalc) + Footer #FeedBack {
        font-size: 2.1em;
    }

    Footer #FeedBack svg.BG {
        margin-top: -0.3em;
    }

    /*

    Footer .MingliLogo { width: 8em; }

    Footer #FeedBack {
        flex-direction: column;
        gap: 0.6em 0;

        max-width: 20%;
        justify-content: center;

        padding: 0 1em;

        min-height: 7em;
       }

    Footer #FeedBack font {
        align-self: flex-end;
        margin-bottom: 0.5em;
        color: #7f9db9;
        font-size: 1.1em;
        white-space: normal;
        text-align: center;
        }

    Footer #FeedBack font svg { display: none; }
    Footer #FeedBack:before, Footer #FeedBack:after { content: none; }
    Footer #FeedBack svg.BG {
        position: unset;
        opacity: 0.6;

        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        transform: rotate(-8deg);
        font-size: 1.6em;
        top: 0.22em;
        right: inherit;
        }

*/

    footer .ML_SocialLink {
        margin-top: 1em;
    }

    Footer .ML_SocialLink .label {
        width: unset;
    }

    .GenTable, .CardsBZ {
        font-size: 0.8em;
        width: 100%;
        box-sizing: border-box;
        margin: 0;
        }

   .wA4H { min-width: var(--PageSize-Norm); }

/*    .GenTable, */
    .wrapper_main_zwds,
    .wrapper_main_videoplayer,
    .wrapper_main_system,
    .wrapper_main_blog,
    .wrapper_main_school,
    .wrapper_main_24mountain,
    .wrapper_main_gdirection,
    .wrapper_main_payservices,
    .wrapper_main_shop,
    .wrapper_main_pages,
    .wrapper_main_productcomments,

    .wrapper_section_consulting,
    .wrapper_section_consulting_tag,
    .wrapper_section_fullprofile,

    .wrapper_main_profile.wrapper_section_newprofile,
/*    .wrapper_main_profile.wrapper_section_cart,
    .wrapper_main_profile.wrapper_section_list,
    .wrapper_main_profile.wrapper_section_compatibility,*/
    .wrapper_main_profile.wrapper_section_qmdjchart,
    .wrapper_main_profile.wrapper_settings_cards,

    .wrapper_main_profile.wrapper_settings_notes,
    .wrapper_main_profile.wrapper_settings_langmgr,

    .wrapper_main_profile.wrapper_settings_shop,
    .wrapper_main_profile.wrapper_section_orders,
    .wrapper_main_profile.wrapper_section_cource,
    .wrapper_main_profile.wrapper_section_software,

    .wrapper_main_profile.wrapper_section_letters,
    .wrapper_main_profile.wrapper_section_remove_account,
    .wrapper_main_qmdjsearch.wrapper_section_lite,
    .wrapper_main_qmdjsearch2.wrapper_section_lite,
    .wrapper_main_dictionary,
    .wrapper_main_reviews,
    .wrapper_settings_langmgr .Content,
    .wrapper_section_active,
    .wrapper_main_calccimen,
    .wrapper_main_calc.wrapper_section_minicalc  {

        max-width: 100%;
        min-width: 100%;
        width: 100vw;
        box-sizing: border-box;

        font-size: 0.9em;
        }
    .wrapper_main_qmdjsearch2 #MainInterface
    .wrapper_main_qmdjsearch #MainInterface {
        font-size: 1em;
    }

    /* Дополнительно увеличиваю шрифт для форм где много текста */
    .wrapper_main_shop.wrapper_section_order,
    .wrapper_settings_langmgr .Content #LangWorkArea {
        font-size: 1.1em;
    }

    .wrapper_main_shop.wrapper_section_order #ViewOrderPageApp.Content .IMGOpps {
        width: 85%;
    }

    .wrapper_main_profile.wrapper_section_modules,
    .wrapper_main_profile.wrapper_section_editcource {
       min-width: unset;
       width: 100vw;
    }


   .wrapper_main_calc {
     min-width: 780px;
   }

    .wrapper_main_calendar {
        width: inherit;
        font-size: 1.1em; }

    .wrapper_main_calendar .Content {
        font-size: 0.8em;
    }

    .wrapper_main_calendar .Content .Animals {
        font-size: 0.7em;
    }

    .wrapper_main_calendar .Content .BadziKvadrat {
        margin: 0;
    }

    .wrapper_main_calendar .Content .BadziKvadrat tbody th {
        padding: 0;
        font-size: 0.7em;
    }

    .Stars {
        height: unset;
    }

    table.BadziKvadrat tbody td.Stars {
        height: 2.8em;
    }

    .Stars .StarsM,
    .Stars .StarsD {
        padding: 0.1em 0.15em;
    }

    .Stars .StarsY {
        font-size: 1.1em;
        margin-top: 0.6em;
    }

    .BadziKvadrat tbody td {
        font-size: 1.1em;
    }

    .CyMenTableBorder {
        font-size: 0.9em;
    }

    #HoursTable thead th {
        font-size: 0.9em;
    }

    #HoursTable .ElementName {
        font-size: 0.7em;
    }

    #HoursTable tbody th .DoubleAnimals {
        font-size: 0.7em;
    }

    .wrapper_settings_notes .SuportMenu,
    .wrapper_section_list .SuportMenu {
           flex-wrap: wrap;
        margin-bottom: 1em;
    }

    .SuportMenu #ContentSearchBlock {
        max-width: 22em;
    }

    .MLSort {
        margin-right: 0;
    }

/*.wrapper_main_profile { width: 100%;
    overflow: hidden; }*/

/*
    .wrapper_main_system,
    .wrapper_Min_Width,
    .wrapper_main_blog,
    .wrapper_main_school,
    .wrapper_main_gdirection,
    .wrapper_main_24mountain,
    .wrapper_main_shop,
    .wrapper_main_pages,
    .wrapper_main_productcomments,

    .wrapper_section_list,
    .wrapper_section_compatibility,
    .wrapper_section_qmdjchart,
    .wrapper_section_software,
    .wrapper_section_cource,
    .wrapper_section_consulting,
    .wrapper_section_consulting_tag,
    .wrapper_section_fullprofile,
    .wrapper_main_profile { min-width: 320px; }
*/
    /*.wrapper_main_profile { min-width: 320px; }*/


    #FreeOrderForm {
    min-width: initial;
    }

    .wrapper_section_cart, .wrapper_main_calc, .wrapper_section_newprofile {
    /*    min-width: 320px;
        max-width: var(--PageSize-Norm);*/

        /*font-size: 0.5em;*/  }

    .tabBasket .BProdName {
        min-width: 3em;
        max-width: 20em; }

    .tabBasket.OrderContent  .BProdName {
        min-width: 51%;
        max-width: none;
        flex: 1;
        flex-direction: column;
    }

    /* НАЧАЛО: Таблицы На флексах */

        table.tabBasket.FlexContent,
        .tabBasket.FlexContent thead tr,
        .tabBasket.FlexContent tbody tr,
        .tabBasket.FlexContent tfoot tr {
            display: contents;
        }

        .tabBasket.FlexContent thead,
        .tabBasket.FlexContent tbody,
        .tabBasket.FlexContent tfoot {
            display:flex;
            flex-wrap: wrap;
            justify-content: flex-end;
        }

        .tabBasket.FlexContent td,
        .tabBasket.FlexContent th {
            display: inline-flex;
            align-items: center;
        }

        .tabBasket.FlexContent .BProdName,
        .tabBasket.FlexContent .BProdCover {
            display: inline-flex;
        }

        .tabBasket.FlexContent .BProdCover {
            width: 5em;
            min-width: 5em;
            border-radius: var(--border-radius-s);
            align-items: center;
        }

        .tabBasket.FlexContent .BProdCover img,
        #Basket.FlexContent th.BProdCover:first-of-type img {
            width: 100%;
            min-width: unset;
            object-fit: contain;
            align-self: center;
        }

        .tabBasket.FlexContent .BProduct {
            flex: 1 100%;
        }

        .tabBasket.FlexContent .BProdName {
            flex: 1 auto;
        }

        .tabBasket.FlexContent .BWeight,
        .tabBasket.FlexContent .BCount,
        .tabBasket.FlexContent .totWeight,
        .tabBasket.FlexContent .totCount {
            justify-content: flex-end;
            width: 4em;
        }

        .tabBasket.FlexContent .BPrice {
            min-width: 20vw;
            justify-content: flex-end;
        }

        .tabBasket.FlexContent .BCTotPrice,
        .tabBasket.FlexContent .Result {
            font-size: 1.2em;
            justify-content: flex-end;
            text-align: right;
            width: 23vw;
        }

        .tabBasket.FlexContent .BasketLabel {
            width: 34vw;
            justify-content: flex-end;
        }

        .wrapper_main_profile.wrapper_section_editcource .ULMenu2 .FlR {
            float: none;
            text-align: right;
        }

        .tabBasket.Schedule {
            display: flex;
            flex-direction: column;
        }

        .tabBasket.Schedule tr {
            display: grid;
            grid-auto-flow: column dense;
            grid-auto-rows: 1fr;
            grid-template-columns: min-content 1fr repeat(2, min-content);
            grid-template-rows: repeat(2, min-content);
            gap: 0em 0em;
            grid-template-areas:
                "BProdID BProdName BProdName BProdManage"
                "BProdID BSeminarName BDate BDate";
            justify-items: stretch;
        }

        .tabBasket.Schedule .BProdID,
        .tabBasket.Schedule .BProdName,
        .tabBasket.Schedule .BProdManage {
            padding-top: 1em;
        }

        .tabBasket.Schedule .BProdID,
        .tabBasket.Schedule .BSeminarName,
        .tabBasket.Schedule .BDate {
            padding-bottom: 1em;
        }

        .tabBasket.Schedule .BProdID {
            grid-area: BProdID;
            display: inline-flex;
            flex-direction: column;
            gap: 0.2em;
            }

        .tabBasket.Schedule .BProdName {
            grid-area: BProdName;
            max-width: unset;
            }

        .tabBasket.Schedule .BProdName figure {
            align-self: flex-start;
        }

        .tabBasket.Schedule .BSeminarName {
            grid-area: BSeminarName;
            border-top: var(--border-style-Light-dotted);
            }

        .tabBasket.Schedule .BDate {
            grid-area: BDate;
            align-items: center;
            display: inline-flex;
            border-top: var(--border-style-Light-dotted);
            }
        .tabBasket.Schedule .BProdManage {
            grid-area: BProdManage;
            gap: 0.2em;
            display: inline-flex;
            flex-direction: column;
            justify-content: space-evenly;
            width: 2.5em;
            }

        .tabBasket.Schedule .BProdManage a ~ a {
            margin-top: 0;
        }

        .tabBasket.Schedule thead {
            display: none;
        }

    /* КОНЕЦ: Таблицы На флексах */

    .wrapper_main_blog,
    .ContentShop,
    .wrapper_main_profile { padding: 0; }

    #PersonalCards.ScheduleMonth {
        font-size: 1em;
    }

    .Consultant .UserStats,
    .Consultant .UserStats  { font-size: 1.3em; }

    .Consultant .UserRef .UserStats .StatsName .Residence { white-space: normal; }

    .UserStats .wherekons { display: none; }

    .ui-dialog .CardsBZ { font-size: 0.9em; }

    .FullDescription #UserRef {
        flex-direction: column;
        }

   .FullDescription .Avatar { width: 100%; }
   .FullDescription .Avatar .AvatarTD {
           width: inherit;

           display: flex;
        justify-content: center;
        height: 1.7em;
        align-items: center;}

   .FullDescription .Avatar .AvatarTD img {
        width: inherit;
           margin: 0 0 -0.3em 0;
        }

    .FullDescription #UserRef #UserAvatar {
        font-size: 0.7em;
        margin-bottom: 2em;}

    .FullDescription #UserRef #UserStats { font-size: 1.4em; }

    .ScheduleMonth .ScheduleLine:first-child, .ScheduleMonth .ScheduleLineOh:first-child { padding-top: 0; }

    .ShadulePadding { padding-left: 3.5em;}
/*    .ScheduleMonthT, .ScheduleMonthT + .ScheduleMonth { margin-left: 2em; }*/

    .SchedLineIMGBookMark {
        border-radius: unset;
    }

    .SchedLineTeacher, .SchedLineDateLeft { box-sizing: border-box;
        width: 50%;}
    .SchedLineDateLeft {
        font-size: 0.8em;
        float: none;}

    .SchedLineTeacher {padding-bottom: 0;
        font-size: 0.8em;}

    .info_block_Teacher { font-size: 0.95em; }

    .SchedLineDescr { font-size: 0.9em; }
    .SchedLineDescr .NavLine { font-size: 0.9em; }
    .SchedLineDescr a.h3 { font-size: 1.3em;
        width: inherit;
        }
   .ULMenuContent .SchedLineDescr .h3 { font-size: 1.6em;
        width: inherit;}

    .SchedLineDescr {
        padding: 0.6em 0.8em 1.0em 0.8em;
        margin-top: 1em;
        width: 100%;}

    .ScheduleLine { padding-bottom: 0.5em; }

    .ScheduleLine .NavLine a { font-weight: normal; }

    .SchedLineDate { float: none;
        width: inherit;
        text-align: left;}

    .SchedLineDate + a.h3, .SchedLineDate + h3    {
        margin-top: -0.2em; }

    .SchedLineIMG {
           display: flex;
        align-items: center;

        float: none;
        width: inherit;
        /*height: 9em;*/
        margin: 0.8em; }


    .ML_Table.ShoolPay .ML_TR {
    flex-wrap: wrap;
    }

    .ML_Table.ShoolPay.StickyBottom {
        margin-left: -0.6em;
        margin-right: -0.6em;
        padding-top: 0.4em;

    }

    .ShoolPay .ML_BT,
    .ShoolPay .ML_TD,
    .ML_Table.ShoolPay .ML_BT.ML_TD {
           display: flex;
        flex: 1 auto;

        margin-top: 0;

        padding-left: 0.5em;
        padding-top: 0;  }

    .ShoolPay .ML_BT .AllBotton,
    .ShoolPay .ML_BT .AllBottonLight,
    .ShoolPay .ML_BT .botton {
        flex: 1;
        }

    .Grid_Header_Seminar_SmallIMG {
    grid-template-areas:
        "TitleBlockIMG info_block_Date"
        "TitleBlockIMG info_block_Header"
        "info_block_Teacher info_block_Teacher"
        "ShoolPay ShoolPay";
    }

    .Grid_Header_Seminar_SmallIMG .info_block_Date {
        margin-bottom: 0;
    }

    .Grid_Header_Seminar_SmallIMG .info_block_Header {
        margin-bottom: 0.5em;
    }

    h1+.info_block_Teacher {
    margin-top: 0;
    margin-bottom: 0.2em;
    }

/*    .TitleBlock .info_block_Teacher a span, .PostAutor .Person_Item span { max-width: 7em; }    */

    .TitleBlockBigIMG {
        margin-left: -1em;
        margin-right: -1em;
        border-radius: unset;
        }

    #PostContent .TitleBlockBigIMG {
        justify-content: center;
    }

    #PostContent .TitleBlockBigIMG img {
        max-width: 100%;
    }

    .NoText, a.NoText {
        width: inherit;
        color: inherit;
    }

    .BlocFilesShadule, .ScheduleLineOh .SectionFiles {
        font-size: 0.8em;
        padding-top: 0.4em;
        padding-left: 0.4em;
        padding-right: 0.4em;}

    .wrapper_main_blog .Content,
    .wrapper_main_shop .ShopDescription,
    .MainWrapperFlex {
        flex-direction: column; }

   .wrapper_main_shop .ShopDescription {
       margin-top: 0.5em;
       gap: unset;
       }

   .wrapper_main_shop h1 .CopyLink {
       font-size: 1em;
    }

    .EntranceQuiz {
        flex-direction: column;
    }
    .EntranceQuiz .Descr {
        border-style: solid solid none solid;
    }

    .EntranceQuiz > :first-child {
        border-top-left-radius: var(--border-radius-lg);
        border-top-right-radius: var(--border-radius-lg);

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

    .EntranceQuiz > :last-child {
        border-bottom-left-radius: var(--border-radius-lg);
        border-bottom-right-radius: var(--border-radius-lg);

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

    .EntranceQuiz > a {
        flex-direction: row;
    }

    .EntranceQuiz > a svg {
        font-size: 2em;
    }

    .EntranceQuiz a svg + .text {
        margin-left: 0.6em;
    }

   .NavBarFlex {
    flex-direction: row;
    margin-bottom: 0.8em;
    }

   .NavBarFlex div:first-of-type {
           overflow: hidden;
        min-width: 1em;
        white-space: nowrap;
        position: relative;}

    .NavBarFlex div:first-of-type:after {
        content: "";
        position: absolute;
        display: block;
        top:0;
           right: -1px;
        width: 7em;
           height: 100%;

        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 90%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 90%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
        z-index: 3;
    }

    .BlogLeft, .BlogRight, .ItemLikeThis {
        border-color:#908070;
    }

    .wrapper_main_blog #PostContent {
        margin-left: 0;
        max-width: inherit;
        }

    .wrapper_main_blog #PostContent .PostAutor .Person_Chart {
        font-size: 1.0em;
    }

    .small_authors { font-size: 1em; }

    /*#PostContent .BlogLeft img.cover, #PostContent .BlogRight img.cover,*/
    .PrevNext .BlogLeft img.cover, .PrevNext .BlogRight img.cover {
        max-height: 4em;
        max-width: 5em;
    }

/*
    #PostContent .TitleBlockBigIMG img,
    .PostContent .TitleBlockBigIMG img {
        max-width: 100%;
    }
*/

  #PostText img:not(.NoResize),
  article img:not(.NoResize) {
      max-width: 100%;
    max-height: 60vh;
    width: inherit;
    height: inherit;
    }

    h3 img,
    article h3 img:not(.NoResize) {
        width: 3em;
    }

    #ProductsLikeThis .ItemLikeThis .cover { height: 8.3em; }

    .post-item .PostsInfoBottom { font-size: 1.2em; }

    .PostsInfoBottom .PostStats {
        font-size: 1.2em;
    }

    .ULMenuContent .PriceB, .ML_Table .PriceB, .PlacesLeft {font-size: 0.9em; }
    .ULMenuContent .SectionFiles {font-size: 0.75em; }

    .ULMenuContent button,
    .ULMenuContent .AllBottonLight, .ULMenuContent .AllBotton,
    .ShoolPay .ML_BT .AllBotton, .ShoolPay .ML_BT .AllBottonLight, .ShoolPay .ML_BT .botton { font-size: 0.9em; }

    .TestResult {
        display: flex;
        flex-wrap: wrap;
        gap: 0.6em;
    }

    .ULMenuContent .ML_progress-bar,
    .TestResult .ML_progress-bar {
        flex: 1 100%;
        font-size: 1.1em;
    }

    button.icoSvgCertW {
        font-size: 1em;
        margin-left: 0;
    }

    .ML_Table .PriceB {
        min-width: 50%;
        }

    .ML_TD.Attent { font-size: 0.8em; }

    .Attent2 .IcoComment+.IcoLeft,
    .Attent2 .IcoComment+.IcoLeft a,
    .Attent2 .IcoLeft { display: inline-block; }

    .AccessDenied {
        min-height: auto 80%;
        justify-content: center;
        background-size: cover;
    }

    .AccessDenied h2 {
        font-size: 2em;
    }

    .AccessDenied > section {
        padding: 2.5em;
    }

    .AccessDenied .Description {

    }

    .AccessDenied .Description h2 {
        text-align: center;
    }

    .AccessDenied .Description h2 {
        font-size: 2.4em;
    }

    .AccessDenied .Description .Seminar_list,
    .AccessDenied .Description article {
        font-size: 1.4em;
    }

    .ML_Table  .AddInfo {
        flex: 1 0 100%;

        font-size: 0.8em;
        text-align: center;
        padding-top: 0;
        }

    #PostText table {
        display: block;
        box-sizing: border-box;
        overflow: auto hidden;

        width: 92vw !important;
        height: auto !important;
        max-width: 100% !important;

        border-left: var(--border-thin) solid var(--color-Gray-Med);
        border-right: var(--border-thin) solid var(--color-Gray-Med);
    }

    .ShopDescription .ProductDetails {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        width: inherit;
        gap: 0.4em 0.8em;

        position: unset;

        font-size: 1em;

        margin-right: 0;
    }

    .ShopDescription .ProductDetails .ShopControl,
    .ShopDescription .ProductDetails .Info {
        display: flex;
        flex: 1 0 100%;
        gap: 0.4em;
        margin: 0;
    }


    .PBPict {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

        width: inherit;
        margin-right: 0;}



    .PBPict .SectionCover .Attent {
        font-size: 1em;
    }

    .ProductVariants img {
        width: unset;
        height: 3.5em;
    }

      .ShoolPay .PlacesLeft svg { margin-bottom: 0.1em; }

      .SectionPayment {
          font-size: 0.85em;
          }

      .Price strike, .PriceB strike, .PrePrice {
          font-size: 0.9em;
          }

      .PBPict .SectionCover img {
          height: inherit;
          max-height: 40vh;
          }

      .PBPict .ShopControl {
        flex: 1 0 100%;
           display: flex;
        margin-bottom: 0.2em;
        }

    .ShopDescription .PBPict {
        font-size: 1em;
        width: 100%;
        margin-bottom: 1em;
        box-shadow: 0 0 0.4em 0.5em #fff;
        top: 0.6em;
        position: unset;

        justify-content: center;
        align-items: flex-start;
        gap: 0 0.8em;
    }

    .ShopDescription .ProductDetails figure,
    .PBPict .SectionCover {
        max-width: inherit;
        min-width: 40%;
        margin-right: 0;
        max-height: 50vh;
        display: inline-flex;
        flex: 1;
    }

    .ShopDescription .ProductDetails .SemiProduct_List {
        max-height: 25vh;
    }

/*    .ShopDescription .ProductDetails .ProductVariants .SubTitle {
        margin-bottom:
    }*/

   /*
    .Cashier #addblock { margin-bottom: 0.8em; }

   .ShopDescription .Cashier #addblock { margin-bottom: 0; }
    */

   .Cashier #addblock div { margin-bottom: 0; }

    .PBPict .ShopControl div,
    .Cashier #addblock div { margin-right: 0.5em; }

   .OS-Svg-iPhone-LT:before, .OS-Svg_med_0-LT:before,
    .OS-Svg-iPpad-LT:before, .OS-Svg_med_1-LT:before,
    .OS-Svg-macOS-LT:before, .OS-Svg_med_2-LT:before,
    .OS-Svg-apple-L:before, .OS-Svg_med_2-L:before,
    .OS-Svg-iOS-LT:before,  .OS-Svg_med_6-LT:before,

    .OS-Svg-Java-L:before, .OS-Svg_med_3-L:before,
    .OS-Svg-Java-LT:before, .OS-Svg_med_3-LT:before,
    .OS-Svg-android-L:before, .OS-Svg_med_4-L:before,
    .OS-Svg-android-LT:before, .OS-Svg_med_4-LT:before,
    .OS-Svg-android-LT_m:before,
    .OS-Svg-windows-L:before, .OS-Svg_med_5-L:before,
    .OS-Svg-windows-LT:before, .OS-Svg_med_5-LT:before {
    margin-top: -3em;
    font-size: 1em;
    }


    .OS_TYPE { padding-bottom: 0.2em; padding-top: 0.2em;}
    .OS_TYPE:before {
    margin-top: 0;
    font-size: 1.4px;}

    .AppStore svg { font-size: 0.7px; }

    /*
    .ItemLikeThis .title { font-size: 1.2em; }
    */

    .Test_Content{
        padding: 1em 1em 0 1em;
    }

    .Test_Header {
        height: unset;
        align-items: center;
    }

    .Test_Header .Test_Header_IMG {
        margin: 1em 1.6em 1em 1em;
        width: 7em;
        height: 5em;
    }

    .Test_Header .Test_Titls_Box {
        margin: 1.2em 0;
    }

    .Test_Header .Test_Header_Title, .Test_Header .Test_Titls_Box .Title {
        font-size: 2.2em;
        padding-right: 10%; }

    .Test_Content > div.TxL { padding-left: 0em !important; }


/*    #ProductsLikeThis    .ProductLinks .ItemLikeThis:nth-child(3) { display:none; }

    .ItemLikeThis {
        -webkit-flex: 0 0 49%;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%; }*/

.question-container {
    display: flex;
    flex-direction: column;

    text-align: center; }

.Emoji_Wrapper,
.commentCont + .Emoji_Wrapper {
    font-size: 1.2em;
    margin-left: -0.2em;
    margin-right: -0.2em;
}

.post-item .PostsInfoBottom .Emoji_Wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    flex: 1;
}

.post-item .PostsInfoBottom .Emoji_Wrapper:after {
    content: "";
    background: var(--linear-gradient-White-Right);
    width: 1em;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}

.Emoji_List {
    font-size: 1.2em;
    max-width: unset;
}

.Emoji_Wrapper .Response_List {
    opacity: 1;
    margin-left: 0.5em;
}

.Emoji_Wrapper .Response_List .Item {
    margin-left: -0.2em;
}

.SocialShare {
    justify-content: center;
}

.SocialShare .Emoji_Wrapper {
    justify-content: center;
    order: -1;
    margin-bottom: 0;
}

.SocialShare .Emoji_Wrapper {
    flex: auto;
}

.Response_List .Item .Emoji {
    text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.4em #fff, 0 0 0.4em #fff, 0 0 0.4em #fff, 0 0 0.4em #fff;
}

.SocialShare .Response_List + .No_Response {
    display: inline-flex;
    align-items: center;

    border: 1px solid var(--color-Blue);
    padding: 0.2em 0.4em;
    border-radius: var(--border-radius-norm);

    margin-left: 0;
    margin-right: 0.4em;
    opacity: 1;
    order: -1;
}

.Response_List + .No_Response .icon {
    order: -1;
    margin-right: 0.2em;
}

.ya-share2 { padding: 0.8em 0 0.5em 0; }

.ya-share2__container.ya-share2__container_size_m .ya-share2__item {
    margin: 0;
}

.ya-share__list.ya-share__list_direction_horizontal,
.ya-share0__list.ya-share0__list_direction_horizontal,
.ya-share1__list.ya-share1__list_direction_horizontal,
.ya-share2__list.ya-share2__list_direction_horizontal {
    gap: 0.8em;
    display: flex;
    justify-content: space-between;
}

.PromoCode_Block #promo_copy,
.ya-share__container.ya-share__container_size_m,
.ya-share1__container.ya-share1__container_size_m,
.ya-share2__container.ya-share2__container_size_m,
.ya-share3__container.ya-share3__container_size_m {
    font-size: 1.2em;
}

.question-container .ya-share2 .ya-share2__list {
    display: flex;
    justify-content: space-between;  }

.question-container .ya-share2 { display: inline-block; }
/*.ya-share2__link .ya-share2__badge .ya-share2__icon {
    width: 4.5em;
    height: 4.5em;
    }*/

    /* GOOGLE */

    /*.KartaBadZi td, .KartaBadZi th { width: inherit; }*/


    .HomePageMainInfo  .KartaBadZi tbody td div { padding: 0!important;}

    .HomePageMainInfo .KartaBadZi tbody td {font-size: 1.8em; }
    .HomePageMainInfo .PlusMinus img { width: 1.4em; }
    .HomePageMainInfo .StolpyMin .CL_Day_Main_H { font-size: 1.2em; }


    .pac-container.hdpi {
        width: auto !important;
        display: flex;
        flex-direction: column;
    }
    .pac-item { font-size: inherit;
        padding: 0.8em 1.5em;}

    .gm-bundled-control,
    .pac-item .pac-icon-marker {
        /*
        transform: scale(1.6);
        */
        }

    .gm-bundled-control-on-bottom {
        /*right: 7em!important;
        bottom: 14em!important;*/
        /*
        margin: 0 0 4em 1em!important;
        bottom: 9em !important;
        */ }

    .pac-item .pac-icon-marker {
        position: relative;
        /*
            margin-right: 1em;
               bottom: -1em;
        */
        }

    /*
        .pac-item .pac-item-query { font-size: 3em; }
    */

    .pac-item-query + span {
        display: block;
        /*
        font-size: 2em;
        */
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;}

    .pac-item-query .pac-matched {font-weight: normal; }


    .gmnoprint .gm-style-mtc div { font-size: 1.5em!important; }

    .gmnoprint .gm-style-mtc div[role="button"]+div div {
           display: flex;
        align-items: center;}


    .gmnoprint .gm-style-mtc div[role="button"]+div [role="checkbox"] { transform: scale(1.6);
        font-size: 1em!important;
        margin: 0 0.1em 0 0.2em!important;
        padding: 0.1em 0.1em!important; }

   .gmnoprint .gm-style-mtc div[role="button"]+div [role="checkbox"] div { top: 1px!important; }

   .gmnoprint .gm-style-mtc div[role="button"]+div [role="checkbox"] img { top: -45px!important; }

    .gmnoprint .gm-style-mtc label {
        padding: 0em 0.2em 0em 0.4em;
        font-size: 0.6em; }

    /* Размер дворцов в навигаторе*/
    .DirectionsAndFS { font-size: 1.4em; }


    /* Magnefic-Popup */

    .mfp-title { font-size: 1.2em; }
    .img.mfp-img { margin-top: 4em; }

    #PayServiceWorkArea input[type="radio"]+label {
        padding-left: 0.6em;
    }

    #PayServiceWorkArea input[type="radio"]+label:before {
        left: 0.6em;
        top: 3.7em;
    }

    #PayServiceWorkArea input[type="radio"]+label:after {
        left: 0.9em;
        top: 3.7em;
    }
}


.BottonOpenFile {
    display: flex!important;

    height: 100%;
    width: 100%;
    position: absolute;
    align-items: center;
    justify-content: center;}


/***********************************
        Tree form
 ***********************************/


/**
 * Framework starts from here ...
 * ------------------------------
 */

.tree,
.tree ul {
    margin:0 0 0 1em; /* indentation */
    padding:0;
    list-style:none;
    color:#369;
    position:relative;
}

.tree ul {margin-left:.5em} /* (indentation/2) */

.tree:before,
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid;
}

.tree li {
    margin:0;
    padding:0 1.5em; /* indentation + .5em */
    line-height:2em; /* default list item's `line-height` */
    font-weight:bold;
    position:relative;
}

.tree li:before {
    content:"";
    display:block;
    width:10px; /* same with indentation */
    height:0;
    border-top:1px solid;
    margin-top:-1px; /* border top width */
    position:absolute;
    top:1em; /* (line-height/2) */
    left:0;
}

.tree li:last-child:before {
    background:white; /* same with body background */
    height:auto;
    top:1em; /* (line-height/2) */
    bottom:0;
}