/* html tags */
html {scrollbar-face-color:lightgray; scrollbar-base-color:rgba(168, 168, 168, 1); scrollbar-arrow-color:rgba(168, 168, 168, 1);	scrollbar-shadow-color:white; scrollbar-highlight-color:white; scrollbar-darkshadow-color:rgba(168, 168, 168, 1);}
body {font-family:geneva, verdana, arial, helvetica, sans-serif; font-size:12px;}
body {color:#000000; background-color:rgba(226, 226, 226, 1);	background-image:none; margin:0px 0px 0px 0px;}
body {overflow-y:scroll;}  /* enable fixed body scrollbar */

h2.small {font-size:1.2em; margin-block-start:0.5em; margin-block-end:0.5em;}
h2.top {margin-block-start:0.3em;}
h2.bottom {margin-block-end:0.3em;}
h2.compact {margin-block-start:0.3em; margin-block-end:0.3em;}

label {font-size:12px; text-align:left;}
label.right20 {margin-right:20px;}

label.user {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/user.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.mail {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/mail-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.phone {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/phone-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.home {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/home.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.link {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/link.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.birth {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/star-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.pass {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/password.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.enter {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/enter.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.passport {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/passport-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.auto {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/car-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.healt {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/healt-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.attention {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/alert-1.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.play {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/play.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.radio-on {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/radio-on.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.radio-off {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/radio-off.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}
label.flash {float:left; line-height:16px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/flash.svg'); background-size:15px; background-position: left center;  background-repeat:no-repeat;}

a.link-doc {float:left; line-height:20px; padding-left:20px; __padding-right:20px; background-image:url('../images/svg/clip-3.svg'); background-size:20px; background-position: left center;  background-repeat:no-repeat;}

span {font-size:12px; text-align:left;}

dialog.ESPanel {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;}
dialog.ESPanel::backdrop {opacity: 0.3; background-color:rgb(46, 83, 126); backdrop-filter: blur(5px);}
dialog.ESPanel .pnl-head {border-radius:10px 10px;}
dialog.ESPanel .pnl-body {padding:10px 0px 0px 10px !important;}

dialog.ESPanel.wscr {width:auto;}
dialog.ESPanel.wscr.w40 {width:40%;}
dialog.ESPanel.wscr.w50 {width:50%;}
dialog.ESPanel.wscr.w60 {width:60%;}
dialog.ESPanel.wscr.w70 {width:70%;}
dialog.ESPanel.wscr.w80 {width:80%;}

@media only screen and (max-width: 799px) {dialog.ESPanel.wscr {width:100% !important;}}

dialog.ESAlert {min-width:20vw; min-height:auto;}
dialog.ESAlert {background-image:url('../images/svg/alert-2.svg'); background-size:48px 48px; background-position:95% center; background-repeat:no-repeat;}
dialog.ESAlert .pnl-body {float:none; color:#0e364e; font-size:13px !important; padding-top:20px !important; padding-right:60px !important;}
dialog.ESAlert .pnl-text {float:none; color:blue; font-size:12px; padding-top:8px;}
dialog.ESAlert .pnl-foot {float:none; width:100%; display:inline-flex; justify-content:space-around; padding:10px 10px 0px 10px;}
dialog.ESAlert .pnl-body.err {color:red;}
dialog.ESAlert .pnl-body.wrn {color:purple;}
dialog.ESAlert .pnl-body.inf {color:cadetblue;}
dialog.ESAlert .pnl-body.msg {color:black;}

meter.red::-webkit-meter-bar {background-color:lightgray;}
meter.red::-webkit-meter-optimum-value {background-color:red;}
meter.orange::-webkit-meter-bar {background-color:lightgray;}
meter.orange::-webkit-meter-optimum-value {background-color:orange;}
meter.yellow::-webkit-meter-bar {background-color:lightgray;}
meter.yellow::-webkit-meter-optimum-value {background-color:yellow;}
meter.green::-webkit-meter-bar {background-color:lightgray;}
meter.green::-webkit-meter-optimum-value {background-color:green;}

details {}
details summary {cursor:help;}
details summary::-webkit-details-marker {display:none;}		/* disable double arrow on safari */
details summary.info {cursor:default; list-style:none;}
details summary.help {cursor:default; list-style:none;}
details summary.lock {pointer-events:none;}

details.info summary {cursor:pointer; list-style:none;}
details.info summary::after {content:' \25BA';}
details.info.icon summary {background-image:url('../images/svg/info.svg'); background-position:right center; background-repeat:no-repeat; background-size:20px 20px;}
details.info[open] > summary::after {content:' \25BC';}

details.help summary {cursor:pointer; list-style:none;}
details.help summary::after {content:' \25BA';}
details.help.icon summary {background-image:url('../images/svg/help.svg'); background-position:right center; background-repeat:no-repeat; background-size:20px 20px;}
details.help[open] > summary::after {content:' \25BC';}

details.list ul {float:left; padding:2px 2px 2px 2px; margin:0px; width:100%; text-align:left; __border:solid 1px darkgray !important; border-top:0px; line-height:24px;}
details.list ul li {list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-left:0px !important; border-right:0px !important; margin:0px 0px 0px 0px; padding:2px 16px 4px 4px;}
details.list ul span {float:left; list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:1px 6px 1px 0px; padding:0px 8px 0px 8px; __background-image:url('../images/DataField/dot.svg'); __background-repeat:no-repeat; __background-size:8px 8px; __background-position:4px 50%;}
details.list ul output {float:left; list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:1px 6px 1px 0px; padding:0px 8px 0px 8px; __background-image:url('../images/DataField/dot.svg'); __background-repeat:no-repeat; __background-size:8px 8px; __background-position:4px 50%;}

details.body summary {cursor:pointer; float:left; padding-right:4px;}
details.body div {padding:4px; border-left:solid 2px gray; margin-left:3px;}

details.lock {}
details.lock summary {pointer-events:none;}

details.null summary {cursor:default; list-style:none;}
details.null summary::marker {content:'' !important;}
details.null summary::-webkit-details-marker {display:none;}

details.debug {float:left; margin:2px 5px 0px 2px;}
details.debug summary {padding-left:3px; line-height:20px; font-size:10px;}
details.debug summary::before {content:'| ';}
details.debug summary em {color:rebeccapurple;}
details.debug div {background-color:lightgoldenrodyellow; font-size:10px; padding:2px;}

div.debug {float:left; width:100%; padding:5px; margin-bottom:10px; background-color:greenyellow; border-radius:10px 10px;}

br {clear:left;}
hr {clear:left; float:left; color:darkgrey; width:99%; margin-top:5px; margin-bottom:5px; border:groove 1px darkgrey;}
h3 {margin:0px 0px 0px 0px; font-size:13px;}
h3.menu {margin-block-start:0.83em;}
h3.menu details.ESLink.svg-icon {padding:0px !important; padding-top:4px !important;}
h3.menu details[open].ESLink.svg-icon {padding:0px !important; padding-top:0px !important;}

img {border:0px;}
img.status {cursor:help;}

li {list-style-position:inside;}
li.left {float:left; clear:left; list-style:none;}
li.simple {list-style:none;}
li.square {list-style:none;}
li.square:before {content:'\2BC0'; margin-left:-2px; padding-right:6px;}
li.vline {list-style:none;}
li.vline:before {content:'|'; margin-left:-2px; padding-right:6px;}

nav.navi {display:flow-root; margin:5px 0px 20px 10px;}
nav.navi li {list-style:none; padding-right:10px; line-height:20px;}
nav.navi li::after {content:' \00bb '; float:left; font-size:22px; font-weight:bold; color:darkslategray; line-height:33px;}
nav.navi li.final::after {content:'\00a0'; font-size:22px; font-weight:bold; color:darkslategray; line-height:33px;}

nav.navi li .ESLink.command {background-color:rgba(40, 68, 86, 0.6); padding:10px 15px 10px 15px; border-radius:0px 10px; color:white;}
nav.navi li .ESLink.command label {color:white; font-weight:normal; padding-left:0px; padding-bottom:3px;}
nav.navi li .ESLink.command:hover label {color:yellow;}
nav.navi li.lock .ESLink.command:hover label {color:white; cursor:default;}

nav.navi li.done .ESLink {background-color:forestgreen;}
nav.navi li.work .ESLink {background-color:cornflowerblue;}
nav.navi li.todo .ESLink {background-color:lightslategray;}
nav.navi li.next .ESLink {background-color:orange;}
nav.navi li.curr .ESLink {__background-color:highlight !important;}
nav.navi li.curr .ESLink label {border-bottom:solid 3px yellow; padding-bottom:0px;}

a.goto {float:none !important; padding:0px 4px 1px 4px !important;}

div {clear:left; display:block; box-sizing:border-box;}
div.status {border:dotted 1px black;}
div.status label {float:left; font-weight:bold; padding:2px 0px 0px 5px;}
div.status a {float:left;}
div.hidden {display:none;}
div.flex {display:inline-flex;}
div.flow {display:flow-root;}
div.text-10 {font-size:10px !important;}

div.h-xl {height:100%;}
div.h-xl-next > div {height:100%;}

div.w-xl {float:left;}
@media only screen and (max-width: 699px) {div.w-xl {width:100% !important; min-width:auto !important;}}

div.find, span.border {background-color:#ffff99; padding:8px;}
div.green, span.green {background-color:#ccff66; padding:8px; border:solid 1px #000000;}
div.border, span.border {padding:8px; border:solid 1px #000000;}
div.blue, span.blue {background-color:paleturquoise; padding:8px; border:solid 1px #000000;}
div.yellow, span.yellow {background-color:#ffff99; padding:8px; border:solid 1px #000000;}
div.gray, span.gray {background-color:#dcdcdc; padding:8px;}

@keyframes blinker {50% {opacity:0;}}
div.blink {animation:blinker 2s linear infinite;}

section {display:flex; flex-wrap:wrap;}
section .column {padding-right:20px;}

section .cols div.ESDataField.xl {width:100% !important;} 
section .cols div.ESDataField.xl .data {width:100% !important;} 
section .cols div.ESDataField.xl .view span {width:100% !important;} 

section .cols div.ESDataField.xm {width:100% !important;} 
section .cols div.ESDataField.xm .data {width:100% !important;} 
section .cols div.ESDataField.xm .view span {width:100% !important;} 

@media only screen and (max-width: 999px) {section.w999 .cols {width:100% !important;}}
@media only screen and (max-width: 899px) {section.w899 .cols {width:100% !important;}}
@media only screen and (max-width: 799px) {section.w799 .cols {width:100% !important;}}
@media only screen and (max-width: 699px) {section.w699 .cols {width:100% !important;}}

fieldset {clear:left; color:blue; border:solid 1px #99CDFF; padding:8px 0px 8px 0px;}
fieldset {color:blue; border:solid 1px rgb(155,155,255); background-image: url(../images/css/panel-bg.gif); background-repeat:repeat-x;}
fieldset legend {color:blue; margin-bottom:5px;}

fieldset.find {margin-top:5px; color:rgb(100,100,100); background-color:#dcdcdc; border:solid 1px red;}
fieldset.green {background-color:#ccff66; border:solid 1px black;}

table {color:#000000; font-size:12px; empty-cells:show;}
table caption {color:blue; font-size:12px; margin-left:10px; margin-right:10px; padding-bottom:10px; vertical-align:top; font-weight:bold; text-align:left;}
table td {color:#000000; font-size:12px; padding:0px 0px 0px 0px; vertical-align:top;}
table td span {color:#0e364e; font-size:12px;}

input, select, textarea {text-align:left; color:#0e364e; border:solid 1px #e4ded6;}

input.check, span.check input {border:solid 0px darkgray; font-weight:bold; color:#000000;}
span.radio input {border:solid 0px darkgray;}
span.radio label {border:solid 0px darkgray; font-weight:bold; color:#000000;}


/* global class */
.left {float:left !important;}
.right {float:right !important;}
.full {float: left; width:100%;}
.clear {clear:left !important;}
.noclear {clear:none !important;}
.hidden {display:none;}
.normal {font-weight:normal !important;}

.hover:hover {cursor:pointer; background-color:lightgoldenrodyellow; color:red;}

.flex {display:inline-flex;}
.flex-space {display:inline-flex; justify-content:space-between;}
.flex-space-center {display:inline-flex; justify-content:space-between; align-items:center;}
.flex-center {display:inline-flex; align-items:center;}

.avail-width {width:-webkit-fill-available; width:-moz-available;}

.radius-5 {border-radius:5px 5px !important;}
.radius-8 {border-radius:8px 8px !important;}

.radius-12 {border-radius:12px 12px !important;}
.radius-20 {border-radius:20px 20px !important;}

.nowrap {white-space:nowrap;}
.ltext {text-align:left;}
.rtext {text-align:right;}
.ctext {text-align:center;}

.pad-0 {padding:0px !important;}
.pad-5 {padding:5px;}
.pad-8 {padding:8px;}
.pad-10 {padding:10px;}

.lpad-5 {padding-left:5px;}
.lpad-10 {padding-left:10px;}

.rpad-5 {padding-right:5px;}
.rpad-10 {padding-right:10px;}

.tpad-5 {padding-top:5px;}
.tpad-10 {padding-top:10px;}

.bpad-5 {padding-bottom:5px;}
.bpad-10 {padding-bottom:10px;}


TD.left {float:none !important;}
TD.right {float:none !important;}

.fc-red {color:red !important;}
.fc-orange {color:orange !important;}
.fc-brown {color:brown !important;}
.fc-green {color:green !important;}
.fc-blue {color:blue !important;}
.fc-purple {color:purple !important;}
.fc-violet {color:blueviolet !important;}
.fc-gray {color:slategray !important;}
.fc-black {color:black !important;}
.fc-white {color:white !important;}
.fc-yellow {color:yellow !important;}

.bc-yellow {background-color:yellow !important;} 
.bc-green {background-color:#ddf7ab !important;} 
.bc-blue {background-color:#c1e0ea !important;} 
.bc-gray {background-color:#e7e6e6 !important;} 
.bc-purple {background-color:#edb4f5c4 !important;} 
.bc-orange {background-color:#ffa500a6 !important;} 
.bc-brown {background-color:#be6d6d !important;} 
.bc-black {background-color:black !important;} 
.bc-white {background-color:white !important;} 
.bc-smoke {background-color:whitesmoke !important;} 
.bc-ghost {background-color:ghostwhite !important;} 
.bc-dark {background-color:darkslategray !important;} 
.bc-form {background-color:#f7f7f7 !important;} 

.svg-icon-flex label {display:flex !important;}

.svg-icon-16 {width:16px; height:20px;}
.svg-icon-20 {width:20px; height:20px;}
.svg-icon-24 {width:24px; height:24px;}
.svg-icon-32 {width:32px; height:32px;}
.svg-icon-48 span {display:block; width:48px !important; height:48px !important; background-size:auto !important;}
.svg-icon-64 span {display:block; width:64px !important; height:64px !important; background-size:auto !important;}
.svg-icon-96 span {display:block; width:96px !important; height:96px !important; background-size:auto !important;}


/* alert css class */
.alert {float:left; height:auto; line-height:normal; __overflow:hidden; border-top:dotted 1px gray; border-bottom:dotted 1px gray;}
.alert {background-position:left center; background-size:20px 20px,contain; background-repeat:no-repeat, no-repeat;}

@keyframes kitt-line {0%{transform: scaleX(0)} 50%{transform: scaleX(1)} 100%{transform: scaleX(0)}}
.alert.kitt {border-bottom: solid 3px yellow !important; animation:kitt-line 2s ease infinite;}

.alert.simple {border:0px;}
.alert.medium {padding:2px;}
.alert.large {padding:5px;}
.alert.xlarge {padding:7px;}
.alert.xxlarge {padding:9px;}
.alert.bottom {margin-top:26px;}
.alert.mini {background-size:16px 16px,contain; background-position:4px center;}
.alert.micro {background-size:13px 13px,contain; background-position:4px center; font-size:10px !important;}
.alert.reverse {background-position:right center; background-size:20px 20px,contain; background-repeat:no-repeat, no-repeat; padding-left:0px; padding-right:24px;}
.alert.size-10 {font-size:10px !important;}

.alert.gray {background-image:url('../images/svg/alert-gray.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.red {background-image:url('../images/svg/alert-red.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.green {background-image:url('../images/svg/good-green.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}

.alert.null {background-image:none, linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.info {background-image:url('../images/svg/info.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.help {background-image:url('../images/svg/help.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.link {background-image:url('../images/svg/link.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.mail {background-image:url('../images/svg/mail-1.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.sign {background-image:url('../images/svg/sign.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.cert {background-image:url('../images/svg/cert.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.docs {background-image:url('../images/svg/clip-3.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.good {background-image:url('../images/svg/good.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.play {background-image:url('../images/svg/play.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.next {background-image:url('../images/svg/next.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.back {background-image:url('../images/svg/back.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.date {background-image:url('../images/svg/calendar-check.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.code {background-image:url('../images/svg/list-8.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.euro {background-image:url('../images/svg/euro.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.todo {background-image:url('../images/svg/todo.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.look {background-image:url('../images/svg/clock.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.wait {background-image:url('../images/svg/clock.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.stop {background-image:url('../images/svg/stop.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.kill {background-image:url('../images/svg/kill-red.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.exit {background-image:url('../images/svg/kill.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.user {background-image:url('../images/svg/user.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.user-gray {background-image:url('../images/svg/user-gray.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.mark {background-image:url('../images/svg/bookmark.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.pin1 {background-image:url('../images/svg/pin.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.pin2 {background-image:url('../images/svg/pin-gray.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.eye1 {background-image:url('../images/svg/eye-1.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.phone {background-image:url('../images/svg/phone-1.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.updown {background-image:url('../images/svg/up-down.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}

.alert.bot1 {background-image:url('../images/svg/robot-1.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.bot2 {background-image:url('../images/svg/robot-2.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.bot3 {background-image:url('../images/svg/robot-3.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.bot4 {background-image:url('../images/svg/robot-4.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}

.alert.first {background-image:url('../images/svg/first.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}
.alert.last {background-image:url('../images/svg/last.svg'), linear-gradient(to right, lightyellow, transparent); padding-left:24px;}

.alert.gray-trasp {background-image:url('../images/svg/alert-gray.svg'); padding-left:24px;}
.alert.red-trasp {background-image:url('../images/svg/alert-red.svg'); padding-left:24px;}
.alert.green-trasp {background-image:url('../images/svg/good-green.svg'); padding-left:24px;}

.alert.null-trasp {background-image:none; padding-left:24px;}
.alert.info-trasp {background-image:url('../images/svg/info.svg'); padding-left:24px;}
.alert.help-trasp {background-image:url('../images/svg/help.svg'); padding-left:24px;}
.alert.link-trasp {background-image:url('../images/svg/link.svg'); padding-left:24px;}
.alert.mail-trasp {background-image:url('../images/svg/mail-1.svg'); padding-left:24px;}
.alert.sign-trasp {background-image:url('../images/svg/sign.svg'); padding-left:24px;}
.alert.cert-trasp {background-image:url('../images/svg/cert.svg'); padding-left:24px;}
.alert.docs-trasp {background-image:url('../images/svg/clip-3.svg'); padding-left:24px;}
.alert.good-trasp {background-image:url('../images/svg/good.svg'); padding-left:24px;}
.alert.play-trasp {background-image:url('../images/svg/play.svg'); padding-left:24px;}
.alert.next-trasp {background-image:url('../images/svg/next.svg'); padding-left:24px;}
.alert.back-trasp {background-image:url('../images/svg/back.svg'); padding-left:24px;}
.alert.date-trasp {background-image:url('../images/svg/calendar-check.svg'); padding-left:24px;}
.alert.code-trasp {background-image:url('../images/svg/list-8.svg'); padding-left:24px;}
.alert.euro-trasp {background-image:url('../images/svg/euro.svg'); padding-left:24px;}
.alert.todo-trasp {background-image:url('../images/svg/todo.svg'); padding-left:24px;}
.alert.look-trasp {background-image:url('../images/svg/clock.svg'); padding-left:24px;}
.alert.wait-trasp {background-image:url('../images/svg/clock.svg'); padding-left:24px;}
.alert.stop-trasp {background-image:url('../images/svg/stop.svg'); padding-left:24px;}
.alert.kill-trasp {background-image:url('../images/svg/kill-red.svg'); padding-left:24px;}
.alert.exit-trasp {background-image:url('../images/svg/kill.svg'); padding-left:24px;}
.alert.user-trasp {background-image:url('../images/svg/user.svg'); padding-left:24px;}
.alert.user-gray-trasp {background-image:url('../images/svg/user-gray.svg'); padding-left:24px;}
.alert.mark-trasp {background-image:url('../images/svg/bookmark.svg'); padding-left:24px;}
.alert.pin1-trasp {background-image:url('../images/svg/pin.svg'); padding-left:24px;}
.alert.pin2-trasp {background-image:url('../images/svg/pin-gray.svg'); padding-left:24px;}
.alert.eye1-trasp {background-image:url('../images/svg/eye-1.svg'); padding-left:24px;}
.alert.phone-trasp {background-image:url('../images/svg/phone-1.svg'); padding-left:24px;}
.alert.updown-trasp {background-image:url('../images/svg/up-down.svg'); padding-left:24px;}

.alert.first-trasp {background-image:url('../images/svg/first.svg'); padding-left:24px;}
.alert.last-trasp {background-image:url('../images/svg/last.svg'); padding-left:24px;}

.box-shadow {box-shadow:rgba(40, 68, 86, 0.5) 0 0 5px;}
.box-light {border:solid 1px lightgray !important;}

.text_shadow {color: #897048; background-color: #fff; text-shadow: 2px 2px 2px #ddccb5; __font-size: 15px;}
.real-sign {font-family:"Real Sign"; font-size:34px; letter-spacing:2px; color:blue; padding-left:10px;}

.ESLink.df-apply {margin-top: 26px !important; padding-left:0px !important; padding-right: 0px !important;}
.ESLink.df-apply label {display:none !important;}
.ESLink.df-apply span.icon {background-image:url('../images/svg/apply-gray.svg') !important;}
.ESLink.df-apply:hover {background-color:lightgoldenrodyellow !important;}
.ESLink.df-apply:hover .icon {background-image:url('../images/svg/apply.svg') !important;}

.ESLink.df-clear {margin-top: 26px !important; padding-left:0px !important; padding-right: 0px !important;}
.ESLink.df-clear label {display:none !important;}
.ESLink.df-clear span.icon {background-image:url('../images/svg/undo-gray.svg') !important;}
.ESLink.df-clear:hover {background-color:lightgoldenrodyellow !important;}
.ESLink.df-clear:hover .icon {background-image:url('../images/svg/undo.svg') !important;}


/* master */
.master {width:100%; height:100%;}
.master-head {width:100%; __height:105px !important; background-color:white; background-image:none; background-repeat:no-repeat;}
.master-body {color:#000080; width:auto; height:auto; float:none;}

.master-wait {display:none; position:absolute; z-index:3000; top:0px; left:0px; width:100px; height:100px; cursor:wait;}
.master-wait {background-color:black; filter:alpha(opacity=30); opacity:.3; KHTMLOpacity:.3; MozOpacity:.3;}
.master-wait iframe {z-index:2900; width:100%; height:100%; cursor:wait;}
.master-wait iframe {background-color:black; filter:alpha(opacity=30); opacity:.3; KHTMLOpacity:.3; MozOpacity:.3;}

/* debug */
.debug-info {padding:20px;}
.debug-info h4 {color:blue; padding-top:4px;}
.debug-info h4 b {color:black;}
.debug-info h4 i {color:red; font-weight:bold;}
.debug-info h4 s {color:gray; font-weight:normal; text-decoration:none;}
.debug-info li {color:blue; list-style:none; padding-top:4px;}
.debug-info li b {color:black; font-weight:bold; __background-color:#eae5df;}
.debug-info li i {color:red; font-weight:bold; padding-left:5px;}
.debug-info li u {color:black; font-weight:bold; text-decoration:none;}
.debug-info li s {color:gray; font-weight:normal; text-decoration:none;}
.debug-info li details {}
.debug-info li details summary {cursor:pointer; padding-top:3px; padding-bottom:3px;}
.debug-info li details summary:hover {color:red; background-color:yellow !important;}
.debug-info li details div {color:gray; background-color:white; font-weight:normal; text-decoration:none; padding:10px; border:solid 1px gray; border-radius:5px 5px; cursor:copy;}
.debug-info li details div:hover {color:orangered;}
.debug-info li details div textarea {width:100%; height:100px; outline:0px solid gold; outline-offset:0px; border-radius:0px 0px;}

.debug-info TABLE {width:100%; border:dotted 1px gray; margin-top:5px; border-radius:10px 10px;}
.debug-info CAPTION {font-size:14px; padding:4px 4px 4px 10px; background-color:greenyellow; border-radius:10px 10px;}
.debug-info TH {width:150px; padding-right:5px; text-align:right; color:gray; font-weight:normal; font-size:11px;}
.debug-info TD {padding:2px 5px 2px 25px; background-color:white;}
.debug-info TD.data-ini {padding-left:5px; color:blue; font-weight:bold;}
.debug-info TD.data-end {padding-left:5px; color:mediumpurple; font-weight:bold;}

.debug-info .ESPanel.data .pnl-head {background-color:rgba(40, 68, 86, 0.8) !important;}
.debug-info .ESPanel.data .title {background-color:gray;}

.debug-info .pnl-info {font-size:11px; padding:5px 8px 0px 2px;}
.debug-info .pnl-extra div {color:whitesmoke; font-size:12px;}
.debug-info .pnl-extra div b {color:white;}
.debug-info .pnl-extra div i {color:yellow; font-weight:bold; background-color:transparent;}
.debug-info .pnl-extra div s {color:greenyellow; font-weight:normal; text-decoration:none;}

.debug-info .head-debug {position:absolute; top:10px; right:205px; font-size:10px;}

#pnlDebug {display:flex; __position:relative;}

/* head */
.head {float:left; clear:none; width:100%; min-height:100px; margin:0px; background-color:white;}

#head-dev {display:none; font-size:9px; color:greenyellow; background-color:rgba(40, 68, 86, 1); float:left; width:100%; padding:2px;}

/* head-top */
.head-top {float:left; background-color:rgba(40, 68, 86, 1) !important; min-height:42px; _height:32px; width:100%; padding-bottom:5px;}

.head-title {float:left; font-family:verdana, arial, helvetica, sans-serif; padding-left:10px; padding-top:4px; margin:0px 10px 0px 5px;}	
.head-title b {line-height:25px; font-size:24pt; font-style:italic; color:#126e8b; animation-name:title-big; animation-duration:2s;}
.head-title i {line-height:25px; font-size:17pt; font-style:italic; color:#3095b4; animation-name:title-low; animation-duration:2s;}

.head-title-big {display:block; font-weight:bold; font-size:20pt; color:#3095b4;}
.head-title-low {display:none; font-weight:bold; font-size:20pt; color:#3095b4;}

.head-title-sub .change-pwd-alert {cursor:pointer;}
.head-title-sub .change-pwd-alert:hover {cursor:pointer; background-color:yellow;}

/*@keyframes title-big {from {color:rgba(46, 83, 126, 1);} to {color:#5dc6e6;}}*/
/*@keyframes title-low {from {color:rgba(46, 83, 126, 1);} to {color:#3095b4;}}*/
@keyframes title-big {from {color:#b8e7f5;} to {color:#126e8b;}}
@keyframes title-low {from {color:#b8e7f5;} to {color:#3095b4;}}

.head-comp {clear:none; height:24px; width:auto; max-width:480px !important;}
.head-comp label {display:none;}
.head-comp .data {width:auto !important; padding-top:2px; height:30px;}
.head-comp .optional {border-left:solid 0px gray; border-bottom:solid 0px gray;}
.head-comp select {width:auto; height:30px !important; padding-left:22px; color:white; background-color:rgba(40, 68, 86, 0.8); border:solid 0px #000000; font-size:14px; border-radius:5px 5px; height:24px;}
.head-comp select {__background-image:url(../images/svg/next.svg); background-position:1% 50%; background-size: 18px 18px; background-repeat:no-repeat;}
.head-comp select:hover {color:yellow; __background-color:rgba(133, 147, 156, 1);}
.head-comp option {color:white; font-size:14px; font-weight:bold; __background-color:rgba(133, 147, 156, 1);}
.head-comp option:hover {__color:rgba(133, 147, 156, 1);}
.head-comp optgroup {color:yellow; font-size:14px; font-weight:bold; __background-color:rgba(133, 147, 156, 1);}
.head-comp .images {display:none;}
.head-comp .lbl-info {float:left; font-size:20px; font-weight:bold; padding-left:8px; padding-top:8px; height:30px;}

.head-comp .view {__background-image:url(../images/svg/next.svg); background-position:1% 50%; background-size:18px 18px; background-repeat:no-repeat; border-top:dotted 0px gray; padding-left:28px; width:auto !important; height:30px !important; line-height:30px;}
.head-comp .view span {color:white; font-size:20px; width:auto !important; height:30px !important;}

/* head-sys */
.head-sys {display:inline-flex; float:right; clear:left; padding-top:20px; __background-color:rgba(40, 68, 86, 1); margin-right:200px; __position:relative; __right:200px; __top:-20px;}
.head-sys-par {font-size:9px !important;}
.head-sys-par label {float:left; color:yellow !important; font-size:9px !important; padding:0px;}

.head-sys-ver {font-size:9px !important;}
.head-sys-ver label {float:left; color:whitesmoke !important; font-size:9px !important; font-weight:bold; padding:0px;}
.head-sys-ver .ecs-iis-01 {color:yellow !important;}
.head-sys-ver .ecs-iis-02 {color:whitesmoke !important;}
.head-sys-ver .ecs-iis-03 {color:violet !important;}

.head-no-expires {position:absolute; top:8px; left:14px; overflow:hidden; width:110px; height:70px; font-size:9px; font-weight:bold; background-color:transparent; color:#33CCCC;}
.head-no-expires {display:none; overflow:hidden; height:70px; font-size:9px; font-weight:bold; background-color:transparent; color:#737c82;}

.head-no-expires IFRAME { display:none; position:absolute; top:56px; left:0px; width:40px; height:40px; padding:0px; border:solid 0px white; overflow:hidden;}
.head-no-expires IFRAME { display:none; position:absolute; top:56px; left:0px; width:40px; height:40px; padding:0px; border:solid 0px white; overflow:hidden;}

/* head-main */
.head-main {float:none; width:100%; __min-height:73px; display:grid; grid-template-columns:auto 10px 200px;}

.head-left {__min-height:73px;}
.head-center {__min-height:73px;}
.head-right {__min-height:73px;}

.head-data {float:none; width:100%; min-height:50px; padding:10px 20px 10px 20px; box-sizing:border-box;}
.head-comm {float:left;}
.head-user {float:left; clear:none; width:auto;}
.head-admin {float:right; clear:none;}

.head-user-prof summary {width:24px; height:24px;}
.head-user-prof summary {background-image:url(../images/svg/user.svg); background-size:80% 80%; background-position:80% 50%; background-repeat:no-repeat;}

.head-prof {clear:none; height:28px; width:auto; max-width:480px !important; margin-right:10px;}
.head-prof label {display:none;}
.head-prof .data {width:auto !important; padding-top:0px; height:32px; padding-right:10px;}
.head-prof .optional {border-left:solid 0px gray; border-bottom:solid 0px gray;}
.head-prof select {width:auto; height:30px !important; padding-left:22px; color:white; background-color:rgba(40, 68, 86, 0.8); border:solid 0px #000000; font-size:14px; border-radius:5px 5px; height:24px;}
.head-prof select {background-image:url(../images/svg/user-white.svg); background-position:1% 50% !important; background-size: 18px 18px; background-repeat:no-repeat;}
.head-prof select:hover {color:yellow; __background-color:rgba(133, 147, 156, 1);}
.head-prof select:focus {background-image:url(../images/svg/user-white.svg) !important;}
.head-prof option {color:white; font-size:14px; font-weight:bold; __background-color:rgba(133, 147, 156, 1);}
.head-prof option:hover {__color:rgba(133, 147, 156, 1);}
.head-prof optgroup {color:yellow; font-size:14px; font-weight:bold; __background-color:rgba(133, 147, 156, 1);}
.head-prof .images {display:none;}
.head-prof .lbl-info {float:left; font-size:20px; font-weight:bold; padding-left:8px; padding-top:8px; height:30px;}

.head-prof .view {float:left; background-image:url(../images/svg/user.svg); background-position:1% 50%; background-size:18px 18px; background-repeat:no-repeat; border-top:dotted 0px gray; padding-left:28px; width:auto !important; height:30px !important; line-height:30px;}
.head-prof .view span {font-size:20px; width:auto !important; height:30px !important;}

/* head-pass */
.head-pass {float:left; clear:none; width:auto;}

.head-pass .ESDataField label {display:none; height:20px !important; font-size:13px; padding-top:4px;}
.head-pass .ESDataField input {height:30px !important; padding-left:26px; font-size:14px; color:white; border:solid 0px #000000; border-radius:5px 5px;}
.head-pass .ESDataField input {color:white; background-color:rgba(40, 68, 86, 0.8); background-size:18px 18px; background-position:1% 50% !important; background-repeat:no-repeat;}
.head-pass .ESDataField input::placeholder {color:rgba(255,255,255,0.4);}
.head-pass .ESDataField input.error {background-color:rgba(40, 68, 86, 0.8) !important; border-left:0px;}

.head-pass .ESDataField input {background-image:url(../images/svg/lock-white.svg) !important; border-bottom:solid 0px red !important;}
.head-pass .ESDataField .data {border-bottom:solid 0px red !important; padding-right:10px;}


/* head-toolbar */
.head-toolbar {float:right; clear:left; padding:20px 20px 20px 20px;}
.head-toolbar a {text-align:center; text-transform:lowercase;}
.head-toolbar .ESTipInfo {text-transform:none;}
.head-toolbar BUTTON {width:32px; height:32px; cursor:pointer;}

.head-button {min-width:24px; height:24px !important; padding:2px 4px 2px 4px !important; margin-right:4px !important; background-color:#eae5df !important; color:#0e364e; border:solid 1px rgba(55, 85, 108, 1); line-height:24px; background-size:90% 90%; background-position:50% 50%; background-repeat:no-repeat;}
.head-button img {margin:0px; fill:blue !important;}
.head-button:hover {background-color:rgba(40, 68, 86, 0.6) !important; color:white;} 
.head-button img {margin:0px; fill:blue !important;}
.head-button:hover img {margin:0px;}

.head-button.cmd-enter {background-image:url('../images/svg/enter.svg'); line-height:20px; width:20px; height:20px; background-size:80% 80%;}

.head-button.cmd-captcha {background-image:url('../images/svg/enter.svg'); line-height:30px; _width:20px; height:30px; background-size:75% 75%; background-position:-20px 50% !important; background-color:lightblue !important; padding-left:30px !important; padding-right:10px !important;}
.head-button.cmd-captcha label {__display:none; font-size:16px;}

.head-button.cmd-temporary {__background-image:url('../images/svg/captcha.svg'); line-height:20px; _width:20px; height:20px; background-color:transparent !important;}
.head-button.cmd-temporary label {__display:none;}
.head-button.cmd-temporary __hidden {display:none;}

.head-button.cmd-home {background-image:url('../images/svg/home.svg'); background-size:80% 80%;}
.head-button.cmd-help {background-image:url('../images/svg/help.svg'); background-size:85% 85%;}
.head-button.cmd-pass {background-image:url('../images/svg/lock.svg'); background-size:85% 85%;}
.head-button.cmd-exit {background-image:url('../images/svg/exit.svg'); background-size:65% 65%; background-position:65% 50%;}

.head-button.cmd-save {background-image:url('../images/svg/save.svg'); background-size:80% 80%;}
.head-button.cmd-undo {background-image:url('../images/svg/undo.svg'); background-size:80% 80%;}

.head-button-menu {background-color:#eae5df !important; color:#0e364e; border:solid 1px rgba(55, 85, 108, 1); line-height:28px; margin-right:4px !important; border-radius:15px 15px !important;}
.head-button-menu button {border:0px; width:30px; height:29px !important; background-size:85% 85% !important; background-position:50% 50%; background-repeat:no-repeat; border-radius:15px 15px !important; border:solid 0px gray;}
.head-button-menu .list {min-width:120px !important;}
.head-button-menu.cmd-mask button {background-image:url('../images/svg/theme.svg');}

.head-logo {float:right; clear:left; width:200px; height:90px; margin-top:-27px; border-radius:50px 0px 0px 0px;}

.head-line {float:left; width:100%; height:2px; border:solid 0px #000000; border-bottom:solid 1px white; background-color: #506E96;}
.head-line {display:none; height:0px; border:solid 0px #000000; border-bottom:solid 0px white; margin-top:2px;}

.head-info {float:left; margin:0px; border:double 0px gray; padding:2px 8px 2px 8px !important; margin-bottom:8px; margin-top:4px !important; background-color:lightgoldenrodyellow !important;}


/* head-logon */
.head-logon {width:100%;}

.head-logon .ESPanel-Data {}
.head-logon .ESPanel-Data-Content {__padding:10px 20px 20px 20px;}

.head-logon-menu {__float:left; padding:0px;}
.head-logon-menu h1 {color:rgb(55, 85, 108); font-size:28px; font-style:italic; font-family:Aharoni; text-decoration:underline;}

.head-logon-data {width:auto;}
.head-logon-input {width:auto;}

.head-logon-input label {display:none; height:20px !important; font-size:13px; padding-top:4px;}
.head-logon-input input {height:20px !important;}

.head-logon-input input {height:30px !important; padding-left:26px; font-size:14px; color:white; border:solid 0px #000000; border-radius:5px 5px;}
.head-logon-input input {color:white; background-color:rgba(40, 68, 86, 0.8); background-size:18px 18px; background-position:1% 50% !important; background-repeat:no-repeat;}
.head-logon-input input::placeholder {color:rgba(255,255,255,0.3); font-weight:bold;}

.head-logon-input .user span {border-bottom:solid 0px red !important; padding-right:10px;}
.head-logon-input .user input {background-image:url(../images/svg/user-white.svg) !important; border-bottom:solid 0px red !important;}
.head-logon-input .user input:disabled {background-color:rgba(40, 68, 86, 0.8) !important; color:white !important;}

.head-logon-input .pass span {border-bottom:solid 0px red !important; padding-right:10px;}
.head-logon-input .pass input {background-image:url(../images/svg/lock-white.svg) !important; border-bottom:solid 0px red !important;}
.head-logon-input .pass input:disabled {background-color:rgba(40, 68, 86, 0.8) !important;}
.head-logon-input .pass input.wait::placeholder {color:yellow !important;}

.head-logon-input input.error {background-color:rgba(40, 68, 86, 0.8) !important; border-left:0px;}

.head-logon-input .ESPopup.captcha svg {padding-top:10px; padding-bottom:10px; border-bottom:solid 1px gray; border-radius:10px 10px; box-shadow:rgba(40, 68, 86, 0.5) 0 0 5px;}
.head-logon-input .ESPopup.captcha .pop-main input {background-image:url('../images/svg/mail-white.svg'); _width:50%; color:white !important; __text-transform:uppercase;}
.head-logon-input .ESPopup.captcha .pop-text {font-size:1.1em !important; line-height:25px;}
.head-logon-input .ESPopup.captcha .pop-text {background-image:url('../images/svg/alert-2.svg'); background-position:99% 75%; background-repeat:no-repeat; background-size:30px;}

.head-logon-input .ESPopup.captcha .pop-code label {display:block;}
.head-logon-input .ESPopup.captcha .pop-code input {background-image:url('../images/svg/lock-white.svg'); _width:50%; color:white !important; text-transform:uppercase;}
.head-logon-input .ESPopup.captcha .pop-extra label {__display:none;}

.head-logon-logon {margin-left:102px;}
.head-logon-logon A {width:138px; text-align:center; text-align:center; text-transform:lowercase; padding:9px 4px 10px 4px;}
.head-logon-logon A {background-color:#eae5df !important; color:#0e364e; border:solid 1px rgba(55, 85, 108, 1); background-image:none;}
.head-logon-logon A:hover {background-color:rgb(134, 169, 199) !important; color:white; background-image:none;} 
.head-logon-logon A IMG {display:none;}

.head-logon-menu-right {float:left; padding:0px;}

.head-auth-fact {width:500px;}
.head-auth-fact SELECT {color:purple;}
.head-auth-code {width:500px;}
.head-auth-code .lbl-info {font-weight:bold; font-style:normal;}
.head-auth-action {margin-left: 102px;}
.head-auth-action A {width:258px; text-align:center; text-align:center; text-transform:lowercase; padding:9px 4px 10px 4px;}
.head-auth-action A {background-color:#eae5df !important; color:#0e364e; border:solid 1px rgba(55, 85, 108, 1); background-image:none;}
.head-auth-action A:hover {background-color:rgb(134, 169, 199) !important; color:white; background-image:none;} 
.head-auth-action A IMG {display:none;}


/* home */
.home {padding:20px 0px 20px 20px;}

/* home-logon */
.home-logon {margin:30px; width:100%; margin-top:0px;}
.home-logon {width:auto; height:560px; display:flex; flex-direction:row-reverse;}

.home-logon-left {width:auto; margin-left:20px; margin-right:20px;}
.home-logon-right {margin-left:20px; margin-right:20px; flex-basis:542px; display:flex; flex-direction:column;}

.home-logon .ESPanel-Data {float:right;}
.home-logon .ESPanel-Data-Content {float:left; padding:30px 20px 20px 20px;}

.home-logon-info {margin-top:20px; border:double 3px gray; border-radius:3px 3px; padding-bottom:8px;}

.home-logon-menu {__float:left; padding:0px;}
.home-logon-menu H1 {color:rgb(55, 85, 108); font-size:28px; font-style:italic; font-family:Aharoni; text-decoration:underline;}

.home-logon-company {width:500px;}
.home-logon-user {width:500px;}
.home-logon-pwd {width:500px;}
.home-logon-logon {padding-top:15px;}

.home-logon-logon {margin-left:102px;}
.home-logon-logon A {width:138px; text-align:center; text-align:center; text-transform:lowercase; padding:9px 4px 10px 4px;}
.home-logon-logon A {background-color:#eae5df !important; color:#0e364e; border:solid 1px rgba(55, 85, 108, 1); background-image:none;}
.home-logon-logon A:hover {background-color:rgb(134, 169, 199) !important; color:white; background-image:none;} 
.home-logon-logon A IMG {display:none;}

.home-logon-menu-right {float:left; padding:0px;}

#_ctl0_plhCenter_pnlAuthData_container {margin-top:20px;}

.home-auth-fact {width:500px;}
.home-auth-fact SELECT {color:purple;}
.home-auth-code {width:500px;}
.home-auth-code .lbl-info {font-weight:bold; font-style:normal;}
.home-auth-action {margin-left: 102px;}
.home-auth-action A {width:258px; text-align:center; text-align:center; text-transform:lowercase; padding:9px 4px 10px 4px;}
.home-auth-action A {background-color:#eae5df !important; color:#0e364e; border:solid 1px rgba(55, 85, 108, 1); background-image:none;}
.home-auth-action A:hover {background-color:rgb(134, 169, 199) !important; color:white; background-image:none;} 
.home-auth-action A IMG {display:none;}

/* home-pass */
.home-pass {margin:30px; width:100%;}
.home-pass {width:auto; height:560px; background:#eae5df url('../images/v4/innovation_makers_trasp_small.png'); background-position:left 80px; background-repeat:no-repeat;}

.home-pass .ESPanel-Data {float:right;}
.home-pass .ESPanel-Data-Content {float:left; padding:30px 20px 20px 20px; min-width:800px;}

.home-pass-info {width:94%; margin-top:20px; border:double 3px gray; border-radius:3px 3px; padding-bottom:8px;}

.home-pass-menu {float:left;}
.home-pass-menu H1 {color:rgb(55, 85, 108); font-size:28px; font-style:italic; font-family:Aharoni; text-decoration:underline;}

.home-pass-old {width:400px;}
.home-pass-new {width:400px;}
.home-pass-confirm {width:400px;}
.home-pass-change {padding-top:15px;}

.home-pass-change {width:100%; height:50px;}
.home-pass-change .ESLink.command {float:right !important; width:138px; text-align:center;}
.home-pass-change .ESLink.command  {color:#0E364E; background-color:Transparent !important; border:solid 0px Transparent; background-image: url(../images/img_new/btnlogon.gif); padding:3px 5px 3px 5px;}
.home-pass-change .ESLink.command  {color:#737c82; background-color:#eae5df !important; border:solid 1px #737c82; background-image: none; padding:3px 5px 3px 5px;  margin:0px 0px 0px 0px;}
.home-pass-change .ESLink.command :hover {color:blue; background-color:Transparent !important; border:solid 0px Transparent; background-image: url(../images/img_new/btnlogon_over.gif);} 
.home-pass-change .ESLink.command :hover {color:white; background-color:#3095b4 !important; border:solid 1px #737c82; background-image: none;  margin:0px 0px 0px 0px;} 


/* home-menu */
.home-menu {width:100%;}
/*
.home-menu TABLE {width:100%;}
.home-menu TABLE TD {padding:0px 20px 0px 0px;}
.home-menu TABLE TD.top {}
.home-menu TABLE TD.left {}
.home-menu TABLE TD.center {}
.home-menu TABLE TD.right {padding:0px 0px 0px 0px;}
.home-menu TABLE TD .right {width:350px !important;}
.home-menu TABLE TD.bottom {}
.home-menu TABLE TD A {margin: 6px 0px 8px 0px;}
.home-menu MARQUEE {color:#737c82 !important;}
.home-menu MARQUEE B {color:#525253 !important;}
*/
.home-menu div.main {float:left; width:100%; padding:0px;}
.home-menu div.top {float:left; width:100%; clear:both; padding:0px 10px 0px 10px;}
.home-menu div.left {float:left; width:33%; padding-left:1%;}
.home-menu div.center {float:left; width:33%; clear:none; padding-left:2%;}
.home-menu div.right {float:left; width:33%; clear:none; padding-left:2%;}
.home-menu div.bottom {float:left; width:100%; clear:both; padding:0px 10px 0px 10px;}

.home-menu .ESLink.command {color:rgba(40, 68, 86, 1); text-decoration:none; background-color:Transparent; border:solid 0px Transparent; padding:3px 5px 3px 5px; margin:0px;}
.home-menu .ESLink.command {border:dotted 1px darkgray; width:calc(100% - 30px); color:rgba(77, 89, 103, 1); __border-bottom:dotted 1px darkgray;}
.home-menu .ESLink.command:hover {color:white; background-color:rgba(40, 68, 86, 0.6); border:dotted 1px rgba(40, 68, 86, 1); __background-image:none;} 
.home-menu .ESLink.command label {line-height:24px;}
.home-menu .ESLink.command img {}

.home-menu .ESLink.command.denied {background-color:whitesmoke;}
.home-menu .ESLink.command.denied label {width:calc(100% - 50px); background-image:url('../images/svg/denied-red.svg'); background-position:100% 50%; background-repeat:no-repeat; background-size:18px 18px;}
.home-menu .ESLink.command.denied:hover {background-color:darkgray;}
.home-menu .ESLink.command.denied:hover label {color:darkslategray;}

.home-menu .ESPanel.exp-menu {float:left; width:100%; __background-color:rgb(233, 228, 222); margin-bottom:20px;}
.home-menu .ESPanel.exp-menu .pnl-head {width:100%; cursor:pointer; height:28px; border-radius:0px 0px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; padding-top:2px; border-radius:5px 5px;}
.home-menu .ESPanel.exp-menu .pnl-head:hover .pnl-exp img {background-color:rgba(254, 254, 254, 0.9);}
.home-menu .ESPanel.exp-menu.compact { margin-bottom:0px;}

.home-menu .ESPanel.exp-menu.navi {position:relative; min-width:280px; width:auto; margin-bottom:20px; }
.home-menu .ESPanel.exp-menu.navi .pnl-head {position:relative;}
.home-menu .ESPanel.exp-menu.navi .pnl-body {position:absolute; z-index:999; top:40px; width:auto; min-width:380px; box-shadow:rgba(40, 68, 86, 0.5) 0 0 5px;}

.home-menu .ESPanel.exp-menu .pnl-menu .pnl-exp {height:30px; width:30px; padding-left:3px; padding-top:1px;}
.home-menu .ESPanel.exp-menu .pnl-menu .pnl-exp img {height:26px; width:26px; padding:2px; margin-left:4px; background-color:rgba(254, 254, 254, 0.7); border-radius:4px 4px; border:solid 0px white; }
.home-menu .ESPanel.exp-menu .pnl-menu.expanded .pnl-exp img {background-color:rgba(254, 254, 254, 0.9);}

.home-menu .ESPanel.exp-menu .pnl-title {font-size:14px; padding-left:12px; text-transform:uppercase; overflow:hidden;}
.home-menu .ESPanel.exp-menu .pnl-text {font-size:14px; padding-left:12px; text-transform:none; overflow:hidden; color:yellow;}
.home-menu .ESPanel.exp-menu .pnl-help {float:right; position:relative; right:0px; height:24px; font-size:10px; font-weight:bold; color:white; padding:1px 4px 0px 4px;}
.home-menu .ESPanel.exp-menu .pnl-help .ESLink.command {border:solid 0px red; background-color:transparent; color:white; padding:0px 4px 0px 4px; cursor:pointer; margin:0px;}
.home-menu .ESPanel.exp-menu .pnl-help .ESLink.command img {margin:0px;}
.home-menu .ESPanel.exp-menu .pnl-help .ESLink.command :hover {background-color:transparent; border-radius:4px 4px;}
.home-menu .ESPanel.exp-menu .pnl-help .ESLink.command :hover img {background-color:white; border-radius:4px 4px;}
.home-menu .ESPanel.exp-menu .pnl-info .ESLink.menu {padding-top:0px; left:-18px;}
.home-menu .ESPanel.exp-menu .pnl-info .ESLink.menu .icon {background-image:url('../images/svg/options-white.svg') !important;}
.home-menu .ESPanel.exp-menu .pnl-info .ESLink.menu .list {right:0px; box-sizing:border-box;}
.home-menu .ESPanel.exp-menu .pnl-info .ESLink.menu .list a {display:flex; width:100%; __background-color:red;}
.home-menu .ESPanel.exp-menu .pnl-icon-svg {display:none !important; float:left; display:block; width:32px; height:32px; background-size:30px 30px; margin:2px; margin-left:4px; background-repeat:no-repeat;}

.home-menu .ESPanel.exp-menu .pnl-body {float:left; width:100%; padding: 10px 5px 15px 5px; background-color:white; border:solid 1px darkgray; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:solid 0px gray; __overflow:hidden;}
.home-menu .ESPanel.exp-menu .pnl-body .ESLink.command {margin-left:5px; min-width:150px;}
.home-menu .ESPanel.exp-menu .pnl-body HR {margin-top:10px;}
.home-menu .ESPanel.exp-menu .pnl-body TABLE {}
.home-menu .ESPanel.exp-menu .pnl-body TD {width:50%;}
.home-menu .ESPanel.exp-menu .pnl-body IMG {overflow:hidden;}
.home-menu .ESPanel.exp-menu .pnl-body LI {__list-style-image:url('../images/v4/list.png');}
.home-menu .ESPanel.exp-menu .pnl-body LI A {color:#3095b4;}
.home-menu .ESPanel.exp-menu .pnl-body LI A:hover {color:#8e258d;}
.home-menu .ESPanel.exp-menu .pnl-body fieldset {border:0px; border-top:solid 2px gray;}
.home-menu .ESPanel.exp-menu .pnl-body fieldset legend {color:blueviolet; padding-left:20px;}

.home-menu .ESLink.menu {position:relative; left:-26px; width:20px; height:28px; padding:0px; padding-top:5px; padding-right:2px; background-color:transparent; margin-right:-22px;}
.home-menu .ESLink.menu button {width:20px; height:28px; padding:0px; background-color:transparent; border:solid 0px gray;}
.home-menu .ESLink.menu button:hover {__background-color:rgba(40, 68, 86, 0.6); background-color:lightblue;}
.home-menu .ESLink.menu span.icon {background-image:url('../images/svg/pin-gray.svg') !important; display:flex; width:20px; height:22px; padding:0px; background-color:transparent; background-repeat:no-repeat;}
.home-menu .ESLink.menu:hover span {background-image:url('../images/svg/pin.svg') !important;} 
.home-menu .ESLink.menu nav li a {color:white;}

.home-menu .ESLink.extra-link + .ESLink.menu.svg-icon span.icon {background-image:url('../images/svg/link-gray.svg') !important;}
.home-menu .ESLink.extra-link + .ESLink.menu.svg-icon:hover span.icon {background-image:url('../images/svg/link.svg') !important;}

/* icon-menu */
.home-menu .ESLink.menu.svg-icon {padding:0px !important; padding-top:5px !important;}
.home-menu .ESLink.menu.icon-menu span.icon {background-image:url('../images/svg/kill-2-gray.svg') !important;} 
.home-menu .ESLink.menu.icon-menu:hover span {background-image:url('../images/svg/kill-2.svg') !important;} 

.home-menu .ESLink.command {padding-left:5px !important; padding-right:10px !important;}
.home-menu .ESLink.command.icon-menu {width:auto; height:auto; min-width:85px !important; margin:0px; margin-left:10px !important; margin-bottom:12px; color:#1d7897; text-decoration:none; background-color:Transparent; border:solid 0px Transparent; padding:3px 5px 3px 5px;}
.home-menu .ESLink.command.icon-menu {display:grid; justify-content:center; border:dotted 1px darkgray; color:rgba(77, 89, 103, 1);}
.home-menu .ESLink.command.icon-menu img {width:auto; height:40px;}
.home-menu .ESLink.command.icon-menu span.icon {width:auto; height:40px; background-size:100% 100%; background-image:url('../images/svg/kill-gray.svg');}
.home-menu .ESLink.command.icon-menu label {clear:left; padding-top:5px; padding-bottom:2px; font-size:11px; max-width:80px; text-align:center; line-height:16px; height:30px; max-height:30px; overflow:hidden;}
.home-menu .ESLink.command.icon-menu:hover {color:white; background-color:rgba(40, 68, 86, 0.6) !important; border:dotted 1px rgba(40, 68, 86, 1); __background-image:none;} 

.home-menu .ESLink.command.denied.icon-menu {background-image:url('../images/svg/denied-red.svg'); background-position:2% 2%; background-repeat:no-repeat; background-size:18px 18px; background-color:whitesmoke;}
.home-menu .ESLink.command.denied.icon-menu label {width:auto; background-image:none;}
.home-menu .ESLink.command.denied.icon-menu:hover {background-color:darkgray !important;}

.home-menu-title {background-image:url(../images/v4/separator_oblique.png); background-attachment:scroll; background-position: 100% 100%; background-repeat:no-repeat; color:#525253; font-size:15px;}
.home-menu-info {width:calc(100% - 20px); margin-bottom:20px;}

.home-menu .todo {padding:10px 5px 10px 5px;}
.home-menu .todo A B {color:#0e364e;}
.home-menu .todo A I {color:purple;}
.home-menu .todo A U {color:black; text-decoration:none;}
.home-menu .todo A S {color:gray;}
.home-menu .todo H1 {color:red; margin-left:10px;}
.home-menu .todo H2 {color:purple; margin-left:10px;}
.home-menu .todo H3 {color:#0e364e; background-color:rgba(210, 204, 189, 0.4); padding:4px;}
.home-menu .todo H4 {color:#0e364e; background-color:rgba(210, 204, 189, 0.4); padding:4px;}

.home-menu .todo.info {padding:5px 10px 5px 10px;}
.home-menu .todo.info A {float:none;}

.home-menu .todo.list {padding:5px 10px 5px 10px;}
.home-menu .todo.list A {float:left;}
.home-menu .todo.list TABLE {width:100%;}
.home-menu .todo.list TABLE CAPTION {color:#0e364e; background-color:whitesmoke; padding:4px;}
.home-menu .todo.list TABLE TD {padding:0px;}


/* menu */
.menu-back {background-color: rgba(40, 68, 86, 0.8); color:white; font-size: 14px; font-weight: bold;}

.menu-blue {background-color:#3095b4; color:white; font-size:14px; font-weight:bold;}
.menu-green {background-color:#abcd37; color:white; font-size:14px; font-weight:bold;}
.menu-pink {background-color:#cb0044; color:white; font-size:14px; font-weight:bold;}
.menu-purple {background-color:rgba(115, 0, 153,0.7); color:white; font-size:14px; font-weight:bold;}
.menu-gray {background-color:rgba(105, 104, 104, 0.8); color:white; font-size:14px; font-weight:bold;}

.__menu-orange {background-color:#fd8f01; color:white; font-size:14px; font-weight:bold;}
.__menu-orange:hover {background-color:#fd8f01; color:white; font-size:14px; font-weight:bold;}
.__menu-orange {background-color:rgba(230, 51, 18, 1); color:white; font-size:14px; font-weight:bold;}
.__menu-orange:hover {background-color:rgba(230, 51, 18, 1); color:white; font-size:14px; font-weight:bold;}
.__menu-red {background-color:rgba(230, 51, 18, 0.8); color:white; font-size:14px; font-weight:bold;}

/* navi */
.navi-menu {background-color:rgba(40, 68, 86, 0.8) !important; color:white; font-size:14px; font-weight:bold;}
.navi-body {__background-color:rgba(40, 68, 86, 0.8) !important; border:solid 2px rgba(40, 68, 86, 0.8) !important; border-top:0px !important; border-radius:4px 4px;}

.navi-body .ESLink.menu.svg-icon .icon {padding-top:0px !important; margin-right:15px; height:20px;}

.__banner-gray {background-color:#EAE6DF;}
.__banner-blue {background-color:#9EC5D8;}






/* ChangePwd */
.ChangePwd {margin:30px;}


/* Error */
.Error {padding:30px;}
.Error FIELDSET {padding:5px 5px 5px 5px;}
.Error FIELDSET LEGEND {font-weight:bold; color:Black;}
.Error SPAN {float:left; color:Red; font-size:13px; font-weight:bold;}
.Error A {float:left; width:100%; color:Blue; font-size:10px; font-weight:bold; border:solid 0px #000000;}

.Error-Extra {padding:30px;}
.Error-Extra SPAN {color:Blue;}

.Error-Info .ESLink.label {color:darkblue;}
.Error-Info .ESLink.label img {float:left; vertical-align:middle;}
.Error-Info .ESLink.label span {float:left; vertical-align:top;}
.Error-Info .ESLink.label ul {color:red;}
.Error-Info .ESLink.label li {color:darkblue; list-style-type:none;}


/* Wait */
.Excel-Wait {float:left; width:100%; height:90%; cursor:wait; text-align:center; padding:40px; font-size:30px; font-weight:bold; color:Blue;}
.Report-Wait {float:left; width:100%; height:90%; cursor:wait; text-align:center; padding:40px; font-size:30px; font-weight:bold; color:Blue;}


/* HtmlBox */

.HtmlBox {width:98%; margin-left:10px; border:solid 1px gray; overflow:auto;}
.HtmlBox {width:98%; margin-left:10px; margin-top:0px; border:solid 0px gray; overflow:auto;}
.HtmlBox-Title {color:#525253; font-size:15px; background-color: transparent; background-image:url(../images/v4/separator_oblique.png); background-position:100% 100%; background-repeat:no-repeat; margin:0px 0px 0px 0px; border-bottom:solid 0px gray;}
.HtmlBox-Table {width:100%; color: blue; border:solid 0px black; background-color: rgb(255, 238, 238);}
.HtmlBox-Table {width:100%; margin-top:0px; color:rgb(54,54,54); border:solid 0px black; background-color: Transparent;}
.HtmlBox-Table CAPTION {background-color: Yellow; margin:0px 0px 0px 0px; border-bottom:solid 1px gray;}
.HtmlBox-Table TR {}
.HtmlBox-Table TD {border: solid 0px black;}
.HtmlBox-Table TD {border: solid 0px black; color:rgb(54,54,54); font-size:12px !important;}
.HtmlBox-Table LI {height:20px; background-image:url(../images/v4/block_title.png); background-repeat:no-repeat; padding: 10px 5px 0px 10px; font-weight:bold; color:rgb(70, 155, 182);}
.HtmlBox-Table A {font-weight:bold; color:rgb(70, 155, 182);}
.HtmlBox-Table A:hover {color:rgb(78, 113, 130);}

/* TSInfoSummary */
.TSInfoSummary-HomeInfo {__width:400px;}


/* News */
.news-panel {position:relative; width:auto; width:98%; min-width:350px; padding:5px 0px 0px 5px; margin-bottom:15px;}

.news-header {font-weight:bold; color:white; text-transform:uppercase; padding:10px 10px 0px 25px;}
.__news-header {height:24px; background-color:rgba(169, 169, 169, 1); border-bottom:solid 2px white; border-top-left-radius:5px; border-top-right-radius:5px;}
.news-header {height:24px; background-color:rgba(33, 58, 143, 0.8); border-bottom:solid 2px white; border-top-left-radius:0px; border-top-right-radius:0px;}
.__news-header {height:24px; background-color:rgba(230, 51, 18, 1); border-bottom:solid 2px white; border-top-left-radius:5px; border-top-right-radius:5px;}
.news-header {background-repeat:no-repeat; background-position:5px center;}

.news-header DIV {padding:4px;}
.news-header B {display:none;}
.news-header A {color:yellow;}
.news-header I {float:right; margin-top:0px !important;}

.news-main {overflow:auto; _height:400px; max-height:400px; border:solid 1px rgb(155,155,255);}
.__news-main {overflow:visible; max-height:none; background-color:#EDEDEF; padding:4px; padding-top:5px; border:solid 0px black;}
.news-main {overflow:visible; max-height:none; background-color:rgba(210, 204, 189, 1); padding:4px; padding-top:5px; border:solid 0px black;}

.news-table {width:auto; border-collapse:collapse; background-image:none !important;}
.news-table {width:330px !important;}
.news-table {width:100% !important;}
.news-table TD {padding:0px 2px 2px 2px !important;}
.news-table TD A {width:100%; min-height:32px; padding:2px 0px 0px 0px !important; margin:0px 0px 0px 0px !important; border-bottom:solid 1px rgb(155,155,255);}
.news-table TD A {background-color:white; __background-color: rgb(237, 237, 239); border-bottom:solid 2px rgba(210, 204, 189, 1);}

.news-table TD A TABLE {width:100%; min-height:32px; border:solid 0px black; empty-cells:hide;}
.news-table TD A TABLE {margin-top: 10px; margin-left:5px; margin-bottom:5px;}
.news-table TD A TABLE TD {padding:0px 0px 0px 0px;}

.__news-table TD A:hover {background-color:rgba(134, 169, 199, 1); color:white;}
.news-table TD A:hover {background-color:rgba(210, 204, 189, 1); color:white;}
.news-table TD A:hover .news-head {color:rgba(33, 58, 143, 1);}

.news-icon {width:32px; padding-right:5px;}
.news-icon {width:auto; background-image:url(../images/v4/cm-listDot-blue.png); background-repeat:no-repeat; background-position:0px 5px; margin-left:10px;}
.news-icon IMG {display:none;}
.news-info {width:100%;}

.news-link {}
.news-link IMG {margin-right:5px; float:right;}

.news-date {padding-left:5px; text-decoration:none; color:orange; vertical-align:middle;}
.news-date {padding-left:5px; color:#525253; font-weight:bold; font-weight:normal;}
.__news-date {color:rgba(230, 51, 18, 1);}
.news-date {color:rgba(33, 58, 143, 1);}

.news-head {text-decoration:none; color:rgba(40, 68, 86, 1); font-weight:bold; font-size:12px; vertical-align:middle;}
.news-head {padding-left:5px; line-height:20px; }

.news-body {text-decoration:none; color:black; font-weight:lighter !important;}
.news-body {color:black;}
.news-body {padding-left:5px; color:rgb(54,54,54); font-size:11px; padding-bottom:5px;}


/* Menu - news */
.ESPanel-ExpMenu-Content .news-panel {width:auto; padding:5px 0px 0px 5px;}
.ESPanel-ExpMenu-Content .news-panel TABLE {max-height:100px;}
.ESPanel-ExpMenu-Content .news-panel TD {width:auto !important;}

/* news ESTipInfo */
.ESTipInfo .news {background-color:Transparent !important;}
.ESTipInfo .news SPAN {border:none !important;}
.ESTipInfo .news HR {border-color:yellow !important;}
.ESTipInfo .news SPAN TABLE {border:none !important;}
.ESTipInfo .news SPAN TABLE TD {border:none !important;}



/* DXML */
.DXML {width:auto; padding:5px 5px 5px 5px;}
.DXML h4 {padding-left:20px;}
.DXML h1 {color:#0e364e !important;}
.DXML div.parent {color:#0e364e !important; font-size:20px;}
.DXML div.parent label {color:#0e364e !important; font-size:16px;}

/* DXML dialog */
.DXML dialog.ESPanel {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;}
.DXML dialog.ESPanel::backdrop {opacity: 0.3; background-color:rgb(46, 83, 126); backdrop-filter: blur(5px);}
.DXML dialog.ESPanel .pnl-head {border-radius:10px 10px;}

/* DXML-Head */
.DXML-Head {width:100%; padding:10px 15px 10px 15px; __float:left; __clear:none;}
.DXML-Head .menu .pnl-head {background-color:transparent !important; min-height:26px; height:auto; border:solid 0px gray;}
.DXML-Head .menu .pnl-icon img {height:40px;}
.DXML-Head .menu .pnl-icon-svg {padding:2px 2px 2px 4px; width:40px; height:40px; background-size:40px 40px;}
.DXML-Head .menu .pnl-title {color:rgba(40, 68, 86, 0.8) !important; font-size:20px; __margin-left:20px;}
.DXML-Head .menu .pnl-body {margin-bottom:0px;}

.DXML-Head .menu .pnl-body {padding:2px 2px 2px 2px;}
.DXML-Head .menu .pnl-body.toolbar {float:left; padding:8px 10px 8px 10px; background-color:rgba(40, 68, 86, 0.6); border-radius:5px 5px; width:100%; __height:55px;}
.DXML-Head .menu .pnl-body.toolbar .ESLink.command  {background-color:#efefef; border-radius:5px 5px; border:solid 2px #737c82; border-bottom-right-radius:15px; border-top-right-radius:15px;}
.DXML-Head .menu .pnl-body.toolbar .ESLink.command:hover {background-color:rgb(134, 169, 199); border-radius:5px 5px; border-bottom-right-radius:15px; border-top-right-radius:15px;}
.DXML-Head .menu .pnl-body.toolbar h2 {margin:0px; color:white;}


.DXML-Summ {width:100%; padding:0px 15px 0px 15px; __float:left; __clear:none;}

/* DXML-Work */
.DXML-Work {width:100%; padding:10px 15px 10px 15px;}
.DXML-Work .data {margin-bottom:0px;}
.DXML-Work .data .pnl-head {display:none;}
.DXML-Work .DXML-Navi .data {padding:0px 0px 0px 0px; width:auto; background-color:transparent; border:solid 0px red;}
.DXML-Work .DXML-Navi .data .ESLink.command  {width:auto;}

.DXML-Work.navi-left {display:flow; float:left; clear:left; __width:18%; width:20%; min-width:200px; padding:10px;}
.DXML-Work.navi-left .pnl-title {font-size:12px;}
.DXML-Work.navi-left .data {margin-bottom:10px;}
.DXML-Work.navi-left .data .pnl-head {display:block;}
.DXML-Work.navi-left .DXML-Navi {padding:0px 10px 10px 10px; width:auto; min-height:200px;}
.DXML-Work.navi-left .DXML-Navi .ESLink.command  {width:92%; margin-bottom:5px;}

/* DXML-Main */
.DXML-Main {float:left; clear:none; width:100%; padding:10px 15px 10px 15px;}
.DXML-Main.navi-left {display:flow; float:left; clear:none; __width:78%; width:80%; padding:10px 15px 10px 15px;}

.DXML-Main .ESPanel.data {margin-bottom:10px; border-radius:5px 5px;}
.DXML-Main .ESPanel.data .pnl-head {padding-bottom:5px;}
.DXML-Main .ESPanel.data .pnl-title {padding-top:6px;}
.DXML-Main .ESPanel.data .pnl-text {padding-top:6px;}
.DXML-Main .ESPanel.data .pnl-extra {padding-top:6px;}

.DXML-Main .ESPanel.menu .pnl-head {min-height:28px;}
.DXML-Main .ESPanel.menu .pnl-body {border:solid 0px gray;}

.DXML-Main .pnl-title {font-size:13px;}
.DXML-Main .pnl-title LABEL {color:dimgray;}
.DXML-Main .pnl-title I {color:rebeccapurple; background-color:transparent;}
.DXML-Main .pnl-title B {color:black;}
.DXML-Main .pnl-text {font-size:12px; color:yellow; __color:rgba(77, 89, 103, 1);}
.DXML-Main .pnl-text:after {font-size:12px; color:yellow; content:'\00a0\00bb';}
.DXML-Main .pnl-extra {font-size:12px; color:white; font-weight:bold; font-style:italic;}
.DXML-Main .pnl-info {display:flex; color: rgb(14, 54, 78); font-size:12px; padding-top:4px;}
.DXML-Main .pnl-info label {color:dimgray;}
.DXML-Main .pnl-info i {color:rebeccapurple; background-color:transparent;}
.DXML-Main .pnl-info b {color:black;}
.DXML-Main .pnl-info img {margin-top:0px; vertical-align:bottom;}
.DXML-Main .pnl-info span.sign {float:left; height:20px; padding-left:24px; padding-top:2px; background-image:url('../images/svg/sign.svg'); background-repeat:no-repeat; background-size:20px 20px;}

.DXML-Main .ESLink.info label {color:red;}
.DXML-Main .ESLink.help {display:inline-flex; display:-webkit-inline-box; float:left; height:auto; background-image: linear-gradient(to right, lightyellow, transparent); overflow:hidden; border-top:dotted 1px gray; border-bottom:dotted 1px gray;}
.DXML-Main .ESLink.help label {color:purple; cursor:help;}
.DXML-Main .ESLink.help span {width:30px;}
.DXML-Main .ESLink.todo label {color:purple;}

/* DXML-Over */
.DXML-Over {width:100%; padding:10px 15px 10px 15px;}

/* DXML-Find */
.DXML-Find {width:100%; padding:10px 15px 10px 15px; __float:left; __clear:none;}
.DXML-Find-Menu {width:auto;}
.DXML-Find span.reminder {color:Red; font-weight:bold; cursor:help; text-align:center; padding:0px 4px 0px 0px;}
.DXML-Find span.notes {color:blue; font-weight:bold; cursor:help; text-align:center; padding:0px 4px 0px 0px; font-size:15px;}

.DXML-Find #pnlDataFindMenu {padding:0px 10px 0px 10px !important;}
.DXML-Find #find_data {padding:0px 10px 0px 10px !important;}

/* DXML-Tool */
.DXML-Tool {width:100%; padding:10px 15px 10px 15px;}

/* DXML-List */
.DXML-List .pnl-body {padding:0px !important; margin-bottom:10px; border:solid 1px gray !important; border-radius:5px 5px !important;}
.DXML-List .ESLink.label {background-color:transparent !important; border:solid 0px gray; cursor:help;}

/* DXML-Curr */
.DXML-Curr {width:100%; padding:10px 15px 10px 15px;}
.DXML-Curr H4 {font-size:14px; color:black; margin:5px;}
.DXML-Curr H6 {font-size:12px; color:red; margin:5px;}
.DXML-Curr .pnl-exp img {width:20px; height:20px;}
.DXML-Curr .pnl-icon img {__width:30px; __height:24px; padding-top:2px;}
.DXML-Curr .menu .pnl-body .back-card {float:right; __max-width:200px; max-height:200px; padding-top:20px; opacity:0.4;}

/* DXML-Root */
.DXML-Root {width:100%; padding:10px 15px 10px 15px;}
.DXML-Root .menu .pnl-body .back-card {float:right; __max-width:200px; max-height:300px; padding-top:20px; opacity:0.4;}


.DXML-Admin {display:flex; position:absolute; right:200px; top:54px; width:auto; z-index:900;}
.DXML-Admin .pnl-body {display:inline-flex;}

.DXML-Admin .ESPanel.exp-menu {float:left; display:block; width:100%; height:32px; margin:0px; padding:0px; }
.DXML-Admin .ESPanel.exp-menu .pnl-head {float:left; background-color:#d7f8ac; height:30px !important;}
.DXML-Admin .ESPanel.exp-menu .pnl-head .pnl-icon-svg {height:22px; width:22px; padding:4px;}
.DXML-Admin .ESPanel.exp-menu .pnl-head:hover {background-color:#adcc85;}
.DXML-Admin .ESPanel.exp-menu .pnl-head:hover .pnl-title {color:white !important;}
.DXML-Admin .ESPanel.exp-menu .pnl-menu {float:right; width:100%; cursor:pointer;}
.DXML-Admin .ESPanel.exp-menu .pnl-body {float:left; display:table-row; padding:10px; background-color:rgba(40, 68, 86, 0.9); __position:absolute; __top:30px;}

.DXML-Admin .pnl-icon {float:left; padding:4px; width:24px; height:24px;}
.DXML-Admin .pnl-exp {float:right;}
.DXML-Admin .ESPanel.exp-menu .pnl-head .pnl-title {float:left; line-height:26px; color:red !important;}
.DXML-Admin .ESPanel.exp-menu .pnl-head .pnl-info {display:none;}

.DXML-Admin .ESLink.command {background-color:#d7f8ac; margin-right:4px;}
.DXML-Admin .ESLink.command label {display:none;}
.DXML-Admin .ESLink.command:hover {background-color:#adcc85;}
.DXML-Admin .ESLink.command:hover __label {display:block; position:absolute; top:30px; __left:-5px; color:blue; z-index:20;}

.DXML-Admin-Data .ESDataField span {width:auto !important;}
.DXML-Admin-Data .ESLink.command {width:150px; background-color:rgba(245, 245, 245, 1); clear:left;}
.DXML-Admin-Data .ESLink.command label {display:block;}

.DXML-Admin-Data .ESLink.command:hover {background-color:rgba(133, 147, 156, 1);}
.DXML-Admin-Data .ESLink.command:hover label {display:block;}

.DXML-Admin-Menu .pnl-body {display:table-row; padding:0px !important; padding-top:20px !important; background-color:rgba(40, 68, 86, 0.9); position:relative; border:0px !important;}



/*******************/
/* HTML direct ctl */
/*******************/

/* grid-data */
.grid-data {background-color:white; border:solid 1px gray; __margin-top:5px; border-radius:5px 5px;}
.grid-data .tree-view .exp-data {border-bottom:solid 0px black;}
.grid-data.indent .tree-view TD.exp-data {padding-left:30px !important;}
.grid-data.view .data-view {border-spacing:0px; border:0px;}

.grid-top {line-height:18px;}
.grid-top th {background-color:rgba(40, 68, 86, 0.6); color:white; border:solid 1px gray; vertical-align:middle;}

.grid-row {line-height:18px; background-color:white;}
.grid-row td {border-bottom:dotted 1px gray !important; padding:2px 4px 2px 4px !important; vertical-align:middle;}

.grid-row.header {background-color:#d9e6f2;}
.grid-row.header:hover {background-color:#b3cde5;}

.grid-row.marked {background-color:#fafad1;}
.grid-row.marked:hover {background-color:#f5f5a3;}

.grid-row.selected {background-color:#e6ffcc;}
.grid-row.selected:hover {background-color:#ceff99;}

.grid-row.evidence {background-color:#ffe0b3;}
.grid-row.evidence:hover {background-color:#ffcc80;}

.grid-row.active {background-color:white;}
.grid-row.active:hover {background-color:#fafad2;}

.grid-row.inactive {background-color:#f5f5f5;}
.grid-row.inactive:hover {background-color:#e6e6e6;}

.grid-row.disabled {background-color:#d9d9d9;}
.grid-row.disabled:hover {background-color:#bfbfbf;}

.grid-row.ghost {background-color:ghostwhite;}
.grid-row.ghost:hover {background-color:rgb(208, 232, 247, 0.80);}

.grid-row.killed {background-color:#d9d9d9;}
.grid-row.killed:hover {background-color:#bfbfbf;}
.grid-row.killed TD {text-decoration:line-through;}
.grid-row.killed TD.nokill {text-decoration:none;}

.grid-row TD.icon {}
.grid-row TD.icon.center a {justify-content:center; align-items:center;}
.grid-row TD.left {text-align:left;}
.grid-row TD.center {text-align:center;}
.grid-row TD.right {text-align:right;}
.grid-row TD.status {text-align:center;}
.grid-row TD.status span.icon {width:20px; height:20px; background-size:20px 20px; justify-content:center; align-items:center; text-align:center;}

.grid-row TD.link {background-color:white;}
.grid-row TD.link A {width:100%; cursor:pointer; float:left;}
.grid-row TD.link:hover {background-color:rgb(237, 237, 237);}

.grid-row TD.h1 {color:purple; font-weight:bold; font-style:italic;}
.grid-row TD.h2 {color:darkslateblue; font-weight:bold;}
.grid-row TD.h3 {color:black; font-weight:bold;}
.grid-row TD.t1 {color:blue; font-weight:bold;}
.grid-row TD.t2 {color:purple; font-weight:bold;}
.grid-row TD.t3 {color:red; font-weight:bold;}

.grid-row TD B {color:rgb(14, 54, 78); font-weight:bold;}
.grid-row TD I {color:purple !important; font-style:normal;}
.grid-row TD U {color:black; font-weight:bold; text-decoration:none;}
.grid-row TD LABEL {color:gray; font-weight:normal; text-decoration:none;}

.grid-row TD details.notes {float:right; padding:0px 5px 0px 5px;}
.grid.row TD details.notes summary {cursor:pointer; color:#039; font-weight:bold; padding:0px 5px 0px 5px;}
.grid-row TD details.notes small {color:gray;}

.grid-row TD details.notes:hover summary {background-color:lightblue; border-radius:3px 3px;}
.grid-row TD details.notes[open] {background-color:lightyellow; border-radius:3px 3px;}
.grid-row TD details.notes[open] summary {background-color:lightblue; border-radius:3px 3px;}

.grid-row TD a.icon {display:flex; height:20px;}
.grid-row TD a.icon img {width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%;}
.grid-row TD a.icon span {float:left; width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%; padding:2px; border-radius:3px 3px;}
.grid-row TD a.icon:hover .icon {background-color:lightblue; border-radius:3px 3px;}

.grid-row TD a.status {float:left; width:20px !important; height:20px; padding:4px; margin-left:8px;}
.grid-row TD a.status img {width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%;}
.grid-row TD a.status span {float:left; width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%;}

.grid-row TD a.command label {font-weight:bold;}

.grid-row ul {float:left; padding:2px 2px 2px 2px; margin:0px; width:100%; text-align:left; __border:solid 1px darkgray !important; border-top:0px; line-height:24px;}
.grid-row ul li {list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-left:0px !important; border-right:0px !important; margin:0px 0px 0px 0px; padding:2px 16px 4px 4px;}
.grid-row ul span {float:left; list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:1px 6px 1px 0px; padding:0px 8px 0px 8px; __background-image:url('../images/DataField/dot.svg'); __background-repeat:no-repeat; __background-size:8px 8px; __background-position:4px 50%;}
.grid-row ul output {float:left; list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:1px 6px 1px 0px; padding:0px 8px 0px 8px; __background-image:url('../images/DataField/dot.svg'); __background-repeat:no-repeat; __background-size:8px 8px; __background-position:4px 50%;}

.grid-row.break {background-color:lightslategrey;}
.grid-row.break th {border:0px; padding:1px !important;}
.grid-row.section {background-color:rgba(40, 68, 86, 0.4);}
.grid-row.section th {text-align:left; color:white; border-top:solid 1px gray; vertical-align:middle; __padding:5px 3px 3px 5px !important;}
.grid-row.section th li {padding-left:8px; list-style:square;}
.grid-row.section th b {color:ghostwhite;}
.grid-row.section th i {color:yellow;}

/* grid-list */
ul.grid-list {display:flow; margin:0px 0px 4px 0px; padding-bottom:10px;}
li.grid-list {display:inline-flex; list-style:none; line-height:20px; border:solid 1px gray; border-radius:5px 5px; padding:4px 4px 4px 4px; margin:0px 4px 0px 4px;}
li.grid-list span {padding-left:2px;}
li.grid-list span span {padding-left:0px;}
li.grid-list a.icon {display:flex; height:20px;}
li.grid-list a.icon img {width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%;}
li.grid-list a.icon span {float:left; width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%; padding:2px; border-radius:3px 3px;}
li.grid-list a.icon:hover .icon {background-color:lightblue; border-radius:3px 3px;}

li.grid-list.header {background-color:#d9e6f2;}
li.grid-list.header:hover {background-color:#b3cde5;}

li.grid-list.marked {background-color:#fafad1;}
li.grid-list.marked:hover {background-color:#f5f5a3;}

li.grid-list.selected {background-color:#e6ffcc;}
li.grid-list.selected:hover {background-color:#ceff99;}

li.grid-list.evidence {background-color:#ffe0b3;}
li.grid-list.evidence:hover {background-color:#ffcc80;}

li.grid-list.active {background-color:white;}
li.grid-list.active:hover {background-color:#fafad2;}

li.grid-list.inactive {background-color:#f5f5f5;}
li.grid-list.inactive:hover {background-color:#e6e6e6;}

li.grid-list.disabled {background-color:#d9d9d9;}
li.grid-list.disabled:hover {background-color:#bfbfbf;}

li.grid-list.ghost {background-color:ghostwhite;}
li.grid-list.ghost:hover {background-color:rgb(208, 232, 247, 0.80);}

li.grid-list.killed {background-color:#d9d9d9;}
li.grid-list.killed:hover {background-color:#bfbfbf;}
li.grid-list.killed {text-decoration:line-through;}


/* tree-data */
.tree-data {background-color:white; border:solid 1px gray;}
.tree-data.indent .tree-view TD.exp-data {padding-left:30px !important;}

.tree-view {border:solid 0px gray;}
.data-view {border:solid 1px gray; border-radius:5px 5px;}

.tree-top {line-height:18px;}
.tree-top TH {background-color:rgba(40, 68, 86, 0.8); color:white; border:solid 1px gray; vertical-align:middle;}

.tree-row {line-height:18px; background-color:white;}
.tree-row TD {padding:2px 4px 2px 4px !important; vertical-align:middle;}
.tree-row:hover {background-color:#fafad2;}

.tree-exp TD.exp-data {padding:1px 1px 1px 1px; border-bottom:solid 2px rgba(40, 68, 86, 0.6); border-radius:5px 5px;}

.tree-row.header {background-color:#d9e6f2;}
.tree-row.header:hover {background-color:#b3cde5;}

.tree-row.marked {background-color:#fafad1;}
.tree-row.marked:hover {background-color:#f5f5a3;}

.tree-row.selected {background-color:#e6ffcc;}
.tree-row.selected:hover {background-color:#ceff99;}

.tree-row.evidence {background-color:#ffe0b3;}
.tree-row.evidence:hover {background-color:#ffcc80;}

.tree-row.active {background-color:white;}
.tree-row.active:hover {background-color:#fafad2;}

.tree-row.inactive {background-color:#f5f5f5;}
.tree-row.inactive:hover {background-color:#e6e6e6;}

.tree-row.disabled {background-color:#d9d9d9;}
.tree-row.disabled:hover {background-color:#bfbfbf;}

.tree-row.ghost {background-color:ghostwhite;}
.tree-row.ghost:hover {background-color:rgb(208, 232, 247, 0.80);}

.tree-row.killed {background-color:#d9d9d9;}
.tree-row.killed:hover {background-color:#bfbfbf;}
.tree-row.killed TD {text-decoration:line-through;}
.tree-row.killed TD.nokill {text-decoration:none;}

.tree-row TD.icon {}
.tree-row TD.left {text-align:left;}
.tree-row TD.center {text-align:center;}
.tree-row TD.right {text-align:right;}
.tree-row TD.icon.center a {justify-content:center; align-items:center;}

.tree-row TD.link {background-color:white; cursor:pointer;}
.tree-row TD.link a {float:left; width:100%; text-decoration:none;}
.tree-row TD.link:hover {background-color:rgb(237, 237, 237); background-image:url('../images/svg/next.svg'); background-repeat:no-repeat; background-position:98% 50%; background-size:15px 15px;}
.tree-row TD.link:hover a label {color:blueviolet;}

.tree-row TD.h1 {color:purple; font-weight:bold; font-style:italic; vertical-align:middle;}
.tree-row TD.h2 {color:darkslateblue; font-weight:bold; vertical-align:middle;}
.tree-row TD.h3 {color:black; font-weight:bold; vertical-align:middle;}
.tree-row TD.t1 {color:blue; font-weight:bold; vertical-align:middle;}
.tree-row TD.t2 {color:purple; font-weight:bold; vertical-align:middle;}
.tree-row TD.t3 {color:red; font-weight:bold; vertical-align:middle;}

.tree-row TD B {color:rgb(14, 54, 78); font-weight:bold;}
.tree-row TD I {color:purple; font-style:normal;}
.tree-row TD U {color:black; font-weight:bold; text-decoration:none;}
.tree-row TD UL {color:black; font-weight:bold; text-decoration:none; padding:0px;}
.tree-row TD LABEL {color:gray; font-weight:normal; text-decoration:none;}

.tree-row TD A.icon {display:flex; height:20px;}
.tree-row TD A.icon img {width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%;}
.tree-row TD A.icon span {float:left; width:18px; height:18px; background-size:18px 18px; background-repeat:no-repeat; background-position:50% 50%;padding:2px; border-radius:3px 3px;}
.tree-row TD A.icon:hover .icon {background-color:lightblue; border-radius:3px 3px;}

.tree-row TD A.status {float:left; width:20px !important; height:20px; padding:4px; margin-left:8px;}
.tree-row TD A.status img {width:18px; height:18px; background-size:20px 20px; background-repeat:no-repeat; background-position:50% 50%;}
.tree-row TD A.status span {float:left; width:18px; height:18px; background-size:20px 20px; background-repeat:no-repeat; background-position:50% 50%;}

.tree-row TD a.command label {font-weight:bold;}

.tree-row TD details.notes {float:right; padding:0px 5px 0px 5px;}
.tree-row TD details.notes summary {cursor:pointer; color:#039; font-weight:bold; padding:0px 5px 0px 5px;}
.tree-row TD details.notes small {color:gray;}

.tree-row TD details.notes:hover summary {background-color:lightblue; border-radius:3px 3px;}
.tree-row TD details.notes[open] {background-color:lightyellow; border-radius:3px 3px;}
.tree-row TD details.notes[open] summary {background-color:lightblue; border-radius:3px 3px;}

.tree-row ul {float:left; padding:2px 2px 2px 2px; margin:0px; width:100%; text-align:left; __border:solid 1px darkgray !important; border-top:0px; line-height:24px;}
.tree-row ul li {list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-left:0px !important; border-right:0px !important; margin:0px 0px 0px 0px; padding:2px 16px 4px 4px;}
.tree-row ul span {float:left; list-style-position:inside; background-color:whitesmoke; text-align:left; border:solid 1px slategray !important; border-top:0px !important; border-bottom:0px !important; margin:1px 6px 1px 0px; padding:0px 8px 0px 8px; __background-image:url('../images/DataField/dot.svg'); __background-repeat:no-repeat; __background-size:8px 8px; __background-position:4px 50%;}


/* tree-list */
.tree-list {background-color:white; __border:solid 1px gray; _margin-top:5px; padding:10px;}
.tree-list .tree-top {display:none;}
.tree-list .tree-row {line-height:normal;}
.tree-list .tree-row td {border-bottom:dotted 0px gray; padding:2px 2px 2px 4px; vertical-align:middle; padding:0px 2px 0px 4px !important;}
.tree-list .tree-row td.exp {width:auto !important;}
.tree-list a.svg-icon {margin:0px;}
.tree-list a.svg-icon .icon {float:left; width:16px; height:16px; __background-color:rgb(237, 237, 237); __background-image:url('../images/svg/next.svg'); background-repeat:no-repeat; background-position:98% 50%; background-size:15px 15px;}

.tree-list .pnl-exp {height:18px;}
.tree-list .pnl-exp img {width:18px; height:18px;}

.tree-list .grid-top {display:none;}
.tree-list .grid-row {line-height:normal;}
.tree-list .data-view {width:calc(100% - 30px) !important; margin-left:30px; border:solid 0px gray; border-radius:0px 0px;}
.tree-list TD.exp-data {padding:1px 1px 1px 1px; border-top:solid 0px rgba(40, 68, 86, 0.6); border-bottom:solid 0px rgba(40, 68, 86, 0.6); border-radius:5px 5px;}


/* mark-data */
.mark-data {overflow:visible !important; border:none !important; margin-bottom:10px; }
.mark-data TABLE {border:solid 1px #666666; background-color:white; margin:6px 0px 8px 4px; border-collapse:collapse; empty-cells:show; min-width:400px; width:99%;}
.mark-data 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;}
.mark-data TABLE CAPTION B {color:yellow; font-weight:bold;}
.mark-data 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;}
.mark-data 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;}
.mark-data TABLE TD B {color:#525253; font-weight:normal; padding:2px 5px 2px 5px;}
.mark-data TABLE TD I {color:#0e364e;}
.mark-data TABLE TD DIV {padding:2px 5px 2px 5px;}

.mark-data TABLE TABLE {border:dotted 1px #666666; background-color:white; margin:6px 0px 8px 4px; border-collapse:collapse; empty-cells:show; min-width:400px; width:99%;}
.mark-data TABLE TABLE TH {width:20%; background-color:lightsteelblue;}


/**********/
/* GLOBAL */
/**********/
/* INPUT[placeholder] {color:lightgray;} */

#__dgFiles CAPTION {border:solid 0px red; color:White;}
#dgFiles A {background-color:Transparent !important; border:0px; text-decoration:underline;}
#dgFiles A:hover {color:Red;}

#pnlDebugDxml TD.data-row {color:black;}
#pnlDebugDxml TD.data-ini {color:blue; font-weight:bold;}
#pnlDebugDxml TD.data-end {color:blue;}
#pnlDebugDxml TD B {}
#pnlDebugDxml TD I {padding-left:5px;}


.web-manager {padding:20px;}

.___hrm-photo {float:right; height:150px; border:double 8px gray; border-radius:4px 4px; margin-bottom:10px;}

.photo-profile {float:right; border-radius:50%; overflow:hidden; padding:0px !important; box-shadow:rgba(40,68,86,0.5) 0 0 5px;}
.photo-profile span {float:left; width:100%; height:100%; background-position:center center; background-size:auto 100%;}
.photo-profile.base {width:165px; height:165px; margin:15px; margin-top:0px; margin-bottom:0px;}
.photo-profile.mini {float:left; width:80px; height:80px;}


/* info-todo */

.inf-todo label {font-weight:bold; color:purple;}
.inf-todo label b {font-weight:bold; color:blue;}
.inf-todo span {padding:5px;}
.inf-todo small {float:left; padding:10px; background-color:lightblue; __width:90%; border-radius:5px 5px;}

/* info summary */

.inf-summary {padding:8px; background-color:lightyellow; border-left:solid 3px gray; margin-bottom:5px;}
.inf-summary LI {list-style:none;}
.inf-summary H3 {color:darkslateblue; font-size:13px; font-style:italic;}
.inf-summary H4 {color:red; font-size:12px; font-weight:normal;}


/* output work */

.out {font-size:14px; color:blue; height:24px; padding-left:24px; background-position:left center; background-size:20px 20px; background-repeat:no-repeat;}
.__out::before {content:'\00bb'; font-size:larger; color:red; padding-right:5px;}
.out.add {background-image:url('../images/svg/check.svg'); }
.out.new {background-image:url('../images/svg/init.svg');}
.out.del {background-image:url('../images/svg/kill-red.svg');}
.out.sub {background-image:url('../images/svg/next.svg');}

.out-ctl {width:100%; background-color:lightcyan;}


/* dep tree */

.dep-tree {width:auto; min-width:200px; background-color:whitesmoke; border:solid 2px gray; _padding:4px; margin:4px; margin-top:8px; margin-bottom:8px; border-radius:5px 5px; display:inline-grid; text-align:center; box-shadow:rgba(40, 68, 86, 0.5) 0 0 5px;}
.dep-tree .dep {display:block !important; width:100%; min-width:200px; border:solid 0px gray; padding:0px; margin:0 auto; border-bottom:solid 2px gray;}
.dep-tree .dep:hover .ico {display:block; background-color:whitesmoke; border-radius:10px 10px;}

.dep-tree .lnk {float:right; width:20px; height:20px; border:solid 0px gray; padding:4px; padding-right:4px; border-radius:5px 5px;}
.dep-tree .lnk .ico {display:none; float:left; width:20px; height:20px; background-size:16px 16px; background-position:50% 50%; background-repeat:no-repeat;}
.dep-tree .lnk .ico {background-image:url('../images/svg/next.svg');}
.dep-tree .lnk:hover .ico {background-color:greenyellow;}

.dep-tree .inf {float:left; line-height:16px; margin-top:4px; margin-left:4px; padding-left:5px; padding-right:5px; color:white; __color:slategray; __font-weight:bold; cursor:copy; __background-color:whitesmoke; border-radius:10px 10px;}
.dep-tree .inf:hover {background-color:greenyellow; color:blue;}
.dep-tree .inf b {color:cyan;}

.dep-tree .num {float:right; padding-left:5px; padding-right:5px; font-weight:bold; cursor:help;}
.dep-tree .top {display:block !important; background-color:gray; line-height:24px; min-width:200px; line-height:28px;}
.dep-tree .top label {font-weight:bold; color:white; padding:0px 10px 0px 10px;}
.dep-tree .top label small.init {font-weight:normal; color:yellow; padding:0px 5px 0px 5px;}
.dep-tree .top label small.init::before {content:'\25B2'; font-size:larger; color:yellow;}
.dep-tree .top label small.lock {font-weight:normal; color:yellow; padding:0px 5px 0px 5px; text-decoration:none;}
.dep-tree .top label small.lock::before {content:'\25AE'; font-size:larger; color:yellow;}
.dep-tree .top label small.term {font-weight:normal; color:yellow; padding:0px 5px 0px 5px; text-decoration:none;}
.dep-tree .top label small.term::before {content:'\25BC'; font-size:larger; color:yellow;}

.dep-tree .top.org {background-color:gray;}
.dep-tree .top.dir {background-color:cornflowerblue;}
.dep-tree .top.bus {background-color:burlywood;}
.dep-tree .top.sal {background-color:cadetblue;}
.dep-tree .top.rec {background-color:purple;}
.dep-tree .top.ass {background-color:hotpink;}
.dep-tree .top.pro {background-color:darkorange;}
.dep-tree .top.sup {background-color:green;}

.dep-tree .man {display:block !important; line-height:22px; background-color:lightgoldenrodyellow !important; min-width:200px; min-height:22px; padding-top:2px; padding-left:5px; padding-right:5px;}
.dep-tree .man s {font-weight:bold; color:red;}
.dep-tree .man small {padding-left:6px;}
.dep-tree .man small.empl {color:blue;}
.dep-tree .man small.empl::before {content:'\25B2'; font-size:larger; color:blue;}
.dep-tree .man small.term {color:red;}
.dep-tree .man small.term::before {content:'\25BC'; font-size:larger; color:red;}

.dep-tree .app {display:block !important; background-color:lightblue; min-width:200px; min-height:30px; padding-top:2px;}
.dep-tree .res {min-width:200px; min-height:30px; padding:4px;}
.dep-tree .job {min-width:200px; min-height:30px; padding:4px;}
.dep-tree .cli {min-width:200px; min-height:30px; padding:4px;}
.dep-tree .sub {display:flow-root; float:left; width:auto !important; padding-left:6px; padding-right:6px;}
.dep-tree .sub div {display:inline-grid;}

.dep-tree details summary {line-height:24px; text-align:center; vertical-align:middle;}
.dep-tree details summary i {color:blue; font-size:smaller;}
.dep-tree details summary .lnk .ico {background-image:url('../images/svg/init.svg');}
.dep-tree details summary:hover {}
.dep-tree details summary:hover i {color:red;}
.dep-tree details summary:hover .lnk .ico {display:block; border-radius:10px 10px;}

.dep-tree fieldset {border:solid 0px gray !important; border-bottom:solid 1px gray !important;}
.dep-tree fieldset legend {width:98%; display:inline-flex; justify-content:space-between; margin-bottom:0px;}
.dep-tree fieldset.res div {width:98%; background-color:greenyellow; border:dotted 1px gray; border-bottom:0px; padding:2px; border-radius:5px 5px;}

.dep-tree.base {color:purple;}
.dep-tree.lock {color:black; text-decoration:line-through;}
.dep-tree.pair {background-color:lightgray;}
.dep-tree.curr {border-color:red; box-shadow:yellow 0 0 8px;}
.dep-tree.curr span {color:red;}
.dep-tree.view span {color:#0e364e;}


/* res-info */

.res-info {line-height:26px;}
.res-info.mask:hover::after {content:'\25C0 \00a0 ' attr(mask); vertical-align:top; border:dotted 1px red; background-color:greenyellow; color:black; padding:3px; margin-left:10px; border-radius:3px 3px;}

.res-info span.text {font-size:14px; vertical-align:super;}
.res-info span.text mark {color:blue; background-color:transparent;}
.res-info span.icon {display:inline-flex; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat; padding-right:8px;}
.res-info span.icon.next {display:inline-flex; width:20px; height:20px; background-size:20px 20px; background-repeat:no-repeat; margin-left:15px; padding-right:8px;}


/* rec-need */

.rec-need.personal {border:solid 0px red; padding:10px; background-color:transparent !important;}
.rec-need.personal TR {background-color:transparent !important;}
.rec-need.personal TR td {border:none !important;}

.rec-need.personal details {padding:10px;}
.rec-need.personal details summary {font-weight:bold; background-color:lightgray; padding:8px; border-radius:10px 10px;}
.rec-need.personal details summary b {color:blue;}
.rec-need.personal details summary i {color:purple;}
.rec-need.personal details summary label {float:right; color:purple;}
.rec-need.personal details h3 {padding:10px 10px 0px 10px;}
.rec-need.personal details div {padding:10px;}


/* back-motive */
/*
.back-motive {display:inline-flex; justify-content:space-between; width:100%;}
.back-motive div {float:left; clear:none; margin:20px 10px 0px 0px; width:32%; min-width:400px; height:300px; background-size:100% auto; background-repeat:no-repeat;}
.back-motive div {border-top-left-radius:70px; border-bottom-right-radius:70px; border-top-right-radius:10px; border-bottom-left-radius:10px;}
.back-motive div {box-shadow:rgba(40, 68, 86, 0.5) 0 0 25px;}
*/
.back-motive {__display:inline-flex; __justify-content:space-between; width:100%; max-width:400px; float:right;}
.back-motive div {float:right; clear:none; margin:20px 10px 0px 0px; width:32%; min-width:400px; height:200px; background-size:100% auto; background-repeat:no-repeat;}
.back-motive div {border-top-left-radius:70px; border-bottom-right-radius:70px; border-top-right-radius:10px; border-bottom-left-radius:10px;}
.back-motive div {box-shadow:rgba(40, 68, 86, 0.5) 0 0 25px;}

@media only screen and (max-width: 767px) {.back-motive {display:flow-root; max-width:100%; float:left; margin-left:10px;} .back-motive div {width:100%; min-width:100%;}	div.home-menu .main {background-image:none !important;} }