/*
 Theme Name:   MedDocHandler
 Theme URI:    h
 Description:  Dokumentenverwaltung
 Author:       Marcel Zens
 Author URI:   https://nnax.de
 Template:     yootheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  yootheme-child
*/
 #unlockicon {
	 cursor :pointer !important;
 }

#lockicon {
	cursor :pointer !important;
 }

.formcounter {
  font-style: italic;
}

.newpatientconfirm {
  padding-top: 30px;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.9); /* Black background with opacity */
  z-index: 10000 !important; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#signoverlay {


    position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(50,50,50,0.9); /* Black background with opacity */
  z-index: 2000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */



}

.patientNumberHeader {
  background-color: #f0f0f0;
  border-bottom: solid 1px;
  margin-bottom:20px !important;
}

.uk-patientlist {
  padding-top:20px;
}

.behind {
	z-index :20 !important;
}

.dev-header{
	background-color:#f00;
	margin:5px;
	font-weight: bolder;
	padding-left:20px;
}

.signthisnow {
	padding-top:50px;
	color: white;
}

.signthisnow h3{
	color: white;
}

.userspacer {
	padding-left: 10px;
}

.yesno {
	width: 100px;
	display: inline;
}

.spacer-l10 {
	margin-left: 10px;
}

.spacer-l20 {
	margin-left: 20px;
}


.spacer-r10 {
	margin-right: 10px;
}

.spacer-r20 {
	margin-right: 20px;
}

.patientformheader {
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:20px;
		background-color: lightgray;
	  border-bottom: solid 1px;
  border-color: #9e9890 !important;

	margin-bottom: 10px;
}



.ontop {
	z-index: 1000;
}

#time1 {
	font-weight:bold;
}

.italic {
	font-style: italic !important;
}



.savebutton {
	padding-left: 20px;
}

#logoimage img{
	max-height: 130px;
}

.signeduser {
	margin-top: 10px;
	padding-right: 10px;
}

.overlay-text, .overlay-text p, .overlay-text  *{
	font-size: 1.5em;
	color: white !important;
	padding-top:20px;
	text-align:center;
}

.header-headline {
	padding-top: 40px;
}

.patientPageTitle {
	font-size: 2em;
}

.uk-eighty {
	width: 80%;
}

.uk-seventy {
	width: 70%;
}

.uk-twenty {
	width: 20%;
}

.uk-ten{
	width:10%;
}

uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: .25em;
  box-sizing: border-box;
  min-height: 35px;
  padding: 0 15px;
  font-size: 17px;
  font-family: inherit;
  text-decoration: none;
}


@media print {
body * { visibility: hidden; }
.printarea, .printarea * { visibility: visible; }
	.printarea h3 {
		position:absolute;
		left: 0px;
		top:0px;
		font-size: 60px;
	}


	.screenonly {
			position:absolute;
		left: 0px;
		top:60px;
		font-size: 12px;
	display: block !important;
}


	.show_none {
		display:block !important;
	}
}

.screenonly {
	display: none;
}

.show_none {
		display:none;
	}

.form-header {
     padding-bottom:0px !important;
     margin-bottom:0px;
     padding-top:0px !important;
     margin-top:0px !important;
}

.inactive-form {
  font-style: italic;
  color: #dddddd;
}

.inactive-form a{
  font-style: italic;
  color: #aaaaaa;
}

.inactivedesc {
  color: #888888;
}


.tablecontent {
	margin-bottom: 10px;
}

.tm-page {
 position: relative;
  min-height: 100vh;
}

.tablecontent .uk-grid {
margin-bottom: 40px;
}

.footer {
	position: fixed;
	  bottom: 0;
	  width: 100%;
	  height: 2.5rem;
		margin-top:20px !important;

		padding-top: 20px !important;
		padding-bottom: 20px !important;

			background-color: #9e9890 !important;
			color: #FFFFFF !important;
}

.footer .uk-text-emphasis {
	padding-top: 20px !important;
	background-color: #9e9890;
	color: #FFFFFF !important;
}

.vertical-spacer {
  height: 2.5rem;
}

.dashboard-footer {
position: fixed;
  bottom: 0;
  width: 100%;
  height: 2.5rem;
	margin-top:20px !important;

	padding-top: 20px !important;
	padding-bottom: 20px !important;

		background-color: #9e9890 !important;
		color: #FFFFFF !important;
}


.dashboard-footer .uk-text-emphasis {
	padding-top: 20px !important;
	background-color: #9e9890;
	color: #FFFFFF !important;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: white;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 2px;
	border-color: black;
	border-width:1px;
	border-style: solid;

  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}



	.printLine, .printLine * {
	display:block;
	}

 .spacer {
     padding-top:20px;
}
 .bold-input{
     font-weight:bolder;
}
 .checkmark-red {
     color:red;
}
 .checkmark-black {
     color:darkgray;
}
.checkmark-black:hover {
    color:black;
}

.checkmark-white {
    color:white;
}
.checkmark-white:hover {
    color:darkgray;
}

 .checkmark-green {
     color:green;
}
 .header {
     background-color: #9e9890 !important;
     color: #FFFFFF;
}
 .header h1 {
     color: #FFFFFF;
}
 .uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
     background: #cee0ee;
}
 .uk-table-hover tbody tr:hover a, .uk-table-hover>tr:hover a {
     color: #FFFFFF;
}
 .uk-table-hover tbody tr:hover a:hover, .uk-table-hover>tr:hover a:hover {
     color: #000000;
}
 .tablecontent {
     text-align: center;
}
 .tablecontent td:nth-child(1), .tablecontent td:nth-child(2) {
     text-align: left !important;
}
 .uk-button {
     background-color: #9e9890;
     border-color: #9e9890;
     border-radius: 0px;
     color: #FFFFFF;
}
 .uk-button:hover {
     color: #FFFFFF;
}

.uk-no-button {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0px;
    color: #6d6d6d;
    cursor: pointer;
}
.uk-no-button:hover {
    color: #000000;

}

 .anmeldung-name {
     font-size: 30px;
}


input[type=text], input[type=password] {
	border-color: #9e9890!important;
	border-radius: 0px;
     background-color: green;
	border-color: #9e9890!important;
	border-radius: 0px;
	padding: 4px;
	padding-left: 10px;

}
 input[type=text]:focus, input[type=text]:active, input[type=password]:focus, input[type=password]:active {
     border-color: #9e9890 !important;
    border-bottom: 2px solid #9e9890;
	border: 2px solid #9e9890;
}

.frontpage input[type=text], .frontpage input[type=password] {
	border-color: #9e9890!important;
	border-bottom: 1px solid #cccccc;
	border-radius: 0px;
	background-color: #eeeeee;
	padding: 4px;
	/* padding-left: 10px; */
	font-size: 34px;

}


.patientDataFormFields input[type=text], .patientDataFormFields input[type=password] {
	border-color: #9e9890!important;
	/* border-bottom: 1px solid #cccccc; */
	border-radius: 0px;
	background-color: #eeeeee;
	padding: 4px;
	/* padding-left: 10px; */
	/* font-size: 34px; */

}



 .textnone {
     display: none;
}
 .spacer {
     padding-top: 40px
}
 .spacer input[type=submit], .pdatenbutton .uk-button {
     margin-right: 10px;
}
 .patientendatenpage {
     text-align: left;
}
 .patientendatenpage .datenpage {
     margin-top: 50px !important;
}
 .patientenheadline {
     margin-top: 60px;
}
 .daten-speichern {
     margin-top: 0px;
     padding-bottom: 20px;
     text-align: left;
}
 .textabstand {
     margin-bottom: 40px;
}
/*.bilderunten {
     margin-top: 80px;
}
*/
 .datenbutton {
     text-align: left !important;
}
 .buttonuserlogin {
     margin-top: 20px !important;
}
 .patientexistiert {
     margin-bottom: 20px;
}
 .uk-section-large {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
 .uk-section {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
}
 .header {
     /*padding-top: 40px !important;
     padding-bottom: 40px !important;*/
     margin-bottom:0px !important;
     /* margin-bottom:20px; */
}
 .successmessage {
     width:100%;
     text-align: center;
     font-size: 1.2em;
     color: black;
     font-weight:bolder;
     background-color:#0fc;
     border-radius:5px;
     padding: 15px;
     margin: 0 auto;
     margin-bottom: 20px;
     box-sizing: border-box;
}
 .form-check {

}
 .green-button {
    /*background-color:#0fc !important;
    */
     background-color: #9e9890;
    /*border-color: #0fc;
    */
     border-color: #9e9890;
}
 .active-button {
    /*background-color:#0fc !important;
     border-color: #0fc;
    */
     background-color:#6B96F2 !important;
     border-color: #6B96F2;
}
 .grey-button {
     background-color:#ccc !important;
     border-color: #ccc;
}
/*.uk-grid {
     display: flex;
     flex-wrap: nowrap;
     margin: 0;
     padding: 0;
     list-style: none;
}
*/
 .uk-grid > * > :last-child {
     margin-bottom: 0px;
}
 .button-wide {
     width: 100%;
}
 .seiten button {
     margin-bottom: 20px;
}
 .pagenumber > * > :last-child {
     margin-bottom: 20px;
}
/** Custom Checkbox **/
/* Customize the label (the container) */
 .container {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 22px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
/* Hide the browser's default checkbox */
 .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
/* Create a custom checkbox */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
}
/* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #9e9890;
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
/* Show the checkmark when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
}
/* Style the checkmark/indicator */
 .container .checkmark:after {
     left: 9px;
     top: 5px;
     width: 5px;
     height: 10px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
/** Ende Custom Checkbox **/
/** Custom Radio Button **/
/* Abstand Radio Buttons */
/*.radio1 {
     padding-right: 10px;
}
*/
/* Customize the label (the container) */
 .radiob {
     display: block;
     position: relative;
     padding-left: 35px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 22px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     display: inline;
}
/* Hide the browser's default radio button */
 .radiob input[type="radio"] {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
/* Create a custom radio button */
 .radiob .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     /*border-radius: 50%;*/
}
/* On mouse-over, add a grey background color */
 .radiob:hover input[type="radio"] ~ .checkmark {
     background-color: #ccc;
}
/* When the radio button is checked, add a blue background */
 .radiob input[type="radio"]:checked ~ .checkmark {
     background-color: #9e9890;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
 .radiob .checkmark:after {
     content: "";
     position: absolute;
     display: none;
}
/* Show the indicator (dot/circle) when checked */
 .radiob input[type="radio"]:checked ~ .checkmark:after {
     display: block;
}
/* Style the indicator (dot/circle) */
 .radiob .checkmark:after {
     top: 9px;
     left: 9px;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: white;
}
/** Ende Custom Radio Button **/
 *+.uk-grid-margin, .uk-grid+.uk-grid, .uk-grid>.uk-grid-margin {
     margin-top: 10px;
		 margin-bottom: 10px;
}
 .button-left {
     padding-left: 0px !important;
}
 .unterschrift {
     margin-top: 20px;
}
/*.footer {
     margin-top: -4.2rem;
}
*/

.patientenseite .patientenanmeldung-form{
		 width: 100% !important;
}

.logo-mobile {
		 	display: none;
}

input {
	font-size: 17px;
}

.patientenseite input {
	font-size: 20px;
}

/* Responsive */
 @media only screen and (max-width: 1240px) {
     .patientenlogin {
         width: 80% !important;
    }
}
 @media only screen and (max-width: 985px) {
    /*.logout {
         margin-top: 20px;
    }
    */
}
 @media only screen and (min-width: 961px) and (max-width: 1205px) {
     h3 {
         font-size: 25px !important;
    }
}
 @media only screen and (max-width: 960px) {


	.patientcontainer h3 {
		margin: 0 0 0 0 !important;
	}

	.patientformheader {
		padding-bottom :0px !important;
		margin-bottom: : 0px !important;
	}


	 .uk-eighty {
 		width: 70%;
 	}

 	.uk-seventy {
 		width: 60%;
 	}

 	.uk-twenty {
 		width: 30%;
 	}

 	.uk-ten{
 		width:15%;
 	}


     .uk-button {
         margin-bottom: 20px;
    }
     .plzort {
         width: 100% !important;
    }
     .tablecontent {
         text-align: left !important;
    }
     .tablecontent td {
    }
     .tableresp-td {
         display: inline !important;
    }
     tr {
         padding-bottom: 10px;
    }
     .patientenlogin {
         width: 100% !important;
    }
     .datenbutton {
         text-align: left !important;
    }
     /*.logout {
         margin-top: 20px;
    }*/
     .buttonfirst {
         text-align: right;
    }
     .notondisplay {
         display: none;
    }
     .button-wide {
         font-size: 15px;
         padding-left: 0;
         padding-right: 0px;
    }
	 /*.patientenseite label{
		 font-size: 20px;
	 }
	 #patient_form .uk-grid {
		 align-items: center;
	 }
	 .patientenseite .patientenanmeldung-form{
		 font-size: 30px;
		 width: 100% !important;
	 }*/
	  .patientenseite .patientenanmeldung-form{
		 width: 100% !important;
	 }
	 /* Ab hier großes Design */
	 /*.patientenseite {
		 font-size: 30px;
	 }
	 .patientenseite  *+.uk-grid-margin, .patientenseite .uk-grid+.uk-grid, .patientenseite .uk-grid>.uk-grid-margin {
     margin-top: 35px;
		 margin-bottom: 35px;
	}*/
	 /* Großes Design Ende */
	 .header .uk-background-height-1-1 {
		background-size: 20% auto;
	}
}
 @media only screen and (max-width: 770px) {
     .radio1 {
         display:inline-block;
    }
}
 @media only screen and (max-width: 640px) {



     h1 {
         font-size: 25px;
    }
     h3 {
         font-size: 25px;
    }
     .uk-button {
         margin-bottom: 20px;
    }
     .sun {
         margin-top: 160px;
    }
     .patientenlogin {
         width: 90% !important;
    }
     .bilderunten {
         margin-top: 50px;
    }
     .patientenanmeldung-form {
         width: 95% !important;
    }
     .uk-button {
         line-height: 2;
    }
     .radiomobile {
         margin-top: 15px;
    }
	 .patientenname {
		 margin-bottom: 15px;
	 }
	 .header .uk-background-height-1-1 {
			background-image:none !important;
		}
	 .logo-mobile {
		 	display: block;
			margin-bottom: 0px !important;
		}
	 .header {
		 padding-bottom: 0px;
	 }
	 #page\#0-0-0-0.header-headline,
	 #page\#0-0-0-1.header-headline{
		 margin-top: 0px !important;
		 /* margin-bottom: 20px !important; */
	 }
}



/** Neu aufgrund der grauen Farbe **/

.uk-button-default:hover {
    background-color: transparent;
    color: #fff;
    border-color: #87827b;
    background-image: linear-gradient(
90deg
,#87827b 50%,transparent 50%);
}


.uk-table-hover tbody tr:hover, .uk-table-hover>tr:hover {
    background: #dad2c7;
	color: #000000 !important;
}


 .uk-table-hover tbody tr:hover a, .uk-table-hover>tr:hover a {
     color: #000000;
}

 .uk-table-hover tbody tr:hover a:hover, .uk-table-hover>tr:hover a:hover {
     color: #274c5e;
}

a {
   outline: 0!important;
}

input {
   outline: 0!important;
}

.registration {
	padding:10px;
	margin-bottom:20px;
	font-style: italic;
}