/* exo-2-regular - latin_latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/exo-2-v4-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Exo 2'), local('Exo2-Regular'),
       url('../fonts/exo-2-v4-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v4-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v4-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v4-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v4-latin_latin-ext-regular.svg#Exo2') format('svg'); /* Legacy iOS */
}
/* exo-2-italic - latin_latin-ext */
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/exo-2-v4-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Exo 2 Italic'), local('Exo2-Italic'),
       url('../fonts/exo-2-v4-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/exo-2-v4-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/exo-2-v4-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/exo-2-v4-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/exo-2-v4-latin_latin-ext-italic.svg#Exo2') format('svg'); /* Legacy iOS */
}


/* open sans */
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans'); */

/* open-sans-regular - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_latin-ext-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin_latin-ext-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin_latin-ext-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_latin-ext-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_latin-ext-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_latin-ext-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin_latin-ext-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin_latin-ext-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin_latin-ext-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin_latin-ext-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin_latin-ext-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

@media print {
	:root {	--body-bg: white !important; }
	.no-print, .no-print * { display: none !important; }
	body { font-size: 12px !important; background: none !important; }
}

html {
	min-height: 100%;
	min-width: 100%;
	height: fit-content;
	width: fit-content;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	color: var(--body);
	background-color: var(--body-bg);
	vertical-align: text-top;
	text-align: left;
	font-family: 'Open Sans', Verdana, Arial;
	font-size: clamp(13px, 0.76vw, 15px);
}
body:not(.cpeditx):not(.editx):not(.htmlx) {
	width: 100%;
	background-repeat: no-repeat;
}
body.htmlx {
	height: auto;
	margin: 10px;
	font-size: clamp(13px, 1.0vw, 16px);
}
body.single {
	font-size: 13px;
}
.footer-container .footer_txt {
	width: calc(80% - 40px);
	max-width: 984px;
	margin: auto;
}
.page_footer {
	background-color: var(--primary-1);
	width: 100%;
}
.page_footer a {
	color: white;
}
.page_footer a:hover {
	color: var(--link1-hov);
}
.page_footer .ss_par {
	margin: 20px auto !important;
	color: white;
	width: fit-content;
}
table {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
}
table.root td tr { height: auto; }
table::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
table::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
table::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}
td {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	vertical-align: baseline;
	text-align: left;
}
th { letter-spacing: 0.05ex; }
div { margin: 0px; padding: 0px; }
p { margin: 0px; padding: 0.5rem 0px; line-height: 150%; }
br,div,span,form { border-style: none; margin: 0px; padding: 0px; }
b {}
ol,ul { border-style: none; list-style-position: outside; padding: 0.5ex 0px 0.5ex 0px; margin: 0px; }
li { border-style: none; padding: 3px 0 3px 0; margin: 0 0 0 3ex ; }
li::-moz-list-bullet { font-size: 100%; }
img {
	border-style: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	clear: none;
	float: none;
}
a {
	text-decoration: none;
	color: var(--link1);
}
a:hover {
	text-decoration: none;
}
p a {
	text-decoration: none;
	color: var(--link1);
	text-decoration: underline;
	text-underline-offset: 0.25em;
	text-decoration-thickness: 0.09em;
	text-decoration-color: var(--secondary-4);
}
p a:hover {
	color: var(--link1-hov);
	text-decoration: underline;
	text-decoration-thickness: 0.09em;
	text-decoration-color: var(--link1-hov);
	-webkit-transition: color,text-decoration-color 0.3s;
	transition: color,text-decoration-color 0.3s;
}
#link {}
body.htmlx a, body.editx a { font-weight: bold; }
form { clear: left; }
input, textarea { font-family: 'Open Sans', Verdana, Arial; }
textarea.code, .code  {
	font-family: /* Courier New, Courier,*/ monospace;
	font-size: 95%;
	white-space: pre-wrap;
}

textarea.code  {
	resize: both !important;
	tab-size: 4;
	-moz-tab-size: 4;
}

.root { width: 100%; height: 100%; table-layout: auto; border-collapse: collapse; }
.r1 {}
.c11 { width: 100%; height: 100px; padding: 0; background-image: linear-gradient(white,white,white,#f8f8f8); vertical-align: top; }
.r1 .c11 { background: none; }
.c11tab { width: 100%; height: 100%; table-layout: fixed; }
.c11tab tr { display: flex; align-items: center; justify-content: space-between; }
.c11tab tr td {	width: auto; }
.c11tab11 { height: 70px; vertical-align: middle; padding: 0; display: flex; align-items: center; color: var(--primary-1); }
.c11tab11 img { height: 70px; margin-top: -5px; padding: 0px 16px 0 0; vertical-align: middle; }
.c11tab11 img path { fill: var(--primary-1); }
.c11tab12 { width: 300px; height: 70px; padding-right: 10px; vertical-align: middle; padding-left: 6px; }
.c11tab11old { width: 390px; height: 100px; padding-left: 0px; vertical-align: middle; }
.c11tab11old img { height: 70px; margin-top: -5px; padding: 0px 16px 0 0; vertical-align: middle; }
.c11tab11,
.c11tab12 { width: 100%; height: 100px; padding-left: 10px; padding-bottom: 5px; vertical-align: middle; font-family: "Exo 2"; font-size: 200%; letter-spacing: -0.01em; color: #aaa; }
.c11tab13 { width: 250px; height: 100px; padding-right: 10px; vertical-align: middle; }
.auth .c11tab13 {
	color: white!important;
	background-color: white;
	border: 0px solid;
	border-radius: 0px;
	box-shadow: var(--wss-shadow);
	margin: 10px;
	margin-right: 0;
	padding: 10px;
	padding-top: 7px;
	height:auto;
	vertical-align: top;
}
.r2 { background: none; }
.c21 {
	width: calc(100% - 20px);
	height: 29px;
	padding: 0px 0px 0px 10px;
	background-color: var(--mmenu-bg);
	vertical-align: top;
}
.r3 { height: 99%; box-shadow: var(--wss-shadow); background: white; border-radius: 10px; }
.c31 { width: 100%; padding: 0; }
.c31tab { width: 100%; height: 100%; }
.c31tab11 { display: none; } /* padding: 0px; width: 7px; */
.c31tab12 { padding: 0; vertical-align: top; height: 100%; width: 1px; }
.c31tab13 { padding: 0px; width: 13px; }
.c31tab15 { padding: 0px; width: 12px; }
.c31tab14 { min-width: 100%; padding: 0.5em 0.1em 0 0.5em; vertical-align: top; }
.c31tab14top { padding: 1px 1px; padding-top: 5px; }
.c31tab14bot { padding: 1ex 1px; width: 100%; }
.c31tab16 { padding: 2px 0px 0px 5px; vertical-align: top; width: 1px; }
.r4 {}
.c41 { width: 100%; height: 14px; }

._c0_d0 {
	padding: 1.2ex 1em 1.2ex 0;
}
._c1_d0 ol, ._c1_d0 ul, form ol, form ul {
	margin: 0.5em;
}
._c1_d0 li, form ul li {
	padding: 0.3em;
}

.mainM_hmenu {
	font-family: 'Exo 2';
	font-size: 110%;
	border-style: none;
}
.mainM_hmenu a:hover { text-decoration: none; }
.mainM_hmenu_uns {
	padding: 3px 10px;
	border-style: none;
	border-color: #bcbcbc;
	white-space: nowrap;
}
.mainM_hmenu_uns a { color: #555555; }
.mainM_hmenu_uns a:hover, .mainM_hmenu_sel a:hover {
	color: #b4c9d9;
}
.mainM_hmenu_sel {
	padding: 3px 10px;
	border-style: none;
	background-color: #f7f7f7;
	white-space: nowrap;
	font-weight: normal;
}
.mainM_hmenu_sel a { color: #2e69a3; }

.ws-ddmenu { color: var(--mmenu); font-family: 'Exo 2'; font-size: 120%; }
.ws-ddmenu abbr { text-decoration: none; }
.ws-ddmenu a { color: inherit; text-decoration: none; }
.ws-ddmenu a:hover { color: inherit; text-decoration: none; }
.ws-ddmenu .head { float: left; }
.ws-ddmenu .head .menuitem:hover:after { left: 0; width: 100%; }
.ws-ddmenu .head .menuitem:after {
	width: 0;
	height: 3px;
	margin-top: 4px;
	background: var(--mmenu-hov);
	display: block;
	content: "";
	transition: width 0.6s ease 0s, left 0.6s ease 0s;
}
.ws-ddmenu .head .menuitem.selected:after {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	margin-top: 4px;
	background: none repeat scroll 0 0 transparent;
	background: var(--mmenu-b);
	display: block;
	content: "";
}
.ws-ddmenu .menuitem { padding: 5px 10px 0 10px; float: left; }
.ws-ddmenu .menuitem:hover { color: var(--mmenu-hov); cursor: pointer; }
.ws-ddmenu .menuitem.selected { color: var(--mmenu-b); }
.ws-ddmenu .menuitem.right { float: right; }
.ws-ddmenu .submenu {
        float: left;
        position: fixed;
        transition: opacity 0.1s ease-out;
        opacity: 0;
	z-index: 99999;
        display: none;
}
.ws-ddmenu .submenu.active { display: block; }
.ws-ddmenu .submenu.active.visible { transition: opacity 0.3s ease-out; opacity: 1; }
.ws-ddmenu .submenu .menuitem { float: none; padding-bottom: 10px; }

.ws-langswitch { padding: 0px; margin: 0px; white-space: nowrap; color: #585959; }
.ws-langswitch select, .ws-lang-switch > [selected] { position: relative; top: -1px; color: var(--link2); border: none; /*border-color: var(--link2);*/ }
.ws-langswitch select { font-size: 80%; }
.ws-langswitch > [label] { margin-right: 1ex; }
.ws-langswitch-flat, .ws-langswitch-flat a, .ws-langswitch-flat i { color: var(--link2); }
.ws-langswitch-flat { white-space: nowrap; }
.ws-langswitch-flat a { font-weight: normal; }
.ws-langswitch-flat-sel { font-weight: bold; }
.ws-langswitch-flat a:hover { color: var(--link2-hov); font-weight: normal; }
.ws-mode-switch { float: right; color: var(--mmenu); font-family: 'Exo 2'; font-size: 120%; }
.icon-ddmenu { padding-bottom: 0; color: var(--mmenu); font-family: 'Exo 2'; font-size: 120%; float: right; }
.icon-ddmenu abbr { text-decoration: none; }
.icon-ddmenu a { color: inherit; text-decoration: none; }
.icon-ddmenu a:hover { color: inherit; text-decoration: none; }
.icon-ddmenu .head { float: left; }
.icon-ddmenu .menuitem { padding: 0 10px 0 10px; float: left; }
.icon-ddmenu .menuitem:hover { color: var(--mmenu-hov); cursor: pointer; }
.icon-ddmenu .menuitem.selected { color: var(--mmenu-b); }
.icon-ddmenu .menuitem.right { float: right; }
.icon-ddmenu .submenu {
        float: left;
        position: fixed;
        transition: opacity 0.1s ease-out;
        opacity: 0;
	z-index: 99999;
        display: none;
}
.icon-ddmenu .submenu.active { display: block; }
.icon-ddmenu .submenu.active.visible { transition: opacity 0.3s ease-out; opacity: 1; }
.icon-ddmenu .submenu .menuitem { float: none; padding-bottom: 10px; }

a.overlay { border-bottom: 1px dashed var(--tip-ul); cursor: help; font-weight: normal; color: black; }
.overlay { }
#link.overlay { color: black; }
a.overlay:hover { text-decoration: none; }
.overlay_close { color: red; background-color: #ffcb4f; font-size: 80%; }
body.htmlx a.overlay, body.editx a.overlay { font-weight: normal; }

.ss_ol_fg { background-color: var(--tip-bg); color: black; }
.ss_ol_bg { background-color: var(--tip-bp); border: 1px solid var(--tip-b); }
.ss_ol_main { padding: 3px 4px; background-color: var(--tip-bg); font-size: 75%; }
.ss_ol_caption { background-color: var(--tip-h); padding: 1px 3px 1px 3px; font-size: 70%; font-weight: bold; color: #ffffff; }
.ss_par { max-width: 600px; line-height: 155%; }
.ss_par_tit { margin: 6px 0px 0px 0px; padding: 5px 0px; color: var(--syscolor12); font-size: 110%; font-weight: bold; letter-spacing: 0.05ex; }
.ss_par_tit a { font-weight: normal; }
.formit_txt_1col .ss_par_tit { color: var(--visit-h); }
.formit_txt_1col .ss_par, .ss_txt_1col .ss_par { max-width: 1200px; }
.ss_par_imgl { margin-right: 2ex; margin-top: 4px; }
.ss_par_imgr { float: right; margin-right: 2ex; }
.ss_par_imgt { padding-bottom: 2ex; }
.ss_par_imgtc { padding-bottom: 2ex; text-align: center; }
.ss_par_imgcapt { font-size: 80%; padding: 1px; background-color: #daf2bd; }
.ss_par_imgcapt a, .ss_par_imgl a, .ss_par_imgr a, .ss_par_imgt a, .ss_par_imgtc A { border: none; }
.ss_par_imgcapt a:hover, .ss_par_imgl a:hover, .ss_par_imgr a:hover, .ss_par_imgt a:hover, .ss_par_imgtc a:hover { border: none; }
.ss_txt { clear: both; }
.ss_txt td { vertical-align: top; }
.ss_txt a { font-weight: bold; text-decoration: none; }
.ss_txt a:hover { text-decoration: underline;  }
.ss_txt_1col { clear: both; max-width: 1200px; }
.ss_txt_1col a { color: var(--txt-a); font-weight: bold; text-decoration: none; }
.ss_txt_1col a:hover { text-decoration: underline; }

.ws_cntnt_title { color: var(--primary-1); font-size: 120%; font-weight: bold; letter-spacing: 0.05ex; }
.ws_cntnt_title a { color: var(--primary-1); font-weight: bold; letter-spacing: 0.05ex; text-decoration: none; }
.ws_cntnt_title a:hover { color: var(--primary-3); }
.ws_fdbck_info { clear: both; border: 1px solid var(--info-b); border-radius: 2px; margin-top: 1ex; margin-bottom: 2ex; padding: 1ex 1em; background-color: var(--info-bg); text-align: left; }
.ws_fdbck_title { font-weight: bold; padding: 1ex 0.5em 0ex 0.5em; letter-spacing: 0.05em; }
.ws_fdbck_error { clear: both; border: 1px solid var(--error-b); border-radius: 2px; margin-top: 1ex; margin-bottom: 2ex; padding: 1ex 1em; background-color: var(--error-bg); text-align: left; }
.ws-fdbck-error2 { background-color: var(--wss-red-8); }
.ws-fdbck-error2 a:hover { color: var(--error-b) !important; }
.ws-fdbck-error2 a { color: var(--wss-red-2) !important; }
.ws_fdbck_warning { clear: both; border: 1px solid var(--warn-b); border-radius: 2px; margin-top: 1ex; margin-bottom: 2ex; padding: 1ex 1em; background-color: var(--warn-bg); text-align: left; }
.ws-fdbck-warning2 { background-color: var(--warn-bg); }
.ws-fdbck-warning2 a { color: var(--body) !important; }
.ws-fdbck-warning2 a:hover { color: var(--warn-b) !important; }
.ws_lgn_auth {}
.ws-logout { padding: 1em 0; }
.ws-note { background-color: var(--note-bg); }
.ws-red, .ws_red { color: #c00; background-color: #fdd; }
.ws-brown-l, .ws_brown_l { border-left: 1px solid #804411 !important; }
.ws-brown-r, .ws_brown_r { border-right: 1px solid #804411 !important; }
.ws-center, .ws_center { text-align: center !important; }

ul.dashed {
  list-style-type: none;
}
ul.dashed li:before {
	content: '-';
	position: absolute;
	margin-left: -1em;
}


a > .greyout { color: var(--wss-lightgray-3) !important; }
.greyout { color: var(--wss-lightgray-3) !important; }

/* highlights */
.hl1 { color: #c80020 !important; font-weight: 200; }
.hl2 { color: #936c00 !important; font-weight: 200; }
/* .hl3 { color: #929292 !important; font-weight: 200; } */
.hl4 { color: #222222 !important; font-weight: 200; }
.hl5 { color: #54ab19 !important; font-weight: 200; }

.color-container {
	display: grid;
	grid-template-columns: repeat(8,1fr);
	grid-gap: 20px;
	margin-bottom: 20px;
}
.color-card {
	width: 120px;
	height: 200px;
	text-align: right;
	border-radius: 15px;
	padding: 5px 10px;
}
details {
	cursor: pointer;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0 0.5em;
}
td:has(> span.riskclass),
td:has(> span.riskprio) {
	padding-top: 2em;
}

/* font zoom factors */
.fs110 { font-size: 110%; }
.fs120 { font-size: 120%; }
.fs130 { font-size: 130%; }
.fs150 { font-size: 150%; }
.fs200 { font-size: 200%; }

/* fa extensions */
.fa-2xs { font-size: 0.60em; position: relative; bottom: 0.25em; }
.fa-xs { position: relative; bottom: 0.1em; }
.fa-2fw { text-align: center; width: 1.5em; position: relative; left: -0.25em; }
.fa-primary-red { --fa-primary-color: var(--wss-red); }
.fa-primary-darkred { --fa-primary-color: var(--wss-red-2); }
.fa-primary-gray { --fa-primary-color: var(--wss-gray); }
.fa-primary-green { --fa-primary-color: var(--wss-green-3); }
.fa-primary-darkgreen { --fa-primary-color: var(--wss-green-2); }
.fa-secondary-red { --fa-secondary-color: var(--wss-red); }
.fa-secondary-darkred { --fa-secondary-color: var(--wss-red-2); }
.fa-secondary-gray { --fa-secondary-color: var(--wss-gray); }
.fa-secondary-green { --fa-secondary-color: var(--wss-green-3); }
.fa-secondary-darkgreen { --fa-secondary-color: var(--wss-green-2); }
.fa-primary-opacity50 { --fa-primary-opacity: 0.5; }
.fa-primary-opacity70 { --fa-primary-opacity: 0.7; }
.fa-primary-opacity80 { --fa-primary-opacity: 0.8; }
.fa-primary-opacity100 { --fa-primary-opacity: 1.0; }
.fa-secondary-opacity50 { --fa-secondary-opacity: 0.5; }
.fa-secondary-opacity70 { --fa-secondary-opacity: 0.7; }
.fa-secondary-opacity80 { --fa-secondary-opacity: 0.8; }
.fa-secondary-opacity100 { --fa-secondary-opacity: 1.0; }

/* bg classes */
.bg-primary-red { background-color: var(--wss-red); }
.bg-primary-green { background-color: var(--wss-green-3); }
.bg-primary-darkgreen { background-color: var(--wss-green-2); }
.bg-primary-gray { background-color: var(--wss-gray); }

/* use data count with fas icons */
.fas[data-count]{ position:relative; }
.fas[data-count]:after {
	color: var(--msg-cnt);
	background: var(--msg-cnt-bg);
	position: absolute;
	min-width: 1.5em;
	right: -0.75em;
	top: -.5em;
	border-radius: 9em;
	padding: .02em;
	line-height: 0.9em;
	content: attr(data-count);
	text-align: center;
	font: bold .5em sans-serif;
}

/* alert form styles */

.alert-form {
  display: grid;
  grid-template-columns: auto minmax(75%, 1fr);
  grid-gap: 1em 2em;
  align-items: baseline;
}

.alert-form .hu_form1_istr {
  width: 100%;
}

/* pro styles */
.pro {
	display: flex;
	flex-flow: column;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	font-size: clamp(13px, 1.2vw, 22px);
}
.pro .box { border: 1px dotted #aaa; }
.pro .header {
	flex: 0 1 auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 1mm 5mm;
	background-color: #fff;
}
.pro .header .banner { font-size: 150%; font-family: "Exo 2"; color: var(--color-blue2); }
.pro .header .infobox {	font-size: 80%;	justify-content: flex-end; }
.pro .menu { flex: 0 1 auto; padding: 3mm 1.8cm; background-color: var(--mmenu-bg); }
.pro .content {	flex: 1 1 auto;	display: flex; flex-flow: column; padding: 0mm; }
.pro .content .title { flex: 0 1 auto; padding: 3mm 2cm; background-color: #f9fefe; }
.pro .ws_cntnt_title { color: var(--color-blue2); }
.pro .content .hidden {	flex: 0 0 auto;	padding: 0 2cm; }
.pro .content .provider { flex: 1 1 auto; padding: 3mm 2cm; }
.pro .content .ss_txt_1col { clear: both; min-width: 50%; max-width: 1200px; }
.pro .content .ss_par {	clear: both; max-width: 100%; }
.pro .content .ss_vmenu,
.pro .content .formit_ulmenu_uns,
.pro .content .hu_ltabs,
.pro .content .ss_block_group_c2_d0,
.pro .content .ss_block_group_c2_d1,
.pro .content .ss_tools_div,
.pro .content .hu_form1_table_td A.ss_img_a { display: none; }
.pro .content .imageSelect-img { height: 150px; }
.pro .footer { flex: 0 1 auto; margin-top: 1em; padding: 2mm 5mm; background-color: var(--mmenu-bg); font-size: 70%; }


/* pro tables */
.pro .hu_table1 {
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 4px var(--wss-gray-5);
	width: 100%;
}
.pro .hu_table1 {
	border: none;
	border-radius: 5px;
	box-shadow: 0 0 4px var(--wss-gray-5);
	width: 100%;
}
.pro .hu_table1 th { border: 0px; }
.pro .hu_table1 tr:first-of-type {
	border: none;
	background-color: var(--wss-blue);
	color: white;
	box-shadow: 0 2px 2px var(--wss-gray-5);
}
.pro .hu_table1 th:first-child { border-top-left-radius: 3px; }
.pro .hu_table1 th:last-child { border-top-right-radius: 3px; }
.pro .hu_table1 th * { color: white; }
.pro .hu_table1 td { border: none; }
.pro .hu_table1 tbody tr:last-child { border-bottom: 2px solid var(--wss-blue); }