/* *, *::before, *::after {box-sizing: border-box;} */

/***************/
/* ESDataField */
/***************/
.ESDataField {font-family:geneva, verdana, arial, helvetica, sans-serif; font-size:12px; height:auto;}
.ESDataField {clear:none; float:left; text-align:left; vertical-align:top; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; margin-bottom:5px;}

.ESDataField label {float:left; border:0px; text-align:right; line-height:18px; font-weight:normal; padding:0px 4px 0px 0px;}
.ESDataField label {position:relative; color:#525253; font-weight:normal; letter-spacing:normal; border-collapse:collapse;}
.ESDataField label span {color:#525253; font-weight:normal; letter-spacing:normal; border-collapse:collapse;}
.ESDataField label.top {width:100%; text-align:left;}
.ESDataField label.top span:before {content:'\25BA\00a0'; color:gray; font-size:smaller;}
.ESDataField label.top small {float:right; padding-right:2px; color:purple;}

.ESDataField label a {float:none; color:rgb(55, 85, 108); font-weight:normal; letter-spacing:normal; text-decoration:none; width:auto;}
.ESDataField label a.link {color:rgb(55, 85, 108); text-decoration:underline;}
.ESDataField label:hover a.link {font-weight:bold;}

.ESDataField a.link {float:right; color:rgb(55, 85, 108); font-weight:normal; letter-spacing:normal; text-decoration:none; width:auto; list-style:none; text-decoration:none !important;}
.ESDataField a.link label {display:none;}
.ESDataField a.link span.icon {float:right; width:26px; height:16px; background-image:url('../images/DataField/link.svg'); background-position:center center; background-size:14px 14px; background-repeat:no-repeat; border-radius:4px 4px; cursor:pointer;}
.ESDataField a.link span.icon:before {content:'';}
.ESDataField a.link span.icon:hover {background-color:greenyellow;}
.ESDataField a.link:hover:after {content:'\25BA'; color:blue;}

.ESDataField details {float:left; position:relative; width:100%;}
.ESDataField details summary {float:left; width:100%;}
.ESDataField details __summary {background-image:url('../images/DataField/help.svg'); background-size:16px 16px; background-position:right center; background-repeat:no-repeat;}
.ESDataField details summary span {float:none; color:rgb(55, 85, 108); cursor:help; font-weight:normal; letter-spacing:normal; text-decoration:none; text-align:left; width:100%; line-height:18px;}
.ESDataField details summary small {position:absolute; right:2px; padding-top:2px; color:purple;}

.ESDataField details __div {position:absolute; z-index:99; left:0px; padding:5px; margin-top:20px; width:100%; min-height:50px; min-width:200px; box-shadow: 0px 0px 4px #222; border-bottom-left-radius:8px; border-bottom-right-radius:8px; __border-top:dotted 1px gray; background-color:greenyellow; color:purple; font-size:12px; font-style:italic;}
.ESDataField details div {position:relative; z-index:99; left:0px; padding:5px; margin-top:20px; width:100%; min-height:50px; min-width:200px; box-shadow: 0px 0px 4px #222; border-bottom-left-radius:8px; border-bottom-right-radius:8px; __border-top:dotted 1px gray; background-color:greenyellow; color:purple; font-size:12px; font-style:italic;}

.ESDataField details summary:focus {background-color:lightgoldenrodyellow; outline:0px solid blue;}

.ESDataField input, .ESDataField select, .ESDataField textarea {font-family:geneva, verdana, arial, helvetica, sans-serif; font-size:12px; vertical-align:middle; border-collapse:collapse; box-sizing:border-box;}
.ESDataField input, .ESDataField select, .ESDataField textarea {background-color:white; width:100%; color:#0e364e; font-weight:bold; border:solid 0px #808080; letter-spacing:normal; line-height:18px; min-height:22px;}
.ESDataField input::placeholder, .ESDataField select::placeholder, .ESDataField textarea::placeholder {color:rosybrown; font-weight:normal; font-size:12px; padding-left:4px;}

.ESDataField input:disabled, .ESDataField textarea:disabled {color:rgba(33,66,99, 0.6) !important; background-color:rgba(169,169,169,0.6);}
.ESDataField input:focus, .ESDataField select:focus, .ESDataField textarea:focus {outline:2px solid gold; outline-offset:1px; border-radius:2px 2px;}

.ESDataField .multi-box.data:__focus-within input {height:44px; padding-top:22px;}
.ESDataField .multi-box.data __input {height:44px; padding-top:22px;}
.ESDataField .multi-box.data:focus-within output {color:purple;}
.ESDataField .__data:focus-within::after {content:'help'; position:absolute; z-index:999; right:2px; font-size:smaller; padding:3px; border-radius:3px 3px; background-color:greenyellow;}

.ESDataField .label input[type=checkbox] {position:absolute; right:0px; width:14px; min-height:14px; padding:0px;}
.ESDataField .label input[type=checkbox]:focus {outline:0px solid gold; outline-offset:0px; border-radius:0px 0px;}

.ESDataField .data input[type=range] {}

.ESDataField .data output {display:none; min-height:20px; line-height:20px; __color:transparent;}
.ESDataField .data output.show {display:flex; position:absolute; right:5px; z-index:99; border:0px; color:gray; font-weight:normal; __padding-top:2px;}
.ESDataField .view output.show {display:flex; position:absolute; right:5px; z-index:99; border:0px; color:gray; font-weight:normal;}

.ESDataField .data ___output.range {float:left; width:100%; padding:0px; margin-top:0px; line-height:18px; min-height:20px; text-indent:2px;}

.ESDataField option {color:#0e364e;}
.ESDataField optgroup {color:brown;}

.ESDataField span {border-collapse:collapse;}
.ESDataField span {color:#0e364e; float:left; height:auto; text-align:left; font-weight:bold; vertical-align:top; letter-spacing:normal;}

.ESDataField span.data {position:relative; padding-bottom:0px; background-color:white;} 
.ESDataField span.data .img-command {float:right; position:absolute; top:2px; right:1px; z-index:1; height:15px; padding-right:1px;}
.ESDataField span.data .img-command:hover {background-color:lightgray;}
.ESDataField span.data.break {clear:left; margin-top:2px;} 

.ESDataField span.check {position:relative; float:left; color:blue; border:solid 0px darkgray !important; background-color:transparent; vertical-align:middle; height:20px;}
.ESDataField span.check INPUT {display:none;}
.ESDataField span.check LABEL {__display:none;} 

/* checkbox switch */
.ESDataField .switch {position:relative; display:block; vertical-align:top; width:100%; height:22px; padding:0px; border-top:dotted 1px gray; background:linear-gradient(to bottom, #eeeeee, #FFFFFF 25px); background-image:-webkit-linear-gradient(top, #eeeeee, #FFFFFF 20px); border-radius:18px; box-shadow:inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor:pointer;}
.ESDataField .switch-label {position:relative; height:100%; width:100%; display:block; font-size:12px; text-transform:uppercase; background:#eceeef; border-radius:inherit; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);}

.ESDataField .switch-label:before {position:absolute; top:50%; margin-top:-.5em; line-height:1; -webkit-transition:inherit; -moz-transition:inherit; -o-transition:inherit; transition:inherit;}
.ESDataField .switch-label:after {position:absolute; top:50%; margin-top:-.5em; line-height:1; -webkit-transition:inherit; -moz-transition:inherit; -o-transition:inherit; transition:inherit;}
.ESDataField .switch-label:before {content:attr(data-off); right:11px; color:#aaaaaa; text-shadow:0 1px rgba(255, 255, 255, 0.5);}
.ESDataField .switch-label:after {content:attr(data-on); left:11px; color:#FFFFFF; text-shadow:0 1px rgba(0, 0, 0, 0.2); opacity:0;}

.ESDataField .switch-handle {position:absolute; top:1px; left:2px; width:20px; height:20px; background:linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image:-webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius:100%; box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}
.ESDataField .switch-handle:before {content:""; position:absolute; top:50%; left:50%; margin:-6px 0 0 -6px; width:12px; height:12px; background:linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image:-webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius:6px; box-shadow:inset 0 1px rgba(0, 0, 0, 0.02);}
.ESDataField .switch-label, .ESDataField .switch-handle {transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}

.ESDataField span.check input[type=checkbox]:checked~.switch .switch-label {background:#0088cc; border-color:#0088cc; box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.ESDataField span.check input[type=checkbox]:checked~.switch .switch-label:before {opacity:0;}
.ESDataField span.check input[type=checkbox]:checked~.switch .switch-label:after {opacity:1;}
.ESDataField span.check input[type=checkbox]:checked~.switch .switch-handle {left:auto; right:3px; box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.2);}

.ESDataField span.check input[type=checkbox]~.switch-onoff .switch-label {background-color:#ff0000cc;}
.ESDataField span.check input[type=checkbox]:checked~.switch-onoff .switch-label {background-color:limegreen;}

.ESDataField span div {float:left; overflow:auto; padding:0px; position:absolute; background-color:#dde; display:none; border:solid 1px #000000;}
.ESDataField span div table {}
.ESDataField span div td {}

.ESDataField .img-info {float:right; height:18px;}
.ESDataField .lbl-info {float:left; vertical-align:middle; color:purple; font-weight:normal; font-style:italic; line-height:18px; padding-left:5px;}

.ESDataField img {float:left; margin:0px 0px 0px 1px; border:solid 0px black;}
.ESDataField i {color:blue;}
.ESDataField a {float:left; width:100%; text-decoration:none; color:#0e364e;}
.ESDataField a:link {}
.ESDataField a:visited {}
.ESDataField a:hover li {color:red; _background-color:#ffff99; _background:url('../images/DataField/link-over.gif') no-repeat;}
.ESDataField a:active li {color:red; _background-color:#ffff99;}

.ESDataField .__text-changed {color:purple; font-style:italic;}
.ESDataField .__text-confirmed {color:#0e364e; font-style:normal;}
.ESDataField .text-error {color:red; font-style:normal; text-decoration:line-through;}

.ESDataField .optional input, .ESDataField .optional select, .ESDataField .optional textarea, .ESDataField .optional output {border-bottom:solid 2px gray;}
.ESDataField .required input, .ESDataField .required select, .ESDataField .required textarea, .ESDataField .required output {border-bottom:solid 2px red;}
.ESDataField .required input:valid, .ESDataField .required select:valid, .ESDataField .required textarea:valid {border-bottom:solid 2px green; background-image:none;}
.ESDataField input[disabled], .ESDataField select[disabled], .ESDataField textarea[disabled] {border-bottom:0px;}

.ESDataField .data input:invalid, .ESDataField .data select:invalid, .ESDataField .data textarea:invalid {border-bottom:solid 2px red; __background-image:url('../images/DataField/alert-err.svg'); background-position:right center; background-size:20px 20px; background-repeat:no-repeat;}
.ESDataField .data input:focus, .ESDataField .data select:focus, .ESDataField .data textarea:focus {background-image:none;}

.ESDataField .__error {background-color:yellow !important; font-style:italic !important; border-left:solid 2px red;}
.ESDataField .error {background-image:url('../images/DataField/alert-err.svg'); background-position:right bottom; background-size:20px 20px; background-repeat:no-repeat;}

.ESDataField select {background-position:center right 16px !important;}
.ESDataField input[type=date] {background-position:center right 18px !important;}
.ESDataField input[type=month] {background-position:center right 18px !important;}
.ESDataField input[type=tel] {background-position:center right 18px !important;}
.ESDataField input[type=range] {min-height:18px;}
.ESDataField .required input[type=range]:valid + output {border-bottom:solid 2px green !important; background-image:none;}

.ESDataField .marked {border-left:solid 2px orange;}
.ESDataField .marked input, .ESDataField .marked select, .ESDataField .marked textarea {background-color:yellow;}
.ESDataField .check.marked {border-left:solid 0px orange;}

.ESDataField .fiscal-code {text-align:left; text-transform:uppercase;}
.ESDataField .numeric, .ESDataField .decimal, .ESDataField .money {text-align:right;}
.ESDataField .numeric.error, .ESDataField .decimal.error, .ESDataField .money.error {text-align:right; padding-right:20px;}

.ESDataField.df-hidden {display:none;}
.ESDataField.df-locked {}
.ESDataField.df-locked input {display:none;}
.ESDataField.df-locked output {display:block;}

.ESDataField.df-locked .multi-box nav {pointer-events: none;}
.ESDataField.df-locked .multi-box output {display:none;}

.ESDataField.df-required input, ESDataField.df-required select, ESDataField.df-required textarea, ESDataField.df-required output {border-bottom:solid 2px red !important;}
.ESDataField.df-required .file-box.optional .mask {border-bottom:solid 2px red !important;}

.ESDataField.df-full {width:100% !important;}
.ESDataField.df-full span {width:100% !important;}

.ESDataField.df-right .data input {text-align:right !important;}
.ESDataField.df-right .data output {text-align:right !important;}

.ESDataField.df-output input {display:none !important;}
.ESDataField.df-output output {display:block !important;}

.ESDataField.df-green .data input, .ESDataField.df-green .data select, .ESDataField.df-green .data textarea, .ESDataField.df-green .view, .ESDataField.df-green label.mask, .ESDataField.df-green .toggle-box ul {background-color:#ddf7ab !important;}
.ESDataField.df-blue .data input, .ESDataField.df-blue .data select, .ESDataField.df-blue .data textarea, .ESDataField.df-blue .view, .ESDataField.df-blue label.mask, .ESDataField.df-blue .toggle-box ul {background-color:#c1e0ea !important;} 
.ESDataField.df-gray .data input, .ESDataField.df-gray .data select, .ESDataField.df-gray .data textarea, .ESDataField.df-gray .view, .ESDataField.df-gray label.mask, .ESDataField.df-gray .toggle-box ul {background-color:#e7e6e6 !important;} 
.ESDataField.df-purple .data input, .ESDataField.df-purple .data select, .ESDataField.df-purple .data textarea, .ESDataField.df-purple .view, .ESDataField.df-purple label.mask, .ESDataField.df-purple .toggle-box ul {background-color:#edb4f5c4 !important;} 
.ESDataField.df-yellow .data input, .ESDataField.df-yellow .data select, .ESDataField.df-yellow .data textarea, .ESDataField.df-yellow .view, .ESDataField.df-yellow label.mask, .ESDataField.df-yellow .toggle-box ul {background-color:lightgoldenrodyellow !important;}
.ESDataField.df-trasp .data input, .ESDataField.df-trasp .data select, .ESDataField.df-trasp .data textarea, .ESDataField.df-trasp .view, .ESDataField.df-trasp label.mask, .ESDataField.df-trasp .toggle-box ul {background-color:transparent !important;}
.ESDataField.df-orange .data input, .ESDataField.df-orange .data select, .ESDataField.df-orange .data textarea, .ESDataField.df-orange .view, .ESDataField.df-orange label.mask, .ESDataField.df-orange .toggle-box ul {background-color:orange !important;}
.ESDataField.df-orange.range-inline-80 span.data {background-color:orange !important;}

.ESDataField.df-soft .data input, .ESDataField.df-soft .data select, .ESDataField.df-soft .data textarea, .ESDataField.df-soft .view span {font-weight:normal;}
.ESDataField.df-scroll {margin-bottom:8px;}
.ESDataField.df-scroll .view {height:20vh; overflow:auto; border-bottom:solid 6px transparent !important; box-shadow:rgba(40, 68, 86, 0.5) 0px 2px 2px;}

.ESDataField.label-hidden {padding-top:0px !important;}
.ESDataField.label-hidden label {display:none;}

.ESDataField.label {vertical-align:middle; color:blue; font-weight:bold;}
.ESDataField.label-top {margin-right:15px; padding-top:4px;}
.ESDataField.label-top .data {border-top:dotted 1px gray;}
.ESDataField.label-top .view {border-top:dotted 1px gray; background-color:#efefef;}

.ESDataField.compact {margin-right:5px !important;}

.ESDataField.range-inline-50 {}
.ESDataField.range-inline-50 input {width:50%;}
.ESDataField.range-inline-50 output {width:auto; float:right;}

.ESDataField.range-inline-80 {}
.ESDataField.range-inline-80 input {width:80%;}
.ESDataField.range-inline-80 output {width:auto; float:right;}

.ESDataField .edit.multiline {}
.ESDataField .view.multiline {padding-bottom:6px;}

.ESDataField .edit:disabled {background-color:rgba(169,169,169,0.6);}
.ESDataField .view {position:relative; float:left; clear:none; width:100% !important; line-height:20px; color:blue; padding:0px; border:solid 0px gray; overflow:hidden; min-height:22px !important;}
.ESDataField .view span {display:inline-block; float:left; padding:2px 4px 2px 4px; border-bottom:solid 2px transparent !important; box-sizing:border-box;}
.ESDataField .view small.placeholder {color:purple; __color:rgb(168 177 183); font-weight:normal; font-size:12px;}
.ESDataField .view __small.placeholder:before {content:'\00AB';}
.ESDataField .view __small.placeholder:after {content:'\00BB';}

.ESDataField .view.break {clear:left; margin-top:2px;} 
.ESDataField .view.numeric span {text-align:right; padding:0;}
.ESDataField .view.range span {text-align:left;}

.ESDataField .view nav.list.view {padding:4px; border:0px; box-sizing:border-box;}
.ESDataField .view nav.list.view span {background-color:#deb88763; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:1px 6px 1px 0px; padding:0px 8px 0px 8px;}

.ESDataField .edit-view {float:left; color:blue; padding:3px; border:solid 1px gray; background-color:white; overflow:auto;}
.ESDataField .validator {color:black; background-color:yellow;}

.ESDataField.df-evidence input {background:linear-gradient(to left, #d6caf1 1px, white) !important;}
.ESDataField.df-evidence select {background:linear-gradient(to left, #d6caf1 1px, white) !important;}
.ESDataField.df-evidence textarea {background:linear-gradient(to left, #d6caf1 1px, white) !important;}
.ESDataField.df-evidence nav {background-color:white !important;}

/* ESDataField - TreeView */
.ESDataField .tree-edit {float:left; font-weight:bold; overflow:auto; border: solid 1px gray; min-height:100px;}
.ESDataField .tree-hide {float:left; font-weight:bold; overflow:auto; border: solid 0px gray; min-height:100px;}
.ESDataField .tree-view {float:left; font-weight:bold; overflow:auto; clear:none; min-height:100px;}
.ESDataField .tree-view B {color:#0e364e; font-weight:normal;}
.ESDataField .tree-view I {color:#0e364e; font-weight:normal;}
.ESDataField .tree-view UL {list-style:none; margin-left:8px; margin-top:0px; margin-bottom:0px; color:#0e364e;}
.ESDataField .tree.view OL {list-style:none; margin-left:0px; margin-top:0px; margin-bottom:0px; color:#0e364e;}
.ESDataField .tree-view LI {list-style:none; margin-left:8px; color:#0e364e;}

/* ESDataField FileBox */
.ESDataField .file-box {float:left; __line-height:20px;}
.ESDataField .file-box INPUT {display:none; border:solid 0px red;}
.ESDataField .file-box LABEL.mask {float:left; display:flex; flex-direction:row; width:100%; cursor:pointer; padding-right:0px; background-color:white;}
.ESDataField .file-box SPAN {float:left; width:100%; overflow:auto; padding:1px 4px 1px 2px; border:solid 0px rgb(128, 128, 128); height:20px; box-sizing:border-box;}
.ESDataField .file-box SPAN.text {color:rgb(14, 54, 78); background-color:transparent;}
.ESDataField .file-box SPAN.text i {color:gray; font-weight:normal;}
.ESDataField .file-box SPAN.drag {color:rgb(14, 54, 78); background-color:lightblue; overflow:hidden;}
.ESDataField .file-box SPAN.drop {color:rgb(14, 54, 78); background-color:lightgreen;}
.ESDataField .file-box SPAN SMALL {font-size:11px; font-weight:normal; color:black;}

.ESDataField .file-box IMG.upload {float:right; display:block; cursor:pointer; height:18px; width:17px;}			
.ESDataField .file-box IMG.clear {float:right; display:none; cursor:pointer; height:17px; width:17px;}			
.ESDataField .file-box IMG.kill {float:right; display:block; cursor:pointer; height:17px; width:17px;}			
.ESDataField .file-box IMG:hover {background-color:lightgray;}

.ESDataField .file-box.optional .mask {border-bottom:solid 2px gray;}
.ESDataField .file-box.required .mask {border-bottom:solid 2px red;}
.ESDataField .file-box .mask.good {border-bottom:solid 2px green;}

.ESDataField .file-box .ESFileInfo.text-link {display:flex; flex-direction:row; overflow:hidden; min-height:22px !important; padding:0px 0px 0px 0px; background-color:#efefef;}
.ESDataField .file-box .ESFileInfo.text-link a {padding:3px 0px 0px 0px; text-indent:26px; background-image:url('../images/DataField/download.svg'); background-size:20px; background-position:2px 50%; background-repeat:no-repeat;}
.ESDataField .file-box .ESFileInfo.text-link a:hover {background-color:lightgreen; __border-radius:2px 2px;}
.ESDataField .file-box .ESFileInfo.text-link.killed a {text-decoration:line-through;}

/* ESDataField PathBox */
.ESDataField .path-box {float:left;}
.ESDataField .path-box SPAN {float:left; overflow:auto;}

/* ESDataField MultiBox */
.ESDataField .multi-box {position:relative; padding:0px 0px 0px 0px; __border:solid 0px black;}
.ESDataField .multi-box input {float:left; width:100%; __border:solid 0px darkgray; font-weight:bold;}
.ESDataField .multi-box input::-webkit-calendar-picker-indicator {opacity: 0;}

.ESDataField .multi-box IMG {float:right; position:absolute; z-index:1; top:0; right:0; height:15px; border:solid 0px red; border-bottom:solid 0px darkgray; cursor:pointer;}
.ESDataField .multi-box IMG:hover {background-color:lightgray;}
.ESDataField .multi-box DIV {outline:2px solid lightgray; position:absolute; z-index:1100; left:0px; top:18px; width:100%; __border-collapse:collapse; border:solid 0px lightgray !important; background-color:white !important;}
.ESDataField .multi-box DIV SELECT {position:absolute; z-index:1200; width:100%; height:100%; font-weight:bold; padding-left:2px; border:solid 0px rgb(128, 128, 128) !important; background-color:white;}
.ESDataField .multi-box DIV SELECT OPTION {font-weight:normal;}
.ESDataField .multi-box DIV SELECT OPTION:hover {background-color:lightyellow;}

.ESDataField .multi-box input.edit.text-good {color:#0e364e; background-image:none; font-style:normal; border-bottom:solid 2px green !important;}
.ESDataField .multi-box input.edit.text-good:focus {background-image:url('../images/DataField/good.svg'); background-position:right bottom; background-size:20px 20px; background-repeat:no-repeat;}

.ESDataField .multi-box input.edit.text-null {color:purple; font-style:italic; border-bottom:solid 2px red !important;}
.ESDataField .multi-box input.edit.text-null {background-image:url('../images/DataField/alert-err.svg'); background-position:right bottom; background-size:20px 20px; background-repeat:no-repeat;}
.ESDataField .multi-box input.edit.text-null:focus {background-image:none;}

.ESDataField .multi-box input.edit.text-like {color:purple; font-style:italic; border-bottom:solid 2px orange !important;}
.ESDataField .multi-box input.edit.text-like {background-image:url('../images/DataField/alert-err.svg'); background-position:right bottom; background-size:20px 20px; background-repeat:no-repeat;}
.ESDataField .multi-box input.edit.text-like:focus {background-image:none;}

.ESDataField .multi-box input.edit.text-fake {color:purple; font-style:italic; border-bottom:solid 2px red !important;}
.ESDataField .multi-box input.edit.text-fake {background-image:url('../images/DataField/alert-err.svg'); background-position:right bottom; background-size:20px 20px; background-repeat:no-repeat;}
.ESDataField .multi-box input.edit.text-fake:focus {__background-image:none;}

.ESDataField .multi-box input.edit.text-free {color:#0e364e; background-image:none; font-style:normal; border-bottom:solid 2px gray !important;}

.ESDataField .multi-box datalist {position:absolute; max-height:20em; border:0 none; overflow-x:hidden; overflow-y:auto;}
.ESDataField .multi-box datalist option {font-size:0.8em; padding:0.3em 1em; background-color:#ccc; cursor:pointer;}
.ESDataField .multi-box datalist option:hover, .ESDataField .multi-box datalist option:focus {color: #fff; background-color: #036; outline: 0 none;}

.ESDataField .multi-box nav.list {display:flow-root; padding:5px; border-bottom:dotted 1px gray; background-color:papayawhip;}
.ESDataField .multi-box nav.list.empty {display:none;}
.ESDataField .multi-box nav.list span {float:left; margin:5px; padding:2px 18px 2px 16px; background-color:rgba(128,128,128,0.2); border:solid 1px slategray; border-radius:3px 3px; cursor:pointer;}
.ESDataField .multi-box nav.list span:hover {background:url(../images/DataField/x.png) no-repeat; background-position:center right; background-color:lightcyan;}
.ESDataField .multi-box nav.list span small {color:gray;}
.ESDataField .multi-box nav.list span small::before {content:'\00BB';}

.ESDataField .multi-box .showed {display:block !important; position:absolute; border:solid 1px black !important; background-color:white !important;}
.ESDataField .multi-box .showed SELECT {position:absolute; z-index:1200; width:100%; height:100%; font-weight:bold; padding-left:2px; border:solid 0px rgb(128, 128, 128) !important; background-color:white;}
.ESDataField .multi-box .showed SELECT OPTION {font-weight:bold;}
.ESDataField .multi-box .hidden {display:none !important;}

.ESDataField .multi-box em {position:absolute; left:-23px; top:3px; width:16px; height:16px; background-color:greenyellow; background-image:url('../images/DataField/clear.svg'); background-repeat:no-repeat; background-size:100% 100%;}
.ESDataField .multi-box:focus-within em {position:absolute; left:3px; top:3px; width:16px; height:16px;}

.ESDataField .multi-box:focus-within input::placeholder {color:blueviolet;}
.ESDataField .multi-box:focus-within output {__padding-right:20px; min-width:30px; height:20px;}
.ESDataField .multi-box:focus-within __output.kill:before {content:'x\00a0'; color:red; font-weight:bold; font-size:14px;}
.ESDataField .multi-box:focus-within output.kill:hover {cursor:no-drop;}
.ESDataField .multi-box:focus-within output.kill {display:flex; position:absolute; right:3px; z-index:99; border:0px; color:gray; font-weight:normal; background-image:url('../images/DataField/kill.svg'); background-size:10px 10px; background-position:right center; background-repeat:no-repeat; color:transparent; margin-right:3px;}
.ESDataField .multi-box:focus-within output.help {display:flex; position:absolute; right:3px; z-index:99; border:0px; color:gray; font-weight:normal; background-image:url('../images/DataField/alert-wrn.svg'); background-size:20px 20px; background-position:right center; background-repeat:no-repeat;}
.ESDataField .multi-box.required output.help {display:none;}

/* ESDataField FindBox */
.ESDataField .find-box {position:relative; padding:0px 0px 0px 0px; border:solid 0px black;}
.ESDataField .find-box INPUT {float:left; width:100%; __border:solid 0px darkgray; font-weight:bold;}
.ESDataField .find-box IMG {float:right; position:absolute; z-index:1; top:0; right:0; border:solid 0px red; border-bottom:solid 0px darkgray; cursor:pointer; height:17px; __background-color:white;}
.ESDataField .find-box IMG:hover {background-color:lightgray;}
.ESDataField .find-box DIV {position:absolute; z-index:1100; left:0px; top:18px; width:100%; border:solid 1px rgb(128, 128, 128) !important; background-color:white !important;}
.ESDataField .find-box DIV SELECT {position:absolute; z-index:1200; width:100%; height:100%; border:solid 0px rgb(128, 128, 128) !important; background-color:white;}

.ESDataField .find-box .text-changed {color:purple; font-style:italic; border-bottom:solid 2px orange !important;}
.ESDataField .find-box .text-confirmed {color:#0e364e; font-style:normal; border-bottom:solid 2px green !important;}

.ESDataField .find-box ul {float:left; padding:0px; margin-top:4px; margin-bottom:4px; width:100%; text-align:left; border:solid 0px darkgray !important; border-top:0px; overflow:auto; height:auto !important;}
.ESDataField .find-box ul li {list-style-position:inside; background-color:whitesmoke; text-align:left; border:dotted 1px slategray !important; border-left:0px !important; border-right:0px !important; margin:0px 0px 0px 0px; padding:2px 16px 4px 4px;}
.ESDataField .find-box ul li:hover {__background-color:transparent; color:purple; text-decoration:line-through; border-color:purple !important; cursor:context-menu; background:url('../images/DataField/x.png') no-repeat; background-position:center right;}
.ESDataField .find-box ul span {float:left; list-style-position:inside; background-color:rgba(128,128,128,0.2); text-align:left; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:2px 6px 2px 0px; padding:2px 16px 4px 16px; background-image:url('../images/DataField/dot.svg'); background-repeat:no-repeat; background-size:8px 8px; background-position:4px 50%;}
.ESDataField .find-box ul span:hover {color:red; text-decoration:line-through; border-color:red !important; background-color:lightblue; cursor:not-allowed; background-image:url('../images/DataField/kill.svg'); background-repeat:no-repeat; background-size:8px 8px; background-position:4px 50%;}

/* ESDataField ToggleBox */
.ESDataField .toggle-box {position:relative; padding:0px 0px 0px 0px; border:solid 0px black;}
.ESDataField .toggle-box input {float:left; width:100%; font-weight:bold;}
.ESDataField .toggle-box img {display:none; float:right; position:absolute; z-index:1; top:0; right:0; border:solid 0px red; border-bottom:solid 0px darkgray; cursor:pointer; height:17px; __background-color:white;}
.ESDataField .toggle-box img:hover {background-color:lightgray;}

.ESDataField .toggle-box .edit {display:none;}

.ESDataField .toggle-box .text-changed {color:purple; font-style:italic; border-bottom:solid 2px orange !important;}
.ESDataField .toggle-box .text-confirmed {color:#0e364e; font-style:normal; border-bottom:solid 2px green !important;}

.ESDataField .toggle-box ul {float:left; display:flow-root; padding:0px; margin-top:4px; margin-bottom:4px; width:100%; text-align:left; border:solid 0px darkgray !important; border-top:0px; overflow:auto; height:auto !important;}
.ESDataField .toggle-box ul a {float:left; width:auto; background-color:rgba(128,128,128,0.2); border:solid 1px slategray !important; border-radius:3px 3px; margin:5px; margin-bottom:3px; padding:2px 12px 4px 4px;}
.ESDataField .toggle-box ul a label {font-weight:bold; color:#0e364e; padding-left:20px; cursor:pointer;}
.ESDataField .toggle-box ul a label {background-image:url('../images/DataField/radio-off.svg'); background-position:left center; background-repeat:no-repeat; background-size:14px 14px;}

.ESDataField .toggle-box ul a:hover {background-color:lightblue;}
.ESDataField .toggle-box ul __a:hover {background-image:url('../images/DataField/check.svg'); background-position:right center; background-repeat:no-repeat; background-size:14px 14px;}
.ESDataField .toggle-box ul a:hover label {color:red;}

.ESDataField .toggle-box ul a.toggle-on {background-color:#ddf7ab;}
.ESDataField .toggle-box ul a.toggle-on label {background-image:url('../images/DataField/radio-on.svg');}
.ESDataField .toggle-box ul __a.toggle-on:hover {background-image:url('../images/DataField/kill.svg');}

.ESDataField .euro-box input {padding-left:14px;}
.ESDataField .euro-box::before {content:'\20AC'; position:absolute; left:2px; top:2px; color:gray;}

.ESDataField .time-box input {padding-left:20px;}
.ESDataField .time-box::before {content:'\1F552'; position:absolute; left:1px; top:1px; color:gray;}
.ESDataField .__time-box::after {content:'h,min'; position:absolute; right:2px; top:2px; color:gray; font-weight:normal;}

.ESDataField-Debug {float:left; padding:2px 2px 2px 2px; border:dotted 1px red; color:black; background-color:#CCFF99; font-size:9px;}

/* ESDataField - TreeView */
.ESDataField DIV {float:none; margin-right:0px;}
.ESDataField DIV A {float:none; display:none; width:0px;}
.ESDataField DIV TABLE {float:none;}
.ESDataField DIV TABLE TR {}
.ESDataField DIV TABLE TD {float:none; vertical-align:middle; border:solid 0px black;}
.ESDataField DIV TABLE TD A {float:none; display:inline; vertical-align:middle; cursor:default; font-size:10px; font-style:normal;}
.ESDataField DIV TABLE TD DIV {float:none;}
.ESDataField DIV TABLE TD INPUT {float:none; border:solid 0px darkgray; cursor:pointer;}
.ESDataField DIV TABLE TD IMG {float:none; background-color:Transparent; cursor:pointer;}
.__TreeViewTextBox {width:150px; border:solid 1px black;}


/*************/
/* ESTimeBox */
/*************/
.ESTimeBox {width:32px; font-weight:bold;}
.ESTimeBox-Disabled {width:32px; font-weight:bold; background-color:darkgray;}
.ESTimeBox-Check {border:solid 0px darkgray; font-weight:bold; color:#000000;}


/*************/
/* ESEuroBox */
/*************/
.ESEuroBox {float:left; width:48px; font-weight:bold;}
.__ESEuroBox {background-image:url('../images/DataField/euro.svg'); background-position:0% 50%; background-size:16px 16px; background-repeat:no-repeat;}
.ESEuroBox-Disabled {float:left; width:48px; font-weight:bold; background-color:darkgray;}
.ESEuroBox-Check {float:left; padding-top:0px; border:solid 0px darkgray; font-weight:bold; color:#000000;}


/*****************/
/* ESInfoSummary */
/*****************/
.__ESInfoSummary {float:left; box-sizing:border-box; width:100%; padding:10px 10px 10px 10px; background-color:#ffff99; border-radius:0px 5px 5px 0px; border:solid 0px rgb(115, 124, 130); border-left:double 8px rgb(115, 124, 130);}
.ESInfoSummary {float:left; box-sizing:border-box; width:100%; padding:10px 10px 10px 10px; background-color:greenyellow; border-radius:5px 0px 5px 0px; border:solid 0px rgb(115, 124, 130); border-left:double 8px rgb(115, 124, 130); box-shadow:rgba(40, 68, 86, 0.5) 0 0 5px;}
.ESInfoSummary BR {clear:left; line-height:3px;}
.ESInfoSummary DIV {}
.ESInfoSummary IMG {float:left;}
.ESInfoSummary SPAN {}

.ESInfoSummary label.info {__color:blue; line-height:16px;}
.ESInfoSummary label.info:hover {background-color:lightblue;}

.ESInfoSummary INPUT {float:left;}
.ESInfoSummary INPUT:checked + label.info {background-color:lightblue;}
.ESInfoSummary INPUT:checked + label.info + p.extra {display:block; color:purple;}

.ESInfoSummary P.extra {display:none; background-color:whitesmoke; font-size:11px; font-weight:normal;}
.ESInfoSummary P.extra:hover {display:block; background-color:white;}

.ESInfoSummary .grid-row ul {padding-top:4px;}
.ESInfoSummary .grid-row ul li {line-height:normal; background-color:transparent; border:solid 0px gray !important; font-size:11px;}
.ESInfoSummary .grid-row.marked { background-color:transparent;}

.ESInfo {font-weight:bold; color:#FF3333;}
.ESInfo-ErrorInput {color:blue; background-color:rgba(254, 254, 152, 1) !important;}

.ESInfo-Debug {color:black; font-weight:bold;}
.ESInfo-Debug IMG {float:none; vertical-align:middle;}
.ESInfo-Debug SPAN {float:none; padding:0px 0px 0px 5px; vertical-align:middle; font-style:italic;}
.ESInfo-Debug LABEL {color:gray;}
.ESInfo-Debug P {padding-left:20px;}
.ESInfo-Debug B {color:black;}
.ESInfo-Debug I {color:purple;}
.ESInfo-Debug U {color:red; text-decoration:none;}

.ESInfo-Message {color:blue; font-weight:bold; height:auto;}
.ESInfo-Message IMG {float:none; vertical-align:middle;}
.ESInfo-Message SPAN {float:none; padding:0px 0px 0px 5px; vertical-align:middle;}
.ESInfo-Message LABEL {color:gray;}
.ESInfo-Message P {padding-left:20px;}
.ESInfo-Message B {color:black;}
.ESInfo-Message I {color:purple;}
.ESInfo-Message U {color:red; text-decoration:none;}

.ESInfo-Warning {color:grey; font-weight:bold;}
.ESInfo-Warning IMG {float:none; vertical-align:middle;}
.ESInfo-Warning SPAN {float:none; padding:0px 0px 0px 5px; vertical-align:middle;}
.ESInfo-Warning LABEL {color:gray;}
.ESInfo-Warning P {padding-left:20px;}
.ESInfo-Warning B {color:black;}
.ESInfo-Warning I {color:purple;}
.ESInfo-Warning U {color:red; text-decoration:none;}

.ESInfo-Error {color:red; font-weight:bold;}
.ESInfo-Error img {__float:none; vertical-align:middle;}
.ESInfo-Error span {float:left; color:Red; padding:0px 0px 0px 5px; vertical-align:middle;}
.ESInfo-Error details {color:gray; font-size:11px; font-weight:normal;}
.ESInfo-Error details summary {color:darkviolet; font-size:12px; font-weight:bold; cursor:pointer; __padding-left:15px; __list-style:none; __background-image:url('../images/Panel/expand.svg'); background-position:left center; background-size:14px 14px; background-repeat:no-repeat;}
.ESInfo-Error details[open] summary {__background-image:url('../images/Panel/collapse.svg');}
.ESInfo-Error details p {padding-left:0px; __border:dotted 1px gray;}
.ESInfo-Error label {color:gray;}
.ESInfo-Error p {padding-left:20px;}
.ESInfo-Error b {color:black;}
.ESInfo-Error i {color:purple;}
.ESInfo-Error u {color:gray; text-decoration:none;}


/****************/
/* ESConfirmBox */
/****************/
.ESConfirmBox {float:left; position:absolute; width:auto; height:auto; left:200px; top:200px; background-color:#D4D4D4; border:double 4px gray;}

.ESConfirmBox-Caption {height:20px; background-color:#D4D4D4; border:solid 1px rgb(155,155,255);}
.ESConfirmBox-Caption SPAN {float:left; font-size:10px; font-weight:bold; color: yellow !important; padding:4px 4px 0px 4px;}

.ESConfirmBox-Content {padding:20px; background-color:#D4D4D4;}
.ESConfirmBox-Content {color:blue; background-color:rgb(214,231,250); border:solid 1px rgb(155,155,255); padding:10px 10px 10px 10px;}

.ESConfirmBox-Content B {font-size:16px; color:Red;}
.ESConfirmBox-Content B {font-size:15px; color:Red;}
.ESConfirmBox-Content B {font-size:15px; color:Red;}

.ESConfirmBox-Content I {font-size:12px; color:Black; list-style-type:none;}
.ESConfirmBox-Content I {font-size:12px; color:Black; list-style-type:none;}
.ESConfirmBox-Content I {font-size:11px; color:Black; list-style-type:none;}

.ESConfirmBox-Content LABEL {font-size:10px; color:Blue;}
.ESConfirmBox-Content LABEL {font-size:10px; color:black;}
.ESConfirmBox-Content LABEL {font-size:11px; color:black;}

.ESConfirmBox-Content TEXTAREA {float:left; width:500px; height:80px;}
.ESConfirmBox-Content TEXTAREA {float:left; margin-top:2px; width:500px; height:80px; font-size:11px;}
.ESConfirmBox-Content TEXTAREA {float:left; margin-top:2px; width:500px; height:80px; font-size:11px;}


/***********/
/* ESPopup */
/***********/

.ESPopup xxx{overflow:hidden; float:left; position:absolute; z-index:9000; width:auto; min-width:400px; height:auto; left:150px; top:100px; background-color:#D4D4D4; border:double 3px #999999;}
.ESPopup xxx{border-radius:10px 10px; border:double 4px #737c82; box-shadow:2px 2px gray;}

.ESPopup {border:solid 2px rgba(46, 83, 126, 0.8); border-radius:20px 20px; background-color:white; box-shadow:rgba(40, 68, 86, 0.5) 0 0 5px;}
.ESPopup::backdrop {opacity: 0.3; background-color:rgb(46, 83, 126); backdrop-filter: blur(5px);}
.ESPopup .pnl-head {border-radius:10px 10px;}

.ESPopup .pop-head {background-color:rgba(40, 68, 86, 0.6); height:30px; border-bottom:solid 1px rgb(115, 124, 130); border-radius:10px 10px;}
.ESPopup .pop-title {float:left; color:white; padding:6px 2px 2px 10px; font-weight:bold; font-size:13px;}
.ESPopup .pop-close {float:right; border:none;}
.ESPopup .pop-close .ESLink.label {margin:0px; cursor:pointer;}
.ESPopup .pop-close .ESLink.label:hover {background-color:white;}

.ESPopup .pop-main {float:left; width:100%; height:100%; __padding:10px; background-color:white;}
.ESPopup .pop-command {float:left; border:none; padding:10px 10px 0px 10px; background-color:rgba(244, 244, 244, 1); width:100%; border-top:solid 1px rgb(115, 124, 130);}
.ESPopup .ESLink.command.pop-confirm {float:left; cursor:pointer; width:auto !important; margin:0px;}
.ESPopup .ESLink.command.pop-cancel {float:right; cursor:pointer; width:auto !important; margin:0px;}

.ESPopup .pop-wait {float:left; padding:5px; width:100%; background-color:white;}
.ESPopup .pop-wait TABLE {width:auto;}
.ESPopup .pop-wait TABLE TD {border:0px;}
.ESPopup .pop-wait .pop-perc {width:140px; __height:140px; background:url('../images/Popup/download.svg'); background-position:50% 50%; background-size:50px 50px; background-repeat:no-repeat;}
.ESPopup .pop-wait .pop-perc svg {display:block; margin:10px auto; max-width:70%; max-height:140px;} 
.ESPopup .pop-wait .pop-perc text {fill:#666; font-family:sans-serif; font-size:0.5em; text-anchor:middle;}
.ESPopup .pop-wait .pop-perc path.bg {fill:none; stroke:#eee; stroke-width:3.8;} 
.ESPopup .pop-wait .pop-perc path.fg {fill:none; stroke-width:2.8; stroke-linecap:round; stroke:#1ed51e;}
.ESPopup .pop-wait .pop-perc.work path.fg {fill:none; stroke-width:2.8; stroke-linecap:round; stroke:#ff9f00; animation:progress 5.5s ease-out forwards;}  @keyframes progress {0% {stroke-dasharray: 0 100;}}
.ESPopup .pop-wait .pop-perc.good path.fg {stroke:#1ed51e;} 
.ESPopup .pop-wait .pop-perc.stop path.fg {stroke:red;} 

.ESPopup .pop-image {width:141px; margin:5px;}
.ESPopup .pop-data {float:left; width:300px; __height:150px; margin-left:5px; color:Black; padding:5px; overflow:auto;}
.ESPopup .pop-progress {margin-left:5px; margin-top:10px; width:300px; background:url(../images/Popup/progressbar.png) no-repeat 0 -40px;}
.ESPopup .pop-perc--- {height:20px; margin-left:-1px; background:url(../images/Popup/download.svg) no-repeat 1px 0;}
.ESPopup .pop-perc--- DIV {float:right; width:50%; height:20px; margin-right:-1px; background:url(../images/Popup/progressbar.png) no-repeat 100% 0; display: inline; /* IE 6 double float bug */}
.ESPopup .pop-perc--- DIV LABEL {color:black; font-size:14px; font-weight:bold;}

.ESPopup .pop-result {padding:10px; padding-top:0px;}
.ESPopup .pop-result {margin-left:10px; margin-right:20px; color:black; font-size:14px; font-weight:bold;}
.ESPopup .pop-result B {color:purple; padding-right:4px;}
.ESPopup .pop-result I {color:#039;}
.ESPopup .pop-result a.down label {color:blue;}
.ESPopup .pop-result a.down .icon {background-image:url('../images/Popup/down-file.svg');}
.ESPopup .pop-text {padding:10px; font-weight:bold; color:rgb(14, 54, 78); background-color:rgba(244, 244, 244, 1); border-bottom:solid 1px rgb(115, 124, 130);}
.ESPopup .pop-text b {color:red;}
.ESPopup .pop-text i {color:blue;}
.ESPopup .pop-text em {color:rebeccapurple; background-color:lightgoldenrodyellow;}

.ESPopup .pop-extra {width:100%; padding:20px; margin-right:0px !important;}
.ESPopup .pop-extra details summary {font-weight:bold; background-color:lightgray;}
.ESPopup .pop-extra details p {font-size:11px;}
.ESPopup .pop-extra details textarea {width:100%; height:200px;}
.ESPopup .pop-extra input {width:100% !important;}
.ESPopup .pop-extra output {float:left; display:block; color:red; min-height:auto; border:solid 0px red; background-color:transparent !important;}
.ESPopup .pop-extra output {background-image:url('../images/Popup/alert-red.svg'); background-position:left center; background-size:16px 16px; background-repeat:no-repeat; padding-left:20px;}
.ESPopup .pop-extra span.warn {background-color:lightyellow !important;}
.ESPopup .pop-extra span.warn output {margin-top:3px;}

.ESPopup .view.pop-extra {border-bottom:solid 0px red;}
.ESPopup .view.pop-extra .label {font-style:italic; color:blue;}
.ESPopup .view.pop-extra .data {display:none;}
.ESPopup .edit.pop-extra .data {width:100%;}

.ESPopup.content {__float:left; __width:100%; __height:100%; padding:10px; background-color:white;}
.ESPopup.content IFRAME {width:90%; height:90%; border:solid 0px red;}

.ESPopup.confirm {background-color:rgba(244, 244, 244, 1);}
.ESPopup.confirm .pop-head {border-radius:5px 5px;}
.ESPopup.confirm .pop-main {background-color:lightgray;}

.ESPopup.captcha {max-width:95vw;}
.ESPopup.captcha .pop-head {border-radius:5px 5px;}
.ESPopup.captcha .pop-main {background-color:lightgray; max-width:95vw;}
.ESPopup.captcha .pop-extra {padding:20px 20px 0px 20px;}
.ESPopup.captcha .pop-extra label {display:block;}
.ESPopup.captcha .pop-extra input {width:100% !important;}
.ESPopup.captcha .pop-extra input[type=email] {text-align:left; padding-left:34px;}
.ESPopup.captcha .pop-extra input::placeholder {color:whitesmoke; opacity:0.6;}
.ESPopup.captcha .pop-extra output {float:left; display:block; color:red; min-height:auto; border:solid 0px red; background-color:white;}
.ESPopup.captcha .pop-extra output {background-image:url('../images/Popup/alert-red.svg'); background-position:left center; background-size:16px 16px; background-repeat:no-repeat; padding-left:20px;}

.ESPopup.captcha .pop-captcha {float:left; width:100%; max-width:800px; padding:20px 20px 20px 20px;}
.ESPopup.captcha .pop-captcha h3 {float:left; font-size:1.1em; height:auto !important; margin-bottom:20px;}

.ESPopup.captcha .pop-svg {float:left;}
.ESPopup.captcha .pop-svg svg {min-width:50%; margin-right:20px;}
.ESPopup.captcha .pop-svg svg {width:100%; min-width:220px; min-height:220px; max-width:90vw; max-height:60vh;}
.ESPopup.captcha .pop-svg svg text {font-weight:normal; font-style:italic; text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; opacity:0.7;}
.ESPopup.captcha .pop-svg svg text:hover {text-shadow: 0px 0px 30px black; cursor:pointer; opacity:1;}

.ESPopup.captcha .pop-code {padding:20px 20px 20px 0px; max-width:320px;}
.ESPopup.captcha .pop-code label {float:left; font-size:1.2em; height:auto !important;}
.ESPopup.captcha .pop-code input {float:left; font-size:6em !important; font-weight:bold; resize:none; text-align:center; letter-spacing:3px; width:300px !important; height:80px !important; text-align:center; margin-top:20px; background-size:40px 40px;}
.ESPopup.captcha .pop-code output {float:left; font-size:1.2em; color:red; __background-color:white; margin-top:3px;}
.ESPopup.captcha .pop-code output {background-image:url('../images/Popup/alert-red.svg'); background-position:left center; background-size:16px 16px; background-repeat:no-repeat; padding-left:20px;}


/**********/
/* ESLink */
/**********/
.ESLink.command {float:left; text-align:left; margin:0px 2px 2px 2px; text-decoration:none; color:#039; background-color:#efefef; font-weight:bold; border:solid 1px darkgray; cursor:pointer; padding:2px 4px 2px 4px;}
.ESLink.command {font-size:11px; background-color:rgba(210, 204, 189, 0.5); color:#0e364e; border:solid 1px #737c82; border-radius:3px 3px; border-radius:15px 15px;}
.ESLink.command:link {}
.ESLink.command:visited {}
.ESLink.command:hover {background-color:rgba(40, 68, 86, 0.6) !important; color:white; border-color:#737c82;} 
.ESLink.command:active {background-color:#dde;}
.ESLink.command img {float:left; margin-right:2px;}
.ESLink.command label {float:left; display:block; padding:0px; padding-left:5px; cursor:pointer; color:#0e364e; line-height:20px;}
.ESLink.command:hover img {background-color:#eae5df;}
.ESLink.command:hover span {__background-color:#eae5df;}
.ESLink.command:hover label {color:white;}
.ESLink.command:hover label div small {color:white !important;}

.ESLink.command.disabled {background-image:url('../images/Link/disabled.svg'); cursor:wait !important;}

.ESLink.command.mini {border:none; background-color:transparent; margin-right:10px; }
.ESLink.command.mini:hover {border:none; background-color:rgb(134, 169, 199); color:rgb(0, 102, 204); }
.ESLink.command.blue:hover {border:none; background-color:lightblue !important; color:rgb(0, 102, 204);}

.ESLink.command.band {min-height:32px;}
.ESLink.command.band:hover {background-color:rgba(40, 68, 86, 0.3); border-color:#737c82;}
.ESLink.command.band:hover .band-menu {display:block;}
.ESLink.command.band:hover label {color:white !important;}

.ESLink.band-main {float:left; border:none; background-color:transparent; padding:2px; padding-left:0px !important; padding-right:0px !important;}

.ESLink.band-menu {float:left; display:none; border:none; border:solid 1px transparent; border-left:dotted 1px gray; border-right:dotted 1px gray; background-color:transparent; padding:2px; padding-left:0px !important; padding-right:0px !important; border-radius:8px 8px;}
.ESLink.band-menu:hover {border:none; border:solid 1px transparent; background-color:lightgoldenrodyellow !important; padding:0px; color:rgb(0, 102, 204);}

.ESLink.command.near {margin-right:0px !important;}
.ESLink.command.far {margin-left:10px !important;}
.ESLink.command.compact {padding:2px !important;}
.ESLink.command.bottom {margin-top:22px;}
.ESLink.command.minimal {min-height:auto !important; line-height:auto !important;}
.ESLink.command.minimal label {padding-left:0px !important;}

.ESLink.command.navi label {color:blue; padding-right:4px;} 
.ESLink.command.navi:hover label {color:yellow;} 

.ESLink.svg-icon {height:20px; padding:5px !important; line-height:20px;}
.ESLink.svg-icon img {float:left; display:block; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.svg-icon span {float:left; display:block; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}

.ESLink.svg-text {min-height:20px; padding:5px !important; padding-left:8px !important; padding-right:10px !important; line-height:20px;}
.ESLink.svg-text img {float:left; display:block; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.svg-text span {float:left; display:block; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.svg-text label {float:left; display:block; padding:0px; padding-left:5px; cursor:pointer;}

.ESLink.icon {padding:4px; width:24px !important;}
.ESLink.icon .icon {float:left; width:24px; height:24px; background-size:22px 22px; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-00 .icon {display:none;}
.ESLink.icon-16 .icon {float:left; width:16px; height:16px; background-size:16px 16px !important; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-20 .icon {float:left; width:20px; height:20px; background-size:20px 20px !important; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-24 .icon {float:left; width:24px; height:24px; background-size:24px 24px !important; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-24 label {line-height:30px;}
.ESLink.icon-32 .icon {float:left; width:32px; height:32px; background-size:32px 32px !important; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-48 .icon {float:left; width:48px; height:48px; background-size:48px 48px !important; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-64 .icon {float:left; width:64px; height:64px; background-size:64px 64px !important; background-repeat:no-repeat; background-position:50% 50%;}
.ESLink.icon-right .icon {float:right; padding-left:6px;}

.ESLink.img-h20 img {height:20px;}
.ESLink.img-h24 img {height:24px;}
.ESLink.img-h28 img {height:28px;}
.ESLink.img-h30 img {height:30px;}
.ESLink.img-h32 img {height:32px;}

.ESLink.img-rad10 img {border-radius:10px 10px;}
.ESLink.img-rad20 img {border-radius:20px 20px;}

.ESLink.border {border:solid 3px dimgray !important;} 

.ESLink.menu {position:relative; float:left !important; clear:none; border-radius:3px 3px;}
.ESLink.menu button {border:dotted 1px gray; border-radius:3px 3px; vertical-align:middle; line-height:22px;}
.ESLink.menu button span {float:left; width:24px; height:24px; padding-right:4px; background-image:url('../images/Panel/options.svg'); background-size:20px 24px; background-repeat:no-repeat; border:dotted 0px gray;}
.ESLink.menu button label {float:left; font-weight:bold;}

.ESLink.menu .list {display:none; position:absolute; z-index:999; background-color:rgba(40, 68, 86, 1); min-width:350px; width:auto; box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2); padding:10px; border-radius:3px 3px;}
.ESLink.menu .list li {clear:left; width:100%; color:white; list-style:none; border-bottom:dotted 1px gray; padding:2px; line-height:20px; text-decoration:none; text-align:left;}
.ESLink.menu .list li a {display:flex; width:100%; color:white; text-decoration:none; cursor:copy;}
.ESLink.menu .list li a b {color:cyan; text-decoration:none; cursor:copy;}
.ESLink.menu .list li label {float:left; color:lightgray; width:150px; __padding-right:10px;}
.ESLink.menu .list li __label:after {content:' | '; float:right;}
.ESLink.menu .list li h3 {__float:left; color:greenyellow; width:100%; white-space:nowrap; background-color:cadetblue; text-align:center;}
.ESLink.menu .list li div {border-left:solid 1px gray; padding-left:10px;}
.ESLink.menu .list li span {float:left; clear:left; padding-left:10px; width:auto; height:auto;}
.ESLink.menu .list li span:before {content:' - ';}
.ESLink.menu .list li a details {width:300px !important; color:greenyellow;}
.ESLink.menu .list li a details summary {color:white;}

.ESLink.menu .list li:hover a {color:yellow; __background-color:lightblue; __border-bottom:dotted 1px white;}
.ESLink.menu .list li:hover a details summary {color:yellow !important;}
.ESLink.menu .list li:hover label:after {content:'\25BA'; color:yellow; float:right;}

.ESLink.menu.svg-icon {padding:4px;}
.ESLink.menu.svg-icon span {float:left; width:20px; height:20px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%; padding-right:4px;}

.ESLink.menu.right {margin-right:15px;}
.ESLink.menu.right .list {right:0px; top:26px;}

.ESLink.menu:hover button {background-color:lightblue;}
.ESLink.menu:hover summary span {background-color:lightblue;}
.ESLink.menu:hover .list {display:table-row;}

.ESLink.label {float:left; text-align:left; vertical-align:middle; margin:0px 2px 0px 2px; text-decoration:none; color:#039; font-size:11px; font-weight:bold; border:solid 0px darkgray; cursor:default; padding:2px 4px 2px 4px;}
.ESLink.label:link {}
.ESLink.label:visited {}
.ESLink.label:hover {}
.ESLink.label:active {}
.ESLink.label img {float:left; vertical-align:middle;}
.ESLink.label label {padding-left:5px;}

.ESLink.label.info {cursor:help; margin-top:0px; height:16px; padding:0px !important;}
.ESLink.label.info img {cursor:help;}

.ESLink.label.news {cursor:help; float:none !important; display:table-cell; clear:right; border:solid 0px red; min-width:90px;}
.ESLink.label.news img {cursor:help;}
.ESLink.label.news:hover {background-color:whitesmoke;}

.ESLink.label.marquee {cursor:help; float:none; display:table-cell; font-size:11px; margin-top:0px; width:100%;}
.ESLink.label.marquee img {cursor:help;}

.ESLink.caption {float:left; text-align:left; width:100%; vertical-align:middle; margin:0px 2px 0px 2px; text-decoration:none; color:#039; background-color:yellow; font-size:10px; font-weight:bold; border:solid 0px darkgray; cursor:default; padding:2px 4px 2px 4px;}

.ESLink.tab {float:left; overflow:hidden; cursor:pointer; text-decoration:none; color:#039; background-color:#efefef; font-weight:bold; margin:0px 4px 0px 4px; padding:2px 6px 2px 4px;}
.ESLink.tab {border-top:solid 2px #737c82; border-bottom:solid 4px #737c82 !important; border-radius:15px 15px; border-top-left-radius:4px 4px; border-bottom-left-radius:0px 0px; border-bottom-right-radius:0px 0px !important; border-left:solid 1px gray; border-right:solid 1px gray;}
.ESLink.tab:hover {background-color:rgb(134, 169, 199); color:white; border-color:#737c82;}
.ESLink.tab:active {background-color:#dde; color:blueviolet;}
.ESLink.tab:link {}
.ESLink.tab:visited {}
.ESLink.tab img {float:none; vertical-align:middle;}

.ESLink.tab.svg-text {cursor:pointer; height:20px; padding:5px !important; padding-right:20px !important; line-height:20px;}
.ESLink.tab.svg-text {background-image:url('../images/DataField/multibox.svg'); background-position:right bottom; background-repeat:no-repeat; background-size:18px 18px;}
.ESLink.tab.svg-text span {cursor:pointer; float:left; display:block; __background-color:rgba(40, 68, 86, 1); width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.tab.svg-text label {cursor:pointer; float:left; display:block; padding-left:5px;}

.__ESLink-TabMenu {padding:10px 10px 0px 10px; width:auto; border:solid 0px gray;}
.__ESLink-TabMenu {padding:10px 10px 0px 10px; width:auto; border:solid 0px #6D90B4;}

.__ESLink-TabPanel {padding:10px 10px 10px 10px; width:auto; border:solid 2px gray;}
.__ESLink-TabPanel {padding:10px 10px 10px 10px; width:auto; border:solid 2px #6D90B4;}

.ESLink.command.disabled {color:lightgray !important; float:left; text-align:left; text-decoration:none; color:darkgray; background-color:#efefef; font-size:10px; font-weight:bold; border:solid 1px darkgray; cursor:default; border-bottom-left-radius:0px 0px; border-bottom-right-radius:0px 0px;}
.ESLink.command.disabled:link {}
.ESLink.command.disabled:visited {}
.ESLink.command.disabled:hover {}
.ESLink.command.disabled:active {}
.ESLink.command.disabled IMG {float:none; vertical-align:middle;}

.ESLink.selected {background-color:lightyellow; __border-bottom:solid 5px transparent; margin:0px 2px 0px 2px; border-bottom-left-radius:0px 0px; border-bottom-right-radius:0px 0px;}
.ESLink.selected:link {}
.ESLink.selected:visited {}
.ESLink.selected:hover {background-color:yellow; color:#039;}
.ESLink.selected:active {background-color:yellow; color:#039;}

.ESLink.tab.selected {border-bottom:solid 4px orange !important;}
.toolbar .ESLink.tab.selected {border-bottom:solid 2px orange !important;}

.ESLink.hidden {display:none;}
.ESLink.right {float:right !important;}

.ESLink.fc-white label {color:white;}
.ESLink.fc-yellow label {color:yellow;}
.ESLink.fc-red label {color:red;}
.ESLink.fc-blue label {color:blue;}
.ESLink.fc-green label {color:darkgreen;}
.ESLink.fc-brown label {color:saddlebrown;}

.ESLink.over:hover {background-color:lightblue !important; border-radius:6px 6px;}
.ESLink.over label {}
.ESLink.over label:hover {background-color:lightblue !important; border-radius:6px 6px;}
.ESLink.link {background-image:none !important;}
.ESLink.link:hover {background-color:lightblue !important; border-radius:6px 6px; background-image:url('../images/Link/next.svg') !important; background-position:99% 50%; background-size:16px 16px; background-repeat:no-repeat;}
.ESLink.link label {padding-right:16px;}
.ESLink.edit {background-image:none !important;}
.ESLink.edit:hover {background-color:lightblue !important; border-radius:6px 6px; background-image:url('../images/Link/edit.svg') !important; background-position:99% 50%; background-size:16px 16px; background-repeat:no-repeat;}
.ESLink.edit label {padding-right:16px;}
.ESLink.view {background-image:none !important;}
.ESLink.view:hover {background-color:lightblue !important; border-radius:6px 6px; background-image:url('../images/Link/view.svg') !important; background-position:99% 50%; background-size:16px 16px; background-repeat:no-repeat;}
.ESLink.view label {padding-right:16px;}
.ESLink.exec {background-image:none !important;}
.ESLink.exec:hover {background-color:lightblue !important; border-radius:6px 6px; background-image:url('../images/Link/exec.svg') !important; background-position:99% 50%; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.exec label {padding-right:20px;}

.ESLink.list {display:inline-flex; height:auto;}
.ESLink.list summary {display:inline-flex; height:0px;}
.ESLink.list:hover summary span {background-color:lightblue; border-radius:4px 4px;}
.ESLink.list[open] summary span {float:left; margin-top:5px;}
.ESLink.list nav.list {display:inline-flex; background-color:aliceblue; padding:5px; padding-left:30px; border-radius:10px 10px;}
.ESLink.list nav.list li {list-style:none; padding-left:8px; padding-right:8px; border:0px; border-left:solid 2px gray; line-height:unset;}
.ESLink.list nav.list a {__padding:0px 4px 0px 4px; cursor:pointer; border-radius:10px 10px;}
.ESLink.list nav.list a:hover {background-color:lightblue;}

.ESLink.active {pointer-events:visible !important;}

/*************/
/* ESPanel   */
/*************/
.ESPanel {}
.ESPanel .pnl-head {display:flex; justify-content:space-between; align-items:center; min-height:20px;}
.ESPanel .pnl-head .info {font-size:11px;}
.ESPanel .pnl-menu {cursor:pointer;}

.ESPanel label.exp-label {color:red;}
.ESPanel input.exp-check {__display:none;}
.ESPanel input.exp-check + div {display:none;}
.ESPanel input.exp-check:checked + div {display:block !important;}

.ESPanel .pnl-exp {float:left; height:24px; padding-top:2px;}
.ESPanel .pnl-exp img {cursor:pointer; border-radius:4px 4px; width:28px; height:22px; __padding:2px;}
.ESPanel .pnl-exp img:hover {background-color:rgb(214,231,250);}

.ESPanel .pnl-icon {float:left; height:24px; padding-top:0px; padding-left:2px;}
.ESPanel .pnl-icon img {}
.ESPanel .pnl-icon-svg {float:left; display:block; width:28px; height:28px; background-size:24px 24px; background-repeat:no-repeat; background-position:50% 50%;}
.ESPanel .pnl-logo-svg {float:right; display:block; width:150px; height:150px; __background-size:24px 24px; background-repeat:no-repeat; background-position:50% 50%;}

.ESPanel .pnl-title {float:left; __display:inline-flex; __height:16px; font-size:12px; font-weight:bold; color:white; padding:4px 2px 2px 4px; padding-right:10px; letter-spacing:1px;}
.ESPanel .pnl-title-vert {float:left; height:16px; font-size:12px; font-weight:bold; color:white; padding:4px 2px 0px 2px;}
.ESPanel .pnl-title-vert {height:auto; padding: 5px 4px 5px 4px; text-align:center;}

.ESPanel .pnl-text {float:left; __display:inline-flex; __height:16px; font-size:10px; font-weight:bold; color:yellow; padding:4px 2px 0px 2px;}
.ESPanel .pnl-text B {color:orange;}
.ESPanel .pnl-text I {color:red; background-color:yellow; font-style:normal;}
.ESPanel .pnl-text U {color:red; background-color:white; font-style:normal;}

.ESPanel .pnl-extra {float:left; __display:inline-flex; __height:16px; font-size:10px; font-weight:normal; color:white; padding:4px 2px 0px 2px;}
.ESPanel .pnl-extra b {color:orange;}
.ESPanel .pnl-extra i {color:red; background-color:yellow; font-style:normal;}
.ESPanel .pnl-extra u {color:red; background-color:white; font-style:normal;}

.ESPanel .pnl-help {float:right; height:auto; font-size:10px; font-weight:bold; color:rgba(40, 68, 86, 0.8); padding:4px 4px 0px 4px !important;}
.ESPanel .pnl-help .ESLink.command {border:solid 0px red; background-color:transparent; color:rgba(40, 68, 86, 0.8); height:26px; line-height:26px !important; padding:2px 4px 2px 4px !important; cursor:help;}
.ESPanel .pnl-help .ESLink.command .icon {height:26px !important; width:26px !important;}
.ESPanel .pnl-help .ESLink.command span.icon {float:left; width:26px !important; height:26px !important; __margin-top:2px !important; background-size:24px 24px; background-repeat:no-repeat;}
.ESPanel .pnl-help .ESLink.command label {line-height:26px !important; padding-right:8px;}
.ESPanel .pnl-help .ESLink.command:hover {background-color:rgba(40, 68, 86, 0.6); color:white;}
.ESPanel .pnl-help .ESLink.command:hover img {background-color:transparent !important;}
.ESPanel .pnl-help .ESLink.command:hover span.icon {background-color:lightblue !important;}

.ESPanel .pnl-info {float:right; __height:24px; font-size:11px; font-weight:bold; color:white; padding:1px 4px 0px 4px;}
.ESPanel .pnl-info b {color:yellow;}
.ESPanel .pnl-info i {color:red; background-color:yellow; font-style:normal;}
.ESPanel .pnl-info u {color:red; background-color:Yellow; font-style:normal;}
.ESPanel .pnl-info .ESTipInfo .image {border:solid 0px red; background-color:transparent; color:white; padding:0px 4px 0px 4px; border-radius:3px 3px;}
.ESPanel .pnl-info .ESTipInfo .image:hover {background-color:gray;}

.ESPanel .pnl-info .ESLink.menu button {border:0px; background-color:transparent;}
.ESPanel .pnl-info .ESLink.menu button:hover {background-color:lightblue;}
.ESPanel .pnl-info .ESLink.menu button span {height:18px; background-size:18px 18px; width:15px;}
.ESPanel .pnl-info .ESLink.menu.svg-icon {padding:0px !important;}

.ESPanel .pnl-info .ESLink.menu .list {right:0px; box-sizing:border-box;}
.ESPanel .pnl-info .ESLink.menu .list li {width:100%;}
.ESPanel .pnl-info .ESLink.menu .list li textarea {width:300px !important; height:200px !important;}
.ESPanel .pnl-info .ESLink.menu .list .ESLink-Command {width:90%; background-color:rgba(210, 204, 189, 0.5);}
.ESPanel .pnl-info .ESLink.menu .list .ESDataField span {width:90% !important; __background-color:rgba(210, 204, 189, 0.5);}

.ESPanel .pnl-body {background-position:right 10px; background-repeat:no-repeat; background-size:10%;}
.ESPanel .pnl-body fieldset {color:blue; border:solid 1px rgb(155,155,255); background-image:none;}
.ESPanel .pnl-body fieldset {color:#525253; border:solid 1px #525253; background-image:none;}

/* ESPanel details/summary */
details.ESPanel summary.pnl-head {cursor:pointer; list-style:none;}
details.ESPanel summary.pnl-head .pnl-title::after {content:'\00a0\25BA';}
details.ESPanel[open] > summary .pnl-title::after {content:'\00a0\25BC';}

details.ESPanel.null summary.pnl-head .pnl-title::after {content:'';}
details.ESPanel.null[open] > summary .pnl-title::after {content:'';}


/* ESPanel-Data */
.ESPanel.data {border:solid 0px white;}
.ESPanel.data .pnl-head {width:auto; min-width:100px; height:auto; min-height:28px; margin:0px; padding:0px; background-color:rgba(40, 68, 86, 0.5);}
.ESPanel.data .pnl-head {border:solid 1px #737c82; border-radius:5px 5px;}
.ESPanel.data .pnl-head .pnl-title {padding:4px 8px 4px 8px; letter-spacing:1px; __text-transform:uppercase;}

.ESPanel.data .pnl-body {display:flow-root; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.ESPanel.data .pnl-body {color:blue; background-color:WhiteSmoke; border:solid 1px #737c82; border-top:0px;}
.ESPanel.data .pnl-body {padding:10px 10px 10px 10px;}
.ESPanel.data .pnl-body.compact {padding:0px 10px 0px 10px;}

.ESPanel.data .pnl-body fieldset {color:blue; border:solid 1px rgb(155,155,255); background-image:none;}
.ESPanel.data .pnl-body fieldset {color:#525253; border:solid 1px #525253; border-left:solid 0px blue; border-right:solid 0px blue; border-bottom:solid 0px blue; background-image:none; margin-top:5px;}
.ESPanel.data .pnl-body fieldset legend {letter-spacing:1px; color:#0e364e; padding-right:5px; text-transform:uppercase;}

/* ESPanel-Menu */
.ESPanel.menu {}
.ESPanel.menu .pnl-head {height:auto; min-height:24px;}
.ESPanel.menu .pnl-head {float:left; width:100%; border:solid 0px gray; border-radius:0px 0px; border-bottom:solid 1px #525253; background-color:rgba(40, 68, 86, 0.1);}
.ESPanel.menu .pnl-head .pnl-title {padding:4px 8px 4px 8px; letter-spacing:1px; color:#0e364e !important; text-transform:uppercase;}
.ESPanel.menu .pnl-body {padding:10px 10px 10px 10px;}
.ESPanel.menu .pnl-body.compact {padding:0px 10px 0px 10px;}

.ESPanel.break .pnl-head {height:auto !important; min-height:0px !important;}
.ESPanel.break .pnl-head .pnl-left {display:none;}
.ESPanel.break .pnl-head .pnl-info {display:none;}

/* ESPanel-TabMenu */
.ESPanel.tab-menu {}
.ESPanel.tab-menu .pnl-head {}
.ESPanel.tab-menu .pnl-body {}
.ESPanel.tab-menu .pnl-body {padding:10px 10px 0px 10px;}
.ESPanel.tab-menu .pnl-body {padding:10px 10px 0px 10px;}
.ESPanel.tab-menu .pnl-body .ESLink-Label {background-color:#80FF80; color:Black;}
.ESPanel.tab-menu .pnl-body .ESLink-Label {background-color:Transparent; color:#FFFF99;}
.ESPanel.tab-menu .pnl-body .ESLink-Label {background-color:Transparent; color:blue;}

/* ESPanel-TabData */
.ESPanel.tab-data {border:solid 0px white;}
.ESPanel.tab-data .pnl-head {border:solid 1px #737c82;}

.ESPanel.tab-data .pnl-body {color:blue; background-color:rgb(214,231,250); border:solid 1px rgb(155,155,255); padding:10px 10px 10px 10px;}
.ESPanel.tab-data .pnl-body {color:blue; background-color:WhiteSmoke; border:solid 1px #737c82;}

.ESPanel.tab-data .pnl-body FIELDSET {color:#525253; border:solid 1px #525253; border-left:solid 0px blue; border-right:solid 0px blue; border-bottom:solid 0px blue; background-image:none; margin-top:5px;}
.ESPanel.tab-data .pnl-body FIELDSET LEGEND {letter-spacing:1px; color:#0e364e; padding-right:5px; text-transform:uppercase;}

.ESPanel.tab-data .pnl-body .ESDataGrid-Box CAPTION {border-left:solid 1px #666666; border-top:solid 1px #666666; border-right:solid 1px #666666;}
.ESPanel.tab-data .pnl-body .ESGridView-Box CAPTION {border-left:solid 1px #666666; border-top:solid 1px #666666; border-right:solid 1px #666666;}

/* ESPanel-Grid */
.ESPanel.grid {}
.ESPanel.grid {border:solid 1px white;}
.ESPanel.grid {border:solid 0px white;}

.ESPanel.grid .pnl-head {width:auto; height:20px; margin:0px 0px 0px 0px; padding:2px; width:auto; margin:0px 0px 0px 0px; color:#039; background-color:yellow; font-size:10px; font-weight:bold; border:solid 1px #737c82; padding:2px 4px 2px 4px;}
.ESPanel.grid .pnl-body {color:blue; background-color:rgb(214,231,250); border:solid 1px #737c82;}

/* ESPanel-ExpMenu */
.ESPanel.exp-menu {width:100%; display:grid;}

.ESPanel.exp-menu .pnl-head {float: left; height:38px !important; width:250px; border:solid 1px darkgray; border-radius:5px 5px; line-height:30px;}
.ESPanel.exp-menu .pnl-head {width:100%; height:28px;}
.ESPanel.exp-menu .pnl-menu {float: left; height:20px;}
.ESPanel.exp-menu .pnl-menu {width:90%; float:left !important; height:30px; __border-bottom:solid 1px #eae5df; margin:0px 0px 0px 0px !important;}

.ESPanel.exp-menu .pnl-title {color:white !important; font-size:14px; font-weight:bold; padding-top:2px; height:30px;}
.ESPanel.exp-menu .pnl-title.info {color:white !important; font-size:14px; font-weight:bold;}
.ESPanel.exp-menu .pnl-text {color:yellow !important; font-size:14px; font-weight:normal; padding-top:2px; height:30px;}
.ESPanel.exp-menu .pnl-exp img {margin:0px 2px 2px 2px;}
.ESPanel.exp-menu .pnl-exp img:hover {background-color:transparent !important;}

.ESPanel.exp-menu .pnl-head:hover .pnl-title {color:greenyellow !important;}
.ESPanel.exp-menu .pnl-head:hover .pnl-info {color:yellow !important;}

.ESPanel.exp-menu .pnl-body {display:table; background-color:white; border:solid 1px darkgray; border-bottom-left-radius:5px; border-bottom-right-radius:5px; box-sizing:border-box; padding:10px;}

.ESPanel.exp-menu .pnl-head.locked {cursor:default;}
.ESPanel.exp-menu .pnl-head.locked .pnl-title {color:white !important; font-size:14px; font-weight:bold; padding-top: 2px;}
.ESPanel.exp-menu .pnl-head.locked .pnl-info {color:white !important; font-size:14px; font-weight:bold;}
.ESPanel.exp-menu .pnl-head.locked .pnl-exp img {margin:0px 2px 2px 2px; cursor:default;}
.ESPanel.exp-menu .pnl-head.locked .pnl-exp img:hover {background-color:transparent;}

.ESPanel.exp-menu .pnl-head.locked:hover {cursor:default;}
.ESPanel.exp-menu .pnl-head.locked:hover .ESPanel-ExpMenu-Caption {border-bottom:dotted 1px yellow !important;}
.ESPanel.exp-menu .pnl-head.locked:hover .pnl-title {color:white !important;}
.ESPanel.exp-menu .pnl-head.locked:hover .pnl-info {color:yellow !important;}
.ESPanel.exp-menu .pnl-head.locked:hover .pnl-exp {}

.ESPanel.exp-menu .pnl-head.expanded {float:left !important; line-height:30px; height:30px; border-bottom:solid 1px Transparent; margin:0px 0px 0px 0px !important;}
.ESPanel.exp-menu .pnl-head.expanded .ESPanel-ExpMenu-Caption {width:100%; height:28px; padding-top:2px; border-bottom:dotted 1px yellow !important; background-color:Transparent !important;}
.ESPanel.exp-menu .pnl-head.expanded .pnl-title {color:White !important; font-size:14px; font-weight:bold;}
.ESPanel.exp-menu .pnl-head.expanded .pnl-info {color:White !important; font-size:14px; font-weight:bold;}
.ESPanel.exp-menu .pnl-head.expanded .pnl-exp img {margin:0px 2px 2px 2px;}
.ESPanel.exp-menu .pnl-head.expanded .pnl-exp img:hover {background-color:#3095b4 !important;}

/* ESPanel-Options */
.ESPanel.options {float:left; __position:relative; width:auto; margin:0px 2px 2px 2px; __background-color:yellow !important;}
.ESPanel.options:hover .pnl-head {background-color:rgba(40, 68, 86, 0.6); color:white; border-color:#737c82;} 
.ESPanel.options:hover .pnl-head .pnl-title {color:white !important;}

.ESPanel.options[open] .pnl-head {color:white !important; background-color:rgba(40, 68, 86, 0.6);}
.ESPanel.options[open] .pnl-head .pnl-title {color:white !important;}

.ESPanel.options .pnl-head {float:left; text-align:left; text-decoration:none; color:#0e364e; background-color:#efefef; font-weight:bold; border:solid 1px darkgray; cursor:pointer; padding:2px 4px 0px 4px;}
.ESPanel.options .pnl-head {font-size:11px; background-color:rgba(210, 204, 189, 0.5); color:#0e364e; border:solid 1px #737c82; border-radius:3px 3px;}
.ESPanel.options .pnl-head .pnl-title {color:#0e364e !important; letter-spacing:normal;}
.ESPanel.options .pnl-head .pnl-info {padding:0px;}

.ESPanel.options .___pnl-body {display:grid; position:absolute; z-index:99; top:34px; left:0px; width:100%; padding:0px; __background-color:white !important; border:solid 0px red;}
.ESPanel.options .pnl-body {display:inline-flex; _width:100%; padding:0px; __background-color:white !important; border:solid 0px red;}
.ESPanel.options .pnl-body a {__width:100%; padding:0px; background-color:#efefef;}
.ESPanel.options .pnl-body a:hover {background-color:rgb(134, 169, 199);}

.ESPanel.options .pnl-icon-svg {width:20px; height:20px; background-size:20px 20px; line-height:20px; padding-top:5px;}

/*
.ESLink.command:link {}
.ESLink.command:visited {}
.ESLink.command:hover {background-color:rgba(40, 68, 86, 0.6); color:white; border-color:#737c82;} 
.ESLink.command:active {background-color:#dde;}
.ESLink.command img {float:none; margin-right:2px;}
.ESLink.command label {color:#0e364e;}
.ESLink.command:hover img {background-color:#eae5df; margin-right:2px;}
.ESLink.command:hover span {__background-color:#eae5df;}
.ESLink.command:hover label {color:white;}

.ESLink.command.mini {border:none; background-color:transparent; __border-right:solid 8px #737c82; __border-top-right-radius:20px 10px; __border-bottom-right-radius:20px 10px; padding:0px; margin-right:10px;}
.ESLink.command.mini:hover {border:none; background-color:rgb(134, 169, 199); __border-right:solid 8px rgba(77, 89, 103, 1); __border-top-right-radius:20px 10px; __border-bottom-right-radius:20px 10px; padding:0px; color:rgb(0, 102, 204);}

.ESLink.command.bottom {margin-top:20px;}
.ESLink.command.navi label {color:blue; padding-right:4px;} 
.ESLink.command.navi:hover label {color:yellow;} 

.ESLink.svg-text {height:20px; padding:5px !important; __padding-left:34px !important; line-height:20px;}
.ESLink.svg-text img {float:left; display:block; __background-color:rgba(40, 68, 86, 1); width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.svg-text span {float:left; display:block; __background-color:rgba(40, 68, 86, 1); width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat;}
.ESLink.svg-text label {float:left; display:block; padding:0px; padding-left:5px; cursor:pointer;}
*/

/*************/
/* ESTipInfo */
/*************/
.ESTipInfo {display:none; cursor:text; border:solid 1px #000000; line-height:normal; font-weight:bold; color:#FFF; background-color:#636363;}
.ESTipInfo {position:absolute; z-index:1000; top:-10000px; left:-10000px; overflow:hidden; width:auto; max-width:800px; height:auto; max-height:430px;}
.ESTipInfo {background-color:#336699; border:solid 1px #336699; color: White; border:1px solid black;}
.ESTipInfo {background-color:rgb(149, 170, 180); border-radius:5px 5px; border:double 3px rgb(128,128,128);}
.ESTipInfo {background-color:gainsboro; border-radius:5px 5px; border:double 3px rgb(128,128,128);}
/*.ESTipInfo {height: expression( this.scrollHeight < 100 ? "100px" : "auto" );}*/

.ESTipInfo IFRAME {position:absolute; z-index:99; top:-1px; left:-1px; width:1000px; height:1000px; filter:mask(); background-color:#ffffff;}
.ESTipInfo DIV {color:rgb(14, 54, 78); cursor:text; position:relative; z-index:1000; padding:8px 20px 8px 8px; border:solid 2px white; overflow:auto; width:auto; max-width:800px; height:100%; max-height:400px; white-space:nowrap; text-align:left;}

.ESTipInfo DIV HR {border:solid 1px gray; margin-bottom:10px; margin-left:4px;}
.ESTipInfo DIV B {font-size:12px; color:black; font-weight:bold; margin-left:4px;}
.ESTipInfo DIV I {font-size:11px; color:greenyellow; font-style:normal; margin-left:4px;}
.ESTipInfo DIV UL {font-size:11px; padding:0px;}
.ESTipInfo DIV LI {list-style-type:disc; list-style-position:inside; margin-bottom:5px;}
.ESTipInfo DIV LI U {font-style:normal; text-decoration:none; padding-left:18px;}

.ESTipInfo DIV TABLE {border:solid 1px #666666; background-color:white; margin:6px 0px 8px 4px; border-collapse:collapse; empty-cells:show; min-width:400px; width:99%;}
.ESTipInfo DIV TABLE CAPTION {color:white; font-size:12px; padding:4px 5px 2px 5px; margin:0px; background-color:rgba(168, 168, 168, 1); border:solid 1px #666666; border-bottom:solid 0px white; height:18px;}
.ESTipInfo DIV TABLE CAPTION B {color:yellow; font-weight:bold;}
.ESTipInfo DIV TABLE TH {width:30%; color:#525253; border:solid 1px #666666; background-color:#ffff99; padding:2px 5px 2px 5px; text-align:left; white-space:normal; vertical-align:top;}
.ESTipInfo DIV TABLE TD {width:70%; color:#0e364e; border:solid 1px #666666; background-color:white !important; padding:2px 5px 2px 5px; text-align:left; white-space:normal; vertical-align:top;}
.ESTipInfo DIV TABLE TD B {color:#525253; font-weight:normal; padding:2px 5px 2px 5px;}
.ESTipInfo DIV TABLE TD I {color:#0e364e;}
.ESTipInfo DIV .nowrap {white-space:nowrap !important;}
.ESTipInfo-Image {cursor:help; border:0px;}

.ESTipInfo DIV .News {background-color:yellow;}
.ESTipInfo DIV .News HR {border:none; border-bottom:solid 1px blue; margin-top:3px; margin-bottom:5px;}
.ESTipInfo DIV .News .News-Date {color:red;}
.ESTipInfo DIV .News .News-Title {color:blue;}
.ESTipInfo DIV .News .News-SubTitle {color:black;}

.ESTipInfo DIV P {float:left; font-size:11px; padding:5px;}
.ESTipInfo DIV P U {font-size:11px; color:black;}
.ESTipInfo DIV P B {font-size:11px; color:rgb(0, 51, 153);}
.ESTipInfo DIV P I {font-size:11px; color:rgb(204, 0, 153); margin:0px;}

.ESTipInfo.static {display:block; position:static; top:0px; left:0px; z-index:900;}

.ESTipInfo.inline {display:none; position:static; z-index:900; float:right; margin-right:4px; max-width:60%; background-color:whitesmoke;}
.ESTipInfo.inline DIV {overflow:visible; position:relative; white-space:normal; font-weight:normal;}
.ESTipInfo.inline DIV B {font-size:10px; color:rgb(14, 54, 78); font-weight:bold; margin-left:0px;}
.ESTipInfo.inline DIV I {font-size:10px; color:purple; font-style:normal; margin-left:0px;}
.ESTipInfo.inline DIV U {font-size:10px; color:black; margin-left:0px;}
.ESTipInfo.inline DIV S {font-size:10px; color:red; font-style:normal; margin-left:0px;}

/**************/
/* ESFileInfo */
/**************/
.ESFileInfo.text-info {line-height:16px; color:black !important; font-weight:bold;}
.ESFileInfo.text-info b {color:black !important;}
.ESFileInfo.text-info i {color:Blue;}
.ESFileInfo.text-link {}
.ESFileInfo.text-link a .ESFileInfo.text-info b {text-decoration:underline;}
.ESFileInfo.text-link a .ESFileInfo.text-info:hover b {background-color: rgb(48, 149, 180) !important; color:white !important;}
.ESFileInfo.image-link {}
.ESFileInfo.image-link a {__width:auto !important; __height:auto !important; __background-color:#efefef; border:solid 0px darkgray; __padding:2px 2px 2px 2px !important;}
.ESFileInfo.image-link img {width:18px; height:18px; padding:2px;}
.ESFileInfo.image-link img:hover {background-color:lightblue; border-radius:3px 3px;}
.ESFileInfo.image-clear {padding-right:4px;}
.ESFileInfo.image-clear img {cursor: pointer;}
.ESFileInfo.image-clear img:hover {background-color:lightblue;}
.ESFileInfo.image-preview {cursor: help; border:solid 0px Transparent !important; border-right:solid 4px Transparent !important;}


/**************/
/* ESDataGrid */
/**************/
.ESDataGrid-Box {}
.ESDataGrid-Box {border: solid 1px white; border-collapse:separate !important;}
.ESDataGrid-Box {border:solid 0px white; border-collapse:separate !important; background-color:whitesmoke; background-image:none;}

.ESDataGrid {width:auto; font-weight:bold; font-size:10px; border:solid 1px #000000; background:#ededed;}
.ESDataGrid {border-collapse:separate !important; border:solid 0px white; border-left:solid 1px #666666; border-bottom:solid 1px #666666;}
.ESDataGrid {font-weight:normal; border-collapse:separate !important; border:solid 0px #737c82; border-left:solid 1px #737c82; border-bottom:solid 1px #737c82;}

.ESDataGrid CAPTION {background-color:#99CDFF; color:blue; margin:0px 0px 0px 0px; padding:2px 8px 4px 8px; border:solid 1px black;}
.ESDataGrid CAPTION {color: yellow; border:solid 1px rgb(155,155,255);}

.ESDataGrid TR {height:20px;}
.ESDataGrid TD {vertical-align:middle; padding: 2px 5px 2px 5px;}
.ESDataGrid TD {border-collapse:collapse !important; border:solid 1px #666666; border-left:solid 1px transparent; border-bottom:solid 1px transparent;}
.ESDataGrid TD {border-collapse:collapse !important; border:solid 1px #737c82; border-left:solid 1px transparent; border-bottom:solid 1px transparent;}

.ESDataGrid A {float:left; padding:2px 4px 0px 4px; text-decoration:none; color:#039; background-color:#efefef; font-size:10px; font-weight:bold; border:solid 1px darkgray; cursor:hand; height:18px;}
.ESDataGrid A {background-color:#eae5df !important; color:#0e364e; border: solid 1px #737c82;}

.ESDataGrid A:link    {}
.ESDataGrid A:visited {}
.ESDataGrid A:hover {background-color:#dde;}
.ESDataGrid A:hover {border-color:Gold;}
.ESDataGrid A:hover {background-color:#3095b4 !important; color:yellow; border-color: #737c82; background-image:none;}
.ESDataGrid A:active  {background-color:#dde;}
.ESDataGrid A IMG  {float:left;}

.ESDataGrid-Header {font-weight:bold;	color:White; background-color:#99CDFF;}
.ESDataGrid-Header TD {border:solid 1px #000000;}
.ESDataGrid-Header TD {color:White;}
.ESDataGrid-Header TH {color:White;}

.ESDataGrid-Footer {font-weight:bold; color:White; background-color:#99CDFF;}

.ESDataGrid-Pager {font-weight:bold; color:White; background-color:rgb(135, 170, 200);}
.ESDataGrid-Pager SELECT {color:Blue; margin:2px; position:relative; z-index:0;}
.ESDataGrid-Pager LABEL {color:White !important; margin:2px;}
.ESDataGrid-Pager TABLE TD {color:White !important;	border:solid 0px #666666;}

.ESDataGrid-Item {}
.ESDataGrid-Item {color:black; background-color:White;}
.ESDataGrid-Item:hover TD {background-color:#ffff99;}
.ESDataGrid-Item B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataGrid-Item B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataGrid-Item TD {border:solid 1px #000000;}
.ESDataGrid-ItemAlternate {color:black;	background-color:WhiteSmoke;}
.ESDataGrid-ItemAlternate:hover TD {background-color:#ffff99;}
.ESDataGrid-ItemAlternate B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataGrid-ItemAlternate B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataGrid-ItemAlternate TD {border:solid 1px #000000;}
.ESDataGrid-ItemSelected {color:black; background-color:#ffff99;}
.ESDataGrid-ItemSelected TD {border:solid 1px #000000;}


/**************/
/* ESGridView */
/**************/
.ESGridView-Box {border:solid 0px white; border-collapse:separate !important; __background-color:whitesmoke; background-image:none; __padding:5px;}
.ESGridView-Box.footer-hidden tr.ESGridView-Pager {height:10px;}
.ESGridView-Box.footer-hidden tr.ESGridView-Pager td {background-color:rgba(77, 89, 103, 0.7) !important; height:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.ESGridView-Box .header-paging {float:left; letter-spacing:1px; background-color:rgba(77, 89, 103, 0.7); width:100%; border-top-left-radius:5px; border-top-right-radius:5px; padding:10px; color:white; font-size:13px; font-weight:bold;}
.ESGridView-Box .header-paging i {color:yellow;}
.ESGridView-Box .header-paging .pages {display:inline-flex; color:whitesmoke; float:right;} 
.ESGridView-Box .header-paging .pages label {padding-right:5px; font-weight:normal;} 
.ESGridView-Box .header-paging .pages select {font-size:11px !important; font-weight:normal;} 

.ESGridView {width:auto; font-size:11px; border:solid 0px #666666; background:#ededed; border-radius:5px 5px;}

.ESGridView CAPTION {background-color:rgba(77, 89, 103, 1); margin:0px 0px 0px 0px; padding:4px 8px 6px 8px; border:solid 1px black;}
.ESGridView CAPTION {color:white; border:solid 1px #666666; border-bottom:solid 0px #666666; font-size:12px;}

.ESGridView A	{float:left; padding:2px 4px 0px 4px; text-decoration:none; color:#039; background-color:#efefef; font-size:12px; font-weight:bold; border:solid 1px darkgray; cursor:hand; min-height:18px;}
.ESGridView A {background-color:#eae5df !important; color:#0e364e; border: solid 1px #737c82;}
.ESGridView A:link    {}
.ESGridView A:visited {}
.ESGridView A:hover {background-color:#3095b4; color:yellow; border-color: #737c82;}
.ESGridView A:active {background-color:#dde;}
.ESGridView A img {float:left;}

.ESGridView TR {height:32px; border:solid 0px #666666;}
.ESGridView TH {vertical-align:middle; padding: 2px 2px 2px 2px; border-collapse:collapse; border:solid 0px #666666;}
.ESGridView TD {vertical-align:middle; padding: 2px 3px 2px 3px; border-collapse:collapse; border:solid 0px #666666;}

.ESGridView TD INPUT {border:0px;}
.ESGridView TD A {min-height:16px;}

.ESGridView-Header {color:White; background-color:rgba(77, 89, 103, 0.5);}
.ESGridView-Header TH {border:solid 0px #666666; color:black; line-height:16px; text-align:left; vertical-align:top; padding-top:6px;}

.ESGridView-Header TH A {border: solid 0px #000000; background-color:Transparent;}
.ESGridView-Header TH A:hover {border: solid 0px #000000; background-color:Transparent;}
.ESGridView-Header TH B {float:left;}
.ESGridView-Header TABLE {border:solid 0px #666666;}
.ESGridView-Header TABLE TD {border:solid 0px #666666; font-size:12px;}
.ESGridView-Header TABLE TD b {__font-weight:700; font-weight:normal;}

.ESGridView-Footer {font-weight:bold; color:White; background-color:rgb(169, 169, 169); height:10px !important;}

.ESGridView-Pager {font-weight:bold; color:White; background-color:WhiteSmoke; border:solid 0px #666666;}
.ESGridView-Pager __SELECT {color:blue; margin:2px; position:relative; z-index:0;}
.ESGridView-Pager __LABEL {color:white; margin:2px;}
.ESGridView-Pager __TABLE TD {color:White !important;	border:solid 0px #666666; width:auto !important;}
.__ESGridView-Pager {float:left; letter-spacing:1px; background-color:rgba(77, 89, 103, 0.7); width:100%; border-top-left-radius:5px; border-top-right-radius:5px; padding:10px; color:white; font-size:13px; font-weight:bold;}
.ESGridView-Pager i {color:yellow;}

.ESGridView-Pager .grid-title {float:left; letter-spacing:1px; padding:10px; color:white; font-size:13px; font-weight:bold;}
.ESGridView-Pager .grid-title {display:none;}  /**** hide grid-title to compact page height ****/

.ESGridView-Pager .pages {float:right; clear:none; display:inline-flex; color:whitesmoke; padding:10px;} 
.ESGridView-Pager .pages label {padding-right:5px; font-weight:normal;} 
.ESGridView-Pager .pages select {font-size:12px !important; font-weight:bold; border-radius:3px 3px; padding-left:10px; padding-right:5px; __min-width:30px !important;} 
.ESGridView-Pager .pages select option {border-radius:0px 0px;} 

.ESGridView-Row {color:black; background-color:White;}
.ESGridView-Row U {color:black; font-weight:bold; line-height:16px; text-decoration:none;}
.ESGridView-Row B {color:rgb(0, 51, 153); font-weight:bold; line-height:16px;}
.ESGridView-Row I {color:#CC0099; font-weight:bold; line-height:16px;}
.ESGridView-Row LABEL {color:gray; font-weight:normal; line-height:16px;}

.ESGridView-Row TD {width:auto; padding:4px;}
.ESGridView-Row TD.left {text-align:left;}
.ESGridView-Row TD.center {text-align:center;}
.ESGridView-Row TD.right {text-align:right; float:none !important;}
.ESGridView-Row TD.top {vertical-align:top;}
.ESGridView-Row TD.bottom {vertical-align:bottom;}
.ESGridView-Row TD.bold {font-weight:bold;}
.ESGridView-Row TD.italic {font-style:italic;}
.ESGridView-Row TD.under {text-decoration:underline;}
.ESGridView-Row TD.strike {text-decoration:line-through;}
.ESGridView-Row TD.marked {background-color:lightyellow;}
.ESGridView-Row TD.blue {color:rgb(0, 51, 153);}
.ESGridView-Row TD.purple {color:#cc0099;}
.ESGridView-Row TD.red {color:red;}
.ESGridView-Row TD.green {color:green;}

.ESGridView-Row TD.command {padding:4px 14px 4px 14px;}
.ESGridView-Row TD.command a {width:18px; height:22px; background-image:url('../images/GridView/next.svg'); background-size:22px 22px; background-repeat:no-repeat; background-position:center center; border-radius:3px 3px;}
.ESGridView-Row TD.command:hover a {background-color:lightblue !important;}

.ESGridView-Row TD a.label {width:20px; height:20px;}
.ESGridView-Row TD a.label .icon {float:left; width:22px; height:22px; background-size: 22px 22px; background-repeat:no-repeat; background-position:center center;}

.ESGridView-Row TD span.icon {float:left; width:22px; height:22px; background-size: 22px 22px; background-repeat:no-repeat; background-position:center center;}
.ESGridView-Row TD span.icon-16 {float:left; width:16px; height:16px; background-size: 16px 16px; background-repeat:no-repeat; background-position:center center;}
.ESGridView-Row TD span.icon-20 {float:left; width:20px; height:20px; background-size: 20px 20px; background-repeat:no-repeat; background-position:center center;}
.ESGridView-Row TD span.icon-24 {float:left; width:24px; height:24px; background-size: 24px 24px; background-repeat:no-repeat; background-position:center center;}

.ESGridView-Row:hover TD {background-color:#ffff99;}

.ESGridView-Row.alternate {color:black;	background-color:#f1eeee;}
.ESGridView-Row.alternate:hover TD {background-color:#ffff99;}

.ESGridView-Row.selected {color:black; background-color:#CCFF99;}
.ESGridView-Row.hidden {display:none;}

.ESGridView-Row.killed {background-color:#34333354 !important;} 
.ESGridView-Row.killed TD {text-decoration:line-through;} 
.ESGridView-Row.killed TD B {text-decoration:line-through;} 
.ESGridView-Row.killed TD I {text-decoration:line-through;} 
.ESGridView-Row.killed TD LABEL {text-decoration:line-through;} 

.ESGridView-Row.empty {color:red; background-color:#ffff99;}
.ESGridView-Row.empty TD {border:solid 1px #666666; color:red;}

.ESGridView-Row.hide {background-color:#f71b0454 !important;} 
.ESGridView-Row.hide TD {text-decoration:line-through;} 
.ESGridView-Row.hide TD B {text-decoration:line-through;} 
.ESGridView-Row.hide TD I {text-decoration:line-through;} 
.ESGridView-Row.hide TD LABEL {text-decoration:line-through;} 


.ESGridView-Head1 TABLE {width:100%;}
.ESGridView-Head1 TR {height:22px;}
.ESGridView-Head1 TD {padding:0px 0px 0px 0px;}
.ESGridView-HeadText {width:auto; color:white;}
.ESGridView-HeadText b {font-weight:normal; width:100%;}
.ESGridView-SortCommand {width:100%; text-align:right; border:solid 0px gray; vertical-align:top;}
.ESGridView-SortCommand SPAN {color:red; font-weight:bold; font-size:11px;}
.ESGridView-SortCommand IMG {cursor:pointer; vertical-align:top; width:20px; height:20px;}
.ESGridView-SortCommand IMG:hover {border:solid 0px red; background-color:lightblue; cursor:pointer;}

.ESGridView-Head2 {height:20px;}
.ESGridView-Head2 TABLE {margin:0px 0px 2px 0px; box-sizing:border-box; padding:0px; border:0px;}
.ESGridView-Head2 TR {height:20px;}
.ESGridView-Head2 TD {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:16px; overflow:hidden;}
.ESGridView-FilterData {background-color:whitesmoke; height:20px;}
.ESGridView-FilterData input {width:100%; border:solid 0px #000000; color:mediumblue; font-weight:bold; background-color:whitesmoke;}
.ESGridView-FilterData input:focus {background-color:lightgoldenrodyellow; outline:0px solid gold; outline-offset:0px; border-radius:0px 0px;}
.ESGridView-FilterCommand {text-align:right; background-color:white; height:20px !important;}
.ESGridView-FilterCommand IMG {cursor:pointer; width:20px; height:20px;}
.ESGridView-FilterCommand IMG:hover {border:solid 0px red; background-color:lightblue; cursor:pointer;}

.ESGridView-Check-Head {height:20px;}
.ESGridView-Check-Head INPUT {border:0px;}
.ESGridView-Check-Data {width:22px;}
.ESGridView-Check-Data INPUT {border:0px;}

.ESGridView-TipInfoImage {float:right;}

.ESGridView-Wait {position:relative;}
.ESGridView-Wait-Skin {position:absolute; z-index:3000; top:0px; left:0px; width:100%; height:100%; cursor:wait;}
.ESGridView-Wait-Skin {background-color:black; filter:alpha(opacity=30); opacity:.3; KHTMLOpacity:.3; MozOpacity:.3;}
.ESGridView-Wait-Skin IFRAME {z-index:2900; width:100%; height:100%; cursor:wait;}
.ESGridView-Wait-Skin IFRAME {background-color:black; filter:alpha(opacity=30); opacity:.3; KHTMLOpacity:.3; MozOpacity:.3;}


/****************/
/* ESDataFinder */
/****************/
.ESDataFinder-Popup {overflow:hidden; float:left; position:absolute; z-index:9000; width:auto; height:auto; left:150px; top:100px; background-color:#999999; border:double 5px white; border-radius:15px 15px; box-shadow:grey 3px 3px;}

.ESDataFinder-Popup-Header {background-color:lightblue; width:100%; padding:8px 2px 4px 2px; min-width:300px;}
.ESDataFinder-Popup-Header .title span {float:left; width:50px; height:40px; background-image:url('../images/DataFinder/finder.svg'); background-size:30px 30px; background-repeat:no-repeat; background-position:center center;}
.ESDataFinder-Popup-Header .title label {float:left; min-width:320px; color:rgba(40, 68, 86, 1); font-weight:bold; font-size:14px;}
.ESDataFinder-Popup-Header .filter {display:inline-flex; width:230px; padding:4px 4px 4px 0px;}
.ESDataFinder-Popup-Header .filter input {float:left; width:200px; border:solid 0px gray; background-color:white; color:purple; font-weight:bold; height:20px;}

.ESDataFinder-Popup-Header .search {padding:0px !important;}
.ESDataFinder-Popup-Header .search label {display:none;}
.ESDataFinder-Popup-Header .search span {padding:0px; cursor:pointer;}
.ESDataFinder-Popup-Header .search span:hover {background-color:lightyellow;}

.ESDataFinder-Popup-Header .other {padding:0px !important;}
.ESDataFinder-Popup-Header .other label {display:none;}
.ESDataFinder-Popup-Header .other span {padding:0px; background-size:16px 16px; background-position:50% 50%; cursor:pointer;}
.ESDataFinder-Popup-Header .other span:hover {background-color:lightyellow;}

.ESDataFinder-Popup-Header .append {padding:0px !important;}
.ESDataFinder-Popup-Header .append label {display:none;}
.ESDataFinder-Popup-Header .append span {padding:0px; cursor:pointer;}
.ESDataFinder-Popup-Header .append span:hover {background-color:lightyellow;}

.ESDataFinder-Popup-Pages {display:block; background-color:rgba(40, 68, 86, 0.8); padding:4px;}
.ESDataFinder-Popup-Pages .pages {display:table-row; color:white; width:100%;}
.ESDataFinder-Popup-Pages .pages span {color:white;	border:solid 0px #666666; width:auto;}
.ESDataFinder-Popup-Pages .pages div {display:table-cell; padding:4px; white-space:nowrap;}
.ESDataFinder-Popup-Pages .pages label {color:white; padding-left:3px; padding-right:3px; font-size:11px;}
.ESDataFinder-Popup-Pages .pages select {color:blue;}

.ESDataFinder-Popup-Grid {width:100%; overflow:hidden; overflow-y:scroll; background-color:white; padding:5px; max-height:330px;}
.ESDataFinder-Popup-Grid table {width:100%;}

.ESDataFinder-Popup-Footer {float:left; width:100%; background-color:lightblue; __padding:4px;}
.ESDataFinder-Popup-Footer .data {background-color:rgba(40, 68, 86, 0.8); color:greenyellow; min-height:36px; padding:8px 8px 8px 10px; margin-bottom:0px !important;}
.ESDataFinder-Popup-Footer .data span {color:purple; font-weight:bold;}
.ESDataFinder-Popup-Footer .command {float:left; width:100%; min-height:36px; padding:2px;}

.ESDataFinder-Popup-Footer .clear {float:right; __padding:0px !important; cursor:pointer;}
.ESDataFinder-Popup-Footer .clear label {display:none;}
.ESDataFinder-Popup-Footer .clear span {background-image:url('../images/DataFinder/clear-white.svg') !important; padding:3px;}
.ESDataFinder-Popup-Footer .clear span:hover {__background-color:lightblue;}

.ESDataFinder-Popup-Footer .select {float:left; margin-right:7px; cursor:pointer; border:solid 1px #D4D4D4;}
.ESDataFinder-Popup-Footer .select:hover {background-color:lightyellow;}
.ESDataFinder-Popup-Footer .cancel {float:right; margin-right:7px; cursor:pointer; border:solid 1px #D4D4D4;}
.ESDataFinder-Popup-Footer .cancel:hover {background-color:lightyellow;}
.ESDataFinder-Popup-Footer .cancel span {padding:0px; background-size:16px 16px; background-position:50% 50%;}

.ESDataFinder-Box {border:solid 1px white; border-collapse:collapse !important;}

.ESDataFinder {width:auto; font-weight:bold; font-size:10px; border:solid 1px #000000; background:#ededed;}
.ESDataFinder {border-collapse:collapse !important; border:solid 0px white; border-left:solid 1px #666666; border-bottom:solid 1px #666666;}

.ESDataFinder CAPTION {background-color:#99CDFF; color:blue; margin:0px 0px 0px 0px; padding:2px 8px 4px 8px; border:solid 1px black;}
.ESDataFinder CAPTION {color: yellow; border-bottom:solid 1px rgb(155,155,255);}

.ESDataFinder A	{float:left; padding:2px 4px 0px 4px; text-decoration:none; color:#039; background-color:#efefef; font-size:10px; font-weight:bold; border:solid 1px darkgray; cursor:hand; height:18px;}
.ESDataFinder A:link    {}
.ESDataFinder A:visited {}
.ESDataFinder A:hover {background-color:#dde;}
.ESDataFinder A:active {background-color:#dde;}
.ESDataFinder A IMG {float:left;}
.ESDataFinder TR {height:20px;}
.ESDataFinder TH {vertical-align:middle; padding: 2px 5px 2px 5px;}
.ESDataFinder TD {vertical-align:middle; padding: 2px 5px 2px 5px;}

.ESDataFinder TD INPUT {border:0px;}
.ESDataFinder TD A {height:16px;}

.ESDataFinder-Header {font-weight:bold;	color:white; background-color:rgb(119, 136, 153); border:solid 1px #666666; display:none;}
.ESDataFinder-Header TH {border-collapse:collapse !important; border:solid 1px #666666; color:White; line-height:16px; text-align:left; vertical-align:top;}

.ESDataFinder-Header TH A {border: solid 0px #000000; background-color:Transparent;}
.ESDataFinder-Header TH A:hover {border: solid 0px #000000; background-color:Transparent;}
.ESDataFinder-Header TH B {float:left;}

.ESDataFinder-Header TABLE {border-collapse:collapse !important; border:solid 0px #666666;}
.ESDataFinder-Header TABLE TD {border-collapse:collapse !important; border:solid 0px #666666;}

.ESDataFinder-Pager {display:none; font-weight:bold; color:white; background-color:rgb(119, 136, 153); border:solid 0px #666666;}

.ESDataFinder-Footer {font-weight:bold; color:White; background-color:rgb(119, 136, 153); border:solid 1px #666666;}

.ESDataFinder-Row {color:black; background-color:white;}
.ESDataFinder-Row I {color:#CC0099; font-weight:bold; line-height:14px;}
.ESDataFinder-Row I {color:#CC0099; font-weight:bold; line-height:14px;}
.ESDataFinder-Row B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataFinder-Row B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataFinder-Row TD {border:solid 1px #666666; width:auto;}
.ESDataFinder-Row:hover TD {background-color:#ffff99;}

.ESDataFinder-Row.alternate {color:black;	background-color:WhiteSmoke;}
.ESDataFinder-Row.alternate I {color:#CC0099; font-weight:bold; line-height:14px;}
.ESDataFinder-Row.alternate B {color:rgb(0, 51, 153); font-weight:bold; line-height:14px;}
.ESDataFinder-Row.alternate TD {border:solid 1px #666666;}
.ESDataFinder-Row.alternate:hover TD {background-color:#ffff99;}

.ESDataFinder-Row.selected {color:black; background-color:#CCFF99;}
.ESDataFinder-Row.selected TD {border:solid 1px #666666;}
.ESDataFinder-Row.empty {background-color:#ffff99;}
.ESDataFinder-Row.empty TD {border:solid 1px #666666; color:red;}

.ESDataFinder-Row.hidden {display:none;}

.ESDataFinder-Head1 {}
.ESDataFinder-Head1 TD {padding:0px 0px 0px 0px;}
.ESDataFinder-HeadText {width:auto;}
.ESDataFinder-HeadText {color:White;}
.ESDataFinder-SortCommand {width:100%; text-align:right; border:solid 0px gray; vertical-align:top;}
.ESDataFinder-SortCommand SPAN {color:Red; font-weight:bold; font-size:11px;}
.ESDataFinder-SortCommand IMG {cursor:pointer; vertical-align:top;}
.ESDataFinder-SortCommand IMG:hover {border:solid 0px red; background-color:Yellow; cursor:pointer;}

.ESDataFinder-Head2 {height:20px;}
.ESDataFinder-Head2 TABLE {margin:0px 0px 2px 0px;}
.ESDataFinder-Head2 TR {height:16px;}
.ESDataFinder-Head2 TD {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:16px;}
.ESDataFinder-FilterData {background-color:White; height:16px;}
.ESDataFinder-FilterData INPUT {width:100%; border: solid 0px #000000;}
.ESDataFinder-FilterCommand {text-align:right; background-color:White; height:16px;}
.ESDataFinder-FilterCommand IMG {cursor:pointer;}
.ESDataFinder-FilterCommand IMG:hover {border:solid 0px red; background-color:Yellow; cursor:pointer;}

.ESDataFinder-Check-Head {height:20px;}
.ESDataFinder-Check-Head INPUT {border:0px;}
.ESDataFinder-Check-Data {width:22px;}
.ESDataFinder-Check-Data INPUT {border:0px;}

.ESDataFinder-Mark-Head {height:20px; width:22px !important;}
.ESDataFinder-Mark-Head INPUT {border:0px;}
.ESDataFinder-Mark-Data {width:22px !important;}
.ESDataFinder-Mark-Data INPUT {border:0px;}

.ESDataFinder-TipInfoImage {float:right;}

.ESDataFinder-Wait {position:relative;}
.ESDataFinder-Wait-Skin {position:absolute; z-index:3000; top:0px; left:0px; width:100%; height:100%; cursor:wait;}
.ESDataFinder-Wait-Skin {background-color:black; filter:alpha(opacity=30); opacity:.3; KHTMLOpacity:.3; MozOpacity:.3;}
.ESDataFinder-Wait-Skin IFRAME {z-index:2900; width:100%; height:100%; cursor:wait;}
.ESDataFinder-Wait-Skin IFRAME {background-color:black; filter:alpha(opacity=30); opacity:.3; KHTMLOpacity:.3; MozOpacity:.3;}


/* exp */
.htm-exp-lbl {display:block; font-weight:bold; color:black; _color:#A77B0E; background:#FAE042; cursor:pointer; _border-top-left-radius:5px; _border-top-right-radius:5px; transition:all 0.25s ease-out;}
.htm.exp-lbl:hover {color:#7C5A0B;}
.htm-exp-chk {display:none;}
.htm-exp-cnt {display:none; _max-height:0px; overflow:hidden; transition:max-height .25s ease-in-out;}
.htm-exp-inn {background-color:rgba(250, 224, 66, .2); border-bottom:1px solid rgba(250, 224, 66, .45); _border-bottom-left-radius:5px; _border-bottom-right-radius:5px; padding:4px;}
.htm-exp-chk:checked + .htm-exp-lbl + .htm-exp-cnt {display:block; _max-height:350px;}

/* calendar */
.calendar {cursor:pointer;}

/* treeview */
.tvDefault {color:#000000; font-family:Courier New; font-size:10px;}
.tvHover {color:#000000; font-family:Courier New; font-size:10px; background-color:Gray;}
.tvSelected {color:#000000; font-family:Courier New; font-size:10px; background-color:Yellow;}

.TimeField {float:left; height:22px; width:32px; font-weight:bold; color:blue; border:solid 1px darkgray; vertical-align:super;}


/* progress bar */
.ProgressBar {width:80%; height:50px; border:solid 1px #000000; font-size:24px; font-weight:bold;}
.ProgressBar DIV {float:left; height:100%; background-color:Blue; color:Yellow; text-align:center;}



/**************/
/* ESCalendar */
/**************/
.ESCalendar {__overflow:hidden; border-radius:5px 5px; __border:solid #999999 1px; padding:2px 2px 2px 2px; __background-color:rgba(148, 169, 179, 1);}
.ESCalendar IFRAME {position:absolute; z-index:99; top:0px; left:0px; width:300px; height:300px; filter:mask(); background-color:#ffffff;}
.ESCalendar TABLE {position:relative; z-index:1000; font-size: 12px; border-collapse: collapse; border: solid 1px #999999; background-color: #D6D6D6;	text-align: center;	-moz-user-select: none;}
.ESCalendar TABLE {background-color:rgba(244, 244, 244, 1); border-radius:15px 15px;}
.ESCalendar TABLE TR {height:22px;}
.ESCalendar TABLE TD {padding-top:2px; line-height:22px;}

.ESCalendar INPUT, ESCalendar SELECT {font-size: 12px; font-weight: bold; color:rgb(14, 54, 78); cursor:pointer; background-color:white; margin:2px 2px 2px 2px;}
.ESCalendar SELECT {font-size: 12px; font-weight: bold; background-color: white; color: rgb(14, 54, 78); cursor: pointer; width:80px;}
.ESCalendar INPUT {font-size: 12px; padding:5px 8px 5px 8px; font-weight: bold; background-color: rgba(233, 228, 222, 1); color:rgb(14, 54, 78); border-color: rgb(115, 124, 130); border-radius:3px 3px;}
.ESCalendar INPUT:hover {background-color: rgb(134, 169, 199); color: white;}
.ESCalendar TABLE TD {border:0; font-size:11px; text-align: center;}
.ESCalendar TABLE DIV {margin: 5px 10px 5px 10px;}
.ESCalendar TABLE DIV.mainheading {}

.ESCalendar TABLE.caldayheading {background-color:rgba(233, 228, 222, 1); border-collapse:collapse; border:solid 2px rgb(115, 124, 130); cursor:default;	empty-cells:show; margin:0px 13px 0px 13px; text-align:center;}
.ESCalendar TABLE.caldayheading TD {color:rgb(14, 54, 78); border:solid #999999 1px; text-align:center; font-weight:normal; width:38px; cursor:default;}
.ESCalendar TABLE.caldayheading TD.wkhead {border-right:solid #999999 2px; cursor:default;}

.ESCalendar TABLE.calcells {border-collapse:collapse; border:solid 2px rgb(115, 124, 130); cursor:pointer; margin:0px 13px 0px 13px;}
.ESCalendar TABLE.calcells TD {border:solid #999999 1px; vertical-align:top; text-align:center; font-weight:bold; width:38px;}
.ESCalendar TABLE.calcells TD div {padding:1px; margin:0;}
.ESCalendar TABLE.calcells TD.wkhead {background-color:rgb(233, 233, 233); font-weight:normal; text-align:center; border-right:solid #999999 2px; color:rgb(14, 54, 78); width:38px; cursor:default;}
.ESCalendar TABLE.calcells TD.wkday {background-color:white;}
.ESCalendar TABLE.calcells TD.wkend {background-color:white; color:Red;}
.ESCalendar TABLE.calcells TD.curdate {background-color:rgb(254, 254, 152);}
.ESCalendar TABLE.calcells TD.lockdate {background-color:rgb(254, 254, 152); color:yellow !important;}
.ESCalendar TABLE.calcells TD.lockdate-hover {background-color:rgb(254, 254, 152); color:yellow !important; cursor:not-allowed;}
.ESCalendar TABLE.calcells TD.cell_selected {background-color:rgb(134, 169, 199); color:white;}
.ESCalendar TABLE.calcells TD.notmnth {background-color:#FFFFFF;	color:#999999;	cursor:default;}
.ESCalendar TABLE.calcells TD.notallowed {background-color:white; color:#EEEEEE; font-style:italic;}
.ESCalendar TABLE.calcells TD.hover {background-color:#999999;}
.ESCalendar TABLE.calcells TD.notmnth-hover {cursor:default;	color:#999999;	background-color:White;}
.ESCalendar TABLE.calcells TD.notallowed-hover {background-color:Red; color:White;}
.ESCalendar TABLE.calcells TD.cell_selected-hover {background-color:rgb(134, 169, 199); color:White;}
.ESCalendar TABLE.calcells TD.wkday-hover {background-color:rgb(134, 169, 199); color:White;}
.ESCalendar TABLE.calcells TD.wkend-hover {background-color:rgb(134, 169, 199); color:White;}
.ESCalendar TABLE.calcells TD.curdate-hover {background-color:Red;	color:White;}


/*************/
/* TSRssAjax */
/*************/
#chan_title {font-size:14px; color:red; font-weight:bold;}
#chan_link {display:none;}
#chan_description {color:blue; font-weight:bold;}

#chan_items {margin:20px; font-size:11px;}
#chan_items #item {margin-bottom:10px;}
#chan_items #item #item_title {font-weight:bold;}
#chan_items #item #item_link {display:none;}
#chan_items #item #item_description {color:blue;}