/**
 * styles of enroll-hd edc theme - 2nd last stylesheet loaded
 * (c) Webspirit Systems GmbH, 2041
 */

 @font-face {
	font-family: 'Cabin';
	font-style: normal;
	src: url('../public/fonts/cabin/Cabin-VariableFont_wdth\,wght.ttf');
}

@font-face {
	font-family: 'Cabin';
	font-style: italic;
	src: url('../public/fonts/cabin/Cabin-Italic-VariableFont_wdth\,wght.ttf');
}

body {
	font-size: clamp(13px, 0.76vw, 16px);
}

body.htmlx {
	background-color: #ffffff;
}

body.editx {
	background-color: #ffffff;
}

a {
	color: var(--link1);
	font-weight: bold;
}

a:hover {
	color: var(--link1-hov);
}

/* html ui styles */
.hu_trbk {
	background-color: var(--lightgray-6);
}

.hu_trbk:hover {
	background-color: var(--enr-green-7o);
}

.hu_table1 tr:not(:first-child):not(.hu_trbk):hover,
.hu_table3 tr:not(:first-child):not(.hu_trbk):hover {
	background-color: var(--enr-green-7o);
}

.hu_ltabs li.ltabs_sel a span, .hu_ltabs li a span {
	font-weight: normal;
}

/* user defined styles */

/* root htmltext */

.rootLayout {
	width: 100%;
	height: 100%;
	table-layout: auto;
	border-collapse: collapse;
}

.rootBanner {
	width: 100%;
	height: 70px;
	padding: 0px 5px 0px 0px;
	background-image: linear-gradient(#ffffff, #fcfcfc, #fafafa, #f8f8f8);
	vertical-align: top;
}

.rootMenu {
	width: 100%;
	height: 1px;
	padding: 2px 2px 0px 1px;
	background-color: #f8f8f8;
	border-collapse: collapse;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #bcbcbc;
	vertical-align: top;
}

.rootMainBox {
	width: 100%;
	padding-top: 4px;
}

.rootMainBoxTab {
	width: 100%;
}

.rootMenuLeft {
	padding: 2px 5px 0px 0px;
	vertical-align: top;
	width: 1px;
}

.rootPad0 {
	padding: 0px;
	width: 7px;
}

.rootPad1 {
	padding: 0px;
	width: 13px;
}

.rootPad2 {
	padding: 0px;
	width: 12px;
}

.rootContent {
	width: 100%;
	padding: 2px 0px 0px 0px;
	vertical-align: top;
}

.rootMenuRight {
	padding: 2px 0px 0px 5px;
	vertical-align: top;
	width: 1px;
}

.rootImprint {
	width: 100%;
	height: 14px;
}


.bannerSubTab {
	width: 100%;
	height: 100%;
	table-layout: fixed;
}

.bannerSub1 {
	height: 70px;
	vertical-align: middle;
	padding: 6px 0 0 12px;
	font-family: "Exo 2";
	font-size: 28px;
	letter-spacing: -0.01em;
	white-space: nowrap;
	color: #aaa;
	/*99ca3c*/
}

.bannerSub1 img {
	height: 70px;
	margin-top: -5px;
	padding: 0px 16px 0 0;
	vertical-align: middle;
}

.bannerSub2 {
	width: 100%;
	height: 70px;
	vertical-align: middle;
	text-align: right;
	padding: 0 10px 0px 10px;
	color: #aaa;
}

.bannerSub3 {
	width: 250px;
	height: 70px;
	padding-right: 10px;
	vertical-align: middle;
}

.msg_hmenu {
	margin-left: auto;
	margin-right: 0px;
}

.boxTop {
	background-color: var(--primary-1);
	color: white;
	font-weight: bold;
	padding: 1px 1em;
	border-width: 2px;
	border-color: var(--primary-1);
	border-style: solid;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 2px 2px 3px #bababa;
}

.boxBot {
	padding: 1ex 1em;
	background-color: white;
	border-width: 0px 2px 2px 2px;
	border-color: var(--primary-1);
	border-style: solid;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 2px 2px 3px #bababa;
}


/*
	      top-level hmenu
       */

/* mainM renamed to mainM-cs4. compatible to ENR */
.mainM-cs4_hmenu {
	font-family: 'Exo 2';
	font-size: 110%;
	border-collapse: collapse;
	border-style: none;
}

.mainM-cs4_hmenu A:hover {
	text-decoration: none;
}

.mainM-cs4_hmenu_uns {
	padding: 3px 10px;
	border-style: none;
	border-color: #bcbcbc;
	white-space: nowrap;
}


.mainM-cs4_hmenu_uns A {
	color: #555555;
	font-weight: normal;
}

.mainM-cs4_hmenu_uns a:hover,
.mainM-cs4_hmenu_sel a:hover {	color: var(--link1-hov); }
.mainM-cs4_hmenu_sel {
	padding: 3px 10px;
	border-style: none;
	background-color: #f7f7f7;
	white-space: nowrap;
	font-weight: normal;
}
.mainM-cs4_hmenu_sel a { color: var(--primary-1); }


/*
	      system style: vertical menu
	      FIXME: is a user style
      */

.ss_vmenu {
	margin-left: 3px;
	padding: 3px 3px;
	text-align: right;
	vertical-align: top;
	border-width: 0px 2px 2px 2px;
	border-color: var(--vmenu-b);
	border-style: solid;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 2px 2px 3px #bababa;
}

.ss_vmenu td {
	padding: 2px 8px 2px 2px !important;
}

.ss_vmenu table {
	padding-top: 0px;
	padding-left: 0px;
}

.ss_vmenu_tit {
	margin-left: 3px;
	background-color: var(--primary-1);
	color: white;
	border-width: 2px;
	border-color: var(--primary-1);
	border-style: solid;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 2px 2px 3px #bababa;
	white-space: nowrap;
}

.ss_vmenu_tab {
	width: 100%;
}

.ss_vmenu a {
	color: black;
	font-weight: normal;
	text-decoration: none;
}

.ss_vmenu a:hover {
	text-decoration: none;
}

.ss_vmenu_uns:HOVER,
.ss_vmenu_edt_uns:HOVER,
.ss_vmenu_uns1:HOVER,
.ss_vmenu_edt_uns1:HOVER {
	background-color: #fcebdc;
	border-radius: 5px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.ss_vmenu_uns,
.ss_vmenu_edt_uns {
	padding: 2px 8px 2px 2px;
	border-bottom: 0px solid;
}

.ss_vmenu_sel,
.ss_vmenu_edt_sel {
	padding: 2px 8px 2px 2px;
	border-bottom: 0px solid #f35c19;
	background-color: var(--primary-1);
	border-radius: 5px;
}

.ss_vmenu_uns1,
.ss_vmenu_edt_uns1 {
	padding: 2px 8px 2px 8px;
	border-bottom: 0px solid;
}

.ss_vmenu_sel1,
.ss_vmenu_edt_sel1 {
	padding: 2px 8px 2px 8px;
	border-bottom: 0px solid #f35c19;
	background-color: var(--primary-1);
	border-radius: 5px;
}

.ss_vmenu_sel A,
.ss_vmenu_edt_sel A,
.ss_vmenu_sel1 A,
.ss_vmenu_edt_sel1 A {
	color: white;
	font-weight: bold;
}

.ss_vmenu_img {
	vertical-align: baseline;
	padding-right: 2px;
}


/*
	      form iterator
      */

.formit_ulmenu {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	display: inline-block;
}

.formit_ulmenu A:HOVER {
	text-decoration: none;
	color: white;
}

.formit_ulmenu_uns {
	float: left;
	padding: 3px 1em;
	margin: 0px 0.6em 0.8ex 0px;
	text-align: center;
	white-space: nowrap;
	border-width: 2px 2px 2px 2px;
	border-color: var(--primary-1);
	border-style: solid;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #bababa;
}

.formit_ulmenu_uns_o100 {
	background-color: white;
}

.formit_ulmenu_uns_o92 {
	background-color: #f0f0f0;
}

.formit_ulmenu_uns A {
	color: black;
}

.formit_ulmenu_uns:hover {
	background-color: #f5ae72;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.formit_ulmenu_uns:HOVER A {
	color: black;
	transition: color 0.3s;
	-webkit-transition: color 0.3s;
}

.formit_ulmenu_sel {
	float: left;
	padding: 3px 1em;
	margin: 0px 0.6em 0.8ex 0px;
	background-color: var(--primary-1);
	color: white;
	font-weight: bold;
	border: 2px solid var(--primary-1);
	border-radius: 5px;
	box-shadow: 1px 1px 2px #bababa;
	text-align: center;
	white-space: nowrap;
}

.formit_ulmenu_sel A {
	color: white;
}

.formit_ulmenu_sel:HOVER {}

.formit_ulmenu_sel:HOVER A {}

.formit_ulmenu_uns IMG,
.formit_ulmenu_sel IMG {
	padding-right: 3px;
}

/*
	      textx below form iterator
      */

.formit_txt {
	margin-top: 7px;
	clear: both;
}

.formit_txt A {
	font-weight: bold;
}

.formit_txt_1col {
	clear: both;
	margin-top: 0px;
	margin-bottom: -1ex;
}

.formit_txt_1col A {
	font-weight: bold;
}

/*
	      block_derivation_menu
      */

.bdm-cs3_hmenu {
	/* width: 100%; */
	margin-left: -3px;
}

.bdm-cs3_hmenu_uns {
	padding: 3px;
	background-color: #cfd4ed;
	border: 1px solid #00589C;
	text-align: center;
}

.bdm-cs3_hmenu_uns IMG {
	padding-right: 2px;
}

.bdm-cs3_hmenu_uns A {
	color: #00589C;
}

.bdm-cs3_hmenu_sel {
	padding: 3px;
	background-color: #ffd921;
	border: 1px solid #f1d917;
	text-align: center;
	font-weight: bold;
}

.bdm-cs3_hmenu_sel IMG {
	padding-right: 2px;
}

.bdm-cs3_hmenu_sel A {
	color: #555555;
}

.bdm-cs3_hmenu_uns:hover,
.bdm-cs3_hmenu_sel:hover,
.bdm-cs3_hmenu_uns:hover A,
.bdm-cs3_hmenu_sel:hover A,
.bdm-cs3_hmenu_uns A:hover,
.bdm-cs3_hmenu_sel A:hover {
	background-color: #00589C;
	color: white;
	border-color: #00589C;
	text-decoration: none;
}

/*
	      system style: electronic signature?
      */


.ss_esig_h {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	background-color: #80a8c8;
	color: #ffffff;
	/*ccf96d;*/
}

.ss_esig {
	border-style: solid;
	border-width: 1px;
	border-color: #97bf31;
	color: #97bf31;
	background-color: #f5f9e7;
	padding-bottom: 1ex;
}

/*
	      system style: container edit frame
      */

.ss_container_frame {
	border: 1px dashed DarkSlateGray;
}


/*
	      system style: overlib links
      */

A.overlay {
	border-bottom: 1px dashed var(--link1-hov);
	/*#f32ed4*/
	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,
body.editx a {
	font-weight: bold;
}

body.htmlx a.overlay,
body.editx a.overlay {
	font-weight: normal;
}

/*
	      system style: input elements
      */
.ialt {}

/* still required? */

.itxt {
	border: solid 1px #514a4a;
	background-color: #ffffff;
	padding: 1px 3px 3px 3px;
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 100%;
	vertical-align: baseline;
}

/* isub in browser specific stylesheets */

input.isub {}

.ibtn,
.isub {
	padding: 3px 10px;
	border: 2px solid #bcbcbc;
	border-radius: 5px;
	font-weight: bold;
	font-family: 'Open Sans', Verdana, Arial;
	font-size: 90%;
	background-color: white;
	color: #555555;
}

.ibtn:HOVER,
.isub:HOVER {
	background-color: #ddd;
	color: black;
}

.ibtn[disabled="disabled"],
.isub[disabled="disabled"] {
	background-color: white;
	color: #dddddd;
	border: solid 2px #dddddd;
}

.ibtn[disabled="disabled"]:HOVER,
.isub[disabled="disabled"]:HOVER {
	background-color: white;
}

.ws-langswitch select {
	background-color: inherit;
}

.idrd {
	border: solid 1px #514a4a;
	background-color: #fff;
	padding: 0px 1px 1px 1px;
	font-family: inherit;
	font-size: 100%;
}

.idrd_ro {
	border: solid 0px #514a4a;
	background-color: #7d7f80;
	padding: 0px 1px 0px 1px;
}

.ibox {
	margin: 0px 1ex 0px 0px;
}

.ihidden {
	display: none;
}

/* ipasv1 = ipasv nested in groups */

.ipasv,
.ipasv1 {
	border: solid 1px black;
	background-color: #e0e0e0;
	padding: 1px 3px 3px 3px;
	font-size: 100%;
}

.idat {
	border: solid 1px #514a4a;
	background-color: #ffffff;
	padding: 1px 3px 3px 3px;
	font-size: 100%;
	vertical-align: baseline;
}

.idat_gy {
	/* must be declared AFTER .idat!! */
	color: #bbbbbb;
}


/*
	      system style: country switch
      */

.ss_country_switch {
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
	color: #909090;
	/* gray 1 */
	text-align: right;
}

.ss_country_switch SELECT,
.ss_country_switch>[SELECTED] {
	position: relative;
	top: -1px;
	color: #585959;
	/* gray 3 */
	border-color: #585959;
	/* gray 3 */
}

.ss_country_switch SELECT {
	font-size: 80%;
}

.ss_country_switch>[LABEL] {
	margin-right: 1ex;
}

/*
	      system style: language switch
      */

.ss_langswitch_flat { color: #909090; }
.ss_langswitch_flat a { color: #909090; font-weight: normal; }
.ss_langswitch_flat_selected { font-weight: bold; }
.ss_langswitch_flat a:hover { text-decoration: none; font-weight: normal; }

/*
	      system style: mode switch
*/

.ss_mode_switch {
	display: block;
	color: var(--link2);
	/* gray 1 */
}

.ss_mode_switch A {
	color: var(--link2);
	/* gray 1 */
}

.ss_mode_switch A:hover {
	color: var(--link1-hov);
	/* orange 0 */
}

.ss_mode_switch_sel {}

A.ss_mode_switch_sel {
	color: #585959;
	/* gray 3 */
}

/*
	      system style: user name
*/
.ss_user_name {
	display: block;
	color: #909090;
	text-align: right;
}

.ss_user_name A {
	color: #909090;
	text-decoration: none;
}

.ss_user_name A:hover {
	color: #b4c9d9;
}

.ss_user_name>[SELECTED] {
	color: #585959;
	/* gray 3 */
}

.ss_user_name>[LABEL] {
	margin-right: 1ex;
}

/* system style: role switch */
.ss_role_switch {
	display: block;
	color: #909090;
	text-align: right;
}

.ss_role_switch SELECT,
.ss_role_switch>[SELECTED] {
	color: var(--link2);
	background-color: inherit;
	font-size: 80%;
}

.ss_role_switch>[LABEL] {
	margin-right: 1ex;
}

.ss_global_show {}

/* system style: cpedit links */
.ss_cpedit {
	font-size: 9px;
	font-weight: bold;
	color: #ee0000;
}

.ss_cpedit a {
	color: #ee0000;
}

.ss_cpeditor_head {
	background-color: Gainsboro;
	color: black;
	padding: 4px;
}

.icon-ddmenu { font-size: 110%; }

/* system style: loginpage */
.ss_login_auth { /* DIV around "authenticated" login page */ }
.login_txt_1col { text-align: center; }

/* system style: logoutpage */
.ss_logout { /* DIV around "logged out" page */ }


/* system style: programmed form */
.ss_pgm_form {}
.ss_pgm_form A {
	font-weight: bold;
}
.ss_pgm_form_fname_top {
	padding-top: 1.2ex;
	padding-right: 0.7em;
	vertical-align: top;
}
.ss_pgm_form_fname {
	padding-top: 1.2ex;
	padding-right: 0.7em;
	vertical-align: baseline;
}
.ss_pgm_form_ictrl {
	padding-top: 1.2ex;
	padding-right: 0.7em;
	vertical-align: baseline;
}
.ss_pgm_form_ictrl A {
	font-weight: bold;
}
.ss_pgm_form_head {
	padding-top: 1.2ex;
	padding-right: 0.7em;
	vertical-align: baseline;
	font-weight: bold;
}
.ss_pgm_form_th {
	/* not used by programmed form, only by legacy code ! */
	padding-top: 1.2ex;
	padding-right: 0.7em;
	vertical-align: baseline;
	text-align: center;
}

.ss_abs_form_sub {
	/* submit button column, only by legacy code ! */
}

/*
	      system style: abstract form
      */

.ss_abs_form_error {
	width: 80%;
	border: 1px solid #ff9999;
	margin-top: 1ex;
	margin-bottom: 1.5ex;
	margin-left: 0ex;
	background-color: #fff5f5;
	padding: 1ex 2em;
}

.ss_abs_form_error LI {
	text-align: left;
}

.ss_abs_form_errortitle {
	color: #cc0000;
	margin: 1ex 0px 0px 0px;
	font-weight: bold;
}

.ss_abs_form_successtitle {
	color: #00cc00;
	margin: 1ex 0px 1ex 0px;
	font-weight: bold;
}

.ss_abs_form_message {
	margin: 1ex 0px 1ex 0px;
	padding: 1ex;
	border: solid 1px #00196b;
	background-color: #faffe5;
	/*f5f9e7*/
	color: #00196b;
	font-weight: bold;
}


/*
	      system style: folders
      */

.ss_folder_desc {
	padding: 0px 0px 1ex 0px;
}

.ss_folder_desc A {
	font-weight: bold;
}

.ss_folder {
	width: 99%;
}

.ss_folder A {
	font-weight: bold;
}

.ss_folder_th {
	border-bottom: 1px solid #000000;
	padding: 0px 1em 2px 0px;
}

/*
	      system style: files in "row" mode (e.g. in folder), cols 0..5
      */

.ss_file_row_date {
	/* date */
	padding: 2px 1em 0px 0px;
	vertical-align: baseline;
}

.ss_file_row_description {
	/* description */
	padding: 2px 1em 0px 0px;
	vertical-align: baseline;
}

.ss_file_row_size {
	/* size */
	padding: 2px 1em 0px 0px;
	vertical-align: baseline;
	text-align: right;
	white-space: nowrap;
}

.ss_file_row_author {
	/* author */
	padding: 2px 1em 0px 0px;
	vertical-align: baseline;
}

.ss_file_row_icon {
	/* icon */
	padding: 2px 4px 0px 0px;
	vertical-align: top;
	text-align: right;
}

.ss_file_row_link {
	/* link */
	padding: 2px 1em 0px 0px;
	vertical-align: baseline;
	white-space: nowrap;
}

.ss_file_row_file {
	/* file */
	padding: 2px 1em 0px 0px;
	vertical-align: baseline;
	white-space: nowrap;
}

.ss_file_txticon {
	/* icon within text */
	margin: 1px 4px -1px 2px;
	/* padding: 2px 4px 0px 0px;*/
}


/*
	      system style: block
	      block border for designmode
      */

.ss_block {
	width: 100%;
	padding: 0px 5px 0px 5px;
	border: 1px dashed #aa2222;
}

.ss_block_head {
	padding: 2px 5px;
}

.ss_block_main {
	padding: 5px 5px 5px 5px;
	border: 1px dashed orange;
}

.ss_block_tools {
	padding: 0.7ex 0;
}

.ss_mergeid {
	color: orange;
	vertical-align: baseline;
	font-size: 80%;
}


/*
	      system style: block section
      */

.ss_block_section {
	width: 100%;
	clear: left;
	border: 1px solid #6da304;
	/*	border-collapse: collapse; /* req'd for old ie but breaking border-radius */
	empty-cells: show;
	/* req'd for old ie */
	background-color: #e4f2c7;
	margin: 2ex 0px 1ex 0px;
	padding: 0px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #bababa;
}

.ss_block_section_head {
	border-bottom: 1px solid #6da304;
	background-color: #6da304;
	color: white;
	padding: 3px 1em 3px 9px;
	font-weight: bold;
	font-size: 100%;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 1px 0px 2px #bababa;
}

.ss_block_section_head A {
	font-weight: bold;
	color: white;
}

.ss_block_section_main {
	padding: 0.5ex 0.7ex;
	/*	background-color: #e4f2c7; */
}

.ss_block_section_main .hu_form1_ro {
	border: 1px solid #95b062;
	background-color: #e4f2c7;
}

.ss_block_section_tools {
	padding: 0.7ex;
}

.hu_form1_ibtn {
	font-size: 100%;
}

/* lower font size by 10% in ENR */

.hu_form1_ibtn:hover {
	box-shadow: 1px 2px 3px 0px var(--gray-5);
}

.hu_form1_ibtn[disabled="disabled"],
.hu_form1_ibtn[locked="locked"],
.hu_form1_ibtn[disabled=""] {
	border: none;

}

.hu_form1_ibtn[disabled="disabled"]:hover,
.hu_form1_ibtn[locked="locked"]:hover,
.hu_form1_ibtn[disabled=""]:hover {
	border: none;
}

/* system style: family history (must be declared after ss_block_section!) */

.ss_family_block_section {
	width: 630px;
	border: 1px solid var(--primary-1);
	position: absolute;
	z-index: 0;
	visibility: hidden;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #bababa;
}

.ss_family_block_section_head {
	padding: 0.7ex;
	background-color: var(--primary-1);
	color: white;
	cursor: default;
}

.ss_family_block_section_head A {
	color: white;
}

.ss_family_block_section_main {
	padding: 0.5ex 0.7ex;
	background-color: white;
}

.ss_family_block_section_tools {
	padding: 0.7ex;
	background-color: white;
}


/*
	      system style: block group (enhance forms1 group styles with width 100%)
      */

.ss_block_group {
	border: 0px solid olive;
	border-spacing: 0px 0px;
	/* hor vert */
	border-collapse: collapse;
	/* req'd for old ie */
	empty-cells: show;
	/* req'd for old ie */
	width: 100%;
}

.ss_block_group_head {
	padding: 1.2ex 0 1.2ex 0;
	text-align: left;
	vertical-align: baseline;
}

/* top level form group name column ("depth0 column0") */
.ss_block_group_c0_d0 {
	vertical-align: baseline;
	padding: 1.2ex 1em 1.2ex 0;
	width: 23%;
	min-width: 100px;
	max-width: 900px;
}

/* top level form group input control column ("depth0 column1") */
.ss_block_group_c1_d0 {
	vertical-align: baseline;
	padding: 0;
	width: 77%;
	min-width: 100px;
	max-width: 900px;
}

/* top level form group tools column ("depth0 column2") */
.ss_block_group_c2_d0 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 1.2ex 0 0 1em;
	text-align: right;
}

/* nested form group name column ("depth1 column0") */
.ss_block_group_c0_d1 {
	vertical-align: baseline;
	padding: 1.2ex 1em 1.2ex 0;
	width: 23%;
	min-width: 100px;
	max-width: 800px;
}

/* nested form group input control column ("depth1 column1") */
.ss_block_group_c1_d1 {
	vertical-align: baseline;
	padding: 0;
	width: 77%;
	min-width: 100px;
	max-width: 800px;
}

/* nested form group tools column ("depth1 column2") */
.ss_block_group_c2_d1 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 5px 0 0 0.8em;
	text-align: right;
}

/* for embedded containers w/o left label ("invisibly embedded") */
.ss_block_group_cX {
	padding: 0;
	margin: 0;
	width: 0%;
}

.ss_block_group_fillx {
	/*width: 100%;*/
}

.ss_block_group_img {
	padding: 10px;
}

/*
	      system style: block table border for designmmode
      */

.ss_block_table {
	padding: 5px;
	border: 1px dashed MediumSeaGreen;
}

.ss_block_table_trcol {
	background-color: var(--enr-darkgreen-3ooo);
}

/*
	      system style: block input component
      */

.ss_form_ic_error_name {
	/* input control title SPAN on error */
	color: IndianRed;
}

.ss_form_ic_query {
	/* input control background SPAN on query */
	padding: 4px 4px 6px 4px;
	background-color: #95cae6;
}

.ss_form_ic_query2 {
	/* input control background SPAN on query */
	padding: 4px 4px 6px 4px;
	background-color: #baddef;
}

.ss_form_ic_annotate1,
.ss_form_ic_annotate2,
.ss_form_ic_annotate3 {
	/* annotated crf */
	color: green;
	/* #aa5500 */
	vertical-align: baseline;
	font-size: 80%;
}

.ss_form_ic_annotate3 {
	color: #0484a3;
	/* #ffaa00 */
}

.ss_form_ic_changed {
	/* value changed, see form based export */
	color: #aa2;
}

/*
	      system style: block_input_string w/ coding
      */
.ss_coding_group {
	border: 0px solid olive;
	border-spacing: 0px 0px;
	/* hor vert */
	border-collapse: collapse;
	/* req'd for old ie */
	empty-cells: show;
	/* req'd for old ie */
	width: 100%;
}

.ss_coding_group_head {
	padding: 1.2ex 0 1.2ex 0;
	/*?*/
	text-align: left;
	vertical-align: baseline;
}

.ss_coding_group_c0_d0 {
	vertical-align: baseline;
	padding: 1.2ex 0 1.2ex 0;
	/* 1.2ex 1em 1.2ex 0; */
	width: 23%;
	/*min-width: 100px;*/
	max-width: 900px;
}

.ss_coding_group_c1_d0 {
	vertical-align: baseline;
	padding: 0;
	width: 77%;
	/*min-width: 100px;*/
	max-width: 900px;
}

.ss_coding_group_c2_d0 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 1.2ex 0 0 1em;
	text-align: right;
}

.ss_coding_group_c0_d1 {
	vertical-align: baseline;
	padding-right: 5px;
	/* 1.2ex 1em 1.2ex 0; */
	width: 23%;
	/*min-width: 100px;*/
	max-width: 800px;
}

.ss_coding_group_c1_d1 {
	vertical-align: baseline;
	/*padding-left: 0.2em;*/
	width: 77%;
	/*min-width: 100px;*/
	max-width: 800px
}

.ss_coding_group_c2_d1 {
	white-space: nowrap;
	vertical-align: baseline;
	padding: 0;
	text-align: right;
}

.ss_coding_group_cX {
	padding: 0;
	margin: 0;
	width: 0%;
}

.ss_coding_group_fillx {
	/*width: 0%;*/
}

/*
	      system style: form manager
      */
.ss_form_mgr_top {
	padding-top: 1ex;
	padding-bottom: 1.5ex;
}

.ss_form_mgr_bottom {
	padding-bottom: 1ex;
}

/*
	      system style: exportable list
      */
.ss_explst_p0 {
	padding: 0px 5px 0px 2px;
	font-weight: normal;
}

.ss_explst_p1 {
	margin: 0px 1px;
	padding: 0px 3px;
	border: 1px solid gray;
	background-color: #f4f4f4;
	font-weight: normal;
}

.ss_stdy_exp_stg {
	/* FIXME: should be renamed? */
	font-size: 80%;
}

/*
	      system style: textx and paragraph
*/

.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 A {
	font-weight: bold;
	text-decoration: none;
}

.ss_txt_1col A:HOVER {
	text-decoration: underline;
}

.ss_par_tit {
	margin: 6px 0px 0px 0px;
	padding: 5px 0px;
	color: var(--primary-1);
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.05ex;
}

.ss_par_tit a {
	font-weight: normal;
}

.ss_par_imgl {
	/*	float: left;  */
	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 {
	/* image caption */
	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;
}

/*
	      system style: login applet
      */

.ss_logappl {}

.ss_logappl div {
	padding-top: 4px;
}

/*
	      system style: overlib
      */

.ss_ol_fg {
	color: var(--link1);
}

.ss_ol_bg {
	border-top: 1px solid #d5c6ba;
	border-left: 1px solid #d5c6ba;
	border-right: 1px solid #9f948b;
	border-bottom: 1px solid #9f948b;
}

.ss_ol_main {
	padding: 3px 4px;
	background-color: #fcebdc;
	font-size: 11px;
}

.ss_ol_caption {
	background-color: #e7b93b;
	padding: 1px 3px 1px 3px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

/*
	      system style: block comments
      */

.ss_block_cmt {
	border: 1px solid #6da304;
	background-color: white;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 990;
	visibility: hidden;
}

.ss_block_cmt_head {
	background-color: #6da304;
	color: white;
	padding: 0.7ex 0.4em 0.7ex 0.7em;
	cursor: default;
}

.ss_block_cmt_1 {
	padding: 1ex 0.7em;
	vertical-align: baseline;
}

.ss_block_cmt_2 {
	padding: 0 0.5em;
	vertical-align: baseline;
}



.ss_form_cmt_cal0 {
	/* calendar: this day */
	text-decoration: underline;
	color: #6da304;
}

.ss_form_cmt_cal1 {
	/* calendar: other day */
}

.ss_form_cmt_cal2 {
	/* calendar: other month's day */
}

/*
	      system style: history
      */

.ss_hist {
	width: 100%;
}

.ss_hist_th {
	/* caption with line */
	padding: 0.5ex 1em 0.5ex 1em;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.ss_hist_th2 {
	/* caption without line */
	padding: 2ex 1em 0.5ex 1em;
	font-weight: bold;
}

.ss_hist_td {
	padding: 0.5ex 1em 0px 1em;
}

.ss_hist_sub {
	padding: 0.5ex 1em 0px 1em;
}

.ss_hist_tz {
	/* timezone row */
	padding: 1.5ex 1em 1.5ex 1.18em;
	font-size: 85%;
}

/*
	      system style: aclmgr
      */

.ss_aclmgr_bg {
	background-color: white;
}

.ss_aclmgr {
	background-color: white;
	padding: 1ex 1em 1ex 1em;
	/*	height: 100%; provokes scrollbar at IFRAMEs */
}

.ss_aclmgr A {
	font-weight: bold;
}

/*
	      system style: groupmgr
      */

.ss_grpmgr {}

.ss_grpmgr_th {
	/* caption with line */
	padding: 0.5ex 1em 0.5ex 1em;
	border-bottom: 1px solid #000000;
	font-weight: bold;
	vertical-align: baseline;
}

.ss_grpmgr_murks {
	font-size: 3pt;
}

.ss_grpmgr_td {
	padding: 0.2ex 1em 0px 1em;
	vertical-align: baseline;
}

.ss_grpmgr_td IMG {
	vertical-align: bottom;
}

.ss_grpmgr_td A {
	font-weight: bold;
}

/*
	      system style: news  * FIXME: not yet complete *
      */

.ss_news {
	padding-bottom: 1ex;
}

.ss_news A {
	font-weight: bold;
	text-decoration: none;
	/*	border-bottom: dotted 1px #4d800f;*/
}

.ss_news A:HOVER {
	border-bottom: solid 1px #4d800f;
}

table.ss_news TD {
	padding: 0px 0px 1ex 0px;
}

table.ss_news TD#title {
	padding-right: 2ex;
}

.ss_news_nav {
	margin-top: 2ex;
	text-align: center;
}

.ss_news_nav A,
.ss_artcl A {
	font-weight: bold;
}

/*
	      system style: messages
      */
.ss_msg_chk A {
	color: #cc0000;
}

.ss_msg_table_edit {
		border-color: #79b504;
	border-width: 1px;
	border-radius: 5px;
	font-size: 100%;
}

.ss_msg_section_head {
	color: #fff;
	background-color: #79b504;
	border: solid 0px;
	padding: 0.7ex;
}

.ss_msg_head {
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 8px;
	vertical-align: baseline;
	font-size: 90%;
	width: 97%;
}

.ss_msg_head_edit {
	padding-top: 8px;
	padding-left: 12px;
	font-size: 90%
}

.ss_msg_body {
	background-color: white;
	border-color: #514a4a;
	border-top: solid 1px #99b;
	padding: 5px;
	vertical-align: baseline;
	font-size: 100%;
}

.ss_msg_body_edit {
	background-color: #f6f8fa;
	padding-top: 0;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	border-top: solid 0px;
}

.ss_msg_body_edit textarea {
	border-radius: 5px;
}

.ss_msg_color {
	/*background-color: #f6f4f3;*/
}

.ss_msg_chat {
	margin: 3px 0px;
	border: 1px solid #bbb;
	border-radius: 5px;
	padding: 2px 4px;
	min-width: 20%;
	max-width: 70%;
	clear: both;
}

.ss_msg_chat #name {
	font-weight: bold;
	font-size: 80%;
}

.ss_msg_chat #time {
	font-weight: normal;
	font-size: 80%;
}

.ss_msg_chat #text {
	font-size: 90%;
}

#left.ss_msg_chat #name {
	color: #839959;
}

#left.ss_msg_chat {
	background-color: #fafafa;
	text-align: left;
	float: left;
}

#right.ss_msg_chat {
	background-color: #cde995;
	text-align: right;
	float: right;
}

#right.ss_msg_chat #name {
	color: #79b504;
}

/*
	      system style: addresses
*/

table.ss_addrbk td {
	padding: 2px 0.5ex 0px 0.5ex;
}

table.ss_addrbk A {
	font-weight: bold;
}

.ss_addr A {
	font-weight: bold;
	border: none;
}

/*
	      system style report
      */
.ss_report_htmlx {
	margin: 2ex;
	font-weight: normal;
}

/*
	      system style images
      */

.ss_img_a {
	vertical-align: middle;
}

A.ss_img_a,
A:HOVER.ss_img_a {
	border: none;
	margin: 0px;
	padding: 0px;
}

.ss_icon_txt {
	margin: 0 3px -1px 0;
	vertical-align: baseline;
}

.ss_img_txticon {}

/*
	     system style htmltools
      */

.ss_tools {}

.ss_tools_div {
	padding: 3px 0;
}

.ss_tools_tip {
	background-color: #f3f2f2;
	/* SYSCOL5 */
	border: 1px solid #555555;
	padding: 1px 2px;
	font-size: 80%;
	/* efacts 0.9em */
}

.ss_tools_drd {
	font-size: 80%;
}

/*
	      system style db_query
      */

.ss_qry {
	padding: 0px 0ex 0ex 0em;
	margin: 0px;
}

/*
	      system style db_study_payment
      */
.ss_pymnt_th {
	font-size: 80%;
}

/*
	      system styles ws_windows
      */

.ss_unselectable {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	/* to be introduced in IE 10: http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */
	-ms-user-select: none;
	user-select: none;
}

.ss_popup {
	margin: 0px;
	padding: 0px;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	font-family: Tahoma;
	font-size: 85%;
}

.ss_popup a {
	text-decoration: none;
	font-weight: normal;
}

.ss_popup a:hover {
	text-decoration: none;
	font-weight: normal;
}

.ss_popup td {
	margin: 0px;
	padding: 0px;
}

/* using pseudo class DIV:HOVER not supported by ie[567] */
/* csshover.htc won't fix it because it is dynamically generated :-( */
/* script generates different names instead */
/* more "native" padding: padding: 1px 18px 3px 18px; */
.ss_popup_div_n {
	padding: 1px 15px 3px 15px;
	background-color: #ffffff;
	color: #000000;
}

.ss_popup_div_h {
	padding: 1px 15px 3px 15px;
	background-color: #316ac5;
	color: #ffffff;
}


/* system style double-data-entry (dde) */
.ss_dde {
	margin: 0px 0 7px 0;
}

/* mailling list */
.ss_mllst_c0 {
	padding-left: 100px;
	width: 250px;
}

/*
	      tables and tabs
	      1=mit gitternetzlinien, 2=ohne, 3=linien außen
      */
.ss_table,
.ss_table3 {
	margin-top: 1ex;
	margin-bottom: 1ex;
	border-color: #7d7f80;
	border: 1px solid #7d7f80;
	border-collapse: collapse;
}

.ss_table TD,
.ss_table TH {
	border-top: 1px solid;
	border-left: 1px solid;
	padding: 3px 5px 3px 5px;
}

.ss_table A,
.ss_table3 A {
	font-weight: bold;
}

.ss_table A.overlay,
.ss_table3 A.overlay {
	font-weight: normal;
}

.ss_table2 {
	border: 0;
}

.ss_table2 TD,
.ss_table2 TH {
	border: 0;
	padding: 3px 5px 3px 5px;
}

.ss_table3 TH {
	padding: 3px 5px 3px 5px;
	border-bottom: 1px solid #7d7f80;
}

.ss_table3 TD {
	border-top: 1px solid #7d7f80;
	padding: 3px 5px 3px 5px;
}

/*
	      DEPRECATED system style: visit_selector
      */

.ss_vsel_div {
	/*	  float:left;*/
	clear: left;
	margin: 1ex 0;
	width: 100%;
}

.ss_vsel_div P {
	margin-top: 20px;
	padding-left: 5px;
}

.ss_vsel_div HR {
	margin-bottom: 1ex;
}

.ss_vsel_tb {
	width: 100%;
	margin: 0;
}

.ss_vsel_tb TH {
	text-align: left;
}

.ss_vsel_chkbx {
	margin: 0;
	margin-top: 1px;
}

/*
	      system style: visit_manager
      */

.ss_vmgr,
.ss_vmgr_multi {
	vertical-align: baseline;
	border-spacing: 0px;
}

.ss_vmgr_multi .hl1 {
	font-weight: bold;
}

.ss_vmgr_td {
	white-space: nowrap;
	padding: 0px 4.0em 1px 0;
}

.ss_vmgr_td_row0 {
	padding: 1.0ex 4.0em 0.6ex 2px;
	border-bottom: 1px solid black;
}

.ss_vmgr_td_col0 {
	vertical-align: top;
	padding: 1.2ex 4.0em 0.9ex 0;
}

.ss_vmgr_multi_td {
	white-space: nowrap;
	padding: 0px 1.0em 1px 0;
}

.ss_vmgr_multi_td_row0 {
	padding: 1.0ex 1.0em 0.6ex 2px;
	border-bottom: 0.5px solid black;
}

.ss_vmgr_multi_td_col0 {
	vertical-align: top;
	padding: 1.2ex 1.0em 0.9ex 0;
}

.ss_vmgr_td_null,
.ss_vmgr_multi_td_null {
	margin: 0;
	padding: 0;
}

.ss_vmgr_overdue {
	color: #990000;
}

.ss_vmgr_ready {
	color: #009900;
}

/*
	      system style: visit_form_manager
       */

.ss_vst_mgr {
	padding-top: 1ex;
	padding-bottom: 1ex;
}

.ss_vst_mgr_head {
	margin: 6px 0px 0px 0px;
	padding-top: 2.5ex;
	padding-bottom: 1ex;
	color: var(--primary-1);
	/* orange 2 */
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.05ex;
	clear: both;
	/* padding: 5px 0px; */
}

.ss_vst_mgr_mop {
	margin: 0px 0 0 15px;
	padding: 0 0 0 0;
}

.ss_vst_mgr_btns {
	padding: 10px 0;
}

.ss_vst_date_normal {}

.ss_vst_date_before {
	color: #AAA;
	/* gray */
}

.ss_vst_date_planned {
	color: #009900;
	/* green 59B300 */
}

.ss_vst_date_due {
	color: #009900;
	/* green 59B300 */
	font-weight: bold;
}

.ss_vst_date_overdue {
	color: #D67422;
	/* orange F68426 */
	font-weight: bold;
}

.ss_vst_date_after {
	color: #990000;
	/* red #e60000 */
	font-weight: bold;
}

/*
	      system style: action dashboard
      */

.ss_action_dashboard {
	margin-left: 5em;
}

.ss_action_dashboard_box {
	width: 15em;
	height: 17ex;
}

.ss_action_dashboard UL {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0.5ex 0 2ex 0;
	/* no-margin-bottom: 3ex; */
}

.ss_action_dashboard UL LI {
	float: left;
}

.ss_action_box {
	margin-right: 5px;
}

.ss_action_box>.title {
	width: 170px;
	background-color: var(--primary-1);
	color: white;
	font-weight: bold;
	padding: 1px 1em;
	border-width: 2px;
	border-color: var(--primary-1);
	border-style: solid;
	border-radius: 5px 5px 0px 0px;
	box-shadow: 2px 2px 3px #bababa;
	white-space: nowrap;
}

.ss_action_box .subtitle {
	/*
	      *color: #9fc93f; /* logo color 2 /
	      color: #909090; /* gray 3 */
	font-weight: bold;
}

.ss_action_box>.content {
	width: 170px;
	padding: 1ex 1em;
	background-color: white;
	border-width: 0px 2px 2px 2px;
	border-color: var(--primary-1);
	border-style: solid;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 2px 2px 3px #bababa;
}


.ss_action_overlay:hover { text-decoration: none; }

/*
	      system style: feedback (info/warning/error texts)
      */

.ss_feedback_error {
	border: 1px solid #ff4444;
	margin-top: 1ex;
	margin-bottom: 2ex;
	clear: both;
	/*margin-left: -0.5ex;*/
	background-color: #ffe8e8;
	padding: 1ex 1em;
	text-align: left;

	border-radius: 5px;
	box-shadow: 1px 1px 2px #bababa;
}

.ss_feedback_warning {
	border: 1px solid #f2f200;
	margin-top: 1ex;
	margin-bottom: 2ex;
	clear: both;
	/*margin-left: -0.5ex;*/
	background-color: #ffffe5;
	padding: 1ex 1em;
	text-align: left;

	border-radius: 5px;
	box-shadow: 1px 1px 2px #bababa;
}

.ss_feedback_info {
	border: 1px solid #0477b5;
	/* #047a0d; */
	margin-top: 1ex;
	margin-bottom: 2ex;
	clear: both;
	/*margin-left: -0.5ex;*/
	background-color: #dff0f7;
	/* #e4f0d8; */
	padding: 1ex 1em;
	text-align: left;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #bababa;
}

.ss_feedback_title {
	font-weight: bold;
	padding: 1ex 0.5em 0ex 0.5em;
	letter-spacing: 0.05em;
}

.ss_content_title {
	font-weight: bold;
	/*	color: white; /* var(--primary-1); /* orange 2 */
	letter-spacing: 0.00ex;
}

.ss_content_title A {
	color: white;
	/* var(--primary-1); /* orange 2 */
	font-weight: bold;
	letter-spacing: 0.00ex;
	text-decoration: none;
}

.ss_content_title A:hover {
	color: #fcebdc;
}

#bkg {
	background-color: #edf0f5;
}

#border_r {
	border-right: 1px solid #7d7f80;
}

#border_br {
	border-right: 1px solid #7d7f80;
	border-bottom: 1px solid #7d7f80;
}

.tab0 {
	border-style: solid solid solid solid;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab1 {
	border-style: solid solid solid none;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab2 {
	border-style: solid solid none solid;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab3 {
	border-style: solid solid none none;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab4 {
	border-style: solid none none none;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab5 {
	border-style: none solid none solid;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab6 {
	border-style: none solid none none;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab7 {
	border-style: none none none none;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

.tab8 {
	border-style: solid none solid none;
	border-color: #7d7f80;
	border-width: 1px;
	padding: 3px 0.5em 3px 0.5em;
}

td.tab0 A {
	font-weight: bold;
}

td.tab1 A {
	font-weight: bold;
}

td.tab2 A {
	font-weight: bold;
}

td.tab3 A {
	font-weight: bold;
}

td.tab4 A {
	font-weight: bold;
}

td.tab5 A {
	font-weight: bold;
}

td.tab6 A {
	font-weight: bold;
}

td.tab7 A {
	font-weight: bold;
}

td.tab8 A {
	font-weight: bold;
}

.tr_tab0 {}

.tr_tab1 {
	background-color: #edf0f5;
}

.tr_tab2 {}

.tr_tab_h0 {
	background-color: #ffe5e5;
}

.tr_tab_h1 {
	background-color: #ffefef;
}

.tr_tab_h2 {
	background-color: #ffe5e5;
}

.tabs1 {
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #514a4a #514a4a #ffffff #514a4a;
	padding: 2px 1ex 0px 1ex;
}

.tabs2 {
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: #514a4a;
	padding: 2px 1ex 0px 1ex;
}

.tabs3 {
	border-style: none none solid solid;
	border-width: 1px;
	border-color: #514a4a;
	padding: 3px 1ex 3px 1ex;
}

.tabs4 {
	border-style: none solid solid solid;
	border-width: 1px;
	border-color: #514a4a;
	padding: 1ex;
}

.tabs1 A {
	font-weight: bold;
}

.tabs2 A {
	font-weight: bold;
}

.tabs3 A {
	font-weight: bold;
}

.tabs4 A {
	font-weight: bold;
}

.tabs4 A.overlay {
	font-weight: normal;
}

/* system syle faq */

.ss_faq {
	list-style-position: outside;
}

.ss_faq a {
	text-decoration: none;
}

.ss_faq_li_title {
	font-weight: bold;
	color: #4d800f;
	padding: 0.5ex 0px 0.5ex 0px;
}

.ss_faq_li_answer {
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ss_faq_nl_title {
	font-weight: bold;
	color: #4d800f;
}

.ss_faq_nl_answer {
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ss_faq_dd_title {
	font-weight: bold;
	color: #4d800f;
	padding: 0.5ex 0px 0.5ex 0px;
}

.ss_faq_dd_title img {
	margin-right: 10px;
}

.ss_faq_dd_answer {
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.ss_faq_rg_title {
	font-weight: bold;
	padding: 0.5ex 0px 0.5ex 0px;
}

.ss_faq_rg_title a {
	text-decoration: none;
}

.ss_faq_rg_title a:visited,
.ss_faq_dd_title_v {
	color: #0069be;
}

.pad5br {
	padding-bottom: 5px;
	padding-right: 5px
}

.pad5tl {
	padding-top: 5px;
	padding-left: 5px
}

.pad5tr {
	padding-top: 5px;
	padding-right: 5px
}

.indent {
	margin-left: 23px;
}

.smlfnt {
	font-size: 80%
}

.sub_par_tit {
	/* isub paragraph title */
	margin: 3px 0px 0px 0px;
	padding: 2px 0px 5px 0px;
	color: #f35c19;
	font-size: 100%;
	font-weight: bold;
}

.hl1 {
	color: var(--primary-1);
	font-weight: 200;
}

.ws_siteqc_grayedout,
.ws_sq_grayedout A {
	color: #888;
}

.ws_siteqc_highlight {
	background-color: #f5f5a0;
}

.ws_isolated {
	text-decoration: line-through;
}

.htmlx .ws-title {
	padding-bottom: 1.2ex;
	font-weight: bold;
}

.htmlx .ws-content {
	width: 100%;
	padding: 1ex 2ex 1ex 2ex;
}

.ws_red {
	color: #c00;
	background-color: #fdd;
}

.ws_brown_l {
	border-left: 1px solid var(--link1) !important;
}

.ws_brown_r {
	border-right: 1px solid var(--link1) !important;
}

.ws_center {
	text-align: center !important;
}

.ws_nowrap {
	white-space: nowrap;
}

ul.dashed {
	list-style-type: none;
}

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

/*
      .indent { margin-left: 23px; }
      */

#loading-page {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #f28220;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Add animation to "page content" */
.animate-bottom {
	position: relative;
	-webkit-animation-name: animatebottom;
	-webkit-animation-duration: 1s;
	animation-name: animatebottom;
	animation-duration: 1s
}

@-webkit-keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}

	to {
		bottom: 0px;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -100px;
		opacity: 0
	}

	to {
		bottom: 0;
		opacity: 1
	}
}


/* alerts */

.ws-modal-background {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	visibility: hidden;
	opacity: 0;
}

.ws-modal-background.open {
	visibility: visible;
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
}

.ws-modal {
	display: block;
	margin: 50% 0 0 -300px;
	position: relative;
	top: 50%;
	left: 50%;
	background: #fff;
	opacity: 0;
	box-shadow: 4px 4px 10px #7f7f7f;
}

.ws-modal-background.open .ws-modal {
	opacity: 1;
}

/* about the content of the modal alert */
.ws-head {
	width: 100%;
	overflow: hidden;
	box-shadow: 0 4px 7px -4px gray;
}

.ws-head b {
	float: left;
	padding: 5px 15px;
	vertical-align: baseline;
	font-size: 120%;
}

.ws-head i {
	float: right;
	color: lightgrey;
	padding: 10px 15px;
}

.ws-head i:hover {
	color: white;
	background-color: rgba(255, 48, 48, 0.7);
}

.ws-content {
	margin-top: 5px;
	height: calc(100% - 36px - 59px - 20px);
}

.ws-content,
.ws-footer {
	padding: 10px 15px;
}

.ws-footer {
	display: flex;
	float: right;
}

.ws-footer button {
	margin: 0 0 0 15px;
}

/* different modes: w1..w2 */
.ws-modal-w1 {
	width: 350px;
	height: 250px;
	margin: -125px 0 0 -175px;
}

.ws-modal-w2 {
	width: 600px;
	height: 450px;
	margin: -225px 0 0 -300px;
}

.ws-modal-w3 {
	width: 900px;
	height: 600px;
	margin: -300px 0 0 -450px;
}

.ws-modal-wmax {
	width: 80vw;
	height: 80vh;
	margin: -40vh 0 0 -40vw;
}

/* overrides */
.ws_cntnt_title,
.ws_cntnt_title a {
	color: #fff;
	font-size: 100%;
}

.chosen-results .active-result.highlighted {
	background-color: var(--secondary-6) !important;
}

.chosen-results .active-result.result-selected {
	background-color: var(--secondary-4) !important;
	color: inherit !important;
}

/* Tables */

/* changes made by noah */
.lightpick__day.is-today {
	color: black;
}

.table-header-rotated tr:first-child,
.table-header-rotated tr:first-child:hover {
	background-color: var(--table-rh-bg);
}

.table-header-rotated {
	/* box-shadow: none; */
}

.hu_table1:not(.table-header-rotated),
.hu_table3:not(.table-header-rotated) {
	text-shadow: var(--wss-shadow);
	border: 1px solid var(--table-h-bg);
	border-radius: 5px;
	overflow: hidden;
}

.hu_table1:not(.table-header-rotated) th,
.hu_table3:not(.table-header-rotated) th {
	color: var(--table-h);
	text-shadow: var(--wss-text-shadow);
	background-color: var(--table-h-bg);
}

.table-header-rotated th {
	color: var(--table-rh);
	background-color: var(--table-rh-bg);
}

.hu_table1:not(.table-header-rotated) th:hover,
.hu_table3:not(.table-header-rotated) th:hover{
        background-color: var(--table-h-hov-bg);
}

.table-header-rotated th:hover {
        color: var(--table-rh-hov);
        background-color: var(--table-rh-hov-bg);
}

.hu_table1:not(.table-header-rotated) th a,
.hu_table3:not(.table-header-rotated) th a,
.hu_table1:not(.table-header-rotated) th {
	font-weight: bold !important;
        color: var(--table-h);
}

.table-header-rotated th a:not([onmouseover*="overlib"]) {
	font-weight: bold;
	color: var(--link1);
}

.table-header-rotated th.rotate-45 {
	font-weight: normal;
	color: var(--link1);
	height: 120px;
	overflow:visible;
}

.table-header-rotated th.rotate-45 a {
	font-weight: normal;
	color: var(--link1);
}

.table-header-rotated th a[onmouseover*="overlib"] {
	font-weight: normal !important;
	text-decoration-line: underline;
  	text-decoration-style: dotted; 
	text-underline-offset: 1.5px;
  	text-decoration-color: color-mix(in srgb, currentColor 60%, transparent);
	color: var(--link1);
}

}

.table-header-rotated th:last-child.rotate-45 {
	padding-right: 80px;
}

.hu_table1:not(.table-header-rotated) th a:hover,
.hu_table3:not(.table-header-rotated) th a:hover{
        color: var(--table-h-hov);
}

.table-header-rotated th a:hover {
	color: var(--link1-hov);
}

.ss_vmgr_multi > tr:nth-child(2) {

}

/* edc related */
.hu_ltabs li a:hover {
	background-color: var(--tab2-hov-bg) !important;
}

.ss_block_section {
	border: 1px solid var(--enr-darkgreen-3);
	background: none;
}
.ss_block_cmt {
	border: 1px solid var(--enr-darkgreen-3);
}
.ss_block_section_head,
.ss_block_cmt_head {
	border-bottom: 1px solid var(--enr-darkgreen-3);
	background-color: var(--enr-darkgreen-3);
	padding: 0.5ex 0.7ex;
}

.ss_block_section_main .hu_form1_ro {
	border: 1px solid var(--enr-darkgreen-3);
	background-color: transparent;
}

/* button */

.ibtn,
.isub,
.hu_form1_ibtn {
	font-size: 110%;
	padding: 0.2em 0.5em;

	border: 2px solid var(--button-bg);
	background-color: white;
	color: var(--button-bg);
	transition-duration: 0.15s;

	/* color: white;
	border: 2px solid var(--secondary-1);
	background-color: var(--secondary-1); */
}

.ibtn:hover,
.isub:hover,
.hu_form1_ibtn:hover {
        box-shadow: var(--wss-shadow);

	border: 2px solid var(--button-bg);
	background-color: var(--button-bg);

	cursor: pointer;
	transition-duration: 0.15s;
	color: white;
}

.ibtn[disabled="disabled"],
.ibtn[locked="locked"],
.ibtn[disabled=""],
.isub[disabled="disabled"],
.isub[locked="locked"],
.isub[disabled=""],
.hu_form1_ibtn[disabled="disabled"],
.hu_form1_ibtn[locked="locked"],
.hu_form1_ibtn[disabled=""] {
	background-color: white;
	border: 2px solid var(--button-dis-bg);
	color: var(--button-dis-bg);
}

.ibtn[disabled="disabled"]:hover,
.ibtn[locked="locked"]:hover,
.ibtn[disabled=""]:hover,
.isub[disabled="disabled"]:hover,
.isub[locked="locked"]:hover,
.isub[disabled=""]:hover,
.hu_form1_ibtn[disabled="disabled"]:hover,
.hu_form1_ibtn[locked="locked"]:hover,
.hu_form1_ibtn[disabled=""]:hover {
	background-color: white;
	border: 2px solid var(--button-dis-bg);
	color: var(--button-dis-bg);
	box-shadow: none;
}

textarea.hu_form1_istr {
	/* FIXME: shouldn't be a static number. normally vertical align baseline but does not work for textarea */
	/* Should it be for growable only or all */
	/* Shouldn't it move to to forms.css */
	margin-top: 0.35rem;
}