/* ---------------------------- */
/* Таблица из флексов */


#hiddenSky .BZ_Chart_Pro:not(.ChartPower),
.BaziChartBlock .MainChart,
.BaziChartBlock .CurrentPillars,
.cDinamicTable .MainChart,
.QimenDunjia > .CyMenMapMicro,
.TDMapEasy > tbody,
.BZ_Chart_Pro > tbody,
.QMDJCalcGenMap,
#TCbazimapR02  {
    position: relative;
}

.QimenDunjia > .CyMenMapMicro:after,
.TDMapEasy > tbody:first-of-type:after,
#hiddenSky .BZ_Chart_Pro:not(.ChartPower):after,
.BaziChartBlock .MainChart:after,
.BaziChartBlock .CurrentPillars:after,
.cDinamicTable .MainChart:after,
.QMDJCalcGenMap:after,
.QMDJ_Chart > .Chart:after,
.ZWDS_Chart > .Chart .CastleC:after,
#TCbazimapR02:after {
    display: flex;

    background: url(/img/ming-li_big_ru-RU.svg) no-repeat center;
    background-size: 70%;
    background-blend-mode: multiply;

    mix-blend-mode: multiply;
    opacity: 0.04;
    content: "";
    align-items: center;
    justify-content: center;
    font-size: 3vmin;

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;

    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;
}

.QimenDunjia > .CyMenMapMicro:after,
.TDMapEasy > tbody:first-of-type:after,
#hiddenSky .BZ_Chart_Pro:not(.ChartPower):after,
.BaziChartBlock .MainChart:after,
.BaziChartBlock .CurrentPillars:after,
.cDinamicTable .MainChart:after,
#TCbazimapR02:after {
    background-position: center 4em;
}

/*
.ML_TDM, .ML_THM - flex: 1 auto;
.ML_TA - flex: 0 auto;
.ML_TD -
*/


/*
Простая таблица, в основном для хелпа
*/
.table {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    gap: 0em 2em; }
.tr { display: flex; }
.td { flex: 1; }
.SHCont h3 {
    box-sizing: border-box;
    vertical-align: middle;
    border: navajowhite;
    padding: 0;
    margin-bottom: 0.5em;
    margin-top: 0;
}

h3 img {
    width: 3em;
    float: left;
}

.wrapper_section_compatibility .ML_Table {
    min-width: 35em;
}

.ML_Table, .ML_THeader, .ML_THead, .ML_TBody, .ML_TFooter, .ML_TFoot, .ML_TR,
.ML_Table #addsetblock {
    display: flex;
}

.ML_Table #LangWorkArea,
.ML_Table #GeoWorkArea {
    display: flex;
    flex: 1 0 100%;
    flex-wrap: wrap;
}

.ML_Table.AllFlexTable .ML_THead,
.ML_Table.AllFlexTable .ML_TFoot {
    position: sticky;
    background-color:rgba(255, 255, 255, 0.97);
    z-index: 10;
}

.ML_Table.AllFlexTable .ML_THead {
    top: 0;
}

.ML_Table.AllFlexTable .ML_TFoot {
    bottom: 0;
}

.ML_Table.AllFlexTable .ML_TD,
.ML_Table.AllFlexTable .ML_TH,
.ML_TR.Pager .ML_TD {
    display: inline-flex;
    padding: 0.5em 0.3em 0.5em 0.3em;
}

.ML_TR .Pager {
    flex:1;
}

#GeoWorkArea .ML_TD,
#Basket .ML_TFoot .ML_TR.ReferalCode .ML_TD   {
    flex-wrap: wrap;
}

.ML_Table.AllFlexTable .ML_TD,
.ML_Table.AllFlexTable .ML_TH,
.ML_TR.Pager .ML_TD,
#GeoWorkArea .ML_TR {
    position: relative;
}

.ML_Table.FieldsetW100  fieldset {
    width: 100%;
}

.ML_TR.Pager {
    margin-top: 0;
}

.ML_TR.Pager .ML_TD {
    padding-bottom: 0;
}

.ML_Window .ML_TR.Pager .ML_TD {
    padding-bottom: 0.5em;
}

.ML_TR .Prev, .ML_TR .Next {
    display: inline-flex;
    align-items: center;
    line-height: 1.1em;
}

.wrapper_section_read .ML_TR .Prev, .wrapper_section_read .ML_TR .Next {
    width: 15em;
}

.ML_Table .TBody a, .ML_Table > .ML_TR a {
    color: #333;
	text-decoration: none;
    }
.ML_Table .TBody a:hover, .ML_Table > .ML_TR a:hover { color: var(--color-Blue-hover);
	text-decoration: underline; }

.ML_Table *:not(.FormBlockDescr):not(.autosize):not(.AllBotton):not(.AllBottonLight) { line-height: 1.3em; }

.ML_Table label,
.ML_Table span {
    box-sizing: border-box;
}

.ML_Table .AddJSVarCell label,
.ML_Table .AddTAGSVarCell label,
.ML_Table .AddDICVarCell label,
.ML_Table .IMGCheckBox.CheckBox_SH + label {
    margin: 0;
}

.ML_Table > span:not(.Select):not(.flagBG) {
    margin: 0;
}

.ML_Table hr {
    margin: 1em 0;
}

.ML_Table svg {
    width: 1.1em;
	height: 1.1em;
    min-width: 1.1em;
	min-height: 1.1em;
	margin-bottom: -0.3em;
	margin-top: -0.3em; }

.ML_Table .tox-tinymce svg,
.ML_Table .tox-tinymce button svg,
.ML_Table button  .tox .tox-tbtn__select-chevron svg,
.tox-tinymce button svg {
    width: auto;
    height: auto;
    margin-bottom: inherit;
    margin-top: inherit;
    min-width: unset;
    min-height: unset;
}


.ML_Table .TranslateLang svg,
.ML_Table .DeleteLine svg {
    margin: 0;
}

.ML_Table .TranslateLang,
.ML_Table .DeleteLine {
	margin-bottom: -0.2em;
	margin-top: -0.2em;
}

.ML_Table .SectionFiles {
    flex: 1;
    justify-content: flex-end;
}

.ML_Table .SectionFiles a {
   align-items: center;
   flex-direction: row;

   max-width: inherit;
   padding: 0.2em 0.6em 0.2em 0.6em;
}

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

.ML_Table .SectionFiles a[target="_Blank"]:after {
    right: 0.1em;
    top: 0.2em;
 }

.ML_Table .SectionFiles a .OS_TYPE {
    margin-left: -0.4em;
}
.ML_Table, .ML_THeader, .ML_THead, .ML_TBody, .ML_TFooter, .ML_TFoot, .ML_TR {
	box-sizing: border-box;
    flex: 1 0 100%;}

section.ML_Table {
    justify-content: center;
}

.ML_Table  .ML_THeader, .ML_THead, .ML_Table  .ML_TBody, .ML_Table  .ML_TFoot {
    max-width: 100%;
}

.ML_Table, .ML_THeader, .ML_THead, .ML_TBody, .ML_TFooter, .ML_TFoot {
   flex-wrap: wrap; }

.ProdBundle { margin-bottom: 2em; }

.ProdBundle .ML_TR a > img {
    width: 6em;
    min-width: 6em;
    }

/*.info_block_Teacher + .ML_Table { margin-top: 1em; }*/

.ML_THeader, .ML_THead {
	border-bottom: var(--border-style-Light);
	text-align: center;
	color: #706050;
	font-weight: bold;}

.ML_THeader label, .ML_THead label {
    font-weight: initial;
    color: initial;
}

.ML_THeader .ML_TH,
.ML_THead .ML_TH {
   justify-content: center; }

.ML_THeader .ML_TRs,
.ML_THead .ML_TRs  {
    align-items: flex-end; }

.ML_TBody {  }

.ML_TBody .Product,
.FSection .Product {
    display: flex;
    align-items: center;
}

.Title .OS_TYPE {
    padding-top: 0;
    padding-bottom: 0;
}

.ML_TBody .ML_TH.BProdName,
.ML_TBody .ML_TD.BProdName {
    display: flex;
    align-items: center;
}

.ML_TR {
   flex-direction: row;
 	}

.ML_TR.Row_New {
    background-color: var(--color-Orange-Light-Trans);
}

.ML_TR.negative {
    color: inherit;

  box-shadow: 0 0 0.5em rgba(224, 0, 0, 0.5);

  border: 1px solid #e00000;
  margin-bottom: -1px;
}

/*
содержимое с переносом
*/
.ML_TC {
    display: inline-flex;
    flex-direction: column;
    }

.wrapper_section_lite .ML_Table .ML_TC.Specialization h3 {
        flex: unset;
    }

.ML_TC hr {

}

.ML_BB_No { border-bottom: none; }
.ML_BT_No { border-top: none; }
.ML_BA_No { border: none; }

.ML_Table .ML_TR:not(:last-child) { border-bottom: 1px dashed #dfd8d0; }
.wrapper_section_lite .ML_Table .ML_TR:not(:last-child) { border-bottom: none; }

.ML_Table:not(.SuportMenu):not(.PaymentCheck):not(.Ads_Control) .FBody .ML_TR:first-child {border-top: 1px solid #dfd8d0; }
.ML_Table fieldset .FBody .ML_TR:first-child {border-top: 0;}

.ML_THead.SuportMenu .ML_TR:first-child {border-top: none; }

.FBody .ML_TR, .FBody .ML_TR:first-child,
.ML_Table:not(#Basket) .ML_TBody .ML_TR:first-child { border-top: none; }
/*
.ML_Table#Basket .ML_TBody .ML_TR:first-child { border-top: 1px solid #dfd8d0; }
*/

.ML_Table .ML_TR:last-child { border-bottom-style: solid; }
.ML_Table .ML_TBody .ML_TR:last-child,
.ML_Table > .ML_TR:last-child { border-bottom: none; }

.ML_Table .ML_TBody .ML_TR:hover,
.ML_Table .ML_TBody .ML_TR .ML_TH:hover,
.ML_Table .ML_TBody .ML_TR .ML_TA:hover,
.ML_Table .ML_TBody .ML_TR .ML_TD:hover {
    background-color: rgba(223, 216, 208, 0.18);
    }

.ML_TR.VAM, .ML_TR.VAM .ML_TH, .ML_TR.VAM .ML_TD, .ML_TD.VAM, .ML_TA.VAM, .ML_TH.VAM {
   align-items: center;
   }

.ML_TR.VAT {
    align-items: flex-start;
}

/*
Нельзя делать flex-wrap: wrap; по умолчанию
*/
.ML_TR.VAM .ML_TH, .ML_TR.VAM .ML_TD, .ML_TD.VAM, .ML_TA.VAM, .ML_TH.VAM {
    display: inline-flex;
}

.ML_TR.VAM {
    display: flex;
}

.ML_TD.VAB, .ML_TH.VAB,
.ML_TH.rate {
    align-items: flex-end;
    text-align: right; }

.ML_TD, .ML_TH, .ML_TA, .ML_TDM, .ML_THM {
	box-sizing: border-box;
    align-items: baseline;
	vertical-align: baseline;}

.ML_TD, .ML_TH, .ML_TA, .ML_TDM, .ML_THM,
.DiscountBlock {
	padding: 0.5em 0.5em 0.5em 0.8em;
}

.StickyBottom .ML_TD,
.StickyBottom .ML_TH {
    padding-top: 0;
    padding-bottom: 0;
 }

.ML_TR .Activisation_Only {
        display: flex;
        flex: 1;
        flex-wrap: wrap;
        padding: 0.5em 0 0.8em 0;
    }
.ML_TR .Activisation_Only h3 {
    margin-right: 1em;
    }

#Result,
.ML_TD, .ML_TH, .ML_Table.AllFlexTable .ML_TBody select,
.ML_Table.AllFlexTable textarea,
.ML_Table.AllFlexTable input[type="text"], .ML_Table.AllFlexTable input[type="password"],
.ML_Table.AllFlexTable input[type="email"], .ML_Table.AllFlexTable input[type="number"],
.ML_Table.AllFlexTable input[type="range"], .ML_Table.AllFlexTable input[type="search"],
.ML_Table.AllFlexTable input[type="tel"], .ML_Table.AllFlexTable input[type="url"],
.ML_Table.AllFlexTable input[type="color"], .ML_Table.AllFlexTable input[type="time"],
.ML_Table.AllFlexTable .TextCell .FormItemConnect  {
   flex: 1;
   }

.ML_TD, .ML_TH,
.ML_Table.AllFlexTable textarea, button,
.ML_Table.AllFlexTable input[type="text"], .ML_Table.AllFlexTable input[type="password"],
.ML_Table.AllFlexTable input[type="email"], .ML_Table.AllFlexTable input[type="number"],
.ML_Table.AllFlexTable input[type="range"], .ML_Table.AllFlexTable input[type="search"],
.ML_Table.AllFlexTable input[type="tel"], .ML_Table.AllFlexTable input[type="url"],
.ML_Table.AllFlexTable input[type="color"], .ML_Table.AllFlexTable input[type="time"],
.ML_Table.AllFlexTable .TextCell .FormItemConnect  {
    margin: 0.1em 0.1em;
    }


#Basket .ML_TD,
.ML_TH ~ .ML_TD,
.flex0.ML_TD, .flex0.ML_TH {
    flex: 0;
}

.ML_Table.ShoolPay .ML_TD, .ML_TA,
.ML_TD_FA, .ML_TH_FA {
    flex: 0 auto;
}

.ML_TBody .ML_TA {
    position: relative;
}

.ML_TBody .ML_TA.iD {
    padding-left: 1em;
    min-width: 6em;
    text-align: right;
    justify-content: end;
}

.ML_TBody .ML_TA.iD::after {
    content: "";
    background-color: var(--GraphLineColor);
    width: 0.6em;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.ML_TBody .ML_TA.OrderCount {
    min-width: 3em;
    text-align: right;
    justify-content: end;
}

.ML_TBody .ML_TA.Total,
.ML_TBody .ML_TA.AveragePrice {
    min-width: 8em;
    text-align: right;
    justify-content: end;
}

.ML_TBody .ML_TA.RemoveItem {
    min-width: 3em;
    text-align: center;
}

#Basket .ML_TBody .ML_TD, #Basket  .ML_TBody .ML_TH {
    padding-top: 1.0em;
    padding-bottom: 1.0em;
}

#Basket .ML_TBody .ML_TD.BCount {
    white-space: nowrap;
}

#Basket .ML_TBody .ML_TD.BPrice {
    flex-direction: column;
}

.Main, .ML_TDM, .ML_THM  {
   flex: 1 auto;
   }


.HidenSkyStem td > div,
.HidenSkyStem th > div {
    display: flex;
    align-items: center;
    justify-content: center;
}


.HidenSkyStem td > div span,
.HidenSkyStem th > div span {
    margin: 0 0.2em;
}

.ML_Table_Chart.BZ_Chart_Pro .Main,
.ML_Table_Chart .Main {
    font-size: 1.3em;
    flex: 0 auto;
   }

.f_JA_SB .ML_TD, .f_JA_SB .ML_TH { padding: 0.5em 0.2em; }

.ML_TR .ML_TD:last-child, .ML_TR .ML_TH:last-child { padding-right: 0.5em; }
.ML_TR .ML_TD:first-child, .ML_TR .ML_TH:first-child { padding-left: 0.5em; }


.ML_TD.PriceB, .ML_TH.PriceB,
.ML_TD, .ML_TH { margin: 0; }



.ML_TD .CheckBox + label + .FormSubBlock {
        margin-left: 2em;
    }

.ProdBundle .ML_TH,
.ShoolPay .ML_TH { text-align: right; }

.ML_Table .RatePrice,
.ML_Table #totPrice,
.ML_Table .ML_TD.result,
.ML_Table #Cost,
.ML_Table #block_for_button,
.ML_Table #PriceSumTotal,
.ML_Table #OrderFullPriceValue,
.ML_Table #OrderFullPriceValueCurrency,
.PriceValueCurrency {
        white-space: nowrap;
}

/*
.ML_Table .ML_TD.BCTotPrice,
.ML_Table .ML_TD .result {
    min-width: 5em;
}
*/

.ML_Table #totPrice,
.ML_Table .result .approx,
.ML_Table #DeliveryPriceValue,
.ML_Table #DeliveryPriceValueNew,
.ML_Table #Cost,
.ML_Table #PriceSumTotal,
.ML_Table #OrderFullPriceValue,
.ML_Table #OrderFullPriceValueCurrency,
.PriceValueCurrency,
.PriceValueKZT {
    min-width: 4em;
    display: inline-flex;
    text-align: right;
    flex-direction: column;
}

.PriceValueCurrency {
    font-size: 0.9em;
    color: var(--color-Gray);
}

.ML_Table #totPrice,
.ML_Table .result .approx,
.ML_Table #DeliveryPriceValue,
.ML_Table #DeliveryPriceValueNew,
.ML_Table #PriceSumTotal,
.ML_Table #OrderFullPriceValue,
.totPrice, .RatePrice,
.ML_Table #Cost .PriceValueCurrency + span {
    font-size: 1.6em;
}

.OrderTotalPrice {
    font-size: 1.3em;
}

.OrderFullPriceValue + .PriceValueCurrency,
#OrderFullPriceValue + .PriceValueCurrency {
    font-size: 1em;
}

.PriceValueKZT {
    font-size: 1.1em;
    color: var(--color-Gray-Dark);
}


#Basket.ML_Table .CountryName .FlagTxt {
    margin-top: -0.1em;
    margin-right: 0.1em;
}

.ML_Table #DeliveryMethod {
    line-height: 1.1em;
}

.RP_Shipping_Metod {
    flex: 1 1 100%;
    color: var(--color-Beige);
    font-size: 0.9em;
}

.totPrice #numcards_text,
.totPrice .numcards_text {
    font-size: 0.6em;
    color: var(--color-Beige);
}



.totPrice, .RatePrice {
    margin-left: 0.3em;
}


.ML_Table #totPrice .loader3Circle,
.ML_Table .result .approx .loader3Circle,
.ML_Table #DeliveryPriceValue .loader3Circle,
.ML_Table #Cost .loader3Circle,
.ML_Table #PriceSumTotal .loader3Circle,
.ML_Table #OrderFullPriceValue .loader3Circle {
    font-size: 0.35em;
}

.ML_Table .result .approx,
.ML_Table .RatePrice {
    padding-left: 0.3em;
}

#CourseResult .rate {
    justify-content: flex-end;
}

#Cource + .rate {
    margin-left: 2em;
    white-space: nowrap;
}

.ML_table.PaymentCheck .ML_TR {
    justify-content: flex-end;
}

#RateConverter select {
    margin: 0;
}


.ML_Table input[type="text"] ~ .label, .ML_Table input[type="password"] ~ .label, .ML_Table input[type="email"] ~ .label,
.ML_Table input[type="number"] ~ .label, .ML_Table input[type="range"] ~ .label, .ML_Table input[type="search"] ~ .label,
.ML_Table input[type="tel"] ~ .label, .ML_Table input[type="url"] ~ .label, .ML_Table input[type="color"] ~ .label,
.ML_Table input[type="time"] ~ .label, .checkable-list ~ .label,
.ML_Table textarea ~ .label, .ML_Table .FormItemConnect ~ .label, .ML_Table .value ~ .label, .AutoCountry ~ .label,
.ML_Table label ~ .label, .ML_Table  #sex ~ .label, .ML_Table  .FormBlock .FormSubBlock ~ .label, .ML_Table  .FormBlock .FormBlock ~ .label,
.FormBlock .label:last-child,
.FormSubBlock .label:last-child,
.ML_Table .value ~ .label,
.FormItemConnect + .label,
.MLToken_Wrapper ~ .label,
.wrapper_main_profile .FormBlock .label {
    order: -5;
}


#Basket tr td:first-of-type img,
#Basket tr th:first-of-type img,
.Product img,
.IMG_ShopMicro {
    object-fit: cover;
	width: 5em;
	min-width: 5em;
	height: inherit;
    }

.tabBasket.Schedule tbody td, .tabBasket.Schedule tbody th {
    padding: 0.4em 0.3em;
}

.tabBasket.Schedule .BProdName img,
#Basket .tabBasket.Schedule .BProdName figure {
    width: 5.5em;
    min-width: 5.5em;
}
.tabBasket.Schedule .BSeminarName img,
#Basket .tabBasket.Schedule .BSeminarName figure {
    width: 4.5em;
    min-width: 4.5em;
}

#Basket .tabBasket.Schedule figure {
    overflow: hidden;
}

#Basket .tabBasket.Schedule figure img {
    width: 100%;
    border-radius: var(--border-radius-xs);
}

.Product img {
    overflow: hidden;
    border-radius: var(--border-radius-xs);
}

.Product img,
.IMG_ShopMicro {
	margin-right: 0.8em;
}

.OrderContent .Cover {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-s);
    align-items: center;
}

.OrderContent .Cover img,
#Basket.OrderContent tr th:first-of-type .Cover img {
    object-fit: cover;
    width: 7em;
	margin: 0;
}

.IMG_ShopMicro {
    border-radius: var(--border-radius-xs);
}

.Flex_1 {
    flex: 1;
}

/*
.BPrice #BPrice,
*/
.OrderContent .Total_Cost
.OrderContent .fullprice {
    font-size: 1.2em;
}

.OrderContent .fullprice {
    font-size: 1.4em;
}

.BPrice #BPrice .BPrice_val,
.OrderContent .Order_MB,
.OrderContent .PromoCode_Main,
.OrderContent .Order_MB #balls {
    font-size: 1.1em;
}

.OrderContent .Delivery_Price .delivery {
    width: 6em;
}

.OrderContent .PromoCode_Main .Code {
    font-size: 1.1em;
}

.OrderContent .Order_MB #balls {
    text-align: right;
    box-shadow: 0 0 1em var(--color-Yello_Light),0 0 0.1em var(--color-Yello_Light);
}

.BCTotPrice {
    color: #333;
    font-weight: bold;
    min-width: 6em;
}

.UserOrder .ML_TR > :last-child:not(.ActionBar):not(.DiscountBlock) {
    min-width: 10em;
    flex-direction: column;
    align-items: flex-end;
}

.BCTotPrice,
.ML_TBody.UserOrder_List .BPrice,
.ML_TBody.UserOrder_List .BWeight,
.ML_TBody.UserOrder_List .BCount {
    font-size: 1.2em;
}

.OrderContent .Total_Cost {
    /*
    font-size: 1.2em
    */
}

.ML_TD { }

.ML_TD.Attent, .ShoolPay .ML_TD.Attent {
	margin: 0;
	border-top: none;
	border-bottom: none;
	border-radius: unset;
	padding: 0.5em 0.5em 0.5em 5em;

	flex: 1;
}

.ShoolPay .ML_TD.Attent {
    flex-wrap: wrap;
}

.ShoolPay .ML_TD.Attent .mess_dialog {
    margin-top: 0.5em;
}

.ShoolPay .PriceB + .ML_TD.Attent {
	border-left: 1px solid #dfd8d0;
	border-right: 1px solid #dfd8d0;
}

.ML_TD.Attent:first-child {
	padding-left: 5em; }

.ML_TD.Attent:before,
.ML_TD.Attent:after {
    position: absolute;
    display: flex;

    font-size: 2.5em;

	top: 50%;
	left: 1em;
	height: 1em;
	width: 1em;
	margin: -0.5em;

	box-sizing: border-box;
	}

.ML_TD.Attent:after {
    content: "!";
    align-items: center;
    justify-content: center;

    color: #fff;
	 text-shadow: -1px -1px 0 rgba(124, 0, 0,0.3);
	}

.ML_TD.Attent:before {
    content: "";

    background-color: rgba(224, 0, 0, 0.8);
    border: 1px solid #e00000;

	border-radius:0.5em;

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

.ML_TD.Attent .h4, .ML_TD.Attent h4 { font-size: 1.2em; }

.ML_TFooter, .ML_TFoot {
	border-top: var(--border-style-Light);
	text-align: center;
    }

.ML_TBody + .ML_TFoot {
    /*
    border-top: none;
    */
}

.ML_Table .ML_TBody ~ .ML_TFooter .ML_TR:first-child,
.ML_Table .ML_TR + .ML_TFooter .ML_TR:first-child,
.ML_Table .ML_TBody ~ .ML_TFoot .ML_TR:first-child,
.ML_Table .ML_TR + .ML_TFoot .ML_TR:first-child {
    border-top: none;
	 }
.ML_TR + .ML_TFooter, .ML_TR + .ML_TFoot { border-bottom: none;
	margin-top: -1px; }

.ML_TFooter .ML_TR:last-child, .ML_TFoot .ML_TR:last-child { border-bottom: none; }

.ML_TFooter .ML_TR, .ML_TFoot .ML_TR {
    align-items: center;
}

.ActionBar,
#Basket .ActionBar {
    display: flex;
    box-sizing: border-box;
    white-space: nowrap;

    align-items: center;
    border-radius: var(--border-radius-md);

    z-index: 3;
}

.ActivWnid_MainSect input[type="password"] {
    padding-right: 2.4em;
}

.ActivWnid_MainSect .ActionBar {
    position: absolute;
    font-size: 1.4em;
    margin-right: 0;
}

.ActivWnid_MainSect .ActionBar.Right {
    right: 0;
}

.FFooter .ActionBar {
     box-shadow: unset;
}

article + .ActionBar {
    display: flex;
    margin-top: 1.2em;
}

.ML_TD.ActionBar,
.FFooter .ML_TD.ActionBar,
#Basket .ML_TD.ActionBar {
	flex: 0 0 auto;
    justify-content: flex-end;
}

.ML_TH.ActionBar,
#Basket .ML_TH.ActionBar,
.FFooter .ActionBar {
	flex: 1;
    justify-content: space-between;
}


.ML_Table#LetterList .ML_TBody .Title {
   font-size: 1.6em;
    padding: 0.6em 0 0.3em 0;
    white-space: normal;
}


.ML_Table#LetterList .ML_TH {
	flex: 2;
    position: relative;
}

.ML_Table#LetterList .ListMail {
	flex: 1;

    position: relative;
    min-width: 13em;
    line-height: 1.4em;
    padding-left: 2em;
}

.ML_Table#LetterList .ListMail .ListMail_Block {
    color: rgba(48, 64, 80, 0.7 );
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5em 0;
    padding: 0 0.5em 0 2em;
    width: 100%;
    height: calc(100% - 1em);
    box-sizing: border-box;
}

.ML_Table#LetterList .ListMail .ListMail_Block:hover {
   color: rgba(48, 64, 80, 1 );
}

.ML_Table#LetterList .ListMail_Result + .ListMail_Block {
    margin-top: 2em;
}

.ML_Table#LetterList .ListStatus {
    text-align: center;
    min-width: 10em;
}
.ML_Table#LetterList p {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100vw;
}

/* НАЧАЛО: Карты бацзы Флекс */

.Chart {
    gap: 0.2em;
}
.Chart .Pillar {
    gap: 0.1em;
}

.Chart .Pillar .Head {
    grid-area: unset;
    display: inline-flex;
    align-self: stretch;
    justify-content: center;

    text-transform: uppercase;
    color: var(--color-Beige);
    padding-bottom: 0.1em;
    border-bottom: var(--border-style-Light);
}

.Chart .Pillar .Head .text {
    font-size: 0.5em;
    line-height: 1em;
}

.Chart .Pillar,
.Chart .Pillar .HS,
.Chart .Pillar .EB,
.Bazi_Chart .Pillar,
.Bazi_Chart .Pillar .HS,
.Bazi_Chart .Pillar .EB {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.Chart .Pillar .Name {
    color: var(--color-Beige-Dark);
    font-size: 0.7em;
    line-height: 1.1em;
}

.Chart .Pillar .Litera {
    font-size: 1.4em;
    line-height: inherit;
}

.Chart .Pillar .HS .Litera {
    order: 1;
}

/* ПЕРЕМЕННЫЕ ДЛЯ Таблицы бацзы
Основная структура
Bazi_Chart_Group - общая таблица куда вставлюятся другие в эом случае все таблицы будут одинаковыми по высоте строк
    Bazi_Chart - таблица карты
        Chart_Main - тип карты - чтобы можно было применить отдельный стиль - например общую рамку более темную, чтобы выделить таблицу
        Chart_Tact - для тактов
        Chart_Current - для текущих столпов


.Micro - минимальный вариант без рамок
.Compact - компактный вид без лишних отступов и рамок
    DarkBorder - Модификатор для создания более темного брдюра, например чтобы выделить Карту бацзы или например столп

    Pillar - столп в котором размещаютя ячейки
        Head - заголовок
        Item - любая ячейка (лучше к заголовку не применять
            Специализаця (тип ячейки)
            TenGods - десять богов

            JiaZi - позволяет сгруппировать HS и EB например, чтобы была общая рамка + можно отделить название, что позволяет более точно позиционировать дагуа и другие характеристики HS и EB
            HS - небесные стволы
            EB - земные ветви

            Stars - взвезды
            Блоки внутри ячейки - каждый тип данных рекомендуется размещать внутри ячейки чтобы можно было менять размеры  без влияния на все сразу
                text - обычный опсательный текст
                Hieroglyph - иероглиф
                    название элемента Fire, Water итд. это уже классы и другие доп модификаторы

Дополнителные ячейки
.TenGods -
*/

.Bazi_Chart_Group {
    --Col_Size: 4.5em;

    --Border_Rad: var(--border-radius-s);
    --Border_Rad_inset: 0.27em; /* так как внешний радус 0.3em то для сохранения контура в 1px нужно уменьшить внутренний радиус не на 1px а чуть меньше */

    --Border_Light: var(--border-style-Light);
    --Border_Chart_Main: var(--border-style-Norm);

    --BG_Bazi_Chart: var(--color-BG-Light);
    --BG_Item: var(--color-BG-Light);
    --BG_Bazi_Chart_Main: none;

    --BG_Item_Head: var(--color-Beige);
    --Font_Color_Head: var(--color-Beige-Bright);

    --Chart_Hieroglyph_Main: 1.8em;
    --Chart_Hieroglyph_Stickers: 0.8em;
    --Chart_Hieroglyph_HidenSkyStem_Short: 0.85em;
    --Chart_Hieroglyph_HidenSkyStem_Short_Main: 1.2em;
    --Chart_JiaZi_Text_Size: 0.8em;
    --QMDJ-Chart_Name_Text_Size: 0.8em;
    --QMDJ-NS_Center-Jia_Size: 1em;

    --Position_Jia: 0em;
    --Position_NS_Center: 1em;

    --Chart_Stickers: 0.9em;

    --Chart_Text_Size: 0.75em;
    --Chart_HeaderText_Size: var(--Chart_Text_Size);

    --col:6;--row: 5;

    --color-Text: var(--color-Beige-Dark);

    --col_Padding: 0.4em;
    --row_Padding: 0.3em;
    --JiaZi_Padding: 0.3em;

    --gap: var(--border-med);
    --gap_Item: 0.2em;
    --gap_Chart_Group: 0.6em;
    --gap_Chart: var(--gap);

    --Chart_Main_Start:1;
    --Chart_Main_Cols: 4;
    --Chart_Tact_Start:5;
    --Chart_Current_Start:6;
    --Chart_Current_Cols: 2;
}

.Bazi_Chart_Group.Compact {
/*    --Border_Light: none;
    --Border_Chart_Main: none;*/

    --Col_Size: 4em;

    --Border_Rad: var(--border-radius);
    --Border_Rad_inset: var(--border-radius-s);

    --Chart_Hieroglyph_Main: 1.6em;
    --Chart_Text_Size: 0.7em;

    --col_Padding: 0.3em;
    --row_Padding: 0.2em;

    /* Делаем темный фон для компактного вида, чтобы сформировать рамки */
    --BG_Bazi_Chart: var(--color-Beige-Light);
    --BG_Bazi_Chart_Main: var(--color-Beige);
    --BG_Item: var(--color-Beige-Bright);
}

.Bazi_Chart_Group.Micro {
    --Col_Size: 3.8em;

    --JiaZi_Padding: 0.2em;

    --Border_Rad: var(--border-radius);
    --Border_Rad_inset: var(--border-radius-s);
    --Border_Chart_Main: var(--border-style-Light);

    --Chart_Hieroglyph_Main: 1.6em;
    --Chart_Text_Size: 0.7em;
    --Chart_JiaZi_Text_Size: 0.8em;
    --Chart_HeaderText_Size: 0.7em;

    --BG_Item_Head: unset;
    --Font_Color_Head: var(--color-Beige);

    --BG_Bazi_Chart_Main: var(--color-Beige);

    --col_Padding: 0.2em;
    --JiaZi_Padding: 0;

    --gap: 0.2em;
}

.Bazi_Chart_Group.Smart,
.Bazi_Chart_Characteristics.Smart {
    --Col_Size: 4.0em;

    --Border_Rad:var(--border-radius-lg);
    --Border_Rad_inset: 0.6em; /* так как внешний радус 0.3em то для сохранения контура в 1px нужно уменьшить внутренний радиус не на 1px а чуть меньше */


    --BG_Item_Head: var(--color-Beige-Medium);
    --Font_Color_Head: var(--color-Beige-Dark);

    --color-Text: var(--color-Black);
    --Chart_Hieroglyph_Main: 1.7em;
    --Chart_JiaZi_Text_Size: 0.7em;
    --QMDJ-Chart_Name_Text_Size: 0.7em;
    --Chart_HeaderText_Size: 0.9em;
    --QMDJ-NS_Center-Jia_Size: 0.6em;

    --Position_Jia: 0.1em;
    --Position_NS_Center: 0.8em;

    --col_Padding: 0.2em;
    --row_Padding: 0.2em;
    --JiaZi_Padding: 0.3em;

    --BG_Bazi_Chart: var(--color-Beige-Dark);
    --BG_Pillar: var(--color-Beige-Dark);
    --BG_Item: var(--color-Light);

    --gap: var(--border-thin);
    --gap_Item: 0.2em;
    --gap_Chart_Group: 0.3em;
    --gap_Chart: var(--gap);
}

.Bazi_Chart_Group.Smart.Chart_and_Tact,
.Bazi_Chart_Info.Smart {
    --Col_Size: 4.8em;
    --Chart_Hieroglyph_Main: 2em;
    --Chart_JiaZi_Text_Size: 0.8em;

    --gap_Chart_Group: 0.6em;
}

/* -------------------- */

.Bazi_Chart_Group {
    display: grid;
    grid-template-rows: repeat(var(--row), auto);
    justify-content: left;
    gap: 0.1em var(--gap_Chart_Group);

    border-radius: var(--gap_Chart_Group);

    z-index: 1;
}

.Bazi_Chart_Info .Bazi_Chart_Group,
.Bazi_Chart_Characteristics .Bazi_Chart_Group {
    margin-bottom: 0.6em;
}

.Bazi_Chart {
    display: inline-grid;
    grid-row: 1 / -1;
    /*grid-row: 1 / end;*/
    grid-template-rows: subgrid;

    gap: var(--gap);
    padding: var(--gap);

    grid-auto-flow: dense row;
    border: var(--Border_Light);
    grid-auto-columns: var(--Col_Size);

    border-radius: var(--Border_Rad);
    background-color: var(--BG_Bazi_Chart);
}

/*main .Bazi_Chart_Group.Smart .Bazi_Chart:is(.Chart_Main,.Chart_Tact, .Chart_Current) {
    box-shadow: 0 0.3em 0.3em -0.2em rgba(112, 96, 80, 0.5);
}*/

.Bazi_Chart_Group.Smart .Bazi_Chart.Shadow {
    box-shadow: 0 0.3em 0.3em -0.2em rgba(144, 128, 112, 0.5);
    }
.Bazi_Chart_Group.Smart .Bazi_Chart.Chart_Main {
    box-shadow: 0 0 0 var(--border-med) rgba(144, 128, 112, 1);
    }

.Bazi_Chart_Group.Smart .Bazi_Chart.Chart_Main.Shadow {
    box-shadow: 0 0 0 var(--border-med) rgba(144, 128, 112, 1), 0 0.4em 0.4em -0.3em rgba(144, 128, 112, 0.4);
    }

.Bazi_Chart_Group .Title {
    padding: 0;
    justify-content: center;
    grid-row: inherit;
    grid-column: inherit;
}

.Bazi_Chart_Group .Title ~ .Bazi_Chart {
    grid-row: 2 / -1;
}

.CastleC .Micro .Bazi_Chart svg {
    width: 1em;
    height: 1em;
}

.CastleC .Micro .Bazi_Chart .Head svg {
    font-size:0.6em;
}

.Micro .Bazi_Chart {
    border: unset;
}

.Bazi_Chart_Group.Smart .Bazi_Chart,
.Bazi_Chart_Group.Compact .Bazi_Chart {
    /*padding: unset;*/
    overflow: hidden;
    border: none;
}

.Bazi_Chart_Group.Smart + .Bazi_Chart_Group.Smart {
    margin-top: 0.5em;
}

.Bazi_Chart.DarkBorder {
    /*border: var(--Border_Chart_Main);
    background-color: var(--BG_Bazi_Chart_Main);*/
    box-shadow: 0 0 0 var(--border-thin) var(--BG_Bazi_Chart_Main) inset;
}

.Micro .Bazi_Chart.DarkBorder {
    padding: var(--gap);
    box-shadow: box-shadow: 0 0 0 var(--border-thin) var(--color-Beige-Light) inset;
}

.Bazi_Chart .Separator {
    grid-row: 1 / -1;
    overflow: hidden;
    height: var(--gap);
    background-color: var(--BG_Bazi_Chart_Main);
}

/* тут мы скругляем углы у первого и последнего элемента исключая выключенные столбцы */
.Bazi_Chart_Group.Smart .Bazi_Chart > :nth-child(1 of :not(.DNone)) > :nth-child(1 of :not(.DNone)),
.Bazi_Chart_Group.Compact .Bazi_Chart > :nth-child(1 of :not(.DNone)) > :nth-child(1 of :not(.DNone)) {
    border-top-left-radius: var(--Border_Rad_inset);
    /*border-bottom-left-radius: var(--Border_Rad);*/
    /*overflow: hidden;*/
}

.Bazi_Chart_Group.Smart .Bazi_Chart > :nth-child(1 of :not(.DNone)) > :nth-last-child(1 of :not(.DNone)),
.Bazi_Chart_Group.Compact .Bazi_Chart > :nth-child(1 of :not(.DNone)) > :nth-last-child(1 of :not(.DNone)) {
    /*border-top-left-radius: var(--Border_Rad);   */
    border-bottom-left-radius: var(--Border_Rad_inset);
    /*overflow: hidden;*/
}

.Bazi_Chart_Group.Smart .Bazi_Chart > :nth-last-child(1 of :not(.DNone)) > :nth-child(1 of :not(.DNone)),
.Bazi_Chart_Group.Compact .Bazi_Chart > :nth-last-child(1 of :not(.DNone)) > :nth-child(1 of :not(.DNone)) {
    border-top-right-radius: var(--Border_Rad_inset);
    /*border-bottom-right-radius: var(--Border_Rad);*/
    /*overflow: hidden; */
}

.Bazi_Chart_Group.Smart .Bazi_Chart > :nth-last-child(1 of :not(.DNone)) > :nth-last-child(1 of :not(.DNone)),
.Bazi_Chart_Group.Compact .Bazi_Chart > :nth-last-child(1 of :not(.DNone)) > :nth-last-child(1 of :not(.DNone)) {
    /*border-top-right-radius: var(--Border_Rad); */
    border-bottom-right-radius: var(--Border_Rad_inset);
    /*overflow: hidden; */
}


.Bazi_Chart_Group.FlatTop,
.Bazi_Chart_Characteristics.FlatTop {
    margin-top: 0;
    padding-top: 0;
}

.Bazi_Chart_Group.FlatBottom,
.Bazi_Chart_Characteristics.FlatBottom {
    margin-bottom: 0;
    padding-bottom: 0;
}


.Bazi_Chart_Group.FlatTop .Bazi_Chart,
.Bazi_Chart_Characteristics.FlatTop .Bazi_Chart,
.Bazi_Chart_Group.FlatTop .Bazi_Chart .Pillar > :first-child,
.Bazi_Chart_Characteristics.FlatTop .Bazi_Chart .Pillar > :first-child {
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
}

.Bazi_Chart_Group.FlatBottom .Bazi_Chart,
.Bazi_Chart_Characteristics.FlatBottom .Bazi_Chart,
.Bazi_Chart_Group.FlatBottom .Bazi_Chart .Pillar > :last-child,
.Bazi_Chart_Characteristics.FlatBottom .Bazi_Chart .Pillar > :last-child {
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.Bazi_Chart .Pillar {
    display: grid;
    gap: var(--gap);
    grid-row: 1 / -1;
    grid-template-rows: subgrid;
    align-items: unset;
}

.Bazi_Chart .Pillar .Stickers {
    gap: 0.2em;
    padding: 0.1em 0;
    min-width: 0.5em;
}

.Bazi_Chart .Pillar > .Head,
.Bazi_Chart .Pillar > .Item {
    display: inline-flex;
    justify-content: center;
    gap: var(--gap_Item);

    /*align-self: stretch;
    align-items: center;*/

    box-sizing: border-box;
    position: relative;
    width: unset;
    height: unset;

    border-radius: var(--Border_Rad);
    border: var(--Border_Light);

    padding: 0.2em var(--col_Padding);
}

.Bazi_Chart .Pillar > .Item {

    flex-direction: column;
}

.Micro .Bazi_Chart .Pillar .Head,
.Micro .Bazi_Chart .Pillar .Item {
    border: unset;
}

.Bazi_Chart .Pillar {
    text-shadow: var(--text-shadow-White);
}

.Bazi_Chart .Pillar .HS {
    padding-top: var(--JiaZi_Padding);
}

.Bazi_Chart .Pillar .EB {
    padding-bottom: var(--JiaZi_Padding);
}

.Micro .Bazi_Chart .Pillar .HS,
.Micro .Bazi_Chart .Pillar .EB {
    box-shadow: 0 0 0 var(--border-thin) var(--color-Beige-Light);
}

.Pillar .Stickers .DaGua,
.Bazi_Chart .Pillar .Stickers .DaGua {
    font-size: var(--Chart_Stickers);
    line-height: 1em;
}

.Pillar .Hieroglyph.NaiJin,
.Bazi_Chart .Pillar .Hieroglyph.NaiJin {
    font-size: var(--Chart_Hieroglyph_Stickers);
}

.Bazi_Chart .Pillar .HS,
.Bazi_Chart .Pillar .EB,
.Bazi_Chart .Pillar.DarkBorder .Item {
    border-color: var(--color-Beige);
}

.Bazi_Chart .Pillar .JiaZi,
.Bazi_Chart .Pillar .Item.JiaZi {
    display: flex;
    flex-direction: column;
    border: var(--Border_Chart_Main);
    gap: var(--gap_Item);
}

.Bazi_Chart .Pillar .JiaZi .HS,
.Bazi_Chart .Pillar .JiaZi .EB {
    position: relative;
    border: none;
    box-shadow: unset;
    /*padding-bottom: 0; */
}

.Bazi_Chart .Pillar .JiaZi .HS {
    margin: var(--JiaZi_Padding) 0 0 0;
}

.Bazi_Chart .Pillar .JiaZi .EB {
    margin: 0 0 var(--JiaZi_Padding) 0;
}


.Bazi_Chart_Group.Smart .Bazi_Chart .Pillar .HS,
.Bazi_Chart_Group.Compact .Bazi_Chart .Pillar .HS,
.Bazi_Chart_Group.Smart .Bazi_Chart .Pillar .EB,
.Bazi_Chart_Group.Compact .Bazi_Chart .Pillar .EB {
    margin: unset;
    border: none;
    box-shadow: 0 0 0 var(--gap) var(--BG_Bazi_Chart_Main);
}

.Bazi_Chart_Group.Compact .Bazi_Chart .Pillar.DarkBorder {
    background-color: var(--BG_Bazi_Chart_Main);
    box-shadow: 0 0 0 1px var(--color-Beige);
}

.Bazi_Chart_Group.Smart .Pillar .Head,
.Bazi_Chart_Group.Compact .Pillar .Head,
.Bazi_Chart_Group.Smart .Pillar .Item,
.Bazi_Chart_Group.Compact .Pillar .Item {
    border-radius: unset;
    border: none;
}

.Bazi_Chart .Pillar .Head .text,
.Bazi_Chart .Pillar .Item .text {
    hyphens: auto;
    text-overflow: ellipsis;
}

.Bazi_Chart .Pillar .Head .text {
    font-size: var(--Chart_HeaderText_Size);
    line-height: 1.5em;
    }

.Bazi_Chart .Pillar .Item .text {
    font-size: var(--Chart_Text_Size);
    }

.Bazi_Chart .Pillar .Item .text,
.Bazi_Chart .Pillar .Item .Name {
    color: var(--color-Text);
    font-size: var(--Chart_JiaZi_Text_Size);
    text-align: center;
    line-height: 1.0em;
}

.Micro .Bazi_Chart .Pillar .Head .text {
    font-weight: bold;
}

.Bazi_Chart .Pillar .Item {
    background-color: var(--BG_Item);
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}

.Bazi_Chart .Pillar .Head {
    grid-area: unset;
    padding: 0.1em var(--col_Padding);

    background-color: var(--BG_Item_Head);
    color: var(--Font_Color_Head);
    text-shadow: none;
    align-items: center;
}

.Bazi_Chart .Pillar a.Head {
    text-decoration: none;
}

.Bazi_Chart .Pillar a.Head:hover {
    color: var(--color-Blue-hover);
}

.Bazi_Chart .Pillar .DateShift .Previous,
.Bazi_Chart .Pillar .DateShift .Next {
    display: inline-flex;
    flex: 1;
    justify-content: center;
}

.Micro .Bazi_Chart .Pillar .Head {
    padding: 0.2em var(--col_Padding);
}

.Bazi_Chart .Pillar .Head .text {
    text-transform: uppercase;
    justify-content: center;
    text-align: center;
}

.Smart .Bazi_Chart .Pillar .Head .text {
    text-transform: none;
    line-height: 1.3em;
}

.Micro .Bazi_Chart .Pillar .Head {
    border-bottom: var(--Border_Light);
    border-radius: unset;
}

.CastleC .Micro .Bazi_Chart .Pillar .Head {
    border-bottom: unset;
}

.Bazi_Chart .Pillar .Hieroglyph {
    line-height: 1em;
    position: relative;
}

/*.Bazi_Chart .Pillar .JiaZi .Hieroglyph,
.Bazi_Chart .Pillar .HS .Hieroglyph,
.Bazi_Chart .Pillar .EB .Hieroglyph {
    font-size: var(--Chart_Hieroglyph_Main);
}*/

.Bazi_Chart .Pillar .JiaZi .Hieroglyph.Main,
.Bazi_Chart .Pillar .HS .Hieroglyph.Main,
.Bazi_Chart .Pillar .EB .Hieroglyph.Main {
    font-size: var(--Chart_Hieroglyph_Main);
    align-self: stretch;
}

.Bazi_Chart .HexChar {
    display: inline-flex;
    justify-content: center;
}

.Bazi_Chart .HexChar svg {
    color: var(--color-Beige-Dark);
    width: 1.8em;
    min-width: 1.8em;
    height: 1.3em;
    min-height: 1.3em;
    font-size: 1.2em;
    margin: 0.1em 0;
}

.Bazi_Chart .Stickers .HexChar svg {
    width: 0.8em;
    min-width: 0.8em;
    height: 0.8em;
    min-height: 0.8em;
    font-size: 1em;
    margin: 0;
}

.Bazi_Chart.SymbolStarsDay .Pillar .Item,
.Bazi_Chart .Pillar .Item.PhaseZi,
.Bazi_Chart .Pillar .Item.SymbolStars {
    justify-content: flex-start;
}

.Bazi_Chart .Pillar .Stars {
    flex-direction: column;
    gap: 0.2em;
    justify-content: flex-start;
}

.Bazi_Chart .Pillar .HidenSkyStem_Short {
    display: flex;
    gap: 0.1em;
    justify-content: space-evenly;
    align-items: center;
}

.Bazi_Chart .Pillar .HidenSkyStem_Short .Hieroglyph {
    font-size: var(--Chart_Hieroglyph_HidenSkyStem_Short);
}
.Bazi_Chart .Pillar .HidenSkyStem_Short .Hieroglyph.Main {
    font-size: var(--Chart_Hieroglyph_HidenSkyStem_Short_Main);
}

.Bazi_Chart .Pillar .HidenSkyStem_Short .TenGods {
    line-height: 1em;
    display: flex;
    gap: 0.2em;
}

.Bazi_Chart .Pillar .HidenSkyStem_Short .TenGods,
.Bazi_Chart .Pillar .HidenSkyStem_Short .TenGods .text {
        line-height: 1em;
}

.Bazi_Chart .Pillar .HidenSkyStem_Short .HidenSkyStem {
    display: flex;
    gap: 0.2em;
    align-items: center;
}


.Smart .QMDJ_Chart .Castle5 .Castle_Item .Name,
.Smart .QMDJ_Chart .QMDJ_Castle .Castle_Item .Name,
.Smart .QMDJ_Chart .QMDJ_Castle .Castle_Item .QMDJ_HSubN {
    font-size: 0.8em;
}

.Smart .QMDJ_Chart > * .Direction .Title,
.Smart .QMDJ_Chart .QMDJ_Castle .Castle_Item .Name {
    font-family: var(--font-SemiCond);
}

.Smart .QMDJ_Chart .QMDJ_Castle,
.Smart .QMDJ_Chart .Castle5 {
    background-color: var(--color-Light); 
}

.Smart .Smart .QMDJ_Chart > * .Direction .Title,
.Smart .QMDJ_Chart .QMDJ_Castle .Castle_Item .Name {
    font-size: var(--QMDJ-Chart_Name_Text_Size);
    color: var(--color-Text);
    }

.QMDJ_Chart .Castle5 .Castle_Item .Jia > *,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .Jia > *,
.QMDJ_Chart .Castle5 .Castle_Item .NS_Center > *,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .NS_Center > * {
    font-size: var(--QMDJ-NS_Center-Jia_Size);
    line-height: 1em;
}

.QMDJ_Chart .Castle5 .Castle_Item .Jia,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .Jia {
    top: var(--Position_Jia);
}

.QMDJ_Chart .Castle5 .Castle_Item .NS_Center,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .NS_Center {
    top: var(--Position_NS_Center);
}

/* КОНЕЦ: Карт Бацзы Флекс */

/*
НАЧАЛО: Добавление файла
*/

.AddFile {  display: grid;
    grid-template-columns: 1fr repeat(5, min-content);
    grid-template-rows: repeat(3, min-content);
    gap: 0.6em 0.6em;
    grid-auto-flow: row dense;
    align-items: center;
}

.ML_Window .AddFile {
    grid-template-areas:
        "AddFile_Description AddFile_Description AddFile_Description AddFile_FileType AddFile_FileType AddFile_FileType"
        "AddFile_Link AddFile_Link AddFile_FileSize AddFile_FileSize AddFile_DRM4 AddFile_DRM4ID"
        "AddFile_Timecodes AddFile_Timecodes AddFile_Timecodes AddFile_Timecodes AddFile_Timecodes AddFile_Timecodes";
}

.AddFile .AddFile_Download {
    grid-area: AddFile_Download;
}

.AddFile .AddFile_Link {
    grid-area: AddFile_Link;
    display: inline-flex;
    }

.AddFile .AddFile_Link input#url {
    display: inline-flex;
    flex: 1;
}

.AddFile .AddFile_Description {
    grid-area: AddFile_Description;
    display: inline-flex; }

.AddFile .AddFile_Description input#description {
    display: inline-flex;
    flex: 1;
    }

.AddFile .AddFile_FileSize {
    grid-area: AddFile_FileSize;
    display: inline-flex;
    }

.AddFile .AddFile_FileSize {
}

.AddFile .AddFile_FileSize input#fsize {
    width: 7em;
}

.AddFile .AddFile_FileType {
    grid-area: AddFile_FileType;
    display: inline-flex;
    justify-content: flex-end;
    }

.AddFile .AddFile_FileType #FileType {
    width: 7em;
    flex: 1;
}

.AddFile .AddFile_DRM4 { grid-area: AddFile_DRM4; }

.AddFile .AddFile_DRM4ID {
    grid-area: AddFile_DRM4ID;
    }

.AddFile .AddFile_DRM4ID input#ProfileID {
    width: 4em;
}

.AddFile .AddFile_Timecodes {
    grid-area: AddFile_Timecodes;
    display: inline-flex;
    flex-wrap: wrap;
}

.AddFile .AddFile_Timecodes textarea {
    flex: 1 0 100%;
    background-image: var(--SVG-Ico-TimeCode-BG);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20% 80%;
    }

/*
КОНЕЦ: Добавление файла
*/


/*
НАЧАЛО: Все заказы пользователя
*/

.UserOrders .Filter .FormItemConnect input,
.UserOrders .Filter .FormItemConnect button,
.UserOrders .Filter .FormItemConnect input+label,
.UserOrders .Filter .FormItemConnect {
    margin-bottom: 0;
    margin-top: 0;
}

.UserOrders .Filter .ML_TA {
    display: inline-flex;
    flex-wrap: nowrap;
}

.UserOrders .Filter .ML_TA label {
    text-align: left;
}

.UserOrders .AccStatus .label,
.UserOrders .Discount .label,
.UserOrders .Amount .label {
    justify-content: flex-start;
    text-align: left;
    width: 20em;
}

.UserOrders .label svg {
    margin-right: 0;
}

#Result #UserInfo {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

#Result #UserInfo .Name {
    font-size: 1.6em;
}

#Result #UserInfo .Name .ID {
    position: relative;
    font-size: 0.7em;
    bottom: 0.4em;
}

#Result #UserInfo .Amount,
#Result #UserInfo .Discount,
#Result #UserInfo .AccStatus {
    margin-top: 0.4em;
}

#Result #UserInfo .AccStatus {
    margin-bottom: 0.8em;
}



.UserOrders,
.UserOrders > .ML_Table {
    display: contents;
}

.List_UserOrder .loader3Circle {
    position: absolute;
    left: 50%;
    z-index: 50;
}

.List_UserOrder .Scope {
    display: flex;
    gap: 0;
    justify-content: center;
}

.List_UserOrder .Scope .Item {
    display: inline-block;
    position: relative;
    padding: 0 0.6em 0.2em 0.6em;
    margin: 0;
}

.List_UserOrder .Scope .Item:not(:last-child):after {
    content: "";
    display:inline-block;
    position: absolute;
    right: 0;
    height: 100%;
    width: 0;
    overflow: hidden;
    border-right: 1px solid;
}

.List_UserOrder h1 .Amount,
#UserOrdersApp h1 .Amount {
    font-size: 0.4em;
    position: relative;
    bottom: 1em;
    color: var(--color-Beige);
}

.UserOrders .Result section .Details svg,
.UserOrders #Result section .Details svg,
#Result #UserInfo .Amount svg,
#Result #UserInfo .Discount svg,
#Result #UserInfo .AccStatus svg {
    position: relative;
    bottom: 0.1em;
}

#Result section,
.List_UserOrder section,
#UserOrdersApp section {
    border-radius: var(--border-radius-fieldset);
    border: 1px solid var(--color-Beige-Light);
    padding: 1.6em 0.8em 0.8em 0.8em;
    margin-bottom: 1em;
    flex-grow: 1;
}

.UserOrders .Result section .Details,
.UserOrders #Result section .Details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4em;
}

#Result .Pager,
.List_UserOrder .Pager,
#UserOrdersApp .Pager {
    display: flex;
}

.List_UserOrder .Pager.StickyBottom,
#UserOrdersApp .Pager.StickyBottom {
    border-top: var(--border-style-Light);
    padding-top: 0.8em;
}

/*
.List_UserOrder section,
#UserOrdersApp section {
    display: flex;
    gap: 1em;
}
*/

.List_UserOrder section.Item,
#UserOrdersApp section.Item {
/*
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: repeat(2, min-content);
    grid-auto-rows: 1fr;
    grid-auto-flow: column dense;
    justify-items: stretch;
    grid-template-areas:
        "Details Basket"
        "Details .";
*/
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.List_UserOrder section.Item .Basket,
#UserOrdersApp section.Item .Basket { grid-area: Basket; }

.List_UserOrder section.Item .Details,
#UserOrdersApp section.Item .Details { grid-area: Details; }


.List_UserOrder section.Item .Installment_Details,
#UserOrdersApp section.Item .Installment_Details {
    flex: 1 0 100%;
    padding: 1em;
    box-sizing: border-box;
}

.List_UserOrder section.Item .Installment_Details h3,
#UserOrdersApp section.Item .Installment_Details h3 {
    margin-bottom: 0;
}

.List_UserOrder section.Item .Installment_Details .Payments_List ol,
#UserOrdersApp section.Item .Installment_Details .Payments_List ol {
    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
}

.List_UserOrder .Payments_List ol li,
#UserOrdersApp .Payments_List ol li {
    max-width: 25%;
}

.List_UserOrder section .Details,
#UserOrdersApp section .Details {
    display: inline-flex;
    flex-direction: column;
    gap: 0.3em;
    flex: 2;
}

.List_UserOrder section .Details .Order_Num time,
#UserOrdersApp section .Details .Order_Num time {
    flex-direction: column;
}

.List_UserOrder section .Details time,
#UserOrdersApp section .Details time {
    font-size: 0.6em;
    line-height: 1.2em;
}
.List_UserOrder section .Details .Order_Status svg:not(.PayMetods),
#UserOrdersApp section .Details .Order_Status svg:not(.PayMetods) {
    width: 1em;
    min-width: 1em;
    height: 1em;
    min-height: 1em;
}

.List_UserOrder section .Details .Order_Status svg.PayMetods,
#UserOrdersApp section .Details .Order_Status svg.PayMetods {
    height: 1.4em;
    width: inherit;
    min-width: inherit;
    margin-bottom: -0.2em;}

.List_UserOrder section .Details address,
#UserOrdersApp section .Details address {
    margin-top: 0.4em;
    padding-left: 1.4em;
    box-sizing: border-box;
}

.List_UserOrder section .Details address .Phone,
.List_UserOrder section .Details address .Street,
#UserOrdersApp section .Details address .Phone,
#UserOrdersApp section .Details address .Street {
    margin-left: -1.6em;
}

.List_UserOrder section .Name,
#UserOrdersApp section .Name {
    margin-bottom: 0.4em;
    margin-top: 0.8em
}

.List_UserOrder section .Name > .text,
#UserOrdersApp section .Name > .text {
    font-size: 1.2em;
}

.List_UserOrder section .icoDelivcourier,
.List_UserOrder section .icoDelivpost,
#UserOrdersApp section .icoDelivcourier,
#UserOrdersApp section .icoDelivpost {
    font-size: 1.7em;
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.List_UserOrder section .Order_Num .icoDelivcourier,
.List_UserOrder section .Order_Num .icoDelivpost,
#UserOrdersApp section .Order_Num .icoDelivcourier,
#UserOrdersApp section .Order_Num .icoDelivpost {
    margin-left: 0.2em;
    font-size: 1.4em;
    margin-bottom: -0.2em;
}

#Result .FormBlock + section,
.List_UserOrder .FormBlock + section,
#UserOrdersApp .FormBlock + section {
    margin-top: 1.2em;
}

#Result section .Order_Num,
.List_UserOrder section .Order_Num,
#UserOrdersApp section .Order_Num {
    display: flex;
    justify-content: space-between;

    font-size: 1.4em;
    text-wrap: nowrap;
    gap: 0 0.4em;
    line-height: 1em;
}

.List_UserOrder section .Order_Num .Result,
#UserOrdersApp section .Order_Num .Result {
    display:  inline-flex;
    gap: 0.15em;
    align-items: center;
}

#Result section .Order_Num .AllBottonSimple,
.List_UserOrder section .Order_Num .AllBottonSimple,
#UserOrdersApp section .Order_Num .AllBottonSimple {
    font-size: 0.6em;
    margin-bottom: 0.3em;
}

#Result section .Order_Email,
#Result section .Order_Comment,
.List_UserOrder section .Order_Email,
.List_UserOrder section .Order_Comment,
#UserOrdersApp section .Order_Email,
#UserOrdersApp section .Order_Comment {
    display: block;
}

#UserOrdersApp section .Order_Comment {
    overflow-y: auto;
    max-height: 25vh;
    padding: 0.8em;
    border-top: var(--border-style-Light);
    border-bottom: var(--border-style-Light);
    border-radius: var(--border-radius);
    background-color: var(--color-Beige-Medium_Trans);
}

#Result section .Order_Email,
.List_UserOrder section .Order_Email,
#UserOrdersApp section .Order_Email {
    margin-bottom: 0.3em;
}

#Result section .Order_Comment,
.List_UserOrder section .Order_Comment,
#UserOrdersApp section .Order_Comment {
    margin-top: 0.6em;
    margin-bottom: 0.8em;
}

#Result section #Basket {
    margin-top: 1em;
}

.List_UserOrder section .ML_Table,
#UserOrdersApp section .ML_Table {
    flex: 3;
    margin-top: 0;
}

#Result section .ML_Table.AllFlexTable .ML_TH,
.List_UserOrder section .ML_Table.AllFlexTable .ML_TH,
#UserOrdersApp section .ML_Table.AllFlexTable .ML_TH {
    padding-top: 0;
    padding-bottom: 0;
}

/*
КОНЕЦ: Все заказы пользователя
*/

    /*
    Таблица для лангов
    */

    .AllFlexTable .VarCell,
    .AllFlexTable .SectCell,
    .AllFlexTable .ActionCell,
    .AllFlexTable .AddJSVarCell {
        flex: 0;
    }

    #LangWorkArea .ML_TR .LangRow1,
    #LangWorkArea .ML_TR .LangRow2,
    #LangWorkArea .ML_TR .ML_TD.TextCell
    .AllFlexTable .CityCell, {
        flex: 1;
    }

    #LangWorkArea .ML_TR .LangRow1 p:last-of-type,
    #LangWorkArea .ML_TR .LangRow2 p:last-of-type {
        margin-bottom: 0;
    }

    .AllFlexTable .VarCountry,
    .AllFlexTable .VarRegon,
    .AllFlexTable .VarCell {
        flex: 0 1 27%;
        min-width: auto;
    }

    .AllFlexTable .SectCell {
         min-width: 7em;
    }

    .AllFlexTable .ActionCell {
        min-width: 2.3em;
        justify-content: center;
    }

    .AllFlexTable .ActionCell input[type="checkbox"].IMGCheckBox + label svg {
        font-size: 1.6em;
    }

    .AllFlexTable .TextCell {

    }

    .AllFlexTable .ActionBar,
    .Content_List .ActionBar,
    .FormItemConnect .ActionBar {
        display: none;
    }

    .FormItemConnect .ActionBar {
        margin: 0;
    }

    .AllFlexTable .ActionBar,
    .Content_List .ActionBar {
        position: absolute;
    }

    .AllFlexTable textarea + .ActionBar {
        bottom: 100%;
        margin-bottom: -1.0em;
        right: calc(-0.3em + 1px);
    }

    .AllFlexTable .TinyMCE_inline + .ActionBar {
        top: 100%;
        margin-top: -1.0em;
        right: calc(-0.3em + 1px);
    }

    .Content_List .ActionBar {
        top: 0.5em;
    }

    .ML_THead .ActionBar {
        top: auto;
    }

    input[type="checkbox"].IMGCheckBox ~ .ML_TD .ActionBar label {

    }

    input[type="checkbox"].IMGCheckBox:not(:checked) + .ML_TD .ActionBar label .CheckBoxImgOn,
    input[type="checkbox"].IMGCheckBox:not(:checked) + .ML_TH .ActionBar label .CheckBoxImgOn,
    input[type="checkbox"].IMGCheckBox:checked + .ML_TD .ActionBar label .CheckBoxImgOff,
    input[type="checkbox"].IMGCheckBox:checked + .ML_TH .ActionBar label .CheckBoxImgOff {
        display: none;
    }

    input[type="checkbox"].IMGCheckBox:checked + .ML_TD,
    input[type="checkbox"].IMGCheckBox:checked + .ML_TH {
        background-color: rgba(52, 139, 46, 0.06)
    }

    input[type="checkbox"].IMGCheckBox:checked + .ML_TD .ActionBar label .CheckBoxImgOff,
    input[type="checkbox"].IMGCheckBox:checked + .ML_TH .ActionBar label .CheckBoxImgOff {
        color: var(--color-Metall);
    }


    input[type="checkbox"].IMGCheckBox:checked + .ML_TD .ActionBar label .CheckBoxImgOn,
    input[type="checkbox"].IMGCheckBox:checked + .ML_TH .ActionBar label .CheckBoxImgOn {
        color: var(--color-Green);
    }


    .ActionBar a svg.CheckBoxImgOn, .ActionBar a.CheckBoxImgOn:not(.AllBotton):not(.SVG) svg,
    input[type="checkbox"].IMGCheckBox.positive + .ML_TD .ActionBar label:hover,
    input[type="checkbox"].IMGCheckBox.positive + .ML_TH .ActionBar label:hover {
      color: var(--color-Green-hover);
    }

    .AllFlexTable .ActionBar label,
    .AllFlexTable .ActionBar button,
    .AllFlexTable .ActionBar a,
    .Content_List .ActionBar label,
    .Content_List .ActionBar button,
    .Content_List .ActionBar a {
        display: inline-flex;
        align-items: center;
        background: none;
        border: none;
        color: var(--color-Dark);
        padding: 0.6em 0.3em;
        margin: 0;
    }

    .ActionBar label:hover svg,
    .AllFlexTable .ActionBar button:hover,
    .AllFlexTable .ActionBar a:hover {
        color: var(--color-Blue-hover);
    }

    .ActionBar label svg,
    .ActionBar button svg,
    .ActionBar a svg,
    .ML_Table label svg,
    .ML_Table input.Radio + label svg,
    #sendmail + label svg {
        width: 1.5em;
        height: 1.5em;

        font-size: 1em;
    }

    .ActionBar label svg,
    .ActionBar button svg,
    .ActionBar a svg {
        margin: -0.4em 0 -0.4em 0;
    }

    label .text {
        line-height: 1.1em;
    }

    .CheckBox + label svg,
    .CheckBox_SH + label svg,
    .ML_Table label svg,
    .ML_Table input.Radio + label svg {
        margin: -0.2em 0 -0.2em 0;
    }

   .IMGCheckBox + label svg,
   .ML_Table .IMGCheckBox + label svg {
        margin: -0.2em;
   }

   .IMGCheckBox + label svg + .text,
   .ML_Table .IMGCheckBox + label svg + .text {
       margin-left: 0.7em;
   }

   .IMGCheckBox + label .text + svg,
    .ML_Table .IMGCheckBox + label .text + svg {
       margin-right: 0.7em;
   }


    .Select label svg,
    .ML_Table .Select label svg {
        min-width: 1.8em;
        min-height: 1.8em;
    }

    /*
    svg.PayMetods,
    .ML_Table svg.PayMetods,
    input.Radio + label .PayMetods,
    .ML_Table input.Radio + label .PayMetods
    */

    svg.PayMetods,
    .Select svg.PayMetods,
    .Select .Selected svg.PayMetods,
    .SelectVUE .Selected svg.PayMetods,
    .tabBasket .BOrderPaid .PriceStatus svg.PayMetods {
        font-size: 0.9em;
        height: 3.2em;
        width: inherit;
        max-height: 100%;
    }

    body#tinymce svg.PayMetods,
    article svg.PayMetods {
        max-height: 3.2em;
        max-width: 8em;
        margin-right: 0.8em;
        min-height: 2.5em;
        object-fit: cover;
        vertical-align: middle;
    }

    .Order_Status svg.PayMetods {
        height: 1.4em;
    }

    .Select.PayMetods_Item .Selected svg.PayMetods {
        margin-top: 0.4em;
        margin-bottom: 0.4em;

    }

    .tabBasket .BOrderPaid .PriceStatus svg.PayMetods {
        font-size: 0.4em;
        vertical-align: middle;
    }

    .FormBlock .PayMetods,
    .FormBlock .positive,
    .FormBlock .negative {
        vertical-align: middle;
    }

    /*
    .FormBlock .positive,
    .FormBlock .negative {
        font-size: 1.2em;
    }
    */

    .FormBlock .Aggregator {
        font-size: 1.8em;
        margin-right: 0.2em;
    }

    .Select .Selected .PayMetods,
    .SelectVUE .Selected .PayMetods {
        font-size: 0.8em;
    }

    .PriceStatus .Country {
        font-size: 0.7em;
        font-weight: bold;
        color: var(--color-Beige);
    }

    .Right {
        right: 0;
        margin: 0.1em 0.5em 0 0;
    }

    .AllFlexTable .ML_TD:hover .ActionBar,
    .AllFlexTable .ML_TH:hover .ActionBar,
    .AllFlexTable .ML_TDM:hover .ActionBar,
    .Content_List li:hover a ~ .ActionBar,
    .Content_List a ~ .ActionBar:hover,
    .FormItemConnect input:hover + .ActionBar,
    .FormItemConnect .ActionBar:hover {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        z-index: 10;
    }

    .AllFlexTable .ML_TD:hover .ActionBar,
    .AllFlexTable .ML_TH:hover .ActionBar,
    .AllFlexTable .ML_TDM:hover .ActionBar,
    .Content_List li:hover a ~ .ActionBar,
    .FormItemConnect input:hover + .ActionBar {
        opacity: 0.5;
    }

    .AllFlexTable .ML_TD .ActionBar:hover,
    .AllFlexTable .ML_TH .ActionBar:hover,
    .AllFlexTable .ML_TDM .ActionBar:hover,
    .Content_List li a ~ .ActionBar:hover,
    .FormItemConnect .ActionBar:hover {
        opacity: 1;
    }

    .AllFlexTable #LangWorkArea .ML_TD:hover textarea + .ActionBar,
    .AllFlexTable #LangWorkArea .ML_TH:hover textarea + .ActionBar,
    .AllFlexTable #LangWorkArea .MML_TDM:hover textarea + .ActionBar {
        border-top: 1px solid var(--color-Blue-hover);
        border-left: 1px solid var(--color-Blue-hover);
        border-right: 1px solid var(--color-Blue-hover);
        background-color: #fff;
        padding-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        opacity: 0.9;
        z-index: 45;
    }

    .AllFlexTable #LangWorkArea .ML_TD:hover .TinyMCE_inline + .ActionBar,
    .AllFlexTable #LangWorkArea .ML_TH:hover .TinyMCE_inline + .ActionBar,
    .AllFlexTable #LangWorkArea .ML_TDM:hover .TinyMCE_inline + .ActionBar  {
        border-bottom: 1px solid var(--color-Blue-hover);
        border-left: 1px solid var(--color-Blue-hover);
        border-right: 1px solid var(--color-Blue-hover);
        background-color: #fff;
        padding-bottom: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        opacity: 0.9;
        z-index: 45;
    }

    /* НАЧАЛО: Размеры для флекс таблиц */
    #Attention.ML_Table .ML_TBody .ML_TR {
        padding-top: 0.8em;
        padding-bottom: 0.8em;
    }

    #Attention.ML_Table .ID {
    min-width: 4em;
    text-align: right;
    }

    #Attention.ML_Table .Text {
    text-align: left;
    }

    #Attention.ML_Table .PageType {
        width: 10em;
    }

    #Attention.ML_Table .PageType {
        font-size: 1.2em;
    }

    #Attention.ML_Table .PageType svg {
        font-size: 1.2em;
        color: var(--color-Gray);
    }

    #Attention.ML_Table .Period {
        width: 12em;
        text-align: right;
    }

    #Attention.ML_Table .Tools {
        width: 7em;
        text-align: right;
    }

    .TagsStatisticPopUp,
    .PostsStatisticPopUp {
        max-width: 60em;
    }

    .PostsStatisticPopUp .ResultsTable {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 68vh;
    }

    .PostsStatisticPopUp .ResultsTable.Views .Views,
    .PostsStatisticPopUp .ResultsTable.Date .Date,
    .PostsStatisticPopUp .ResultsTable.Reviews .Reviews,
    .PostsStatisticPopUp .ResultsTable.Emoji .Emoji,
    .PostsStatisticPopUp .ResultsTable.Favorites .Favorites {
        background-color: var(--color-Green-Status);
    }

    .PostsStatisticPopUp #PostsStatistic_Date_End,
    .PostsStatisticPopUp #PostsStatistic_Date_Start {
        width: 8em;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR {
        display: grid;
        grid-auto-columns: max-content;
        grid-template-columns: max-content 1fr 5em 5em 5em 6em 5em;
        grid-template-rows: min-content;
        gap: 0em 0em;
        grid-template-areas:
        "Num Post Date Favorites Emoji Views Reviews";
    }


    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Num {
        grid-area: Num;
        padding-left: 0;
        color: var(--color-Gray);
    }
    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Post {
        grid-area: Post;
    }
    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Date {
        grid-area: Date;
    }
    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Favorites {
        grid-area: Favorites;
    }
    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Emoji {
        grid-area: Emoji;
    }
    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Views {
        grid-area: Views;
    }
    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Reviews {
        grid-area: Reviews;
        padding-right: 0;
    }

    /*
    .PostsStatisticPopUp .ResultsTable .ML_TBody > *:nth-last-child(n+6) {
        border-top: 1px dotted var(--color-Beige-Light);
    }
    */

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Post a.Name {
        text-decoration: none;
        font-size: 1.1em;
        color: var(--color-Black);
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Post a.Name:hover {
        text-decoration: underline;
        color: var(--color-Blue-hover);
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Date,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Favorites,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Emoji,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Views,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Reviews {
        align-items: center;
        display: inline-flex;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Date {
        justify-content: flex-end;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Emoji,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Views,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Reviews {
        justify-content: flex-start;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Favorites svg,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Emoji svg,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Views svg,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Reviews svg,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Tags svg {
        margin-right: 0.2em;
        color: var(--color-Gray);
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Tags {
        font-size: 0.8em;

    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Tags a {
        color: var(--color-Black);
        border: 1px solid var(--color-Beige-Light);
        padding: 0.1em 0.2em;
        border-radius: var(--border-radius-xs);
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Tags a:hover {
        border-color: var(--color-Blue-hover);
        text-decoration: none;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Tags a:after {
        content: none;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Views,
    .PostsStatisticPopUp .ResultsTable .ML_TBody .Reviews {
        white-space: nowrap;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .Date {
        font-size: 0.8em;
        color: var(--color-Beige);
    }

    .PostsStatisticPopUp .Settings .FormSubBlock {
        display: flex;
    }

    .PostsStatisticPopUp .Settings .label {
        max-width: 8em;
        width: auto;
        margin-left: 0.2em;
    }

    /* КОНЕЦ: Размеры для флекс таблиц */

/* Конец Таблица из флексов */
/* ---------------------------- */

/* Список курсов и семинаров для рассылок */

.Tags_CourseList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 1.2em 0 0.4em 0;}

.Tags_CourseList > *,
.ML_Table .Tags_CourseList > * {
        margin-right: 0.4em;
    }

.Tags_CourseList svg {
    font-size: 1.4em;
}

.Tags_CourseList a {
    font-size: 0.9em;
    text-decoration: none;
}

.Tags_CourseList a,
.wrapper_section_letters .ML_Table .Tags_CourseList a {
    display: inline-flex;
}

.Tags_CourseList a:hover {
    text-decoration: underline;
}

.Tags_CourseList a[target="_blank"]:before,
.Tags_CourseList a:not([target="_blank"]):after {
    content: ",";
    color: var(--color-Dark);
}

.Tags_CourseList a[target="_blank"]:not(:last-child):before {
    position: absolute;
    right: 0.3em;
}

.Tags_CourseList a:not([target="_blank"]):not(:last-child):after {
    margin-left: 0.1em;
}

.Tags_CourseList .Module {
    box-shadow:unset;
}

.Tags_CourseList .SelectedFilter {
    display: inline-block;
    font-weight: bold;
}

/* НАЧАЛО: Таблица редактирования городов */
.CityItem,
.ML_Table.AllFlexTable .CityItem,
.ML_TD.CityItem {
    display: grid;
    grid-auto-flow: row dense;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, min-content);
    gap: 2em 1.5em;
    grid-template-areas:
        "CityMain CityMain"
        "CityNameList CityKeywords"
        "CityRegion CityRegion";
    align-items: unset;
    vertical-align: unset;
}

.CityItem .FormSubBlock {
    display: inline-flex;
}

.CityItem .LatiTude input,
.CityItem .LongiTude input {
    width: 7em;
    max-width: 7em;
    text-align: right;
}

.CityItem .TimeZone input {
    max-width: 11em;
}

.CityItem input.ShortName {
    width: 5em;
    max-width: 5em;
}

.CityItem .label + .FormBlockDescr {
    margin-bottom: 0.6em;
}

.CityMain {
    grid-area: CityMain;

    display: grid;
    grid-auto-columns: auto;
    grid-template-columns: repeat(auto-fit, minmax(0, max-content));

    /*
    grid-template-areas: "CityID CountryName coordinates TimeZone UTC";
    */
    gap: 0 1.5em;
    align-items: center;
    margin-top: 1em;
    }

.CityMain .CityID {
    font-size: 1.6em;
    margin-right: 1em;
}

.CityMain .label {
    max-width: inherit;
}

.CityMain .CountryName {
    min-width: 17em;
}

.CityMain .CountryName .Select {
    flex: 1;
}

.UTC {
    display: flex;
    align-items: center;
}

.UTC .num {
    font-size: 1.2em;
}

.UTC .DateCurent {
    margin-left: 0.3em;
    color: var(--color-Beige);
}

.CityRegion {
    grid-area: CityRegion;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas: ". . .";
    gap: 1.5em 1.5em;
    flex-wrap: wrap;
    margin-bottom: 1em;
    }

.CityNameList {
    grid-area: CityNameList;
    }

.CityKeywords {
    grid-area: CityKeywords;
    display: flex;
    flex-direction: column;
    }

.CityNameList .label,
.CityKeywords .label {
    margin-bottom: 0.5em;
}

.CityList {
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    max-height: 15em;
    border: 1px solid var(--color-Gray-Light);
    border-radius: var(--border-radius-inputs);
}

.CityList .Item {
    position: relative;
}

.CityList .Item .MainLang {

}

.CityList {
  padding: 0 0.2em;
}

.CityList .Item button {
    flex:0;
}

.CityList .Item > .LangCode {
    align-self: center;
    position: absolute;
    right: 100%;
    font-weight: bold;
    font-size: 0.8em;
    margin-right: 0.4em;
}

.flagBG .LangCode {
    color: rgba(0, 0, 0, 0.8);
    /* text-shadow: 0.1em 0.1em 0 #333, -0.1em -0.1em 0 #333; */
    align-self: center;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0.3em 0 0 0.3em;
    line-height: 1em;
    box-shadow: 0 0 0.2em 0.1em rgb(255, 255, 255, 0.9);
}

.CityList .Item .flagBG {
    display: inline-flex;
    align-content: center;
    justify-content: flex-end;
}


/*
.CityBlock {
        display: flex;
        flex: 1;
        align-items: baseline;
        justify-content: space-between;
}

.CityBlock .CityUTC {
    white-space: nowrap;
}

.CityRegion {
        font-size: 0.8em;
        line-height: 1.1em;
        font-style: italic;
}

.CityName {
        font-size: 1.2em;
        margin-right: 0.3em;
        margin-right: 0.5em;
        color: var(--color-Black);

        max-width: 20em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        white-space: nowrap;
}
*/

/* КОНЕЦ: Таблица редактирования городов */



/* НАЧАЛО: Таблица бацзы на флексах */

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .BZ_Chart_Flex {
    margin-right: 0.8em;
}

.BZ_Chart_Flex > div {
    display: flex;
    flex: 1 0 100%;
    }

.BZ_Chart_Flex > span {
    display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
    }

/* КОНЕЦ: Таблица бацзы на Флексах */

.HomePageMainInfo .KartaBadZi tbody td div {
    	padding: 0!important; }



/* Корректоры выравнивания для флексов */

.f_AlI_R, .AI_FE,
.Accounting section .MainResult.AI_FE {
    align-items: flex-end; }

.f_Al_R, .f_JA_FE, .JC_FE,
.ActionBar.JC_FE {
    justify-content: flex-end; }

.f_AlI_C, .AI_C {
    align-items: center; }

.f_Al_C, .JC_C,
.ActionBar.JC_C {
    justify-content: center; }

.f_AllTo_C {
    justify-content: center;
    align-items: center;  }

.f_F_1 {
    flex: 1; }

.f_F_0_a {
    flex: 0 auto; }

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

.f_JA_SB, .JC_SB {
    justify-content: space-between; }

.f_0, .ML_TD.f_0, .ML_TR.f_0 {
   flex: 0 0 auto; }

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



/* Колонки - column */
.ML_TD.Column2 > .FormBlock,
.ML_TD.Column3 > .FormBlock,
.ML_TD.Column4 > .FormBlock {
    display: inline-flex;
}

.ML_TD.Column2 > label,
.ML_TD.Column2 > .FormBlock {
    width: calc(calc(100% / 2) - 0.6em);
}


.ML_TD.Column3 > label,
.ML_TD.Column3 > .FormBlock {
    width: calc(calc(100% / 3) - 0.6em);
}


.ML_TD.Column4 > label,
.ML_TD.Column4 > .FormBlock {
   width: calc(calc(100% / 4) - 0.6em);
}

/* Новые Table для карт */

.ML_Table_Border, .ML_Table_Chart {
	border: var(--border-style-Light);
}

.MainChart .ML_Table_Chart {
    border: 1px solid var(--color-Beige-Dark);
    /*
    box-shadow: 0 0 0 0.2em rgba(144, 128, 112, 0.3);
    */
}

.ML_Table_Border,
.ML_Table_Chart,
.ML_Accordion_H fieldset {
	border-radius:var(--border-radius-table);
	}

.ML_Table_Chart td, .ML_Table_Chart th {
	border-radius:var(--border-radius-cells);
	}

.ML_Table_Border .ML_Table_Chart {
	border: none;
}

table.ML_Table_Chart {
	border-spacing: 0.2em;
	display: inline-table;
    cursor: default;
    table-layout: fixed;
}

table.ML_Table_Chart.ChartPower {
    margin-left: 1.5em;
}

/*.Accord_Cont table.ML_Table_Chart {
	border-spacing: 0.1em;
}*/

.wrapper_main_calc #GenTable {
	margin-right: 0.6em;
}

.wrapper_main_calc #CurYear {
	/*
margin-right: 1.0em;
*/
}

.ML_Table_Chart .Separator,
.ML_Table_Chart .Separator > td,
.ML_Table_Chart .Separator > th,
.KartaBadZi .Separator > td,
.KartaBadZi .Separator > th,
tr > .Separator {
    background-color: var(--color-Beige);
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
    height: 1px;
}

tr > .Separator,
.StolpyMin tr.Separator td,
.StolpyMin tr > .Separator {
    background-color: var(--color-Beige-Light);
}

.ML_Table_Chart .Separator th, .ML_Table_Chart .Separator td {
	border: none;
}

/* Размеры колонок для разных типов карт */
	.BZ_Chart_Easy {
		table-layout: fixed;
		}

	.BZ_Chart_Easy td, .BZ_Chart_Easy th {
		width: 7em;
		}

	.BZ_Chart_Pro {
		table-layout: fixed;
	}

    .BZ_Chart_Pro thead td,
    .BZ_Chart_Pro thead th {
	    white-space: nowrap
	}

	#cDinamicMainChart {
		margin-right: 1em;
	}

    .cDinamicTable .CurrentPillars .PillarsColumn {
        display: inline-flex;
    }

    .cDinamicTable .CurrentPillars .PillarsColumn + .PillarsColumn {
        margin-left: -0.2em;
    }

    /*
    .ML_Table_Border .PillarsColumn:not(:first-of-type):not(:last-of-type) table.ML_Table_Chart {
	border-spacing: 0.15em 0.2em;
    }
    .ML_Table_Border:first-of-type table.ML_Table_Chart {
	margin-right: -0.15em;
    }
    .ML_Table_Border .PillarsColumn:last-of-type table.ML_Table_Chart {
	    margin-left: -0.15em;
    }
    */

.ML_Table_Border .PillarsColumn table.ML_Table_Chart {
    margin: 0;
}

	.BZ_10Col {width: 100%;}

	.BZ_10Col td, .BZ_10Col th {
		width: 10%;
		hyphens: auto;
		table-layout: fixed;
	}

    table.ML_Table_Chart.ActiveCELL {
        min-width: 67em;
    }

.ML_Table_Chart td, .ML_Table_Chart th {
	hyphens: auto;
	line-height: 1em;

	position: relative;
	vertical-align: top;
}

.ML_Table_Chart tbody td {
    vertical-align: middle;
}

.ML_Table_Chart td span,
.ML_Table_Chart th span {
    display: inline-block;
}

.ML_Table_Chart p,
.TableMap tbody p {
    padding: 0.1em 0.1em;
    margin: 0 -0.1em;
    display: block;
    line-height: 1.1em;
}

.ML_Table_Chart .SymbolStarsDiv {
    display: block;
    line-height: 1.1em;
	cursor: pointer;
    border-radius: var(--border-radius);
    padding: 0.2em 0.2em 0.3em 0.2em;
    margin: 0 -0.2em;
}
.CurSelT.clicktip,
.clicktip:hover, .clicktip.hover  {
    -webkit-box-shadow: 0 0 0 1px #0082ff inset, 0 0 0 2px rgba(0, 130, 255, 0.2) inset;
    box-shadow: 0 0 0 1px #0082ff inset, 0 0 0 2px rgba(0, 130, 255, 0.2) inset;
}


.ML_Table_Chart.CellVAM td, .ML_Table_Chart.CellVAM th,
.ML_Table_Chart td.CellVAM, .ML_Table_Chart th.CellVAM {
	vertical-align: middle;
}

.ML_Table_Chart tbody td, .ML_Table_Chart tbody th {
	padding: 0.2em;
}

#YearsLive td, #YearsLive th {
	padding: 0.4em;
}

.ML_Table_Chart thead td {
	padding: 0;
}

.ML_Table_Chart tbody td, .ML_Table_Chart tbody th {
	color: var(--color-Beige-Dark);
	text-align: center;
}

.ML_Table_Chart tbody td {
	border: 1px solid var(--color-Beige-Dark);;
}
.ML_Table_Chart tbody th {
	font-size: 0.85em;
	border: var(--border-style-Light);
}

#YearsLive.ML_Table_Chart tbody th {
   font-size: 0.9em;
   padding: 0.3em 0.4em;
   white-space: nowrap;
}

.Disable,
td[disabled="disabled"], th[disabled="disabled"] {
    -webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none;
	-ms-user-select: none; 	user-select: none;
    pointer-events: none;
    opacity: 0.4;
}

.ML_Table_Chart td.Other,
.ML_Table_Chart th.Other {
   opacity: 0.60;
   }


.ML_Table_Chart thead th, .ML_Table_Chart thead td {

	text-decoration: none;
	vertical-align: middle;}

.ML_Table_Chart thead th {
	line-height:0.95em;
	font-size: 0.85em;
	text-align: center;

	font-weight: bold;
	color: #fffcf8;
	list-style-type: lower-roman;
	text-transform: uppercase;

    padding: 0.3em 0.2em;

	border: 1px solid var(--color-Beige-Dark);
	background-color: var(--color-Beige);
	text-shadow: var(--color-Beige-Dark) -1px -1px 0;
}


.ML_Table_Chart thead th.CHD_LC {
    color: var(--color-Beige-Dark);;
    text-shadow: none;
    font-weight: normal;
}

.ML_Table_Chart th.CHD_LC,
.ML_Table_Chart td.CHD_LC,
.ML_Table_Chart thead th.CHD_LC.Sel {
    background-color:  var(--color-Emptyness-Light-NoTrans);
}

.ML_Table_Chart thead td {
	line-height:0.95em;
	font-size: 0.85em;
	color: var(--color-Beige-Dark);
}

.ML_Table_Chart tbody th span, .ML_Table_Chart tbody th span{
	display: inline-block;
	line-height: 1.1em;
}

/* Active - активна вся таблица */
/* ActiveTR - активна строка */
/* ActiveCELL - активна ячейка */
/* ActThis */
.Active,
.ActThis,
.ML_Table_Chart.ActiveTR tr,
.ML_Table_Chart.ActiveCELL td, .ML_Table_Chart.ActiveCELL th,
.ML_Table_Chart.Active td, .ML_Table_Chart.Active th {
	cursor: pointer;
}

/* Ховер заголовка добавляющий свечение */
.ML_Table_Chart thead .Hover,
.ML_Table_Chart thead th.ActThis:hover,
.ML_Table_Chart.Active thead th:hover,
.ML_Table_Chart.ActiveTR thead tr:hover td, .ML_Table_Chart.ActiveTR thead tr:hover th,
.ML_Table_Chart.ActiveCELL thead td:hover, .ML_Table_Chart.ActiveCELL thead th:hover
	{
	text-shadow: 0 0 0.1em rgba(255, 255, 255, 0.4);
	}

.ML_Table_Chart.Sel thead th,
.ML_Table_Chart thead tr th.Sel,
.ML_Table_Chart thead th.Sel {
	background-color: var(--color-Blue-hover);
	text-shadow: -1px -1px #0062cf;
}

.ML_Table_Chart.Sel tbody td, .ML_Table_Chart.Sel thead th,
.ML_Table_Chart tbody tr.Sel td, .ML_Table_Chart thead tr.Sel th,
.ML_Table_Chart tbody td.Sel, .ML_Table_Chart thead th.Sel {
	border-color: #0062cf;
}

.ML_Table_Chart.Sel tbody th,
.ML_Table_Chart tbody tr.Sel th,
.ML_Table_Chart tbody th.Sel {
	border-color: rgba(0, 98, 207, 0.6);
    box-shadow: 0 0 0 0.2em rgba(0, 98, 207, 0.2);
}


.ML_Table_Chart thead th.CHD_LC.Sel {
   color: var(--color-Blue);
    text-shadow: none;
    background-color: var(--color-Emptyness-Light-NoTrans);
    font-weight: bold;
}

/*.ML_Table_Chart.Active tbody:hover td, .ML_Table_Chart.Active tbody:hover th,
.ML_Table_Chart.ActiveTR tbody tr:hover td, .ML_Table_Chart.ActiveTR tbody tr:hover th,
.ML_Table_Chart.ActiveCELL tbody td:hover, .ML_Table_Chart.ActiveCELL tbody th:hover {
}*/

/* ховер при наведении на TD если нет Select */
.ML_Table_Chart tbody td.Hover,
.ML_Table_Chart tbody td.ActThis:hover,
.ML_Table_Chart.Active tbody:hover td,
.ML_Table_Chart.ActiveTR tbody tr:hover td,
.ML_Table_Chart.ActiveCELL tbody td:hover {
	border-color: var(--color-Blue-hover);

	box-shadow: 0 0 0.2em rgba(0, 130, 255, 0.5);
	}

/* ховер при наведении на TH если нет Select */
.ML_Table_Chart tbody th.Hover,
.ML_Table_Chart tbody th.ActThis:hover,
.ML_Table_Chart.Active tbody:hover th,
.ML_Table_Chart.ActiveTR tbody tr:hover th,
.ML_Table_Chart.ActiveCELL tbody th:hover {
	border-color: rgba(0, 98, 207, 0.5);

	box-shadow: 0 0 0.2em rgba(0, 130, 255, 0.25);
	}

/* Если есть класс Sel */
/* для заголовка */
.ML_Table_Chart thead th.Sel.Hover,
.ML_Table_Chart thead th.ActThis.Sel:hover,
.ML_Table_Chart.Active.Sel thead th:hover,
.ML_Table_Chart.ActiveTR.Sel thead tr:hover th,
.ML_Table_Chart.ActiveCELL.Sel thead th:hover {
	border-color: var(--color-Blue-hover);

	box-shadow: 0 0 0.2em rgba(0, 130, 255, 0.5);
	}

/* для тбоди */
.ML_Table_Chart tbody th.Sel.Hover, .ML_Table_Chart tbody td.Sel.Hover,
.ML_Table_Chart tbody th.Sel.ActThis:hover, .ML_Table_Chart tbody td.Sel.ActThis:hover,
.ML_Table_Chart.Active.Sel tbody:hover td, .ML_Table_Chart.Active.Sel tbody:hover th,
.ML_Table_Chart.ActiveTR tbody tr.Sel:hover td, .ML_Table_Chart.ActiveTR tbody tr.Sel:hover th,
.ML_Table_Chart.ActiveCELL tbody td.Sel:hover, .ML_Table_Chart.ActiveCELL tbody th.Sel:hover {
	border-color: var(--color-Blue-hover);

	box-shadow: 0 0 0.2em rgba(0, 130, 255, 0.5);
	}


/*
.ML_Table_Chart tr.TenGods,
.ML_Table_Chart tr.TenGodsEartName,
.ML_Table_Chart tr.ElementName {
	height: 4ex;
}
*/

/* Новые Table для карт */

.Items .ChartMicro {
    font-size: 1.2em;
}

table.ChartMicro {border-collapse: collapse;}

.ChartMicro td {
 line-height: 1em;
 text-align: center;
 padding: 0.1em 0.25em;
}

.ChartMicro thead td {
    text-transform: uppercase;
    font-size: 0.7em;
    color: var(--color-Beige);
    padding-bottom: 0.3em;
}

.ChartMicro .DaGua td {
    font-size: 1em;
    color: var(--color-Beige-Dark);
}

.ChartMicro tbody .Hieroglyph {
    font-size: 1.4em;
    line-height: 1em;
}


/* ==================================================== */
/* СТРЕЛКИ */

span.Arrow_Min_T,
span.Arrow_Min_R,
span.Arrow_Min_B,
span.Arrow_Min_L {
    display: inline-flex;
    align-items: center;
    justify-content: center;

	height: 1em;
	width: 1em;

	vertical-align: baseline;
	margin: -0.4em 0 0 0.2em;
}

.Arrow_Min_T:before,
.Arrow_Min_R:before,
.Arrow_Min_B:before,
.Arrow_Min_L:before {
	display: inline-block;
	content: "";
	font-size: 0.8em;
	border: solid transparent;
	width: 0;
	height: 0;

}

.Arrow_Min_T:before {
	border-bottom-color: inherit;
	border-width: 0 0.55em 1em 0.55em;
    margin-top: -0.05em;
}

.Arrow_Min_R:before {
	border-left-color: inherit;
	border-width: 0.55em 0 0.55em 1em;
}

.Arrow_Min_B:before {
	border-top-color: inherit;
	border-width: 1em 0.55em 0 0.55em;
    margin-bottom: -0.05em;
}

.Arrow_Min_L:before {
	border-right-color: inherit;
	border-width: 0.55em 1em 0.55em 0;
}

/* Конец СТРЕЛОК */


/* НАЧАЛО: стили для взаимодействий в карте бацзы */

.Control_HS,
.Combinations_HS,

/*
.PunishmentEarth_EB,
.PunishmentFire_EB,
*/
.PunishmentSelf_EB,
.PunishmentTwo_EB,
.Harm_EB,
.Clashes_EB,
.Season_EB,
.SemiCombinationTriple_EB,
.CombinationTriple_EB,
.Combination_EB,
.Destruction_EB {
    position: relative;
}

.Control_HS:before,
.PunishmentSelf_EB:before,
.PunishmentTwo_EB:before,
.Harm_EB:before,
.Clashes_EB:before,
.Destruction_EB:before {
    content: "";
    display: block;
    background-size: 2em 2em;
}

.Control_HS:before,
.Combinations_HS_Mark,
.Season_EB_Mark,
.SemiCombinationTriple_EB_Mark,
.CombinationTriple_EB_Mark,
.Combination_EB_Mark,
.PunishmentEarth_EB_Mark,
.PunishmentFire_EB_Mark,
.PunishmentSelf_EB:before,
.PunishmentTwo_EB:before,
.Harm_EB:before,
.Clashes_EB:before,
/*
.Season_EB:after,
.CombinationTriple_EB:after,
.Combination_EB:after,
*/
.Destruction_EB:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;

    z-index: 0;
}

/* Линии Line_L*/
.PunishmentSelf_EB:before,
.PunishmentTwo_EB:before,
.Harm_EB:before,
.Destruction_EB:before {
    -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='M15.29,0H16v0.71L15.29,0z M0.71,0H0v0.71L15.29,16H16v-0.71L0.71,0z M0,15.29V16h0.71L0,15.29z'/%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='M15.29,0H16v0.71L15.29,0z M0.71,0H0v0.71L15.29,16H16v-0.71L0.71,0z M0,15.29V16h0.71L0,15.29z'/%3E%3C/svg%3E");

    background-color: rgba(144, 128, 112, 1);
    opacity: 0.4;

   -webkit-mask-size: 17%;
    mask-size: 17%;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
}

/* Крестики */

.Combinations_HS_Mark,
.Season_EB_Mark,
.SemiCombinationTriple_EB_Mark,
.CombinationTriple_EB_Mark,
.Combination_EB_Mark,

.PunishmentEarth_EB_Mark,
.PunishmentFire_EB_Mark {
    display: none;
    background-color: rgba(144, 128, 112, 1);

    opacity: 0.7;

   -webkit-mask-size: 17%;
    mask-size: 17%;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;

    -webkit-mask-position: center center;
    mask-position: center center;
}


.Combinations_HS .Combinations_HS_Mark,
.Season_EB .Season_EB_Mark,
.SemiCombinationTriple_EB .SemiCombinationTriple_EB_Mark,
.CombinationTriple_EB .CombinationTriple_EB_Mark,
.SemiCombinationTriple_EB .SemiCombinationTriple_EB_Mark,
.Combination_EB .Combination_EB_Mark,
.PunishmentEarth_EB .PunishmentEarth_EB_Mark,
.PunishmentFire_EB .PunishmentFire_EB_Mark {
    display: block;

    -webkit-mask-size: 17%;
    mask-size: 17%;
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;

    -webkit-mask-position: center center;
    mask-position: center center;
}

.Combinations_HS_Mark.Fire,
.Season_EB_Mark.Fire,
.SemiCombinationTriple_EB_Mark.Fire,
.CombinationTriple_EB_Mark.Fire,
.Combination_EB_Mark.Fire,
.PunishmentEarth_EB_Mark.Fire,
.PunishmentFire_EB_Mark.Fire {
    background-color: var(--color-Red-hover);
}

.Combinations_HS_Mark.Water,
.Season_EB_Mark.Water,
.SemiCombinationTriple_EB_Mark.Water,
.CombinationTriple_EB_Mark.Water,
.Combination_EB_Mark.Water,
.PunishmentEarth_EB_Mark.Water,
.PunishmentFire_EB_Mark.Water {
    background-color: var(--color-Water);
}

.Combinations_HS_Mark.Wood,
.Season_EB_Mark.Wood,
.SemiCombinationTriple_EB_Mark.Wood,
.CombinationTriple_EB_Mark.Wood,
.Combination_EB_Mark.Wood,
.PunishmentEarth_EB_Mark.Wood,
.PunishmentFire_EB_Mark.Wood {
    background-color: var(--color-Wood);
}

.Combinations_HS_Mark.Metall,
.Season_EB_Mark.Metall,
.SemiCombinationTriple_EB_Mark.Metall,
.CombinationTriple_EB_Mark.Metall,
.Combination_EB_Mark.Metall,
.PunishmentEarth_EB_Mark.Metall,
.PunishmentFire_EB_Mark.Metall {
    background-color: var(--color-Metall);
}

.Combinations_HS_Mark.Earth,
.Season_EB_Mark.Earth,
.SemiCombinationTriple_EB_Mark.Earth,
.CombinationTriple_EB_Mark.Earth,
.Combination_EB_Mark.Earth,
.PunishmentEarth_EB_Mark.Earth,
.PunishmentFire_EB_Mark.Earth {
    background-color: var(--color-Earth);
}


/* линии Line_H */
.Combinations_HS_Mark,
.Combination_EB_Mark,
.InteractionBlock > #Combinations_HS + label .Example:before,
.InteractionBlock > #Combination_EB + label .Example:before {
    -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='M16,15.5V16H0v-0.5H16z M0,0.5h16V0H0V0.5z M0,7.5v1h16v-1H0z'/%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='M16,15.5V16H0v-0.5H16z M0,0.5h16V0H0V0.5z M0,7.5v1h16v-1H0z'/%3E%3C/svg%3E");
}

/* линии Line_V */
.Season_EB_Mark,
.SemiCombinationTriple_EB_Mark,
.CombinationTriple_EB_Mark,
.InteractionBlock > #Season_EB + label .Example:before,
.InteractionBlock > #SemiCombinationTriple_EB + label .Example:before,
.InteractionBlock > #CombinationTriple_EB + label .Example:before {
    -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='M0.5,16H0V0h0.5V16z M15.5,16H16V0h-0.5V16z M8.5,0h-1v16h1V0z'/%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='M0.5,16H0V0h0.5V16z M15.5,16H16V0h-0.5V16z M8.5,0h-1v16h1V0z'/%3E%3C/svg%3E");
}

/* линии Line_R */
.PunishmentEarth_EB_Mark,
.PunishmentFire_EB_Mark,
.InteractionBlock > #PunishmentEarth_EB + label .Example:before,
.InteractionBlock > #PunishmentFire_EB + label .Example:before {
    -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='M0,0.71L0.71,0H0V0.71z M16,0h-0.71L0,15.29V16h0.71L16,0.71V0z M16,15.29L15.29,16H16V15.29z'/%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='M0,0.71L0.71,0H0V0.71z M16,0h-0.71L0,15.29V16h0.71L16,0.71V0z M16,15.29L15.29,16H16V15.29z'/%3E%3C/svg%3E");
}


.InteractionBlock > #PunishmentSelf_EB + label .Example:before,
.InteractionBlock > #Harm_EB + label .Example:before,
.InteractionBlock > #Destruction_EB + label .Example:before {
    -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='M15.29,0H16v0.71L15.29,0z M0.71,0H0v0.71L15.29,16H16v-0.71L0.71,0z M0,15.29V16h0.71L0,15.29z'/%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='M15.29,0H16v0.71L15.29,0z M0.71,0H0v0.71L15.29,16H16v-0.71L0.71,0z M0,15.29V16h0.71L0,15.29z'/%3E%3C/svg%3E");

}

.InteractionBlock > #Control_HS + label .Example:before,
.InteractionBlock > #Clashes_EB + label .Example:before {
    background-color: transparent;
}

.InteractionBlock > #Combinations_HS + label .Example:before,
.InteractionBlock > #Combination_EB + label .Example:before,
.InteractionBlock > #Season_EB + label .Example:before,
.InteractionBlock > #SemiCombinationTriple_EB + label .Example:before,
.InteractionBlock > #CombinationTriple_EB + label .Example:before,
.InteractionBlock > #PunishmentEarth_EB + label .Example:before,
.InteractionBlock > #PunishmentFire_EB + label .Example:before,
.InteractionBlock > #PunishmentSelf_EB + label .Example:before,
.InteractionBlock > #Harm_EB + label .Example:before,
.InteractionBlock > #Destruction_EB + label .Example:before {

    -webkit-mask-size: 38%;
    mask-size: 38%;

    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;

    -webkit-mask-position: center center;
    mask-position: center center;
}

.InteractionBlock > #PunishmentEarth_EB + label .Example:before {
    background-color: var(--color-Earth);
}

.InteractionBlock > #PunishmentFire_EB + label .Example:before {
    background-color: var(--color-Fire);
}



/* Контроль и столкновение красная рамка */
.Control_HS,
.Clashes_EB,
.ML_Table_Chart td.Control_HS,
.ML_Table_Chart td.Clashes_EB {
    border-color: var(--color-Red);
    box-shadow: 0 0 var(--border-thin) var(--border-thin) rgba(250, 0, 0, 0.3) inset;
}

.Control_HS.highlight:before,
.Clashes_EB.highlight:before {
    box-shadow: 0 0 0 var(--border-thin) rgba(250, 0, 0, 0.3) inset;
}

.InteractionBlock > #Control_HS + label .Example:before,
.InteractionBlock > #Clashes_EB + label .Example:before {
    box-shadow: 0 0 0 var(--border-thin) rgba(250, 0, 0, 0.8) inset;
}
.InteractionBlock > #Control_HS + label .Example,
.InteractionBlock > #Clashes_EB + label .Example {
    border-left-color: var(--color-Red);
}

td.highlight, th.highlight,
.ML_Table_Chart td.highlight, .ML_Table_Chart th.highlight {
    box-shadow: 0 0 0 var(--border-thin) rgba(255, 255, 255, 0.8),  0 0.1em 0.2em 0.1em rgba(0, 130, 255, 0.5);
}

/* Accordion через details

 <details>
   <summary>заголово</summary>
   <div>Убийца — дворецкий!</div>
  </details>
*/

.NoModule {
    display: flex;
    flex-direction: column;
    flex: 1 0 100%;
    font-size: 1.2em;
}


/*  */


/* ML_Accordion - Раскрывушка на чекбоксах и радиобаттонах */
	.Result_Block { margin-top: 1em; }

	.ML_Accordion_H,
	.ML_Accordion_H fieldset,
	.ML_Accordion_H fieldset section {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;

		box-sizing: border-box;}

	.ML_Accordion_H {
        flex: 1;
        }

	.ML_Accordion_H,
	.ML_Accordion_H fieldset {
    flex-direction: column;
     }

   .ML_Accordion_H fieldset {
   	position: relative;
   	flex-wrap: wrap;

   	margin: 0 0 1.2em 0;

   	/*box-shadow: 0px 0px 0.2em rgba(112, 128, 144, 0.3);*/
	}

	.ML_Accordion_H fieldset:hover {
	box-shadow: none;
    }

   .ML_Accordion_H fieldset legend {
   	    color: #333;
   	    font-size: 1.4em;

   	    margin: 0.2em 0;
   	    text-shadow: 0 0 0.1em #fff;

   	    width: 100%;
        box-sizing: border-box;
        text-align: center;

   	    z-index: 1;
   	}

   .ML_Accordion_H fieldset legend.Day i,
	.ML_Accordion_H fieldset legend.Day em {
		font-size: 0.8em;
		color: #908070;
        }

	.ML_Accordion_H svg,
	.ML_Calendar_Result svg {
		width: 1em;
        min-width: 1em;
		height: 1em;
        min-height: 1em;
		}

	.ML_Accordion_H input[type="checkbox"],
	.ML_Accordion_H input[type="radio"],
	.ML_Calendar_Result input[type="checkbox"],
	.ML_Calendar_Result input[type="radio"] { display:none; }


   /*.Calendar + .ML_Accordion_H > fieldset { margin-top: 0; }*/


	.Calendar + .ML_Accordion_H > fieldset section {
   	flex-wrap: wrap;
    }

	.ML_Accordion_H fieldset section {
		background-color: #fff;
		border-color: rgba(223, 216, 208,1);
		border-style: solid;
		border-width: 1px;
	 }

	.ML_Accordion_H fieldset section:hover {
		border-color: var(--color-Blue-hover);
		box-shadow: 0px 0px 0.4em rgba(112, 128, 144, 0.3);
		z-index: 1;
		}

	.ML_Accordion_H fieldset section:not(:last-of-type) { margin-bottom: -1px; }

	.ML_Accordion_H fieldset > section:first-of-type {
		border-top-left-radius:var(--border-radius-inputs);
		border-top-right-radius:var(--border-radius-inputs);

	}

	.ML_Accordion_H fieldset > section:last-of-type {

		border-bottom-left-radius: var(--border-radius-inputs);

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

	.ML_Accordion_H fieldset > section .Hour_Brif,
	#DayDetail .Hour_Brif {
        display: grid;
        flex: 1 0 100%;

        grid-auto-flow: column;
        grid-template-columns: 15em 1fr max-content;
        }

	.Hour_Brif .Hour,
	.Hour_Brif .Raiting,
	.Hour_Brif .GoodDirect,
	.Hour_Brif .Indicators {
		margin: 0;
		padding: 0 0.4em 0;
   	    display: inline-flex;
    	flex-wrap: nowrap;
    	align-items: center;
    }

/*
    .Hour_Brif .Raiting,
*/
    .Hour_Brif .GoodDirect,
	.Hour_Brif .Indicators,
    #powerTip .GoodDirect {
    border-left: 0.1em dotted #dfd8d0;
	}

   .Hour_Brif > :first-child { padding-left: 0; }
   .Hour_Brif > :last-child { border-right: none; }

   .Hour_Brif > .Hour span,
   .Hour_Brif > .Hour .Hieroglyph {
       display: inline-flex;
       padding: 0 0.4em;
       }

   .Hour_Brif > .Hour .Hieroglyph,
   .Hour_Brif > .Hour .Hieroglyph .BZ_YearsOfLife_H {
       font-size: 1.2em;
       line-height: 0.8em;
       font-weight: bold;
   }

    .Hour_Brif > .Hour .name {
            width: 6em;
            min-width: 6em;
    }

    .Hour_Brif .Hour .Time {
        font-size: 0.9em;
        color: var(--color-Gray-Dark);
    }

   .Hour_Brif .GoodDirect > svg:first-of-type, #powerTip .GoodDirect > svg { margin-right: 0.2em; color: rgba(51, 51, 51, 0.5); }
   .Hour_Brif .Indicators svg:not(:last-of-type) { margin-right: 0.3em; }

   .Hour_Brif .GoodDirect {
       min-width: 3em;
   }

	.ML_Accordion_H fieldset > section .Expander {
    	flex: 1;

		margin: 0;
		padding: 0 0.8em 0.8em;
		border-left: 1px dotted #dfd8d0; }

	.ML_Accordion_H fieldset > section .Expander h3,
	#DayDetail .Expander h3 {
			font-size: 1.2em;
			margin-bottom: 0.8em;
		}

    .ML_Accordion_H fieldset > section .Expander h3 {
        padding-left: 0.2em;
        padding-right: 0.2em;
    }

    .ML_Accordion_H fieldset > section .Expander p {
        font-size: 1.1em;
        margin-left: 0.2em;
        margin-right: 0.2em;
    }

	.ML_Accordion_H fieldset > section .Expander h3:first-of-type,
	#DayDetail .Expander h3:first-of-type {
		margin-top: 0.0em;
        padding-top: 0.6em; }

	.ML_Accordion_H fieldset > section .Expander h3 svg,
	.ML_Accordion_H fieldset > section .Expander h3 .Degree,
	#DayDetail h3 svg,
	#DayDetail h3 .Degree {
		font-size: 0.8em;
		color: rgba(51, 51, 51, 0.5);}

    .ML_Accordion_H fieldset > section > label {
        flex-wrap: wrap;
    }

	.ML_Accordion_H fieldset > section > label:first-of-type {
		color: #304050;
		margin: 0;
		padding: 0.8em 2.5em 0.8em 0.8em;

		box-sizing: border-box;
    	max-width: 100%;

		position: relative;
   	    flex: 1 0 auto;

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

	.ML_Accordion_H fieldset input:checked + section > label:first-of-type {
		width: 35%;
   	    flex: 0 0 auto;
		}

	/* Показывем информацию под заголовком */

	.ML_Accordion_H.Column fieldset > section .Expander {
    margin-top: 0;
    border-left: none;}

	.ML_Accordion_H.Column fieldset input:checked + section > label:first-of-type {
        width: inherit;
        flex: 1 0 100%;
        flex-wrap: wrap;
	}

	.ML_Accordion_H.Column fieldset > section .Expander {
        flex: initial;
	}

	.ML_Accordion_H fieldset > section .ML_Table_Chart {
		border: none;
	}

	.ML_Accordion_H > table.ML_Table_Chart:first-of-type {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		margin-bottom: -1px;
	}

	.ML_Accordion_H .ML_Table_Chart + fieldset > section:first-of-type {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

/*
	.ML_Accordion_H fieldset section > label:first-of-type:before,
	.ML_Accordion_H fieldset input:not(:checked) + section > label:first-of-type:after	{
		content: "";
		position: absolute;
		display: inline-block;
		box-sizing: border-box;
		}

	.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:before,
	.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:after {
		top: 1em;
		left: 0.7em;

		background-color: #0062df; }

	.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:hover:before,
	.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:hover:after { background-color: var(--color-Blue-hover); }


	.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:before {
		width: calc(1.1em + 2px);
		height: 2px;

		margin-top:calc(0.5em + 1px);
		}
	.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:after {
		width: 2px;
		height: calc(1.1em + 2px);
		margin-left: calc(0.5em + 1px);}
*/

    .ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:after {
        content: "";
		position: absolute;
		display: inline-block;
		box-sizing: border-box;
        width: 1em;
		height: 1em;
        right: 0.8em;
        margin-top: -0.3em;

        border-bottom: 0.2em solid;
        border-left: 0.2em solid;

        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);

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

	/*.ML_Accordion_H fieldset input[type="checkbox"]:checked + section > label:first-of-type:after { display: none; }*/


	.ML_Accordion_H fieldset input[type="radio"] + section > label:first-of-type:before,
	.ML_Accordion_H fieldset input[type="radio"] + section > label:first-of-type:after {
		border-radius:0.6em;
		}

	.ML_Accordion_H fieldset input[type="radio"] + section > label:first-of-type:before {
		top: 1em;
		left: 1em;

		width: 1.1em;
		height: 1.1em;

		background-color: #0062df;
		}
	.ML_Accordion_H fieldset input[type="radio"] + section > label:first-of-type:after {
		top: 1.1em;
		left: 1.1em;

		width: 0.9em;
		height: 0.9em;


		background-color: #f8fcff;
		box-shadow: 0 0 0 0.2em #fff inset;}

	/*.ML_Accordion_H fieldset input[type="radio"]:checked + section > label:first-of-type:before {
		background-color: #0062df; }*/

	.ML_Accordion_H fieldset input[type="radio"] + section > label:hover:first-of-type:before	{ background-color: var(--color-Blue-hover); }


	.ML_Accordion_H fieldset input[type="radio"]:checked + section > label:first-of-type:after {
		background-color: #0062df;

		box-shadow: 0 0 0 0.1em #fff inset, 0 0 0 0.3em #0062df inset;}

	.ML_Accordion_H fieldset input[type="radio"]:checked + section > label:hover:first-of-type:after {
		background-color: var(--color-Blue-hover);

		box-shadow: 0 0 0 0.1em #fff inset, 0 0 0 0.3em var(--color-Blue-hover) inset;}

	.ML_Accordion_H fieldset input:not(:checked) + section > .Expander { display: none; }

    /* Направление 0deg = СВ
    4 => 'ЮВ',
    9 => 'Ю',
    2 => 'ЮЗ',
    3 => 'В',
    7 => 'З',
    8 => 'СВ',
    1 => 'C',
    6 => 'СЗ'
*/
    .Direction_1  {
        transform: rotate(-45deg);
    }
    .Direction_2  {
        transform: rotate(-180deg);
    }
    .Direction_3  {
        transform: rotate(45deg);
    }
    .Direction_4  {
        transform: rotate(90deg);
    }
    .Direction_6  {
        transform: rotate(-90deg);
    }
    .Direction_7  {
        transform: rotate(-135deg);
    }
    .Direction_8  {
        transform: rotate(0deg);
    }
    .Direction_9  {
        transform: rotate(135deg);
    }

/*  */
	.ML_Calendar_Result {
		display: flex;
   	    flex-wrap: wrap;
    }

	.ML_Calendar_Result .Calendar {
		margin-right: 0.8em;
		display: inline-flex;
    	align-content: flex-start;
   	    flex-wrap: wrap;

		width: 45%; }

	.ML_Calendar_Result .Calendar .Day {
	    color: var(--color-Black);
		margin-bottom: 0.3em;
		font-size: 1.2em;
		line-height: 1em;
		box-sizing: border-box;
		text-align: right;

   	    flex: 1 0 100%;
    	align-self: flex-start;
    	}

	.ML_Calendar_Result .Calendar .Week {
		display: flex;
   	    flex: 1 0 100%;  }

	.ML_Calendar_Result .Calendar > label,
	.ML_Calendar_Result .Calendar .Week > span {
		display: inline-flex;

		margin: 0;
		box-sizing: border-box;
		 }

	.ML_Calendar_Result .Calendar .Week > span {

		font-size: 0.8em;
		color: #706050 ;
		text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

		text-transform: capitalize;
		padding: 0.1em;

		text-align: center;
		background-color: #dfd8d0;

		justify-content: center;
   	    flex: 1;}

   .ML_Calendar_Result .Calendar .Week > span:nth-last-of-type(-n+2) {
   	color: rgba(112, 96, 80, 0.9);
		font-weight: bold; }

   .ML_Calendar_Result .Calendar .Week > span:not(:first-child) {
   	border-left: 1px solid #fff;
   	margin-left: -1px;}

    .ML_Calendar_Result .Calendar > label {
    	min-height: 4.5em;
    	padding: 0.2em;
    	min-width: 14%;

   	    flex: 1;
    	}

	.ML_Calendar_Result .Calendar label {
		opacity: 0.35;

        display: grid;
        grid-template-columns: 1fr min-content;
        grid-template-rows: min-content 1fr;
        gap: 0px 0px;
        grid-template-areas:
        "ChartList Day"
        "Hours Hours";

		border: 1px solid rgba(144, 128, 112, 1);

		border-radius: inherit;
		cursor: default;
    }
    .Day { grid-area: Day; }
    .Hours { grid-area: Hours; }
    .ChartList {
        grid-area: ChartList;
        display: inline-flex;
        flex-wrap: wrap;
        margin-bottom: 0.6em;
        }


	.ML_Calendar_Result .Calendar input+label	{
		cursor: pointer;

		border: 1px solid rgba(144, 128, 112, 0.7);
		opacity: 1;}

	.ML_Calendar_Result .Calendar input+label:hover {
		border-color: var(--color-Blue-hover);

		box-shadow: 0 0 0 0.2em rgba(0, 130, 255, 0.5);
		z-index: 2; }

	.ML_Calendar_Result .Calendar input:checked+label {
		border-color: #0062cf;

		box-shadow: 0 0 0 0.1em rgba(0, 130, 255, 0.5) inset;}

	/*.ML_Calendar_Result .Calendar input:checked+label:hover {
		box-shadow: 0 0 0.5em rgba(0, 130, 255, 0.5) inset, 0 0 0em 0.2em rgba(0, 130, 255, 0.4);}*/

	.ML_Calendar_Result .Calendar label:nth-of-type(n):not(:nth-of-type(7n+1)):not(:nth-of-type(1)) { margin-left: -1px; }
	.ML_Calendar_Result .Calendar label:nth-of-type(n):not(:nth-of-type(-n+7)) {margin-top: -1px;}
	.ML_Calendar_Result .Calendar label:nth-of-type(7n), .ML_Calendar_Result .Calendar label:nth-of-type(7n-1) {
		color: rgba(48, 64, 80, 0.5);
		font-weight: bold;
		background-color: #fffcf8; }

	.ML_Calendar_Result .Calendar .Week > :first-child {
		border-top-left-radius:var(--border-radius-inputs);
        }

	.ML_Calendar_Result .Calendar .Week > :last-child {
		border-top-right-radius:var(--border-radius-inputs);
        }

	.ML_Calendar_Result .Calendar label:nth-last-of-type(7) {
		border-bottom-left-radius: var(--border-radius-inputs);
        }

	.ML_Calendar_Result .Calendar label:last-of-type {
		border-bottom-right-radius: var(--border-radius-inputs);
        }


	.ML_Calendar_Result .Calendar .positiveBG, .ML_Calendar_Result .Calendar .negativeBG { color: #fff; }

	.ML_Calendar_Result .Calendar .negativeBR {
		border-color: #e00000;

		box-shadow: 0 0 0 0.1em rgba(224, 0, 0, 0.4) inset;

		opacity: 0.5;

		z-index: 1;
		}

	.ML_Calendar_Result .Expander .Day{
	    font-size: 1.5em;

        color: #333;
        margin-bottom: 0.3em;
        margin-top: 0.2em;
        box-sizing: border-box;
        z-index: 1;
    }

   .ML_Calendar_Result .Expander .Day i {
   	    font-size: 0.8em;
   	    color: #908070;
    }

	.ML_Calendar_Result .Calendar label .Hours {
		line-height: normal;

		font-size: 0.9em;
		display: inline-flex;
   	    flex-wrap: wrap;
   	    flex: 1 0 100%;
    	align-self: flex-end;}

   .ML_Calendar_Result .Calendar label .Hours .Hieroglyph { line-height: 1em; }

    /*
    <!-- для создания оценки указываем классы Good Average Bad  -->
    */
	.ML_Calendar_Result .Calendar label .Hours svg,
    .ML_Calendar_Result .Calendar label .Hours .Raiting {
		color: #00b900;
		font-size: 0.6em;
		margin-right: 0.1em;
        margin-top: 0.1em;
		width: 1em; height: 1em;
        min-width: 1em; min-width: 1em; }

    .ML_Calendar_Result .Calendar label .Hours .Raiting {
        border-radius: 50%;
        overflow: hidden;
    }

    .ML_Calendar_Result .Calendar label .Hours .Raiting.Good {
        background: linear-gradient(0deg, #3D9236 0%, #4DBC33 100%);
    }

    .ML_Calendar_Result .Calendar label .Hours .Raiting.Average {
        background: linear-gradient(0deg, #D1AC00 0%, #FCCE00 100%);
    }

    .ML_Calendar_Result .Calendar label .Hours .Raiting.Bad {
        background: linear-gradient(0deg, #C60000 0%, #EF0000 100%);
    }


	.ML_Calendar_Result .Calendar + section {
		display: inline-flex;
   	    flex: 1;
		 }

	.ML_Accordion_H .pCardsList .pCard:hover {
	border-color: rgba(208, 216, 223, 0.8);
	background-color: rgba(0, 98, 207, 0.01);

	box-shadow: inherit; }

	.ML_Accordion_H .pCard {
	    max-width: inherit;
		font-size: 0.9em;
        padding: 0}

	.ML_Accordion_H .pCard .Name { margin-right: 0;
	padding: 0.2em 0.6em;  }

	.ML_Accordion_H .pCard:hover .Name.red { color: #e00000;  }

	.ML_Accordion_H .pCard:hover .Name { color: inherit; }

/* КОНЕЦ ML_Accordion - Раскрывушка на чекбоксах и радиобаттонах */



/* ML_Accordion_Multi - аккордиан с несколькими лейблами и одной раскрывушкой + подуровни
    Используется в Динамике Ци*/
	.ML_Accordion_Multi {
		margin: 0.5em 0;
	}

	.ML_Accordion_Multi,
	.ML_Accordion_Multi fieldset,
	.ML_Accordion_Multi fieldset section {
		display: flex;
    	flex-direction: column;
   	    flex: 1;

		box-sizing: border-box;
        overflow: visible;
		}

    .ML_Accordion_Multi fieldset {

        border: none;
    }


	.ML_Accordion_Multi legend,
    .ML_Accordion_Multi fieldset legend {
	    font-size: unset;
		border-color: #dfd8d0;
		border-style: solid;
		border-width: 1px;

		margin-bottom: -1px;
		padding: 0.2em 0 0.5em 0;

		width: 100%;
		box-sizing: border-box;

		border-top-left-radius: var(--border-radius-inputs);

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

	.ML_Accordion_Multi .Accord_Head:not(.Expander_R){
		padding-right: 4px;
	}

	.ML_Accordion_Multi .Accord_Head.Expander_R {
		padding-left: 4px;
	}

	.ML_Accordion_Multi .Accord_Head.Expander_R + .Accord_Cont .Accord_Cont_Sub {
    padding-right: 2px;
    padding-left: 6px;
	}

	.ML_Accordion_Multi .ML_Table_Chart {
		border: none;
		width: 100%;
		table-layout: fixed;
        font-size: 0.85em;
	}

	.ML_Accordion_Multi .Accord_Cont .Accord_Cont {
		margin-bottom: 0.6em;
	}

	/* определяем ширину ячеек для 10 богов */

    .ML_Accordion_Multi legend.TenGods_Power,
    .ML_Accordion_Multi legend.TenGods_Table_Header {
        padding-right: calc(16em + 1px);
    }



    .ML_Accordion_Multi legend.TenGods_Power {
        border-bottom-left-radius: var(--border-radius-inputs);
        border-bottom-right-radius: var(--border-radius-inputs);
    }

	.ML_Accordion_Multi legend.TenGods_Table_Header {

        position: sticky;
        top: 4em;
        z-index: 10;
        background: rgb(249, 249, 248);

        background: rgb(241,238,235);

        background: rgb(241,238,235);
        background: -moz-linear-gradient(0deg, rgba(241,238,235,1) 0%, rgba(249,249,247,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(241,238,235,1) 0%, rgba(249,249,247,1) 100%);
        background: linear-gradient(0deg, rgba(241,238,235,1) 0%, rgba(249,249,247,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1eeeb",endColorstr="#f9f9f7",GradientType=1);

        box-shadow: 0 0 1em #d0d8df;
	}

    .ML_Accordion_Multi legend.TenGods_Table_Header:after {
        content: "";
        width: 100%;
        height: 1em;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .ML_Accordion_Multi legend.TenGods_Table_Header tbody th,
    .ML_Accordion_Multi legend.TenGods_Table_Header tbody td {
        background-color: rgba(255, 255, 255, 0.5);
    }

	.ML_Accordion_Multi .ML_Table_Chart tr .TenGods_Year {
		width: 4em;
	}

	.ML_Accordion_Multi  .Accord_Cont .Accord_Cont .ML_Table_Chart tr .TenGods_Year {
		width: calc(4em + 2.5px);
	}

    .ML_Accordion_Multi .Accord_Head .ML_Table_Chart tr .TenGods_Year {
        padding: 0.2em;
    }

	.ML_Accordion_Multi .Accord_Head .ML_Table_Chart tr .TenGods_Year span {
		font-size: 1.4em;
        font-weight: normal;
	}

    .ML_Accordion_Multi .ML_Table_Chart tr .TenGods_Steams font,
    .ML_Accordion_Multi .ML_Table_Chart th.TenGods_Elements font {
        font-size: 1.4em;
	}

	.ML_Accordion_Multi .ML_Table_Chart tr .TenGods_Steams {
		width: 4em;
	}
	.ML_Accordion_Multi  .Accord_Cont .Accord_Cont .ML_Table_Chart tr .TenGods_Steams {
		width: calc(4em + 3px);
	}
	.ML_Accordion_Multi .ML_Table_Chart th.TenGods_Elements {
		width: 6em;
	}
	.ML_Accordion_Multi  .Accord_Cont .Accord_Cont .ML_Table_Chart th.TenGods_Elements {
		width: calc(6em + 1.5px);
	}


    .ML_Accordion_Multi .ML_Table_Chart thead td,
    .ML_Accordion_Multi .ML_Table_Chart tbody th {
        font-size: 1em;
    }

	.ML_Accordion_Multi .ML_Table_Chart thead td {
		text-align: center;
		vertical-align: bottom;
		padding: 0.2em;
        text-transform: none;
	}

	.ML_Accordion_Multi .ML_Table_Chart tbody td,
	.ML_Accordion_Multi .ML_Table_Chart tbody th {
		text-align: center;
		vertical-align: middle;
	}

	.ML_Accordion_Multi .ML_Table_Chart .negative {
		color: rgba(224, 0, 0, 0.7);
	}

/*	.ML_Table_Chart .ML_Table_Chart tbody td svg,
	.ML_Table_Chart .ML_Table_Chart tbody th svg {
		margin: 0;
	}*/

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

	.ML_Accordion_Multi section .Accord_Head {
		margin: 0;
		display: flex;
   	    flex: 1;

		box-sizing: border-box;
		}


    .ML_Accordion_Multi .Accord_Head + .Accord_Cont input.Expander ~ .Accord_Head label:not(.Expander_BT)  {
        padding-top: 0.1em;
    }

	.ML_Accordion_Multi .TenGods_Header_H {
		font-size: 1.2em;
	}

	.ML_Accordion_Multi section .ML_Table_Chart td,
	.ML_Accordion_Multi section .ML_Table_Chart th {
		background-color: rgba(255, 255, 255, 0.7);
	}

	.ML_Accordion_Multi section .Accord_Head .ML_Table_Chart td,
	.ML_Accordion_Multi section .Accord_Head .ML_Table_Chart th {
		padding: 0.5em 0.2em;
	}

	.ML_Accordion_Multi section .Accord_Cont .Accord_Head .ML_Table_Chart td,
	.ML_Accordion_Multi section .Accord_Cont .Accord_Head .ML_Table_Chart th {
		padding: 0.2em 0.2em;
	}

	.ML_Accordion_Multi .Accord_Head label,
	.ML_Accordion_Multi .Accord_Cont label {
   	    display: inline-flex;
   	    flex: 1;

   	    margin: 0;
		padding: 0;
	}

	/*.ML_Accordion_Multi input:not(.Expander):checked ~ .Accord_Head label:not(.Expander_BT) {
		background-color: rgba(223, 216, 208, 0.18);
	}*/

	/*.ML_Accordion_Multi input.Expander:checked ~ .Accord_Head label:not(.Expander_BT) .ML_Table_Chart td,
	.ML_Accordion_Multi input.Expander:checked ~ .Accord_Head label:not(.Expander_BT) .ML_Table_Chart th {
		border-color: rgba(112, 96, 80, 0.7);
		}
	*/
	.ML_Accordion_Multi input.Expander:checked ~ .Accord_Head label:not(.Expander_BT),
	.ML_Accordion_Multi input:not(.Expander):checked ~ .Accord_Head label:not(.Expander_BT),
	.ML_Accordion_Multi .Accord_Cont input:not(.Expander):checked + .Accord_Cont_Sub label:not(.Expander_BT) {
		background-color: rgba(144, 128, 112, 0.25);
	}

	.ML_Accordion_Multi .Accord_Cont input.Expander:checked ~ .Accord_Head label:not(.Expander_BT),
	.ML_Accordion_Multi .Accord_Cont input:not(.Expander):checked ~ .Accord_Head label:not(.Expander_BT),
	.ML_Accordion_Multi .Accord_Cont .Accord_Cont input:not(.Expander):checked + .Accord_Cont_Sub label:not(.Expander_BT) {
		background-color: rgba(144, 128, 112, 0.15);
	}

	.ML_Accordion_Multi .Accord_Head label:not(.Expander_BT):hover .ML_Table_Chart td,
	.ML_Accordion_Multi .Accord_Head label:not(.Expander_BT):hover .ML_Table_Chart th,
	.ML_Accordion_Multi .Accord_Cont input:not(.Expander) + .Accord_Cont_Sub label:not(.Expander_BT):hover .ML_Table_Chart td,
	.ML_Accordion_Multi .Accord_Cont input:not(.Expander) + .Accord_Cont_Sub label:not(.Expander_BT):hover .ML_Table_Chart th {

        border-color: rgba(0, 130, 255, 0.7);

		box-shadow: 0 0 0.3em 0 rgba(0, 130, 255, 0.4) !important;

		z-index: 2;
	}

	.ML_Accordion_Multi .Accord_Head label.Expander_BT {
		position: relative;
		width: 2em;

   	    flex: 0 0 auto;
    	justify-content: center;
    	align-items: center;
	}

	.ML_Accordion_Multi input.Expander:not(:checked) ~ .Accord_Cont {
		display: none;
	}

	.ML_Accordion_Multi .Accord_Head label.Expander_BT:before,
	.ML_Accordion_Multi input.Expander:not(:checked) ~ .Accord_Head label.Expander_BT:after {
    content: "";
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    background-color: #0062df;
	}

	.ML_Accordion_Multi .Accord_Head label.Expander_BT:before {
		width: calc(1.1em + 2px);
		height: 2px;
	}
	.ML_Accordion_Multi .Accord_Head label.Expander_BT:after {
		width: 2px;
		height: calc(1.1em + 2px);
	}

	.ML_Accordion_Multi .Accord_Cont .Accord_Head label.Expander_BT:before {
		width: calc(0.7em + 1px);
		height: 1px;
	}
	.ML_Accordion_Multi .Accord_Cont .Accord_Head label.Expander_BT:after {
		width: 1px;
		height: calc(0.7em + 1px);
	}

	.ML_Accordion_Multi .Accord_Head label.Expander_BT {
		margin: 3px 0 3px 3px;
	}

	.ML_Accordion_Multi .Accord_Head.Expander_R label.Expander_BT {
		margin: 3px 3px 3px 0;
		order: 1;
	}

	.ML_Accordion_Multi .Accord_Head label.Expander_BT:hover:before,
	.ML_Accordion_Multi .Accord_Head label.Expander_BT:hover:after {
		background-color: var(--color-Blue-hover);
	}


	.ML_Accordion_Multi .NoExpander {
		padding-left: calc(2em + 3px);
	}

	.ML_Accordion_Multi .Accord_Head.Expander_R ~ .NoExpander {
		padding-right: 2em;
		padding-left: 0;
		margin-right: 3px;
	}



    .ML_Accordion_Multi section .Accord_Cont .Accord_Cont .Accord_Cont_Sub .ML_Table_Chart .TenGods_Year {
       font-size: 1em;
    }

	.ML_Accordion_Multi section .Accord_Cont .Accord_Cont .Accord_Cont_Sub .ML_Table_Chart th .TenGods_Steams {
        font-size: 0.9em;
	}

	.ML_Accordion_Multi section .Accord_Cont .Accord_Cont .Accord_Cont_Sub .ML_Table_Chart th svg {
		font-size: 1.2em;
	}

	.ML_Accordion_Multi section .Accord_Cont .Accord_Cont .Accord_Cont_Sub .ML_Table_Chart tbody th {

		border-radius:0;
	}

	.ML_Accordion_Multi fieldset section {
		border: 1px solid #dfd8d0;

		padding: 0.5em 0;
		margin-bottom: -1px;
	}

	.ML_Accordion_Multi fieldset section:last-of-type {

		border-bottom-left-radius: var(--border-radius-inputs);
		border-bottom-right-radius: var(--border-radius-inputs);
	}


	.ML_Accordion_Multi .Accord_Cont .Accord_Cont_Sub .ML_Table_Chart {
		margin: 0;
		border-spacing: 0;
		border-collapse: collapse;
	}

	.ML_Accordion_Multi .Accord_Cont .Accord_Cont_Sub {
		margin-top: -1px;
		position: relative;
	}
	.ML_Accordion_Multi .Accord_Cont .Accord_Cont_Sub:hover {
		z-index: 1;
	}

/* КОНЕЦ ML_Accordion_Multi - аккордиан с несколькими лейблами и одной раскрывушкой + подуровни*/


/* ML_Accordion_List - раскрывушка с иконками на основе радиобаттона - используется в поиске Цимень*/
/*
.ML_Accordion_Single - это простая раскрывушка действующая на конкретный лейбл который находится рядом или первым в fields
блок для показа и скрытия называется ML_Accordion_Single_Content
*/

.ML_Accordion_List {
    display: flex;
    flex-direction: column;
    overflow: hidden;

    max-height: 20em;

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

    box-shadow: 0 0 0 1px #d0d8df inset;

    }

.ML_Accordion_Single,
.ML_Accordion_List input.ML_Accordion_G,
.ML_Accordion_List input.ML_Accordion_I {
    display: none;
}

.ML_Accordion_List, .ML_Accordion_List ul, .ML_Accordion_List ol {
    list-style: inside  none none;
    padding: 0;
}
.ML_Accordion_List ul, .ML_Accordion_List ol {
    margin: 0;

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

.ML_Accordion_List li .Title {
    font-size: 1em;
    text-transform: none;
}

.ML_Accordion_List input.ML_Accordion_G[type="radio"] + li,
.ML_Accordion_List input.ML_Accordion_G[type="radio"] + label + li,
.ML_Accordion_List input.ML_Accordion_G[type="checkbox"] + li,
.ML_Accordion_List input.ML_Accordion_G[type="checkbox"] + label + li {
    margin: 0;
}


.ML_Accordion_Single:not(:checked) + .ML_Accordion_Single_Content,
.ML_Accordion_Single:not(:checked) + fieldset > .ML_Accordion_Single_Content,
.ML_Accordion_List .ML_Accordion_G:not(:checked) + li,
.ML_Accordion_List .ML_Accordion_G:not(:checked) + label + li {
    display: none;
}

.ML_Accordion_Single + fieldset {
    margin: 0 0 -1px auto;
}

.ML_Accordion_Single:checked + fieldset > label.Title {
    border-top-width: 0.2em;
    border-top-color: var(--color-Blue);
}

.ML_Accordion_Single + label.Title,
.ML_Accordion_Single + fieldset > label.Title {
    border-bottom: none;
    margin-bottom: 0.8em;
}

.ML_Accordion_Single:not(:checked) + label.Title,
.ML_Accordion_Single:not(:checked) + fieldset > label.Title,
.ML_Table .ML_Accordion_Single:not(:checked) + fieldset > label.Title {
    margin-bottom: 0;
    padding-top: 1.0em;
    padding-bottom: 1.0em;
    border: none;
}

.ML_Table .ML_Accordion_Single + fieldset {
    border-radius: unset;
}

.ML_Table .ML_Accordion_Single:last-of-type + fieldset {
    margin-bottom: 1em;
}

.ML_Table .ML_Accordion_Single:first-of-type + fieldset,
.ML_Table .ML_Accordion_Single:first-of-type + fieldset > label.Title {
    border-top-left-radius:  var(--border-radius-fieldset-sub);
    border-top-right-radius:  var(--border-radius-fieldset-sub);
}

.ML_Table .ML_Accordion_Single:last-of-type + fieldset,
.ML_Table .ML_Accordion_Single:not(:checked):last-of-type + fieldset > label.Title {
   border-bottom-left-radius:  var(--border-radius-fieldset-sub);
   border-bottom-right-radius:  var(--border-radius-fieldset-sub);
}



.ML_Accordion_Single:not(:checked) + fieldset > label:after {
    margin-top: 0;
}

.ML_Accordion_Single:checked + label.Title,
.ML_Accordion_Single:checked + fieldset > label.Title,
.ML_Accordion_List input.ML_Accordion_G:checked + label {
    background-color: var(--color-Gray-Light-SubBlock);
}

.ML_Accordion_Single:checked + label.Title,
.ML_Accordion_Single:checked + fieldset > label.Title {
    background-color: rgba(255, 255, 255, 0.95);
    position: sticky;
    top: 0;
    z-index: 50;
}


.ML_Accordion_Single + fieldset .ML_Accordion_Single_Content {
    margin-bottom: 1em;
}


.ML_Accordion_List input.ML_Accordion_I + label,
.ML_Accordion_List input.ML_Accordion_G + label,
.ML_Accordion_List input.ML_Accordion_G + li > label:first-of-type {
    display: flex;
    align-items: center;

    border-radius: 0;

    color: #333333;
    margin: 0;
}

.ML_Accordion_Single:checked + fieldset > label:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 0.5em;
    bottom: -0.5em;
    left: 0;
    background: rgb(208,216,223);
    background: -moz-linear-gradient(0deg, rgba(208,216,223,0) 0%, rgba(208,216,223,0.4) 100%);
    background: -webkit-linear-gradient(0deg, rgba(208,216,223,0) 0%, rgba(208,216,223,0.4) 100%);
    background: linear-gradient(0deg, rgba(208,216,223,0) 0%, rgba(208,216,223,0.4) 100%);
}

.ML_Accordion_Single:checked + fieldset > label.Title,
.ML_Accordion_Single:checked + label:after,
.ML_Accordion_Single:checked + fieldset > label:after,
.ML_Accordion_List input:checked + label svg,
.ML_Accordion_List input.ML_Accordion_I:checked + label,
.ML_Accordion_List input.ML_Accordion_G:checked + label:after,
.ML_Accordion_List input.ML_Accordion_G:checked + label .Title {
    color: var(--color-Blue);
}

.ML_Accordion_List input.ML_Accordion_I:checked + label,
.ML_Accordion_List input.ML_Accordion_G:checked + label .Title {
    font-weight: bold;
}

.ML_Accordion_Single + label:hover,
.ML_Accordion_Single + fieldset > label:hover,
.ML_Accordion_List input.ML_Accordion_I + label:hover,
.ML_Accordion_List input.ML_Accordion_G + label:hover {
    color: var(--color-Blue-hover);
    z-index: 10;
}

.ML_Accordion_Single + label:hover,
.ML_Accordion_Single + fieldset > label:hover,
.ML_Accordion_List input.ML_Accordion_I + label:hover,
.ML_Accordion_List input.ML_Accordion_G + label:hover {
    box-shadow: 0 0 0.5em #d0d8df;
}


.ML_Accordion_List input.ML_Accordion_G + label:hover {
    border-color: var(--color-Blue-hover);
}

.ML_Accordion_List input.ML_Accordion_G + label,
.ML_Accordion_List input.ML_Accordion_G + label + .ML_Accordion_I + label {
    border-top: 1px solid #d0d8df;
}

.ML_Accordion_List input.ML_Accordion_G + label {

    padding: 1em 3em 1em 0.8em;

    position: relative;
    box-sizing: border-box;
}


.ML_Accordion_Single + label:after,
.ML_Accordion_Single + fieldset > label:after,
.ML_Accordion_List input.ML_Accordion_G + label:not(.NoArrow):after,
.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:after {
    content: "";
    box-sizing: border-box;

    border-bottom: 0.2em solid;
    border-left: 0.2em solid;

    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 1em;
    height: 1em;
    font-size: 0.9em;

    position: absolute;
    right: 1em;
    margin-top: -0.5em;

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

.ML_Accordion_Single + label:hover:after,
.ML_Accordion_Single + fieldset > label:hover:after,
.ML_Accordion_List input.ML_Accordion_G + label:not(.NoArrow):hover:after,
.ML_Accordion_H fieldset input[type="checkbox"] + section > label:first-of-type:hover:after {
    border-color: var(--color-Blue-hover);
}

.ML_Accordion_Single:checked + label:after,
.ML_Accordion_Single:checked + fieldset > label:after,
.ML_Accordion_List input.ML_Accordion_G:checked + label:not(.NoArrow):after,
.ML_Accordion_H fieldset input[type="checkbox"]:checked + section > label:first-of-type:after {
   -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 0;

    -webkit-animation: Rotate_45to135 0.2s ease-in;
    animation: Rotate_45to135 0.2s ease-in;
}

@keyframes Rotate_135to45 {
	0% {
	    -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-top: 0;

        }

    100% {
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        -o-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
        transform: rotate(315deg);
        margin-top: -0.5em;
	    }
	}

@keyframes Rotate_45to135 {
	0% {
	    -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -0.5em;
        }

    100% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-top: 0;
	    }
	}

.ML_Accordion_List input.ML_Accordion_G:checked + label:not(:first-of-type),
.ML_Accordion_List input.ML_Accordion_G:checked + li > label:first-of-type {
    padding-bottom: 0.6em;
}

.ML_Accordion_List input.ML_Accordion_G:first-of-type + label {
    border-top-left-radius: var(--border-radius-inputs);
    border-top-right-radius: var(--border-radius-inputs);
/* border-top: none; */
}

.ML_Accordion_List input.ML_Accordion_G:last-of-type + label {
    border-bottom-left-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);
}

.ML_Accordion_List input.ML_Accordion_G + label .Title,
.ML_Accordion_List input.ML_Accordion_G + li > label:first-of-type .Title {
    display: flex;
    text-transform: uppercase;
    flex-wrap: wrap;
}

.ML_Accordion_List input + label .Title .Description {
    color: var(--color-Beige);
    flex: 1 1 100%;
    text-transform: none;
    font-size: 0.9em;
    font-weight: normal;
}

.ML_Accordion_List input.ML_Accordion_I + label {
    padding: 0.6em 0.8em;
}

.ML_Accordion_List input + label svg {
    margin-right: 0.3em;
}

/* ML_Accordion_Tasks */



/*
    НАЧАЛО: ML_GanttCalendar
*/

#Calendar {
    position: relative;
}

#Calendar .loader3Circle {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
}

.ML_GanttCalendar {
    /*display: flex; */

    display: grid;
    margin-top: 0;
    grid-template-columns: repeat(7,96%);

    margin-top: 1em;
}

.SHTitle + .SHCont .ML_GanttCalendar {
    margin-top: 0;
}

.SHPropBord .ML_GanttCalendar,
.wrapper_section_editcource .ML_GanttCalendar {
    overflow: auto;
    padding-bottom: 1em;
}

.ML_GanttCalendar .Month,
.ML_GanttCalendar .Week,
.ML_GanttCalendar ul,
.ML_GanttCalendar ul li {
    display: inline-flex;
}

.ML_GanttCalendar,
.ML_GanttCalendar .Week,
.ML_GanttCalendar ul,
.ML_GanttCalendar ul li  {
    flex: 1;
}

.ML_GanttCalendar .Month {
    /*flex: 1 0 auto;
    flex-wrap: wrap;
    width: 98%;*/

    display: inline-grid;
    grid-template-rows: subgrid;
    grid-area: unset;
    /*grid-template-columns: repeat(AUTO,minmax(20%, 26%));
    grid-row: 1 / -1; */

    --rows_Header: 2; /* Количество заголовков */

    grid-template-rows: repeat(calc(var(--rows_Header) + var(--rows) ),minmax(1em, auto));  /* Тут общее количество строк Заголовки и строки (+2) с семинарами */
    grid-template-rows: repeat(19,minmax(1em, auto));  /* Тут общее количество строк Заголовки и строки (+2) с семинарами */
}

.ML_GanttCalendar .Month > .Title {
    grid-column: 1 /-1;
    grid-row: 1;
    grid-area: unset;

    gap: 0.6em;
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    flex: 1 0 100%;

    color: var(--color-Black);
    text-align: left;
    font-size: 1.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
}

.ML_GanttCalendar .Month > .Title a {
    text-decoration: none;
}

.ML_GanttCalendar .Month > .Title .DurationChange {
    /*color: rgba(255,255,255,0); */
    line-height: 1em;
}

.ML_GanttCalendar .Month .Week {
    /*flex-direction: column;
    min-width: 15em;
    width: 20%;*/

    display: inline-grid;
    width: unset;
    min-width: unset;
    grid-template-rows: subgrid;
    grid-row: 2/-1;
}

.SHTitle + .SHCont .ML_GanttCalendar .Month .Week {

}


.ML_GanttCalendar .WeekNum,
.ML_GanttCalendar ul li {
    padding: 0;
}

.ML_GanttCalendar .WeekNum .text,
.ML_GanttCalendar ul li .DayName,
.ML_GanttCalendar ul li .DayNum {
    padding: 0 0.2em;
    box-sizing: border-box;
}

.ML_GanttCalendar .Month .Title,
.ML_GanttCalendar .WeekNum,
.ML_GanttCalendar .Month .Week ul li:first-of-type {
    border-left: 1px solid var(--color-Black);
}

.ML_GanttCalendar .WeekNum {
    color: var(--color-Beige);
}

.ML_GanttCalendar ul {
    display: inline-grid;
    grid-template-rows: subgrid;
    grid-row: 1/-1;
    grid-template-columns: repeat(7,1fr); /* Семь дней */

    list-style: none;
    padding: 0;
    margin: 0;
}

.ML_GanttCalendar ul li {
    border-left: 1px solid var(--color-Gray-Light);
}

.ML_GanttCalendar ul li {
    display: inline-grid;
    grid-template-rows: subgrid;
    grid-row: 1/-1;

    position: relative;
   /* flex-direction: column; */

    line-height: 1em;
    border-right: 1px solid var(--color-Gray-Light);
}

.ML_GanttCalendar ul li.Today {
    border-right-color: var(--color-Blue-hover);
    border-left-color: var(--color-Blue-hover);
    box-shadow: 0 0 0.5em rgba(0, 130, 255, 0.3);
    z-index: 2;
}

.ML_GanttCalendar ul li.Today .DayName,
.ML_GanttCalendar ul li.Today .DayNum {
    font-weight: bold;
}


.ML_GanttCalendar ul li:not(:first-of-type) {
    margin-left: -1px;
}
.ML_GanttCalendar ul li:last-of-type {
    margin-right: -1px;
}

.ML_GanttCalendar ul li .DayName,
.ML_GanttCalendar ul li .DayNum {
    line-height: inherit;
    margin-bottom: 0.2em;
    cursor: default;
}

.ML_GanttCalendar ul li:last-child .DayNum,
.ML_GanttCalendar ul li:nth-last-child(2) .DayNum,
.ML_GanttCalendar ul li:last-child .DayName,
.ML_GanttCalendar ul li:nth-last-child(2) .DayName {
    color: var(--color-Beige);
}

.ML_GanttCalendar .Month .Week .Sun .DayName,
.ML_GanttCalendar .Month .Week .Sat .DayName {
    font-weight: bold;
}

.ML_GanttCalendar ul li.Week-end .DayNum {
    color: var(--color-Red);
}

.ML_GanttCalendar ul li .DayName .text {
    text-transform: uppercase;
    font-size: 0.6em;
}

.ML_GanttCalendar ul li .DayNum {
    text-align: right;
}

.ML_GanttCalendar ul li .DayNum .text {
    font-size: 1.1em;
}

.ML_GanttCalendar ul li.Other {
    opacity: 0.3;
}

.ML_GanttCalendar ul li .EventsList {
    /*display: flex;
    flex-direction: column;*/

    display: grid;
    grid-template-rows: subgrid;
    grid-row: 3/-1;
}

.ML_GanttCalendar ul li .EventsList .item {
    min-height: 1.2em;
    line-height: 0;
    opacity: 0.6;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-bottom: 1px dotted var(--color-Gray-Light);
}

.ML_GanttCalendar ul li .EventsList .Event .item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px dotted var(--color-Gray-Light);
}

.ML_GanttCalendar ul li .EventsList .Event .item {
    min-height: 1em;
}

.ML_GanttCalendar.IMG_Left ul li .EventsList .item {
    background-position: left;
}

.ML_GanttCalendar ul li.Today .EventsList .item {
    opacity: 1;
    box-shadow: 0 1px 0 0 var(--color-Beige-Light), 0 -1px 0 0 var(--color-Beige-Light);
}


.ML_GanttCalendar ul li .EventsList .item + .item {
    margin-top: 1px;
}

.ML_GanttCalendar ul li .EventsList .item:hover,
.ML_GanttCalendar ul li .EventsList .item.hover {
    opacity: 1;
}

.ML_GanttCalendar ul li .EventsList .item:hover {
    transform: scale(1.2);
    box-shadow: 0 0 0 0.7px #fff;
    border-radius: 0.1em;
    z-index: 3;
}

.ML_GanttCalendar ul li.Today .EventsList .item:hover {
    box-shadow: 0 0 0 0.7px var(--color-Blue-hover);
}

.ML_GanttCalendar ul li .EventsList .item.NotAct {
    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;
    /*opacity: 0;*/
    background-color: unset;
}


#powerTip .Event {
/*    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: min-content 1fr;
    grid-template-rows: repeat(2, min-content);
    grid-template-areas:
        "Cover Date"
        "Cover Title";*/

    display: grid;
    grid-template-columns: minmax(1em, 24%) 1fr;
    grid-auto-rows: 1fr;
    grid-template-rows: 1fr;

    align-items: center;

    gap: 0 1.0em;
    margin: -0.5em -0.9em;

    overflow: hidden;
    border-radius: var(--border-radius);
    line-height: 1em;
}

#powerTip .Event .Details {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 0.1em;
    padding: 0.3em 0.3em 0.3em 0;
}

#powerTip .Cover {
    /*grid-area: Cover; */
    /*width: 3.5em; */
    height: 100%;
    max-width: 100%;
    aspect-ratio: 1.52 / 1;
    min-height: 3em;
    background-size: cover;
    background-position: center;
    position: relative;
    }

#powerTip .Event .Cover:after {
    content: "";
    display: inline-flex;
    width: 0.5em;
    position: absolute;
    left: 100%;
    height: 100%;
    background-image: var(--linear-gradient-Gray-Left);
    border-left: var(--border-style-Light);
    }


#powerTip .Event time {
    padding: 0;
}

#powerTip .Event > time:before {
    content: "📅";
}

#powerTip .Event time .Date {
    grid-area: Date;
    line-height: 1em;
    display: flex;
    align-items: center;
    font-size: 0.9em;
    color: var(--color-Beige);
    padding: 0.5em 0.5em 0.15em 0;
    }

#powerTip .Event time .Date + .Date:before {
    content: "– ";
    padding-right: 0.3em;
}

#powerTip time .Date {
    padding: unset;
}

#powerTip .Event .Title {
    /*grid-area: Title;*/
    line-height: inherit;
    text-align: left;
    padding: 0;
    font-size: 1.1em;
    }

#powerTip .Division {
    grid-area: Division;
}

#powerTip .Event .Division {
    font-size: 0.8em;
    line-height: 1em;
    grid-area: none;
    display: flex;
    gap: 0.4em;
    color: var(--color-Dark);
    text-shadow: var(--text-shadow-Light-hover);
    flex-wrap: wrap;

    margin-bottom: 0.2em;
}

#powerTip .Event .Pricing {
    flex-direction: row;
    gap: 0.4em;
    align-items: baseline;
}

#powerTip .Event .Pricing .Main_Price .Num {
    font-size: 0.9em;
    color: var(--color-Beige);
}

#powerTip .Event .Pricing .NextPrice {
    gap: 0.3em;
    display: inline-flex;
    align-items: baseline;
}

#powerTip .Event .Pricing .NextPrice .Num {
    font-size: 1.1em;
}

#powerTip .Event .Pricing .NextPrice .Num:before {
    content: "– ";
}

#powerTip .Event .Pricing .NextPrice time {
    align-items: baseline;
    gap: 0.2em;
}

#powerTip .Event .Pricing .NextPrice time::before {
    content: "";
    display: inline-flex;
    position: relative;
    font-size: 0.9em;
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    margin-right: 0.3em;

    bottom: -0.1em;

    background-color: var(--color-Orange);

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

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

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

    mask-position: center;
    -webkit-mask-position: center;
}

#powerTip .Event .Title .Pricing .NextPrice time * {
    font-size: 0.9em;
    padding: 0;
}

#powerTip .Event .Division .Course,
#powerTip .Event .Division .Module {
    line-height: 1em;
    color: var(--color-Beige);
}

#powerTip .Event .Division .Course {
    font-weight: bold;
}

#powerTip .Event .Division .Course + .Module:before {
    content: "|";
    padding-right: 0.3em;
}

#powerTip .Division .Title {
    display: inline-block;
    font-size: 1.2em;
    hyphens: auto;
    line-height: 1.2em;
    margin-top: 0;
}

/*
    КОНЕЦ: ML_GanttCalendar
*/



/*
    НАЧАЛО: Таблица пользователей в курсах
    StudentsTable
*/
    .StudentsTable {
        display: flex;
        flex-wrap: wrap;
    }

    .StudentsTable .Right table {
        table-layout: fixed;
    }

    .StudentsTable .SeminarsTable td,
    .StudentsTable .SeminarsTable th,
    .StudentsTable .UsersTable td,
    .StudentsTable .UsersTable th {
        padding: 0.5em;
    }

    .StudentsTable .Head .Right table td,
    .StudentsTable .SeminarsTable td {
        width: 165px;
        min-width: 165px;
    }

    .StudentsTable .Head .Right table td label,
    .StudentsTable .SeminarsTable td label {
        text-align: left;
    }

    .StudentsTable .Assist_Curator,
    .StudentsTable .Assist_Teacher,
    .StudentsTable .Head .Right table .Test,
    .StudentsTable .SeminarsTable .Test {
        /*width: 135px; */
        min-width: 135px;
    }

    .StudentsTable .SeminarsTable tr td:not(:last-of-type),
    .StudentsTable .Head .tabBasket tr td:not(:last-of-type) {
        border-right: 1px dashed var(--color-Beige-Light);
        }

    .StudentsTable .UsersTable .UserDate {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 0.1em;
    }

    .StudentsTable .UsersTable .UserDate time {
        margin-top: 0.4em;
        cursor: default;
    }

    /*
.Right .SeminarsTable tr td.Assist_Curator,
    .Right .SeminarsTable tr td.Assist_Teacher,
    .Right .SeminarsTable tr td.Tests,
    .StudentsTable .Head .tabBasket tr td.Assist_Curator,
    .StudentsTable .Head .tabBasket tr td.Assist_Teacher,
    .StudentsTable .Head .tabBasket tr td.Tests {
        border-right: 0.1em solid var(--color-Beige);
        border-left: 0.1em solid var(--color-Beige);
    }
*/

    .pRel + .Assist_Curator,
    .pRel + .Assist_Teacher,
    .pRel + td.Test {
        border-left: 0.1em solid var(--color-Beige);
    }

    .Test + .pRel,
    .Assist_Curator + .pRel,
    .Assist_Teacher + .pRel {
        border-left: 0.2em solid var(--color-Beige);
    }

    .StudentsTable .Assist_Curator.edu_paid:before,
    .StudentsTable tr .Assist_Teacher.edu_paid:before {
        display: inline-block;
        position: absolute;
        font-size: 3em;
        left: 0;
        top: 0;
        z-index: 0;
        opacity: 0.1;
        pointer-events: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 1em;
        padding: 0.2em;
        width: 100%;
        box-sizing: border-box;
    }

    .Assist_Curator + .pRel:after,
    .Assist_Teacher + .pRel:after,
    .Test + .pRel:after,

    .StudentsTable .Head .Right td.First:after,
    .StudentsTable .Body .Right td.First:after {
        content: "";
        display: flex;
        position: absolute;
        width: 1.5em;
        height: 100%;
        top: 0;
        left: -1.5em;
        background-image: var(--linear-gradient-Gray-Right);
        opacity: 0.5;
    }

    .StudentsTable .Assist_Curator.edu_paid:before {
        content: "🎓";
    }

    .StudentsTable .Assist_Teacher.edu_paid:before {
        content: "👑";
    }

    /*
.StudentsTable .Head .tabBasket tr td.Assist_Curator {
        border-right: 0.1em solid var(--color-Blue);
    }

    .StudentsTable .Head .tabBasket tr td.Assist_Teacher {
        border-right: 0.1em solid var(--color-Blue);
    }
*/

    .StudentsTable .Head,
    .StudentsTable .Body .Left {
        background-color: rgba(223, 216, 208, 0.15);
    }

    .StudentsTable .Head,
    .StudentsTable .Body {
        display: flex;
        flex: 1 1 100%;
        max-width: 100%;
        border: 1px solid var(--color-Beige-Light);
    }

    .StudentsTable .Head {
        border-bottom-color: var(--color-Beige);
        border-bottom-width: 0.1em;
        z-index: 1;

        margin-bottom: -1px;
    }

    .StudentsTable .Head .Name .text {

    }

    .StudentsTable .Head .Assist_Curator .Name .text,
    .StudentsTable .Head .Assist_Teacher .Name .text,
    .StudentsTable .Head .Test .Name .text {
        text-transform: uppercase;
    }

    .StudentsTable .Head .Name .icon {
        font-size: 1.4em;
        display: block;
    }

    .StudentsTable .Head .tabBasket {
        margin: 0;
        width: 100%;
    }

    .StudentsTable .Head .tabBasket thead {
        border-bottom: none;
    }

    .StudentsTable .Right {
        margin: 0;
    }

    .StudentsTable .Body .Left,
    .StudentsTable .Body .Right {
        max-height: 68vh;
    }

    .StudentsTable .Head .Left,
    .StudentsTable .Body .Left {
        width: 23em;

        border-right: 0.1em solid var(--color-Beige);
        box-sizing: border-box;
        overflow: hidden;
    }

    .StudentsTable .Head .Left {
        display: inline-flex;
        font-weight: bold;
        color: var(--color-Beige);

        align-items: center;
        justify-content: center;
    }

    .StudentsTable .Body .Left .UsersTable,
    .StudentsTable .Body .Right .SeminarsTable {
        width: 100%;
        border-collapse: collapse;
    }

    .StudentsTable .Body .Left .UsersTable tbody tr:hover,
    .StudentsTable .Body .Right .SeminarsTable tbody tr:hover,
    .StudentsTable .Body .Left .UsersTable tbody td:hover,
    .StudentsTable .Body .Right .SeminarsTable tbody td:hover {
        background-color: var(--color-Beige-hover);
    }

    .StudentsTable table tbody tr > td,
    .StudentsTable table tbody tr > th,
    .StudentsTable table thead tr > td,
    .StudentsTable table thead tr > th {
        box-sizing: border-box;
        position: relative;
    }

    .StudentsTable .Body .Left .UsersTable .Control {
        padding: 0 0.4em;
        max-width: 3.5em;
    }

    .StudentsTable .Body table tbody tr > td,
    .StudentsTable .Body table tbody tr > th {
        border-bottom: 1px dashed var(--color-Beige-Light);
        vertical-align: middle;
    }

    .StudentsTable .Body .Right table tbody tr > td {
        position: relative;
        text-align: center;
    }

    .StudentsTable .Body .Left .UsersTable tr:not(:last-of-type) > td,
    .StudentsTable .Body .Left .UsersTable tr:not(:last-of-type) > th,
    .StudentsTable .Body .Right .SeminarsTable tr:not(:last-of-type) > td,
    .StudentsTable .Body .Right .SeminarsTable tr:not(:last-of-type) > th {
    }

    .StudentsTable .Head .Right {
        overflow: hidden;
        flex: 1;
    }

    .StudentsTable .Body .Right {
        position: relative;
        overflow:scroll;
        flex: 1;
    }

/*
    .StudentsTable .Body .Right:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 1em;
        height: 100%;
        background-image: var(--linear-gradient-Gray-Right);
        z-index: 1;
    }
*/

    .StudentsTable .Body .Left div.Control,
    .StudentsTable .Body .Left td.Control > div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .StudentsTable .Body .Left td.Control > div {
        vertical-align: middle;
    }

    .StudentsTable .Body .Left div.Control *,
    .StudentsTable .Body .Left td.Control > div * {
        margin-bottom: 0.6em;
    }

    .StudentsTable .Body .Left div.Control .Number,
    .StudentsTable .Body .Left td.Control > div .Number {
        font-size: 1.2em;
        color: var(--color-Gray);
    }

    .StudentsTable .Body .Left .UserDate .UInfData {
        font-size: 0.9em;
        display: flex;
        flex-wrap: wrap;
        margin-right: 0.8em;
        flex-direction: column;
    }

    .StudentsTable .Body .Left .UserDate .UserName {
        font-size: 1.2em;
        line-height: 1em;
        padding: 0.1em 0;
        flex: unset;
    }

    .StudentsTable .Body .Left .UserDate textarea,
    .StudentsTable .Body .Left .UserDate input {
        flex: 1 1;
        margin: 0;
    }

    .StudentsTable .Body .Left .UserDate textarea {
        font-size: 1em;
        margin-bottom: 1em;
    }



/*
    КОНЕЦ: Таблица пользователей в курсах
*/


/*  Шапка рекламы  */
#ML_Advertising_Top {
    display: flex;
    flex-direction: column;
    /*
    flex-wrap: wrap;
    */
    border-bottom: var(--border-thin) solid #706050;
    border-right: var(--border-thin) solid #706050;
    border-left: var(--border-thin) solid #706050;

    border-bottom-left-radius:  var(--border-radius-lg);
    border-bottom-right-radius: var(--border-radius-lg);;
    opacity: 0.95;
}

.Page #ML_Advertising_Top {
    font-size: 0.8em;
    margin-top: var(--border-thin);
}

#ML_Advertising_Top:hover {
    opacity: 1;
}

#ML_Advertising_Top #ML_Shool_Link {
    display: flex;
    flex: 1 0 100%;

    background-color: #908070;
    border-bottom: 1px solid var(--color-Beige-Light);

    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;
	padding: 0.4em;

    justify-content: center;
    text-decoration: none;
    z-index: 10;
}

#ML_Advertising_Top #ML_Shool_Link:hover {
    text-decoration: underline;
}

#ML_Advertising_Top section {
    display: flex;
    justify-content: flex-start;
}

#ML_Advertising_Top section a {
    display: inline-flex;
    flex: 1;
    align-items: center;
    background-color: #fff;
    text-decoration: none;
    min-height: 5.2em;

    padding: 0.7em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 1;
}




.AddContent .AD_Date {
    display: inline-block;
}

.AddContent .AD_Date sup {
    position: relative;
}


#ML_Advertising_Top section a:first-of-type {
        border-bottom-left-radius:  var(--border-radius-lg);
    }
#ML_Advertising_Top section a:last-of-type    {
        border-bottom-right-radius: var(--border-radius-lg);
    }

#ML_Advertising_Top section a:not(:first-of-type) {
    border-left: 1px solid #706050;
    /* border-left: 1px solid #fff;*/
}

#ML_Advertising_Top:hover section a {
    opacity: 0.7;
}

#ML_Advertising_Top section a:hover {
    opacity: 1;
    box-shadow: 0 0 18px #304050;
    z-index: 2;
}

#ML_Advertising_Top  .AddContent div {
    display: block;
}


/* НАЧАЛО: СЛОВАРЬ #Dictionary */

#Dictionary_Control {
    border-bottom: 1px solid #DFD8D0;
    flex: 1;
}

#Dictionary_Control .ML_TR > :first-child {
    padding-left: 0;
}
#Dictionary_Control .ML_TR > :last-child {
    padding-right: 0;
}

#Dictionary_Control + .Content_List,
#Dictionary_Control + .Content_Form {
    margin-top: 2em;
}


.Tag_List {
    display: flex;
    justify-content: center;

    list-style: none;
    padding: 0;
    margin-bottom: 0.6em;
    flex-wrap: wrap;
}

.Tag_List li {
    display: inline-flex;
    justify-content: center;
    font-size: 1.3em;
    padding: 0;
}

#Dictionary.Chapter .Tag_List li {
    font-size: 1.1em;
}

.Tag_List li:not(:last-of-type) {
    margin-right: 0.0em;
}

.Tag_List li a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;

    text-decoration: none;
    color: var(--color-Gray-Dark);
    padding: var(--border-radius-s);
    line-height: 1em;
    min-width: 1.1em;
}

#Dictionary.Chapter .Tag_List li a {
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.Tag_List li a.Sel {
   /*
    background-color: var(--color-Blue);
    color: #fff;
    border-radius: var(--border-radius-xs);
    */
    color: var(--color-Orange);
    font-weight: bold;
}

.Tag_List li a.Sel:after,
.Tag_List li a:after {
    content: "";
    display: block;
    position: absolute;
    border-radius: var(--border-radius-s);
    top: calc(100% - var(--border-radius-xs));
    width: 100%;
    height: 0.6em;
    background-color: #fff;
}

.Tag_List li a.Sel:after {
    border-top: 0.1em solid var(--color-Orange);
}

.Tag_List li a.Sel:hover:after,
.Tag_List li a:hover:after {
    border-top: 0.1em solid var(--color-Blue-hover);
}

.Tag_List li a:hover {
    color: var(--color-Blue-hover);
}

.Content_List {
    flex: 1;
}

.ML_Table.Content_List .List_Item_Block  * {
    line-height: 1.4em;
}

.Content_List section {
    display: flex;
    margin-bottom: 2em;
}

.Content_List section:not(:last-of-type) {
    border-bottom: 1px dotted #DFD8D0;
}

.Content_List section .Title {
    position: relative;
    margin: 0.1em 1.5em 0.4em 0;
}

.Content_List section .Title .text {
    display: inline-block;

    font-size: 2.2em;
    line-height: 1em;
}

#Dictionary.Chapter .Content_List section .Title .text {
    font-size: 1.6em;
}

.Content_List section .Title.Sel .text {
    color: var(--color-Orange);
}

.Content_List section .Title .count {
    color: var(--color-Beige);
    font-size: 0.8em;
    position: absolute;
    top: 0;
}

.Content_List.ABC section .Title {
    width: 2.5em;
}

.Content_List.Category section ul {
    margin-left: 4em;
}

#Dictionary.Chapter .Content_List.Category section ul {
    margin-left: 0;
}


.Content_List.Category section {
    flex-wrap: wrap;
}

.Content_List.Category section .Title {
    flex: 1 0 100%;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 1em;
}


.Content_List section ul {
    flex: 1;
    justify-content: flex-start;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: min-content;
    gap: 0em 2em;
    grid-auto-flow: row dense;
    grid-template-areas:
        ". . .";
    list-style: none;
    padding-left: 0;
}


.Content_List section ul li {
    padding-bottom: 1.2em;

    -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
            break-inside: avoid;
}

.Content_List section ul li span.List_Item_Block {
    position: relative;
}

.Content_List section ul li span.List_Item_Block {
    display: inline-block;
}
.Content_List section ul li div.List_Item_Block {
    display: flex;
    position: relative;
    white-space: nowrap;
    align-items: center;
}

.Content_List section ul li div.List_Item_Block:hover {
    z-index: 5;
}

.Content_List section ul li div.List_Item_Block > svg {
    margin-right: 0.2em;
    margin-bottom: -0.25em;
    margin-top: 0.1em;
}

.Content_List section ul a {
    display: block;
    position: relative;
    flex: 1 1 auto;
    text-decoration: none;
    white-space: normal;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;

    align-items: first baseline;
}

.Content_List section ul .List_Item_Block a:first-letter {
    font-weight: bold;
}

.Content_List section.DictionaryNoTitle ul .List_Item_Block ~ .List_Item_Block a,
.Content_List section:not(.DictionaryNoTitle) ul li :first-of-type a,
.Content_List section:not(.DictionaryNoTitle) ul li > a:first-of-type {
    font-size: 1.2em;
}

.Content_List section.DictionaryNoTitle ul li :first-of-type a {
    font-size: 1.6em;
    text-transform: uppercase;
}

.Content_List section ul li a:hover:first-of-type {
    text-decoration: underline;
}

.Content_List section ul a ~ a,
.Content_List section ul .List_Item_Block ~ .List_Item_Block > a {
    font-size: 1.1em;
    margin-top:0.4em;
    color: var(--color-Gray-Dark);
}

.Content_List section ul a ~ a:before,
.Content_List section ul .List_Item_Block ~ .List_Item_Block a:before {
    content: "";
    font-size: 1em;
    color: var(--color-Gray-Dark);

    min-width: 0.3em;
	max-width: 0.3em;
	min-height: 0.3em;
	max-height: 0.3em;

    background-color: var(--color-Gray-Dark);
    border-radius: 50%;

    margin-right: 0.2em;
    margin-left: -0.7em;

    align-self: center;
}

.Content_List section ul .List_Item_Block ~ .List_Item_Block {
    padding-left: 0.7em;
}

.Content_List section ul .List_Item_Block ~ .List_Item_Block > svg {
    margin-top: 0;
    position: absolute;
    left: -0.55em;
    margin-bottom: -0.4em;
}

.Content_List section ul .List_Item_Block ~ .List_Item_Block .ActionBar {
    margin-top: 0.2em;
}

.Content_List section ul a:before {
    content: "";
	display: inline-flex;
	min-width: 0.4em;
	max-width: 0.4em;
	min-height: 0.4em;
	max-height: 0.4em;
	border-right: 0.1em solid #2072cf;
	border-top: 0.1em solid #2072cf;

    position: relative;
    top: -0.1em;

	margin-left: -0.6em;
	transform: rotate(45deg);
	opacity: 0;
}

.Content_List section ul a:hover:before {
	border-color: #2072cf;
	left: -0.3em;
    border-right-width: 0.2em;
    border-top-width: 0.2em;
	-webkit-animation: ContentListArrShow 0.2s ease-out;
	animation: ContentListArrShow 0.2s ease-out;

	opacity: 1;}

@-webkit-keyframes ContentListArrShow {
	0% {
		opacity: 0;
		left: -0.9em;
        border-right-width: 0.1em;
        border-top-width: 0.1em;}
	80% {
		opacity: 1;
		left: -0.1em;}
	100% {
		opacity: 1;
		left: -0.3em;

        border-right-width: 0.2em;
        border-top-width: 0.2em;}
	}

.Content_List section ul .ActionBar a:after,
.Content_List section ul .List_Item_Block .ActionBar a:before {
    content: none;
}

.Content_List section ul a ~ a:hover {
    color: var(--color-Blue-hover);
}

.Content_List section ul .ActionBar {
    font-size: 0.8em;
    margin-top: -0.1em;
    margin-right: 0;
    top: 0;
    box-shadow: 0 0 0.6em 0.6em rgb(255, 255, 255);
}

.Content_List section ul .ActionBar > *:not(:last-child) {
    margin-right: 0.2em;
}

.wrapper_section_read .ContentFlex {
    font-size: 1.2em;
    line-height: 1.2em;
    flex-direction: column;
    flex-wrap: wrap;
}

.wrapper_section_read .ContentFlex article {
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 1.8em;
    hyphens: auto;
}

.wrapper_section_read .ContentFlex article a {
    word-break: break-word;
}

.wrapper_section_read .ContentFlex .h2,
.wrapper_section_read .ContentFlex h2,
.wrapper_section_read .ContentFlex .h3,
.wrapper_section_read .ContentFlex h3 {
    flex: unset;
}

.wrapper_section_read .ContentFlex .h2:first-child,
.wrapper_section_read .ContentFlex h2:first-child {
    margin-top: 0.8em;
}

.wrapper_section_read .ContentFlex article svg.PayMetods,
#tinymce[data-id="Dictionary_Descr"] svg.PayMetods {
    font-size: 1.2em;
    width: auto;
    margin-left: 0;
    margin-top: 0;
}

.Synonym {
    color: var(--color-Beige);
    margin-bottom: 1.5em;
}

.Attend_Info {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40%, 1fr));
    gap: 1em;
    border-top: 1px dashed var(--color-Beige-Light);;
    padding-top: 1em;
}

.Attend_Info > section {
    flex: 1;
}

.Attend_Info .Title {
    text-align: left;
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

.Attend_Info .Title svg {
    color: var(--color-Gray);
}

.Attend_Info #What_Below .Title svg {
    color: var(--color-Orange);
}

.Attend_Info ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.Attend_Info ul li {
    margin-bottom: 0.2em;
}

.Attend_Info ul .Parent {
    text-transform: uppercase;
    font-weight: bold;
}

.Attend_Info #What_Below ul {
    margin-bottom: 0.6em;
}

.Attend_Info ul a {
    display: inline-flex;
    text-decoration: none;
    width: 100%;
    /*
    min-height: 4em;
    */
}

.Attend_Info ul a .text {
    display: inline-block;
    line-height: 1.2em;
    flex: 1 1;
}

.ML_Table .Attend_Info ul a[target="_blank"]:after {
    content: none;
}

.Attend_Info ul a figure {
    width: 5em;
    min-width: 5em;
    height: 3.3em;
    font-size: 0.7em;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border-radius: var(--border-radius-s);
    border: 1px solid var(--color-Beige-Light);
    margin: 0 0.8em 0 0;
}

.Attend_Info ul a figure img {
    min-height: 100%;
    min-width: 100%;
    box-sizing: border-box;
    flex: 1;
    display: flex;
    object-fit: cover;
}

.Attend_Info ul a figure img {
    content: none;
}

.Attend_Info ul .Date {
    display: flex;
    align-items: center;
    font-size: 0.7em;
    margin-bottom: 0em;
    color: var(--color-Beige);
}

.Attend_Info ul .Date svg {
    margin-right: 0.3em;
    font-size: 0.8em;
}

.Attend_Info ul .NavLine {
    font-size: 0.7em;
    color: initial;
}

.Attend_Info ul .Date + .NavLine {

    margin-top: 0.4em;
}

.Attend_Info ul a .text .Name {
}

.Attend_Info ul a .text .NavLine + .Name {
}

.Attend_Info section ul a[target="_blank"] .text:after {
    margin-left: 0;
}

#What_Below {
    border-bottom: 1px dotted #DFD8D0;
    margin-bottom: 2em;
}

/* КОНЕЦ: СЛОВАРЬ */


/* НАЧАЛО: Флекс Блок для вывода карт */
.BaziChartBlock {
    display: flex;
/*
    flex-wrap: wrap;
*/
    justify-content: center;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 0.8em;
}

.BaziChartBlock .MainChart,
.BaziChartBlock .GLC,
.BaziChartBlock .CurrentPillars,
.BaziChartBlock .Interactions,
.BaziChartBlock #HealthTable,
.ChartAddInfo {
    display: inline-flex;
    box-sizing: border-box;
}

.BaziChartBlock .Interactions {
    min-width: 18em;
    flex: 1;
}

.BaziChartBlock .GLC,
.BaziChartBlock .CurrentPillars,
.BaziChartBlock .Interactions,
.BaziChartBlock #HealthTable {
/*    margin-left: 0.8em;

    border-radius: var(--border-radius-table);
    border: 1px solid #dfd8d0;
*/
}

.BaziChartBlock #TCLineTypeSelector {

}

.ExtendedInfo + .WuXing,
.WuXing + .ExtendedInfo {
    margin-left: 1em;
}

.BaziChartBlock .MainChart {
}

.BaziChartBlock .CurrentPillars,
.BaziChartBlock .MainChart,
.BaziChartBlock #HealthTable {
    position: relative;
}

.BaziChartBlock .MainChart .NoteIco.NI-TL > * {
    margin: 0;
    border: var(--border-style-Light);
    padding: 0.6em;
}

.BaziChartBlock .MainChart .NoteIco.NI-TL > :first-child,
.BaziChartBlock .MainChart .NoteIco.NI-TL > :first-child + label {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: var(--border-radius);
}

.BaziChartBlock .CurrentPillars .NoteIco.NI-TR,
.BaziChartBlock #HealthTable .NoteIco.NI-TR  {
    right: 1px;
    width: 0;
    margin-top: 0.7em;
}

.BaziChartBlock .MainChart .NoteIco.NI-TL {
    display: flex;
    justify-content: flex-end;
    left: 0;
    width: 0;
    margin-top: 0.7em;
}

.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > *,
.BaziChartBlock #HealthTable .NoteIco.NI-TR > * {
    margin: 0;
    border: var(--border-style-Light);
}

.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > * {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.BaziChartBlock .MainChart .NoteIco.NI-TL > *,
.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > * {
    padding-top: 1em;
    padding-bottom: 1em;
}

.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > *:not(:first-child):not(:first-child + label) {
    border-top-right-radius: 0;
}
.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > *:not(:last-child) {
    border-bottom-right-radius: 0;
    margin-bottom: -1px;
}

/*
.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > :first-child,
.BaziChartBlock .CurrentPillars .NoteIco.NI-TR > :first-child + label,
.BaziChartBlock #HealthTable .NoteIco.NI-TR > :first-child,
.BaziChartBlock #HealthTable .NoteIco.NI-TR > :first-child + label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
*/


.CurrentPillars .NoteIco label,
#HealthTable .NoteIco label {
    margin-left: -1px;
}

.CurrentPillars .NoteIco input:checked + label,
#HealthTable .NoteIco input:checked + label {
    color: #fff;
    background-color: var(--color-Blue);
}

.BaziChartBlock .Interactions {
    }


.ChartAddInfo_Easy {
    max-width: 25em;
    padding-left: 1em;
}

.ChartAddInfo_Easy .RightList.RightListWide {
    width: 100%;
}

.ChartAddInfo {
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
}

.ChartAddInfo .TabBar {
    margin: 0;
    align-content: flex-start;
}

.ChartAddInfo .TabBar > input.Tab + label {
    height: 2em;
}

.ChartAddInfo .TabBar .TabBar_Content_Wrap {
    /*height: calc(100% - 3.2em); */
    display: inline-flex;
}

.ChartAddInfo .TabBar .TabBar_Content_Wrap .TabBar_Content {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
}


.ChartAddInfo .ExtendedInfo,
.ML_Window .ExtendedInfo,
.Relatives_Tree_Chart {
    position: relative;
    padding: 0.8em 0.8em 0 0.8em;
    border-radius: var(--border-radius);

    flex: 1 0 auto;
}

.ChartAddInfo .WuXing,
.ChartAddInfo .ExtendedInfo {
    max-width: 42em;
}

.ChartAddInfo .ExtendedInfo,
.Relatives_Tree_Chart {
    border: 1px solid var(--color-Beige-Light);
}


.ChartAddInfo .ExtendedInfo .Item svg,
.ChartAddInfo .ExtendedInfo svg,
.ML_Window .ExtendedInfo svg {
    width: 1em;
    height: 1em;
    font-size: 1.1em;
    vertical-align: middle;
}

.ChartAddInfo .ExtendedInfo .List {
    display: flex;
    flex-direction: column;
    }

.ChartAddInfo .ExtendedInfo .Item {
    display: flex;
    gap: 0.6em;
    flex-wrap: wrap;
    padding: 0.2em;
}

.ChartAddInfo .ExtendedInfo .Item + table {
    margin-top: 0.4em;
}

.ChartAddInfo .ExtendedInfo .Item.Pillar {
    flex-wrap: nowrap;
}

.ChartAddInfo .ExtendedInfo .Item .PopUpHelp {
    margin-top: unset;
}

.ChartAddInfo .ExtendedInfo .List:not(:last-child) .Item  {
    border-bottom: var(--border-style-Light);
}

.ChartAddInfo .ExtendedInfo .Item .label {
    padding: 0;
    color: var(--color-Beige-Dark);
    min-width: 6em;
    width: unset;
    justify-content: flex-start;
    text-align: left;
}

.ChartAddInfo .ExtendedInfo .Item.Pillar .label {
    flex: 1;
    min-width: 4em;
}

.ChartAddInfo .ExtendedInfo .Item .Details {
    display: inline-flex;
    }
.ChartAddInfo .ExtendedInfo .Item.Pillar .Details {
    /*flex-direction: column;*/
    flex-wrap: wrap;
}

.ChartAddInfo .ExtendedInfo .Item .Details + .label {
    margin-left: 1em;
}

.ChartAddInfo .ExtendedInfo .Item .Details button {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin: 0;
}

.ExtendedInfo .RightList.Correction svg {
    font-size: 1.6em;
}

.ChartAddInfo .RightList th + td:not(:first-of-type):not(:last-of-type), .ChartAddInfo .RightList td + th:not(:first-of-type),
.ML_Window .RightList th + td:not(:first-of-type):not(:last-of-type), .ChartAddInfo .RightList td + th:not(:first-of-type) {
    padding-left: 1em;
}

.ChartAddInfo .RightList td:not(:last-of-type),
.ML_Window .RightList td:not(:last-of-type) {
    padding-right: 1em;
}

.ChartAddInfo .ExtendedInfo .SymbolStars,
.ML_Window .ExtendedInfo .SymbolStars {
    columns: 2;
    column-gap: 1.8em;
}

.ChartAddInfo .ExtendedInfo .MainInfo + .SymbolStars,
.ChartAddInfo .ExtendedInfo .Correction,
.ML_Window .ExtendedInfo .MainInfo + .SymbolStars,
.ML_Window .ExtendedInfo .Correction {
    margin-top: 1em;
}

.ChartAddInfo .ExtendedInfo .SymbolStars:not(.DNone) + .SeasonAndHours,
.ChartAddInfo .ExtendedInfo .SeasonAndHours + .SymbolStars,
.ML_Window .ExtendedInfo .SymbolStars + .SeasonAndHours,
.ML_Window .ExtendedInfo .SeasonAndHours + .SymbolStars {
    margin-top: 0.4em;
    padding-top: 0.6em;
}


.ChartAddInfo .ExtendedInfo .SeasonAndHours + .SymbolStars,
.ML_Window .ExtendedInfo .SymbolStars + .SeasonAndHours,
.ML_Window .ExtendedInfo .SeasonAndHours + .SymbolStars {
    border-top: 1px solid var(--color-Beige-Light);
}

/*
.ChartAddInfo .ExtendedInfo .Correction svg,
.ML_Window .ExtendedInfo .Correction svg,
*/
.ChartAddInfo .ExtendedInfo .SeasonAndHours svg,
.ML_Window .ExtendedInfo .SeasonAndHours svg {
    width: 1em;
    height: 1em;
    font-size: 1.5em;
    vertical-align: middle;
    margin: 0;
}


.ChartAddInfo .ExtendedInfo .SymbolStars + .SeasonAndHours .Block,
.ML_Window .ExtendedInfo .SymbolStars + .SeasonAndHours .Block {
    margin-bottom: 0.6em;
    text-align: left;
}

.ChartAddInfo .ExtendedInfo .Correction tr th,
.ML_Window .ExtendedInfo .Correction tr th {
    width: 2em;
}

.ChartAddInfo .ExtendedInfo .Correction tr:last-of-type td,
.ChartAddInfo .ExtendedInfo .Correction tr:last-of-type th,
.ML_Window .ExtendedInfo .Correction tr:last-of-type td,
.ML_Window .ExtendedInfo .Correction tr:last-of-type th {
    border-bottom: none;
}

.ChartAddInfo .ExtendedInfo h3,
.ML_Window .ExtendedInfo h3 {
    font-size: 1.2em;
    margin: 1em 0 0.3em 0;
    }

.ChartAddInfo .WuXing {
    display: inline-flex;
}

.ChartAddInfo .WuXing {
    flex: 3;
}
.ChartAddInfo .ExtendedInfo {
    flex: 3;
}

.ChartAddInfo .WuXing,
.ChartAddInfo .ExtendedInfo {
    margin-top: 1.6em;
}

.ChartAddInfo .WuXing,
.ChartAddInfo .WuXing .TenGodsSCH {
    position: relative;
}

/* Стили для усин */

.WuXing .TabBar_Content/*,
.WuXing .TabBar_Content .Libra*/ {
    overflow: hidden;
}

.WuXing .Libra {
    font-size: 100%;
    margin-top: 0;
    /*margin-bottom: -2em;*/
    padding-top: 1em;
    padding-bottom: 2.5em;

    position: relative;
    display: flex;
    justify-content: center;
    flex: 1;
}

img.HDPI { display: none;}
img.lDPI {
    width: 100%;
}

.WuXing .Libra img,
.WuXing .TabBar_Content_Wrap img.lDPI {
    max-width: 27em;
}

.WuXing .H_Block {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;

    position: absolute;
    cursor: default;
}

.WuXing .TabBar .TabBar_Content_Wrap .TabBar_Content {
    text-align: center;
}

.WuXing .TabBar_Content #MingliBalance,
.WuXing .TabBar_Content #MingliDiagram,
.WuXing .TabBar_Content #MingliBalance1,
.WuXing .TabBar_Content #MingliBalance2,
.WuXing .TabBar_Content #balance {
    width: 100%;
}

.WuXing .TabBar_Content #balance {
    height: 25em;
}

.WuXing .TabBar_Content .Toolbar {
    flex: 1;
    padding: 0.4em 0 0 0;
    border-top: none;
    background-image: none;
}

.WuXing .H_Block * {
    line-height: inherit;
    line-height: 1.2em;
}

.WuXing .Item_Main {

    font-size: 2.2em;
}

.WuXing .Item_Reg,
.WuXing .Item_Min {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
}

.WuXing .Item_Reg {
    font-size: 1.6em;

}
.WuXing .Item_Reg span {
    margin: 0 0.1em;
    font-weight: bold;
}

.WuXing .Item_Min {
    font-size: 1.3em;
}

.WuXing .Item_Min span {
    margin: 0 0.2em;
}

.H_Block .EB_Month {
    border-width: 1px;
    border-style: solid;
    width: 1.5em;
    display: inline-flex;
    padding: 0;
    line-height: 1em;
    border-radius: 50%;
    font-size: 0.9em;
    align-items: center;
    height: 1.5em;
    justify-content: center;
    }

.H_Block_1 {
    bottom: calc(50% + 12.5em);
    }

.H_Block_1_Yang, .H_Block_2_Yang, .H_Block_2_Yin, .H_Block_4_Yang, .H_Block_4_Yin {
    align-items: flex-end;
}

.H_Block_1_Yang > span,
.H_Block_2_Yang > span,
.H_Block_2_Yin > span,
.H_Block_4_Yang > span,
.H_Block_4_Yin > span {
    justify-content: flex-end;
}

.H_Block_1_Yin > span,
.H_Block_3_Yang > span,
.H_Block_3_Yin > span,
.H_Block_5_Yang > span,
.H_Block_5_Yin > span {
    justify-content: flex-start;
}


.H_Block_1_Yang,
.H_Block_1_Yin {
    bottom: calc(50% + 11em);
    /*
max-width: 6em;
*/
}

.H_Block_1_Yang {
    right: calc(50% + 3em);
    }

.H_Block_1_Yin {
    left: calc(50% + 3em);
    }

.H_Block_2_Yang,
.H_Block_3_Yang,
.H_Block_3_Yang,
.H_Block_3_Yin {
    max-width: 6em;
}

.H_Block_2_Yang {
    right: calc(50% + 8.5em);
}

.H_Block_2_Yin {
    right: calc(50% + 9.5em);
    margin-left: -1em;
}

.H_Block_2_Yang,
.H_Block_3_Yang {
    bottom: calc(50% + 6.6em);
    }

.H_Block_3_Yang {
    left: calc(50% + 8.5em);
    }
.H_Block_3_Yin {
    left: calc(50% + 9.5em);
    margin-right: -1em;
    }

.H_Block_2_Yin,
.H_Block_3_Yin {
    top: calc(50% + 0.5em);
    }


.H_Block_4_Yang,
.H_Block_5_Yin {
    max-width: 6em;
    top: calc(50% + 5.5em);
}

.H_Block_4_Yang {
    right: calc(50% + 9em);
    }

.H_Block_4_Yin,
.H_Block_5_Yang {
    top: calc(50% + 11em);
    max-width: 16em;
}

.H_Block_4_Yin {
    right: calc(50% + 2.5em);
    }

.H_Block_5_Yin {
    left: calc(50% + 9em);
    }
.H_Block_5_Yang {
    left: calc(50% + 2.5em);
    }

.ChartAddInfo .PopUp,
.TabBar_Content_Wrap .PopUp {
    border: 1px solid var(--color-Blue);
    line-height: 1em;
    display: inline-flex;
    padding: 0.1em;
    border-radius: var(--border-radius-xs);

    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.ChartAddInfo .ExtendedInfo .PopUp,
.TabBar_Content_Wrap .PopUp {
    top: 0.5em;
    right: 0.5em;
}

.ChartAddInfo .PopUp:hover,
.TabBar_Content_Wrap .PopUp:hover {
    border-color: var(--color-Blue-hover);
}



/* ------------ НАЧАЛО: ВЫБОР ВАРИАНТА ОПЛАТЫ -------------------- */

.Billing_Section {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.8em;
    align-items: center;
    /*margin-top: 1.5em; */
}

.Billing_Section .Caption {
    text-align: center;
}

.Billing_Section .Descr {
    display: block;
    color: var(--color-Gray);
}

.Billing_Section > .Title {
    font-size: 2em;
    color: var(--color-Black);
}

.Billing_Section .Available {

}

.Billing_Section .Pricing {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.Billing_Section .ParticipantLeft {
    display: flex;
    font-size: 0.9em;
    justify-content: center;
    align-items: baseline;
    gap: 0.4em;
    flex: 1 100%;
}

.ParticipantLeft svg {
    align-self: center;
    width: 1em;
    min-width: 1em;
    height: 1em;
}

.Billing_Section .Billing_Options {
    display: flex;
    margin-top: 1.2em;
    position: relative;
    z-index: 1;
}

.Example .Billing_Section .Billing_Options {
    margin-top: 0;
}

/*
    От синего к манженте background: linear-gradient(to bottom, rgba(112,96,80,1) 0%,rgba(144,128,112,1) 50%,rgba(182,170,158,1) 74%,rgba(223,216,208,0.3) 100%);
    Кориченевый градиент background: linear-gradient(to bottom, rgba(153,94,255,1) 0%,rgba(255,102,104,1) 55%,rgba(241,167,61,1) 74%,rgba(221,255,2,0.1) 100%);
*/

.Billing_Options:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    border-radius: var(--border-radius);

    background: linear-gradient(to bottom, rgba(62,221,0,1) 0%,rgba(255,179,38,1) 55%,rgba(250,104,130,1) 74%,rgba(242,2,255,0.1) 100%);

    z-index: -1;
}

.Billing_Options .mce-edit-focus {
    box-shadow: 0 0 0.1em var(--color-Orange), 0 0 0.4em 0.4em var(--color-Orange-Light-Trans);
}

.Billing_Options .Billing_Options_Card {
    display: inline-flex;
    gap: 0.4em;
    align-items: center;
    flex: 1;
    flex-direction: column;
    max-width: 16em;

    cursor: default;
    position: relative;

    border: 0.15em solid transparent;
    padding: 0.8em;
    background-color: #fff;
    background-clip: padding-box;
}

.Cost_and_Discount .Billing_Options .Billing_Options_Card {
    cursor: auto;
}

.Billing_Options .Billing_Options_Card .Caption { grid-area: Caption; }
.Billing_Options .Billing_Options_Card .Pricing { grid-area: Pricing; }
.Billing_Options .Billing_Options_Card .Billing_Price { grid-area: Billing_Price; }
.Billing_Options .Billing_Options_Card .Buttons { grid-area: Buttons; }

.Billing_Section.Row .Billing_Options_Card .Buttons,
.Billing_Section.RowOld .Billing_Options_Card .Buttons {
    align-self: flex-start;
    margin-left: 0;
    margin-right: 0;
}

.Billing_Section.Row .Billing_Options_Card .Pricing .Buttons,
.Billing_Section.RowOld .Billing_Options_Card .Pricing .Buttons {
    align-self: unset;
}

.Feature { grid-area: Feature; }

.Billing_Options > .Billing_Options_Card:not(:first-child) {
    margin-left: -0.15em;
}

.Billing_Options .Billing_Options_Card .Note {
    position: absolute;
    top: -0.7em;
}

.Billing_Options .Billing_Options_Card .Note .text {
    display: block;
    background-color: var(--color-Green-hover);
    padding: 0.3em 0.8em;
    font-size: 0.8em;
    color: #fff;
    line-height: 1em;
    border-radius: var(--border-radius);
    border: 1px solid #fff;
    text-transform: uppercase;
}

.Billing_Options > .Billing_Options_Card:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}
.Billing_Options > .Billing_Options_Card:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.Billing_Options .Billing_Options_Card:hover {
    border-color: var(--color-Blue-hover);

    box-shadow: 0px 0px 0.5em var(--color-Gray-Light);
    transform: scale(1.02);

    animation: ZoomOut 0.2s ease-in-out;
    border-radius: var(--border-radius);
    z-index: 1;
}

@keyframes ZoomOut {
    0%{
	transform: scale(1);
    box-shadow: 0 0 0 var(--color-Gray-Light); }
/*
    80%{
	transform: scale(1.03);
    box-shadow: 0 0 0.55em var(--color-Gray-Light);}
*/
    100%{
	transform: scale(1.02);
    box-shadow: 0 0 0.5em var(--color-Gray-Light);}
}

.Billing_Section.Example .Caption,
.Billing_Section.Example .TinyInline,
.OtherPrice_Block.Landscape .Aside_Block.Example .Caption,
.OtherPrice_Block.Landscape .Aside_Block.Example .TinyInline,
.Billing_Section.Landscape .Aside_Block.Example .Caption,
.Billing_Section.Landscape .Aside_Block.Example .TinyInline {
    align-self: stretch;
    }

.Billing_Section.Example .TinyInline.Title,
.Billing_Section.Example .TinyInline.Descr,
.Billing_Section.Example .TinyInline.Feature,
.OtherPrice_Block.Landscape .Aside_Block.Example .TinyInline,
.Billing_Section.Landscape .Aside_Block.Example .TinyInline {
    min-height: 1em;
    border: var(--border-style-Light-dashed);
    border-radius: var(--border-radius-xs);
}

.Billing_Section .TinyInline {
    position: relative;
}

.Billing_Section.Example .NoteType,
.Billing_Options_Card .Caption,
.OtherPrice_Block.Landscape .Aside_Block.Example .NoteType,
.Billing_Section.Landscape .Aside_Block.Example .NoteType {
    margin: 0;
}

.OtherPrice_Block.Landscape .Aside_Block.Example .Title + .Descr,
.OtherPrice_Block.Landscape .Aside_Block.Example .Title + .Descr,
.Billing_Section.Landscape .Aside_Block.Example .Title + .Feature,
.Billing_Section.Landscape .Aside_Block.Example .Title + .Feature {
    padding:0.2em 0;
}

.Billing_Options_Card .Caption > .Title {
    font-size: 1.3em;
    padding: 0.6em 0 0.8em 0;
    line-height: 1em;
    margin: 0 -0.2em;
}

.Billing_Options_Card .Caption > .Title * {
    line-height: inherit;
}

.Billing_Options_Card .Caption > .Title + .Descr {
    font-size: 1em;
    line-height: 1.2em;
    justify-content: center;
}

.Billing_Options.OneCard:before {
    background: linear-gradient(to bottom, rgba(62,221,0,1) 0%,rgba(255,179,38,1) 55%,rgba(250,104,130,1) 74%,rgba(242,2,255,1) 100%);
}

.Billing_Options.OneCard .Billing_Options_Card .Caption > .Title + .Descr {
    text-align: left;
}

.Billing_Options_Card .Caption > .Title + .Descr ul {
    margin-top: 0.5em;
    font-size: 0.9em;
    color: var(--color-Black);
}

.Billing_Options_Card .Caption > .Title + .Descr ul li {
    padding: 0.1em 0.2em 0.1em 0.2em
}

.Billing_Options_Card .Notification {
    font-size: 0.8em;
    line-height: 1.2em;
    text-align: center;
}

.Billing_Options_Card .Buttons .Notification {
    padding: 0 0.8em;
}

.Billing_Options_Card .Billing_Price {
    display: flex;
    gap: 0.2em;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;

    margin: 0.8em 0 0.4em 0;
    text-align: center;
}

.Billing_Options_Card .Billing_Price strike {
    display: inline-block;
    font-size: 0.9em;
    color: var(--color-Beige);
}

.Billing_Options_Card .Billing_Price .Main_Price {
    font-size: 1.2em;
}

.Billing_Options_Card .Billing_Price .ItemSet_Price {
    display: flex;
    align-items: flex-end;
}

.Billing_Options_Card .Billing_Price .ItemSet_Price > .Main + .Second {
    margin-left: 1em;
}

.Billing_Options_Card .Billing_Price .ItemSet_Price > .Main + .Second:before {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-Beige);
    position: relative;
    line-height: 1em;
    text-align: right;
}

.Billing_Options_Card .Billing_Price strike + .Main_Price {
    margin-left: 0.3em;
    margin-right: 0.3em;
}

.Billing_Options_Card .Billing_Price .ItemSet_Price + .Main_Price,
.Billing_Options_Card .Billing_Price .ParticipatChart,
.Billing_Options_Card .Billing_Price .PriceIncrease {
    flex: 1 1 100%;
}

.Billing_Options_Card .Billing_Price .ParticipatChart {
    display: flex;
    font-size: 0.9em;
    line-height: 1.1em;
}


.Billing_Options_Card .Buttons {
    display: flex;
    flex-wrap: wrap;

    justify-content: center;
    align-items: center;

    margin-left: -0.8em;
    margin-right: -0.8em;
}

.Billing_Options_Card .Buttons button {
    min-width: 45%;
}

.Billing_Options_Card .Buttons > b,
.Billing_Options_Card .Buttons > i,
.Billing_Options_Card .Buttons > strong,
.Billing_Options_Card .Buttons > em {
    display: contents;
}

.Billing_Options_Card.Paid {
   /* border: 0.2em solid var(--color-Green-hover);
   background-color: var(--color-Green-Light_BG_NoTrans);*/
   box-shadow: 0 0 3em 2em var(--color-Green-Light_BG) inset;
}

.Billing_Options_Card.Paid {
    pointer-events: none;
}

.Billing_Options_Card.Paid:before {
    width: 90%;
    height: 100%;
    mask-size: contain;

    z-index: 0;
    user-select: none;

    text-align: center;
    right: unset;
    top: 0;
    left: 10%;
}

.Billing_Options_Card .AlreadyRegistered {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.4em;
    line-height: 1.1em;

    font-size: 0.9em;
    padding: 0 0.8em;
    font-weight: bold;
    text-align: center;
    color: var(--color-Green);
}

.Billing_Options_Card .AlreadyRegistered *:not(img) {
    display: contents;
}

.Billing_Options_Card .Feature {
    font-size: 0.9em;
    /*
    padding: 1em 0 0;
    */
    height: 100%;
    max-width: 100%;
}

/*
Когда 4 колонки, уменьшаем немного текст
*/
.Billing_Section.Four .Note {
    font-size: 0.9em;
}

.Billing_Section.Four .Caption {
    font-size: 0.9em;
}

.Billing_Section.Four .Feature {
    font-size: 0.8em;
}

.Billing_Options_Card .Buttons + .Feature,
.Billing_Options_Card .Billing_Price {
    margin: 0.4em 0 0;
    padding-top: 0.4em;
    padding-bottom: 0.2em;
    align-self: normal;
}

.Billing_Section.Row .Billing_Options_Card .Pricing .Buttons + .Billing_Price,
.Billing_Options_Card .Buttons + .Feature,
.Billing_Options_Card .Billing_Price {
    border-top: var(--border-thin) dotted var(--color-Beige-Light);
    margin-top: 0.4em;
}

.Billing_Options_Card .Caption + .Billing_Price {
    height: 4em;
    min-height: 4em;
}

.Billing_Options_Card .Feature + .Billing_Price {
    min-height: 3em;
}

.Billing_Section.Row .Billing_Options_Card .Billing_Price,
.Billing_Section.RowOld .Billing_Options_Card .Billing_Price {
     min-height: unset;
}

.Billing_Options_Card .Caption + .Feature {
    margin-top: 0.6em;
}

.Billing_Options_Card .Feature ul {
    display: flex;
    flex-direction: column;
    gap: 0.4em;

    margin: 0;
    padding: 0;
    list-style: none;
}
.Billing_Options_Card .Feature ul li {
    padding: 0 0 0 1.2em;
    padding-bottom: 0;
    line-height: 1.3em;
}

.Billing_Options_Card .Feature ul li:before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg  width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(0, 185, 0, 1)' d='M7,7V2h2v5h5v2H9v5H7V9H2V7H7z'/%3E%3C/svg%3E");

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

    width: 1em;
    height: 1em;
    margin: -0.2em 0.2em -0.2em -1.2em;
}

.Billing_Options_Card .Feature ul li:hover:before {
    transform: scale(1.3) translate(-0.05em,0);
}


/*
ДЛЯ КОГДА ОДНА КОЛОНКА - ТАРИФЫ В СТРОЧКУ
*/

.Billing_Section.Row .Billing_Options,
.Billing_Section.RowOld .Billing_Options {
    flex-direction: column;
}


.Billing_Section.Row .Billing_Options .Billing_Options_Card,
.Billing_Section.RowOld .Billing_Options .Billing_Options_Card {
        display: grid;
        grid-template-columns: 2fr 1fr;
        grid-template-rows: min-content min-content;
        gap: 0px 0px;
        max-width: unset;
        gap: 0 1em;
        padding-left: 1.6em;
    }

.Billing_Section.Row .Billing_Options .Billing_Options_Card {
        grid-template-areas:
            "Caption Pricing"
            "Feature Pricing";

}
.Billing_Section.RowOld .Billing_Options .Billing_Options_Card {
        grid-template-areas:
            "Caption Billing_Price"
            "Feature Buttons";
}

.Billing_Section.Row .Billing_Options > .Billing_Options_Card,
.Billing_Section.RowOld .Billing_Options > .Billing_Options_Card {
    border-radius: unset;
}

.Billing_Section.Row .Billing_Options > .Billing_Options_Card:first-child,
.Billing_Section.RowOld .Billing_Options > .Billing_Options_Card:first-child {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
}

.Billing_Section.Row .Billing_Options > .Billing_Options_Card:last-child,
.Billing_Section.RowOld .Billing_Options > .Billing_Options_Card:last-child {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.Billing_Section.Row .Billing_Options > .Billing_Options_Card:not(:first-child),
.Billing_Section.RowOld .Billing_Options > .Billing_Options_Card:not(:first-child) {
    margin-left: 0;
    margin-top: -0.15em;
}

.Billing_Section.Row .Billing_Options .Billing_Options_Card .Note,
.Billing_Section.RowOld .Billing_Options .Billing_Options_Card .Note {
    top: 0;
    right: 0;
}

.Billing_Section.Row .Caption,
.Billing_Section.RowOld .Caption {
    text-align: left;
    margin-bottom: 1em;
}

.Billing_Section.Row .Billing_Options_Card .Caption + .Feature,
.Billing_Section.RowOld .Billing_Options_Card .Caption + .Feature {
    margin-top: 0;
}

.Billing_Section.Row .Billing_Options_Card .Caption > .Title,
.Billing_Section.RowOld .Billing_Options_Card .Caption > .Title {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin: 0;
}

.Billing_Section.Row .Billing_Options_Card .Pricing .Billing_Price,
.Billing_Section.RowOld .Billing_Options_Card .Feature + .Billing_Price {
    margin-top: unset;
    border-top: unset;
    align-content: flex-end;
}


/* ------------ НАЧАЛО: ВЫБОР ВАРИАНТА ОПЛАТЫ -------------------- */

/*
    Дерево родственников
*/

/*
Если нужно вставить названия на китайском то вставляем внутрь обоъекта, пример:
<span class="Hieroglyph">祖母</span>
*/
.Relatives_Tree_Chart {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;

    font-size: 100%;
    position: relative;

    padding: 2em 2em;
    max-width: 100%;
}

.Relatives_Tree_Chart .Items {
    display: inline-flex;
    text-align: center;
    font-size: 0.8em;
    align-items: flex-end;
    justify-content: center;
}

.Relatives_Tree_Chart .Items + .Items {
    margin-top: 3em;
}

.Partners #Lover {
    margin-top: 5em;
}

.Relatives_Tree_Chart .Items .Hieroglyph {
    white-space: nowrap;
}

.Relatives_Tree_Chart .Items .Item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;

    padding: 0 0.2em;
    box-sizing: border-box;

    width: 12em;
}
.Relatives_Tree_Chart .Chart {
    display: inline-flex;
    text-align: center;
    align-items: flex-end;
    justify-content: center;
}

.Relatives_Tree_Chart .Items .Item * {
    line-height: 1em;
}

.Relatives_Tree_Chart > .Heart,
.Relatives_Tree_Chart .Items {
    /*
    position: absolute;
    */
}

.Relatives_Tree_Chart .Heart {
    color: var(--color-Fire);
    position: absolute;
    align-self: center;
}

.Relatives_Tree_Chart .Heart svg {

    /* Управление обводкой, заливкой и прозрачностью линии в свг */
    fill: #fff;
    stroke: #fff;
    stroke-opacity: 0.9;
    stroke-width: 0.04em;

}

.Relatives_Tree_Chart > .Heart {
    margin-top: 1.5em;
}

.Relatives_Tree_Chart .Husband + .Heart {
    font-size: 0.8em;
    margin-top: 3em;
}
.Relatives_Tree_Chart .Items .Heart {
    margin-top: 2em;
}

.Relatives_Tree_Chart svg {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    font-size: 2.3em;
}

.Relatives_Tree_Chart #Relatives_Lines svg,
.Relatives_Tree_Chart .Relatives_Lines svg {
    width: unset;
    height: unset;
}

.Relatives_Tree_Chart .Item .Character {
    padding: 0.4em 0.2em;
    border: 1px solid var(--color-Beige-Light);
    border-radius: var(--border-radius);
    width: 5.8em;
    margin-top: 0.4em;
    cursor: default;
}

.Relatives_Tree_Chart .Item .Character .Hieroglyph {
    font-size: 2.8em;
    margin-bottom: 0.1em;
}

.Relatives_Tree_Chart #Personality .Item .Character .Hieroglyph {
    font-size: 3.5em;
}

.Relatives_Tree_Chart .Item .Character .Pinyin {
    font-size: 0.9em;
    color: var(--color-Beige);
}

.Relatives_Tree_Chart .Item .Character .Pinyin + .Name {
    font-size: 1.1em
    margin-top: 0.2em;
}

.Relatives_Tree_Chart .Item .Character .Name {
    color: var(--color-Beige-Dark);
    white-space: nowrap;
}


.Relatives_Tree_Chart .Item .Title .Name {
    font-size: 1.3em;
    text-transform: uppercase;
}
.Relatives_Tree_Chart .Item .Title .Name .Hieroglyph {
    color: var(--color-Gray);
}

.Relatives_Tree_Chart .Item .Title .subTitle {
    color: var(--color-Beige-Dark);
}
.Relatives_Tree_Chart .Item .Title .subTitle .Hieroglyph {
    color: var(--color-Beige);
}

.Relatives_Tree_Chart .Item .Title .Name + .subTitle {
    margin-top: 0.3em;
}


/*
    Муж, Жена Любовник/Любовница
*/
.Relatives_Tree_Chart #Personality {
    padding: 0.6em 0.1em 0.8em 0.1em;
    border: 1px solid var(--color-Beige);
    border-radius: var(--border-radius-md);
    position: relative;
}

.Relatives_Tree_Chart #Personality .Title .Name {
    font-weight: bold;
}

.Relatives_Tree_Chart #Personality .Title .Name .Hieroglyph {
    font-weight: normal;
}

.Relatives_Tree_Chart #Spouse {
    left: calc(50% + 1em);
}

.Relatives_Tree_Chart #Lover {
    top: calc(50% + 7em);
    right: calc(50% + 1em);
}

/*
    Родственники
*/

.Relatives_Tree_Chart .Family {
    display: flex;
    flex: 0;
    flex-wrap: wrap;
    position: relative;
}
.Relatives_Tree_Chart .Family .Personality {
}

.Relatives_Tree_Chart .Family .Partners {
    display: flex;
}

.Relatives_Tree_Chart .Family #Personality .Heart {
    bottom: -3.2em;
    font-size: 1.1em;
}

.Relatives_Tree_Chart .Husband,
.Relatives_Tree_Chart .Wife {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 0;

    position: relative;

    width: 20em;
    height: 100%;
}


.Relatives_Tree_Chart .Husband {
    margin-right: 1.5em;
}

.Relatives_Tree_Chart .Wife {
    margin-left: 1.5em;
}

/*
.Relatives_Tree_Chart .Grand,
.Relatives_Tree_Chart .Parents,
.Relatives_Tree_Chart .Inner_Circle,
.Relatives_Tree_Chart .Childrens,
.Relatives_Tree_Chart .Grand_Children,
*/
.Relatives_Tree_Chart .Row,
.Relatives_Tree_Chart .Generation {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.Relatives_Tree_Chart .Row:not(:last-child),
.Relatives_Tree_Chart .Generation {
    margin-bottom: 2em;
}
/* КОНЕЦ: Флекс Блок для вывода карт */




/* НАЧАЛО: Выбор оплаты периода */
.Installmen,
.PaymentPeriod {
    display: flex;
    flex: 1 1 100%;
    margin-top: 1em;
    margin-bottom: 1em;
}

article + .PaymentPeriod {
    margin-top: 2em;
}

.Installment .DateStart,
.PaymentPeriod .DateStart {
    display: inline-flex;
    flex-direction: column;
    align-self: center;
}

.Installment .DateStart select,
.PaymentPeriod .DateStart select {
    font-size: 1.2em;
}

.Installment .DateStart .DateSelector,
.PaymentPeriod .DateStart .DateSelector {
    height: 100%;
    align-items: center;
    padding-right: 2em;
}

.PaymentPeriod .Product {
    display: grid;
    grid-template-columns: repeat(2, min-content);
    grid-template-rows: min-content 1fr;
    grid-auto-columns: 1fr;
    gap: 0em 0.8em;
    grid-auto-flow: row dense;
    grid-template-areas: "figure Date" "figure Name";
    align-items: center;
    align-self: center;
    box-sizing: border-box;
    padding-right: 1.2em;
}

.PaymentPeriod .Product figure {
    width: 7em;
    margin: 0;
}

.PaymentPeriod .Product figure img {
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: vr(--border-radius);
    border: 1px solid var(--color-Beige-Light);
    margin-right: 0;
}
.PaymentPeriod .Product .figure {
    grid-area: figure;
    }
.PaymentPeriod .Product .Date {
    grid-area: Date;
    font-size: 0.9em;
    color: var(--color-Beige);
    margin-bottom: 0.2em;
    align-self: center;
    }

.PaymentPeriod .Product .Name {
    grid-area: Name;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 12em;
    font-size: 1.3em;
    line-height: 1.1em;
    align-self: center;
    }


.Installment .PeriodList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(3em, 1fr));
}

.PaymentPeriod .PeriodList {
    flex: 1;
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0em 0em;
}

.Installment .PeriodList input,
.PaymentPeriod .PeriodList input {
    display: none;
}

.Installment .PeriodList label,
.PaymentPeriod .PeriodList label {
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.6em;
    margin: 0;
    line-height: 1.2em;
    border: 1px solid var(--color-Beige-Light);
    border-radius: unset;
    background-color: #fff;
    position: relative;
}

.Installment .PeriodList label:nth-child(n+1),
.PaymentPeriod .PeriodList label:nth-child(n+1) {
    margin-left: -1px;
}

.Installment .PeriodList label:first-of-type,
.PaymentPeriod .PeriodList label:first-of-type,
.Installment .PeriodList label:first-of-type:before,
.PaymentPeriod .PeriodList label:first-of-type:after {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.Installment .PeriodList label:last-of-type,
.PaymentPeriod .PeriodList label:last-of-type,
.PaymentPeriod .PeriodList label:last-of-type:before,
.PaymentPeriod .PeriodList label:last-of-type:after {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
}

.Installment .PeriodList label:hover,
.Installment .PeriodList:hover input:checked + label:hover,
.Installment .PeriodList:hover label.checked:hover,
.Installment .PeriodList input:checked + label,
.Installment .PeriodList label.checked,

.PaymentPeriod .PeriodList label:hover,
.PaymentPeriod .PeriodList:hover input:checked + label:hover,
.PaymentPeriod .PeriodList:hover label.checked:hover,
.PaymentPeriod .PeriodList input:checked + label,
.PaymentPeriod .PeriodList label.checked {
    transform: scale(1.05);
}

.Installment .PeriodList label:hover,
.Installment .PeriodList:hover input:checked + label:hover,
.Installment .PeriodList:hover label.checked:hover,
.Installment .PeriodList:hover label.checked:hover:before,
.Installment .PeriodList:hover label.checked:hover:after,

.PaymentPeriod .PeriodList label:hover,
.PaymentPeriod .PeriodList:hover input:checked + label:hover,
.PaymentPeriod .PeriodList:hover label.checked:hover,
.PaymentPeriod .PeriodList:hover label.checked:hover:before,
.PaymentPeriod .PeriodList:hover label.checked:hover:after {
    border-radius: var(--border-radius);
}

.Installment .PeriodList label:hover,
.PaymentPeriod .PeriodList label:hover {
    z-index: 2;
}

.Installment .PeriodList input:checked + label:hover,
.PaymentPeriod .PeriodList input:checked + label:hover,
.Installment .PeriodList label.checked:hover,
.PaymentPeriod .PeriodList label.checked:hover {
    /*
    background-color: var(--color-Blue-hover);
    */
    border-color: transparent;
}

.Installment .PeriodList label *,
.PaymentPeriod .PeriodList label * {
    font-size: inherit;
    line-height: inherit;
}

.Installment .PeriodList input:checked + label,
.PaymentPeriod .PeriodList input:checked + label,
.Installment .PeriodList label.checked,
.PaymentPeriod .PeriodList label.checked {
    z-index: 1;
}

.Installment .PeriodList input:checked + label,
.Installment .PeriodList label.checked,
.Installment .PeriodList label.checked:before,
.Installment .PeriodList label.checked:after,

.PaymentPeriod .PeriodList input:checked + label,
.PaymentPeriod .PeriodList:not(:hover) label.checked,
.PaymentPeriod .PeriodList:not(:hover) label.checked:before,
.PaymentPeriod .PeriodList:not(:hover) label.checked:after {
    border-radius: var(--border-radius);
}

.Installment .PeriodList label.checked:before,
.PaymentPeriod .PeriodList label.checked:before,
.Installment .PeriodList label.checked:after,
.PaymentPeriod .PeriodList label.checked:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.Installment .PeriodList label.checked:before,
.PaymentPeriod .PeriodList label.checked:before {
    /*
    background: linear-gradient(180deg,rgb(4 255 34) 0%, rgb(237 0 255 / 64%) 50%,  rgb(246 255 0 / 64%) 100%);
    */
    background: conic-gradient(from 45deg, rgb(4 255 34), rgb(4, 231, 255), rgba(237, 0, 255, 0.64), rgba(246, 255, 0, 0.64), rgb(4 255 34));
    filter: blur(0.3em);
    transform: scale(1.05);
    z-index: -2;
}

.Installment .PeriodList label.checked:after,
.PaymentPeriod .PeriodList label.checked:after {
    background-color: var(--color-Blue);
    box-shadow: 0 0 0.2em 0.05em #fff;
    z-index: -1;
}


.PaymentPeriod .PeriodList label:checked .Details .Price:after,
.PaymentPeriod .PeriodList label:checked .Details .CurrentPrice:after,
.PaymentPeriod .PeriodList label:checked .Details .Price:before,
.PaymentPeriod .PeriodList label:checked .Details .CurrentPrice:before,

.PaymentPeriod .PeriodList label.checked .Details .Price:after,
.PaymentPeriod .PeriodList label.checked .Details .CurrentPrice:after,
.PaymentPeriod .PeriodList label.checked .Details .Price:before,
.PaymentPeriod .PeriodList label.checked .Details .CurrentPrice:before {
    color: var(--color-White_Med);
}

.Installment .PeriodList:hover input:checked + label,
.Installment .PeriodList:hover label.checked,
.Installment .PeriodList:hover label.checked:before,
.Installment .PeriodList:hover label.checked:after,

.PaymentPeriod .PeriodList:hover input:checked + label,
.PaymentPeriod .PeriodList:hover label.checked,
.PaymentPeriod .PeriodList:hover label.checked:before,
.PaymentPeriod .PeriodList:hover label.checked:after {
    transform: scale(1);
}

/*.Installment .PeriodList:hover input:checked + label,
.Installment .PeriodList:hover label.checked,
.Installment .PeriodList:hover label.checked:before,
.Installment .PeriodList:hover label.checked:after,

.PaymentPeriod .PeriodList:hover input:checked + label,
.PaymentPeriod .PeriodList:hover label.checked,
.PaymentPeriod .PeriodList:hover label.checked:before,
.PaymentPeriod .PeriodList:hover label.checked:after {
    border-radius: unset;
}*/

.PaymentPeriod .PeriodList label .Installmen> .Title:first-child {
    color: var(--color-Beige);
    font-size: 0.8em;
    margin-bottom: 0.5em;
    font-weight: bold;
}

.Installment .PeriodList label .Title,
.Installment .PeriodList label .Date ~ .Title,
.PaymentPeriod .PeriodList label .Date ~ .Title {
    color: var(--color-Black);
    font-size: 1.5em;
    font-weight: normal;
}

.Installment .PeriodList label .Date ~ .Title,
.PaymentPeriod .PeriodList label .Date ~ .Title {
    margin-bottom: 0.3em;
}

.Installment .PeriodList label .Date + .Title,
.PaymentPeriod .PeriodList label .Date + .Title {
    margin-top: 0.2em;
}

.Installment .PeriodList input:checked + label .Title,
.Installment .PeriodList input:checked + label .Duration time,
.Installment .PeriodList input:checked + label .Date,
.Installment .PeriodList label.checked .Duration time,
.Installment .PeriodList label.checked .Date,
.Installment .PeriodList label.checked strike.Price,

.PaymentPeriod .PeriodList input:checked + label .Title,
.PaymentPeriod .PeriodList input:checked + label .Date,
.PaymentPeriod .PeriodList label.checked .Date,
.PaymentPeriod .PeriodList label.checked strike.Price {
    color: var(--color-White_Med);
}

strike.Price .Num {
    text-decoration: line-through;
}

.Installment .PeriodList label.checked .Title,
.PaymentPeriod .PeriodList label.checked .Title {
    color: rgba(255,255,255,0.9);
}

.Installment .PeriodList label .Title:first-child ~ .CurrentPrice,
.PaymentPeriod .PeriodList label .Title:first-child ~ .CurrentPrice {
    font-size: 1.6em;
}

.Installment .PeriodList label .Title:not(:first-child) ~ .CurrentPrice,
.PaymentPeriod .PeriodList label .Title:not(:first-child) ~ .CurrentPrice {
    font-size: 1.3em;
    opacity: 0.85;
    vertical-align: baseline;
}

.Installment .PeriodList input:checked + label .CurrentPrice,
.PaymentPeriod .PeriodList input:checked + label .CurrentPrice,
.Installment .PeriodList label.checked .CurrentPrice,
.PaymentPeriod .PeriodList label.checked .CurrentPrice {
    color: #fff;
}

.Installment .PeriodList label .Title:first-child ~ .Price,
.PaymentPeriod .PeriodList label .Title:first-child ~ .Price {
    margin-bottom: 0.2em;
}

.Installment .PeriodList label .Duration,
.Installment .PeriodList label .Date,
.PaymentPeriod .PeriodList label .Duration,
.PaymentPeriod .PeriodList label .Date {
    font-size: 0.8em;
    color: var(--color-Beige);
    line-height: 1em;
}

.Installment .PeriodList label .Duration:first-child,
.PaymentPeriod .PeriodList label .Duration:first-child,
.Installment .PeriodList label .Date:first-child,
.PaymentPeriod .PeriodList label .Date:first-child {
    padding: 0 0 0.8em 0;
}

.Installment .PeriodList label .Duration:not(:first-child),
.PaymentPeriod .PeriodList label .Duration:not(:first-child) {
    margin: 0.4em 0 0.8em 0;
}

.Installment .PeriodList label .Date:not(:first-child),
.PaymentPeriod .PeriodList label .Date:not(:first-child) {
    padding: 0.8em 0 0 0;
}

.Installment .PeriodList label .ItemSet_Price,
.PaymentPeriod .PeriodList label .ItemSet_Price {
    display: flex;
    align-items: flex-end;
    font-size: 0.9em;
}

.Installment .PeriodList label .ItemSet_Price + .CurrentPrice,
.PaymentPeriod .PeriodList label .ItemSet_Price + .CurrentPrice {
    margin-top: 0.5em;
}

.Installment .PeriodList label .ItemSet_Price > span,
.PaymentPeriod .PeriodList label .ItemSet_Price > span {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-Beige);
    position: relative;
    line-height: 1em;
    text-align: right;
}


.Installment .PeriodList label.checked .ItemSet_Price > span,
.PaymentPeriod .PeriodList label.checked .ItemSet_Price > span,
.Installment .PeriodList input:checked + label .ItemSet_Price > span,
.PaymentPeriod .PeriodList input:checked + label .ItemSet_Price > span {
    color: rgba(255, 255, 255, 0.85);
}

.Installment .PeriodList label .ItemSet_Price > span strike,
.PaymentPeriod .PeriodList label .ItemSet_Price > span strike {
    font-size: 0.8em;
}

.Installment .PeriodList label .ItemSet_Price > .Main + .Second,
.PaymentPeriod .PeriodList label .ItemSet_Price > .Main + .Second {
    margin-left: 1em;
}

.Installment .PeriodList label .ItemSet_Price > .Main + .Second:before,
.PaymentPeriod .PeriodList label .ItemSet_Price > .Main + .Second:before,
.Billing_Price .ItemSet_Price > .Main + .Second:before {
    content: "+";
    position: absolute;
    display: inline-block;
    margin-left: -0.8em;
    font-weight: bold;
}

.Billing_Price .ItemSet_Price > .Main + .Percent:before {
    content: "*";
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-Beige);
    position: relative;
    line-height: 1em;
    margin-right: 0.2em;
    margin-left: 0.2em;
    text-align: right;
    font-weight: bold;
}

.Billing_Price .ItemSet_Price > .Main + .Percent:after {
    content: "%";
}



.PaymentPeriod.Landscape {
    justify-content: center;
}

.PaymentPeriod.Landscape .PeriodList {
    display: inline-flex;
    justify-content: center;
}

.PaymentPeriod.Landscape .PeriodList label {
    flex-direction: row;
    align-items: stretch;
    gap: 0.6em;
    min-width: 23%;
    max-width: 25%;
}

.PaymentPeriod.Landscape .PeriodList label figure {
    min-width: 10em;
    margin: 0;
}

.PaymentPeriod.Landscape .PeriodList label .Details {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
    justify-content: center;
    padding-right: 1em;
}

.PaymentPeriod .PeriodList label .Details .Price,
.PaymentPeriod .PeriodList label .Details .CurrentPrice {
    display: inline-flex;
    justify-content: center;
}

.PaymentPeriod.Landscape .PeriodList label .Details .CurrentPrice {
    font-size: 1.3em;
}

/*.Date
.Title
.Price*/


/* КОНЕЦ: Выбор оплаты периода */



/* НАЧАЛО: Вариант оплты (Изи про версия или календарь удачи/альманах */

.SubscriptionOptions {
    /*
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
    grid-template-rows: min-content;
    gap: 0em 1.4em;
    */

    display: flex;
    flex-wrap: wrap;

    margin-bottom: 0.4em;
}


.SubscriptionOptions > input.Radio[type="radio"] + label,
.SubscriptionOptions > input[type="checkbox"] + label {
    flex: 1 1;
    padding: 1.2em 0.8em 1.4em 2.4em;
    margin: unset;
    border-radius: var(--border-radius);
    border: var(--border-style-Light);
}

.SubscriptionOptions > input.Radio[type="radio"] + label:not(:first-of-type),
.SubscriptionOptions > input[type="checkbox"] + label:not(:first-of-type) {
    margin-left:1em;
}

.SubscriptionOptions > input[type="radio"] + label,
.SubscriptionOptions > input[type="checkbox"] + label {
    opacity: 0.5;

    display: grid;
    grid-auto-flow: row dense;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr min-content;
    grid-template-rows: repeat(2, min-content);
    gap: 0em 0.8em;
    grid-template-areas:
        "Title IMG"
        "text text";
}

.SubscriptionOptions > input[type="radio"] + label:hover {
    opacity: 1;
}

.SubscriptionOptions > input[type="radio"] + label .IMG {
    grid-area: IMG;
    margin-top: -1.2em;
    margin-right: -0.2em;
    }
.SubscriptionOptions > input[type="radio"] + label .Title,
.SubscriptionOptions > input[type="radio"] + label .title {
    grid-area: Title;
    font-size: 1.4em;
    line-height: 1.1em;
    margin-bottom: 0.6em;
    }
.SubscriptionOptions > input[type="radio"] + label .text {
    grid-area: text;
    font-size: 1.1em;
    line-height: 1.2em;
    }

.SubscriptionOptions > input[type="radio"]:checked + label,
.SubscriptionOptions > input[type="checkbox"]:checked + label {
    border-top: 0.2em solid var(--color-Blue);
}

.SubscriptionOptions > input[type="radio"]:checked + label,
.SubscriptionOptions > input[type="checkbox"]:checked + label,
.SubscriptionOptions > input[type="radio"]:hover:checked + label,
.SubscriptionOptions > input[type="checkbox"]:hover:checked + label {
    opacity: 1;
}

.SubscriptionOptions > input[type="radio"]:hover:checked + label,
.SubscriptionOptions > input[type="checkbox"]:hover:checked + label {
    border-color: var(--color-Blue-hover);
}

.SubscriptionOptions > input + label img,
.SubscriptionOptions > input + label svg {
    width: 5em;
    min-width: 5em;
}

.SubscriptionOptions .PersonalCards,
.SubscriptionOptions .PayProduct,
.SubscriptionOptions #PayProductAction {
    flex: 1 0 100%;
    margin-top: 1em;
}

.SubscriptionOptions #PayProductAction {
    justify-content: flex-end;
}


/* КОНЕЦ: Выбор оплаты периода */




/*
TINyMCE
*/


#tinymce table[border]:not([border="0"]):not([style*="border-color"]) td, table[border]:not([border="0"]):not([style*="border-color"]) th {
    border-color: #ccc;
}
#tinymce table[border]:not([border="0"]):not([style*="border-style"]) td, table[border]:not([border="0"]):not([style*="border-style"]) th {
    border-style: solid;
}
#tinymce table[border]:not([border="0"]):not([style*="border-width"]) td, table[border]:not([border="0"]):not([style*="border-width"]) th {
    border-width: 1px;
}
#tinymce table:not([cellpadding]) td, #tinymce table:not([cellpadding]) th {
    padding: .4rem;
}



/* =============================================== */
/* Когда телефон в режиме портрет */
@media screen
    and (max-width: 750px)
    and (max-aspect-ratio: 3 / 4)
    and (orientation: portrait) {

/*
@media screen
    and (max-width: 850px)
    and (max-aspect-ratio: 138/100), (orientation:portrait)  {

*/
/*
@media screen
    and (orientation:portrait)
	and (-webkit-min-device-pixel-ratio: 1.25)
    and (min-width: 320px)
	and (max-width: 767px) {
*/


/* НАЯАЛО: ПЕРЕМЕННЫЕ ДЛЯ Таблицы бацзы  */
   .Bazi_Chart_Group.Micro {
       --Col_Size: 6.8em;
        --Chart_Hieroglyph_Main: 2.6em;
        --Chart_Text_Size: 1.4em;
        --Chart_JiaZi_Text_Size: 1.4em;
        --Chart_HeaderText_Size: 1.4em;
   }

/* КОНЕЦ: ПЕРЕМЕННЫЕ ДЛЯ Таблицы бацзы  */


/* НАЯЧАЛО: Размреы блоков под мобилы */

.UserOrders .AccStatus .label,
.UserOrders .Discount .label,
.UserOrders .Amount .label {
    width: 12em;
}

.TableDescript thead td {
    vertical-align: bottom;
}

    .wrapper_section_read .ContentFlex article {
        font-size: 1.1em;
        }

    .wrapper_section_read .ContentFlex article * {
            font-size: inherit;
        }
    .wrapper_section_read .ContentFlex article h2 {
        font-size: 1.6em;
    }

    .wrapper_section_read .ContentFlex article h3 {
        font-size: 1.3em;
    }

    .wrapper_section_read .ContentFlex article h4 {
        font-size: 1.1em;
    }

    .table { grid-auto-flow: row; }

    #ML_Advertising_Top {
        /*
        font-size: 1.15em;
        */
    }

    #ML_Advertising_Top #ML_Shool_Link {
        display: none;
    }

    #ML_Advertising_Top section a {
        border-radius: unset;
        min-height: 6em;
    }
    #ML_Advertising_Top section a:first-of-type,
    #ML_Advertising_Top section a:last-of-type {
        display: none;
    }

    #ML_Advertising_Top section .AddContent {
        /*
        font-size: 1.5em;
        */
    }

	:not(.ML_Settings) > .ML_TR .ML_TD:first-child,
	:not(.ML_Settings) > .ML_TR .ThisDay.ML_TD, .ML_TR .LastPost.ML_TD { padding-left: 1.2em; padding-right: 1.2em; }

    #RateConverter.ML_TR {
        flex-wrap: wrap;
    }

    #RateConverter .RateTools {
        padding-bottom: 0;
    }

    #RateConverter .result {
        padding-top: 0.8em;
        flex: 1 1;
    }

     #RateConverter .ML_Table .result .label {
         max-width: 12em;
     }

 .SubscriptionOptions > input.Radio[type="radio"] + label,
    .SubscriptionOptions > input[type="checkbox"] + label {
        align-items: self-start;
        grid-template-areas:
        "IMG"
        "Title"
        "text";

        gap: 0em 0em;
        padding: 0.8em 0.8em 2.4em 0.8em;
    }

    .SubscriptionOptions > input.Radio[type="radio"] + label:before {
        top: unset;
        left: 50%;
        bottom: 0.4em;
        margin-left: -0.7em;
    }

    .SubscriptionOptions > input.Radio[type="radio"] + label:after {
        top: unset;
        left: 50%;
        bottom: 0.7em;
        margin-left: -0.4em;
    }

    .SubscriptionOptions > input[type="radio"] + label .IMG {
        justify-self: center;
        margin-top: 0;
        }
    .SubscriptionOptions > input[type="radio"] + label .Title {

    }

    .ML_Settings .ML_TR .ML_TD:first-child,
    .Content_Form .ML_TR > .ML_TD:first-child {
        padding-left: 0;
    }
    .ML_Settings .ML_TR .ML_TD:last-child,
    .Content_Form .ML_TR > .ML_TD:last-child {
        padding-right: 0;
    }

    .ML_TR.StickyTop .ML_TD {
        padding-left: 0;
        padding-right: 0.5em;
    }

    .ML_TR.StickyTop .ML_TD.AD_Info {
            flex: 0;
    }

    .ML_TD.ActionBar,
    .ML_TH.ActionBar {
        display: inline-flex;
        flex: 1;
    }

    .ML_TH.ActionBar,
    #Basket .ML_TD.ActionBar {
        flex: 1 1 100%;
        flex-direction: column-reverse;
        align-items: unset;
    }
    /*.ML_TD.ActionBar {
        flex: 1 1 100%;
        flex-wrap: wrap;
        align-items: unset;
    }*/

    .ML_TD.ActionBar button,
    .ML_TH.ActionBar button,
    .FFooter .ActionBar button,
    .ML_TD.ActionBar .AllBotton,
    .ML_TH.ActionBar .AllBotton,
    .FFooter .ActionBar .AllBotton,
    .ML_TD.ActionBar .AllBottonLight,
    .ML_TH.ActionBar .AllBottonLight,
    .FFooter .ActionBar .AllBottonLight {
        flex: 1;
        justify-content: center;
        font-size: 1em;
        text-align: center;
    }

    .ML_TD, .ML_TA, .ML_TH, .ML_TDM, .ML_THM,
    .ProdBundle .ML_TR .ML_TD:first-child {
        padding: 0.6em 0.5em 0.6em 0.5em;
    }

    .ML_TD h3:first-of-type,
    .ML_TA h3:first-of-type,
    .ML_TC h3:first-of-type {
        margin-top: 0.6em;
    }

    #Basket .ML_TR .ML_TD:first-child,
    .Content .Content { padding: 0; }


    .ML_Window .ML_Table, .ML_Window .ML_THeader, .ML_Window .ML_THead, .ML_Window .ML_TBody, .ML_Window .ML_TFooter, .ML_Window .ML_TFoot {
        flex-wrap: unset;
    }

    .PostsStatisticPopUp {
        max-width: none;
    }

    .PostsStatisticPopUp .ResultsTable {
        max-height: 90vh;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody {
        flex-direction: column;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR {
        grid-template-columns: min-content 1fr repeat(3, min-content);
        grid-template-rows: repeat(2, min-content);
        grid-template-areas:
            "Num Post Post Post Date"
            ". . Emoji Views Reviews";
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR .Date {
        align-items: flex-start;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR > * {
        padding-top: 0;
        padding-bottom: 0;
    }

    .PostsStatisticPopUp .ResultsTable .ML_TBody .ML_TR {
        flex: 0;
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    .PostsStatisticPopUp #PostsStatistic_Date_End,
    .PostsStatisticPopUp #PostsStatistic_Date_Start {
        width: 8em;
    }

	.ML_Table,
    .ML_Window .Legend + .TabBar { font-size: 1.2em; }

    #Result section #Basket {
        font-size: 0.8em;
    }

    fieldset input,
    .ML_Table input,
    .ML_Table textarea,
    .ML_Table select {
      /*
        font-size: 1.2em;
      */
    }

	.ML_Table.ProdBundle { font-size: 1em;}

	.ML_Table.ProdBundle .PriceB { min-width: inherit; width: inherit;  }

    .ML_Table .FormBlock:not(h3+.FormSubBlock),
    .ML_Table .FormSubBlock:not(h3+.FormSubBlock),
    .wrapper_main_payservices .FormBlock {
        margin-top: 0.8em;
        margin-bottom: 0.8em;
    }

    .wrapper_main_payservices .FormBlock .FormItemConnect .flagBG + input {
        width: 14em;
    }

    .wrapper_main_payservices .FormBlock .FormItemConnect .flagBG ~ .get_country {
        flex: 0 1;
    }

    .FormBlock .FormSubBlock,
    .ML_Window .FormBlock .FormSubBlock,
    .ML_Table.Ads_Control .FormBlock .FormSubBlock {
        margin-top: 0;
        margin-bottom: 0;
    }

    .FBody .FormBlock .FormSubBlock + .FormSubBlock {
        padding-left: 0;
    }

    .ML_Table input[type="text"], .ML_Table input[type="password"], .ML_Table input[type="email"],
    .ML_Table input[type="number"], .ML_Table input[type="range"], .ML_Table input[type="search"],
    .ML_Table input[type="tel"], .ML_Table input[type="url"], .ML_Table input[type="color"],
    .ML_Table input[type="time"], select {
      padding-top: 0.6em;
        padding-bottom: 0.6em;
    }

    .ML_Table input[type="text"]:disabled ~ .label, .ML_Table input[type="password"]:disabled ~ .label, .ML_Table input[type="email"]:disabled ~ .label,
    .ML_Table input[type="number"]:disabled ~ .label, .ML_Table input[type="range"]:disabled ~ .label, .ML_Table input[type="search"] ~ .label,
    .ML_Table input[type="tel"]:disabled ~ .label, .ML_Table input[type="url"]:disabled ~ .label, .ML_Table input[type="color"]:disabled ~ .label,
    .ML_Table input[type="time"]:disabled ~ .label,
    .ML_Table.HideLabel .label, fieldset.HideLabel .label,
    .FBody .label.HideLabel,
    .label.HideLabel {
        display: none;
    }


    .List_UserOrder section,
    #UserOrdersApp section {
        flex-direction: column;
    }

    #LangWorkArea .ML_TR {
        padding-bottom: 0.8em;
    }

    .List_UserOrder section .ML_TD.BPrice,
    .List_UserOrder section .ML_TD.BCTotPrice,
    .List_UserOrder section .ML_TD.BCount,
    #UserOrdersApp section .ML_TD.BPrice,
    #UserOrdersApp section .ML_TD.BCTotPrice,
    #UserOrdersApp section .ML_TD.BCount {
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }


   #LangWorkArea .ML_TR .LangRow1,
   #LangWorkArea .ML_TR .LangRow2 {
       max-width: 32em;
   }

    #LangWorkArea .ML_TBody .CellTranslate,
    #LangWorkArea .ML_TBody .CellDelete {
        margin-left: 1em;
    }

    #LangWorkArea textarea.autosize,
    #LangWorkArea .TinyMCE_inline {
        border-color: var(--color-Gray-Light);
    }

    .AllFlexTable .VarCell {
        min-width: 60%;
        order: 2;
        flex: 1;
    }
    .AllFlexTable .SectCell {
        min-width: 10em;
        order: 3;
    }

    .AllFlexTable .ML_TBody .TextCell {
        min-width: 70%;
        order: 5;
    }

    .CellTranslate {
        order: 5;
    }

    .CellDelete {
        order: 4;
    }

/*
    .AllFlexTable .ML_THead .ActionCell {
        display:none;
    }
*/

/*
	.IMG_ShopMicro,
    .ML_Table .BProdName img:first-of-type,
    .ML_Table .Product img:first-of-type,
    .tabBasket tbody .BProdName img,
    .tabBasket tbody tr .BProdName img,
    .tabBasket tbody tr th:first-of-type img,
    .tabBasket tbody tr td:first-of-type img { width: 6em; }
*/

    #Result section .Order_Num, #UserOrdersApp section .Order_Num {
        text-wrap: wrap;
    }

    #Result #UserInfo .Name {
        font-size: 1.4em;
    }

    #bmQmdjView, .bmQmdjView {
        font-size: 0.9em;
    }

    #Basket tr td:first-of-type img,
    #Basket tr th:first-of-type img,
    .Product img,
    .IMG_ShopMicro {
	    width: 6em; }

    .BProdName .Product > img {
        align-self: flex-start;
    }

    .ML_TBody :not(.NoWrap) .ML_TH.BProdName,
    .ML_TBody :not(.NoWrap) .ML_TD.BProdName {
        flex: 1 0 100%;
    }
    .ML_TBody .ML_TH.BProdName,
    .ML_TBody .ML_TD.BProdName,
    #Basket .ML_TD.BProdName, #Basket .ML_TH.BProdName {
        padding-bottom: 0;
    }


    .ML_TBody .BProdName .Product {
        flex: 1;
    }

    .ML_TBody .BProdName .BDelProd {
        order: 1;
    }


    .UserOrder .ML_TR > :last-child:not(.ActionBar) {
        min-width: unset;
    }

    /*.BCTotPrice {
        min-width:inherit;
    }*/

    .ML_TH.rate {
        align-items: center;
        text-align: center;
    }

    /* Выравниваем по правому краю, для корзины */
    .ML_Table#Basket .ML_TR {
        align-items: center;
        justify-content: end;
        }

    .ML_Table#LetterList .ListMail {
        font-size: 0.8em;
    }

    .ML_Table#LetterList .ListMail div:first-of-type {
        line-height: 1.6em;
        padding: 0 0.5em 0 1.5em;
    }

    .ML_Table#LetterList .Date,
    .MobOrderFirst {
        order: -1;
    }

    .ML_Table#Basket .ML_TFoot .CurrencyControl {
        flex: 1 1 100%;
        padding-bottom: 0;
    }

    .ML_Table#Basket .ML_TFoot .CurrencyControl .Currency {
        margin-top: 0;
        margin-bottom: 0;
    }

    .AddFile {
        display: grid;
        grid-template-columns: 1fr repeat(3, min-content);
        grid-template-rows: repeat(2, min-content);
        gap: 0em 0.6em;
        grid-auto-flow: row dense;
        align-items: center;
}

    .ML_Window .AddFile {
        grid-template-areas:
        "AddFile_Link AddFile_Link AddFile_Link"
        "AddFile_Description AddFile_Description  AddFile_FileSize"
        "AddFile_FileType AddFile_DRM4 AddFile_DRM4ID";
    }


    .ActionBar.MobOrderFirst {
    	flex: 1 1 100%;
        order: 0;
    }

    .wrapper_section_newprofile .FFooter .MobOrderFirst {
        /*
        max-width: 30em;
        */
    }

    .wrapper_section_lite .ML_Table .ML_TC.Specialization {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .wrapper_section_lite .ML_Table .ML_TC.Specialization h3 {
        flex: 1 1 100%;
    }

    .wrapper_section_lite .ML_Table .ML_TC.Specialization label {
        flex: 1;
    }

	.HomePageMainInfo td .ML_TD,
	.HomePageMainInfo td .ML_TD:first-child {
		padding-left: 0.5em;
    	padding-right: 0; }

    .ML_Table #Cost {
        font-size: 1.4em;
    }

	.ShoolPay .ML_TD.Attent,
	.ShoolPay .ML_TD.Attent:first-child { padding-left: 4em; padding-right: 0.5em; }
	.ML_TD.Attent:before, .ML_TD.Attent:after { left: 0.75em; }

	.ProdBundle { margin-bottom: 2em; width: inherit; }

    /*

*/



	/* Accordion Mobail */
	.ML_Accordion_H fieldset section,
    .ML_Table .ML_TR,
    .ShoolPay .ML_TD.Attent {
   	    flex-wrap: wrap;
   	}

    .wrapper_settings_adscontrol .ML_TR.StickyTop {
        flex-wrap: wrap;
    }

    #Calendar {
        overflow-x: auto;
        max-height: 23em;
        position: relative;
    }

    #Calendar:after {
        content: "";
        display: flex;
        width: 100%;
        height: 2em;
        position: sticky;
        bottom:0;
        left: 0;
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    }

	 .ML_Accordion_H fieldset input:checked + section > label:first-of-type,
	 .ML_Calendar_Result .Calendar {
        width: inherit;
    	flex: 1 0 100%;
		}

	.ML_Calendar_Result .Calendar{ margin-right: 0;
		margin-bottom: 1.4em; }

	.ML_Calendar_Result .Calendar .Week > span:not(:first-child) {
   	border-left: 0.1em solid #fff;
   	margin-left: -0.1em;}
	.ML_Calendar_Result .Calendar label {border-width: 0.1em;}
	.ML_Calendar_Result .Calendar label:nth-of-type(n):not(:nth-of-type(7n+1)):not(:nth-of-type(1)) { margin-left: -0.1em; }
	.ML_Calendar_Result .Calendar label:nth-of-type(n):not(:nth-of-type(-n+7)) {margin-top: -0.1em;}

	.ML_Accordion_H fieldset > section .Expander {
	    margin-top: 0;
		border-left: none;}

    .ML_Accordion_H fieldset legend {
        font-size: 1.2em;
    }

    .ML_Accordion_H fieldset > section .Hour_Brif,
	#DayDetail .Hour_Brif {
		display: flex;
        flex-wrap: wrap;
    }

    .ML_Accordion_H .Hour_Brif .Hour {
        flex: 1 0 100%;
    }

    .ML_Accordion_H .Hour_Brif .Raiting {
            padding-left: 0;
            border-left: none;
    }

    .ML_Accordion_H .Hour_Brif .Raiting svg:first-of-type {
        margin-left: 0;
    }

    .ML_GanttCalendar .Month + .Month {
        /*
            margin-top: 1.5em;
        */
    }

    .ML_GanttCalendar .Month .Title {
        border-left: none;
    }

    .ML_GanttCalendar .Month span .DayName,
    .ML_GanttCalendar .Month .Title {
        text-align: center;
    }

    .ML_GanttCalendar .Month .Week,
    .ML_GanttCalendar .Month span .DayName {
    border-bottom: 1px solid var(--color-Gray-Light);
    }

    .ML_GanttCalendar .Month .Week .DayNum {
        padding-top: 0.3em;
    }

    .ML_GanttCalendar .Month span .DayName {
        font-size: 1.5em;
        border-right: none;
        border-left: none;
    }

    .ML_GanttCalendar .Month span .WeekNum,
    .ML_GanttCalendar .Month span:not(:first-of-type) .DayName {
        /*
        display: none;
        */
    }

    .ML_GanttCalendar,
    .ML_GanttCalendar .Month {
       /*
        flex-direction: column;
    */
    }

    .ML_GanttCalendar ul li .EventsList .item {
        min-height: 1.6em;
    }

    .ML_TR .ML_TD.VarCountry:first-child {
        padding-left: 0;
    }


    .AllFlexTable .VarCountry, .AllFlexTable .VarRegon {
        flex: 0 1 50%;
    }

    .CityMain,
    .CityItem .CityRegion {
        gap: 0 1.5em;
    }

    .CityMain {
        grid-template-areas:
        "CityID CountryName coordinates"
        "CityID TimeZone UTC";
        grid-template-columns: auto;
    }
    .CityMain .CityID {
        margin-right: 0;
    }

    .CityMain .CountryName .Select,
    .CityMain .TimeZone input {
        flex: 1;
        max-width: unset;
    }

    .CityItem, .ML_Table.AllFlexTable .CityItem, .ML_TD.CityItem {
        grid-template-areas:
        "CityMain CityMain"
        "CityNameList CityNameList"
        "CityKeywords CityKeywords"
        "CityRegion CityRegion";
    }

    .CityMain .CityID {
        grid-area: CityID;
        font-size: 1.6em;
        margin-right: 1em;
    }

    .CityMain .CountryName {
        grid-area: CountryName;
        min-width: unset;
    }

    .CityMain .coordinates {
        grid-area: coordinates;
    }

    .CityMain .TimeZone {
        grid-area: TimeZone;
    }

    .CityMain .UTC {
        grid-area: UTC;
    }



    #Dictionary_Control .Main {
        flex-wrap: wrap;
    }

    #Dictionary_Control .Main .User_Management { order: 1; }
    #Dictionary_Control .Main .TemManage {  order: 2; }
    #Dictionary_Control .Main .TermSearch {
        order: 3;
        min-width: 50%;}
    #Dictionary_Control .Main .TermList {  order: 4; }

    #Dictionary_Control .Main .ML_TA,
    #Dictionary_Control .Main .ML_TD {
        padding-top: 0;
        padding-bottom: 0;
    }


    #Dictionary_Control .Tag_List.Category {
        font-size: 1.2em;
    }

    .Content_List section ul .List_Item_Block ~ .List_Item_Block {
        padding-left: 1.7em;
    }

    .Content_List section ul {
        /*
        grid-template-areas: ". .";
        grid-template-columns: repeat(2, 1fr);
        */
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
    }

    .Content_List.ABC section .Title {
        margin-right: 0.8em;
    }

    .Content_List section:not(.DictionaryNoTitle) ul li :first-of-type a,
    .Content_List section:not(.DictionaryNoTitle) ul li > a:first-of-type,
    .Content_List section.DictionaryNoTitle ul .List_Item_Block ~ .List_Item_Block a {
        font-size: 1.3em;
    }

    .Content_List section ul a ~ a,
    .Content_List section ul .List_Item_Block ~ .List_Item_Block > a {
        font-size: 1.2em;
    }

    .Tag_List.AZ {
        flex-wrap: wrap;
    }

    .Billing_Section > .Title {
        font-size: 1.8em;
    }

    .Billing_Section.Four .Billing_Options {
        display: flex;
    }

    .Billing_Section .Billing_Options .Billing_Options_Card {
        max-width: unset;
    }

/*    .Billing_Section.Row .Billing_Options .Billing_Options_Card,
    .Billing_Section.Four .Billing_Options .Billing_Options_Card,
    .Billing_Section .Billing_Options .Billing_Options_Card {
        overflow: hidden;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:  min-content min-content 1fr;
        gap: 0px 0px;
        grid-template-areas:
            "Caption Caption"
            "Feature Feature"
            "Billing_Price Billing_Price"
            "Buttons Buttons";
    }*/

    .Billing_Section.Four .Note,
    .Billing_Section.Four .Caption {
        font-size: 1em;
    }

    .Billing_Section.Four .Feature {
        font-size: 0.9em;
    }

    .Billing_Options > .Billing_Options_Card:not(:first-child) {
        margin-left: 0;
        margin-top: -0.15em;
    }

    .Billing_Options_Card .Caption > .Title {
        font-size: 1.4em;
        padding-bottom: 0.4em;
    }

    .Billing_Options_Card .Caption > .Title {
        padding-top: 0.3em;
    }

    .Billing_Options_Card .Note + .Caption > .Title {
        padding-top: 0.8em;
    }


    .Billing_Options_Card .Caption > .Title + .Descr {
        font-size: 1em;
    }

    .Billing_Section .Billing_Options {
        flex-direction: column;
    }

    .Billing_Section .Billing_Options_Card {
        align-items: flex-start;
        /*flex-direction: row; */
        flex-wrap: wrap;
    }

    .Billing_Section.Row .Billing_Options .Billing_Options_Card {
        flex-direction: column;
        display: flex;
    }

    .Billing_Options > .Billing_Options_Card:first-child {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        border-bottom-left-radius: 0;
    }

    .Billing_Options > .Billing_Options_Card:last-child {
        border-top-right-radius: 0;
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    .Billing_Options.OneCard > .Billing_Options_Card {
        border-radius:var(--border-radius);
    }

    .Billing_Options .Billing_Options_Card .Note {
        top: 0;
        right: 0;
    }

    .Billing_Options .Billing_Options_Card .Note .text {
        border: none;
        border-radius: 0 0 0 var(--border-radius-s);
    }

    .Billing_Options_Card .Caption,
    .Billing_Options_Card .Buttons {
        margin-left: 0;
        margin-right: 0;
    }

    .Billing_Section.Four .Billing_Options_Card .Feature + .Billing_Price,
    .Billing_Section.Row .Billing_Options_Card .Feature + .Billing_Price {
        border-top: 1px dotted var(--color-Beige-Light);
        margin-top: 1.2em;
    }

    .Billing_Section.Four .Billing_Options > .Billing_Options_Card:first-child {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }

    .Billing_Section.Four .Billing_Options .Billing_Options_Card {
        padding-left: 1em;
    }

    .Billing_Section.Four .Billing_Options > .Billing_Options_Card:not(:first-child) {
        margin-left: 0;
        margin-top: -0.15em;
    }

    .Billing_Section.Four .Billing_Options > .Billing_Options_Card:last-child {
        border-bottom-left-radius: var(--border-radius);
        border-bottom-right-radius: var(--border-radius);
    }

    .Billing_Section.Four .Caption {
        margin-bottom: 1em;
    }

    .Billing_Section.Four .Billing_Options_Card .Caption + .Feature {
        margin-top: 0;
    }

    .Billing_Section.Four .Billing_Options_Card .Feature + .Billing_Price {
        margin-top: unset;
        border-top: unset;
        align-content: flex-end;
    }

    .Billing_Section.Four .Billing_Options_Card .Buttons {
        align-self: flex-start;
        margin-left: 0;
        margin-right: 0;
    }

    .Billing_Section.Four .Billing_Options_Card .Billing_Price {
        min-height: unset;
    }

    .Billing_Options_Card .Billing_Price {
        flex-direction: row;
        align-items: center;
        height: auto;
        flex-wrap: wrap;

        margin-top: 0.6em;
    }


    .Billing_Options_Card .PriceIncrease {
        flex: 1 0 100%;
        margin-top: 0.2em;
    }

    #Basket .ML_TA.DiscountMetodOptions {
        flex: 0;
    }

    .PaymentPeriod {
        flex-wrap: wrap;
    }

    .PaymentPeriod .Product {
        grid-template-columns: min-content 1fr;
        margin-bottom: 1.4em;
    }

    .PaymentPeriod .DateStart {
        flex-direction: unset;
        align-self: unset;
        align-items: center;
        margin-bottom: 1em;
    }

    .PaymentPeriod .PeriodList label .Date ~ .Title {
        font-size: 1.2em;
    }

    .PaymentPeriod .PeriodList label .Price {
        font-size: 0.9em;
    }

    .PaymentPeriod .PeriodList label .Title:not(:first-child) ~ .CurrentPrice {
        font-size: 1.2em;
    }

    .PaymentPeriod .PeriodList label .ItemSet_Price {
        justify-content: flex-end;
        flex-direction: column;
    }

    .PaymentPeriod .PeriodList label .ItemSet_Price > .Main + .Second {
        margin-left: 0;
        margin-top: 0.3em;
    }

    .PaymentPeriod .PeriodList label .ItemSet_Price > .Main + .Second:before {
        margin-top: -0.6em;
    }

    .PaymentPeriod .PeriodList label .ItemSet_Price > span {
        justify-content: flex-start;
        flex: 0 1;
    }

    .PaymentPeriod.Landscape .PeriodList label {
        min-width: auto;
        flex-direction: column;
        max-width: 50%;
    }

    .PaymentPeriod.Landscape .PeriodList label figure {
        min-width: auto;
    }

    .Attend_Info {
        flex-direction: column;
        font-size: 1.1em;
        grid-template-columns: none;
    }

    .Attend_Info ul a figure {
        font-size: 1.1em;
    }

}