/*! jQuery UI - v1.11.2 - 2015-02-05
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, autocomplete.css, button.css, dialog.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.AgreeWindow {
    display: inline-flex;
    background-color: var(--color-Blak-opacity9);
    position: fixed;
    bottom: 7vh;
    right: 1vw;
    flex-direction: column;
    max-width: 25em;
    z-index: var(--z-index-Max);
    padding: 0.5em;
    border-radius: var(--border-radius-xxl);
    color: #fff;
    font-size: 0.9em;

    box-shadow:0 0 0.3em 0.1em rgba(255, 255, 255, 1), 0 0 1em 0.5em rgba(255, 255, 255, 0.5);
}
.AgreeWindow article {
    font-size: 1em;
    padding: 1em;
}

.AgreeWindow article a {
    color: var(--color-Blue-hover);
}

.AgreeWindow .ButtonContainer {
    display: flex;
    gap: 0.6em;
}

.AgreeWindow .ButtonContainer button {
        flex: auto;
}


.ML_Window {
    text-align: left;
}

.ML_Window h3 {
    margin-bottom: 0;
    padding-top: 1em;
}

.ML_Window.EmptyPopUp  .MainChart {
    font-size: 0.8em;
    margin: 0.6em;
}


.ML_Window.EmptyPopUp section {
    overflow: auto;
    max-width: 43vw;
    max-height: 60vh;
}

.ML_Window .WuXing,
.ML_Window .ExtendedInfo {
    font-size: 0.9em;
}

.ML_Window .WuXing,
.ML_Window .WuXing_Easy {
    width: 33em;
}

.ML_Window .WuXing .Libra {
    margin-bottom: -1em;
}

.ML_Window .WuXing .TabBar_Content,
.ML_Window .WuXing .TabBar_Content .Libra {
    overflow: unset;
}

.ML_Window .ExtendedInfo {
    width: 35em;
}

.ML_YearMonths_Picker, .ML_Window {
    display: inline-flex;
    /*
    flex-wrap: wrap;
    */
    flex-direction: column;
    margin: 0;

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

.ML_YearMonths_Picker, .ML_Window {
    position: absolute;
    z-index: 110;
}

.ML_Window.Sel {
    z-index: 120;
}

.ML_Window .Legend .Close .CloseDlg {
    border-top-right-radius: var(--border-radius-norm);
}

.ML_Window .Legend .Title {
    border-top-left-radius: var(--border-radius-norm);
}


.ML_Window .Legend .Title svg {
    font-size: 1.4em;
    margin-right: 0.2em;
}

body > .ML_Window,
body > .BG_General .ML_Window {
    font-size: 0.9em;
}

.ML_Window.EventChart {
    max-width: 65vw;
}

.ML_YearMonths_Picker {
    max-width: 26em;
}

/*
.ML_Window .Legend,
*/
.ML_YearMonths_Picker .Legend {
   flex: 1 0 100%;
}

.ML_Window .Legend .Close_v,
.ML_Window .Legend .Close, .CloseDlg,
.ML_Window .Legend .Button,
.ML_Window .Legend .Title,
.ML_YearMonths_Picker .Legend .Close,
.ML_YearMonths_Picker .Legend .Title {
   display: inline-flex;
   align-items: center;
}

.ML_Window .Legend .Close_v,
.ML_Window .Legend .Close, .CloseDlg,
.ML_Window .Legend .Button,
.ML_YearMonths_Picker .Legend .Close {
    border-left: 1px solid rgba(255,255,255,0.3);
    cursor: pointer;
    padding: 0.3em;
}

.ML_Window .Close_v svg,
.ML_Window .Close svg,.ML_Window .CloseDlg svg,
.ML_YearMonths_Picker .Close svg {
    font-size: 1.8em;
}

.ML_Window .Legend .Close_v:hover,
.ML_Window .Legend .Close:hover,
.ML_Window .Legend .Button:hover,
.ML_Window .Legend .CloseDlg:hover,
.ML_YearMonths_Picker .Legend .Close:hover {
    border-left-color: #fff;
}

.ML_Window .Legend .Title,
.ML_YearMonths_Picker .Legend .Title,
.ui-draggable-handle .Title,
.BG_General .ui-draggable-handle .Legend .Title {
    white-space: normal;
    line-height: 1.2em;

    padding: 0.3em 0.5em 0.3em 0.7em;
}

.ML_Window .Legend .Title,
.ML_YearMonths_Picker .Legend .Title,
.BG_General .ui-draggable-handle .Legend .Title {
    flex: 1;
    cursor: move;
}

.ML_Window .Attent {
    font-size: 0.9em;
    padding: 0.2em 1.2em;
    display: flex;
    flex: 1 0 100%;
    justify-content: center;

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

.ML_Window .Attent > b,
.ML_Window .Attent > i,
.ML_Window .Attent > em,
.ML_Window .Attent > strong {
    display: contents;
}


/*
.BG_General .Legend .Title {
        cursor: default;
    }
*/

.ML_Window.ui-draggable .Legend .Title:active,
.ML_Window.ui-draggable .Legend .Title:hover,
.ML_YearMonths_Picker .Legend .Title:active,
.Title.active {
    box-shadow: 0 0 0.5em #d1cac3 inset;
}

.ML_Window.ui-draggable .Legend .Title:active {
    text-shadow: none;
}


.CalculatorTwoHourPopUp .FormBlock .FormSubBlock,
.ML_Window .FormBlock .FormSubBlock {
    align-content: center;
}

.ML_Window .FormBlock .FormSubBlock input:not([type="checkbox"]), .ML_Window .FormBlock .FormSubBlock .FormItemConnect {
    align-self: center;
}

.ML_Window .Form,
.ML_YearMonths_Picker .Form {
    font-size: 0.9em;

    display: flex;
    flex-wrap: wrap;

   /* height: 2.5em; */
    width: 100%;
    margin: 0;
    overflow: hidden;
}

#MPCDlg_bg  .Form {
    font-size: 1.2em;
}

.ML_YearMonths_Picker .Form input,
.ML_YearMonths_Picker input[type="checkbox"].IMGCheckBox + label,
.ML_YearMonths_Picker input[type="checkbox"].IMGCheckBox + .Form label,
.GostAndDemons input[type="checkbox"].IMGCheckBox + .Form label,
.ML_Window .Form * {
    border-radius:0;
    margin: 0;
}

.ML_Window .Form *:not(:first-child):not(.FormBlock) {
 margin-left: -1px;
}

.ML_Window .Form .FormBlock {
    display: inline-flex;

    flex-wrap: wrap;
    flex: 1;
}

.ML_Window .Form .FormBlock + .FormBlock {
    margin-top: -1px;
}

.ML_Window .Form .FormBlock .FormBlock {
    flex-wrap: nowrap;
}

.ML_Window .Form button {
   display: inline-flex;
   align-items: center;
}

.ML_Window .Form button svg {
    margin: -0.5em 0.5em -0.5em 0;
}

.ML_Window .Form button svg {
    margin-right: 0.2em;
    margin-left: 0.2em;
}

.ML_Window .Form *:focus-within {
    z-index: 1;
}

.ML_Window .Form *:hover {
    z-index: 2;
}

.ML_Window .AlertBody figure {
    display: flex;
    margin-bottom: 0.8em;
}

.ML_Window .AlertBody figure img {
    width: 100%;
}

.ML_YearMonths_Picker .Form input {
    border-color: var(--color-Gray-Light);
    border-width: 0 0 1px 0;
    border-style: solid;
}
.ML_YearMonths_Picker .IMGCheckBox + label,
.ML_YearMonths_Picker .IMGCheckBox + .Form label,
.GostAndDemons .IMGCheckBox + .Form label,
.GostAndDemons .IMGCheckBox + .FormItemConnect label {
    border-color: var(--color-Gray-Light);
    border-style: solid;
}

.ML_YearMonths_Picker .IMGCheckBox + label,
.ML_YearMonths_Picker .IMGCheckBox + .Form label {
    border-width: 0 0 1px 1px;
}
.GostAndDemons input[type="checkbox"].IMGCheckBox + .Form label {
    border-width: 1px;
    margin-left: -1px;
}

.GostAndDemons .IMGCheckBox + .FormItemConnect label {
    padding: 0.6em;
}

.ML_YearMonths_Picker .IMGCheckBox + label:hover,
.ML_YearMonths_Picker .IMGCheckBox + .Form label:hover,
.GostAndDemons .IMGCheckBox + .Form label:hover,
.GostAndDemons .IMGCheckBox + .FormItemConnect label:hover {
    border-color: var(--color-Blue-hover);
    z-index: 5;
}

.ML_YearMonths_Picker .Legend svg,
.ML_Table .label svg,
.TabBar_Content .label svg,
.ML_Window .Legend svg,
input[type="checkbox"].IMGCheckBox + label svg,
input[type="checkbox"].IMGCheckBox + .Form label svg,
button .PopUp {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    font-size: 1.8em;
}

input[type="checkbox"] + label svg + .text,
input[type="radio"] + label svg + .text {
    margin-left: 0.7em;
}

.Select input + label span.text {
    margin-left: 0;
}

.ML_Window .Form input:not(.InpGost),
.ML_YearMonths_Picker .Form input,
#MPCDlg .Form input {
    flex: 1;
    width: inherit;
    min-width: 1em;
    border-radius: unset;
}

.ML_YearMonths_Picker .IMGCheckBox + label,
.ML_YearMonths_Picker .IMGCheckBox + .Form label {
    width: 2.4em;
}

.ML_YearMonths_Picker .IMGCheckBox + label .CheckBoxImgOn,
.ML_YearMonths_Picker .IMGCheckBox + label .CheckBoxImgOff,
.ML_YearMonths_Picker .IMGCheckBox + .Form label .CheckBoxImgOn,
.ML_YearMonths_Picker .IMGCheckBox + .Form label .CheckBoxImgOff {
    justify-content: center;
}

.ML_Window section,
.ML_YearMonths_Picker section {
    display: flex;
    justify-content: left;

    border-top: var(--border-style-Light);
    flex: 1;

    overflow-x: hidden;
    position: relative;

    padding-right: 1px;
}

.ML_YearMonths_Picker:is(.Hours, .Years, .Months, .Tacts) section {
    flex-direction: column;
}

.ML_Window .ML_TFoot .Total {
    padding: 0.6em;
}

.ML_Window.OrderMailingInfo section.Loader {
    align-items: center;
    padding: 1em;
    position: relative;
}
.ML_Window.OrderMailingInfo section.Loader:before {
    position: absolute;
}

.ML_Window.OrderMailingInfo section .OrderMailing_Details {
    display: flex;
    flex-direction: column;
    padding: 0.5em 1em 1em 1em;
}

.ML_YearMonths_Picker section {
    max-height: 12em;
    flex-wrap: wrap;
}

.ML_YearMonths_Picker section a,
.ML_YearMonths_Picker section label {
    font-size: 1.1em;
}

.ML_Window .DateContent {
    flex: 1 0 100%;
}


.ML_YearMonths_Picker.Months section,
.ML_YearMonths_Picker.Hours section,
.ML_YearMonths_Picker .DateContent {
    overflow-x: hidden;
    max-height: 19.3em;
}

#PersonalReviewsPopUp #ContentSearchBlock {
    margin-top: 0;
    margin-bottom: 0;
}

#PersonalReviewsPopUp #ContentSearchBlock #Comment_User_Name {
    position: relative;
}

#PersonalReviewsPopUp #ContentSearchBlock #Comment_User_Name:before {
    content: "";
    width: 1em;
    height: 100%;
    position: absolute;
    top: 0;
    left: -1em;
    background: var(--linear-gradient-Gray-Right);
    z-index: 2;
}

#PersonalReviewsPopUp #ContentSearchBlock.FormItemConnect > :last-child,
#PersonalReviewsPopUp #ContentSearchBlock.FormItemConnect > :first-child {
    border-radius: unset;
}

#PersonalReviewsPopUp .FBody {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 68vh;
}

#PersonalReviewsPopUp .FBody + .FFooter {
    margin-top: 0;
}

.ML_YearMonths_Picker .DateContent section {
    overflow: visible;
    max-height: none;
}

.ML_Window section {
    flex-direction: column;
    flex-wrap: nowrap;
}

.ML_Window .ML_Tablet label.h3 {
    display: flex;

    margin: 1em 0 0 0;
}

.ML_Window .FFooter .FormItemConnect :not(button) svg {
    margin-right: 0.5em;
}

.FBody.DateContent + .FFooter {
    margin-top: 0;
}

#Window-Filter .FBody.DateContent:after,
.CalculatorTwoHourPopUp section:before,
.ML_Window section:before,
.ML_Window .FFooter:after,
.ML_YearMonths_Picker section:before,
.ML_Window div.DateContent:not(.FBody):before,
.ML_YearMonths_Picker .DateContent:before,
#MPCDlg #MPCDlgContent:before {
    content: "";
    display: block;

    pointer-events: none !important;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */

    height: 0.5em;
    min-height: 0.5em;

    opacity: 0.2;
    z-index: 1;
}

#Sales_by_Product.ML_Window section:before {
    margin-bottom: -0.5em;
}

#Window-Filter .FBody.DateContent:after,
.CalculatorTwoHourPopUp section::before,
.ML_Window section:before,
.ML_Window div.DateContent:not(.FBody):before,
.ML_YearMonths_Picker .DateContent:before,
#MPCDlg #MPCDlgContent:before {
    position:-webkit-sticky;
    position: sticky;
}

.ML_Window .FFooter:after,
.ML_YearMonths_Picker .DateContent:before,
.ML_YearMonths_Picker section:before {
    position: absolute;
}


.CalculatorTwoHourPopUp section:before,
.ML_Window section:before,
.ML_YearMonths_Picker section:before,
.ML_Window div.DateContent:not(.FBody):before,
.ML_YearMonths_Picker .DateContent:before,
#MPCDlg #MPCDlgContent:before {
    width: 100%;
    top: 0;
    left: 0;

    background: -moz-linear-gradient(top,  rgba(48,64,80,0.65) 0%, rgba(48,64,80,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(48,64,80,0.65) 0%,rgba(48,64,80,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(48,64,80,0.65) 0%,rgba(48,64,80,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6304050', endColorstr='#00304050',GradientType=0 ); /* IE6-9 */
}

#PersonalReviewsPopUp.ML_Window .FFooter:after {
        width: calc(100% + 2em);
        bottom: 100%;
        right: 0;

    background: linear-gradient(to bottom, rgba(48,64,80,0) 0%,rgba(48,64,80,0.65) 100%);
}

#Window-Filter .FBody.DateContent:after {
    width: calc(100% + 2em);
      bottom: 0;
    right: 0;

    background: linear-gradient(to bottom, rgba(48,64,80,0) 0%,rgba(48,64,80,0.65) 100%);
}


.ML_Window .DateContent section:before,
.ML_YearMonths_Picker .DateContent section:before {
    content: none;
}

.ML_Window .Legend + section.ML_Table .FBody {
    padding-top: 1.2em;
}


#Alert,
.ML_Window.Alert,
.BG_General .ML_Window.Alert,
#MingliCurrentAlert.ML_Window {
    max-width: 55vw;
    font-size: 1em;
}

.ML_Window.Alert .FBody {
    padding-top: 1.8em;
}

.ML_Window.Alert .FBody .Confirm_content {
    font-size: 1.2em;
}

#MingliCurrentAlert > ul {
    margin: 1.2em;
}

.ML_Window .AlertBody {
    padding: 1em;
    width: 32em;
}

.ML_Window .AlertBody h2 {
    font-size: 1.4em;
}
.ML_Window .AlertBody h3 {
    font-size: 1.2em;
}

.ML_Window .AlertBody h2:first-child,
.ML_Window .AlertBody h3:first-child {
    margin-top: 0;
}

.ML_Window .AlertBody ul:last-child {
    margin-bottom: 0;
}

fieldset .AlertBody p {
    margin-left: 0;
    margin-right: 0;
}

fieldset .AlertBody p:last-child {
    margin-bottom: 0;
}

.ML_Window.Alert .FFooter {
    font-size: 0.9em;
}

#MingliCurrentAlert #mAlertCityError .Text,
#MingliCurrentAlert #mAlertCityList .Attent,
#MingliCurrentAlert #mAlertCityListUL li {
    padding: 0.6em;
    margin: 0;
    box-sizing: border-box;
}

#MingliCurrentAlert #mAlertCityList .Attent:last-of-type {
    border-radius: 0 0 var(--border-radius-xs) var(--border-radius-xs);
}

#MingliCurrentAlert #mAlertCityList {
    justify-content: normal;
    flex-direction: initial;
    flex-wrap: wrap;

    overflow-x: hidden;
    overflow-y: auto;
    max-height: 25em;
}

#MingliCurrentAlert #mAlertCityList .Loader {
    flex: 1;
    padding-top: 1em;
    margin-bottom: 0.5em;
}

#MingliCurrentAlert #mAlertCityList .loader3Circle {
    font-size: 0.7em;
}

#MingliCurrentAlert #mAlertCityListUL {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    flex-direction: column;

    list-style: none;
    padding: 0;
    margin: 0;
}

#MingliCurrentAlert #mAlertCityListUL li {
    cursor: pointer;
    flex-direction: column;
}

#MingliCurrentAlert.ML_Window #mAlertCityListUL li {
    text-align: left;
    padding: 0.6em 1.4em 0.6em 0.6em;
}

#MingliCurrentAlert #mAlertCityListUL li:hover,
#MingliCurrentAlert #mAlertCityListUL li .CityName:hover {
    color: var(--color-Blue-hover);
}


#QMDJ_Search_by_Param {
    max-width: 30em;
}

#Window-LogIn {
    width: 28em;
}

#Window-LogIn #ML_Email_Logon,
#Window-LogIn #ML_Password {
    flex: 1;
}

#Window-LogIn #ML_Password {
    padding-right: 2.5em;
}

#Window-LogIn #ML_Password + .ActionBar.Right {
    position: absolute;
    right: 0;
}

#Window-LogIn #ML_Password + .ActionBar.Right label {
    background-color: unset;
}

#QMDJ_Search_by_Param .Form select,
#QMDJ_Search_by_Param .Form input {
    flex: 1 0 auto;
    overflow: hidden;
}

#QMDJ_Search_YinYang {
    width: 5em;
}

#QMDJ_Search_HeavenlyStem {
    width: 6em;
}

#QMDJ_Search_EarthlyBranch {
    width: 8em;
}

#MingliCurrentAlert_btn {
    width: 5em;
    justify-content: center;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult {
    flex-direction: row;
    flex-wrap: wrap;

    overflow-x: hidden;
    max-height: 25em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a {
    border: 1px solid var(--color-Beige-Light-Medium);
    color: var(--color-Black);
    box-sizing: border-box;

    display: inline-flex;
    flex-wrap: nowrap;

    align-items: center;
    flex: 1 0 50%;

    text-decoration: none;

    padding: 0.5em 0.8em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a:nth-child(n+3) {
    margin-top: -1px;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a:nth-child(even) {
    margin-left: -1px;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a:hover {
    border-color: #0062df;

    box-shadow: 0px 0px 0.5em #d0d8df;
    z-index: 1;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a:hover .DateBlock {
        color: var(--color-Blue-hover);
        text-decoration: underline;
    }

#QMDJ_Search_by_Param.ML_Window section.LinkResult a[target="_blank"] .DateBlock {
    position: relative;
    text-align: align-left;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a[target="_blank"] .DateBlock:after {
    display: inline-block;
    content: "";
    width: 0.4em;
    height: 0.4em;
    background-image: url(/img/ico_Target_Blank_3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: -0.4em;
    position: relative;
    margin-left: 0.2em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a[target="_Blank"] .DateBlock {
    padding-right: 0.7em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a[target="_Blank"] .DateBlock:after {
    position: absolute;
    right: 0.2em;
    top: 0.3em;
 }

#QMDJ_Search_by_Param.ML_Window section.LinkResult a[target="_blank"] .DateBlock:after {
  margin-left: 0.1em;
  margin-right: 0;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .DateBlock {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .DateBlock .Hour {
    font-size: 0.9em;
    opacity: 0.8;

    line-height: 1em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .DateBlock .Date {
    font-size: 1.1em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .TimePeriod {
    font-size: 0.5em;
    color: var(--color-Beige);
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .TimePeriod > *,
#QMDJ_Search_by_Param.ML_Window section.LinkResult a .Pillars > * {
    display: inline-flex;
    flex: 1;
    justify-content: center;

    line-height: 1em;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .TimePeriod > * {
    text-transform: capitalize;
}

#QMDJ_Search_by_Param.ML_Window section.LinkResult a .Pillars .H {
    font-size: 1em;
    padding: 0.2em 0.1em;
    box-sizing: border-box;
    line-height: 1em;
}


#QMDJ_Search_by_Param.ML_Window .DateContent + .FFooter {
        margin-top: -1px;
}

.ML_Window .Expenses {
    flex: 1;
}


.ML_Window#Alert section.ML_Table .FBody,
.ML_Window.Alert section.ML_Table .FBody {
    padding-top: 0.6em;
}

.ML_Window.EmptyPopUp section p {
    font-size: unset;
}

.ML_YearMonths_Picker section a,
.ML_YearMonths_Picker section input.Dates + label,
#MingliCurrentAlert #mAlertCityListUL li {
    display: inline-flex;

    flex-wrap: wrap;

    box-sizing: border-box;

    line-height: 1em;
    color: #706050;
    text-decoration: none;

    border: 1px solid rgba(223, 216, 208, 0.3);
    margin: 0 -1px 0 0;

    justify-content: center;

    padding: 0.6em 0.3em;
    text-shadow: #fff -1px -1px 0;

    border-radius:0;
}

.ML_YearMonths_Picker section a {
    position: relative;
}

.ML_YearMonths_Picker .DateContent section a.CHD_LC,
.ML_YearMonths_Picker section input.Dates.CHD_LC + label {
    background-color: var(--color-Emptyness-Light-NoTrans);
}

.ML_YearMonths_Picker .DateContent section a[class*="CHD_LC"]+a:not([class*="CHD_LC"]) {
    border-top: 0.1em solid var(--color-Beige);
}

.ML_YearMonths_Picker section input.Dates {
    display: none;
}

.ML_YearMonths_Picker section a.Sel,
.ML_YearMonths_Picker section input.Dates:checked + label {
    border-color:rgba(0, 176, 0, 0.5);

    box-shadow: var(--box-shadow-Green-Sel-inset);
}

.ML_YearMonths_Picker.Tacts section a,
.ML_YearMonths_Picker.Tacts section input.Dates + label,
.ML_YearMonths_Picker.Years section a,
.ML_YearMonths_Picker.Years section input.Dates + label,
.ML_YearMonths_Picker.Months section a,
.ML_YearMonths_Picker.Months section input.Dates + label,
.ML_YearMonths_Picker.Hours section a,
.ML_YearMonths_Picker.Hours section input.Dates + label {
    flex: 1 0 auto;
    align-items: center;
}

.ML_YearMonths_Picker.Tacts,
.ML_YearMonths_Picker.Years,
.ML_YearMonths_Picker.Months {
    max-width: 11em;
}

.ML_YearMonths_Picker.Hours {
    max-width: 13em;
}

#BaziChartSett_Window.ML_Window {
    max-width: 60em;
}
#MainCalcSettings_Window.ML_Window {
    min-width: 50em;
}

.ML_YearMonths_Picker section a .Animal {
    display: inline-block;
    font-size: 0.8em;
    line-height: 1em;
    color: var(--color-Beige);
    font-style: italic;

    margin-left: 0.3em;
}

.ML_YearMonths_Picker.Tacts section a .Hieroglyph,
.ML_YearMonths_Picker.Years section a .Hieroglyph,
.ML_YearMonths_Picker.Months section a .Hieroglyph,
.ML_YearMonths_Picker.Hours section a .Hieroglyph {
    order: -1;
    margin-right: 0.38em;
    font-size: 1.1em;
}

.ML_YearMonths_Picker.Months section a,
.ML_YearMonths_Picker.Hours section a {
    justify-content: flex-start;
    padding-left: 0.6em;
}

.ML_YearMonths_Picker.Tacts section a b,
.ML_YearMonths_Picker.Tacts section input.Dates + label b {
    display: inline-block;
    font-size: 0.9em;
    margin-left: 0.58em;
}


.ML_YearMonths_Picker input[type="checkbox"].Sort:checked ~ section a,
.ML_YearMonths_Picker input[type="checkbox"].Sort:checked ~ section .Dates + label,
.ML_YearMonths_Picker input[type="checkbox"].Sort:checked ~ .DateContent section a,
.ML_YearMonths_Picker input[type="checkbox"].Sort:checked ~ .DateContent section .Dates + label  {
   order: calc(1000 - var(--date));
}


.ML_YearMonths_Picker section a .Date,
.ML_YearMonths_Picker section input.Dates + label .Date {
    font-size: 1.1em;
    line-height: inherit;
    display: inline-block;
    text-align: center;
    max-width: 6ch;
    padding: 0 0.3em;
}

.ML_YearMonths_Picker section a .Hieroglyph,
.ML_YearMonths_Picker section input.Dates + label .Hieroglyph {
    font-size: 0.8em;
    line-height: inherit;
    display: inline-flex;
    white-space: nowrap;
}

.ML_YearMonths_Picker section a .Hieroglyph font,
.ML_YearMonths_Picker section input.Dates + label .Hieroglyph font {
    line-height: inherit;
}

.ML_YearMonths_Picker section a .Hieroglyph + b,
.ML_YearMonths_Picker section input.Dates + label .Hieroglyph + b {
    margin-left: 0.38em;
    line-height: inherit;
}

.ML_YearMonths_Picker .SeasonChange,
.ML_YearMonths_Picker .SeasonChange2,
.ML_Calendar_Result .Calendar .SeasonChange,
.ML_Calendar_Result .Calendar .SeasonChange2 {
    line-height: 1em;
    text-shadow: none;
    color: #fff;
    position: absolute;
    padding: 0.1em 0.3em;
    border-top-left-radius: var(--border-radius-xs);
    opacity: 0.6;
}

.ML_YearMonths_Picker .SeasonChange,
.ML_YearMonths_Picker .SeasonChange2 {
    font-size: 0.5em;
    bottom: 0;
    right: 0;
}

.ML_YearMonths_Picker.Hours .SeasonChange,
.ML_YearMonths_Picker.Hours .SeasonChange2 {
    top: 0;
    bottom: initial;
    border-top-left-radius: initial;
    border-bottom-left-radius: var(--border-radius-xs);
}

.ML_YearMonths_Picker a:hover .SeasonChange,
.ML_YearMonths_Picker a:hover .SeasonChange2 {
    opacity: 1;
}

.ML_YearMonths_Picker .SeasonChange,
.ML_Calendar_Result .Calendar .SeasonChange {
    background-color: var(--color-Red);
}

.ML_YearMonths_Picker .SeasonChange2,
.ML_Calendar_Result .Calendar .SeasonChange2 {
    background-color: var(--color-Beige);
}


.ML_Calendar_Result .Calendar .SeasonChange,
.ML_Calendar_Result .Calendar .SeasonChange2 {
    font-size: 0.6em;
    top: 2.6em;
    right: 0;
    border-top-left-radius: var(--border-radius-xs);
    border-bottom-left-radius: var(--border-radius-xs);
}


/* НАЧАЛО: датапикер ДНИ */

/*
для выходных можно добавлять класс
saturday
sunday
Для дней за месяцем
not-in-month

для праздников
holiday
*/

.ML_YearMonths_Picker.Days {
    max-width: 24em;
}

.ML_YearMonths_Picker .Legend .Title {
    justify-content: center;
}

.ML_YearMonths_Picker.Days section {
    overflow: hidden;
    max-height: none;
}

.ML_YearMonths_Picker.Days section .loadingbar {
    font-size: 0.5em;
    margin: 1em;
}

.ML_YearMonths_Picker.Days section .head {
    display: inline-flex;
    min-width: calc(100%/7);
    flex: 1;
    justify-content: center;

    text-shadow: 1px 1px 0 #fff;
    font-size: 0.7em;
    text-transform: uppercase;
    color:var(--color-Beige);

    padding: 0.1em;
    box-sizing: border-box;
    border: 1px solid rgba(223, 216, 208, 0.3);
    border-bottom-color: var(--color-Beige);
    background-color: var(--color-Beige-Light-Medium);
    margin: 0 -1px 0 0;
}

.ML_YearMonths_Picker.Days section .head.saturday,
.ML_YearMonths_Picker.Days section .head.sunday {
    font-weight: bold;
}

.ML_YearMonths_Picker.Days section a {
    min-width: calc(100% / 7);
    flex: 1;
    justify-content: space-between;
    padding: 0.3em 0.3em;
    position: relative;
    }

.ML_YearMonths_Picker.Days section a .Date {
    display: inline-flex;
    /* align-items: flex-end */;
    padding: 0;
}

.ML_YearMonths_Picker.Days section a:hover .Date {
    color: var(--color-Blue-hover);
}

.ML_YearMonths_Picker.Days section a.saturday .Date,
.ML_YearMonths_Picker.Days section a.sunday .Date {
    /* font-weight: bold; */
    color: var(--color-Red);
}

.ML_YearMonths_Picker.Days section a.holiday .Date {
    color: var(--color-Red);
}

.ML_YearMonths_Picker.Days section a.saturday:hover .Date,
.ML_YearMonths_Picker.Days section a.sunday:hover .Date,
.ML_YearMonths_Picker.Days section a.holiday:hover .Date {
    color: var(--color-Red-hover);
}

.ML_YearMonths_Picker.Days section a .Hieroglyph {
    display: inline-flex;
    order: -1;
    flex-direction: column;

    line-height: 1.1em;
}

.ML_YearMonths_Picker.Days section a.not-in-month * {
    filter: grayscale(20%) opacity(40%) blur(0.02em) brightness(110%);
}
.ML_YearMonths_Picker.Days section a.not-in-month:hover * {
    filter: none;
}

/* КОНЕЦ: датапикер ДНИ */


/* НАЧАЛО: Добавление языка */

.ML_Window#LUMDlg .LangBlock {
    display: grid;
    grid-template-columns: min-content 1fr min-content min-content;
    grid-template-rows: min-content;
    gap: 0px 0.8em;
    grid-template-areas:
        "LangStatus_Cell LangDate_Cell LangAutoTranslate LangFlag_Cell LangDelete";
    padding: 0.6em 0.8em;

    border-bottom: 1px dashed var(--color-Beige-Light);
    margin-top: -1px;
}

.ML_Window#LUMDlg #LUMDlgDlgBody + .FFooter {
    margin-top: 0;
}

.ML_Window#LUMDlg .LangBlock  > * {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    box-sizing: border-box;
    line-height: 1.2em;
}

.ML_Window#LUMDlg section > .LangBlock {
    border-bottom: 1px dashed var(--color-Beige-Light);
    margin-top: -1px;
}

.ML_Window#LUMDlg section > .LangBlock:hover {
    background-color: var(--color-Beige-Light-Medium);
}

.ML_Window#LUMDlg .LangBlock .LangDate_Cell .LangName {
    line-height: inherit;
}

.LangAutoTranslate { grid-area: LangAutoTranslate; }

.LangStatus_Cell { grid-area: LangStatus_Cell; }

.LangDate_Cell { grid-area: LangDate_Cell; }

.LangFlag_Cell { grid-area: LangFlag_Cell; }

.LangDelete { grid-area: LangDelete; }


.LangDate_Cell .LangName {
    font-size: 1.3em;
    flex: 1 0 100%;
}

.LangDate_Cell .LangCountry, .LangDate_Cell .LangCode {
    font-size: 0.8em;
    color: var(--color-Beige-Dark);
    font-style: italic;
}

.LangDate_Cell .LangCountry {
    margin-right: 0.2em;
}

/* КОНЕЦ: Добавление языка */


/* НАЧАЛО: Истории изменений переменной */
.HistoryPopUp.ML_Window {max-width: 40em;}

.HistoryPopUp.ML_Window #HistoryBody > div {
    padding: 0.6em 0.8em;
    border-bottom: 1px dashed var(--color-Beige-Light);
    margin-top: -1px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.HistoryPopUp.ML_Window > section {
    max-height: 60vw;
    max-width: 70vw;
}

.HistoryPopUp.ML_Window #HistoryBody > div * {
    line-height: 1.3em;
}

.HistoryPopUp.ML_Window #HistoryBody > div .Date {
    font-size: 0.7em;
    font-style: italic;
    color: var(--color-Beige);
    white-space: nowrap;
    order: 2;
}

.HistoryPopUp.ML_Window #HistoryBody > div .Name {
    flex: 1;
    order: 1;
    margin-right: 0.8em;
    font-size: 0.9em;
}

.HistoryPopUp.ML_Window #HistoryBody > div .Name .Email {
    margin-left: 0.6em;
    font-style: italic;
    color: var(--color-Beige);
    font-size: 0.9em;
}

.HistoryPopUp.ML_Window #HistoryBody > div .Text {
    flex: 1 0 100%;
    order: 3;
    margin-top: 0.4em;
}

/* КОНЕЦ: Истории изменений переменной */



.HtmlPopUp.ML_Window {width: 40em;}

.HtmlPopUp.ML_Window  textarea.autosize,
.HtmlPopUp.ML_Window  textarea.autosize_text {
    display: block;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    max-height: 18em;
    min-height: 5em;
    margin: 0;

    overflow: hidden scroll;
    overflow-wrap: break-word;
    resize: none;
}


/* НАЧАЛО: Взаимодействия */

#Interactions_Window.ML_Window #InteractionFilter {
    margin: 0 0 1.2em 0;
}

#Interactions_Window.ML_Window .FBody {
    display: flex;
    flex-direction: column;
    padding: 0.8em;

    max-height: 60vh;
    overflow-y: auto;
}

#Interactions_Window.ML_Window .FBody h3,
.GostAndDemons_Section .GostAndDemons_List h3,
.BaziChartBlock #TCLineTypeSelector h3 {
    margin: 0;
    padding: 0;
    font-size: 1.0em;
    flex: 1;
    border: none;
    white-space: nowrap;
    box-shadow: 0 0 0.5em 0.5em #fff;
}

#Interactions_Window.ML_Window .FBody h3 label {
    font-weight: bold;
    font-size: 0.9em;
    margin: 0;
}

.Hieroglyph span + span {
    margin-left: 0.1em;
}

#Interactions_Window.ML_Window .FBody .InteractionBlock + h3 {
    margin-top: 1.2em;
}

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

    border-radius: var(--border-radius-inputs);
    border: 1px solid var(--color-Gray-Light);

    margin-top: 0.5em;

    background-color: rgba(255, 255, 255, 0.99);
}
.InteractionBlock * {
    box-sizing: border-box;
}

.InteractionBlock > input+label {
    display: flex;
    margin: 0 0 -1px 0;
    position: sticky;
    top: -1.4em;
    z-index: 2;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    justify-content: space-between;
}

.InteractionBlock > label .Example,
.InteractionBlock > label .Example:before {
    border-top-right-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);
}

.InteractionBlock > label .Example {
    display: inline-block;
    width: 2.3em;
    height: 2.3em;
    margin: -1.5em -0.4em -1.5em 0;
    position: relative;
    background-color: #fff;
    border-left: 1px solid var(--color-Gray-Light);
}

.InteractionBlock > label .Example:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;

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

.InteractionBlock:before {
    content: "";
    display: block;
    height: 1em;
    width: calc(100% + 2px);
    position: sticky;
    top: -0.8em;

    margin-left: -1px;

    margin-top: calc(-0.4em + -1px);
    margin-bottom: -0.4em;

    background: linear-gradient(0deg,var(--color-BG-Light) 60%, rgba(255, 254, 252, 0.8) 100%);
}

.InteractionBlock > input:checked + label,
.InteractionBlock > input + label {
    border: 1px solid var(--color-Gray-Light);

    overflow: hidden;

    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
}

.InteractionBlock > input:checked + label {
    background-color: var(--color-Beige-Bright);
}

.InteractionList {
    display: flex;
    flex-direction: column;
    margin-top: 0.0em;
    line-height: 1em;
}

/*.InteractionBlock input:not(:checked) + label + .InteractionList {
    display: none;
}*/

.InteractionList .Item,
.InteractionList .Item * {
    line-height: inherit;
}

.InteractionList .Item {
    display: grid;
    grid-template-columns: 1fr min-content;
    grid-template-rows: min-content min-content;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas:
        "Chart Result"
        "Current Result";

    cursor: default;
    margin: -1px 0 0 0;
    padding: 0.5em 0;

    /* background-color: rgba(26, 255, 255, 0.1); */
}

.InteractionList > .Item:first-child {
    margin-top: 1px;
}

.InteractionList > .Item:not(:first-child) {
    border-top: 1px dotted var(--color-Gray-Light);
}

.InteractionList > .Item:last-child {
    border-bottom-left-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);
}

.InteractionList > .Item:not(:last-child),
#powerTip .Interaction > .Item:not(:last-child) {
    border-bottom: 1px dotted var(--color-Gray-Light);
}

/*
.InteractionList .Item ~ .Item {
    margin-top: 0;
}
*/

.InteractionList .Item:hover {
    border-top-color: transparent;
    border-bottom-color: transparent;
    background-color: #fff;

    box-shadow: 0px 0px 0.5em var(--color-Gray-Light), 0 0 0 1px var(--color-Blue-hover);

    z-index: 3;
}

.InteractionList .Item .Chart { grid-area: Chart; }

.InteractionList .Item .Current { grid-area: Current; }

.InteractionList .Item .Result { grid-area: Result; }

.InteractionList .Item .Chart,
.InteractionList .Item .Current,
.InteractionList .Item .Result {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.InteractionList .Item .Chart,
.InteractionList .Item .Current {
    padding: 0 0.3em 0 0.6em;
}
.InteractionList .Item .Result {
    padding: 0 0.6em 0 0.3em;
}

.InteractionList .Item .Title {
    font-size: 0.8em;
    color: var(--color-Beige);
    width: 3.5em;
    padding: 0;
}

.InteractionList .Item .Period {
    margin: 0;
}

#powerTip .Interaction > .Item .Combination .Hieroglyph,
.InteractionList .Item .Hieroglyph,
.GostAndDemons_Section:not(.ByHieroglyph) .GostAndDemons_List .Item .Hieroglyph {
    margin-left: 0.3em;
    font-size: 1.1em;
    white-space: nowrap;
    align-self: first baseline;
}

.InteractionList .Item .Period + .Hieroglyph:before,
#powerTip .Interaction > .Item .Combination .Hieroglyph:not(:last-child):after,
.GostAndDemons_Section:not(.ByHieroglyph) .GostAndDemons_List .Item .Hieroglyph:not(:last-child):after,
.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .List .Title:not(:last-child):after {
    content: ",";
    display: inline-block;
    margin-right: 0.3em;
}

.InteractionList .Item .Period + .Hieroglyph:before {
    margin-left: -0.3em;
}

.InteractionList .Item .Period + .Hieroglyph:before,
.InteractionList .Item .Hieroglyph:not(:last-child):after,
#powerTip .Interaction > .Item .Combination .Hieroglyph:not(:last-child):after,
.GostAndDemons_Section:not(.ByHieroglyph) .GostAndDemons_List .Item .Hieroglyph:not(:last-child):after {
    color: var(--color-Dark);
}

.InteractionList .Item .Period,
.GostAndDemons_List .Item .Period,
.GostAndDemons_List .Title .Period,
#powerTip .Interaction > .Item .Combination .Period {
    text-transform: uppercase;
    margin: 0 0 0.5em 0.2em;
    font-size: 0.6em;
    color: var(--color-Beige-Dark);
}

/* КОНЕЦ: Взаимодействия */



/* НАЧАЛО: Символические звезды - духи и демоны
GostAndDemons_Section - основная обертка

*/
.GostAndDemons .TabBar .TabBar_Content {
    display: flex;
    flex-direction: column;}

.GostAndDemons .TabBar .TabBar_Content .GostAndDemons_Section {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 23em;
}

.GostAndDemons .IMGCheckBox + .FormItemConnect label {
    margin-left: 0;
}

.GostAndDemons .IMGCheckBox + .FormItemConnect {
    display: flex;
}

.GostAndDemons .IMGCheckBox + .FormItemConnect input {
    display: inline-flex;
    flex: 1;
}

.GostAndDemons_List .Item,
.GostAndDemons_Section .GostAndDemons_List > .Title {
    display: flex;
    padding: 0.3em 0.6em 0.3em 1.2em;
}

.GostAndDemons_List > :first-child {
    padding-top: 0.6em;
}

.GostAndDemons_List > :last-child {
    padding-bottom: 0.6em;
}

.GostAndDemons_List > :not(:first-child) {
    border-top: 1px solid rgba(223, 216, 208, 0.3);
}

.GostAndDemons_Section .GostAndDemons_List > .Title {
    border-bottom: 1px solid var(--color-Beige);
    padding-top: 1.5em;
}

.GostAndDemons_List .Item .Title {
    flex: 0 0 35%;
}


.GostAndDemons_List .Item .Description,
.GostAndDemons_List .Item .Hieroglyph {
    display: inline-flex;
}

.GostAndDemons_List .Item .Description {
    flex-wrap: wrap;
}

.TabBar_Content .ML_Symbolic_Star_Filter {
    display: flex;
    flex-direction: column;
}

.TabBar_Content .ML_Symbolic_Star_Filter .checkable-list:hover {
    z-index: 1;
}

.TabBar_Content .ML_Symbolic_Star_Filter .checkable-list li:not(.flex0) {
    flex: 1;
}

.TabBar_Content .ML_Symbolic_Star_Filter .checkable-list + .checkable-list {
    margin-top: -1px;
}

.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .Item {
    display: flex;
    align-items: center;
}


.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .Block {
    display: grid;
    grid-auto-columns: max-content;
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content;
}

.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .Hieroglyph {
    padding: 0.3em 0.3em 0.3em 1.2em;
    display: inline-flex;
    justify-content: flex-end;
    }

.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .Hieroglyph * {
    font-size: 1.6em;
}

.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .List {
    padding: 0.3em 0.6em 0.3em 0.3em;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    }

.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .List .Title {
    display: inline-flex;
    color: var(--color-Beige-Dark);
    white-space: nowrap;
}

/*
.GostAndDemons_Section.ByHieroglyph .GostAndDemons_List .List .Title:hover {
    color: var(--color-Blue-hover);
}
*/

/* КОНЕЦ: Символические звезды - духи и демоны */



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

.UsersPopUp section .UserBlock {
    display: grid;
    grid-template-rows: min-content;
    gap: 0 0;
}

.UsersPopUp section:not(.Simple) .UserBlock {
    grid-template-columns: min-content min-content 1fr;
    grid-template-areas:
        ". UserDate_Cell . ";
}

.UsersPopUp section.Simple .UserBlock {
    grid-template-columns: min-content 1fr min-content;
    grid-template-areas:
        "AvatarHref UserDate_Cell .";
}

.UsersPopUp section .UserBlock .UserDate_Cell { grid-area: UserDate_Cell; }

.UsersPopUp section > .UserBlock {
    border-bottom: 1px dashed var(--color-Beige-Light);
    margin-top: -1px;
}

.UsersPopUp section > .UserBlock:hover {
    background-color: var(--color-Beige-Light-Medium);
}

.UsersPopUp section {
    overflow-x: hidden;
    max-height: 60vh;
}

.UsersPopUp section .UserBlock > *,
.UsersPopUp section .UserDelete {
    display: inline-flex;
    align-items: center;
    align-content: center;
    padding: 0.6em 0.3em;
    box-sizing: border-box;
}

.UsersPopUp section .UserBlock .Role_Users,
.UsersPopUp section .UserBlock .RoleAdmin_Cell,
.UsersPopUp section .UserBlock .UserDate_Cell {
    align-self: center;
}

.UsersPopUp section .UserBlock .RoleAdmin_Cell {
    font-size: 0.9em;
}

.UsersPopUp section .UserBlock .Role_Users {
    width: 7em;
    margin: 0 0.6em;
}

.UsersPopUp section .UserBlock .UserDate_Cell {
    line-height: 1.1em;
    font-size: 1em;
    flex-wrap: wrap;
}

.UsersPopUp section:not(.Simple) .UserBlock .UserDate_Cell {
    width: 18em;
}

.UsersPopUp section .UserBlock .UserDate_Cell * {
    line-height: inherit;
}

.UsersPopUp section .UserBlock .UserDate_Cell .Name {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UsersPopUp section .UserBlock .UserDate_Cell .ID {
    margin-left: 0.4em;
    color: var(--color-Beige);
    font-size: 0.8em;
}

.UsersPopUp section .UserBlock .UserDate_Cell .Name + .ID {
    margin-left: 0.4em;
}

.UsersPopUp section .UserBlock .UserDate_Cell .Email {
    display: flex;
    flex: 1 0 100%;
    font-size: 0.9em;
}

.UsersPopUp section .UserDelete svg {
    width: 1.4em;
    height: 1.4em;
    line-height: inherit;
    font-size: 1em;
    margin: -0.5em 0;
}

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

#Window-Filter.ML_Window {
    max-width: 70%;
    min-width: 40em;
}

#Window-Filter.ML_Window .DateContent {
    overflow-x: hidden;
    max-height: 30em;
}

.ML_Window.HistoryWndClass {
    max-height: 80vh;
    max-width: 80vh;
}


.BG_General {
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(0.15em) saturate(90%);

    left: 0;
    top: 0;
    position: fixed;

    width: 100%;
    height: 100%;

    background-color: rgba(74, 85, 96, 0.6);

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

    vertical-align: middle;
    text-align: center;

    z-index: 400;
}

#Confirm_bg.BG_General {
    z-index: 910;
}

/* Конец стилей минглишного датапикера */



/*
НАЧАЛО Окно управления текстом для баннеров
*/
.ML_Window.TextSettings .FBody {
    padding-top: 1em;
    padding-bottom: 1em;
}

/*
КОНЕЕЦ Окно управления тектом для баннеров
*/


/*
НАЧАЛО: GRiD
*/

/*
Сетка 2х3
*/
 .ML_Grid-Container {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: min-content min-content min-content;
    gap: 0px 0px;
    grid-template-areas:
        "BaziChart BaziChart_Name"
        "BaziChart BaziChart_Birthday"
        "BaziChart BaziChart_BirtLocation"
        "BaziChart_UsefulGods BaziChart_UsefulGods"
        "BaziChart_Location BaziChart_Location"
        "BaziChart_Comment BaziChart_Comment";
}

/*
#BaziChart { grid-area: BaziChart; }
*/

.BaziChart_Name {
    grid-area: BaziChart_Name;
    display: flex;
}

.BaziChart_Name .ChartName,
.BaziChart_Name .ChartName input {
    flex: 1;
}

.BaziChart_Birthday { grid-area: BaziChart_Birthday; }

.BaziChart_BirtLocation { grid-area: BaziChart_BirtLocation; }

.BaziChart_UsefulGods { grid-area: BaziChart_UsefulGods;
    display: flex}

.BaziChart_UsefulGods .Useful_Gods .FormSubBlock {
    flex: 1;
}

.BaziChart_Location { grid-area: BaziChart_Location; }

.BaziChart_Comment {
    grid-area: BaziChart_Comment;
    margin-top: 1em;
}


/*
Конец: GRiD
*/


/*
НАЧАЛО: Окно редактирования карты
*/
.ML_Window .ControlBatton { margin-top: 0.8em; }

#Sales_by_Product {
    /*max-width: 60em;*/
    min-width: 50em;
    max-width: 65em;
}

#Sales_by_Product .Toolbar {
    flex-wrap: wrap;
}

#Sales_by_Product .Toolbar .Duration_Options {
    display: inline-flex;
    align-items: center;
    gap: 0 0.6em;
}

#Sales_by_Product .Toolbar .Duration_Options > svg {
    color: var(--color-Gray);
    pointer-events: none;
    width: 1em;
    height: 1em;
    font-size: 1.8em;
}

#Sales_by_Product .Toolbar .ProductList {
    flex: 1 1 100%;
}

.flex.ProductList {
    margin: 0;
    gap: 0.8em;
}

.flex .MLToken_Wrapper {
    margin: 0;
}

.ML_Table.Result {
    margin: 1.2em;
}

.ML_Table.Result .ML_THead .text {
    font-size: 0.8em;
}

.ML_Table.Result .ML_TR .ML_TD,
.ML_Table.Result .ML_TR .ML_TA {
    display: inline-flex;
    align-items: center;
}
.ML_Table.Result .Name {
    flex: 1 auto;
}

.ML_Table.Result .Name .text,
.ML_Table.Result .Name a {
    font-size: 1.1em;
}

.ML_Table.Result .iD, .ML_Table.Result .ID {
    width: 5em;
    min-width: 5em;
    text-align: right;
    justify-content: flex-end;
    color: var(--color-Beige);
}

.ML_Table.Result .Cover {
    width: 5em;
    min-width: 5em;
    text-align: center;
    justify-content: center;
    margin: 0;
}

.ML_Table.Result .OrderCount {
    width: 5em;
    min-width: 5em;
    text-align: right;
    justify-content: flex-end;
}

.ML_Table.Result .ProductCount {
    width: 6em;
    min-width: 6em;
    text-align: right;
    justify-content: flex-end;
}
.ML_Table.Result .AveragePrice {
    width: 9em;
    min-width: 9em;
    text-align: right;
    justify-content: flex-end;
}

.ML_Table.Result .Total{
    width: 9em;
    min-width: 9em;
    text-align: right;
    justify-content: flex-end;
}

.ML_Window#Sales_by_Product .GraphSection {
    display: flex;
    min-height: auto;
}

.ML_Window#Sales_by_Product .GraphSection .Graph,
.ML_Window#PromoLogsPopUp .GraphSection #promoChartDiv {
    flex: 1;
    height: 15em;
}

#RP_Delivery_Price_Calc {max-width: 80vw;}
#RP_Delivery_Price_Calc section {
    max-height: 80vh;
}

#RP_Delivery_Price_Calc .StickyTop {
    background-color: var(--color-BG-backdrop-White);
    backdrop-filter: var(--backdrop-filter-Menu);
}

#RP_Delivery_Price_Calc .Rsult_Successful .Num {
    font-size: 1.2em;
}

#RP_Delivery_Price_Calc select { width: 10em;}

#RP_Delivery_Price_Calc .label {
    width: 8em;
    max-width: unset;
    hyphens: auto;
}

#RP_Delivery_Price_Calc .DeliveryOptions {
    white-space: nowrap;
}
#RP_Delivery_Price_Calc .ExtraOptions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
    gap: 0 0.8em;
    align-items: center;
}
#RP_Delivery_Price_Calc .ExtraOptions label {
    flex: 1;
}

#MPCForm.ML_Window .StolpyMin {
    margin-bottom: 1em;
}

.ML_Window .StolpyMin tr td {
    border: 1px solid var(--color-BG-Light);
}


#MPCForm.ML_Window .StolpyMin tbody tr:last-of-type td {
    border-bottom: 1px solid #dfd8d0;
}

.ML_Window .StolpyMin thead tr td:first-of-type {
    border-top-left-radius: var(--border-radius-xs);
}
.ML_Window .StolpyMin thead tr td:last-of-type {
    border-top-right-radius: var(--border-radius-xs);
}

.ML_Window .StolpyMin tbody tr:last-of-type td:first-of-type {
    border-bottom-left-radius: var(--border-radius-xs);
}
.ML_Window .StolpyMin thead tr:last-of-type td:last-of-type {
    border-bottom-right-radius: var(--border-radius-xs);
}

.ML_Window .StolpyMin tbody tr:first-child .CL_GenMonth_H {
     padding-top: 0.15em!important;
    }

.ML_Window .StolpyMin tbody tr:last-child .HName {
     padding-bottom: 0.2em!important; }


.ML_Window .StolpyMin thead td {
    font-size: 0.8em;
    font-weight: bold;
    color: #fffcf8;
    list-style-type: lower-roman;
    text-transform: uppercase;
    background-color: var(--color-Beige);
    text-shadow: var(--color-Beige-Dark) var(--border-thin) var(--border-thin-minus) 0;
    text-decoration: none;
    vertical-align: middle;

    line-height: 1.3em;
    table-layout: fixed;}

/*
КОНЕЦ: Окно редактирования карты
*/



.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
/*.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}*/
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    /*z-index: 150;*/
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}
.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}
.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}
.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}
.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}
.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}
.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;

    max-height: 25em;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;

    border-bottom-left-radius: var(--border-radius-autocomplete);
    border-bottom-right-radius: var(--border-radius-autocomplete);

    z-index: 400;
}

.country-select_dropdown .ui-autocomplete {
    max-height: 13em;
}

.autocompletelist .ui-autocomplete {
    position: relative;
}


.ui-autocomplete { width: auto; }

.ui-autocomplete .PaidProf:before {
    display: inline-block;

    content: "";
    background: url(/img/ico-YouRegistr.svg) no-repeat;
    background-size: contain;

    width: 1em;
    height: 1em;
    margin: -0.1em 0 -0.15em -0.2em;
}

.ui-autocomplete .ui-menu-item .Details .Amount {
    display: inline-flex;
    align-items: center;
    gap: 0.3em;
    border: 1px solid rgba(10, 0, 0, 0.1);
    border-radius: 0.3em;
    padding: 0.1em 0.2em;
    line-height: 1em;
    background-color: rgba(10, 0, 0, 0.05);
}

.ui-autocomplete .ui-menu-item .Details .Amount svg {
    color: inherit;
    margin: 0;
}

.ui-autocomplete .Title .Amount {
    position: relative;
    font-size: 0.7em;
    bottom: -0.2em;
}

.ui-autocomplete .Title .Name .Amount {
    font-size: 0.6em;
}

.ui-autocomplete .ui-menu-item .ShowMore  .Amount {
    font-weight: normal;
}

.ui-autocomplete .ui-menu-item .PaidProf:hover:before { background-image: url(/img/ico-YouRegistr_w.svg);}


.ui-autocomplete .AddProfile {
padding-top: 0.5em!important; padding-bottom: 0.6em!important; font-weight: bold; }

.ui-autocomplete .AddProfile:before {
    display: inline-block;

    content: "";
    background: url(/img/ico_ChartNew_b.svg) no-repeat;
    background-size: contain;

    width: 2em;
    height: 2em;
    margin: -1.1em 0em -1em -0.2em;

    vertical-align: middle; }

.ui-autocomplete .ui-menu-item:hover .AddProfile:before { background-image: url(/img/ico_ChartNew_w.svg);}

.ui-button {
    display: inline-block;
    position: relative;
    /*padding: 0;*/
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
    width: 2.2em;

}
/* button elements seem to need a little more width */
button.ui-button-icon-only {
    width: 2.4em;
}
.ui-button-icons-only {
    width: 3.4em;
}
button.ui-button-icons-only {
    width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: normal;
}
.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
    display: none;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/* button sets */
.ui-buttonset {
    margin-right: 7px;
}
.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}




/* DATAPICER */
.ui-datepicker {
    width: 20em;
    padding: .2em .2em 0;
    display: none;
    z-index: 2;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0;
    margin: -.2em -.2em 0.2em;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
/*    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;*/
    position: absolute;
top: 45%;
padding: 0.7em;
overflow: hidden;
display: block;
margin-top: -1em;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
/*    top: 1px;*/
background-image: none;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;

    border-right: 1px solid rgba(255,255,255,0.3);
}
.ui-datepicker .ui-datepicker-next {
    right: 0;

border-left: 1px solid rgba(255,255,255,0.3);
}
.ui-datepicker .ui-datepicker-prev-hover {
    /*left: 1px;*/
}
.ui-datepicker .ui-datepicker-next-hover {
    /*right: 1px;*/
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    background-image: none;
    /*position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;*/
}
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before {
text-indent: 0px;
    display: block;
   border: solid transparent;
   width: 0;
   height: 0;
   margin: 0.2em;
   content: "";
   margin: -0.55em;
   position: absolute;
   top: 50%; }

.ui-datepicker .ui-datepicker-prev span:before {
    border-right-color: rgb(255, 255, 255);
    border-width: 0.6em 1em 0.6em 0;
   right: 58%;
     }
.ui-datepicker .ui-datepicker-next span:before {
    border-left-color: rgb(255, 255, 255);
    border-width: 0.6em 0 0.6em 1em;
   left: 58%; }

.ui-datepicker .ui-datepicker-title {
    margin: 0 0.8em;
    line-height: 1.8em;
    text-align: center;

    flex: 1 0 auto;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 44%;
    margin: 0.1em 0.3em;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .2em;
}

.ui-datepicker table .ui-datepicker-week-end,
.ui-datepicker table tbody .ui-datepicker-week-end .ui-state-default { color: #cd0a0a;
/*border-color: rgba(144, 128, 112, 0.7); */
border-color: transparent;}

.ui-datepicker table tbody .ui-datepicker-current-day a { border-color:#0082ff; background-color:#0082ff; color: #ffffff; }

.ui-datepicker table tbody .ui-state-disabled {  }
.ui-datepicker table tbody .ui-state-default {

    font-size: 1.3em;
    /*color: #1c94c4;*/

    border: 0.5pt solid transparent;
    /*border: 0.5pt solid #dfd8d0;*/
    /*background:#ffffff;*/

    color: #706050;

    background-image: none;
    filter: none; /* for IE */
    border-radius: var(--border-radius-xs);
    }

.ui-datepicker table tbody .ui-state-hover,
.ui-datepicker table tbody .ui-datepicker-week-end .ui-state-hover {
    font-weight: bold;

    /*border: 1px solid #fbcb09;*/
    /*background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;*/

    /*color: #c77405;*/
/*    color: #f8fcff;
    background:#20a2ff;

background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50c2ff), to(#0062df));
background-image: -webkit-linear-gradient(top, #50c2ff, #0062df);
background-image:    -moz-linear-gradient(center top, #50c2ff, #0062df);
background-image:     -ms-linear-gradient(top, #50c2ff, #0062df);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#50c2ff', endColorstr='#0062df')
background-image:      -o-linear-gradient(top, #50c2ff, #0062df);
background-image:         linear-gradient(top, #50c2ff, #0062df);*/
}

.ui-datepicker table tbody .ui-state-hover,
.ui-datepicker table tbody .ui-datepicker-week-end .ui-state-hover,
.ML_YearMonths_Picker section a:not(.Sel):hover,
#MingliCurrentAlert #mAlertCityListUL li:hover {
    border: 1px solid #0062df;

    box-shadow: 0px 0px 0.5em #d0d8df;
    z-index: 1;
}


.ML_YearMonths_Picker .DateContent section a[class*="CHD_LC"]+a:hover:not([class*="CHD_LC"]) {
    border-top-color: var(--color-Blue-hover);
}


.ui-datepicker th {
    padding: .5em .3em .0em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em .3em .2em .1em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* DIALOG */
.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0em;
    outline: 0;

    text-align: left;

    box-sizing: border-box;

    z-index: 401;
}

.ui-dialog #loading {
    position: relative;
    background: none;

    box-shadow: none;
    padding: 1em;
}

.ui-dialog #lbord {
    background-color: rgba(0,130,255,0.6);
}

.ui-dialog, .ui-datepicker,
.ML_YearMonths_Picker,
.ML_Window {
    box-shadow: var(--box-shadow-Window); }

.ui-dialog .ui-dialog-titlebar {
    padding: 0 0 0 1em;
    margin-bottom: 0;
    position: relative;
}
.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
        border: inherit;
        border-left: 1px solid #d1cac3;

    display: inline-block;
    /*float: right;
    height: 1.8em;*/
    margin: 0;
    overflow: hidden;
    padding: 0.5em;
    /*right: 0.35em;*/
    /*top: 50%;*/
    /*width: 1.8em;*/
    text-align: center;
background-color: transparent;

}

.ui-dialog .ui-dialog-titlebar-close:after {
    font-size:1.2em;}

.ui-dialog-content {
    -moz-user-select: none;
    -webkit-user-select:none;
    -ms-user-select: none;
    -user-select:none;
    cursor: default;

}

.ui-dialog-content p,
.ui-dialog.ui-widget-content, .ML_YearMonths_Picker section,
.ML_Window:not(.HistoryPopUp):not(.OrderMailingInfo):not(.CalculatorTwoHourPopUp) section {
    -moz-user-select: none;
    -webkit-user-select:none;
    -ms-user-select: none;
    -user-select:none;
}

.ui-dialog .ML_Table form {
    flex: 1;
}

.ui-dialog .ML_Table .Title {
    display: flex;
    gap: 0.2em;
    font-size: 1.2em;
    flex: 1 100%;
    flex-wrap: wrap;
}

.ui-dialog .ML_Table .Title > *:not(:last-child):after {
    content: "|";
    color: var(--color-Beige);
    padding: 0.8em 0;
}

.ui-dialog .ML_Table .Title .Course {
    font-weight: normal;
}

.ui-dialog .ML_Table .Title .Module {
    font-size: 0.8em;
    font-weight: bold;
    color: var(--color-Beige);
}

.ui-dialog .ML_Table .Title .Seminar {
    font-size: 0.8em;
    font-weight: normal;
    color: var(--color-Beige);
}

.ML_Window .FBody p {
    margin-left: 0;
    margin-right: 0;
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    overflow-x: hidden;
}

/*.ui-dialog-content:before { position: absolute;
width: 100%;
height: 0.5em;
top: 0;
left: 0;
content: "";

background: -moz-linear-gradient(top,  rgba(255,252,248,1) 0%, rgba(255,252,248,0) 100%);  FF3.6-15
background: -webkit-linear-gradient(top,  rgba(255,252,248,1) 0%,rgba(255,252,248,0) 100%);  Chrome10-25,Safari5.1-6
background: linear-gradient(to bottom,  rgba(255,252,248,1) 0%,rgba(255,252,248,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffcf8', endColorstr='#00fffcf8',GradientType=0 );  IE6-9
}*/

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: 0;
    padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}
.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.autocompletelist,
.country-select__dropdown,
.country-select_dropdown {
    display: inline-flex;
    position: absolute;
    z-index: 110;
}

.country-select__dropdown,
.country-select_dropdown {
    border: 1px solid #bbbabc;
}

.autocompletelist {
    min-width: 27em;
/*
    min-width: fill-available;
    min-width: -webkit-fill-available;
    min-width: -moz-available;
*/
}

.country-select__dropdown .ui-autocomplete li a,
.country-select_dropdown .ui-autocomplete li a {
    align-items: center;
}


.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0 0 0 0.4em;
    display:inline-flex;
    flex-direction: column;
    outline: none;
    text-align: left;

    max-width: 38em;
    box-shadow: 0 0 1.2em #d0d8df;

    scroll-snap-type: y mandatory;
}



.ui-menu a, .ui-menu a * {
    color: inherit;
}

.ui-menu .ui-menu {
    position: absolute;
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    display: flex;
    position: relative;
    cursor: pointer;

    margin:0;
    padding: 0;
    white-space: nowrap;

    scroll-snap-align: start;
}

/*
.ui-menu .ui-menu-item a:not(.flex) {
    display:block;
}
*/

.ui-menu .ui-menu-item a {
    display: inline-block;
    text-decoration:none;

    line-height:1.2;
    zoom:1;
    flex: 1;
}

.Product_List a.Item,
.ui-menu .ui-menu-item .ShowMore,
.ui-menu .ui-menu-item a.Main {
    display: flex;
    flex: 1;
}

.ui-menu .ui-menu-item .ShowMore {
    gap: 0.4em;
}

.Product_List a.Item,
.ui-menu .ui-menu-item a.Main {
    gap: 0.8em;
}

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

.ML_Window .Result .Attent,
.ML_Window .Result .ShowMore {
    display: inline-grid;
    grid-column: 1 / -1;
}

.ML_Window .Result .ShowMore,
.ui-menu .ui-menu-item .ShowMore {
    position: relative;
    justify-content: center;
    align-items: baseline;

    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--color-Blue);
    border-top: var(--border-thin) solid var(--color-Blue);
}

.ML_Window .Result .ShowMore:hover {
    border-top: var(--border-thin) solid var(--color-Blue-hover);
}

.ui-menu .ui-menu-item .ShowMore:hover {
    border-top-color: #fff;
}

.ML_Window .Result .ShowMore:before,
.ui-menu .ui-menu-item .ShowMore:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1em;
    background-image: var(--linear-gradient-Gray-Top);
    pointer-events: none;
}

.ui-menu .ui-menu-item .ShowMore:hover:before {
    content: none;
}

.ui-menu a.Main .Avatar {
    align-self: center;
}

.ui-menu .ui-menu-item > a {
    padding:.6em .8em .6em .6em;
}

.ML_Window .Result .ShowMore,
.ui-menu .ui-menu-item > .ShowMore {
    padding: .6em 1.2em;
}


/*
.ui-menu li.ui-menu-item:first-of-type a { padding-top: 0.4em; }
.ui-menu li.ui-menu-item:last-of-type a { padding-bottom: 0.4em; }
*/

.ui-menu li:not(last-of-type) {
     border-bottom: 1px solid var(--color-Beige-Light);
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0;
}

.FormBlockDescr .FlagTxt,
.ui-menu a .FlagTxt {
    box-shadow: 0 0 0 0.5px #fff, 0 0 0.2em rgba(80, 96, 112, 0.8);
    border: 0;

    display: inline-flex;
    padding: 0;
    max-width: 1em;
    min-width: 1em;
    white-space: normal;
    height: 0.75em;
}

.ui-menu a .FlagTxt {
    font-size: 1.6em;
    }

.ui-menu a:not(.Main) .FlagTxt {
    margin-right: 0.3em;
    }

.ui-menu a i + .FlagTxt {
    margin-left: 0.4em;
}

.ui-menu .ui-menu-item a .Details {
    display: flex;
    gap: 0.1em 0;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.3em;
}

.ui-menu .ui-menu-item a .Delivery_Icon + .Order_ID {
    margin-left: 0.4em;
}

.ui-menu .ui-menu-item a .Details .Order_ID {
    font-size: 1.2em;
}

.ui-menu .ui-menu-item a .Details .Order_ID + time {
    margin-left: 0.6em;
}

.Order_List .Item .Details .Education_Form,
.Order_List .Item .Details time,
.ui-menu .ui-menu-item a time,
.ui-menu .ui-menu-item a .Education_Form {
    font-size: 0.8em;
    display: inline-flex;
    line-height: 1em;
}
.ui-menu .ui-menu-item a time {
}

.ui-menu .ui-menu-item a .Details > .ID {
    font-weight: bold;
    margin-right: 0.6em;
}

.ui-menu .ui-menu-item a .Sections {
    font-size: 0.8em;
    display: flex;
    align-items: baseline;
    margin-top: 0.4em;
    opacity: 0.8;
    margin-bottom: 0.1em;
    flex: 1 1 100%;
}

.ui-menu .ui-menu-item a .Sections .ID {
    font-size: unset;
}

.ui-menu .ui-menu-item a .Sections .CTitle + .MTitle:before {
    content: "/";
    color: var(--color-Beige);
    margin-left: 0.2em;
    margin-right: 0.2em;
}

.ui-menu .ui-menu-item a .Difficult_Level {
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: -0.3em;
}

.ui-menu .ui-menu-item a .Person_List {
    display: flex;
    flex-wrap: wrap;
    gap: 0 0.4em;
    margin-top: 0.4em;
    padding-left: 0em;
}

.ui-menu .ui-menu-item a .Person_List {
    color: var(--color-Gray);
}

.ui-menu .ui-menu-item a .Person_List > svg {
    margin: -0.1em 0 -0.1em -1.4em;
    font-size: 1.3em;
}

.ui-menu .ui-menu-item a .Person_List > .Person_Item .Name {
    font-size: 0.9em;
}

.ui-menu .ui-menu-item a .Person_List > :not(:last-child) .Name:after {
    content: ",";
    color: var(--color-Beige);
}

.ui-menu .ui-menu-item a .Status:not(.BGLightYello) {
    font-size: 0.8em;
}

.ui-menu .ui-menu-item a .Education_Form {
    font-weight: bold;
    text-transform: uppercase;
}

.ui-menu .ui-menu-item a time + .Status.positive {
    font-weight: bold;
}

.ui-menu .ui-menu-item a time + .Status.positive:after {
    content: " ✔️";
}

.ui-menu .ui-menu-item a > .ID {
    margin-right: 0.6em;
    font-weight: bold;
}

.Order_List .Item .Details .Education_Form + time:before,
.ui-menu .ui-menu-item a time + .Status:before,
.ui-menu .ui-menu-item a .Education_Form + time:before {
    content: "";
    display: inline-block;
    width: 0;
    height: 1em;
    position: relative;
    bottom: -0.1em;
    border-right: var(--border-style-Light);
    overflow: hidden;
    margin: 0 0.5em 0 0.5em;
}

.ui-menu .ui-menu-item a .Details address .Locality .Country,
.ui-menu .ui-menu-item a .Details address .Locality .City,
.ui-menu .ui-menu-item a .Details address .Locality .Region,
.ui-menu .ui-menu-item a time .Date,
.ui-menu .ui-menu-item a time .Time,
.ui-menu .ui-menu-item a time .Week {
    color: var(--color-Beige);
    }

.ui-menu .ui-menu-item a:hover .Details address .Locality .Country,
.ui-menu .ui-menu-item a:hover .Details address .Locality .City,
.ui-menu .ui-menu-item a:hover .Details address .Locality .Region,
.ui-menu .ui-menu-item a:hover .Details .Region .Country,
.ui-menu .ui-menu-item a:hover .Details .Region .Name,
.ui-menu .ui-menu-item a:hover .Person_List > :not(:last-child) .Name:after,
.ui-menu .ui-menu-item a:hover .Details .Email,
.ui-menu .ui-menu-item a:hover .Details .Title .Email,
.ui-menu .ui-menu-item .ToolBar a:hover *,
.ui-menu .ui-menu-item a:hover .Details * {
    color: #fff;
}
.ui-menu .ui-menu-item a:hover .Details address .Locality .Country,
.ui-menu .ui-menu-item a:hover .Details address .Locality .City,
.ui-menu .ui-menu-item a:hover .Details address .Locality .Region,
.ui-menu .ui-menu-item a:hover .Details .Region .Country,
.ui-menu .ui-menu-item a:hover .Details .Region .Name,
.ui-menu .ui-menu-item a:hover .Person_List svg,
.ui-menu .ui-menu-item a:hover time,
.ui-menu .ui-menu-item a:hover .Details .Email,
.ui-menu .ui-menu-item a:hover .Details .Title .Email {
    opacity: 0.8;
}

.ui-menu .ui-menu-item a .Details svg {
    margin: 0;
}

.Order_List .Item .Details .Title,
.ui-menu .ui-menu-item a .Details .Title {
    display: flex;
    flex: 1 1 100%;
    gap: 0.3em;
    line-height: inherit;
    align-items: baseline;
    flex-wrap: wrap;
}

.ui-menu .ui-menu-item a .Details .Title svg.Sex {
    color: var(--color-Beige);
    align-self: center;
    margin-top: -0.2em;
    margin-left: -0.2em;
}

.ui-menu .ui-menu-item a .Details .Title svg.Sex + .Name:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    z-index: 1;
    background-color: var(--color-Beige-Light);
    position: absolute;
    margin-left: -0.2em;
}

.Order_List .Item .Details .new,
.ui-menu .ui-menu-item a .Details .new {
    color: #fff;
    line-height: 1em;
    padding: 0.1em 0.2em;
    border-radius: var(--border-radius-xs);
    bottom: 0.6em;
    position: relative;
}

.Order_List .Item .Details .Title .new,
.ui-menu .ui-menu-item a .Details .Title .new {
    font-size: 0.55em;
}

.Order_List .Item .Details .Title .Name,
.ui-menu .ui-menu-item a .Details .Title .Name {
    flex: 0 auto;
    font-size: 1.2em;
    white-space: normal;
    line-height: inherit;

    position: relative;
}

.country-select_dropdown .ui-menu .ui-menu-item a .Details .Title .Name {
    white-space: nowrap;
}

.Order_List .Item .Details .Title span.Name,
.ui-menu .ui-menu-item a .Details .Title span.Name {
    display: inline-block;
}

.ui-menu .ui-menu-item a .Details address {
    flex: 1;
    font-size: 0.85em;
}

.ui-menu .ui-menu-item a .Details address .FlagTxt {
    font-size: 1.3em;
    position: relative;
}

.ui-menu .ui-menu-item a .Details address .FlagTxt + .Country {
    margin-left: 0.2em;
}

.ui-menu .ui-menu-item a .Details .Title + address {
    margin-top: 0.3em;
}

.ui-menu .ui-menu-item a .Details address .Locality {
    line-height: 1.1em;
}

.ui-menu .ui-menu-item a .Details address .Locality .Country,
.ui-menu .ui-menu-item a .Details address .Locality .City,
.ui-menu .ui-menu-item a .Details address .Locality .Region {
    font-style: italic;
}

.ui-menu a .Name {
    flex: 1 1 100%;
    /*
    overflow: hidden;
    */
    text-overflow: ellipsis;
}

/*
.ui-menu .ui-menu-item a .Details .Title .Name + .Amount {
    margin-left: 0.6em;
}
*/

.Detail .ID, .Detail .iD,
.ui-menu a .UTC,
.ui-menu a .ISO,
.ui-menu a .ID {
    display: inline-flex;
    color: var(--color-Beige);

    font-size: 0.8em;;
}

.ui-menu a > .UTC,
.ui-menu a > .ISO,
.ui-menu a > .ID {
    vertical-align: super;
}

.Detail .ID, .Detail .iD,
.ui-menu a .Title .UTC,
.ui-menu a .Title .ISO,
.ui-menu a .Title .ID {
    font-size: 0.8em;
    vertical-align: baseline;
    font-weight: bold;
}

.ui-menu .ui-menu-item a .Details .Email,
.ui-menu .ui-menu-item a .Details .Title .Email {
    color: var(--color-Beige);
    font-size: 0.9em;
}

.ui-menu .ui-menu-item a .Details > .Region {
    font-size: 0.9em;
    display: flex;
    align-items: baseline;
    gap: 0.4em;
}

.ui-menu .ui-menu-item a .Details > .Region .Country:after {
    content: ",";
}

.ui-menu .ui-menu-item a .Details > .Region .Country,
.ui-menu .ui-menu-item a .Details > .Region .Name {
    color: var(--color-Beige);
}

.ui-menu .ui-menu-item a .Details > .Region .FlagTxt {
    font-size: 1.2em;
}

/*
.ui-menu .ui-menu-item a .Details .Email:before {
    content: "📧 ";
}
*/

.ui-menu .ui-menu-item a .Details .Email:before,
.ui-menu .ui-menu-item a .Details .Title .Email:before {
    content: "(";
}

.ui-menu .ui-menu-item a .Details .Email:after,
.ui-menu .ui-menu-item a .Details .Title .Email:after {
    content: ")";
}

.Detail .ID:before, .Detail .iD:before,
.ui-menu a .UTC:before,
.ui-menu a .ISO:before,
.ui-menu a .ID:before {
    font-weight: normal;
}

.ui-menu a .UTC:before,
.ui-menu a .ISO:before {
    content: "(";
}

.Detail .ID:before, .Detail .iD:before,
.ui-menu a .ID:before {
    content: "(ID: ";
}

.Detail .ID:after, .Detail .iD:after,
.ui-menu a .UTC:after,
.ui-menu a .ISO:after,
.ui-menu a .ID:after {
    content: ")";
    font-weight: normal;
}

.ui-menu .ui-menu-item .ToolBar a,
.ui-menu .ui-menu-item .ToolBar {
    display: inline-flex;
}

.ui-menu .ui-menu-item .ToolBar a {
    align-items: center;
    padding: 0.6em 0.4em;
}

.ui-menu .ui-menu-item .ToolBar a svg * {
    color: unset
}

.ui-menu .ui-menu-item a .Person_List svg,
.ui-menu .ui-menu-item a .Person_List svg *,
.ui-menu .ui-menu-item .ToolBar a svg {
    color: var(--color-Gray);
}


/* icon support */
.ui-menu-icons {
    position: relative;
}
.ui-menu-icons .ui-menu-item {
    padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    left: auto;
    right: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
    line-height: 1em;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em;
}
.ui-widget-content, .ML_YearMonths_Picker, .ML_Window {
    background-color: var(--color-WindowBG);

    /*backdrop-filter: var(--backdrop-filter-Menu);*/

    border: var(--border-thin) solid var(--color-Beige);
    color: var(--color-Black);
}

.ui-widget-content {
    border-top: none;
}

.ui-datepicker { background-color: var(--color-WindowBG); }

.ui-widget-content a {
    /*color: var(--color-Black);*/
}


/* Результат поиска с картинками */

#ajaxsem {
    display: flex;
    flex-wrap: wrap;
}

.FilterBlock {
    justify-content: center;
}

#SearchSem,
#itemSearch {
    /*
    width: 99%;
    */
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    flex: 1 auto;
}

#SearchSem,
#itemSearch,
.Font-Medium {
    font-size: var(--font-size-Medium);
}

.ui-menu a .cover .new,
.ui-menu a .Cover .new,
.ui-menu a .FullTime,
.ui-menu a .OnLine,
.ui-menu a .OffLine,
.ui-menu a .Free {
    color: #fff;
    padding: 0.1em 0.4em;}

.ui-autocomplete-study { width: 43em; }

.Installment .Order_List .Item figure,
.Payments_List .Payment_Item a figure,
.ui-menu a .cover, .ui-menu a .Cover,
.ui-menu a figure {
    display: inline-flex;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
    align-self: center;

    margin: 0;

    border: 1px solid #fff;

    border-radius: var(--border-radius-s);
    max-height: 4.8em;
    align-items: flex-start;
    }

.ui-menu a figure.Avatar {
    height: 2.5em;
    width: 2.5em;
    min-width: 2.5em;
}

.ui-menu a figure.Avatar .AvatarTD {
    width: 100%;
}

.ui-menu a figure.Avatar img {
    width: 125%;
    min-width: unset;
}

.ui-menu a .cover .new, .ui-menu a .Cover .new {
    position: absolute;
    opacity: 0.9;
    right: 0;
    border-radius: 0 0 0 var(--border-radius-xs);
    }

.Installment .Order_List .Item figure .Education_Type,
.Payments_List .Payment_Item a figure .Education_Type,
.ui-menu a .Education_Type,
.ui-menu a .FullTime,
.ui-menu a .OnLine,
.ui-menu a .OffLine,
.ui-menu a .Free {
    border-radius: var(--border-radius-s);
    font-size: 0.5em;
    }

.Installment .Order_List .Item figure img,
.Payments_List .Payment_Item a figure img,
.ui-menu a .cover, .ui-menu a .Cover img,
.ui-menu a figure img {
    width: 4em;
    min-width: 4em;
    object-fit: cover;
    border-radius: var(--border-radius-xs);
    }

.ui-menu a .cover, .ui-menu a .Descr {
    display: flex;
    }

.ui-menu a .Descr {
    overflow: hidden;
    /*
    flex-wrap: wrap;
    */
    flex: 1;
    flex-direction: column;
    }

.ui-menu a#ShowListAll .Descr {
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: var(--color-Beige);
    opacity: 0.6;
}

.ui-menu a .Descr.flexRowWrap {
    justify-content: center;
    }

.ui-menu a .Descr.flexRowWrap .CTitle { margin-right: 0.5em; }

.ui-menu a .Descr .CTitle { font-weight: normal; }

.ui-menu a .Descr .CTitle,
.ui-menu a .Descr .MTitle {
    color:var(--color-Beige-Dark);
}

.ui-menu a .Descr .CTitle,
.ui-menu a .Descr .MTitle,
.ui-menu a .Descr .Date,
.ui-menu a .Descr .Date:not(.BGLightYello),
.ui-menu a .Descr .Status:not(.BGLightYello) {
    font-size: 0.85em;
    display: inline-flex;
    white-space: normal;}

.ui-menu a .Descr .Place {
    flex: 1 0 100%;
}
.ui-menu a .Descr .Date,
.ui-menu a .Descr .Place,
.ui-menu a .Descr .Status {
    align-items: center;
}

.ui-menu a .Descr .Title {
    font-size: 1.2em;
    color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: block;
    text-overflow: ellipsis;

    white-space: normal;
    line-height: 1.1em;
    }

.ui-menu a .Descr .Date + .Status {
    margin-left: 0.6em;
}

.ui-menu a .label,
.ui-menu a .Descr .Place,
.ui-menu a .Descr .label,
.ui-menu a .Descr .Email:not(.BGLightYello) {
    font-size: 0.85em;
}

.ui-menu a .label,
.ui-menu a .Descr .label {
    color: var(--color-Gray);
}

.ui-menu a .Descr .Email:not(.BGLightYello) {
    line-height: 1em;
    margin-bottom: 0.2em;
    color: var(--color-Beige);
}

.ui-menu a .Descr .Order_ID + .Date  {
    flex: 0 1;
    margin-left: 0.6em;
    color: var(--color-Beige);
}

.ui-menu a .Descr .Date + .Title {
    padding-top: 0.1em;
}

.ui-menu a .Descr .positive.Status {
    font-weight: bold;
}

.ui-menu .ui-menu-item a .Delivery_Icon {
    width: 1em;
    height: 1em;
    font-size: 1.5em;
}

.ui-menu .ui-menu-item a .Delivery_Icon + .Descr,
.ui-menu .ui-menu-item a .Descr + .Delivery_Icon {
    margin-left: 0.6em;
}

.FormBlockDescr .FlagTxt {
    font-size: 1.3em;
    margin-right: 0.2em;
}

.ui-menu a .Descr .RefCode {
    font-weight: bold;
    /*flex: 1 0 100%; */
}
/* Конец резултата поиск с картинками */


.ui-menu a:hover, .ui-menu a:hover *,
.ui-menu a:hover .Descr .Title,
.ui-menu a#ShowListAll:hover .Descr {
    color: #ffffff;
    opacity: 1;
}

.ui-menu a:hover .Status .role_moderator:before, .ui-menu a:hover .Status .role_coordinator:before,
.ui-menu a:hover .Status .role_teacher:before,
.ui-menu a:hover .Status .role_consultant:before,
.ui-menu a:hover .Status .role_admin:before,
.ui-menu a:hover .Status .role_supervisor:before,
.ui-menu a:hover .Status .role_support:before,
.ui-menu a:hover .Status .role_author:before,
.ui-menu a:hover .Status .role_editor:before {
        background-color: var(--color-Beige-Bright);
}

.ui-menu a:hover, .ui-menu a:hover .label,
.ui-menu a:hover, .ui-menu a:hover i, .ui-menu .ui-menu-item a:hover i,
.ui-menu a:hover .Descr .label,
.ui-menu a:hover .Descr .CTitle,
.ui-menu a:hover .Descr .MTitle,
.ui-menu a:hover .Descr .Email:not(.BGLightYello),
.ui-menu a:hover .Descr .Order_ID + .Date {
    color: rgba(255, 255, 255, 0.9);
}

.ui-widget-header,
.ML_Window .Legend,
.ML_YearMonths_Picker .Legend {
    display: flex;
    justify-content: space-between;

    font-weight: bold;
    line-height: 0.95em;
    list-style-type: lower-roman;
    text-transform: uppercase;
    white-space: nowrap;

    background-color: var(--color-Beige);
   color: #fffcf8;
   text-decoration: none;
   text-shadow: -1px -1px 0 #706050;

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

.ui-widget-header {
   flex: 1;
    justify-content: space-between;
    align-items: center;
}

.ui-widget-header {
    margin: 0 -1px 0;
    padding: 3pt 18pt 3pt 4pt;

   border-radius: 0.3em  0.3em 0em  0em !important;
}


.ui-widget-header .ui-datepicker-prev,
.ui-widget-header .ui-datepicker-next {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    box-sizing: border-box;
    margin: 0;}

.ui-widget-header .ui-datepicker-prev {
    border-radius: 0.3em 0 0 0;
    order: 2; }
.ui-widget-header .ui-datepicker-title { order: 2; }

.ui-widget-header .ui-datepicker-next {
    border-radius: 0 0.3em 0 0;
    order: 3; }

.ui-widget-header .ui-dialog-titlebar-close { border-radius: 0 0.3em 0 0; }

.ui-widget-header select, .ui-widget-header input { color: #333333;
font-weight: normal; }

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{

    font-weight: bold;
    /*color: #1c94c4;*/

    border: 0.5pt solid #0082ff;
    color: #f8fcff;
    background:none;

}

.ui-button{

}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #0082ff;
    text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover {
    /*border: 1px solid #fbcb09;*/
    /*background: #fdf5ce url("images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;*/
    /*font-weight: bold;*/
    /*color: #c77405;*/

}
/*.ui-state-active,*/
.ui-autocomplete .ui-menu-item a:hover,
a.ui-state-default:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover,
.ui-dialog-titlebar-close:hover,
.ML_Window .Legend .Close_v:hover,
.ML_Window .Legend .Close:hover,
.ML_Window .Legend .Button:hover,
.ML_Window .Legend .CloseDlg:hover,
.ML_YearMonths_Picker .Close:hover {
    color: #f8fcff;
    background:#20a2ff;

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

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px #50c2ff; }

.ui-autocomplete .ui-menu-item a:hover .Details mark {
    /*color: var(--color-Dark); */
    text-shadow: none;
    background-color: var(--color-Yello_Light-Trans);
    box-shadow: 0 0 var(--border-thin) var(--border-thin) var(--color-Yello_Light-Trans-Border);
}

.ui-datepicker-next:hover { border-left: 1px solid #f8fcff; }
.ui-datepicker-prev:hover { border-right: 1px solid #f8fcff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
    /*color: #c77405;*/
    text-decoration: none;
}
/*.ui-state-active,*/
/*
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background:#20a2ff;

  background:  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#40b2ff), to(#0062df));
background-image: -webkit-linear-gradient(top, #40b2ff, #0062df);
background-image:    -moz-linear-gradient(center top, #40b2ff, #0062df);
background-image:     -ms-linear-gradient(top, #40b2ff, #0062df);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40b2ff', endColorstr='#0062df');
background-image:      -o-linear-gradient(top, #40b2ff, #0062df);
background-image:         linear-gradient(top, #40b2ff, #0062df);
}
*/
/*
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    text-decoration: none;
}
*/

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    /*border: 1px solid #fed22f;
    background: #ffe45c url("images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;*/

    box-shadow: 0 0 2px 1px rgba(0, 98, 223, 0.5);

    color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter:Alpha(Opacity=70); /* support: IE8 */
    font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter:Alpha(Opacity=35); /* support: IE8 */
    background-image: none;
}
.ui-state-disabled .ui-icon {
    filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-default .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
/*.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-active .ui-icon {
    background-image: url("images/ui-icons_ef8c08_256x240.png");
}
.ui-state-highlight .ui-icon {
    background-image: url("images/ui-icons_228ef1_256x240.png");
}*/
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; margin-top: 1px; margin-left: 1px;
    display: none;}
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 0.3em;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0.3em;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 0.3em;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 0.3em;
}


.ui-autocomplete .ui-corner-all {
    border-radius:0;
    border: none;
    }

.ui-autocomplete-input {

    border-radius:0.4em;

    border-collapse:collapse;
    display:inline-block;

    overflow:visible;
    }

.ui-autocomplete-input:focus {
    border-bottom-left-radius:0;
    }

/* Overlays */
.ui-widget-overlay {
    background: #666666;
    opacity: .5;
}
.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000000 url("images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    border-radius: var(--border-radius-norm);
}

.ui-autocomplete .ui-state-hover {
    box-shadow: none; }

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu .ui-menu-item a.flex.ui-menu-item-wrapper {
    display: flex;
    flex: 1 1 100%;
    gap: 0.6em;
    }

.ui-menu .ui-menu-item a:not(.Main) strong {font-size: 1.2em;}
.ui-menu .ui-menu-item a:not(.Main) span:not(.BGLightYello) {
    font-size: 1.1em;
}

.ui-menu a figure.Avatar .Char:not(.BGLightYello) {
    font-size: 1.6em;
}



.ui-menu .ui-menu-item a i {
    /*
font-size: 0.9em!important;
*/
    color: #706050;}

/*
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active{
    color: #ffffff!important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.ui-menu .ui-menu-item a.ui-state-hover i,
.ui-menu .ui-menu-item a.ui-state-active i{
    color: rgba(255, 255, 255, 0.9)!important;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
}
*/


/* Стиль для кликтиповых окон */

.ui-dialog .ui-dialog-titlebar-close:after {
    /*content: "?";*/
    content: "";
    text-decoration: none;
    display: inline-block;
    line-height: 1.1em;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    width: 100%;
    height: 100%;
    background: url(/img/ico_Close_w.svg) no-repeat center;
    background-size: 80%;
}

.ui-dialog-content .StrangeBySAndC {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.2em;
}

.ui-dialog-content .StrangeBySAndC .Title {
    font-weight: bold;
    font-size: 1.1em;
    flex: 1 1 100%;
}
.ui-dialog-content .StrangeBySAndC .text {
    flex: 1 1 100%;
    margin-top: 0.5em;
    line-height: inherit;
}

.StrangeBySAndC dl {
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: min-content;
    gap: 0.3em 0.8em;
    grid-auto-flow: row;
    grid-template-areas:
        ". .";
    flex: 1 1 100%;
    margin-top: 0.2em;
}

.StrangeBySAndC dl dt {
    /*
white-space: nowrap;
*/
    text-align: right;
}

.StrangeBySAndC dl dt:after {
    content: ":";
    display:contents;
}

/*
.ui-dialog-content .StrangeBySAndC div {
display: table-row;}
*/

/*
.ui-dialog-content .StrangeBySAndC span {
    display: table-cell;
    width: 5.8em;
    padding-right: 0em;
}
*/

/*
.ui-dialog-content .StrangeBySAndC span:nth-child(2n) {
    text-align: left;
    width: auto;
}
*/

#BaziChartSett_Window.ML_Window textarea#comments {
    min-height: 5em;
}


/*
    НАЧАЛО: РАЗМЕРЫ ФОРМ
*/

#MingliCurrentAlert_content {
    display: flex;
    flex-direction: column;
}

.BZDataPicker {
    max-width: 50em;
}

.BZDataPicker  section {
    max-height: 50vh;
}

.ML_Window.PromoLogsPopUp,
.ML_Window.EditBonusesPopUp {
    max-width: 75vw;
    min-width: auto;
}


.ML_Window#Sales_by_Product .Result,
.ML_Window.PromoLogsPopUp .Result {
    overflow-y: auto;
    max-height: 40vh;
}

.ML_Window.EditBonusesPopUp .Result {
    overflow-y: auto;
    max-height: 65vh;
}

.ML_Window .Result .ML_Table .ML_THead,
.ML_Window .Result .ML_Table .ML_THeader,
.ML_Window .Result .tabBasket thead {
    position: sticky;
    top: 0;
    background-color: #fff;
    border-bottom: var(--border-style-Norm);
    z-index: 1;
}

.ML_Window .Result .ML_Table .ML_THeader:after,
.ML_Window .Result .tabBasket thead:after {
    content: "";
    display: block;
    border-bottom: var(--border-style-Norm);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    position: absolute;
}

.ML_Window .Result .ML_Table .ML_TFoot {
    position: sticky;
    bottom: 0;
    background-color: #fff;
    border-bottom: var(--border-style-Norm);
    z-index: 1;
}

.ML_Window.HistoryWndClass {
    max-width: 60em;
}


.ML_Window.CuratorsPopUp {
    max-width: 40em;
}

.ChartBuilder .Pillar,
.BZDataPicker .ML_Table {
    flex-direction: column;
}

.ML_Window.BZDataPicker section {
    border: var(--border-style-Blue)
    overflow: visible;
}

.ChartBuilder {
    /*display: flex;
    flex-wrap: nowrap;
    flex-direction: row;*/
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
    grid-template-areas: "Hour Day Month Year";
}

.ChartBuilder.RLT + .ML_Table .Result .Item .Chart {
    flex-direction: row-reverse;
}
.ChartBuilder.RLT {
    grid-template-areas:
        "Year Month Day Hour";
    direction: unset;
}

.Hour {
    grid-area: Hour;
}
.Day {
    grid-area: Day;
}
.Month {
    grid-area: Month;
}
.Year {
    grid-area: Year;
}

.ChartBuilder .Pillar {
    display: inline-flex;
}

.ChartBuilder .Pillar .Select {
    margin-left: 0.6em;
    margin-right: 0.6em;
    margin-bottom: 0.6em;
    margin-top: none;
}

.ChartBuilder .Pillar .Select:first-of-type {
    margin-top: 0;
}

.ChartBuilder .Pillar.Checked .Select {
    background-color: #fff;
}

.ChartBuilder .Pillar {
    /*overflow: hidden;
    z-index: 1;*/
}

.ChartBuilder .Pillar.Checked {
    border: var(--border-style-Blue);
    background-color: var(--color-Gray-input-BG);
}

.ChartBuilder .Pillar:not(:last-child) {
    margin-right: var(--border-thin-minus);
}

.ChartBuilder .Pillar:not(.Checked) {
    border: var(--border-style-Light);
    opacity: 0.5;
    filter: saturate(50%);
    z-index: 0;
}

.ChartBuilder .Pillar:hover {
    box-shadow: var(--box-shadow-Blue-Hover-inset);
    border-color: var(--color-Blue-hover);
    opacity: unset;
    filter: unset;
    z-index: 2;
}

.ChartBuilder .Pillar:first-child {
    border-top-left-radius: var(--border-radius-inputs);
    border-bottom-left-radius:  var(--border-radius-inputs);
    }

.ChartBuilder .Pillar:last-child {
    border-top-right-radius: var(--border-radius-inputs);
    border-bottom-right-radius:  var(--border-radius-inputs);
}

.BZDataPicker .ChartBuilder .Pillar:first-child,
.BZDataPicker .ChartBuilder .Pillar:last-child {
    border-radius: unset;
}

.ChartBuilder .Pillar .Title {
    display: flex;
    align-items: center;
    gap: 0.4em;
    position: relative;
    justify-content: center;
    cursor: pointer;
    padding: 0.3em;
}

.ChartBuilder .Pillar .Title .text {
    font-size: 0.8em;
    text-transform: uppercase;
    color: var(--color-Beige);
}

.ChartBuilder .Pillar.Checked .Title {
    /*
    background-color: var(--color-Blue);
    text-shadow: -1px -1px 0 var(--color-Blue-Dark);
    color: #fff;
    */
}


.BZDataPicker .Result {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*border-top: var(--border-style-Norm);*/
    }

.BZDataPicker .Result .Item {
    display: flex;
    gap: 0.8em;
    padding: 0.6em 1em;
    color: var(--color-Black);
    cursor: pointer;
}

.BZDataPicker .Result .Item:hover {
    background-color: var(--color-Beige-Light_Trans);
}

.BZDataPicker .Result .Item .Chart {
    text-decoration: none;
}

.BZDataPicker .Result .Item:nth-child(2n+1) {
    border-right: var(--border-style-Light-dashed);
}

.BZDataPicker .Result .Item:nth-child(n+3) {
    border-top: var(--border-style-Light-dashed);
}

.BZDataPicker .Result .Item .Details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.2em;
}


.BZDataPicker .Result .Item .Details .Correction_Details {
    display: flex;
    gap: 0.4em;
    color: var(--color-Beige);
    font-size: 0.85em;
    flex-wrap: wrap;
}

.BZDataPicker .Result .Item .Details .Correction_Details time,
.BZDataPicker .Result .Item .Details .Correction_Details .Time,
.BZDataPicker .Result .Item .Details .Correction_Details .Utc,
.BZDataPicker .Result .Item .Details .Correction_Details .Correction {
    white-space: nowrap;
}

.BZDataPicker .Result .Item .Details .Correction_Details svg {
    margin-bottom: unset;
}


.BZDataPicker .Result .Item:hover time {
    color: var(--color-Blue-hover);
    text-decoration: var(--text-decoration-thin);
}

.BZDataPicker .Result .Item time {
    color: inherit;
    font-size: 1.2em;
}

#MiniCalc .CalculatorTwoHourPopUp .Settings,
.ML_Window .Settings {
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    gap: 0.5em;
}
/*
#MiniCalc .CalculatorTwoHourPopUp .Settings {
    padding: 0 0.6em;
}
*/

.PostsStatisticPopUp .Settings {
    flex-direction: unset;
}

.CalculatorTwoHourPopUp .Settings .FormBlock,
.ML_Window .Settings .FormBlock {
    margin: 0;
}

.UsefulData {
    padding: 0 0.6em 0.4em 0.6em;
    justify-content: center;
    text-align: center;
}


/*
Калькулятор двухчасовок
*/

.ML_Window .CalculatorTwoHourPopUp {
    max-height: 94%;
    max-width: unset;
}

.CalculatorTwoHourPopUp {
    max-width: 51em;
}

#MiniCalc {
    display: flex;
    justify-content: center;
    position: relative;
}

#MiniCalc .CalculatorTwoHourPopUp {
    border: var(--border-style-Light);
    border-radius: var(--border-radius-xxl);
    backdrop-filter: var(--backdrop-filter-Header);
    background: var(--color-BG-backdrop-White_Lite);
    box-shadow: var(--box-shadow-ContextMenu);
}

.CalculatorTwoHourPopUp .ML_Table {
    overflow-x: hidden;
    overflow-y: auto;
}
.CalculatorTwoHourPopUp .TwoHours_Result {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.4em 1em 0.4em;
    flex-wrap: wrap;
}

.CalculatorTwoHourPopUp .Form {
    flex-direction: column;
}

.CalculatorTwoHourPopUp .HoursLIst {
    display: inline-flex;
    flex-direction: column;
}

.CalculatorTwoHourPopUp .HoursLIst .Item {
    display: flex;
    padding: 0.2em 0.8em;
    gap: 0.6em;
    border-radius: var(--border-radius-norm);
}

.CalculatorTwoHourPopUp .HoursLIst .Item:hover {
    background-color: var(--color-Beige-Light_Trans);
}

.CalculatorTwoHourPopUp .HoursLIst .Item .Name {
    flex:1;
    line-height: 1.1em;
}

.CalculatorTwoHourPopUp .HoursLIst .Item.Sel {
    box-shadow: var(--box-shadow-Green-Sel-inset), 0 0 0.85em 0 rgba(0, 176, 0, 0.3) inset;
}

.CalculatorTwoHourPopUp .HoursLIst .Item .Name * {
    display: contents;
}

.CalculatorTwoHourPopUp .HoursLIst .Animals {
    --AnimalSize: 2.2em;
    width: var(--AnimalSize);
    height: var(--AnimalSize);
    /*
    font-size: 0.2em;
    */
}

.CalculatorTwoHourPopUp .HoursLIst .Name,
.CalculatorTwoHourPopUp .HoursLIst .Letter {
    display: inline-flex;
    align-items: center;
}

.CalculatorTwoHourPopUp .HoursLIst .Letter {
    font-size: 1.6em;
}

.CalculatorTwoHourPopUp .HoursLIst time {
    text-align: center;
    font-size: 1.1em;
    color: var(--color-Black);
    width: 7em;
}

.CalculatorTwoHourPopUp .HoursLIst time .Start {
    font-weight: bold;
}

.CalculatorTwoHourPopUp .TwoHours_Chart {
    display: inline-flex;
    justify-content: center;
    align-self: normal;
    align-items: center;
    position: relative;
    flex: 1;
    min-width: 17em;
}

.CalculatorTwoHourPopUp .TwoHours_Chart .TimeCoorection {
    display: inline-flex;
    flex-direction: column;
    position: absolute;
    font-size: 1.2em;
    line-height: 1em;
    padding-top: 0.4em;
    text-transform: uppercase;
    align-items: center;
    z-index: 1;
}

.CalculatorTwoHourPopUp .TwoHours_Chart .TimeCoorection time {
    font-weight: bold;
    text-shadow: var(--text-shadow-White);
    color: inherit;
    font-size: 1.2em;
}

.CalculatorTwoHourPopUp .TwoHours_Chart .Rat,
.CalculatorTwoHourPopUp .TwoHours_Chart .TwoRat {
    display: flex;
    position: relative;
    flex: 1;
    max-width: 25em;
}

.CalculatorTwoHourPopUp .TwoHours_Chart .SunrizeSunset,
.CalculatorTwoHourPopUp .TwoHours_Chart .Hours {
    position: absolute;
}

.CalculatorTwoHourPopUp .TwoHours_Chart .SunrizeSunset,
.CalculatorTwoHourPopUp .TwoHours_Chart .TwoHours {
    width: 100%;
    height: 100%;
    object: cover;
}

.CalculatorTwoHourPopUp .TwoHours_Chart .SunrizeSunset {
    opacity: 0.2;
    margin: 0;
}

.CalculatorTwoHourPopUp .TwoHours_LineChart {
    display: flex;
    justify-content: center;
    flex: 1 100%;
    order: 1;
}


#Staff_Details_Window {
    min-width: 35em;
}

#Staff_Details_Window .FBody {
    display: flex;
    flex-direction: column;
    padding-top: 1em;
}

#Staff_Details_Window .label {
    width: 9em;
}

#Staff_Details_Window input {
    flex: 1;
}

#Staff_Details_Window .ProfileName > .text {
    font-size: 1.2em;
}

#Staff_Details_Window .EmployeeName input {
    font-size: 1.3em;
}

#Staff_Details_Window .Amount {
    font-size: 0.7em;
    color: var(--color-Beige);
    position: relative;
    top: -0.2em;
    padding-left: 0.4em;
    padding-right: 0.4em;
}
#Staff_Details_Window .CreditCard_Type {
    width: 0;
    z-index: 10;
    overflow: visible;
    display: inline-block;
    position: relative;
    margin-right: -1em;
    margin-left: 1em;
}

#Staff_Details_Window .CreditCard_Type svg.PayMetods {
    font-size: 0.5em;
    width: fit-content;
}

#Staff_Details_Window .CreditCard_Num {
    padding-left: 4em;
    width: 15em;
}



.Subscribers {
    display: flex;
    flex-direction: column;
}

#GiftPopUp.ML_Window,
.SubscribersPopUp.ML_Window {
    min-width: 40vw;
    max-width: 75em;
    min-height: 22em;
    max-height: 70vh;
}

#GiftPopUp.ML_Window .FBody,
.SubscribersPopUp.ML_Window .FBody {
    padding: 0;
}

.GiftPopUp .FBody,
.SubscribersPopUp .FBody {
    overflow-y: auto;
    counter-reset: Subscribers-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
}

.SubscribersPopUp .FBody {
    display: flex;
    /*flex-direction: column-reverse; */
    gap: 0;
    flex: 1;
}

.SubscribersPopUp .FBody .Subscribers {
    width: 25em;
    order: 1;
    font-size: 0.9em;
}

.SubscribersPopUp .FBody > .Details {
    display: inline-flex;
    align-items: stretch;
    position: sticky;
    top: 0;
    box-shadow: var(--box-shadow-XL-Far);
    min-height: 15em;
    flex: 1;
}

.SubscribersPopUp .FBody > .Details  .tox-tinymce {
    height: 100% !important;
}

#GiftPopUp.ML_Window .FFooter,
.SubscribersPopUp.ML_Window .FFooter {
    margin-top: 0;
}

#SchoolVideoFilemanagerPopUp.ML_Window {
    width: 80vw;
    max-width: 65em;
    max-height: 80vh;
}

#ML_EditSlider_Picker.ML_Window {
    max-width: 80vw;
}

#ML_EditSlider_Picker.ML_Window .FBody {
    display: flex;
    gap: 1em;
}


#ML_EditSlider_Picker.ML_Window .FBody .Cover {
   flex: 3;
   margin-top: 0.8em;
   position: relative;
}

#ML_EditSlider_Picker.ML_Window .FBody .Cover label[for="SliderCover"] {
    margin: 0;
    padding: 0;
}

#ML_EditSlider_Picker.ML_Window .FBody .Cover img {
    width: 100%;
}

#ML_EditSlider_Picker.ML_Window .FBody .Details {
    flex: 4;
}

/*
#ML_EditSlider_Picker.ML_Window .FBody .Details input[type="text"] {
    display: flex;
    flex: 1;
}
*/

#ML_EditPhotoSlider.ML_Window .FBody {

}

#ShopCommentsSliderEditorPopUp.ML_Window .FBody label img,
#ML_EditPhotoSlider.ML_Window .FBody label img {
    min-height: 10em;
    max-height: 15em;
    max-width: 100%;
}

#ML_EditDifficultLevelTextData.ML_Window {
    width: 40em;
}

#ML_EditDifficultLevelImage.ML_Window {
    width: 30em;
}

#ML_EditOurTeachers.ML_Window .FBody input,
#ML_EditSlider_Picker.ML_Window .FBody input,
#ML_EditDifficultLevelImage.ML_Window .FBody input,
#ML_EditDifficultLevelTextData.ML_Window .FBody input {
    flex: 1;
}

#ML_EditDifficultLevelImage.ML_Window .InputFileIMG {
    max-width: 100%;
    max-height: 20em;
}

#ML_EditOurTeachers.ML_Window .InputFileIMG {
    max-width: 100%;
    max-height: 20em;
}

.Castle_Details.ML_Window {
    max-width: 34em;
}

.Castle_Details.ML_Window .FBody {
    max-height: 60vh;
    overflow-y: auto;
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}

.Castle_Details.ML_Window .FBody > :last-child {
    margin-bottom: 0;
}

#ShippingCostManagement.Alert.ML_Window {
    max-width: 40vw;
}

.ExchangeCalculatorPopUp.ML_Window {
    width: 45em;
}

.ExchangeCalculatorPopUp.ML_Window #ExchangeCalculatorInput {
    width: 9em;
}

#MPCDlg.ML_Window {
    max-width: 48em;
}

.EditFolderListPopUp.ML_Window {
    max-width: 55em;
}

#MPCDlg.ML_Window #MPCDlgContent {
    max-height: 28em;
    overflow-x: hidden;
}

#MPCDlg.ML_Window #MPCDlgContentWrapper {
    margin-top: 0.8em;
}

#MPCForm.ML_Window {
    width: 61em;
    height: auto;
}

#Gost_and_Demons.ML_Window .FBody {
    max-width: 35em;
}

/*
#MPCForm #fname {
    width: 24em;
    font-size: 1.2em;
    padding: 0.5em 0.7em 0.5em;
}
*/

#MPCForm #city {
    width: 14em;
}

#MPCForm #lcity {
    width: 16em;
}

#MPCForm .FBody {
    padding-top: 1em;
    overflow-x: hidden;
    max-height: 30em;
}

#MPCForm #sexm ~ .label,
#MPCForm .label.Sex {
    width: auto;
}

#MPCForm .HourTypes + label {
    width: 5.5em;
}

#MPCForm .uselocaltime + label {
    width: 9em;
}

#MPCForm #comments{
    width: 100%;
}

.ML_Window#AddTimecodes,
.ML_Window#SemPopUp,
.ML_Window#CourcePopUp,
.ML_Window#AddFilePopUp {
    width: 50em;
}

.ML_Window#SemPopUp .flex input,
.ML_Window#CourcePopUp .flex input {
    display:flex;
    flex:1;
}

.ML_Window#SemPopUp .flex input#SemName,
.ML_Window#SemPopUp .flex input#CourceNames,
.ML_Window#CourcePopUp .flex input#CourceName {
    font-size: 1.3em;
}

.ML_Window#AddTimecodes .FBody {
    /*
    padding-top: 1em;
    */
}

.ML_Window.TermPopUp #TermSection {
    width: 28em;
}

.ML_Window.TermPopUp #TermSection .FormBlockDescr {
    margin-left: 0.8em;
    margin-right: 0.8em;
}

.ML_Window.TermPopUp #TermSection .Term_Name_popupBlock {
    padding-top: 0.6em;
}

.ML_Window.TermPopUp #Term_Var_popup {
    width: 19em;
}

#Dictionary_Form #Term_Var {
    width: 24em;
}

.ML_Window.TermPopUp #TermSection .FFooter #Term_SaveBotton,
.ML_Window.TermPopUp #TermSection #Term_Name_popup {
    flex: 1;
}

.label.DateofBirth {
    width: 5.5em;
}

.PersonChart {
    display: grid;
    grid-template-columns: min-content 1fr;
    grid-template-rows: repeat(3, min-content);
    grid-auto-columns: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
        "Chart PChart_Main"
        "Chart PChart_Birthday"
        "pCardCity pCardCity"
        "PersonChart_Advanced PersonChart_Advanced"
        "PersonChart_Comment PersonChart_Comment";
    width: 100%;
    height: 100%;
}

.Chart { grid-area: Chart;
    display: inline-flex;
    justify-content: center;
    align-items: flex-start;}

#dialog .Chart {
    padding-left: 0.6em;
    padding-right: 0.6em;
}

.PChart_Main {
    grid-area: PChart_Main;
    display: flex;
    gap: 0.6em;
    }
.PChart_Main .ChartName,
.PChart_Main .ChartName #fname {
    flex: 1;
}

.PChart_Main .ChartName #fname {
    width: auto;
}

.PChart_Main .CalendarType {
    align-self: center;
    width: 9em;
}

.pCardCity { grid-area: pCardCity; }

.PChart_Birthday { grid-area: PChart_Birthday; }

.PersonChart_Advanced {
    grid-area: PersonChart_Advanced;
    }

.PersonChart_Comment {
    grid-area: PersonChart_Comment;
    margin-top: 1em;}

.PersonChart #fname + .label {
    width: 5.5em;
}

.PersonChart .Gender .label {
    width: unset;
}

.PersonChart #BirthdayDate .Date {
    display: inline-flex;
    align-items: center;
    margin: 0 0.6em 0 0.4em;
    font-weight: bold;
}

.PersonChart #BirthdayDate .label {
    width: 5.5em;
}

#MPCForm #birthday,
.PersonChart #BirthdayDate #birthday {
    width: 8em;
}

.PersonChart #lsutc, .PersonChart #sutc, .PersonChart #CurrentUtc,
.PersonChart .UTC {
    width: 10em;
}

.PersonChart #BirthdayDate #hours,
.PersonChart #BirthdayDate #minutes,
.PersonChart #lat,
.PersonChart #lng,
.PersonChart #llat,
.PersonChart #llng,
.PersonChart .Coordinates {
    width: 4.5em;
}

.PersonChart #HourTypes + label {
    width: 6em;
}

.PersonChart #uselocaltime + label {
    width: 9em;
}

#MPCForm input.city,
#MPCForm input.City,
.PersonChart #pCardCity #city,
.PersonChart #pCardLCity #lcity {
    width: 14em;
}

.PersonChart #pCardCity #FormDateTime ~ .label,
.PersonChart .PersonChart_Advanced .label,
.FBody .PersonChart .PersonChart_Advanced .label {
    width: 6.5em;
}

/*
    КОНЕЦ: РАЗМЕРЫ ФОРМ
*/


/* Только экраны */
@media only screen  and (min-width : 800px) {
.ui-widget {
    font-size: 0.9em;
    }
.ui-dialog .ui-dialog-content {
    /*max-width: 30em;*/
    /*max-height: 12em;*/
    }
}

.ui-dialog-content .FormBlock { display: block; }

/* Когда телефон в режиме портрет */

@media screen
    and (max-width: 750px)
    and (max-aspect-ratio: 3 / 4)
    and (orientation: portrait) {


/*
@media screen
    and (orientation:portrait)
    and (-webkit-min-device-pixel-ratio: 1.25)
    and (min-width: 320px)
    and (max-width: 767px) {
*/


.AgreeWindow {
    max-width: 100%;
}

.ML_Window .FBody {
    padding-left: 0;
    padding-right: 0;
}


.ML_Window .FBody .ML_TR {
    max-width: 100vw;
}

.ML_Window .FBody .ML_TR .ML_TD,
.ML_Window.EventChart {
    width: 100%;
}

.ML_Window.HistoryWndClass,
#ML_EditSlider_Picker.ML_Window {
    max-width: 100%;
}

#ML_EditSlider_Picker.ML_Window .FBody .Details {
    max-width: unset;
}

#MainCalcSettings_Window.ML_Window {
    min-width: unset;
}

.ML_Window.CuratorsPopUp,
#ML_EditSlider_Picker.ML_Window .FBody,
#ML_EditDifficultLevelTextData.ML_Window .FBody,
#ML_EditDifficultLevelTextData.ML_Window .FBody {
    max-width: 100vw;
}

#GiftPopUp.ML_Window,
.SubscribersPopUp.ML_Window {
    width: 100vw;
    min-width: unset;
    max-width: unset;
    height: 80vh;
    max-height: unset;
}

.ML_Window.CuratorsPopUp {
    width: 100vw;
    max-height: 80vh;
}

.SubscribersPopUp .FBody {
    flex-direction: column;
}

.SubscribersPopUp .FBody .Subscribers {
    width: unset;
}


#MainCalcSettings_Window.ML_Window,
.ML_Window.EventChart,
.ui-menu {
    max-width: unset;
}

#ML_EditSlider_Picker.ML_Window .FBody {
    flex-direction: column;
    max-height: 70vh;
    overflow-y: auto;
}

.ui-autocomplete-study {
    max-height: 24em;
    width: auto;
}

.ML_Window button,
.ui-widget button.ui-widget {
    font-size: 1.3em;
    }

.ui-menu .ui-menu-item {
    font-size: 1.4em;
}

.ui-datepicker {
    font-size: 1.5em;
    }


.ui-dialog-content #UserRef {
    flex-direction: column;
}

.ui-dialog  .ui-dialog-titlebar,
.ui-dialog .ui-dialog-content {
    font-size: 1em;
    }
.ui-dialog-content #UserRef #UserAvatar {
    font-size: 0.7em;
    margin-bottom: 1em;
    }

.ui-dialog-content #UserRef .UserStats {
    font-size: 1.3em;
}
.ui-dialog-content #UserRef #UserStats .StatsName a.Name {
    font-size: 1.6em;
}

.ui-dialog .ui-dialog-content {
    min-width: 20em;
    max-height: 100vh!important;
    height: inherit!important;
    /*
    font-size: 1.5em;
    */
    }

.ui-dialog .CommentForm .FBody {
    padding-left: unset;
    padding-right: unset;
}

.ui-dialog {
    position: fixed!important;
    width: 100%!important;
    top: 0!important;
    left: 0!important;
    }

.ui-dialog-content .Avatar {
    width: 100%;
    text-align: center;
}

.ui-dialog-content .Avatar .AvatarTD {
    width: 100%;
    height: 2.1em;
}

.ui-dialog-content .Avatar .AvatarTD img {
    width: 100%;
}

.ui-dialog,
.ML_Window,
.ML_YearMonths_Picker {
    box-shadow: 0 0 7em 2em rgba(0,0,0,0.4)!important;
}


.UsersPopUp section .UserBlock {
    grid-auto-columns: 1fr;
    grid-template-columns: min-content 1fr;
    grid-template-rows: repeat(2, min-content);
    grid-template-areas:
    ". ."
    "Lang_Cell Lang_Cell";
}

.UsersPopUp section .UserBlock .Lang_Cell {
    grid-area: Lang_Cell;
    padding-top: 0.2em;}

.UsersPopUp section .UserBlock .UserDate_Cell {
    max-width: inherit;
    width: inherit;

}

.UsersPopUp section .UserBlock .RoleAdmin_Cell,
.UsersPopUp section .UserBlock .UserDate_Cell {
    padding-bottom: 0;
}


#UsersPopUp section .UserBlock .UserDate_Cell *,
#UsersPopUp section .UserBlock .UserDate_Cell .Email {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.2em;
    line-height: 1.2em;
}

    #UsersPopUp .UsersSearch {
    font-size: 1.3em;
    }

    .ui-autocomplete {
    font-size: 0.65em;
        /*
        max-width: 33em!important;
        margin-left: 0.4em;
        */
        max-width: 100%!important;
        margin-left: 0;
        left: 0!important;
        box-sizing: border-box;
    }

   #Alert,
   .ML_Window.Alert,
   .BG_General .ML_Window.Alert {
    max-width: none;
    }


   #Alert, .ML_Window.Alert, #MingliCurrentAlert.ML_Window, #Gost_and_Demons.ML_Window .FBody {
       max-width: none;
   }


    #BaziChartSett_Window.ML_Window,
    #MainCalcSettings_Window.ML_Window,
    #UsersPopUp,
    .ML_Window#SemPopUp,
    .ML_Window#CourcePopUp,
    .ML_Window#Interactions_Window,
    .ML_Window#Gost_and_Demons,
    .ML_Window#AddFilePopUp,
    .EditFolderListPopUp.ML_Window {
        position: fixed!important;
        top: 0;
        left: 0!important;
        max-width: 100%;
   }

    .ML_YearMonths_Picker,
    .ML_YearMonths_Picker.Tacts, .ML_YearMonths_Picker.Years, .ML_YearMonths_Picker.Months, .ML_YearMonths_Picker.Days, .ML_YearMonths_Picker.Hours {
        position: fixed!important;
        max-width: 100%;
    }

    .ML_YearMonths_Picker.Tacts {
        top: unset!important;
        left: 0!important;
        bottom: 0;
    }
    .ML_YearMonths_Picker.Years {
        top: unset!important;
        bottom: 0;
        left: 20vw!important;
    }
    .ML_YearMonths_Picker.Months {
        top: unset!important;
        left: 0!important;
        bottom: 0;
        right: 20vw;
    }

    .ML_YearMonths_Picker.Hours {
        top: unset !important;
        left: unset !important;
        right: 0;
        bottom: 0;
    }

    .ML_YearMonths_Picker.Days {
        top: 0 !important;
    }

   .ML_Window#Interactions_Window {
       font-size: 1.2em;
   }

   .ML_Window,
   #QMDJ_Search_by_Param,
   .HistoryPopUp.ML_Window,
   .HtmlPopUp.ML_Window,
    #PersonalReviewsPopUp.ML_Window {
        position: fixed;

        width: 100%!important;
        max-width: initial;
        max-height: 100vh;

        z-index: 110;
   }

   .ML_Window,
   #MPCDlg.ML_Window,
   #MPCForm.ML_Window,
   #PersonalReviewsPopUp.ML_Window {
       top: 0;
       left: auto!important;
   }

   #Window-LogIn,
    #BaziChartSett_Window.ML_Window,
    #MainCalcSettings_Window.ML_Window,
    .ML_Window.Castle_Details {
        top: 0!important;
        left: 0!important;
    }

   .Castle_Details.ML_Window .FBody {
       padding: 0.8em;
        font-size: 1.2em;
   }

   .ML_Window.EmptyPopUp {
        top: 0!important;
        width: auto!important;
    }

    .ML_Window.TenGodsSCH {
        left: auto!important;
    }

    .ML_Window.ExtendedInfo {
        right: 0!important;
        left: auto;
    }

   .ML_Window .AllBottonLight, .ML_Window .AllBotton,
   .ML_YearMonths_Picker .AllBottonLight, .ML_YearMonths_Picker .AllBotton {
    padding: 0.8em 0.7em 0.8em;
   }


   .ML_Window, .ML_Window .Legend,
   .ML_YearMonths_Picker,
   .ML_YearMonths_Picker .Legend,
   #PersonalReviewsPopUp.ML_Window {
    font-size: 1.1em;
    border-radius: 0;
   }

    .ML_Window.TextSettings,
    body > .ML_Window,
    body > .BG_General .ML_Window,
    #Window-LogIn,
    #MPCForm {
        font-size: 0.8em;
    }


    .ML_Window .AlertBody,
    .BG_General .ML_Window.Alert .FBody {
        font-size: 0.9em;
    }

    .ML_Window .AlertBody {
        width: auto;
    }

    .BG_General .ML_Window.Alert .FBody {
        padding-left: 1em;
        padding-right: 1em;
    }

    .BG_General .ML_Window.Alert .FBody > *:last-child {
        margin-bottom: 0;
    }

    #MingliCurrentAlert #mAlertCityError,
    #MingliCurrentAlert #mAlertCityError,
    #QMDJ_Search_by_Param.ML_Window .Form,
    #QMDJ_Search_by_Param .Attent {
        font-size: 0.8em;
    }

    .ML_YearMonths_Picker,
    #QMDJ_Search_by_Param .DateContent {
        font-size: 1.1em;
    }


    #QMDJ_Search_by_Param.ML_Window section.LinkResult a .DateBlock {
        flex-direction: row;
        align-items: center;
    }
    #QMDJ_Search_by_Param.ML_Window section.LinkResult a .DateBlock .Date {
        margin-right: 0.6em;
    }


    #MPCForm.ML_Window .StolpyMin {
        font-size: 1.1em;
    }

    .ML_Window .CalculatorTwoHourPopUp {
        display: flex;
        flex-direction: column;
        max-height: 96%;
    }

    .CalculatorTwoHourPopUp .TwoHours_Chart .TwoRat {
        max-width: 85vw;
    }

    #MiniCalc .CalculatorTwoHourPopUp {
        border: unset;
        border-radius: unset;
        backdrop-filter: unset;
        background: unset;
    }

    #MiniCalc .CalculatorTwoHourPopUp .Settings {
        font-size: 1.2em;
    }

/*
    .CalculatorTwoHourPopUp .ML_Table {
        overflow-y: auto;
        max-height: unset;
    }
*/

    .CalculatorTwoHourPopUp .HoursLIst .Item {
        padding: 0.1em 0.4em;
    }

    .CalculatorTwoHourPopUp .TwoHours_Chart .HoursLIst {
        order: 1;
        flex: 1;
    }

    .CalculatorTwoHourPopUp .HoursLIst .Animals {
        --AnimalSize: 3.6em;
    }

    .CalculatorTwoHourPopUp .HoursLIst time,
    .CalculatorTwoHourPopUp .HoursLIst .Item .Name {
        font-size: 1.3em;
    }

    .CalculatorTwoHourPopUp .HoursLIst .Letter {
        font-size: 2em
    }

    .CalculatorTwoHourPopUp .TwoHours_Result {
        flex-wrap: wrap;
        justify-content: center;
    }

    .CalculatorTwoHourPopUp .TwoHours_Chart .Hours {
        width: 99.5%;
        height: 99.5%;
     }

    .CalculatorTwoHourPopUp .HoursLIst {
        order: 1;
        flex: 1;
    }

/*
   .BG_General .ML_Window,
*/
   #Window-FeedBack {
    top: unset!important;
    left: unset!important;
    }

   #PersonalReviewsPopUp.ML_Window #SearchComment {
        flex: 1 1 100%;
   }

    .ML_Window form {
        flex: 1;
    }

   .ML_YearMonths_Picker section {
        max-height: 20em;
    }

    .ML_YearMonths_Picker.Days {
        min-width: 24em;
    }

   .ML_Window section {
       max-height: 100%;
   }

   .ML_Window .ML_Table {
       font-size: inherit;
   }

   #BaziChartSett_Window.ML_Window section {
       max-height: 34em;
   }

   #BaziChartSett_Window.ML_Window textarea#comments {
       min-height: 5em;
   }

    #MPCDlg.ML_Window #MPCDlgContent {
        height: 32em;
    }

   #MPCForm #city, #MPCForm #lcity {
        width: 16em;
    }
    #MPCForm #sexm ~ .label,
    #MPCForm .label.Sex {
        display: none;
    }

    #MPCForm.ML_Window {
        max-width: 100%;
        width: 100%;
    }

    #MPCForm #fname {
        width: auto;
        max-width: inherit;
        flex: 1;
    }

    .label.DateofBirth {
        width: auto;
    }

/*
НАЧАЛО: GRiD
*/
/*
Сетка 2х3
*/
 .ML_Grid-Container {
    grid-template-areas:
        "BaziChart_Name BaziChart_Name"
        "BaziChart BaziChart_Birthday"
        "BaziChart_BirtLocation BaziChart_BirtLocation"
        "BaziChart_UsefulGods BaziChart_UsefulGods"
        "BaziChart_Location BaziChart_Location"
        "BaziChart_Comment BaziChart_Comment";
    }

 #BaziChart {
    margin-right: 0.6em;
}

.BaziChart_Comment {
    font-size: 1.2em;
}

/*
.Coordinates,
.Coordinates input, .Coordinates select {
    margin-top: 0;
}

.Coordinates select {
    order: 1;
}
*/

/*
КОНЕЦ: GRiD
*/



/*
НАЧАЛО: Окно редактирования карты
*/


    .ui-dialog-content .FormSubBlock input,
    .ui-dialog-content .FormSubBlock label,
    .ui-dialog-content .FormSubBlock select,
    .ui-dialog-content .FormSubBlock .FormItemConnect {
        margin-left: 0;
        margin-right: 0;
    }

.PersonChart {
    grid-template-areas:
        "Chart PChart_Main"
        "PChart_Birthday PChart_Birthday"
        "pCardCity pCardCity"
        "PersonChart_Advanced PersonChart_Advanced"
        "PersonChart_Comment PersonChart_Comment";
}

.PersonChart .FormBlock.Useful_Gods {
    display: grid;
    grid-template-columns: repeat(5, min-content);
    grid-template-rows: repeat(3, min-content);
    gap: 0em 0em;
    justify-content: center;
    grid-template-areas:
    "label label label label label"
    ". . . . . ";
}

.Useful_Gods .label { grid-area: label; }

.FBody .PersonChart .PersonChart_Advanced .Useful_Gods  .label {
    width: unset;
}

.Useful_Gods label {
    font-size: 1.4em;
}

.PersonChart .PChart_Main {
    align-self: flex-start;
    flex-wrap: wrap;
}

.PersonChart .PChart_Main .FormSubBlock {
    margin-bottom: 0;
}


.PChart_Main .CalendarType {
    width: unset;
}

.Chart {
    width: unset;
    margin-right: 0.6em;
}

.ZWDS_Chart .Chart {
    margin-right: 0;
}

.PersonChart #pCardCity #city, .PersonChart #pCardLCity #lcity {
    width: 13em;
}

/*
КОНЕЦ: Окно редактированя карты
*/


}


/* Когда телефон в режие лендскейп */
@media only screen
and (max-device-width: 1024px)
and (orientation: landscape) {
.ui-widget {
    font-size: 1.1em;
    }
.ui-dialog .ui-dialog-content {
    min-width: 30em;
    max-height: 10em;
    }
}
/*Darkman стили для селектора*/

.Selector{
    position: relative;
    display: inline-block;
    background-color: transparent;
    color: var(--color-Gray-Light);
}

.Selector>input {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="100" width="100"%3E%3Cpath d="M97.625 25.3l-4.813-4.89c-1.668-1.606-3.616-2.41-5.84-2.41-2.27 0-4.194.804-5.777 2.41L50 52.087 18.806 20.412C17.223 18.805 15.298 18 13.03 18c-2.225 0-4.172.804-5.84 2.41l-4.75 4.89C.813 26.95 0 28.927 0 31.23c0 2.346.814 4.301 2.439 5.865l41.784 42.428C45.764 81.174 47.689 82 50 82c2.268 0 4.215-.826 5.84-2.476l41.784-42.428c1.584-1.608 2.376-3.563 2.376-5.865 0-2.26-.792-4.236-2.375-5.932z"/%3E%3C/svg%3E');
    background-position: calc(100% - .4rem), 100% 0;
    background-size:  0.6em;
    background-repeat: no-repeat;
}


.Selector_dropdown {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    left: 0px;
    z-index: 102;
    max-height: 10rem;
    overflow-y: auto;
    background-color: #fff;
    width: fit-content;
    border: 1px solid var(--color-Gray-Light);
    border-top-right-radius: var(--border-radius-inputs);
    border-bottom-left-radius: var(--border-radius-inputs);
    border-bottom-right-radius: var(--border-radius-inputs);
    box-shadow: 0.3em 0.3em 0.8em rgb(0 0 0 / 20%);

}

.Selector_dropdown {
    display: block;
}

.Selector_options{
    margin: 0;
    padding: 0;
    list-style: none;
   /* box-shadow: 0.3em 0.3em 0.8em rgb(0 0 0 / 20%);*/
}

.Selector_option{
    padding: 0.375rem 0.75rem;
    /*box-shadow: 0.3em 0.3em 0.8em rgb(0 0 0 / 20%);*/
    flex-direction: row;
    display: flex;
    border-right: 1px solid var(--color-Gray-Light);
    border-left: 1px solid var(--color-Gray-Light);
    border-top: 1px solid var(--color-Gray-Light);
    margin-top: -1px;
}

.Selector_option_selected{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #e1f5fe;
}


.Selector_option_selected::after {
    width: 0.75rem;
    height: 0.75rem;
    color: #0277bd;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" height="100" width="100" class="svg-inline--fa fa-check fa-w-16" data-icon="check" data-prefix="fas" aria-hidden="true"%3E%3Cpath d="M33.964 85.547l-32.5-32.251a4.935 4.935 0 010-7.017l7.071-7.017a5.027 5.027 0 017.071 0L37.5 60.987l46.894-46.534a5.028 5.028 0 017.07 0l7.072 7.017a4.935 4.935 0 010 7.017l-57.5 57.06a5.027 5.027 0 01-7.072 0z" fill="%230277bd"/%3E%3C/svg%3E');
    background-size: cover;
    content: "";
}

.Selector_option:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#50c2ff), to(#0062df));
    cursor: pointer;
    transition: 0.2s background-color ease-in-out;
}