@import "QISDesign.css";
/*********************************************************************************************************
************** Stylesheets für die QIS-Integration in HISinOne an der UP *********************************
*********************************************************************************************************/

/***************** HTML-Elemente *****************/
html{
  box-sizing:border-box;
}

*, ::before, ::after{
  box-sizing:inherit;
}
body {
	margin: 0;
	padding:0;
	width: 100%;
	color: #00305e;
}


/***************** ID's *****************/


#wrapper {
  margin: 0;
  padding-bottom: 20px;
  margin-bottom: 90px;
  background: #fff;
  min-height: calc(100vh - 90px);
  z-index:1;
}

/* Header */
div.up_header{
  margin:0;
  padding:0;
  background-image: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(/HISinOne/images/UP/leer_pattern.jpg);
  background-size:contain;
  background-attachment:fixed;
}
@media screen and (max-width:1024px){
	div.up_header{background-size:1349px 386px;}
}
div.up_headerintern{
  margin:0;
  padding:0;
  background:#00305e;
  background-attachment:fixed;
}
.logoLink img {
    height: 48px;
    width: 48px;
}

div.serverinfo{
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  right:0;
}
div.serverinfo p{
  color:#fff;
  font-family:sans-serif;
  font-size:0.8em;
  padding:10px;
}

div.up_header div.linkbox_right, div.up_headerintern div.linkbox_right{
  margin:0;
  padding:0;
  position:absolute;
  top: 100px;
  right: 0;
  float:right;
}
div.linkbox_right ul li{
  list-style-type:none;
  line-height: 1.5em;
}
div.linkbox_right ul li a{
  padding: 5px 15px 0 0;
  color:#fff;
  text-decoration:none;
  font-family:sans-serif;
}
/*Ende Header*/
nav{
	width:100%;
	height:50px;
	background-image: linear-gradient(#d2d2d2, #f2f2f2);
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 0;
	box-shadow: 0px 3px 5px rgb(0,0,0,.3);
  font-family: Arial, Helvetica, sans-serif;
  z-index:20;
}
nav ul{
	margin:auto 0;
	padding:0 20px;
}
nav ul li{
	list-style: none;
	float: left;
}
nav ul li.nav_right{
	float: right !important;
}

/* Sidebar */
div.sidebar{
  margin-bottom: 20px;
  min-height: calc((70vh - 90px) - 70px);
  width: 15%;
  min-width: 200px;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 70px;
  float:left;
  overflow:hidden;
  overflow-y:auto;
  z-index:-1;
}

div.sidebar ul {
  list-style-type: none;
  margin: 0;
  margin-top: 10px;
  padding: 0;
  width:100%;
  float:left;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
}
div.sidebar ul li{
  margin-top: 5px;  
  background-color: #f1f1f1;  
}

div.sidebar ul li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
  text-align: left;
}

/* Change the link color on hover */
div.sidebar ul li a:hover {
  background-color: #555;
  color: white;
}
div.sidebar ul li a.visited {
  background-color: #00305e;
  color: white;
}
.min_navigation{
/* Eingeklapptes Menü */ 
  float: left;
	width: 25px;
	height: 200px;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 70px;
	background-color:#f1f1f1;	
	text-align: center;
}
.min_navigation:hover, .min_navigation:focus {  	
	background-color: #555;
  color: white;
}
.min_navigation:hover a div.maximizesidebar > span, .min_navigation:focus a div.maximizesidebar > span{  
  color: white;
}
.maximizesidebar{
  height:100%;
  width:100%;
}
.min_navigation > a{
  text-decoration:none !important;
}
.min_navigation > a div.maximizesidebar > span{
  width:40px;
  line-height:20px;
	font-size:1.5em;
	font-weight:bold;
	color:#555;
}

/* width */
div.sidebar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
div.sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
div.sidebar::-webkit-scrollbar-thumb {
  background: grey;
  border-radius: 5px;
}

/* Ende Sidebar */

/***************** Content *****************/
.bemerkung{
	font-style:italic;
}
.content {
  background: none;
  padding: 15px 2px 0 20px;
  float:left;
}
/*************** Ende Content ***************/

/* Top Button global - um an den Anfag der Seie zu springen wenn bestimmte Anzahl an Pixel gescrollt wurde*/
#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #00305e;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#topBtn:hover {
  background-color: #555;
}

div.modulkatalogabschlussButton {
	float:left;
	margin: 5px 5px 0 0; 
	padding: 5px; 
	border: 1px solid #818bac; 
	background-color: #818bac;
	color:#fff;
}
div.modulkatalogabschlussButton:hover {
	border: 1px solid #818bac; 
	background-color: #fff;
	color:#00305e;
}
div.modulkatalogabschluss {
	margin: 35px 0 0 0; 
	padding: 5px; 
	border: 1px solid #818bac; 
	background-color: #fff;
	font-size: 16pt; 
	font-weight: bold;
	color:#818bac;
}
div.modulkatalogabschluss_sto{
	float:right; 
	margin: 5px 0 0 0; 
	padding: 1px; width: 180px; 
	border: 1px solid #818bac; 
	background-color: #818bac; 
	color:#fff;
	text-align:center;
}
div.modulkatalogeffekt {
  margin: 5px 0 0 0; 
  padding: 3px 5px 3px 10px; 
  border: 1px solid #B2C9E7; 
  background-color: #c1d3e0;
}
div.modulkatalogeffekt:hover {
  background-color:#fff; 
}



fieldset.pulsDSA {
	border:2px solid #c1d3e0;
	background-color:#ffffff;
	padding:15px;
	margin:13px 3px 30px 3px;
}
legend.pulsDSA {
	background-color:#ffffff;
	//border:2px solid #818bac;
	box-shadow: 4px 4px #c1d3e0;
	width: 650px;
	color:#818bac;
	font-size:110%;
	margin:2px 5px 5px;
	padding:2px 20px;
}
fieldset.pulsDSA_alert {
	border:2px solid #4c3778;
	background-color:#6d5b94;
	color:#ffffff;
	padding:15px;
	margin:13px 3px 30px 3px;
}
legend.pulsDSA_alert {
	background-color:#4c3778;
	border:2px solid #4c3778;
	//box-shadow: 4px 4px #fef3b6;
	width: 650px;
	color:#ffffff;
	font-size:110%;
	margin:2px 5px 5px;
	padding:2px 20px;
}
fieldset.pulsDSA_alert2 {
	border:2px solid #2b656b;
	background-color:#4c7f83;
	color:#ffffff;
	padding:15px;
	margin:13px 3px 30px 3px;
}
legend.pulsDSA_alert2 {
	background-color:#2b656b;
	border:2px solid #2b656b;
	//box-shadow: 4px 4px #fef3b6;
	width: 650px;
	color:#ffffff;
	font-size:110%;
	margin:2px 5px 5px;
	padding:2px 20px;
}
fieldset.pulsDSA_alert a, fieldset.pulsDSA_alert2 a
{
	color:#ffffff;
}
legend.pulsDSAHinweis {
	background-color:#818bac;
	box-shadow: 4px 4px #c1d3e0;
	width: 650px;
	color:#ffffff;
	font-size:110%;
	margin:2px 5px 5px;
	padding:2px 20px;
}
select.pulsDSA, input.pulsDSA {
  height: 30px;
  border: 1px solid #818bac;
  font-size: 16px;
  background-color: #ffffff;
  box-shadow: 4px 4px #c1d3e0;
}
div#addressfieldGutachter1, div#addressfieldGutachter2,
div#abschlussarbeit, div#abschlussarbeitThema, div#abschlussarbeitVerlaengerung, div#abschlussarbeitBegutachtung, div#abschlussarbeitVersand,div#abschlussarbeitEmpfangsbestaetigung,
div#sbs_01, div#sbs_02, div#sbs_03, div#sbs_04, div#sbs_05, div#sbs_06, div#sbs_06, div#sbs_07, div#sbs_08, div#sbs_09, div#sbs_10, div#sbs_11, div#sbs_12, div#sbs_13, div#prognoseAbschluss
{
  display:none;
}
input#showAddressfieldGutachter1:checked ~ div#addressfieldGutachter1, input#showAddressfieldGutachter2:checked ~ div#addressfieldGutachter2,
input#showAbschlussarbeit:checked ~ div#abschlussarbeit, input#showAbschlussarbeitThema:checked ~ div#abschlussarbeitThema,
input#showAbschlussarbeitVerlaengerung:checked ~ div#abschlussarbeitVerlaengerung, input#showAbschlussarbeitBegutachtung:checked ~ div#abschlussarbeitBegutachtung,
input#showAbschlussarbeitVersand:checked ~ div#abschlussarbeitVersand,input#showAbschlussarbeitEmpfangsbestaetigung:checked ~ div#abschlussarbeitEmpfangsbestaetigung,
input#show_sbs_01:checked ~ div#sbs_01, input#show_sbs_02:checked ~ div#sbs_02, input#show_sbs_03:checked ~ div#sbs_03, input#show_sbs_04:checked ~ div#sbs_04, 
input#show_sbs_05:checked ~ div#sbs_05, input#show_sbs_06:checked ~ div#sbs_06, input#show_sbs_07:checked ~ div#sbs_07, input#show_sbs_08:checked ~ div#sbs_08, 
input#show_sbs_09:checked ~ div#sbs_09, input#show_sbs_10:checked ~ div#sbs_10, input#show_sbs_11:checked ~ div#sbs_11, input#show_sbs_12:checked ~ div#sbs_12,
input#show_sbs_13:checked ~ div#sbs_13, input#showPrognoseAbschluss:checked ~ div#prognoseAbschluss
{
	display:block;
}
input#showAbschlussarbeit, input#showAbschlussarbeitThema, input#showAbschlussarbeitVerlaengerung, input#showAbschlussarbeitBegutachtung,
input#showAbschlussarbeitVersand,input#showAbschlussarbeitEmpfangsbestaetigung, input#show_sbs_01 , input#show_sbs_02, input#show_sbs_03, input#show_sbs_04, input#show_sbs_05, input#show_sbs_06, input#show_sbs_07, 
input#show_sbs_08, input#show_sbs_09, input#show_sbs_10, input#show_sbs_11, input#show_sbs_12, input#show_sbs_13, input#showPrognoseAbschluss
{
	display:none;
} 
input[type="number"]#aavbzAnzDauer{
	width:80px;
	padding:1px;
	color: #014A7B;
	border-color: #0081B4;
	border-style: solid;
	border-width: 1px;
}
//Radiobutton Slider mit zwei Radiobutton

div.pulsSwitch {
  position: relative;
  height: 26px;
  width: 100px;
  background: #ffffff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 3px #f1f1f1, 0 1px #fafafa;
  box-shadow: inset 0 1px 3px #c2c2c2, 0 1px #fafafa;
}
.pulsSwitch-label {
  position: relative;
  z-index: 2;
  float: left;
  width: 48px;
  line-height: 26px;
  font-size: 14px;
  color: #7a7a7a;
  text-align: center;
  cursor: pointer;
}
.pulsSwitch-label:active {
  font-weight: bold;
}
.pulsSwitch-label-negativ {
  padding-left: 2px;
}
.pulsSwitch-label-positiv {
  padding-right: 2px;
}
.pulsSwitch-input {
  display: none;
}
.pulsSwitch-input:checked + .pulsSwitch-label {
  font-weight: bold;
  color: #ffffff;
}
.pulsSwitch-input:checked + .pulsSwitch-label-negativ ~ .pulsSwitchAuswahl {
  left: 50px;
  //background-color:#a2a2a2;
  //color:#ffffff;
}
.pulsSwitchAuswahl {
  position: relative;
  z-index: 1;
  top: 2px;
  left: 2px;
  display: block;
  width: 50px;
  height: 22px;
  border-radius: 3px;
  background-color: #818bac; 
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -ms-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
// Ende Radiobutton Slider


//Sonderzeichen Copy-Box

.specialSignBox {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .specialSignContent {
  max-height: 30%;
  overflow: auto;
  margin-top:30px;
}


/* Tabs mit radio-Buttons */
.dsa_menue figure { 
   display: block; 
   margin-left: 0; 
   clear: both;
}

.dsa_menue > input,
.dsa_menue figure > div { display: none; }

.dsa_menue figure>div {
  //padding: 20px;
  width: 100%;
  //border: 1px solid #c1d3e0;
  background: #fff;
  line-height: 1.5em;
  letter-spacing: 0.3px;
  color: #444;
}
#dsatab1:checked ~ figure .dsatab1,
#dsatab2:checked ~ figure .dsatab2,
#dsatab3:checked ~ figure .dsatab3 { display: block; }
nav#dsatabs {
	width: auto;
  height: 50px;
  background-color: white;
  position: relative;
  top: 0;
  box-shadow: none;
  z-index: 20;
}
nav#dsatabs label {
   float: left;
   margin-right:10px;
   padding: 15px 15px;
   border-bottom: 5px solid #c1d3e0;
}
nav#dsatabs label:hover {border-bottom: 5px solid #818bac; }

#dsatab1:checked ~ nav#dsatabs label[for="dsatab1"],
#dsatab2:checked ~ nav#dsatabs label[for="dsatab2"],
#dsatab3:checked ~ nav#dsatabs label[for="dsatab3"] {
  background: white;
  position: relative;
  border-bottom: 5px solid #00305e;
}

#dsatab1:checked ~ nav#dsatabs label[for="dsatab1"]:after,
#dsatab2:checked ~ nav#dsatabs label[for="dsatab2"]:after,
#dsatab3:checked ~ nav#dsatabs label[for="dsatab3"]:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  background: white;
  left: 0;
  bottom: -1px;
}

@media only screen and (min-width: 1401px) {
	.puls_databox_lus{
			display:inline-block; vertical-align: top;width: 25%;padding-right:3px;float:right;min-width:250px;
		}
	.puls_databox_lus_content{
		position:relative;width:100%;border:1px solid #cccccc;background-color:#f1f1f1;border-radius:5px;padding:50px 5px 5px 5px;float:left;box-shadow: 2px 2px 5px black;
	}
	div#minBox{
		display:none;
	}
}

@media only screen and (max-width: 1400px) {
	.puls_databox_lus{
		vertical-align: top;
		padding-right:3px;
		min-width:250px;
	}
	.puls_databox_lus_content{
		position:relative;width:100%;border:1px solid #cccccc;background-color:#f1f1f1;border-radius:5px;padding:50px 5px 5px 5px;float:left;box-shadow: 2px 2px 5px black;z-index:-1;margin-top:20px;
	}
	div#maxBox{
		display:none;
	}
}

/* Tabellen */

table.puls_table, table.puls_table_center, table.puls_table_noeffect{
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
table.puls_table tr:hover, table.puls_table_center tr:hover{
  background-color:#e1e1e1 !important;
}
table.differentRow tr:nth-child(even){
  background-color: #f2f2f2;
}
table.puls_table th, table.puls_table_noeffect th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  border: 1px solid #ddd;
  background-color: #818bac;
  color: white;
}
table.puls_table th.puls_caption, table.puls_table_center th.puls_caption {
	border: 0px;
	background-color: #00305e;
}
table.puls_table_center th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #818bac;
  color: white;
}
table.grayHeader th {
	background-color:#efefef;
	color:#818bac;
	font-weight: normal;
}
table.firstCol td:nth-child(1){
  background-color: #c1d3e0;
}
table.puls_table td, table.puls_table th, table.puls_table_noeffect td, table.puls_table_noeffect th,table.puls_table_center td, table.puls_table_center th{
  border: 1px solid #ddd;
  padding: 8px;
}
table.puls_table_noeffect td {
	border: 1px solid #ddd;
  padding: 1px 5px;
}
table.puls_table tr.emptyRow th, table.puls_table tr.emptyRow td, table.puls_table_center tr.emptyRow th, table.puls_table_center tr.emptyRow td {
	border:0;
	background-color:#FFFFFF';
}