.radio {
    display: inline-flex;
    border-color: #a0a0a0;
    background-repeat: no-repeat;
    position: relative;
    width: 1em;
    height: 1em;
    z-index: 0
}

.checkbox {
    display: inline-flex;
    border-color: #a0a0a0;
    background-repeat: no-repeat;
    position: relative;
    width: 1em;
    height: 1em;
    z-index: 0;
    fill: #009646
}

.radio:before,.checkbox:before {
    content: '';
    background-color: #fff;
    border-width: .06667em;
    border-style: solid;
    border-color: inherit;
    position: absolute;
    width: 1em;
    height: 1em;
    box-sizing: border-box
}

.radio:before {
    border-radius: 50%
}

.checkbox:before {
    border-radius: .125em
}

.radio.select:after {
    content: '';
    border-radius: 50%;
    background-color: #009646;
    position: absolute;
    top: .3335em;
    right: .3335em;
    bottom: .3335em;
    left: .3335em
}

.checkbox svg {
    pointer-events: none;
    position: absolute;
    margin: 0 1px
}

.checkbox:not(.select) svg {
    display: none
}

.checkboxThreeState:after {
    content: '';
    display: block;
    border: 3px solid transparent;
    background: #a0a0a0;
    background-clip: content-box;
    border-radius: .075em;
    position: absolute;
    width: 1em;
    height: 1em;
    box-sizing: border-box
}

.checkboxDisabled.select,.gridCheckboxDisabled .checkbox.select {
    fill: #b3b3b3
}

.radioDisabled {
    border-color: #b3b3b3
}

.checkboxDisabled:before {
    opacity: .5
}

.radioDisabled.select:after,.checkboxThreeState.checkboxDisabled:after {
    background-color: #b3b3b3
}

.radio:not(.radioDisabled):HOVER,.radio:not(.radioDisabled):ACTIVE,.checkbox:not(.checkboxDisabled):HOVER,.checkbox:not(.checkboxDisabled):ACTIVE,.ecsMembersItem:HOVER .checkbox:not(.checkboxDisabled),.ecsMembersItem:ACTIVE .checkbox:not(.checkboxDisabled) {
    border-color: #4b4b4b
}

.checkboxThreeState:not(.checkboxDisabled):HOVER:after,.checkboxThreeState:not(.checkboxDisabled):ACTIVE:after,.ecsMembersItem:HOVER .checkboxThreeState:not(.checkboxDisabled):after,.ecsMembersItem:ACTIVE .checkboxThreeState:not(.checkboxDisabled):after {
    background-color: #4b4b4b
}

.radio:not(.radioDisabled):ACTIVE:before,.checkbox:not(.checkboxDisabled):ACTIVE:before,.ecsMembersItem:ACTIVE .checkbox:not(.checkboxDisabled):before {
    -webkit-box-shadow: 0 .1em .2em -0.1em #000 inset;
    box-shadow: 0 .1em .2em -0.1em #000 inset
}

.ICompactWeb .grid .checkbox {
    margin-top: 2px
}

.ICompactWeb .radio.zoomI,.zoomLess85 .radio.zoomI,.zoom85 .radio.zoomI,.ICompactWeb .checkbox.zoomI:before,.zoomLess85 .checkbox.zoomI:before,.zoom85 .checkbox.zoomI:before,.ICompactWeb .checkbox.zoomI:after,.zoomLess85 .checkbox.zoomI:after,.zoom85 .checkbox.zoomI:after,.zoomLess85 .checkbox.zoomI {
    font-size: 12px
}

.ICompactWeb .checkbox.zoomI:after,.zoomLess85 .checkbox.zoomI:after,.zoom85 .checkbox.zoomI:after {
    border-width: 2px
}

.radio.zoomI,.checkbox.zoomI:before,.checkbox.zoomI:after {
    font-size: 15px;
    margin: 1px
}

.zoom125 .radio.zoomI,.zoom125 .checkbox.zoomI:before {
    font-size: 19px
}

.zoom125 .checkbox.zoomI:after {
    font-size: 19px;
    border-width: 4px
}

.zoom150 .radio.zoomI,.zoom150 .checkbox.zoomI:before {
    font-size: 23px
}

.zoom150 .checkbox.zoomI:after {
    font-size: 23px;
    border-width: 5px
}

.zoom175 .radio.zoomI,.zoom175 .checkbox.zoomI:before {
    font-size: 27px
}

.zoom175 .checkbox.zoomI:after {
    font-size: 27px;
    border-width: 6px
}

.zoom200 .radio.zoomI,.zoom200 .checkbox.zoomI:before {
    font-size: 30px;
    margin: 2px
}

.zoom200 .checkbox.zoomI:after {
    font-size: 30px;
    margin: 2px;
    border-width: 7px
}

.zoom300 .radio.zoomI,.zoom300 .checkbox.zoomI:before {
    font-size: 45px;
    margin: 3px
}

.zoom300 .checkbox.zoomI:after {
    font-size: 45px;
    margin: 3px;
    border-width: 9px
}

.zoom400 .radio.zoomI,.zoom400 .checkbox.zoomI:before {
    font-size: 60px;
    margin: 4px
}

.zoom400 .checkbox.zoomI:after {
    font-size: 60px;
    margin: 4px;
    border-width: 12px
}

.switch {
    position: absolute;
    width: 100%;
    height: 100%
}

.switchProgress {
    border-radius: .375em;
    background-color: #b3b3b3;
    position: absolute;
    height: .7875em;
    top: .25em;
    right: .0625em;
    left: .0625em;
    overflow: hidden
}

.switchProgress:before {
    content: '';
    background-color: #009646;
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0
}

.switchSlider {
    display: flex;
    position: absolute;
    width: 100%
}

.switchSlider:before {
    content: '';
    display: block;
    width: 0
}

.switchSlider:after {
    content: '';
    display: block;
    flex: 0 0 auto;
    border: .0625em solid rgba(0,0,0,0.37);
    border-radius: 50%;
    background: #fff;
    background-clip: content-box;
    width: 1.25em;
    height: 1.25em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0 0 0 .625em #fff inset,0 .0625em 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 0 .625em #fff inset,0 .0625em 0 0 rgba(0,0,0,0.2)
}

.switch:not(.switchDisabled):HOVER .switchSlider:after,.switch:not(.switchDisabled):ACTIVE .switchSlider:after {
    border-color: rgba(0,0,0,0.6)
}

.switchDisabled .switchSlider:after {
    -webkit-box-shadow: 0 0 0 1em #e6e6e6 inset;
    box-shadow: 0 0 0 1em #e6e6e6 inset
}

.switchDisabled .switchProgress {
    opacity: .5
}

.switchDisabled .switchSlider:after {
    border-color: rgba(0,0,0,0.2)
}

.select.switch .switchProgress:before,.select.switch .switchSlider:before {
    width: 100%
}

.switchProgress:before,.switchSlider:before {
    transition: width .2s;
    -webkit-transition: width .2s;
    -moz-transition: width .2s;
    -ms-transition: width .2s
}

.checkboxReadOnly:before,.gridCheckboxReadOnly .checkbox:before,.gridCheckboxDisabled .checkbox:before {
    content: none
}

.checkboxReadOnly.checkboxThreeState:after,.gridCheckboxReadOnly .checkboxThreeState:after {
    background-color: #4b4b4b!important
}

.gridCheckboxDisabled .checkbox.checkboxThreeState:after {
    background-color: #b3b3b3!important
}

.radioLabel {
    position: relative;
    top: 0;
    outline: none;
    font-size: 1em;
    white-space: pre-wrap
}

.radioTable {
    height: 100%;
    width: 100%
}

.radioTable td {
    vertical-align: top
}

.radioTable td+td {
    padding-left: 5px
}

.radioLabel.focus {
    outline: 1px dotted #030514;
    outline-offset: -1px
}

.radioLabel span {
    position: relative
}

@font-face {
    font-family: 'Almarai';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Almarai'),local('Almarai-Regular'),url(e1csys/mngcore/Almarai-Regular.woff2?sysver=8.3.27.1719) format('woff2'),url(e1csys/mngcore/Almarai-Regular.woff?sysver=8.3.27.1719) format('woff');
    unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC
}

@font-face {
    font-family: 'Almarai';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Almarai Bold'),local('Almarai-Bold'),url(e1csys/mngcore/Almarai-Bold.woff2?sysver=8.3.27.1719) format('woff2'),url(e1csys/mngcore/Almarai-Bold.woff?sysver=8.3.27.1719) format('woff');
    unicode-range: U+0600-06FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE80-FEFC
}

.fullSize {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

html {
    color: #4b4b4b;
    background: #fff;
    text-align: left
}

html[dir=rtl] {
    text-align: right
}

html[dir=rtl] .rtlScale {
    transform: scaleX(-1)
}

body,div,p,th,td,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select {
    margin: 0;
    padding: 0
}

a,*[tabindex] {
    outline: medium none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

button,caption,code,em,input,optgroup,option,select,strong,textarea,th,var {
    font: inherit
}

li {
    list-style: none
}

body {
    overflow: hidden!important;
    color: #4b4b4b;
    background-color: #fff;
    cursor: default;
    font-family: 'Almarai', Arial, sans-serif;
    font-size: 10pt;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

textarea {
    overflow: auto;
    resize: none
}

.ico {
    display: inline-flex
}

.zoomI {
    font-size: 16px
}

.iHoverRound:not(.disabled):HOVER:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 0 1em inset
}

.ipad input,.ipad-safari6 input,.ipad textarea,.ipad-safari6 textarea {
    -webkit-appearance: none
}

input,textarea {
    border: 0 none;
    text-align: inherit;
    -ms-user-select: text;
    -moz-user-select: text;
    -webkit-user-select: text
}

input:focus,input:active,textarea:focus,textarea:active,button:focus,button:active {
    outline: medium none;
    outline-width: 0
}

button::-moz-focus-inner {
    border: 0
}

input::-ms-clear {
    display: none
}

textarea::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

textarea::-ms-reveal {
    display: none
}

::-webkit-caps-lock-indicator {
    display: none;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

::-webkit-contacts-auto-fill-button {
    display: none;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

::-webkit-credentials-auto-fill-button {
    display: none;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    right: 0
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis
}

.is-user-select-disabled {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.surface {
    background-color: rgba(255,255,255,0.01);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.preloader {
    z-index: 505;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff
}

.hiddenContainer {
    position: absolute;
    visibility: hidden;
    top: -100000px
}

.anchor {
    position: absolute;
    max-width: 0;
    max-height: 0
}

body {
    scrollbar-arrow-color:#999;scrollbar-base-color:#ccc;scrollbar-face-color:#ccc;scrollbar-3dlight-color: #ccc;
    scrollbar-darkshadow-color: #ccc;
    scrollbar-highlight-color:#ccc;scrollbar-shadow-color:#ccc;scrollbar-track-color:#fafafa}

svg {
    fill: inherit;
    position: relative;
    width: inherit;
    height: inherit;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none
}

.ico {
    fill: #4b4b4b;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 16px;
    height: 16px
}

.ico-24 {
    padding: 4px
}

.fillW {
    fill: #fff
}

.iHoverRound:not(.disabled):HOVER:before {
    content: '';
    border-radius: 50%;
    opacity: .15;
    -webkit-box-shadow: 0 0 0 1em inset;
    box-shadow: 0 0 0 1em inset;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.tooltip {
    position: absolute;
    border: 1px solid #000;
    background-color: #ffffe1;
    width: 200px;
    height: auto;
    left: 0;
    top: -2000px;
    z-index: 20000;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.tooltip table {
    width: auto;
    height: auto;
    table-layout: auto;
    border-collapse: collapse
}

.psWin .header {
    box-shadow: 17px 0 10px -9px #fafafa inset,-17px 0 10px -9px #fafafa inset;
    -webkit-box-shadow: 17px 0 10px -9px #fafafa inset,-17px 0 10px -9px #fafafa inset
}

.headerNoActive {
    background: #a9a9a9;
    box-shadow: none!important;
    -webkit-box-shadow: none!important
}

.frameCommand,.command,.commandRight,.commandSeparator,.framePress,.press {
    height: inherit
}

.command {
    position: relative;
    width: calc(100% + 1px);
    z-index: 0;
    word-spacing: 1.2em;
    word-break: break-all
}

.command:before {
    content: ' ';
    display: inline-block;
    float: right;
    font-size: 1px;
    width: 1px;
    height: inherit
}

.commandRight {
    float: right;
    text-align: right;
    word-spacing: 0
}

.commandSeparator {
    vertical-align: top;
    word-spacing: 0
}

.commandSeparatorCompact {
    white-space: pre
}

.commandSeparatorCompact .framePress {
    margin-left: -1px
}

.commandSeparatorCompact .pressFirst+.framePress {
    margin-left: 0
}

.commandSeparatorCompact .pressBefore {
    font-size: 0
}

.commandSeparatorCompact .pressBefore:first-child+.framePress .pressOval,.commandSeparatorCompact .pressFirst+.framePress .pressOval {
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px
}

.commandSeparatorCompact .framePress:last-child .pressOval,.commandSeparatorCompact .pressLast+.framePress .pressOval {
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px
}

.commandSeparatorCompact .press {
    border-radius: 2px
}

.commandFieldBox {
    display: inline-block;
    position: relative;
    width: 15em;
    height: inherit;
    vertical-align: top
}

.commandFieldBox .field {
    position: relative
}

.commandFieldBox+.commandFieldBox {
    margin-left: .7em
}

.commandAlignCenter,.commandAlignCenter .commandRight {
    text-align: center
}

.commandAlignCenter .command {
    display: inline-block
}

.commandAlignRight {
    text-align: right
}

.lfl .command {
    height: 26px;
    top: 2px;
    overflow: hidden
}

.framePress {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.framePressSearch {
    display: inline-block;
    width: 3.1em;
    height: inherit
}

.pressDisplay,.pressDisplay+.framePress {
    display: none
}

.pressBefore:first-child {
    display: inline-block;
    width: .000001em;
    height: inherit;
    vertical-align: top
}

.pressBeforeMore:first-child {
    width: 0
}

.pressBefore:before {
    content: ' ';
    font-size: 2.4em
}

.press:before,.press i,.press i:before {
    border-radius: inherit
}

.press {
    display: inline-block;
    border-radius: 2px;
    color: #4b4b4b;
    font-size: 1em;
    position: relative;
    margin: 0;
    vertical-align: top;
    word-spacing: normal;
    z-index: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.press:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    margin-right: -100%;
    vertical-align: middle
}

.press:after {
    content: '';
    background-color: rgba(255,255,255,0.01);
    position: absolute;
    top: 2px;
    right: 2px;
    left: 2px;
    bottom: 3px
}

.pressImg,.pressBox,.pressDrop {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.pressImg {
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    max-height: 100%;
    margin: 0 .45em
}

.pressCommand .pressImg {
    background-size: contain
}

.pressBox {
    border-width: 0 .975em;
    border-style: solid;
    border-color: transparent;
    line-height: 1.2;
    text-align: center;
    text-decoration: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.pressCommand .pressImg+.pressBox {
    border-left-width: .075em
}

.press i {
    background-image: url(e1csys/mngsrv/_pressBottom.png?sysver=8.3.27.1719),url(e1csys/mngsrv/_pressTop.png?sysver=8.3.27.1719);
    background-repeat: repeat-x;
    background-position: left bottom,0 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    left: 0;
    z-index: -1
}

.press i:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.press:ACTIVE span {
    top: 1px
}

.lfl .pressCommand .pressImg {
    margin: 0 5px
}

.pressCommand,.pressButton {
    padding-bottom: 1px
}

.pressCommand {
    padding-right: 1px;
    padding-left: 1px
}

.pressNone,.pressLink {
    padding-right: 0;
    padding-left: 0
}

.press i {
    border: 1px solid #b2b2b2;
    border-bottom-color: #929292;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,0.2);
    box-shadow: 0 1px 0 0 rgba(0,0,0,0.2)
}

.press:HOVER i:before,.press:ACTIVE i:before {
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.3)
}

.press:ACTIVE i {
    background-image: none;
    -webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.2) inset;
    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2) inset
}

.pressOval {
    border-radius: 250px
}

.pressChecked i {
    border-color: #a0a0a0;
    background-image: url(e1csys/mngsrv/_pressChecked.png?sysver=8.3.27.1719);
    background-position: 0 0;
    -webkit-box-shadow: 0 2px 0 -1px rgba(0,0,0,0.2) inset;
    box-shadow: 0 2px 0 -1px rgba(0,0,0,0.2) inset
}

.pressChecked i:before {
    background-color: rgba(0,0,0,0.05)
}

.pressChecked:HOVER i:before {
    background-color: rgba(0,0,0,0.02)
}

.pressChecked:ACTIVE i:before {
    background-color: rgba(0,0,0,0.08)
}

.pressActive i,.pressNone i,.pressLink i {
    display: none
}

.pressNone,.pressLink {
    cursor: pointer;
    border-radius: 0!important
}

.pressNone .pressImg,.pressLink .pressImg {
    margin: 0 .15em
}

.pressNone .pressBox,.pressLink .pressBox {
    border-width: 0 .15em!important
}

.pressNone:ACTIVE span,.pressLink:ACTIVE span {
    top: 0
}

.focus.pressNone:after,.focus.pressLink:after {
    right: 0;
    left: 0
}

.pressLink {
    color: #1c55ae
}

.pressNone:HOVER .pressBox,.pressNone:ACTIVE .pressBox {
    text-decoration: underline
}

.pressImgRight .pressBox+.pressImg {
    margin-left: -0.45em
}

.pressImgRight.pressNone .pressBox+.pressImg {
    margin-left: .15em
}

.focus.pressActive i,.pressActive.pressChecked i,.pressActive:HOVER i {
    display: block
}

.focus.pressCommand:after {
    border: 1px dotted #000;
    border-image: url(e1csys/mngsrv/_focus.png?sysver=8.3.27.1719) 1 1 1 1 repeat repeat
}

.focus.pressButton.pressNone:after {
    border: 1px dotted #000;
    border-image: url(e1csys/mngsrv/_focus.png?sysver=8.3.27.1719) 1 1 1 1 repeat repeat;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px
}

.pressDefault i {
    border: 1px solid #aa9628;
    border-bottom-color: #907f22
}

.press:HOVER i:before {
    background-color: rgba(255,255,255,0.08)
}

.press:ACTIVE i:before {
    background-color: rgba(0,0,0,0.05)
}

.pressDefault i {
    background-color: #ffdc00
}

.pressBeforeMore+.framePress {
    display: none
}

.pressMorePadding {
    display: none;
    float: right;
    width: .65em;
    height: inherit;
    background: rgba(0,0,0,0)
}

.pressMore .pressBox {
    border-right-width: 1.35em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.pressBeforeMore {
    display: none!important
}

.command .pressDisabled {
    z-index: -1
}

.frameButton {
    display: block;
    position: relative;
    height: 100%
}

.pressButton {
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.pressButton .pressImg {
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 0
}

.pressButton .pressBox {
    border-width: 0 .9em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.pressButton .pressImg+.pressBox {
    padding-left: 16px
}

.pressButton.pressImgRight .pressImg {
    left: auto;
    right: 0
}

.pressButton.pressImgRight .pressBox {
    padding: 0 16px 0 0
}

.pressButton span:only-of-type {
    position: relative
}

.frameButton.pressDisabled:after {
    content: '';
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.frameButton.pressDisabled .press:after {
    border-radius: 2px;
    background-color: rgba(255,255,255,0.5);
    top: 0;
    right: 0;
    bottom: 1px;
    left: 0
}

.frameButton.pressDisabled .pressActive:after,.frameButton.pressDisabled .pressNone:after {
    content: none!important
}

.frameButton.pressDisabled .pressActive,.frameButton.pressDisabled .pressNone {
    opacity: .5
}

#editDropDown {
    color: #333;
    background-color: #fff;
    border: 1px solid #b3b3b3;
    position: absolute;
    overflow: hidden;
    width: inherit;
    height: inherit
}

#editDropDown>div+div {
    border-top: 1px solid #b3b3b3
}

.eddSeparator {
    border-top: 1px solid #b3b3b3;
    margin: .075em 0
}

.eddList {
    margin: .075em 0
}

.eddMiddle {
    height: inherit;
    overflow-y: auto;
    overflow-x: hidden;
    white-space: nowrap;
    line-height: 2.175em
}

.eddList LI {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .6em;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis
}

.eddList LI div,.eddSearch {
    margin: 0 .6em
}

.eddIco {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1em;
    height: 1em;
    fill: #4d4d4d
}

.anchor:not(.globalSearchMode) .eddList LI.select {
    background-color: #facc1f
}

.noselect {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none
}

.subSurface {
    background-image: url(e1csys/mngsrv/empty.gif?sysver=8.3.27.1719);
    outline: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.cloud {
    background: #fff;
    position: absolute;
    overflow: hidden;
    line-height: 1.2;
    border: 1px solid #b0b0b0;
    outline: 1px solid #a0a0a0;
    -webkit-box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.65);
    box-shadow: 3px 3px 3px -1px rgba(0,0,0,0.65)
}

.cloudBox {
    display: -ms-flexbox;
    -ms-flex-direction: column;
    display: flex;
    flex-direction: column;
    padding: 0 10px 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.cloudRow {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    overflow: hidden
}

.spriteTaxi {
    display: inline-block;
    background-image: url(e1csys/mngsrv/_spriteTaxi.png?sysver=8.3.27.1719);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    vertical-align: middle
}

.iPressHover:HOVER:before {
    content: '';
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.12);
    z-index: -1
}

.iPressHover:HOVER {
    background-color: rgba(255,255,255,0)
}

.pressIco {
    display: -ms-inline-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    z-index: 0
}

.pressIco>* {
    align-self: center
}

.pointer {
    cursor: pointer
}

.i12 {
    width: 12px;
    height: 12px
}

.i24 {
    width: 24px;
    height: 24px
}

.i64 {
    width: 64px;
    height: 64px
}

.bold {
    font-weight: bold
}

.m-4 {
    margin: 4px
}

.m-8 {
    margin: 8px
}

.mt-2 {
    margin-top: 2px
}

.mt-8 {
    margin-top: 8px
}

.mt-12 {
    margin-top: 12px
}

.mt-20 {
    margin-top: 20px
}

.mt-24 {
    margin-top: 24px
}

.dots {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.frameTopline {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    height: 46px
}

.topline {
    align-items: center;
    font-size: 14pt;
    font-weight: normal;
    position: absolute;
    height: 25px;
    right: 0;
    left: 0;
    padding: 12px;
    line-height: 1.2em;
    overflow: hidden
}

.toplineLeft,.toplineCenter,.toplineRight {
    position: relative;
    height: inherit;
    z-index: 0
}

.toplineLeft {
    border-right: 12px solid transparent;
    white-space: nowrap
}

.toplineCenter {
    align-items: center;
    padding-left: 32px
}

.toplineRight {
    padding-right: 12px
}

.toplineRight>a {
    float: right;
    margin-bottom: 30px;
    margin-left: 6px
}

.toplineRight .pressBox {
    border-left-width: 0;
    font-size: 10pt
}

.toplinePress,.toplineStar {
    display: none
}

.toplineBox,.toplineBoxTitle {
    display: block;
    overflow: hidden
}

.toplineBox {
    position: relative;
    width: 100%;
    min-width: 2em;
    height: 1.2em
}

.toplineBox:after {
    content: attr(data-title);
    display: block;
    color: #000;
    position: absolute;
    width: 100%;
    top: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    z-index: 0
}

.toplineBoxTitle {
    position: absolute;
    right: 0;
    top: -1.2em;
    left: 0;
    z-index: 1
}

.toplineBoxTitle:before {
    content: attr(title);
    display: inline-block;
    color: transparent;
    word-break: break-all
}

.notNormalMainWindowMode .toplineCenter {
    padding-left: 0
}

.cloud .toplineLeft {
    display: none
}

.cloud .toplineCenter {
    padding-left: 0
}

.cloud .toplineStar {
    position: relative
}

.cloud .toplineBox {
    border-left-width: 8px
}

.iCloseBig {
    background-position: -180px 0
}

.flexCenter {
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center
}

.flex {
    display: -ms-flexbox
}

.flex-column {
    display: -ms-flexbox;
    -ms-flex-direction: column
}

.flex-inline {
    display: -ms-inline-flexbox
}

.flex-wrap {
    -ms-flex-wrap: wrap
}

.flex-ai-start {
    -ms-flex-item-align: flex-start
}

.flex-ai-center {
    -ms-flex-item-align: center
}

.flex-as-start {
    -ms-flex-item-align: start
}

.flex-as-center {
    align-self: center
}

.flex-jc-center {
    -ms-flex-pack: center
}

.flex-jc-end {
    -ms-flex-pack: end
}

.flex-0-0-auto {
    -ms-flex: 0 0 auto
}

.flex-0-0-100 {
    -ms-flex: 0 0 100%
}

.flex-0-1-auto {
    -ms-flex: 0 1 auto
}

.flex-0-1-100 {
    -ms-flex: 0 1 100%
}

.flex-1-0-auto {
    -ms-flex: 1 0 auto
}

.flex-1-0-100 {
    -ms-flex: 1 0 100%
}

.flex-1-1-auto {
    -ms-flex: 1 1 auto
}

.flex-1-1-100 {
    -ms-flex: 1 1 100%
}

.ie .authWindow .flex-1-1-100 {
    flex: 1 1 auto
}

.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center
}

.flex {
    display: flex
}

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

.flex-inline {
    display: inline-flex
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-ai-start {
    align-items: flex-start
}

.flex-ai-center {
    align-items: center
}

.flex-as-start {
    align-self: start
}

.flex-jc-center {
    justify-content: center
}

.flex-jc-end {
    justify-content: flex-end
}

.flex-jc-between {
    justify-content: space-between
}

.flex-0-0-auto {
    flex: 0 0 auto
}

.flex-0-0-100 {
    flex: 0 0 100%
}

.flex-0-1-auto {
    flex: 0 1 auto
}

.flex-0-1-100 {
    flex: 0 1 100%
}

.flex-1-0-auto {
    flex: 1 0 auto
}

.flex-1-0-100 {
    flex: 1 0 100%
}

.flex-1-1-auto {
    flex: 1 1 auto
}

.flex-1-1-100 {
    flex: 1 1 100%
}

.color-link {
    color: #1c55ae;
    fill: #1c55ae
}

.color-gray-7 {
    color: #a0a0a0
}

.webBtn {
    font-size: 1em;
    color: #4d4d4d;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.3);
    height: 1.8em;
    padding: 0 1em;
    cursor: default;
    word-spacing: normal;
    -webkit-box-shadow: 0 -1em 1em -1em rgba(0,0,0,0.21) inset;
    box-shadow: 0 -1em 1em -1em rgba(0,0,0,0.21) inset
}

.webBtn:not(:disabled):HOVER {
    border: 1px solid rgba(0,0,0,0.6)
}

.webBtn:not(:disabled):ACTIVE {
    border: 1px solid rgba(0,0,0,0.6);
    background-color: #f2f2f2;
    -webkit-box-shadow: none;
    box-shadow: none
}

.webBtn:focus {
    outline: #777 dotted 1px;
    outline-offset: -3px
}

.webBtn+.webBtn {
    margin: 0 .5em
}

.webBtn:disabled {
    opacity: .75
}

.messageBoxMsg {
    background-color: #fff;
    overflow: auto;
    padding: 0 10px 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

#messageBoxContainer {
    color: #333;
    padding: 0 10px 10px;
    white-space: pre;
    overflow: hidden
}

.panelsBorder {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.4)
}

.editArea {
    font: inherit;
    color: inherit;
    border: 0 none;
    background: transparent;
    line-height: 1.2em!important;
    width: 100%;
    height: 100%;
    max-height: 100%;
    text-align: inherit
}

.resize {
    display: inline-block;
    position: absolute;
    min-width: 10px;
    min-height: 10px
}

.resizeTL,.resizeTC {
    top: -4px
}

.resizeTR {
    top: -4px;
    right: -4px
}

.resizeCR {
    right: -4px
}

.resizeBR {
    right: -4px;
    bottom: -4px
}

.resizeBC,.resizeBL {
    bottom: -4px
}

.resizeTL,.resizeBL,.resizeCL {
    left: -4px
}

.resizeTC,.resizeBC {
    left: 6px;
    right: 6px
}

.resizeCR,.resizeCL {
    top: 6px;
    bottom: 6px
}

.resizeTL {
    cursor: nw-resize
}

.resizeTC {
    cursor: n-resize
}

.resizeTR {
    cursor: ne-resize
}

.resizeCR {
    cursor: e-resize
}

.resizeBR {
    cursor: se-resize
}

.resizeBC {
    cursor: s-resize
}

.resizeBL {
    cursor: sw-resize
}

.resizeCL {
    cursor: w-resize
}

.tar,.taE {
    text-align: right
}

[dir=rtl] .taE {
    text-align: left
}

.color-black-2 {
    color: #4d4d4d
}

.hover-line {
    text-decoration: none
}

.hover-line:HOVER {
    text-decoration: underline;
    cursor: pointer
}

.authWindow {
    background: #fff;
    position: relative;
    padding: 1.8em;
    overflow: hidden;
    line-height: 1.2;
    box-sizing: border-box
}

.desktop .authWindow {
    border: 1px solid #b0b0b0;
    width: 360px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.25)
}

.authTop {
    display: flex;
    justify-content: space-between
}

.authLogo {
    flex: 0 0 auto;
    background: url(e1csys/mngsrv/_logo.svg?sysver=8.3.27.1719) no-repeat center center;
    background-size: 100% 100%;
    width: 4.8em;
    height: 2.4em
}

.authWindow .frameTopline {
    position: relative;
    height: auto
}

.authWindow .topline {
    font-size: 10pt;
    position: relative;
    height: inherit;
    margin-top: .6em;
    padding: 0
}

.authWindow .toplineCenter {
    font-weight: bold;
    padding: 0;
    margin: .6em 0
}

.authWindow .toplineLink {
    display: flex;
    align-items: center;
    padding: 8px 1px;
    margin-bottom: .6em
}

.authWarning,.authError {
    padding: .6em;
    margin-bottom: 1.5em;
    text-align: center
}

.authWarning {
    background: #fdf5db
}

.authError {
    background: #fae7e7;
    color: #d10a11
}

.authWait form,.authWait .authBot {
    pointer-events: none
}

.authWait .authFocus,.authWait .authCheck,.authWait .webBtn {
    opacity: .75
}

.authField {
    position: relative;
    margin-bottom: 1.8em;
    line-height: 1.2;
    z-index: 0
}

.authWait .authField:after,.authField.disabled:after {
    content: '';
    background: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.authInput {
    background: transparent;
    border-radius: 3px;
    border: 1px solid #a0a0a0;
    width: 100%;
    max-width: 100%;
    height: 2.4em;
    box-sizing: border-box
}

.authCheck {
    background: transparent;
    border: 1px solid #a0a0a0;
    max-width: 100%;
    box-sizing: border-box
}

html[dir=ltr] .authInput {
    margin: 0 -2.1em 0 0;
    padding: 0 2.1em 0 .9em
}

html[dir=rtl] .authInput {
    padding: 0 .9em 0 2.1em;
    margin: 0 0 0 -2.1em;
    text-align: right
}

.authInputBtn {
    fill: #4d4d4d;
    position: relative;
    width: 2.1em;
    padding-top: 1px
}

.authInputBtn svg {
    opacity: .75;
    transform: inherit
}

.authListBtn:before {
    opacity: .75;
    transform: inherit;
    content: '';
    display: inline-block;
    border-style: solid;
    border-color: #4d4d4d transparent transparent
}

.authInputBtn svg {
    width: 1.5em;
    height: 1.5em
}

.authInput:focus {
    border-color: #f3ce4c;
    box-shadow: 0 0 0 1px #f3ce4c
}

.desktop .authInputBtn {
    margin: 0 -1px;
    box-shadow: -1px 0 0 0 #a0a0a0
}

html[dir=rtl] .desktop .authInputBtn {
    box-shadow: 1px 0 0 0 #a0a0a0
}

.authListBtn:before {
    border-width: 5px 5px 0
}

.authInputBtn:HOVER {
    background: rgba(0,0,0,0.05)
}

.authHelp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    word-spacing: .1em
}

.authHelp:before {
    content: ''
}

.authHelp>* {
    margin-bottom: 1.5rem
}

.authRemember {
    display: flex;
    order: -1;
    align-items: center;
    position: relative
}

.authRemember input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

.authRemember .authCheck svg {
    fill: #009646;
    position: absolute;
    min-width: 16px;
    min-height: 16px;
    margin: -2px -1px 0
}

.authRemember input:not(:checked)+.authCheck svg {
    opacity: 0
}

.authCheck {
    display: block;
    border-radius: 2px;
    position: relative;
    width: 15px;
    height: 15px
}

.authCheck+span:before {
    content: '';
    display: inline-block;
    width: .3em
}

.cloudPress .webBtn {
    height: 2.4em;
    width: 100%
}

.authEnterQR {
    margin-top: 1.5em
}

.authCounter {
    counter-reset: auth-counter;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 96%;
    margin: 0 auto
}

.authCounter>div {
    display: flex;
    width: 100%;
    margin: .75em 0
}

.authCounter>div:before {
    counter-increment: auth-counter;
    content: counter(auth-counter) ". ";
    flex: 0 0 auto;
    width: 1.5em
}

.authCounter>span {
    display: flex;
    width: calc(100% - 0.5em);
    margin: -0.25em 0 .5em
}

.authCounter>span:before {
    content: '';
    flex: 0 0 auto;
    width: 1em
}

.authCode {
    color: #009646;
    padding: 0 0 .3em
}

.authCode svg {
    width: 1.5em;
    height: 1.5em
}

.authCode span {
    padding: 0 .6em
}

.authText {
    padding: .6em 0
}

.authBot {
    color: #b5b5b5;
    border-top: 1px solid #e5e5e5;
    margin-top: .75em;
    padding-top: 1.2em;
    text-align: center
}

.authLinks {
    display: flex;
    margin-top: .9em
}

.authLinks>div {
    position: relative;
    margin: 0 .9em
}

.authLinks div.select:before {
    content: '';
    background: #f3ce4c;
    position: absolute;
    height: 2px;
    right: 0;
    bottom: -0.15em;
    left: 0
}

.authLinks div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.auth2FWindowText {
    font-size: 13pt;
    font-weight: bold;
    text-align: center
}

.mobile .auth2FWindowText {
    font-size: 4.75vw;
    margin-top: 5vh
}

.authFocus {
    display: inline-flex;
    position: relative
}

.authFocus:focus:before,.authRemember input:focus+span+span .authFocus:before {
    content: '';
    position: absolute;
    border: 1px dotted #4b4b4b;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px
}

.authFocusBorder {
    border: 1px dotted #4b4b4b
}

.authFocusBorder:not(:focus) {
    border-color: transparent
}

.desktop .frameAuthTop {
    margin-top: -17px
}

.mobile .frameAuth,.mobile #editDropDown {
    font-size: 4vw
}

.mobile .authWindow {
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.mobile #passwordRecoveryCompletedWindow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 20vh
}

.mobile .frameAuth .cloud {
    overflow-y: auto
}

.mobile #editDropDown {
    max-height: 100%
}

.mobile .eddList {
    padding: 0 1px
}

.mobile .anchor {
    height: auto!important;
    max-height: inherit!important;
    bottom: 2em
}

.mobile .authInput,.mobile .webBtn.authBtn {
    height: 2.75em!important
}

html[dir=ltr] .mobile .authInput {
    padding: 0 2.8em 0 .75em;
    margin: 0 -2.8em 0 0
}

html[dir=rtl] .mobile .authInput {
    padding: 0 .75em 0 2.8em;
    margin: 0 0 0 -2.8em
}

.mobile .authInputBtn {
    width: 2.8em
}

.mobile .authListBtn:before {
    border-width: .4em .4em 0
}

.mobile .authInputBtn svg {
    font-size: 1.2em
}

.mobile .authCheck {
    width: 1.5em;
    height: 1.5em
}

.mobile .authRemember .authCheck svg {
    margin: 0
}