@font-face {
    font-family: 'IBMVGA8';
    src: url(/fonts/ibm_vga8.eot);
    src: url(/fonts/ibm_vga8.eot?#iefix) format('embedded-opentype'),
    url(/fonts/ibm_vga8.woff2) format('woff2'),
    url(/fonts/ibm_vga8.woff) format('woff'),
    url(/fonts/ibm_vga8.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "B8X8";
    src: url(/fonts/B8X8.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "D8X8B";
    src: url("/fonts/DOS8X8.ttf") format("truetype")
}

@font-face {
    font-family: "D8X8";
    src: url("/fonts/DOS8X8B.ttf") format("truetype")
}

@font-face {
    font-family: "D6X8";
    src: url("/fonts/DOS6X8.ttf") format("truetype")
}

@font-face {
    font-family: "ISO8X16";
    src: url("/fonts/ISO8X16.ttf") format("truetype")
}

@font-face {
    font-family: "D16X16";
    src: url("/fonts/DOS16X16.ttf") format("truetype")
}

@font-face {
    font-family: "RCOPT3";
    src: url("/fonts/RCOPT3.woff") format('woff');
}

@font-face {
    font-family: "HORROR";
    src: url("/fonts/HORROR.ttf") format('truetype');
}

@font-face {
    font-family: "MYCALC";
    src: url("/fonts/CALC.ttf") format('truetype');
}

@font-face {
    font-family: "MYROMAN";
    src: url("/fonts/ROMAN.ttf") format('truetype');
}

@font-face {
    font-family: "MYGOTHIC";
    src: url("/fonts/GOTHIC.ttf") format('truetype');
}

@font-face {
    font-family: "TREMOLO";
    src: url("/fonts/TREMOLO.ttf") format('truetype');
}

:root {
    --B8X8: 8px B8X8, monospace;
    --VGA: 16px IBMVGA8, monospace;
    --D6X8: 8px D6X8, monospace;
    --D8X8: 8px D8X8, monospace;
    --D8X8B: 8px D8X8B, monospace;
    --ISO8X16: 16px ISO8X16, monospace;
    --D8X16: 16px IBMVGA8, monospace;
    --D16X16: 16px D16X16, monospace;
    --RCOPT: 16px RCOPT3, monospace;
    --GOTHIC: 16px MYGOTHIC, monospace;
    --HORROR: 16px HORROR, monospace;
    --ROMAN: 16px MYROMAN, monospace;
    --TREMOLO: 16px TREMOLO, monospace;
    --CALC: 16px MYCALC, monospace;

    --C0: #000;
    --C1: #008;
    --C2: #080;
    --C3: #088;
    --C4: #800;
    --C5: #808;
    --C6: #880;
    --C7: #ccc;
    --C8: #888;
    --C9: #48f;
    --C10: #0f0;
    --C11: #0ff;
    --C12: #f0f;
    --C13: #f00;
    --C14: #ff0;
    --C15: #fff;
    --C16: #f80;
    --C17: #8f0;
    --C18: #08f;
    --C19: #0f8;
    --C20: #f08;
    --C21: #80f;
    --C22: #048;
    --C23: #084;
    --C24: #804;
    --C25: #408;
    --C26: #804;
    --C27: #840;
    --C28: #480;
    --C29: #444;
    --C30: #aaf;
    --C31: #afa;
    --C32: #aff;
    --C33: #faa;
    --C34: #faf;
    --C35: #ffa;

}

a {
    -webkit-touch-callout: none;
}


.fontVGA { font: var(--VGA); }
.fontB8  { font: var(--B8X8); }
.fontISO { font: var(--ISO8X16); }
.fontD16 { font: var(--D16X16); }
.font8 { font: var(--D8X8); }
.fontRC { font: var(--RCOPT); }

.fontHorror { font: var(--HORROR); }
.fontGothic { font: var(--GOTHIC); }
.fontTremolo { font: var(--TREMOLO); }
.fontCalc { font: var(--CALC); }
.fontRoman { font: var(--ROMAN); }

.colC0 { color: var(--C0); }
.colB0 { background-color: var(--C0); }
.borC0 { border-color: var(--C0); }

.colC1 { color: var(--C1); }
.colB1 { background-color: var(--C1); }
.borC1 { border-color: var(--C1); }

.colC2 { color: var(--C2); }
.colB2 { background-color: var(--C2); }
.borC2 { border-color: var(--C2); }

.colC3 { color: var(--C3); }
.colB3 { background-color: var(--C3); }
.borC3 { border-color: var(--C3); }

.colC4 { color: var(--C4); }
.colB4 { background-color: var(--C4); }
.borC4 { border-color: var(--C4); }

.colC5 { color: var(--C5); }
.colB5 { background-color: var(--C5); }
.borC5 { border-color: var(--C5); }

.colC6 { color: var(--C6); }
.colB6 { background-color: var(--C6); }
.borC6 { border-color: var(--C6); }

.colC7 { color: var(--C7); }
.colB7 { background-color: var(--C7); }
.borC7 { border-color: var(--C7); }

.colC8 { color: var(--C8); }
.colB8 { background-color: var(--C8); }
.borC8 { border-color: var(--C8); }

.colC9 { color: var(--C9); }
.colB9 { background-color: var(--C9); }
.borC9 { border-color: var(--C9); }

.colC10 { color: var(--C10); }
.colB10 { background-color: var(--C10); }
.borC10 { border-color: var(--C10); }

.colC11 { color: var(--C11); }
.colB11 { background-color: var(--C11); }
.borC11 { border-color: var(--C11); }

.colC12 { color: var(--C12); }
.colB12 { background-color: var(--C12); }
.borC12 { border-color: var(--C12); }

.colC13 { color: var(--C13); }
.colB13 { background-color: var(--C13); }
.borC13 { border-color: var(--C13); }

.colC14 { color: var(--C14); }
.colB14 { background-color: var(--C14); }
.borC14 { border-color: var(--C14); }

.colC15 { color: var(--C15); }
.colB15 { background-color: var(--C15); }
.borC15 { border-color: var(--C15); }

.colC16 { color: var(--C16); }
.colB16 { background-color: var(--C16); }
.borC16 { border-color: var(--C16); }

.colC17 { color: var(--C17); }
.colB17 { background-color: var(--C17); }
.borC17 { border-color: var(--C17); }

.colC18 { color: var(--C18); }
.colB18 { background-color: var(--C18); }
.borC18 { border-color: var(--C18); }

.colC19 { color: var(--C19); }
.colB19 { background-color: var(--C19); }
.borC19 { border-color: var(--C19); }

.colC20 { color: var(--C20); }
.colB20 { background-color: var(--C20); }
.borC20 { border-color: var(--C20); }

.colC21 { color: var(--C21); }
.colB21 { background-color: var(--C21); }
.borC21 { border-color: var(--C21); }

.colC22 { color: var(--C22); }
.colB22 { background-color: var(--C22); }
.borC22 { border-color: var(--C22); }

.colC23 { color: var(--C23); }
.colB23 { background-color: var(--C23); }
.borC23 { border-color: var(--C23); }

.colC24 { color: var(--C24); }
.colB24 { background-color: var(--C24); }
.borC24 { border-color: var(--C24); }

.colC25 { color: var(--C25); }
.colB25 { background-color: var(--C25); }
.borC25 { border-color: var(--C25); }

.colC26 { color: var(--C26); }
.colB26 { background-color: var(--C26); }
.borC26 { border-color: var(--C26); }

.colC27 { color: var(--C27); }
.colB27 { background-color: var(--C27); }
.borC27 { border-color: var(--C27); }

.colC28 { color: var(--C28); }
.colB28 { background-color: var(--C28); }
.borC28 { border-color: var(--C28); }

.colC29 { color: var(--C29); }
.colB29 { background-color: var(--C29); }
.borC29 { border-color: var(--C29); }

.colC30 { color: var(--C30); }
.colB30 { background-color: var(--C30); }
.borC30 { border-color: var(--C30); }

.colC31 { color: var(--C31); }
.colB31 { background-color: var(--C31); }
.borC31 { border-color: var(--C31); }

.colC32 { color: var(--C32); }
.colB32 { background-color: var(--C32); }
.borC32 { border-color: var(--C32); }

.colC33 { color: var(--C33); }
.colB33 { background-color: var(--C33); }
.borC33 { border-color: var(--C33); }

.colC34 { color: var(--C34); }
.colB34 { background-color: var(--C34); }
.borC34 { border-color: var(--C34); }

.colC35 { color: var(--C35); }
.colB35 { background-color: var(--C35); }
.borC35 { border-color: var(--C35); }

.dropdown .dropdown-toggle { padding-left: 4px; }

.EUIMenu {
    width: 200px;
    position: absolute;
    overflow: hidden;
    border: #000 1px solid;
    background-color: #fff;
    }

.EUIMenu * {
    margin: 0;
    padding: 0;
    }

.EUIMenuIn {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    }

.EUIMenuItem {
    height: 16px;
    line-height: 16px;
    font-family: Verdana, serif;
    font-weight: normal;
    font-size: 9pt;
    color: #000;
    background: transparent;
    cursor: pointer;
    position: relative;
    }

.EUIMenuItem:hover {
    background: #2aabd2;
    color: #2b2b2b;
    }

.EUIMenuSeparator {
    background-image: url(/menu/hr8.gif);
    background-repeat: repeat-x;
    height: 7px;
    }

.EUIMenuSeparator:hover {
    background-color: #fff !important;
    background-image: url(/menu/hr8.gif);
    background-repeat: repeat-x;
}

.EUIMenuText {
    height: 16px;
    line-height: 16px;
    font-family: Verdana, serif;
    font-weight: normal;
    font-size: 8pt;
    color: #000;
    background: transparent;
    width: 170px;
    overflow: hidden;
    text-align: left;
    float: left;
    cursor: pointer;
    }

.EUIMenuText:hover {
    background: #2aabd2;
    color: #2b2b2b;
    }

.EUIMenuTextOpt {}

.EUIMenuIco {
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    }

.EUIContIcon {
    height: 16px;
    width: auto;
    float: left;
    }

.EUIMenuIcoOpt {}

.EUIMenuLock div {
    color: #5e5e5e !important;
    }

.EUIMenuIcoSpace {
    width: 16px;
    height: 16px;
    float: left;
    }

.EUIMenuCloseIco {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 32px;
    height: 16px;
    overflow: hidden;
    cursor: pointer;
    background-image: url(/menu/close.gif);
    background-repeat: no-repeat;
    }

.EUIMenuExtC {
    font-size: 8pt;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.EUIMenuExtSM {
    font-size: 6pt;
}

.EUIMenuExtSM::before { content: " ";}

.EUIMenuKBD {
    font-size: 8px;
    position: absolute;
    right: 1px;
    top: 0;
    background: #048;
    color: #fff;
    height: 10pt;
    line-height: 10pt;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 4px;
}


.EUITextPRE {
    border: none;
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    }

.EUIHelpUI {
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 10000;
    border: #000 1px solid;
    border-radius: 8px;
    background-color: #fff;
    min-height: 32px;
    margin: 0px;
    padding: 4px;
    clear: both;
    }

.EUIHelpUIImg {
    }

.EUIHelpUIText {
    font-family: Verdana, serif;
    color: #000;
    font-size: 9pt;
    width: auto;
    float: right;
    padding-left: 2px;
    }

.FLG1 {
    display: block;
    }

.FLG0 {
    display: none;
    }

.EUICmdBoard button {
    min-width: 90px;
}

.EUIMapUI {
    position: absolute;
    right: 8px;
    top: 8px;
    border: #048 1px solid;
    padding: 2px;
    border-radius: 4px;
    background-color: #fff;
    width: auto;
    clear: both;
    overflow: hidden;
    }

.EUIMapUIZoom {
    width: auto;
    }

.EUIMapUIText {
    float: left;
    width: auto;
    font-family: Verdana;
    font-size: 9px;
    color: #048;
    margin-left: 2px;
    margin-right: 2px;
    }

.EUICli {
    clear: both;
    width: 1px;
    height: 1px;
    overflow: hidden;
    }

.EUIToast {
    width: auto;
    height: auto;
    position: absolute;
    background-color: #333333;
    color: #a6e1ec;
    border: #000 1px solid;
    border-radius: 8px;
    padding: 8px 16px;
    z-index: 10000;
    }

.EUIToastIco img { float: left; clear: left; margin-right: 0.5em; }

.Cliccabile {
    cursor: pointer;
    }

.EUIBigPage {
    width: 100%;
    height: 100px;
    overflow-y: auto;
    border: #ccc 1px solid;
    }

.ui-datepicker{ z-index: 9999 !important;}

.EUIMyCheckBox {
    background-position: center;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    padding: 0px;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin-right: 2px;
}

.EUILoading {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: none;
    margin: 0px;
    padding: 0px;
    z-index: 15000;
    background-color: rgba(255,255,255,0.5);
    background-image: url(/LOADER.gif);
    background-repeat: no-repeat;
    background-position: center;
    }

.ToolLimited{
    display: inline;
    position: relative;
}

.ToolLimited:hover:after{
    background: #C00;
    background: rgba(192,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    text-align: center;
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width:200px;
}
.ToolLimited:hover:before{
    border: solid;
    border-color: #C00 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.MyToolTip{
    display: inline;
    position: relative;
}

.MyToolTip:hover:after{
    background: #C00;
    background: rgba(192,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width:200px;
}

.MyToolTip:hover:before{
    border: solid;
    border-color: #C00 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}


.UIFlagCont {
    float: left;
    max-width: 200px;
    min-width: 24px;
    height: 22px;
    padding: 2px 4px;
    line-height: 16px;
    border: #ccc 1px solid;
    border-radius: 4px;
    margin: 1px;
}

.UIFlagCont img {
    display: block;
    float: left;
    margin-right: 2px;
}

.UIFlagCont div {
    float: left;
    max-width: 175px;
    height: 21px;
    line-height: 16px;
    font-size: 9pt;
}

.UIFlagCont.AppXClick { cursor: pointer; }

.FlagsToolTip {
    display: inline;
    position: relative;
}

.FlagsToolTip:hover:after{
    background: #00C;
    background: rgba(0,0,192,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(data-title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width:316px;
}

.FlagsKeyWord:before {
    content: "#";
    color: #048;
    }

.FlagsMainWord {
    color: #040;
}

.FlagsMainWord:before {
    content: "«";
    color: #084;
}

.FlagsMainWord:after {
    content: "»";
    color: #084;
}

.FlagsToolTip:hover:before{
    border: solid;
    border-color: #00C transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.EUIBigHeight {
    overflow-y: auto;
}

.UIMapCircle {
    font-size: 8px;
    color: #048;
    text-align: center;
    opacity: 0.5;
    font-weight: bold;
    font-family: Verdana;
    border-radius: 2em;
    padding: 0.2em 0.5em;
    margin: 0 0 0 -0.4em;
}

.UIMapCircle p {
    font-size: 8px;
    color: #804;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-family: Verdana;
    }

.UIMapCircle:hover {
    opacity: 1;
    }

.UIMapCircleSel1 {
    opacity: 1;
    background-color: #48f;
}

.UIMapCircleSel2 {
    opacity: 1;
    background-color: #ff4;
}

.UIMapCircleSel3 {
    opacity: 1;
    background-color: #4f4;
}

.EUIMapMenu {
     z-index: 9000;
    }

.ScrollAsList {
    border: #000 1px solid;
    font-size: 9pt;
    font-family: Verdana;
    color: #000;
    background-color: #fff;
    height: 64px;
    overflow-y: scroll;
    overflow-x: hidden;
    }

.ScrollAsList div {
    line-height: normal;
    overflow: hidden;
    font-size: 9pt !important;
    font-family: Verdana;
    }

.ScrollAsList input {
    margin: 0;
    }

#EUIMapUILeds {
    font-size: 8pt;
    text-align: right;
    clear: both;
    display: block;
    width: 100%;
    }

.EUILed {
    clear: both;
    font-size: 8px;
    height: 12px;
    border: #ccc 1px solid;
    margin: 1px;
    padding: 1px;
    border-radius: 4px;
    }

.EUILedDiv {
    clear: both;
    font-size: 8px;
    height: 12px;
    margin: 1px;
    padding: 1px;
    }

.container-fluid{
    padding: 0 20px !important;
}

.navbar-brand {
    padding-left: 32px;
    background-image: url(/asset/BIGCAT.gif);
    background-repeat: no-repeat;
    background-position: 12px center;
}

.HotKeyDisabled { display: none; }
.HotKeyEnabled { display: inline-block; font-size: 7pt; color: #fff; background: #5897fb; padding: 0 4px; border-radius: 4px; }

.UpperForm {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: rgba(255,255,255,0.5);
    overflow: hidden;
    z-index: 10000;
    text-align: center;
    color: #000;
    }

.UpperFormTitle {
    width: 100%;
    height: 24px;
    line-height: 24px;
    border-bottom: #000 1px solid;
    background-color: #68f;
    color: #fff;
    text-align: center;
    font-size: 9pt;
    overflow: hidden;
    background-image: url(/menu/D.gif);
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}
.DialogWidthHelp {
    padding-left: 24px;
    background-image: url(/menu/I.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

.NoBtSpLr { padding-left: 4px; padding-right: 4px; }
.NoBtBig * { font-size: 8pt !important; }
.NoBtBig { font-size: 8pt !important; }
.NoBtBig ul { padding: 1em; }

.EUIToLarge {
    font-size: 9pt;
    }

.EUIToLarge .form-group {
    margin-bottom: 4px;
    }

.EUIToLarge .form-group label {
    margin-bottom: 3px;
    }

.EUIToLarge .form-control {
    padding-top: 3px;
    padding-bottom: 3px;
}

.EUIToSmall {
    font-size: 9pt;
}

.EUIToSmall .form-group {
    margin-bottom: 2px;
}

.EUIToSmall .form-group label {
    margin-bottom: 2px;
}

.EUIToSmall .form-control {
    padding: 1px 4px;
    font-size: 8pt;
    height: 2.2em;

}

.EUIMapModeC {
    position: absolute;
    border: #000 1px solid;
    border-radius: 4px;
    left: 8px;
    top: 8px;
    background: #fff;
    padding-left: 0.25em;
    }

.EUIMapModeR {
    position: relative;
    clear: both;
    }

.EUIMapModeB {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    min-width: 24px;
    min-height: 24px;
    width: 2.8em;
    height: 2.8em;
    border: #ccc 1px solid;
    padding: 0.25em;
    border-radius: 4px;
    margin: 0.25em;
    margin-left: 0;
    cursor: pointer;
    float: left;
    }

.EUIOsMenuScr {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(255,255,255,0.5);
    z-index: 10000;
}

.EUIOsMenuScr .EUIMenu      { width: 300px; }
.EUIOsMenuScr .EUIMenuText  { width: 280px; }

.EUIOsMenuC {
    background: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    width: 100%;
}

.EUIOsMenuT {
    border: #000 1px solid;
    background: #8cf;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    overflow: visible;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #048;
    font-size: 9pt;
}

.EUIOsMenuT span {
    font-weight: bold;
}

.EUIOsMenuT span:before {
    content: "◄ ";
    color: #084;
}

.EUIOsMenuT span:after {
    content: " ►";
    color: #084;
}

.EUIOsMenuR {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
}

.EUIOsMenuX {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: #000 1px solid;
    cursor: pointer;
    background-image: url(/menu/D.gif);
    background-repeat: no-repeat;
    background-position: center;
}
.EUIOsMenuM {
    width: 250px;
}

.EUIOsMenuTI {
    height: 50px;
}

.EUIOsMenuTI img {
    max-height: 32px;
    max-width: 100%;
    }

.EUIOsMenuTI p {
    font-weight: bold;
}

.EUIOsMenuTI p:before {
    content: "◄ ";
    color: #084;
}

.EUIOsMenuTI p:after {
    content: " ►";
    color: #084;
}

.EUIMenuExtDX {
    background: url(/menu/FDX.gif) no-repeat top right !important;
}

.EUIMenuExtSX {
    background: url(/menu/FSX.gif) no-repeat top right !important;
}

/* MOB_MENU */

.EUIOSMobile .EUIOsMenuScr .EUIMenu      { width: 94% }
.EUIOSMobile .EUIOsMenuScr .EUIMenuText  { width: 93vh; }

.EUIOSMobile .EUIOsMenuT {
    height: 3em;
    line-height: 3em;
    font-size: 12pt;

}

.EUIOSMobile .EUIMenuIcoSpace {
    height: 3em;
    line-height: 3em;
    width: 16px;
}

.EUIOSMobile .EUIMenuText {
    height: 3em;
    line-height: 2.8em;
    font-size: 10pt;
    padding-left: 0.5em;
}

.EUIOSMobile .EUIMenuItem {
    height: 3em;
    line-height: 3em;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}

.EUIOSMobile .EUIOsMenuX {
    width: 2.5em;
    height: 2.5em;
    background-image: url(/menu/D.gif);
}


.EUIOSMobile .EUIOsMenuTI {
    height: 50px;
}

.EUIOSMobile .EUIOsMenuTI img {
    max-height: 32px;
}

/* FIX VARI */

#NavBar .navbar-right a {
    max-height: 44px;
}

.navbar-brand {
    font-size: 13pt;
    font-weight: bold;
    max-height: 44px;
    padding-right: 6px;
}

.WithKey { }

.WithKey a {
    display: block;
    position: relative;
    padding-left: 4px !important;
    padding-right: 0 !important;
}

.WithKey span {
    display: block;
    position: absolute;
    right: 1px;
    top: 3px;
}
.divider { border-top: #888 1px solid; }

.dropdown-menu a {
    padding-left: 4px !important;
    padding-right: 0 !important;
}

.dropdown-menu li {
    width: 160px;
}

#navBarSpakkaballe { padding-left: 8px !important; padding-right: 8px !important; }

.DialogIconHelp {
    cursor: pointer;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 27px;
    bottom: 3px;
    /*background-color: #eee;*/
    background-image: url(/menu/I.gif);
    background-repeat: no-repeat;
    background-position: center;
    /*border: #ddd 2px outset;*/
}

.MiniTerm {
    position: absolute;
    font-family: "Courier New", monospace;
    font-size: 10px;
    color: #fff;
    background: #222;
    border: #048 1px solid;
    border-radius: 4px;
    padding: 4px;
    width: auto;
    height: auto;
    overflow: hidden;
    z-index: 15000;
    bottom: 1px;
    left: 1px;
    max-width: 99%;
}

.MiniTermDOSC {
    position: absolute;
    font-family: "Courier New", monospace;
    font-size: 10px;
    color: #fff;
    padding: 4px;
    width: auto;
    overflow: hidden;
    z-index: 15100;
    bottom: 1px;
    left: 1px;
    max-width: 99%;
    clear: both;
    border: #048 1px solid;
    border-radius: 2px;
}
.UMapScreenBody .MinTermLine {
    font: VAR(--D8X16);
    line-height: 1em;
    height: 1em;
    overflow: hidden;
    color: #fff;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    max-width: calc(100% - 2px);

}

.UMapScreenBody .MiniTermDOSC {
    position: absolute;
    font: VAR(--D8X16);
    color: #fff;
    padding: 4px;
    width: auto;
    overflow: hidden;
    z-index: 15100;
    bottom: 1px;
    left: 1px;
    max-width: 99%;
    clear: both;
    border: #048 1px solid;
    border-radius: 2px;
}

.UMapScreenBody .MiniTermDOSP {
    font: VAR(--D8X16);
}

.UMapScreenBody .MiniTermDOST {
    font: VAR(--D8X16);

}

.UMapScreenBody .MiniTermDOSC {
    padding: 0;
}

.MinTermLine {
    font-family: "Courier New", monospace;
    font-size: 10px;
    line-height: 1em;
    height: 1em;
    overflow: hidden;
    color: #fff;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

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

.MiniTermHide {
    display: none;
}

.MinTermIcoCL {
    cursor: pointer;
}

.MiniTerminalTAB {

}

.MiniTermC0 {
    cursor: pointer;
}

.MiniTermC1 {
    border: #00c 1px solid;
}

.MiniTermDOS {
    padding-bottom: 2.5em;
    }

.MiniTermDOSP {
    float: left;
    color: #0f0;
    margin: 0;
    padding: 0;
    font-size: 10px;
    }

.MiniTermDOST {
    display: block;
    border: none;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #fff;
    float:left;
    font-size: 10px;
}

.MiniTermDOSO {
    position: relative;
    clear: both;
    padding-left: 4px;
    padding-right: 4px;
}

.MiniTermBTWSize {
    max-width: 90vw;
    max-height: 90vh;
    min-width: 4em;
}

.MiniTermLineEXU .AppXU {
    background-image: url(/img/CLNK.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.MinTermLine .MiniTermLCOX.AppXBS {
    display: inline-block;
    height: 15px;
}

.SystemBoard {
    background-image: url(/asset/System.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: contain;
    background-color: rgba(255,0,0,0.3);
    opacity: 1 !important;
    filter: none !important;
}

.UrbExDOSCont {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: rgba(0,0,0,0.9);
    z-index: 10000;
    display: grid;
    grid-template-rows: 2em auto;
    grid-template-columns: auto 2em;
}

.UrbExDOSTitle {
    grid-column-start: 1;
    grid-column-end: 2;
    background: #048;
    text-align: center;
    line-height: 2em;
    color: #fff;
    border-bottom: #000 1px solid;
    box-sizing: border-box;
    overflow: hidden;
}

.UrbExDOSX {
    grid-column-start: 2;
    grid-column-end: 3;
    background-color: #800;
    border-left: #000 1px solid;
    box-sizing: border-box;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/menu/D.gif);
    cursor: pointer;
}

.UrbExDOSTTY {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    overflow-y: scroll;
}

.UrbExDOSTTY * {
    font-family: IBMVGA8, monospace;
    font-size: 16px;
}

.UrbExDOSTTY pre {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.UrbExDOSTitle {
    font-family: IBMVGA8, monospace;
    font-size: 16px;
    line-height: 1.5em;
    color: #0f0;
}

.UrbExDOSTitle::before {
    content: "◄ ";
    color: #0ff;
}

.UrbExDOSTitle::after {
    content: " ► ";
    color: #0ff;
}

.MinTermLine.UrbExDosHR {
    background-position-y: center;
    background: url(/img/HR8.gif) repeat-x;
    opacity: 0.5;
}

.UrbExDOSTTY pre.UrbExDosHR:nth-child(1) { display: none; }
.UrbExDOSTTY pre.UrbExDosHR:nth-last-child(1) { display: none; }

.UrbExDOSBTPR {
    margin-bottom: 2em;
}

.UrbExDOSPRO2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120%;
    height: 1.5em;
    display: table;
    overflow: hidden;
    box-sizing: border-box;
    border-top: #044 1px solid;
}

.UrbExDOSPRO2 div {
    float: left;
    height: 1.5em;
    line-height: 1.5em;
    font-family: IBMVGA8, monospace;
    font-size: 16px;
    color: #0f0;
    padding-left: 0.5em;
}

.UrbExDOSPRO2 input {
    border: none;
    background: transparent;
    color: #fff;
    font-family: IBMVGA8, monospace;
    font-size: 16px;
    height: 1.5em;
    line-height: 1.5em;
    width: 90%;
}

.UrbExDOSBCon {
    position: absolute;
    left: 0;
    top: 0;
    height: 2em;
    width: auto;
    display: table;
}

.UrbExDOSCPY {
    float: left;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    border-right: #000 1px solid;
    cursor: pointer;
    background: #088 url(/menu/CO.gif) no-repeat center;
}

.UrbExDOSDEL {
    float: left;
    width: 2em;
    height: 2em;
    box-sizing: border-box;
    border-right: #000 1px solid;
    cursor: pointer;
    background: #C44 url(/menu/TRASH.png) no-repeat center;
}

.UrbExDOSHTA {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 8px;
    height: 8px;
    overflow: hidden;
    color: #088;
    background: #088;
    border: none;
}

.MinTermLine .AppXU {
    cursor: pointer;
    border-bottom: #088 1px solid;
    box-sizing: border-box;
    height: calc(100% - 1px);
    display: inline-block;
}

.ui-dialog.DialogSystemBoard { background-color: #f00; border: #800 1px solid; }
.DialogSystemBoard .ui-dialog-titlebar { background-color: #faa; border: #800 1px solid; }
.DialogSystemBoard .ui-dialog-title { background-color: #faa; }
.DialogSystemBoard .ui-dialog-content { background-color: #fff; }

.DMCatLoader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(0,0,0,0.9);
}

.DMCatLoaderB {
    position: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-image: url(/img/superloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-attachment: fixed;
}

.DMCatArt {
    position: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    background-attachment: fixed;
}

.DMCatLoaderI {
    position: fixed;
    left: 30%;
    top: 30%;
    width: 40%;
    height: 40%;
    margin: 0;
    padding: 0;
}

.DMCatLoader.AppXTraspMode {
    background: none;
}

.AppXTraspMode .CatProgress {
    left: initial;
    right: 45pt;
    bottom: 18pt;
}

.Pulsantiera {
    position: absolute;
    right: 27px;
    top: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    clear: both;
}

.Pulsantiera button {
    margin-top: 3px;
    padding: 0;
    height: 20px;
    width: 20px;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    border: #ccc 2px outset;
}



#mobbar {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 2.6em;
    line-height: 2.6em;
    overflow: hidden;
    position: relative;
    background-color: #07f;
    color: #fff;
    font-size: 12pt;
    border-bottom: #048 2px solid;
    box-sizing: border-box;
    clear: both;
}

#UMapMobIcon {
    height: 2em;
    width: auto;
    margin-left: 0.5em;
    margin-right: 0.5em;
    cursor: pointer;
    display: block;
    float: left;
    margin-top: 0.28em;
    }

#UMapMobTitle {
    float: left;
    font-weight: bold;
    cursor: pointer;
    font-size: 19pt;
}

#UMapMenuMob {
    position: absolute;
    width: 2em;
    height: auto;
    right: 0.5em;
    top: 0.28em;
    cursor: pointer;
}

.EUILOCK {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,0.5);
}

.UMapMobileBody .NoOnMobile { display: none; }
.UMapMobileBody .UserListsIndex td { height: 2.5em; line-height: 2.5em; }
.UMapMobileBody .UrbexListTable td:nth-child(4) { width: 5.1em; font-size: 9px; }
.UMapMobileBody .UrbexListTable td:nth-child(5) { width: 6em; }
.UMapMobileBody .UrbexListTable td:nth-child(6) { width: 6em; }
.UMapMobileBody .UrbexListTable td:nth-child(6) div { border: none; margin: 0; padding: 0; width: 22px; height: 34px; overflow: hidden; }
.UMapMobileBody .EUINotificator { width: 50vw; background-size: 7.5em; }
.UMapMobileBody .EUIMapUIText { display: none; }
.UMapMobileBody #EUIMapUILeds { display: none; }
.UMapMobileBody #EUIMapUIZoomValue { font-weight: bold; font-size: 9pt; }
.UMapMobileBody #EUIMapUIZoomValue::before { content: "Z.: "; color : #048; font-weight: normal; }
.UMapMobileBody #EUIMapUIZoomValue { display: block; }
.UMapMobileBody #EUILoadGui { display: block; }
.UMapMobileBody .btn { padding: 0.8em 1.2em; }

.MapUIGray {
    opacity: 0.5;
    background: #f00;
    border: #800;
}

@media screen  and (max-width: 550px) {

    .UMapMobileBody #MapInfoSearchTableRes td:nth-child(4) { display: none; }
    .UMapMobileBody #MapInfoSearchTableRes td:nth-child(5) { display: none; }
    .UMapMobileBody #MapInfoSearchTableRes td:nth-child(6) { display: none; }
    .UMapMobileBody #MapInfoSearchTableRes td:nth-child(2) { width: 64px; }
    .UMapMobileBody #MapInfoSearchTableRes td:nth-child(2) img { width: 64px; height: auto; }

}

.UMapMobileBody .MapModeViewPC { display: none; }

.UMapMobileBody .MapInfoSearchKey { max-width: 45%; }
.UMapMobileBody .MapInfoSearchVal { max-width: 55%; }

.OnlyMobile { display: none !important; }
.UMapMobileBody .OnlyMobile { display: inline-block !important; }
.UMapMobileBody .EUIMenuSeparator { height: 4px !important; }

.EUIOSMobile .EUIMenuIco { margin-top: 1em; margin-left: 2px; }

.Preloader {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;;
}

.cli {
    float: none;
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    overflow: hidden;
}

.EUIDialog {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.UMapMobileBody .EUIDialog {
    padding: 0 !important;;
}

.EUIWinFull {
    padding: 0 !important;
}

.LevelString {
    font-family: Verdana, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #048;
}

.ScrollView {
    border: #000 1px solid;
    max-height: 184px;
    overflow-y: scroll;
}

.FixedScrollView {
    border: #000 1px solid;
    height: 184px;
    overflow-y: scroll;
}

.FloatContainer {
    float: none;
    clear: both;
    display: table;
    position: relative;
}

.FormTitle {
    text-align: center;
    font-weight: bold;
    margin-bottom: 2px;
}

.FloatElement2 {
    float: left;
    padding-right: 2px;
}
.PseudoButton {
    display: inline-block;
    border: #888 2px outset;
    background: #ccc;
    border-radius: 50%;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 9pt;
    cursor: pointer;
    margin-top: 1px;
    margin-bottom: 1px;
    font-family: "Courier New", Monospace;

}

.PseudoButton:hover {
    background: #aaa;
}

.UploadPanel {
    position: absolute;
    z-index: 1000;
    right: 8px;
    top: 64px;
    padding: 4px;
    border: #048 1px solid;
    background: #fff;
    font-size: 8px;
    border-radius: 8px;
    width: 120px;
}

.UploadPanelUpload {
    height: 16px;
    border-radius: 4px;
    width: 100%;
    position: relative;
    border: #ccc 1px solid;
    overflow: hidden;
    margin-top: 2px;
}

.UplaodPanelBar {
    height: 16px;
    background: #48f;
    border-right: #04f 1px solid;
    width: 1%;
    position: absolute;
    left: 0;
    top: 0;
}
.UplaodPanelNum {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 16px;
    line-height: 14px;
    text-align: center;
}

.UplaodPanelNum span {
    color: #000;
    font-size: 8px;
    font-weight: bold;
}
.UploadPanelTitle {
    text-align: center;
    color: #048;
    font-size: 8px;
    font-weight: bold;
    margin-top: 0 !important;
    line-height: 18px;
}

.ImgTemplateSelectS {
    max-height: 16px;
    width: auto;
}

.ImgTemplateSelectR {

}

.ETSBase {
    position: relative;
    margin: 0;
    padding: 0;
    height: 45px;
    border-bottom: #ddd 1px solid;
}

.ETSImgC {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    line-height: 45px;
    width: 25px;
    height: 45px;
    text-align: center;
    }

.ETSImg {
    max-width: 25px;
    height: auto;
    }

.ETSText {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 45px;
    line-height: 2em;
    overflow: hidden;
    padding-left: 28px;
    }

.UMapMobileBody .ETSDesc {
    display: none;
}

.ETSDesc {
    padding-left: 0;
    margin-left: 28px;
    width: calc(100% - 28px);
    background: #fff;
    height: calc(2.2em + 1px);
    border-top: #eee 1px solid;
    position: absolute;
    bottom: 0;
    left: 0;
    line-height: 1.1em;
    overflow: hidden;
    font-weight: normal;
    font-size: 9px;
    }

.select2-results__option--highlighted .ETSDesc {
    color: #fff;
    background: #5897fb;
    border-top: #5897fb 1px solid;
}


.ETSText_Global .EUISelect2Keyw:before {
    color: #aaa;
    content: "#";
    font-size: 9px;
}

.ETSText_Global .EUISelect2Keyw {
    border-bottom: #048 1px solid;
}

.select2-results__option--highlighted .ETSText_Global .EUISelect2Keyw {
    color: #fff;
}

.select2-results__option--highlighted .ETSText_Global .EUISelect2Keyw:before {
    color: #ccc;
    content: "#";
    font-size: 9px;
}

.EUIBySelect2Keyw .ETSText_Global .EUISelect2Keyw {
    border: var(--C1) 1px solid;
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--C11);
    color: var(--C1);
}

.EUIBySelect2Keyw .ETSText_Global .EUISelect2Keyw:before {
    color: var(--C1);
    content: "#";
}

.ETSText_Global {
    font-size: 9pt;
}

#MapCopyright {
    position: absolute;
    bottom: 1.81em;
    right: 8.5em;
    background: rgba(255,255,255,0.7);
    color: rgb(68, 68, 68);
    padding: 1px 4px;
    font-family: Roboto, Arial, sans-serif;
    font-size: 8px;

}

#ExtraMiniBar {
    font-size: 8px;
    max-width: 10em;
 }

.UMapLockableLocked {
    visibility: hidden !important;
}

.EUIRiquadro {
    color: #048;
    border-left: #048 2px solid;
    margin-left: 2px;
    padding-left: 2px;
    }

.UIBottomContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background: #000;
    border: 0;
    padding: 0;
    margin: 0;
}

.UIBottomLayer {
    padding: 0;
    margin: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.EUIRight {
    text-align: right;
    padding-left: 0.25em;
    padding-right: 0.25em;
}

.EUICenter {
    text-align: center;
}

.EGUICityName .EUIMenuText {
    font-weight: bold;
}

.GUITableKV {
    width: 94%;
    margin: auto;
    border: #ccc 1px solid;
    font-size: 9pt;
    border-collapse: collapse;
}

.GUITableKV td {
    border-bottom: #ccc 1px solid;
}

.GUITableKV .AppXK {
    width: 18em;
    font-weight: bold;
}

.ui-dialog.UIWin311D {
    border: #008 4px solid !important;
    border-radius: 0;
    padding: 0;
}

.ui-dialog.UIWin311D .ui-dialog-titlebar {
    background: #00F;
    color: #fff;
    margin: 0;
    border-radius: 0;
}

.ui-dialog.UIWin311D .ui-dialog-content {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.ui-dialog.UIWin311D .ui-dialog-titlebar button {
    border: #000 1px solid;
    background-color: #fff;
}

.ui-dialog.UIWin311 {
    border: #000 1px solid !important;
    border-radius: 0;
    padding: 2px;
    background-color: #999;
}

.ui-dialog.UIWin311 .ui-dialog-titlebar {
    background: #00A;
    color: #fff;
    margin: 0;
    border-radius: 0;
    border: #000 1px solid;
    border-bottom: none;
}

.ui-dialog.UIWin311 .ui-dialog-content {
    padding-left: 1px !important;
    padding-right: 1px !important;
    background-color: #fff;
    border: #000 1px solid;
}

.ui-dialog.UIWin311 .ui-dialog-titlebar button {
    border: #000 1px solid;
    background-color: #fff;
}

.UIWin311 {
    background:
            url(/menu/W311B0.gif) left top no-repeat,
            url(/menu/W311B1.gif) right top no-repeat,
            url(/menu/W311B2.gif) right bottom no-repeat,
            url(/menu/W311B3.gif) left bottom no-repeat
    ;
}

.ui-dialog.UIDialogPush {
    border: #048 4px solid !important;
    padding: 0;
}

.ui-dialog.UIDialogPush .ui-dialog-titlebar {
    background: #8CF;
    color: #048;
    border-radius: 0;
    border: none;
    border-bottom: #048 1px solid;
}

.ui-dialog.UIDialogPush .ui-dialog-content {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.ui-dialog.UIDialogPush .ui-dialog-titlebar button {
    border: #000 1px solid;
    background-color: #fff;
    box-shadow: #44c 1px 1px;
}

.UIDialogPush {
    overflow: visible !important;
}

.UIDialogPush .ui-dialog-title {
    font: var(--D8X16);
    padding: 0;
    margin: 0;
}

.UIDialogPush .ui-dialog-titlebar {
    padding: 2.5pt 2.5pt 2.5pt 0.5em;
}

.UIMsgBox {
    margin-bottom: 0px;
    height: 100%;
    padding-bottom: 32px;
    font-size: 9pt;
}

.UIMsgBox table {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    margin: 0 0 10px;
}

.UIMsgBox table td:nth-child(1) {
    width: 40px;
    vertical-align: top;
    text-align: center;
}

.UIMsgBox table td:nth-child(2) {
    vertical-align: top;
}

.UIMsgBox .AppXButtons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: table;
}

.UIMsgBox .AppXButtons button {
    height: 25px;
    /*font-size: 11px;*/
    border-radius: 2px;
    /*border: #ccc 2px outset;*/
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    min-width: 5em;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 14px;
    margin: 0;
    border: #ccc 2px outset;
    font-size: 9pt;
}

.UIMsgBox .AppXButtons .AppXDiv {
    display: table-cell;
}

.UIMsgBox .AppXButtons .AppXBut {
    display: inline-block;
    border: #000 2px solid;
    margin: 10px;
    border-radius: 4px;
}

.MAPUIBottom {
    position: relative;
    font-size: 9px;
    border-top: #ccc 1px solid;
    min-width: 14em;
}

.MAPUIBottomClose {
    position: absolute;
    right: 0;
    top: 2px;
    color: #fdd;
    width: 1.5em;
    height: 1.5em;
    min-width: 16px;
    min-height: 16px;
    background: #fdd url(/menu/D.gif) no-repeat center;
    cursor: pointer;
    font-size: 8pt;
    font-weight: bold;
    border: #400 1px solid;
    border-radius: 50%;
    line-height: 15px;
    text-align: center;
    overflow: hidden;
}

.MAPUIBottomContent {
    min-width: 14em;
    min-height: 2em;
    font-size: 9px;
}

.MapTextAddHC {
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    height: 1.2em;
    line-height: 1.1em;
    margin-bottom: 1px;
}

.MapTextAddH {
    display: inline-block;
    margin-right: 1px;
    border: #000 1px solid;
    border-radius: 4px;
    padding-bottom: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.MapTextAddHC .MapTextAddH:nth-child(1) { margin-left: 1px; }

.MapClassNoInfo .MapTextAddHC { display: none; }

.MapTextAddHT {
    height: 1.1em;
    line-height: 1.1em;
    overflow: hidden;
}

.MapTextEVID {
    padding: 0 5px;
    border-radius: 4px;
}

.MapTextADS {

}

.MapTextADSAlias {

}

.InvokerBottom {
    position: absolute;
    bottom: 0;
    right: 8em;
    height: 1.5em;
    line-height: 1.5em;
    background: #048;
    color: #fff;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    border: #004 1px solid;
    border-bottom: none;
    border-top-left-radius: 1.1em;
    border-top-right-radius: 1.1em;
}

.InvokerBottom .AppXX {
    margin-left: 0.5em;
    max-height: 1.1em;
    cursor: pointer;
}

.CatProgress {
    position: absolute;
    bottom: 1em;
    left: 1em;
    width: 250px;
    max-width: 25vw !important;
    background: #fff;
    font-size: 8pt;
    box-sizing: border-box;
    border: #048 1px solid;
    border-radius: 4px;
}

.CatProgress .AppXTitle {
    font-weight: bold;

    height: 1.1em;
    line-height: 1.2em;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.CatProgress .AppXN {
    min-width: 1em;
    display: inline-block;
}

.CatProgress .AppXN:nth-child(2):before {
    content: " / ";
}

.CatProgress .AppXPer {
    border-top: #048 1px solid;
    width: 100%;
    position: relative;
    background: #8cf;
    height: 1.5em;
}

.CatProgress .AppXValT {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 1.5em;
    font-weight: bold;
    text-align: center;
}

.CatProgress .AppXVal {
    background: rgba(0,0,255,0.5);
    height: 1.5em;
    border-right: #048 1px solid;
}

.CatProgress .AppXStr {
    padding-left: 0.25em;
    overflow: hidden;
}

.GUIOptionPanel {
    text-align: center;
    background: #cdf;
    margin-top: 0.5em;
    border: #ccc 1px solid;
    box-sizing: border-box;
    margin-bottom: 2px;
}

.GUIOptionPanel .btn {
    margin: 0.25em;
}

.GUISection1 {
    border: #048 1px solid;
    box-sizing: border-box;
    margin: 0.25em;
    padding: 0.25em;
    border-radius: 6px;
    background: #def;
}

.GUISection1 .AppXSection {
    text-align: center;
    color: #048;
    font-weight: bold;
}

.UIMapSTE {
    font-size: 8px;
    padding: 0 1px;
    border-radius: 4px;
    font-weight: bold;
}

.EUILed {
    display: inline;
    font-size: 7px;
}

.GUISkillDBR {
    border: #48c 1px solid;
    border-radius: 4px;
    max-width: 8em;
    height: 26px;
    line-height: 23px;
    font-size: 8pt;
    overflow: hidden;
    color: #048;
    font-weight: bold;
    background: #cef;
    padding-right: 4px;
}

.UIToPush {
    color: #04C !important;
}

.SystemBoardTBL {
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
}

.SystemBoardTBL td:nth-child(1) {
    width: 40px;
    vertical-align: top;
}

.DialogSystemBoard .ui-dialog-titlebar {
    border-radius: 0;
    border: none;
    border-bottom: #400 1px solid;
}

.DialogSystemBoard .ui-dialog-titlebar-close {
    border: #000 1px solid;
    background-color: #fff;
    box-shadow: #a00 1px 1px;
}

.UISysBlock {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
    z-index: 30000;
    background: rgba(0,0,0,0.5);
}

.UISysError {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border: #008 5px solid;
    padding: 1.5em;
    width: 40em;
    max-width: 80vw;
    text-align: center;
    font-weight: bold;
    font-family: "Ms sans serif", sans-serif;
    font-size: 11pt;
}

.UISysError button {
    padding: 0.5em 1.5em;
    border: #ccc 3px outset;
    border-radius: 3px;
}

.UISysError span {
    display: inline-block;
    border: #000 2px solid;
    border-radius: 4px;
}

.MapTextAddHT {
    text-align: center;
    margin-bottom: 1px;
}

.UIFullScr {
    border: #000 1px solid;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    border-radius: 0;
}

.UIFullScr .ui-dialog-titlebar {
    padding: 0;
    font: var(--VGA);
    text-align: center;
    border: #000 1px solid;
    border-radius: 0;
}

.UIFullScr button {
    border: #048 1px solid;
    background-color: #fff;
}

.UIFixButton {
    color: #fff !important;
}

.UMAPSaveUrbExLock {
    display: none;
}
.ui-dialog.UIWinX1 .ui-dialog-titlebar {
    font: var(--D8X16);
    padding: 1px;
    padding-left: 0.5em;
    border-radius: 0;
    background: var(--C32);
    color: var(--C1);
    border: none;
    font-weight: normal;
    border-bottom: #000 1px solid;
}

.ui-dialog.UIWinX1 .ui-dialog-titlebar button {
    border: #000 1px solid;
    background-color: var(--C15);
    padding: 0;
    height: 19px;
    box-shadow: 1px 1px var(--C1);
}

.ui-dialog.UIWinX1 .ui-dialog-titlebar .Pulsantiera button {
    margin-top: 3px;
    margin-right: 2px;
}

.ui-dialog.UIWinX1 {
    padding: 0;
    border-radius: 4px;
    border: #000 2px solid !important;;

}

.ui-dialog.UIWinX1 .ui-dialog-content {
    margin: 2px;
}

.UIWinX1 .Pulsantiera button {
    margin-top: 2px !important;
    margin-right: 2px !important;
    margin-left: 2px !important;
}

.AutoplayLock {
    background: #400;
    text-align: center;
    color: #F00;
    font: var(--D8X16);
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/menu/D.gif);
    cursor: pointer;
}

.UrbExDOSTTY {
    scrollbar-color: var(--C3) var(--C22);
}

.ui-dialog * {
    scrollbar-color: var(--C22) #eee;
}

.EUIDialog {
    overflow: visible !important;
}

.UMapMobileBody .MAPUIBottomClose {
    position: absolute;
    top: -1.5em;
    width: 1.8em;
    height: 1.8em;
}

.UMapMobileBody .EUIDialog {
    display: table;
    min-height: calc( 100vh - 2.9em ) !important;
}

.UMapMobileBody .UrbExDOSTTY pre {
    font: var(--D6X8);
}

.UMapMobileBody .UrbExDOSTTY pre span {
    font: var(--D6X8);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF1 {
    font: VAR(--RCOPT);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF2 {
    font: VAR(--ISO8X16);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF3 {
    font: VAR(--CALC);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF4 {
    font: VAR(--ROMAN);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF5 {
    font: VAR(--TREMOLO);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF6 {
    font: VAR(--HORROR);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF7 {
    font: VAR(--GOTHIC);
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF8 {
    font-weight: bold;
}

.UMapScreenBody .MinTermLine .MiniTermLCOXF9 {
    font-style: italic;
}

.UMapScreenBody .MinTermLine .MiniTermLCOX  {
    line-height: 16px !important;
}

.MiniTermTTY_C .MinTermLine {
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    height: 1em;
    line-height: 1em;
    background: VAR(--C0);
}

#EUIMultiHome .AppXItem { cursor: pointer; font-size: 8pt; }
#EUIMultiHome .AppXIco { width: 16px; height: 16px; }
#EUIMultiHome .AppXNoclick { cursor: default !important; }
#EUIMultiHome .AppXTit { overflow: hidden; width: calc( 100% - 35px ) ; display: inline-block; line-height: 1em; }

/**
* #TMP FIX
* @dePodorico
* @todo TEST_NEXT_VERSION
**/
#DialogUMapAddSubMarkerPost .UIFileAJAX {
    visibility: hidden;
    height: 2px;
    overflow: hidden;
}

#map:focus { outline: none; }
#mapDiv:focus { outline: none; }
body *:focus { outline: none; }

.UMAPUIInfoDiv {
    position: fixed;
    z-index: 1000;
    bottom: 18pt;
    right: 45pt;
    font: var(--D8X16);
    background: var(--C1);
    color: var(--C14);
    box-sizing: border-box;
    padding: 0.5em;
    border: var(--C11) 1px solid;
    border-radius: 8px;
    padding-left: 24px;
    background-image: url(/menu/POX2.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    max-width: 70%;
    overflow: hidden;
}

.UMapMobileBody .UMAPUIInfoDiv {
    font: var(--D6X8);
    height: 24px;
    line-height: 15px;
}

.EUICard {
    width: 25em;

    border: #ccc 1px solid;
    overflow: hidden;
    display: inline-block;
    border-radius: 4px;
    position: relative;
    padding: 4px;

}

.EUICard .card-img-top {
    width: 100%;
    position: absolute;
    display: block;
    top: 50%;
    transform: translate(0,-50%);
}

.EUICard .card-img-cont {
    width: 100%;
    height: 11em;
    border: #ccc 1px solid;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.EUICard .card-body {
    background: #fff;
    text-align: right;
}

.EUICard .card-title {
    font: var(--D8X16);
    width: 100%;
    min-height: 2em;
    overflow: hidden;
    text-align: left;
}

.EUICard .card-text {
    display: block;
    height: 4.4em;
    line-height: 1.1em;
    overflow: hidden;
    text-align: left;
}

.EUICard .card-body button {
    padding: 0.2em 1em;
    font: var(--D8X16);
}

.EUICard .card-info {
    text-align: left;
    font-size: 7pt;
}

.EUICard .card-info .card-info-key {
    font-weight: bold;
    color: #048;
    display: inline-block;
    width: 26%;
}

a.MapInfoDescParser {
    color: #048;
    font-weight: bold;
    text-decoration: none;
}

.EUISubForm {
    margin-top: 1em;
    border: #ccc 1px solid;
    border-radius: 4px;
    padding: 4px;
    background: #eee;
}

.EUISubForm .EUISubTitle {
    text-align: center;
    font: var(--D8X16);
    color: var(--C3);
    background: var(--C15);
    border-radius: 4px;
    margin-bottom: 4px;
    border: #ccc 1px solid;
}

.EUIKBDSpieg {
    font-size: 8pt;
    display: block;
}

.EUIKBDSpieg span {
    background: var(--C7);
    display: inline-block;
    border-radius: 4px;
    padding: 1px 0.5em;
    border: var(--C8) 1px solid;
    color: var(--C0);
    font: var(--D8X8);
}

.BodyLoading * {
    cursor: url('/img/clessidra.gif') 6 10, progress;
}

.BodyWorking * {
    cursor: url('/img/clessidra2.gif') 6 10, progress;
}

.DePodoricoBT {
    clear: both !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: none !important;
}

.RightButtonBar {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: right;
}

.RightButtonBar button {
    display: inline-block;
}

#DialogWishListWishPost .AppXTitle {
    text-align: center;
    font: var(--VGA);
}

/* FixMob */

.UMapMobileBody #Dialog_Search_UnamedMethod {
    width: 100% !important;
}

.UMapMobileBody #Dialog_Search_UnamedMethod  #FormSearch {
    height: 2.8em !important;
}

.UMapMobileBody .GUIDosShellD div {
    margin-left: 0;
    margin-right: 0;
}

.UMapMobileBody .MapInfoSearchKey {
    width: 6.5em !important;
    font-size: 7pt;
}

.UMapMobileBody .MapInfoSearchVal {
    font-size: 7pt !important;
}

.UMapMobileBody .MapInfoSearchDescFull {
    font-size: 7pt;
}

.UMapMobileBody #MapInfoSearchTableRes {
    margin: 0;
}

.UMapMobileBody .MapInfoSearchListItem td:nth-child(3) {
    padding-left: 2px;
}

.UMapMobileBody .HelpQRC .AppXT {
    font: var(--VGA);
    line-height: 3rem;
}

.UMapMobileBody .EUIDialog {
    width: calc(100% - 5px) !important;
}

.UMapMobileBody .ui-dialog.UIDialogPush {
    left: 0 !important;
    top: 0 !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: auto;
    height: 100vh !important;
}


.UMapMobileBody .GUICommunityGrpLst.GUICommunityTP tr td:nth-child(3) {
    display: none;
}

.UMapMobileBody .EUIDialog.UIWinX1 {
    width: calc(100vw - 8px) !important;
}

.CSSDePodoricoRow {
    margin: 0;
}

.UMapBackMarker {
    border: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    position: absolute;
    width: 36px;
    height: 16px;
}

.UMapBackMarker img {
    background: #084;
    border: #000 1px solid;
    width: 14px;
    height: 14px;
    border-radius: 6px;
}

.UMapBackMarker .AppXCenter {
    position: absolute;
    top: -2px;
    left: 11px;
}

.UMapBackMarker .AppXLeft {
    position: absolute;
    left: -2px;
    top: 2px;
}

.UMapBackMarker .AppXRight {
    position: absolute;
    right: -2px;
    top: 2px;
}

.UMapBackMarker .AppXLeft2 {
    position: absolute;
    left: 4px;
    top: -2px;
}

.UMapBackMarker .AppXRight2 {
    position: absolute;
    right: 4px;
    top: -2px;
}

.EUIMenuSelCol {
    display: inline-block;
    width: 14px;
    height: 15px;
    border: #ccc 1px solid;
    border-radius: 4px;
    margin: 1px;

}

.MapHighlightingSample .MapHighlightingEvid {
    display: inline-block;
    width: 2em;
    height: 1.1em;
    border: #ccc 1px solid;
    border-radius: 4px;
}

.EUIIcoMenu {
    width: 16px;
    height: 16px;
    margin-right: 1px;
}

ul.dropdown-menu li a {
    padding-left: 2px !important;
}

.dropdown-menu {
    min-width: 15em;
}

.dropdown-menu li {
    width: 100%;
}

.MenuDropdownTitle {
    width: 100% !important;;
}

.dropdown li.divider {
    margin: 1px 0 !important;
    border-top: #ccc 1px solid;
}

.EUIFixForm label {
    width: 100%;
    padding: 0 0.25em;
}

.EUIFixForm input[type=file] {
    padding: 0;
}

.SpazioPodorico.UMapMobileBody {
    background: #fff !important;
}

.UMapMapZCls2 .UIMapGroup {
    font-size: 6pt;
}

.UMapWebAppDisabled .UMapOnWebApp {
    display: none !important;
}

.UMapWebAppEnabled .UMapOnNoWebApp {
    display: none !important;
}

.EUIDosButton {
    display: inline-block;
    /** padding: 6px 12px; **/
    padding: 4px 0.5em;
    margin-bottom: 0;
    font: VAR(--D8X16) !important;
    font-weight: normal !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 2px outset #444;
    border-radius: 4px;
    background: #48c;
    color: #fff;
}

.EUIDosButton:hover {
    filter: brightness(120%);
    border-style: inset;
}

.EUIDosButton.EUIMin {
    border-width: 1px !important;
}

.btn.EUIDosButton {
    font: VAR(--VGA);
    padding: 1px 4pt;
    font-weight: normal !important;
    border: 2px outset #444;
}

.btn.EUIDosButton img {
    width: 16px;
    height: 16px;
}

.EUIDosButton img {
    background: #fff;
    border-radius: 4px;
    border: #000 1px solid;
    box-sizing: content-box;
    width: 16px;
    height: 16px;
}

.APIAction.EUIFixForm label {
    width: 100%;
}

.UMapMobileBody .ui-dialog .ui-dialog-title {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

.UMapMobileBody .Pulsantiera button {
    margin-top: calc(0.25em + 2px) !important;
    margin-right: 1mm !important;
}

.EUIBPanel {
    font: VAR(--D8X16);
    background: VAR(--C3);
    padding: 0.5em;
    border: VAR(--C1) 1px solid;
}

.EUIBPanel .EUIDosButton {
    padding: 2pt 4pt;
    margin-right: 4pt;
}

.EUIBPanel .EUIDosButton img {
    margin-right: 4pt;
}

.EUIBPanel .Spieg {
    font: VAR(--D8X8);
    color: VAR(--C15);
    margin-top: 8px;
}

.EUIBPanel .EUIBPanelTitle {
    color: VAR(--C11);
    margin-bottom: 4pt;
}

.EUIDosButton .EUIRawIcon {
    width: 16px;
    height: 16px;
    border: none;
    border-radius: 0;
    background: transparent;
}

.EUIXGreen {
    background-color: VAR(--C10);
    color: VAR(--C1);
}

.EUIXBlue11 {
    background-color: VAR(--C11);
    color: VAR(--C1);
}

.EUIXRed {
    background-color: VAR(--C13);
    color: VAR(--C0);
    border-color: VAR(--C4);
}

.EUIXGrey {
    background-color: VAR(--C7);
    color: VAR(--C0);
    border-color: VAR(--C8);
}

.EUIXWhite {
    background-color: VAR(--C15);
    color: VAR(--C0);
    border-color: VAR(--C8);
}

.EUIXBlue9 {
    background-color: VAR(--C9);
    color: VAR(--C15);
    border-color: VAR(--C1);
}

.EUIXYellow {
    background-color: VAR(--C14);
    color: VAR(--C0);

}

.EUIXOrange {
    background-color: VAR(--C16);
    color: VAR(--C0);
    border-color: VAR(--C6);
}

.EUIXGreenH {
    background-color: VAR(--C19);
    color: VAR(--C0);
    border-color: VAR(--C2);
}

.EUIRawIUcon {
    padding: 0 !important;
    border: none !important;
    width: 16px;
    height: 16px;
    border-radius: 0 !important;
}

.EUIClickable {
    cursor: pointer;
}

.EUExtraDialog_DOS {
    background: #000;
    color: #fff;
    font: VAR(--D8X16);
}

.EUExtraDialog_DOS .ui-dialog-content {
    margin: 0 !important;
    padding: 0 !important;
}

.EUExtraDialog_DOS {
    max-height: 80vh;
    overflow-y: scroll;
}

.EUExtraDialog_DOS .MiniTermTTY_C[data-nomax="1"] {
    height: 400px;
    max-height: 80vh;
    overflow-y: scroll;
}

.UMapScreenBody .EUExtraDialog_Tilt .ui-dialog-titlebar {

    background-color: var(--C13) !important;
    color: var(--C0) !important;
    font: var(--RCOPT) !important;
    border-radius: 2px;

}

.UMapScreenBody .EUExtraDialog_Tilt .EUIDialog {
    font: var(--D8X16);
    background: var(--C15);
    padding: 0;

}

.UMapScreenBody .EUExtraDialog_Tilt {

    padding: 3px !important;
    background: var(--C4);

}

.EUIDosTTYFix {
    height: 400px;
    max-height: 80vh;
    overflow-y: scroll;
}

/** @dePodorico Google maps Fix **/
.gm-style iframe + div { border:none!important; }

.UMapScreenBody .EUIInfoWindowFix_U {
    position: relative;
    overflow: visible;
    height: 14px;
}

.UMapScreenBody .EUIInfoWindowFix_B {
    position: absolute;
    right: 0;
    top: 0;

    cursor: pointer;

    border-radius: 50%;

    border: #000 1px solid;
    background: #fff url(/img/MX.gif) no-repeat center;
    width: 14px;
    height: 14px;
}

.UMapScreenBody .gm-style-iw-t .gm-style-iw-chr .gm-style-iw-ch {
    padding-top: 2px;
    background: var(--C3);
}

.UMapScreenBody .gm-style-iw-t .gm-style-iw.gm-style-iw-c {
    background: var(--C3);
    padding: 5px;
}

.UMapScreenBody button.gm-ui-hover-effect {
    display: none !important;
}

.UMapMobileBody .EUIInfoWindowFix_U {
    display: none;
}

.UMapScreenBody .gm-style-iw-a .gm-style-iw-t .gm-style-iw-tc::after {
    background: var(--C3);
}

.UMapScreenBody .ui-dialog-title {
    padding-left: 1px;
}

.UMapScreenBody .MinTermLine {
    padding-right: 2px;
}

.EUIFormSectionTitle {
    font: VAR(--D16X16);
    font-weight: normal;
    background: VAR(--C9);
    color: VAR(--C11);
    padding-left: 2pt;
}

.EUIFormSectionTitle2 {
    font: VAR(--D8X16);
    font-weight: normal;
    background: VAR(--C1);
    color: VAR(--C10);
    padding-left: 2pt;
}

.EUIFixaCazzate {
    margin: 0 !important;
}

.EUIBFlagNoMapMode .UMapEvidNoMap {
    background-color: #FEC;
}

.EUIBFlagNoMapMode .EUIMapModeC {
    background-color: #FEC;
}

.EUIBFlagNoMapMode .EUIMapUIZoom {
    background-color: #FEC;
}

/* WALL */

.UMapInit_Wall {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    background-color: #cef;
    border-top: #ccc 1px solid;
    user-select: none;
}

.UMapInit_Wall .UMapInit_Banner img {
    max-width: 20vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.UMapInit_Wall .UMapInit_Button {
    position: absolute;
    max-width: 20vw;
    max-height: 20vh;
    border: var(--C7) 3px outset;
    width: 120px;
    height: 120px;
    border-radius: 4pt;
    cursor: pointer;
    background: var(--C15);
    background-image: url(/img/extraIcons/etc.png);
    background-repeat: no-repeat;
    background-position: center 40%;
    background-size: auto;
    overflow: hidden;
    text-align: center;

}

.UMapInit_Wall .UMapInit_Button div {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.UMapInit_Wall .UMapInit_Button div span {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    color: var(--C1);
    font: var(--D8X16);
}

.UMapMobileBody .UMapInit_Wall .UMapInit_Button div span {
    display: none;
}

.UMapMobileBody .UMapInit_Wall .UMapInit_Button {
    width: 18mm;
    height: 18mm;
    background-size: contain;
}

.UMapInit_Wall .UMapInit_Button:hover {
    background-color: #8cf;
}

.UMapInit_Wall .UMapInit_Button:hover div span {
    color: var(--C0);
}

.UMapInit_Wall .UMapInit_Button.UMapInit_Button1 {
    right: 1em;
    top: 1em;
    background-image: url(/img/extraIcons/password.png);
}

.UMapInit_Wall .UMapInit_Button.UMapInit_Button2 {
    right: 1em;
    bottom: 1em;
    background-image: url(/img/extraIcons/QRCode.png);
}

.UMapInit_Wall .UMapInit_Button.UMapInit_Button3 {
    left: 1em;
    top: 1em;
    background-image: url(/img/extraIcons/biglietto.png);
}

.UMapInit_Wall .UMapInit_Button.UMapInit_Button4 {
    left: 1em;
    bottom: 1em;

}

.UMapInit_Wall .UMapInit_WallMessage {
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    transform: translate(-50%,0);
    font: var(--D8X16);
    max-width: 45vw;
    background-color: var(--C9);
    color: var(--C0);
    border: var(--C1) 1px solid;
    padding: 0.25em 0.5em;
    border-radius: 4px;
}

.UMapInit_IPBAN {
    color: var(--C0) !important;
    background: var(--C16) !important;
}

#map.bootPres .UMapInit_Wall {
    background-image: url(/asset/DADA1.gif);
}

.MapManager_MapFlags {
    position: absolute;
    left: 8px;
    top: 5.1em;
    font-size: 8pt;
}

.MapManager_MapFlags .AppXMapFlag {
    line-height: 16px;
    padding: 2pt 5pt;
    border: #000 1px solid;
    border-radius: 2pt;
    color: #000;
}

.MapManager_MapFlags .AppXMapFlagB {
    background-color: var(--C16);
    color: #000;
}

.MapManager_MapFlags .AppXMapFlag img {
    max-height: 16px;
}

.MapManager_MapFlags .AppXMapFlag.AppXZeroMap .AppX1 {
    font: var(--D8X8);
    color: var(--C11);
    background-color: var(--C1);
    padding: 1px;
}

.MapManager_MapFlags .AppXMapFlag.AppXZeroMap {
    background: var(--C7);
}

.MapManager_MapFlags .AppXMapFlag.AppXPause {
    background: var(--C3);
    color: var(--C11);
}

.MapManager_MapFlags .AppXMapFlag.AppXDeny {
    background: var(--C8);
    color: var(--C1);
}

.UMapMobileBody .container-fluid {
    padding: 0 4px !important;
}

.EUIIllustr {
    max-width: 90%;
    height: auto;
    margin: 0.5em auto;
    display: block;
    border: #888 1px solid;
    border-radius: 4pt;
}

.EUIRomance {
    font: VAR(--ISO8X16);
}

.EUIRomance b {
    font: VAR(--D8X16);
    font-weight: normal;
}

.EUIRomance i {
    font: VAR(--ROMAN)
}

h1,h2 {
    font: VAR(--DX16X16);
}

h3,h4 {
    font: VAR(--D8X16);
}

h5 {
    font: VAR(--D8X16);
}

h1,h2 small {
    font: VAR(--RCOPT);
}

.EUIRomance h3 {
    font: VAR(--ROMAN);
}

.EUIRomance h3 strong {
    font: VAR(--D8X16);
    font-weight: normal;
}

.EUIRomance strong {
    font: VAR(--D8X16);
}

.EUIRomance h4 {
    font: VAR(--ROMAN);
}

.EUIRomance .small {
    font: var(--D8X8);
}

.EUIRomance .small b {
    font: var(--D8X8B);
}

.EXICard {
    border: #ccc 1px solid;
    width: 20em;
    max-width: 90vw;
    overflow: hidden;
    border-radius: 3pt;
    margin: 0.25em 0.5em;
    font: var(--D8X16);
    display: inline-block;
}

.EXICard .AppXImg {
    height: 9em;
    overflow: hidden;
    border-bottom: #ccc 1px solid;
    position: relative;
    background: var(--C7);
}

.EXICard .AppXImg img {
    max-width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: #888 1px solid;
    display: block;
}

.EXICard * {
    text-align: left;
}

.EXICard h2,h4,h4,h5 {
    font: var(--D8X16);
    padding: 4pt;
}

.EXICard h1,h2,h4,h4,h5 {
    height: 1.5em;
    line-height: 1.1em;
    overflow: hidden;
}

.EXICard small {
    font: var(--D8X8B);
}

.EXICard h1 {
    height: 1.1em;
    font: var(--D16X16);
    padding: 4pt;
}

.EXICard h1 small {
    font: var(--D8X16);
}

.EXICard .AppXDesc {
    font: VAR(--ROMAN);
    padding: 4pt;
    height: 6em;
    line-height: 1em;
    overflow: hidden;
}

.EXICard .AppXDesc i {
    font: VAR(--ISO8X16);
}

.EXICard .AppXBut {
    padding: 4pt;
    text-align: right;
}

.EXICard .AppXBut * {
    text-align: left;
}

.EXICard .AppXBut a {
    text-decoration: none !important;
}

.EXICard .AppXBut a, a:visited, a:hover, a:active {
    color: inherit;
}

.EXICard .EUIDosButton {
    background: var(--C17);
}

.EUIScrollTableC {
    width: 80%;
    overflow-y: auto;
    border: 1px solid #ccc;
}

.EUIScrollTableC table {
    width: 100%;
    border-collapse: collapse;
}

.EUIScrollTableC thead {
    position: sticky;
    top: 0;
    background-color: #f1f1f1;
    z-index: 1;
}

.EUIScrollTableC tbody {
    overflow-y: auto;
}

.EUIScrollTableCYScroll tbody {
    overflow-y: scroll;
    overflow-x: auto;
}

.EUIXTableStyle {
    width: 100%;
    height: 30em;
    max-height: 80vh;
}

.EUIXTableStyle thead tr td div {
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    height: 1em;
    overflow: hidden;
}

.EUIXTableStyle tbody tr:nth-child(odd) td {
    background-color: #def;
}

.EUIXTableStyle tbody tr:nth-child(even) td {
    background-color: #efe;
}

.EUIScrollTableCYScroll table tbody td {
    padding-left: 2pt;
    padding-right: 2pt;
}

.UMapBrand {
    float: left;
    display: inline-block;
    max-height: 44px;
    height: 44px;
    overflow: hidden;
    padding-top: 11px;
    padding-left: 2px;
    padding-right: 3px;
}

.UMapBrand .AppXIcon {
    cursor: pointer;
    font-size: 13pt;
    font-weight: bold;
    margin-right: 8px;
    display: inline-block;
    background-image: url(/asset/BIGCAT.gif);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    float: left;
}

.UMapBrand .AppXTitle {
    font-size: 13pt;
    font-weight: bold;
    color: #555;
    display: inline-block;
    cursor: pointer;
}

.EUIScreenForm_Title {
    font: var(--D16X16);
    text-align: center;
    height: 1.5em;
    line-height: 1.5em;
    background: var(--C9);
    color: Var(--C10);
    border-bottom: #000 1px solid;
    overflow: hidden;
}

.EUIScreenForm_X {
    position: absolute;
    right: 0;
    top: 0;
    font: var(--D16X16);
    width: 1.5em;
    height: 1.5em;
    border-left: #000 1px solid;
    border-bottom: #000 1px solid;
    cursor: pointer;
    background-image: url(/menu/D.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--C1);
}

.EUIScreenForm_X:hover {
    background-color: var(--C9);
}

.EUIScreenForm_Form {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    z-index: 999999;
}

.EUIScreenForm_Content_FIX {
    overflow: hidden !important;
}

.EUILeftPanel {
    width: 50%;
    height: 100%;
    float: left;
}

.EUIRightPanel {
    height: 100%;
}


.EUISelect2Combo {
    display: inline;
}

.EUISelect2ComboImg {
    display: inline;
}

.EUISelect2ComboText {
    display: inline-block;
    width: calc(100% - 40px);
    line-height: 1em;
}

.EUISelect2Combo .EUISelect2Keyw {
    border-bottom: #048 1px solid;
}

.EUISelect2Combo .EUISelect2Keyw:before {
    content: "#";
    font-size: 9px;
    color: #aaa;
}

.select2-results__option  .EUISelect2Combo.EUIBySelect2Keyw .EUISelect2Keyw {
    border: var(--C1) 1px solid;
    padding: 1px 4px;
    border-radius: 4px;
    background: var(--C11);
    color: var(--C1);
}

.select2-results__option  .EUISelect2Combo.EUIBySelect2Keyw .EUISelect2Keyw:before {
    color: var(--C1);
    content: "#";
}

.UMapEUIAddedExtHotKey_C {
    position: relative;
}

.UMapEUIAddedExtHotKey {
    display: block;
    font-size: 7pt;
    color: #fff;
    background: #5897fb;
    padding: 0 4px;
    border-radius: 4px;
}

.UMapEUIAddedExtHotKey {
    position: absolute;
    top: 0.2em;
    right: 2px;
    background: var(--C9);
    height: 1.3em;
}

.UMapEUIAddedExtHotKey_K:before {
    content: "[";
}

.UMapEUIAddedExtHotKey_K:after {
    content: "]";
}

.UMapEUIAddedExtHotKey_P {
    margin: 0 2px;
}

.UMapEUIAddedExtHotKey_H {
    visibility: hidden;
    display: inline-block;
    height: 1px;
    overflow: hidden;
    margin-left: 2em;
}

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

.EUITableLayout td {
    padding-left: 1em;
    padding-right: 1em;
}

.EUITableLayout td:nth-child(1) {
    width: 10em;
}

.EUISearchBox {
    display: block;
    width: calc(100% - 4pt);
    margin: 2pt;
    border: #aaa 1px solid;
    border-radius: 3px;
    background-color: #fff;
    color: #048;
    font-size: 9pt;
    padding-right: 24px;
    background-image: url(/menu/FLT.gif);
    background-repeat: no-repeat;
    background-position: calc(100% - 2px) center;
    min-height: 20px;
}

.UICCClickCopy {}

.__UICCClickCopy {
    cursor: url(/img/cursor/copy.png), copy !important;
    border: #ccc 1px solid;
}

.__UICCClickCopy:hover {
    border: #048 2px solid;
}

.__UICCClickCopy:active {
    border: #48C 2px solid;
    background: #cef;
    color: #008;
}

.UMap_Layout_MapUI_Flag_county .UMap_Layout_MapUI_Flag_county_OPZM {
    background-color: #cef;
}

.UMap_Layout_MapUI_Flag_urbex .UMap_Layout_MapUI_Flag_urbex_OPZM {
    background-color: #cef;
}

.UMap_Layout_MapUI_Flag_urbex .UMap_Layout_MapUI_Flag_urbex_OPZ {
    background-color: #fff;
}

.UMap_Layout_MapUI_Flag_county .UMap_Layout_MapUI_Flag_county_OPZ {
    background-color: #fff;
}

body:not(.UMap_Layout_MapUI_Flag_urbex) .UMap_Layout_MapUI_Flag_urbex_OPZ {
    background-color: #ccc;
}

body:not(.UMap_Layout_MapUI_Flag_county) .UMap_Layout_MapUI_Flag_county_OPZ {
    background-color: #ccc;
}