/* BASIC ELEMENTS */
* { margin:0; padding:0 }
html { overflow-y: scroll }
body { margin: 0; padding: 0; font: normal 12px/15px Arial; background: #fff url(../img/bg-zse.png) no-repeat }

img { vertical-align: middle }
input,select { vertical-align: middle; padding: 5px; border-radius: 3px }

hr { border:none; height:1px; background:#e6e2df }

label { line-height:20px; user-select: none }

.button { color:#560C70; font-weight:bold; padding:3px 8px; margin:5px 0; border:2px solid #D3CDCB; background:#F7F6F5; cursor:pointer }
INPUT[type="button"],INPUT[type="submit"], input[type=file]::file-selector-button, .custom-file-upload span { color:#560c70; font-weight:bold; display: inline-block; padding:5px 10px; border-radius: 5px; margin:5px 0; border:2px solid #D3CDCB; background:#F7F6F5; cursor:pointer }
INPUT[type="button"]:hover, INPUT[type="submit"]:hover, input[type=file]::file-selector-button:hover, .custom-file-upload span:hover { border:2px solid #574D44; color:black; }
INPUT[type="button"]:focus, INPUT[type="submit"]:focus, input[type=file]::file-selector-button:focus, .custom-file-upload span:focus { border:2px solid #574d44; position:relative; top:1px; left:1px; outline:0; }
INPUT[type="button"].disabled, INPUT[type="submit"].disabled { color:gray; opacity:0.8; border:2px solid #E6E2DF !important; top:0 !important; left:0 !important; cursor:default }
.button.disabled { color:gray; opacity:0.8; border:2px solid #E6E2DF !important; top:0 !important; left:0 !important; cursor:default }

.custom-file-upload input[type="file"] { display: none; }
.custom-file-upload span { background-image: url(../img/icon_arrow.gif); background-repeat: no-repeat; background-position: 10px 50%; padding-left: 30px }
.file-name-label { display: inline-block; margin: 10px }

form { margin: 0; padding: 0 }
td, input, select, textarea { font: 12px Arial, Helvetica, sans-serif; color: #3e3e3e; }
INPUT[type="text"],INPUT[type="password"],textarea,select { border:1px solid #D1CECB; width: 140px; }
INPUT[type="text"]:focus,INPUT[type="password"]:focus, textarea:focus, select:focus { border:1px solid #560C70; font-weight:bold; color:black }

.datepicker select { width: auto; font-weight: normal !important }

h1, h2, h3, caption { margin:5px 0 10px; font: bold 15px Arial, Helvetica, sans-serif; color: #888B8D; }
h1 { font-size: 20px; }
h2 { font-size: 12px; }

table { border-collapse: collapse; margin:auto; margin:0; padding:0 }
table.gray td { background:#e5e5e5 }
td, th { white-space:nowrap; padding: 5px; max-width: 150px }
th { color: #888B8D; background:#f5f5f5 }

p { margin:10px 0; }
ul { margin:10px 0; padding: 2px 15px; list-style-type: none; }
li { margin:0; padding: 2px 5px 2px 15px; list-style-type: none; background: url(../img/bullet_arrow.gif) no-repeat 3px 4px; }
ul.inline { display: inline; margin: 0; padding: 0; }
ul.inline li { display: inline; background: none; padding: 2px 5px; }
li.noDot { background:none }

ul.XML-list li a { font-size:1.3em; }

fieldset { border:none; border-top: 1px solid #b5aca6; display:inline; margin:0 0 30px; padding:5px }
legend { color:black; padding: 0px 5px }

.hidden { display:none }
.bold { font-weight: bold }
.Left { text-align: left }
.Right { text-align: right }
.Center { text-align: center }
.Justify { text-align: justify }
.attention { border:1px solid red }
.clearFloat { clear:both }

/* LINKS */
a { cursor:pointer; outline:0; }
a:link { color: #560c70; text-decoration: none; }
a:active { color: #560c70; text-decoration: none; }
a:visited { color: #560c70; text-decoration: none; }
a:hover { color: #560c70; text-decoration: underline; }
a img { border: none; }

/* LINK filetypes */

a[href $= '.msi'] {
	display: inline-block;
	background: url(../img/filetypes/exe.gif) no-repeat left center;
	padding: 5px 0px 5px 20px;
	margin: 5px 0;
}

a[href $= '.pdf'] {
	display: inline-block;
	background: url(/img/filetypes/pdf.png) no-repeat left top;
	padding: 1px 0px 1px 20px;
	margin: 5px 0;
}

a[href $= '.doc'] {
	display: inline-block;
	background: url(/img/filetypes/doc.png) no-repeat left top;
	padding: 1px 0px 1px 20px;
	margin: 5px 0;
}

a[href $= '.xls'] {
	display: inline-block;
	background: url(/img/filetypes/xls.png) no-repeat left top;
	padding: 1px 0px 1px 20px;
	margin: 5px 0;
}

a.noicon { background: none; padding-left: 0 }

/* PAGE ELEMENTS */

div#master { position:relative; width: 990px; margin:0 auto; padding: 0 10px 10px 10px; }

div#header { position: relative }
#logo { padding: 20px 20px; margin: 20px 0 }

#langPanel { padding:8px; position: absolute; top: 50px; left: 100px; z-index: 1000; background: white; border-radius: 20px; box-shadow: 0px 5px 56px 1px rgba(184,184,184,0.62); }
#langPanel a { margin: 0; padding: 5px 10px; font-size: 15px; color: #ACAEB0; font-weight: bold; text-decoration: none; border-right: 1px solid #E1E1E1 }
#langPanel a:last-child { border: none }
#langPanel a.selected { color: #93328E }

#headerContent { position:absolute; padding-bottom:10px; height:15px; bottom:0; right:10px; }
#headerContent div { display:inline; margin: 0 1px }

#headerMenu { color:#a293ae; padding:3px 5px; border-bottom:7px solid #560c70; }
#headerMenu a { font-weight: bold; margin:0 12px }
#headerMenu a:hover, #headerControlPanel a { text-decoration:none; }

#headerUserInfo { color:#54565A; padding:3px 5px; border-bottom:7px solid #adafb2 }

#headerControlPanel { color:#54565A; padding:3px 5px; border-bottom:7px solid #560c70 }
#headerControlPanel a { font-weight: bold; margin:0 5px }

.serviceIcon { margin: 10px 25px; float:left; position:relative; width:128px }
.serviceIcon a { text-decoration:none !important; }
.serviceIcon p { font-weight:bold; margin: 5px 0; position:absolute; left:0px; bottom:0px; text-align:center; width:100% }

#content { min-height:300px; height:auto !important; height:300px; background:#FFFFFF; padding: 15px 15px 0; position:relative; padding-bottom:30px; box-shadow: 0px 5px 56px 1px rgba(184,184,184,0.62); border-radius: 8px }

#content #loaderPanel { display:none; }

#content.loading { background:#FFFFFF url('../img/bg_loading-zse.svg') center 100px no-repeat; pointer-events: none; user-select: none }
#content.loading > * { opacity: 0.5 }
#content.loading .loading-hidden { display: none }

#loading, div#offline { background:#FFF }
div#offline { width:30% }

#content fieldset { position: relative; margin: 0 20px 20px 0; float:left; clear:left; }
#content div.sideBox { width: 200px; height:500px; float:right; clear:right; margin:-10px -10px 0; padding:10px; background: #F2EFED; border-left:1px solid #E2DDDC}
#content div.sideBox.info { background: #fff7e6 }
#content div.sideBox.docs { background: #eaeffd }
#content .info { padding: 0 0 0 45px; background: url(/img/icon_info.png) left top no-repeat }

#footer { text-align:center; clear:both; color: #B0A9A4; border: 0px; height:45px; padding:20px 0; }
#footer a { color:#8C837B }
#footer div.info { color:#625B55 }
#footer div.zseCopyright { font-size:x-small }
#footer div { padding-bottom:5px }

#content.loading .disclaimer { display:block }
.disclaimer { background:url(../img/bg-warning.gif) bottom left repeat-x; clear:both; position:absolute; bottom:0; width: 969px;  padding:10px 0 22px 20px; margin:20px -15px -1px; text-align:center; color: #917E73; font-size:13px; font-weight:bold; }
.disclaimer b { color: #493F38; }

div.warning { color: #683F20; padding: 8px 10px 8px 30px; margin-top: 15px; margin-bottom:15px; font-weight:bold; border:1px dashed #c5ae2e; background: #fffae6 url('../img/icon_warning.png') 10px center no-repeat; }

/* TABS */

.tabs {
	user-select: none;
	list-style-image: none;
	list-style-type: none;
	margin: 10px 0 40px;
	padding: 0px;
	height: 22px;
	/* border-bottom: 3px solid #702082; */
}

.tabs li {
	float: left;
	background: #EBEBEB;
	padding: 6px 10px;
	margin: 0;
	margin-right: -1px;
	cursor: pointer;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-top: 3px solid white;
	border-bottom: 3px solid white;
	color: #000;
}

.tabs li.link {
	padding: 0;
}

.tabs li a {
	color: black;
	text-decoration: none;
	padding: 6px 10px;
	display: inline-block;
}

.tabs li.active {
	background-color: #93328E;
	border-top: 3px solid #93328E;
	border-bottom: 3px solid #93328E;
	border-radius: 5px;
	color: #fff;
}

.tabs li:not(.active):hover,
.tabs li a:hover {
	background-color: #888B8D;
	color: #fff;
}

.tab-container { display:none; margin:20px 0 }
.tab-container.active { display:block }

/* CONSOLE */

.console {
	margin:-15px 0 -5px;
	margin-bottom:40px;
	font: bold 14px Arial;
	padding: 20px 25px;
}

.console.show {
	border-top:1px solid #E6E2DF;
	border-bottom:1px solid #E6E2DF;
	background:#F8F8F8;
}

.console h1, .console h2, .console h3 { clear: both }
.console h2 { margin-top:20px; color: black; background-repeat:no-repeat; background-position: 8px center; padding-left: 28px }
.console h2.error { background-image: url(../img/error.png); color: #BE1414 }
.console h2.warning { background-image: url(../img/warning.png); color: #CE8E09 }
.console h2.success { background-image: url(../img/accept.png); color: #386B30 }
.console li { margin-left: 40px }

.console p { font-weight:normal; color: black }

/* TOOLBAR */

#toolbar { display:block; text-align:right; position:absolute; top:10px; right:10px; padding: 5px 10px; background:#f0f0f0 }

#toolbar a { text-decoration:none; padding: 2px 5px; border:1px solid #c3c3c3; background:#fbfbfb }
#toolbar a:hover { border:1px solid black; color:black }
#toolbar a:active { position:relative; top:1px; left:1px }
#toolbar a.open { background: #E2DFDE url('../img/arrow_up.gif') 95% center no-repeat; padding-right:20px; border:1px solid #413A38 }
#toolbar a.closed { background: #fbfbfb url('../img/arrow_down.gif') 95% center no-repeat; padding-right:20px }
#toolbar a.enabled { background: #E2DFDE; border:2px solid #413A38; padding: 1px 4px;}
#toolbar .separated { margin-left:12px }

/* CUSTOM ICONS */

.prnt { float:right; background: url(../img/icon_print.gif) 0 50% no-repeat; padding: 5px 0 5px 18px; }

/* TITLES */

.pageTitle { font: 20px Arial, Helvetica, sans-serif; margin: 0 0 15px; font-weight: bold;color: #888B8D;  }
.pageTitle small { font: normal 11px "Century Gothic", Arial; color:#A0A0A0 }
.subpageTitle { font: 15px Arial, Helvetica, sans-serif; font-weight: bold;color: #888B8D;  }

/* FORM ELEMENTS */
.textbox { background: url(../img/bg_textbox.gif) repeat-x; border: 1px solid #4d0761; padding: 1px 3px; }
.button { cursor: pointer; }

/* TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #86709e;
	background-color: #f9f8fa;
	padding: 0;
	font: normal 11px Tahoma;
	color: #333
}

#tooltip span { display: block; padding:2px 5px 2px 5px; background:black; color:white }
#tooltip p { padding: 3px; margin:0 }
#tooltip small { color: #B7B7B7 }

.help-button { vertical-align: middle; border: 1px solid lightgray !important; font-size: 12px; border-radius: 6px; padding: 5px 6px 5px 24px !important; color: black !important; background: #EAEAEA url(../img/help.png) 4px center no-repeat !important; }
.help-button:hover { text-decoration: none; color: black }