/* allgemeine aenderungen */

.spanReadOnly {
    display: inline-block;
    border: darkgrey  1px solid;
    width: 200px;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #e4e4e4;
    min-height: 14px;
    overflow: hidden;
}

span.drv-small-text {
    font-size: 12px;
}

.drv-footer,
.drv-navbar {
    display: none;
}

html {
  scroll-behavior: smooth;
}

img {
	max-width:100%;
	height:auto;
	border: none;
}

a.drv-top {
	display: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.readonly {
    border: darkgrey  1px solid !important;
    background-color: #e4e4e4 !important;  
}

textarea[readonly=readonly] {
    border: darkgrey  1px solid;
    background-color: #e4e4e4;  
}

.spanReadOnly {
    min-height: 20px;	
}

form#back {
	padding: 10px 0;
}

form#register-logout > div,
form#back > div {
    padding-top: 20px !important;
}

.buttonleiste > .mitte {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.buttonleiste > .links {
    display: flex;
    justify-content: flex-start;
}

.buttonleiste > .rechts {
    display: flex;
    justify-content: flex-end;
}

form#password .buttonleiste > .mitte,
form#email .buttonleiste > .mitte {
	display: block;
}

.buttonleiste {
	width: 100% !important;
}

.buttonleiste > .mitte input {
    margin-right: 0 !important;
    margin-left: 0 !important;
    float: none !important;
}

.buttonleiste.drv-register > .mitte > span:first-of-type {
    margin-left: 0;	
}

.buttonleiste.drv-register > .mitte {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; 	
}

#drv-dropdown-trigger,
#drv-mobile-nav-trigger,
.drv-mobile-nav-bar {
    display: none;
}

legend {
	background-color: #fff;
}

.drv-triangle-icon {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #fff transparent transparent transparent;  
}

.drv-navbar-dropdown label:hover .drv-triangle-icon {
    border-color: #deee3d transparent transparent transparent;  
}

#serviceTop {
	height: auto !important;
}

#serviceTop a {
	display: inline-block;
	padding: 5px;
}

#cookieNotice a.confirm {
    font-weight: bold;
    border-radius: 5px;
    padding: 5px 15px !important;
}

button.drv-group-btn {
    background-color: #fff;
    border: none !important;
    color: #000;
    cursor: pointer;
    padding: 7px 16px;
    opacity: 0.75;
    margin: 2px;
}

button.drv-group-btn:hover {
    opacity: 0.9; 
}

button.drv-group-btn.drv-btn-active {
    background-color: #3c5a84;
    color: #fff;
    opacity: 1;  
}

table.dataTable th {
	font-weight: normal !important;
	background-color: #3c5a84;
	color: #fff;
}

table.dataTable thead th, 
table.dataTable thead td,
table.dataTable.no-footer {
	border: none;
}

table.drv-therapy-table,
table.drv-userdocument-table,
table.drv-document-table {
	width: 100% !important;
	display: none;
	border-spacing: 0 !important;
}

table.drv-document-table > thead {
	display: none;
}

table.drv-userdocument-table th:nth-of-type(2) {
    width: 250px !important;
}

table.drv-userdocument-table th:nth-of-type(3) {
    width: 500px !important;
}

table.drv-userdocument-table th:nth-of-type(5) {
    width: 150px !important;
}

table.drv-therapy-table tr.odd,
table.drv-userdocument-table tr.odd,
table.drv-document-table tr.odd {
    background-color: #F5F5F5;
}

table.drv-userdocument-table tr.drv-userdocument-new {
	background-color: #f00;
}

table.drv-userdocument-table td > a {
    max-width: 500px;
    width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;  
}

table.drv-therapy-table table.dtr-details {
    width: 100% !important;
}

table.drv-therapy-table .odd.parent + .child {
    background: #F5F5F5;
}

table.drv-therapy-table .even.parent + .child {
    background: #fff;
}

table.drv-therapy-table table.dtr-details tr {
    background: none;
    border-top: none;
}

table.drv-therapy-table table.dtr-details tr > td {
    border-top: none !important;
}

table.drv-therapy-table.collapsed tr[role=row] > td:nth-of-type(1)::before {
    display: inline-block;
    content: '';
    background-image: url(../img/caret-right.png);
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 5px 0 5px;
}

.drv-loader {
  border: 2px solid #f3f3f3;
  border-top: 2px solid #425A84;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 2s linear infinite;
  display: block;
  margin: 0 auto;
}

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.drv-text-counter-error {
    color: #e30000;
    font-weight: bold; 
}

.drv-message {
    margin: 5px 0 15px 0;
    padding-left: 0px;
    display: flex;
    justify-content: center;    
}

.drv-error-box {
    color: #5d636b; 
    border: solid #f8d7da 1px; 
    background-color: #f8d7da; 
    border-radius: 4px;
    padding: 20px; 
    text-align:center; 
    font-size:14px;
    font-weight: normal;
    display: block;
    width: 90%;
    min-height: 66px;
}

.drv-info-box {
    color: #fff; 
    border: solid #083163 1px; 
    background-color: #425a84; 
    border-radius: 4px;  
    font-weight: normal;
	padding: 20px; 
	text-align:center; 
	font-size:14px;
	display: block;
	width: 90%;
	min-height: 66px;
}

.drv-success-box {
    color: #fff; 
    border: solid #007100 1px; 
    background-color: green; 
    border-radius: 4px;
    font-weight: normal;
	padding: 20px; 
	text-align:center; 
	font-size:14px;
	display: block;
	width: 90%;
	min-height: 66px;
}

.drv-hint-box {
    color: #5d636b; 
    border: solid #5d636b 1px; 
    background: none; 
    font-weight: normal;
    padding: 20px; 
    text-align:center; 
    font-size: 14px;
    display: block;
    width: 90%;
    min-height: 66px;
    border-radius: 4px;
}

.drv-klinik-box {
    width: calc(50% - 10px);
    margin: 10px 0;
    font-size: 16px;
}

/*
.drv-klinik-box::before {
    content: '\271A';
    padding: 0 5px 0 5px;
    margin: 0 0 5px 5px;
    font-size: 16px;
}
*/

.drv-qr-code-box {
    border: none;
    width: calc(50% - 10px);
    margin: 10px 0;    
}

.drv-message:has(.drv-hint-box:empty),
.drv-message:has(.drv-error-box:empty),
.drv-message:has(.drv-info-box:empty),
.drv-message:has(.drv-success-box:empty) {
    display: none;
}

.drv-hint-box:empty,
.drv-error-box:empty,
.drv-info-box:empty,
.drv-success-box:empty {
	display: none;
}

table.drv-admin-table thead .sorting,
table.drv-admin-table thead .sorting_desc,
table.drv-admin-table thead .sorting_asc {
    background-image: none;
}

.drv-admin-table th {
	text-align: center;
	border-spacing: 0 !important;
}

.drv-admin-table td {
	text-align: center;
}

.drv-admin-table tr.even {
	background-color: rgba(0,0,0,.05);
}

.drv-admin-table-headline {
    cursor: pointer;
}

.drv-admin-table-container {
    margin: 15px 0;
    overflow: auto;
}

.drv-admin-table-container .dataTables_length,
.drv-admin-table-container .dataTables_filter {
    padding: 5px;	
}

.drv-admin-table-container .dataTables_length select,
.drv-admin-table-container .dataTables_filter input {
	width: auto;
}

legend.drv-empty-legend {
	padding: 0;
}

#drv-welcome-form-hint {
	display: none;
}

ul.drv-welcome-form-list {
	margin: 0;
	padding-lef: 40px;
	list-style-type: disc;
}

ul.drv-welcome-form-list > li {
	margin: 10px 0;
}

.drv-start-screen-boxes {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    min-height: 150px; 
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
    margin-bottom: 15px;
}

.drv-start-screen-boxes > fieldset.drv-start-screen-box {
    width: 100%;
    margin: 0;
    max-width: calc(50% - 15px);
}

.drv-start-screen-boxes > fieldset > .sub-container {
    min-height: 145px;
}

.drv-start-screen-boxes > fieldset > .sub-container > ul {
    list-style-type: none;
    padding: 0 0 0 5px;
    margin: 0;
}

.drv-start-screen-boxes > fieldset > .sub-container > ul > li {
    padding: 5px 0;
    margin: 0;    
}

.drv-start-screen-boxes div.drv-start-screen-link,
.drv-start-screen-boxes a.drv-start-screen-link {
    position: absolute;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    padding: 10px;
}

.drv-start-screen-links {
    position: absolute;
    top: 90%;
    right: 0;
    width: 75%;
    height: auto;
    color: #000; 
    border: solid #ccc 1px; 
    background: none;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
    z-index: 10000;
    display: none;
    padding: 15px !important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

ul.drv-start-screen-links.drv-menu-visible {
    display: block !important;
}

.drv-start-screen-links ul {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
}

body:not(.drv-responsive) .drv-welcome {
	width: 800px;
	float: left;
	height: calc(100vh - 190px);
}

.drv-error-headline {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    font-size: 24px;
}

.drv-error-headline > img.drv-icon {
	width: 24px;
	height: 24px;
}

fieldset ul:not(.drv-message) {
	list-style-type: disc;
}

ul.drv-enumeration {
    margin: 0;
    padding-left: 20px;
    list-style-type: disc;

}

ul.drv-enumeration-sm {
    font-size: 12px;
}

video {
  max-width: 100%;
  height: auto;
}

.drv-video-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.drv-video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.drv-tooltip {
  position: relative;
  display: inline-block;
}

.drv-tooltip .drv-tooltip-text {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.drv-tooltip .drv-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.drv-tooltip:hover .drv-tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* responsive */

body.drv-responsive {
    min-width: 320px;
    background-color: #EFF1F1;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #5d636b;
	z-index: 1;
}

.drv-responsive .drv-error-headline,
.drv-responsive .formHeader,
.drv-responsive h1, 
.drv-responsive h2, 
.drv-responsive h3, 
.drv-responsive h4, 
.drv-responsive h5, 
.drv-responsive h6 {
    font-family: Georgia, "Times New Roman", serif;
    color: #5d636b;
    font-weight: normal;
}

.drv-responsive h1 {
	font-size: 24px;
	
}

.drv-responsive h2 {
    font-size: 22px;
}

.drv-responsive h3,
.drv-responsive h4 {
    font-size: 20px;
}

.drv-responsive h5,
.drv-responsive h6 {
    font-size: 16px;
}

.drv-responsive #shadowwrap-top,
.drv-responsive #shadowwrap-mid,
.drv-responsive #shadowbottom {
	padding: 0 !important;
	background: none !important;
}

.drv-responsive #shadowbottom {
    height: 0 !important;	
}

.drv-responsive .sub-lft,
.drv-responsive .sub-rgt {
	display: none;
}

.drv-responsive #serviceTop {
	display: none;
}

.drv-responsive .drv-content {
	 min-height: 100vh;
	 position: relative;
	 z-index: 255;
}

.drv-responsive #pagewrap {
    background-color: #F8F8F8;
    min-height: calc(100vh - 198px);
    height: auto;
    width: 100%;
	min-width: 0;
	padding-left: 0;
	max-width: 1024px !important;
	font-size: 16px;
}

.drv-responsive form {
	background: none;
}

.drv-responsive input[list],
.drv-responsive .spanReadOnly,
.drv-responsive textarea,
.drv-responsive input[type="text"],
.drv-responsive input[type="date"],
.drv-responsive input[type="tel"],
.drv-responsive input[type="password"], 
.drv-responsive select {
	width: 85%;
}

.drv-responsive select {
    max-width: 300px;
}

.drv-responsive .drv-form-page table {
	/*width: 100%;*/
	border-spacing: 0 10px;
}

.drv-responsive .drv-form-page table td {
    padding-right: 5px; 
}

.drv-responsive .drv-form-page table table {
    width: auto;
    border-spacing: 0;
}

form.drv-form-col-layout table {
    width: 100%;
}

form.drv-form-col-layout table.drv-table-2 > tbody > tr > td:nth-of-type(odd) {
    width: 33%;
}

form.drv-form-col-layout table.drv-table-2 > tbody > tr > td:nth-of-type(even) {
    width: 66%;;
}

form.drv-form-col-layout table.drv-table-3 > tbody > tr > td {
    width: 33%;
}

form.drv-form-col-layout table.drv-table-4 > tbody > tr > td:nth-of-type(odd) {
    width: 20%;
}

form.drv-form-col-layout table.drv-table-4 > tbody > tr > td:nth-of-type(even) {
    width: 30%;
}

.drv-booking-page table {
    width: 100%;
}

.drv-booking-page table.drv-table-2 > tbody > tr > td:nth-of-type(odd) {
    width: 33%;
}

.drv-booking-page table.drv-table-2 > tbody > tr > td:nth-of-type(even) {
    width: 66%;
}

.drv-responsive .spanReadOnly {
    max-width: 300px;
    min-width: 75px;
    height: 37px;
    font-size: 14px;	
}

.drv-responsive .drv-element-xs,
.drv-responsive .drv-span-readonly-very-small,
.drv-responsive input[size="1"],
.drv-responsive input[size="2"],
.drv-responsive input[size="3"],
.drv-responsive input[size="4"],
.drv-responsive input[size="5"],
.drv-responsive input[size="6"],
.drv-responsive input[size="7"],
.drv-responsive input[size="8"],
.drv-responsive input[size="9"],
.drv-responsive input[size="10"] {	
    max-width: 75px;
    min-width: 45px;     
}

.drv-responsive .drv-element-sm,
.drv-responsive .drv-span-readonly-small,
.drv-responsive input[size="11"],
.drv-responsive input[size="12"],
.drv-responsive input[size="13"],
.drv-responsive input[size="14"],
.drv-responsive input[size="15"],
.drv-responsive input[size="16"],
.drv-responsive input[size="17"],
.drv-responsive input[size="18"],
.drv-responsive input[size="19"],
.drv-responsive input[size="20"] {
    max-width: 150px;
    min-width: 45px;     
}	

.drv-responsive .drv-element-md,
.drv-responsive .drv-span-readonly-medium,
.drv-responsive input[size="21"],
.drv-responsive input[size="22"],
.drv-responsive input[size="23"],
.drv-responsive input[size="24"],
.drv-responsive input[size="25"],
.drv-responsive input[size="26"],
.drv-responsive input[size="27"],
.drv-responsive input[size="28"],
.drv-responsive input[size="29"],
.drv-responsive input[size="30"] {
    max-width: 225px;
    min-width: 45px;     
}

.drv-responsive .drv-element-lg,
.drv-responsive .drv-span-readonly-large,
.drv-responsive input[size="31"],
.drv-responsive input[size="32"],
.drv-responsive input[size="33"],
.drv-responsive input[size="34"],
.drv-responsive input[size="35"],
.drv-responsive input[size="36"],
.drv-responsive input[size="37"],
.drv-responsive input[size="38"],
.drv-responsive input[size="39"],
.drv-responsive input[size="40"] {
    max-width: 300px;
    min-width: 45px;         
}	

.drv-responsive .drv-element-xl,
.drv-responsive .drv-span-readonly-very-large,
.drv-responsive input[size="41"],
.drv-responsive input[size="42"],
.drv-responsive input[size="43"],
.drv-responsive input[size="44"],
.drv-responsive input[size="45"],
.drv-responsive input[size="46"],
.drv-responsive input[size="47"],
.drv-responsive input[size="48"],
.drv-responsive input[size="49"],
.drv-responsive input[size="50"] {
    max-width: 350px;
    min-width: 45px;           
}

.drv-responsive .drv-element-xxl,
.drv-responsive .drv-span-readonly-big,
.drv-responsive input[size="51"],
.drv-responsive input[size="52"],
.drv-responsive input[size="53"],
.drv-responsive input[size="54"],
.drv-responsive input[size="55"],
.drv-responsive input[size="56"],
.drv-responsive input[size="57"],
.drv-responsive input[size="58"],
.drv-responsive input[size="59"],
.drv-responsive input[size="60"] {
    max-width: 400px;
    min-width: 45px;       
}

.drv-responsive span.error {
	font-size: 12px;
}

.drv-responsive textarea[readonly=readonly],
.drv-responsive .spanReadOnly {
	cursor: no-drop;
}

.drv-responsive input::-ms-reveal {
    display: none;
}

.drv-responsive input[list],
.drv-responsive .spanReadOnly,
.drv-responsive input[type="text"],
.drv-responsive input[type="date"],
.drv-responsive input[type="tel"],
.drv-responsive input[type="search"],
.drv-responsive input[type="password"],
.drv-responsive textarea,
.drv-responsive select {
  padding: 10px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}

.drv-responsive input[list],
.drv-responsive input[type="search"],
.drv-responsive input[type="text"],
.drv-responsive input[type="date"],
.drv-responsive input[type="tel"],
.drv-responsive input[type="password"],
.drv-responsive textarea,
.drv-responsive select {
	border: 1px solid #D1D1D1;
	background-color: #fff;	  
}

.ipad select,
.iphone select,
.mac select,
.drv-responsive input[list],
.drv-responsive button.button,
.drv-responsive input[type="search"],
.drv-responsive input[type="text"],
.drv-responsive input[type="date"],
.drv-responsive input[type="tel"],
.drv-responsive input[type="password"],
.drv-responsive textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.drv-responsive textarea {
  min-height: 75px;
  padding-top: 5px;
  padding-bottom: 5px; 
}

.drv-responsive label:focus,
.drv-responsive a:focus,
.drv-responsive input[type="submit"]:focus,
.drv-responsive button:focus,  
.drv-responsive input[list]:focus,  
.drv-responsive input[type="checkbox"]:focus,
.drv-responsive input[type="radio"]:focus,
.drv-responsive input[type="date"]:focus,
.drv-responsive input[type="tel"]:focus,
.drv-responsive input[type="text"]:focus,
.drv-responsive input[type="password"]:focus,
.drv-responsive textarea:focus,
.drv-responsive select:focus {
  outline: 2px solid black;
}

.drv-responsive button.button,
.drv-responsive input[type="reset"],
.drv-responsive input[type="button"],   
.drv-responsive input[type="submit"] {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center !important;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  width: auto !important;
  font-size: 16px !important;
  font-weight: normal;
  border-radius: 5px;
}
.drv-responsive button.button:hover,
.drv-responsive input[type="button"]:hover,
.drv-responsive input[type="reset"]:hover,
.drv-responsive input[type="submit"]:hover {
   opacity: 0.9;
}

.drv-responsive button.button[disabled],
.drv-responsive button.button:disabled,
.drv-responsive input[type="reset"]:disabled,
.drv-responsive input[type="button"]:disabled,   
.drv-responsive input[type="submit"]:disabled {
    opacity: 0.6;
}

.drv-responsive button.button.drv-button-small,
.drv-responsive input[type="reset"].drv-button-small,
.drv-responsive input[type="button"].drv-button-small,
.drv-responsive input[type="submit"].drv-button-small {
	padding: 10px;
	font-size: 12px !important;
	margin: 5px;
}

.drv-responsive .drv-button-regular {
    background-color: buttonface;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.drv-responsive .drv-button-secondary {
    background-color: #000;
}

.drv-responsive .drv-button-danger {
    background-color: #dc3545;
}

.drv-responsive .drv-button-ok {
    background-color: green;
}

.drv-responsive .drv-uppercase {
    text-transform: uppercase;
}

.drv-responsive form#email .buttonleiste,
.drv-responsive form#password .buttonleiste {
   height: auto !important;
   padding: 0 !important;
}    

.drv-responsive form#email .buttonleiste.buttonleiste > .mitte > span,
.drv-responsive form#password .buttonleiste.buttonleiste > .mitte > span {
   margin: 10px 0 !important;
} 

.drv-responsive input[type="radio"],
.drv-responsive input[type="checkbox"] {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.drv-responsive td input[type="radio"] ~ label {
	padding-right: 20px;
}
.drv-responsive td input[type="checkbox"] ~ label {
    padding-left: 5px;
}

.drv-responsive .container {
	margin-top: 5px;
}

.drv-responsive .drv-admin-block {
	margin: 0 auto;
}

.drv-responsive .buttonleiste > .mitte > span {
	position: relative;
	display: inline-block;
}

.msie9 .drv-responsive .buttonleiste > .mitte > span:first-of-type {
	float: left;
}

.msie9 .drv-responsive .buttonleiste > .mitte > span:last-of-type {
	float: right;
}

.msie9 .drv-responsive .buttonleiste > .mitte::after {
	content: "";
	clear: both;
}

@keyframes busy {
    from {content: '.\00A0\00A0';}
    50% {content: '..\00A0';}
    to {content: '...';}
}

.drv-responsive span.drv-busy-button {
    position: relative;
}

.drv-responsive span.drv-busy-button::after {
  content: '';
  display: block;
  -webkit-animation-name: busy;
  animation-name: busy;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  position: absolute;
  top: 15px;
  right: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  z-index: 255;
}

.drv-responsive button.drv-busy-button {
    display: flex;
    align-items: center;
    justify-content: center;      
}

.drv-responsive button.drv-busy-button::after {
  content: '';
  display: block;
  -webkit-animation-name: busy;
  animation-name: busy;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  color: #fff;
  font-weight: bold;
  z-index: 255;
}

.drv-responsive a.drv-top {
    position: fixed;
    bottom: 55px;
    right: auto;
    left: 50%;
    margin-left: 520px;
    padding: 10px 15px;
    opacity: 0.7;
    border-radius: 20px;
    display: block;
    border: 1px solid #ccc;
}

.drv-responsive a.drv-top:hover,
.drv-responsive a.drv-top {
	background-color: #fff;
}

.drv-responsive span.drv-arrow {
  border: solid #5d636b;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.drv-responsive .drv-right-arrow {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.drv-responsive .drv-left-arrow {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.drv-responsive .drv-up-arrow {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.drv-responsive .drv-down-arrow {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.drv-responsive .eingabeBoxBreit {
	padding: 20px;
	background: none;
}

.drv-responsive legend {
    background: #F8F8F8;
}

.drv-responsive fieldset {
	width: 99%;
	min-width: 200px;
	position: relative;
	border: 1px dotted #ccc;
}

.drv-responsive fieldset[style="border:none"] {
    margin-bottom: 0;
}

.drv-responsive fieldset .sub-container-no-scroll,
.drv-responsive fieldset .sub-container {
	overflow: auto;
	background: none;
	border-left: none;
	padding: 15px;
	width: 100%;
}

.drv-responsive fieldset[style="border:none"] .sub-container {
    padding: 5px;
}

.drv-responsive fieldset .sub-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

.drv-responsive fieldset .sub-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
}

.drv-responsive fieldset .drv-scroll-hint {
	position: absolute;
	top: 1px;
    display: flex;
    align-items: center;	
	width: 25px;
    z-index: 1;
    visibility: hidden;
    transition: visibility 0s 1s, opacity 1s linear;
    opacity: 0;
    height: 99%;
    cursor: pointer;    
}

.drv-responsive fieldset.drv-has-hscroll > div.drv-scroll-hint.drv-scroll-hint-right {
	background: #ccc;
    background: linear-gradient(270deg,rgba(210,210,210) 0,transparent 25px,transparent);
    right: 0;
    justify-content: flex-start;
}

.drv-responsive fieldset.drv-has-hscroll > div.drv-scroll-hint.drv-scroll-hint-left {
	background: #ccc;
    background: linear-gradient(90deg,rgba(210,210,210) 0,transparent 25px,transparent); 
    left: 0;
    justify-content: flex-end;
}

.msie .drv-responsive fieldset.drv-has-hscroll > div.drv-scroll-hint.drv-scroll-hint-right {
    background-image: url(../img/gradient-right.png);
    background-repeat: repeat-y;
}

.msie .drv-responsive fieldset.drv-has-hscroll > div.drv-scroll-hint.drv-scroll-hint-left {
    background-image: url(../img/gradient-left.png);
    background-repeat: repeat-y;    
}

.drv-responsive fieldset.drv-has-hscroll.drv-hscroll-left > div.drv-scroll-hint.drv-scroll-hint-left,
.drv-responsive fieldset.drv-has-hscroll.drv-hscroll-right > div.drv-scroll-hint.drv-scroll-hint-right { 
	visibility: visible;
	transition: opacity 1s linear;
	opacity: 0.8;
	height: 99%;
	z-index: 255;
}

.drv-responsive a:link,
.drv-responsive a:visited,
.drv-responsive a:hover,
.drv-responsive a:active {
    color: #5d636b;
    font-weight: normal;
}

.drv-responsive a:hover {
	background: none;
}

.drv-no-scroll {
	overflow: hidden !important;
}

img.drv-icon {
	width: auto;
	height: auto;
	max-width: 100%;
	border: none;
}

img.drv-logo {
	width: 100%;
	height:auto;
    border: none;
    max-width: none;
}

.drv-responsive .drv-nav-placeholder {
    display: block;
}

.drv-responsive .drv-nav-placeholder-mobile {
    display: none !important;
}  

.drv-responsive .drv-navbar {
    min-height: 80px;
    display: block;
    background: none;
    background: linear-gradient(to bottom, #DAE0DF 0%, #eff1f1 50%, #eff1f1 100%);
    font-size: 16px;
    width: 100%;
    text-align: left;
}

.drv-responsive .drv-navbar-fixed.drv-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10000;
    -webkit-box-shadow: 0 15px 25px -15px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 15px 25px -15px rgba(0, 0, 0, 0.5);     
    box-shadow: 0 15px 25px -15px rgba(0, 0, 0, 0.5);
    min-height: 50px;
}

.drv-responsive .drv-navbar-container {
	position: relative;
	background: #b2ba27;
	background: linear-gradient(to bottom, #b2ba27 0%, #919d23 75%, #8d901b 100%);
	/*padding: 5px 0 5px 15px;*/
    margin: 0;
    min-height: 50px;
}

.drv-responsive .drv-navbar .drv-navbar-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    flex-wrap: nowrap;
    min-height: 100px;
    max-width: 1024px;
    margin: 0 auto; 
}

.msie9 .drv-responsive .drv-navbar .drv-navbar-head {
    height: auto;
}

.drv-responsive .drv-navbar-fixed.drv-sticky .drv-navbar-head {
	display: none;
}

.drv-responsive .drv-navbar .drv-navbar-head .drv-navbar-portal {
    margin: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    
}

.msie9 .drv-responsive .drv-navbar .drv-navbar-head .drv-navbar-portal {
    display: inline-block;
}

.drv-responsive .drv-navbar .drv-navbar-head .drv-navbar-portal > a {
    margin-left: 30px;
    display: inline-block;
}

.drv-responsive .drv-navbar .drv-navbar-head .drv-portal-name {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;    	
    padding: 0 25px;
    font-size: 30px;
    color: #aaa;
}

.drv-responsive .drv-navbar .drv-navbar-head .drv-portal-name > .drv-klinik-name {
    font-size: 14px;
    color: #5d636b;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height: 50px;
   	        
}

.msie9 .drv-responsive .drv-navbar .drv-navbar-head .drv-navbar-user {
    display: inline-block;
}

.drv-responsive .drv-navbar a {
	text-decoration: none;
}

.drv-responsive .drv-navbar .drv-navbar-head a:hover {
	text-decoration: none;
	background: none;
}

.drv-responsive .drv-navbar ul {
	padding: 0;
	margin: 0;
}

.drv-responsive .drv-navbar .drv-navbar-collapse {
	width: 100%;
	min-width: 100px;
	position: relative;
	padding: 0;
	margin: 0 auto;
	max-width: 1024px;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li {
	display: inline-block;
    padding: 15px;	
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li.drv-navbar-logout {
    padding: 0;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li.drv-navbar-list-user-documents {
	position: relative;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout > input.drv-logout-btn {
	font-weight: bold;
	padding: 0;
	background: none;
	border-radius: 0;
	border: none;
	opacity: 1;
	outline-offset: 2px;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 13px 10px 17px 10px;
    color: #fff;
    text-decoration: none;
    line-height: 20px;  
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout::before {
    /*content: url(../img/logout.png);*/
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAFxJREFUOI1jZMAN/uORgwMmYhThA4wU6P1PFRcgG8DFwMCwgFyDtBkYGK4yEBlwUPAfpj6BgYHhK5IAIYxiAMVhAANaDBR4AQZIDcT/DAwM/wc+HeBzAX3ywsADAOVuHKEpZpnHAAAAAElFTkSuQmCC);
    filter: invert(1);
    margin-right: 5px;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout.drv-highlighted::before {
    content: url(../img/logout-active.png);
    filter: none;
    margin-right: 5px;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout > .drv-btn-highlighted,
.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout > input.drv-logout-btn:hover {
	opacity: 1;
    background-color: #425A84;
    color: #DEEE2D;
    text-decoration: underline;
}

div.drv-dropdown-button {
    display: inline;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li.drv-navbar-dropdown > div.drv-dropdown-button,
.drv-responsive .drv-navbar ul.drv-navbar-list > li > a {
	padding: 15px 10px 18px 10px;
	color: #fff;
	text-decoration: none;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > a {
    outline-offset: -2px;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout:hover,
.drv-responsive .drv-navbar ul.drv-navbar-list > li input.drv-navbar-navigation-logout:hover,
.drv-responsive .drv-navbar ul.drv-navbar-list > li.drv-navbar-dropdown > div.drv-dropdown-button:hover,
.drv-responsive .drv-navbar ul.drv-navbar-list > li > a:hover {
    background-color: #425A84;
    color: #DEEE2D;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li > a:hover,
.drv-responsive .drv-navbar ul.drv-navbar-list > li.drv-navbar-dropdown > div.drv-dropdown-button:hover {
	text-decoration: underline;
	cursor: pointer;
}

.drv-responsive .drv-navbar ul.drv-navbar-list > li.drv-navbar-dropdown {
	position: relative;
    color: #fff;
    font-weight: normal;
    display: inline-block;
}

.drv-responsive .drv-navbar .drv-triangle-icon {
	display: inline-block;
    margin-bottom: 4px;
    margin-left: 4px;
}

.drv-responsive .drv-navbar div.drv-dropdown-button:hover .drv-triangle-icon {
    border-color: #DEEE2D transparent transparent transparent;
}

.drv-responsive .drv-navbar ul.drv-navbar-navigation {
	position: absolute;
    top: 50px;
    left: 15px;
	width: 0;
    height: 0;
    visibility: hidden;
    transition: visibility 0s 0.2s, height 1s, opacity 0.2s linear;
    opacity: 0; 	
	z-index: 255;
	padding: 10px 0 0 0;
	margin: 0;	
	border: 1px solid #ccc;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(225,230,236,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e6ec', GradientType=0 );
}

.drv-responsive .drv-navbar-dropdown ul.drv-navbar-navigation.drv-menu-visible {
   width: 275px;
   display: block;
   opacity: 1;
   visibility: visible;
   transition: opacity 0.5s linear;
   min-height: 200px;
   overflow-y: scroll;
   height: auto;
   max-height: 400px;    
}

.drv-responsive .drv-navbar-dropdown ul.drv-navbar-navigation::-webkit-scrollbar {
  width: 10px;
}


.drv-responsive .drv-navbar-dropdown ul.drv-navbar-navigation::-webkit-scrollbar-track {
  background: #eee; 
}
 
.drv-responsive .drv-navbar-dropdown ul.drv-navbar-navigation::-webkit-scrollbar-thumb {
  background: #ccc; 
}

.drv-responsive .drv-navbar-dropdown ul.drv-navbar-navigation::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.drv-responsive .drv-navbar ul.drv-navbar-navigation > li {
	display: block;
	padding: 10px;
}

.drv-responsive .drv-navbar ul.drv-navbar-navigation > li > a {
    padding: 0;
    display: inline-block;
    width: 100%;   
}

.drv-responsive .drv-navbar ul.drv-navbar-navigation > li > a:hover {
	background: none;
}

.drv-responsive .drv-userbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-direction: column;	
}

.drv-responsive .drv-userbox #drv-timer-message {
	padding: 10px;
	font-size: 14px;
}

.drv-responsive .drv-userbox #drv-timer-message::before {
  content: '';
  background:url('../img/clock.png');
  width: 8px;
  height: 8px;
  display: inline-block;
  margin-right: 5px;
}

.drv-responsive #navigation,
.drv-responsive #shadowwrap-top {
	display: none;
}

.drv-responsive .drv-navbar .drv-mobile-menu {
	display: none;
}

.drv-responsive .drv-button-container {
    padding: 0 0 10px 10px;
}

.drv-responsive .drv-menu-dot-user-documents,
.drv-responsive .drv-mobile-menu-dot,
.drv-responsive .drv-menu-dot {
	color: white;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px;
    background: #e30000;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    cursor: help;
}

.drv-responsive .drv-menu-dot-user-documents:empty,
.drv-responsive .drv-mobile-menu-dot,
.drv-responsive .drv-mobile-menu-dot:empty, 
.drv-responsive .drv-menu-dot:empty {
    display: none;
}

.drv-responsive .drv-navigation-missing-form {
	background-color: #fecdcd;
	position: relative;
}

.drv-responsive .drv-admin-block {
    margin: 0 0 20px 0;
    width: 100%;
}

.drv-responsive .formHeader {
	margin: 0 0 20px 0;
}

.drv-responsive form#loginform {
    padding: 15px 0;
}

.drv-responsive form#loginform input[type=submit] {
	width: 48% !important;
}

.drv-responsive form#loginform div.drv-pwd-visibility-toggle-container,
.drv-responsive form#loginform table {
	width: 50%;
}

.drv-responsive form#loginform div.drv-pwd-visibility-toggle-container {
    text-align: left;
    padding: 0 10px;
}

.drv-responsive form#loginform table tr > td {
	display: block;
	padding: 5px;
}

.drv-responsive form#loginform table tr > td > label {
    font-size: 16px;
}

.drv-responsive form#loginform table tr > td > input {
    width: 100%;
}

.drv-responsive .drv-loginform-headline {
	display: block;
}

.drv-responsive .drv-loginform-headline:empty {
    display: none;
}

.drv-responsive form#loginform .drv-message {
	margin: 20px 0 0 0 !important;
	padding: 15px !important;
    font-size:14px;
    width: 48%;
}

.drv-responsive .drv-footer {
	display: block;
	background: #617695;
	background: linear-gradient(to bottom, #617695 0%, #3F5876 75%, #445066 100%);
    color: #fff;
    text-align: center;
    padding: 15px 10px;  
}

.drv-responsive .drv-footer ul {
	margin: 0;
	padding: 0;
}

.drv-responsive .drv-footer ul > li {
    display: inline-block;
}

.drv-responsive .drv-footer ul > li:not(:last-of-type)::after {
	content: "|";
	padding: 0 5px;
}

.drv-responsive .drv-footer ul > li > a {
	color: #fff;
	background: none;
	text-decoration: none;
}

.drv-responsive .drv-footer ul > li > a:hover {
	text-decoration: underline;
}

.drv-responsive button.drv-group-btn {
    font-size: 16px;
}

/* 
.drv-responsive .drv-info-box {
    color: #fff; 
    border: solid #083163 1px; 
    background-color: #425a84; 
    border-radius: 4px;
}*/

/*
.drv-responsive .drv-error-box {
    color: red; 
    border: solid #f8d7da 1px; 
    background-color: #f8d7da; 
    border-radius: 4px;
}

.drv-responsive .drv-success-box {
    color: #fff; 
    border: solid #007100 1px; 
    background-color: green; 
    border-radius: 4px;
}*/

.drv-responsive .drv-error-box a:hover,
.drv-responsive .drv-error-box a {
    color: #e30000;
}

.drv-responsive .drv-info-box a:hover,
.drv-responsive .drv-success-box a:hover,
.drv-responsive .drv-info-box a,
.drv-responsive .drv-success-box a {
    color: #fff;
}

.drv-responsive .drv-close-button {
	float: right;
	font-size: 22px;
	cursor: pointer;
	font-weight: bold;
	line-height: 20px;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
}

.drv-responsive .drv-close-button:hover {
	opacity: 0.75;
}

.drv-responsive .drv-message {
    width: 100%;
    margin: 5px auto 15px auto !important;
    max-width: 600px;
    font-weight: normal !important;
    font-size: 14px;
}

.drv-responsive span.error {
    display: block;
    padding: 5px 0;
}  

.drv-responsive .drv-message span.error {
    font-size: 14px;
    font-weight: normal !important;
}

.drv-responsive .drv-message:after {
	content: "";
	clear: both;
}

.drv-responsive table.drv-therapy-table,
.drv-responsive table.drv-document-table {
	border-bottom: 1px solid #eee !important;
}

.drv-responsive table.drv-therapy-table tr > td, 
.drv-responsive table.drv-document-table tr > td {
    border-top: 1px solid #eee !important;
}

.drv-responsive .drv-error-headline > img {
	opacity: 0.5;
}


.drv-responsive table.drv-standard-table {
  border-collapse: collapse;
  width: 100%;	
}

.drv-responsive table.drv-standard-table tr:nth-child(even) {
	background-color: #EFF1F1;
}

.drv-responsive table.drv-standard-table th, 
.drv-responsive table.drv-standard-table td {
  text-align: left;
  vertical-align: top;
  padding: 15px;
}

.drv-responsive table.drv-standard-table th {
  background-color: #3c5a84;
  color: white;
}

.drv-responsive div.drv-highlighted-container {
    background-color: #EFF1F1;
    padding: 1px 10px;
}

.drv-responsive p.drv-highlighted-paragraph {
	background-color: #EFF1F1;
	padding: 15px;
}

.drv-responsive ul.drv-list {
    list-style-type: disc;
}

.drv-responsive .drv-admin-form-page-navigation select {
	width: 150px;
}

.drv-responsive .drv-modal input[type="checkbox"] {
	margin: 0 10px 10px 0;
}

.drv-responsive p.drv-qr-code-paragraph {
	font-size: 12px;
}

table.drv-webdocument-upload-table {
    border-spacing: 0 !important;
    width: 100% !important;
}

table.drv-webdocument-upload-table tr:nth-of-type(even) {
    background-color: #fff;
}

table.drv-webdocument-upload-table tr:nth-of-type(odd) {
    background-color: #F5F5F5;
}

table.drv-webdocument-upload-table td:nth-of-type(2) {
    text-align: right;
}

table.drv-webdocument-upload-table td {
    padding: 8px 10px;
}

.drv-upload-request-status {
    display: inline-block;
    font-weight: 300;
    font-size: 12px;
    color: #5d636b; 
    border: solid #5d636b 1px; 
    background: none; 
    border-radius: 5px;
    padding: 2px 10px;
}

.drv-upload-request-status.drv-upload-request-accepted {
    color: #fff; 
    border: none; 
    background: green;     
}

.drv-upload-request-status:empty {
    display: none;
}

.drv-responsive .drv-upload-element {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;    
}

.drv-responsive .drv-upload-element#drv-uploaded-docs {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;    
}

.drv-responsive .drv-upload-element input[type="file"] {
    display: none;
}

.drv-responsive .drv-upload-element.drv-upload-element-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.drv-responsive .drv-upload-element.drv-upload-element-info #drv-file-error {
    margin-top: 10px;
    font-size: 12px;
    color: #f00;
}

.drv-responsive .drv-upload-element.drv-upload-element-divider {
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 20px 0;    
    display: block;
}

.drv-responsive .drv-uploaded-doc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #ccc !important;
    padding: 5px 0 10px 0;    
}

.drv-responsive .drv-uploaded-doc > a {
    display: flex;
    align-content: center;
    justify-content: center;
}

.drv-responsive .drv-uploaded-doc > a::before {
  content: '';
  background:url('../img/download.png');
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;    
}

.drv-responsive #drv-uploaded-docs > div.drv-uploaded-doc:last-of-type  {
    border-bottom: none !important;
}

.drv-responsive button.drv-file-button {
    width: 250px !important; 
    padding: 5px 0 !important;
    cursor: pointer;
}

.drv-responsive button.drv-file-button > label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;      
}

.drv-responsive button.drv-file-button > label {
    width: 100%;
    display: block;
    padding: 5px 15px;
    height: auto;
    cursor: pointer;
}

.drv-responsive .drv-upload-element progress[value] {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  max-width: 585px;
  width: 100%;
  height: 20px;
  color: #b2ba27;
  margin-top: 10px;
}

.drv-responsive .drv-upload-element progress.drv-progress-active::before {
    animation: progress-wait 3s linear infinite alternate;
}

.drv-responsive .drv-upload-element .drv-progress-container {
    width: 100%;
}

.drv-responsive .drv-upload-element progress::before {
    content: "Upload";
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    color: #fff;    
    font-size: 12px;
    width: 100%;
}

.drv-responsive .drv-upload-element progress[value]::-moz-progress-bar,
.drv-responsive .drv-upload-element progress::-webkit-progress-value {
  background-color: #b2ba27;
}

.drv-responsive .drv-upload-element progress::-webkit-progress-bar {
  background-color: #ccc;
}

@keyframes progress-wait {
  from {
    content: "bitte warten.\00A0\00A0";
  }
  50% {
    content: "bitte warten..\00A0";
  }
  to {
    content: "bitte warten...";
  }
}

span.drv-uploaded-file-message {
    display: inline-block;
    font-weight: 300;
    font-size: 12px;
    padding: 2px 10px;
    margin: 5px;
    color: #fff; 
    border: none; 
    border-radius: 5px;
    background: green;     
}

div.drv-modal {
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    z-index: 1;
    opacity: 0;
    -webkit-transition:opacity 500ms ease-out;
    -moz-transition:opacity 500ms ease-out;
    -o-transition:opacity 500ms ease-out;
    transition:opacity 500ms ease-out;    
    height: 0;  
    overflow: hidden;
    visibility: hidden;
}

div.drv-modal.drv-modal-visible::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);  
  z-index: 10000;
  min-width: 320px;
}

div.drv-modal.drv-modal-visible { 
	position: fixed;
	display: flex;
	justify-content: center;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 10001;
    opacity: 1;
    -webkit-transition:opacity 500ms ease-out;
    -moz-transition:opacity 500ms ease-out;
    -o-transition:opacity 500ms ease-out;
    transition:opacity 500ms ease-out; 
    /*overflow: auto;*/
    visibility: visible;
}

div.drv-modal > div.drv-modal-container {
	margin: 10% auto;
	position: relative;
    min-width: 400px;
    min-height: 300px;
    max-width: 1000px;
	background: #f8f8f8;
	padding: 0 0 45px 0;
	border: 1px solid #efefef;	
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    z-index: 10001;	
    resize: both;
    overflow: auto; 
}

div.drv-modal-container > div.drv-modal-content {
	overflow: auto;
    height: calc(100% - 56px);
}

div.drv-modal-container > div.drv-modal-footer {
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: right;
    width: 100%;
    border-top: 1px solid #ccc;
    margin: 0;	
    padding: 5px 0;
    background-color: #f8f8f8;
}

div.drv-modal-container > div.drv-modal-footer > button {
	margin-left: 10px;
}

div.drv-modal-container > div.drv-modal-header {
    margin: 15px 0 0 0;
    height: 33px;
}

div.drv-modal-container > div.drv-modal-header > h4 {
    border-bottom: 1px solid #ccc;
    padding: 0 10px 10px 10px;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.drv-modal-close {
	color: #ccc;
	font-size: 28px;
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 10px;  
}

.drv-modal-close:hover,
.drv-modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

div.drv-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    height: 5px;
    animation: load 1s linear infinite;
    background-color: green;
}

@keyframes load {
  from { width: 0%; }
  10% { width: 10%; }
  20% { width: 20%; }
  30% { width: 30%; }
  40% { width: 40%; }
  50% { width: 50%; }
  60% { width: 60%; }
  70% { width: 70%; }
  80% { width: 80%; }
  90% { width: 90%; }
  to { width: 100%; }
}

.drv-box {
    margin-bottom: 15px;
}

.drv-flex-box {
    display: flex;
}

.drv-flex-box.drv-flex-box-center {
    align-items: center;
    justify-content: center;    
}

.drv-flex-box.drv-flex-box-stretched {
    justify-content: space-between;
}

.drv-box-icon-top {
    display: block; 
    margin: -10px auto 10px auto;
    opacity: 0.5;    
}

.drv-button-bar {
    position: relative;
}

.drv-dropdown-buttons {
    position: absolute;
    bottom: 35px;
    right: -2px;
    height: auto;
    width: auto;
    min-width: 300px;    
    color: #000; 
    border: solid #ccc 1px; 
    background: none;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
    z-index: 10000;
    display: none;
    padding: 15px !important;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);    
}

ul.drv-dropdown-buttons.drv-menu-visible {
    display: block !important;
}

.drv-klinik-logo-container {
    margin-bottom:25px;
    min-height:150px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.drv-login-container {
    display: flex;
    justify-content: center;
}

@media all and (max-width: 1130px) {
	.drv-responsive a.drv-top {
	    bottom: 55px;
	    right: 15px;
	    left: auto;
	    margin-left: 0;
	}
}

@media all and (max-width: 1024px) {
    body:not(.drv-responsive) .drv-welcome {
        width: 700px;
    }
}

@media all and (max-width: 768px) {
    .drv-typeahead-kfz-menu {
        position: relative !important;
    }
    
    .drv-responsive .buttonleiste > .mitte span {
        margin: 0 10px !important;
    } 
    
    .drv-responsive .formHeader {
        margin: 10px 0;
    }
    
    .drv-responsive input[list],
	.drv-responsive input[type="text"],
	.drv-responsive input[type="date"],
	.drv-responsive input[type="tel"],
	.drv-responsive input[type="password"],
	.drv-responsive textarea, 
    .drv-responsive select, 
    .drv-responsive .spanReadOnly {
        max-width: 100% !important;
    }    
    
    .drv-responsive .drv-form-page table > tbody > tr > td > input[list],
    .drv-responsive .drv-form-page table > tbody > tr > td > input[type="text"] {
        min-width: 100px;
    }    
    
    .drv-responsive .drv-admin-block {
        margin: 0 0 5px 0;
    }
    
    .drv-responsive .drv-footer ul > li {
        display: block;
        padding: 5px 0;
    }
    
    .drv-responsive .drv-footer ul > li::after {
        display: none;
    }  
    
    .drv-responsive .drv-footer ul > li > a {
        padding: 5px;
        display: block;
    } 

    .drv-responsive .drv-navbar .drv-navbar-head .drv-portal-name {
        font-size: 20px;
    }
    
    .drv-responsive .drv-navbar .drv-navbar-head  .drv-navbar-portal {
        display: block;
    }
    
    .drv-responsive .drv-patientenportal {
        display: none;
    }
    
	.drv-responsive p.drv-qr-code-paragraph {
	    max-width: 100%;
	}
	
    .drv-qr-code-container {
        min-height: 100%;   
    }
    
    .drv-qr-code-container > video#drv-qr-reader-video {
        max-height: 200px;        
    } 	

	.drv-responsive .drv-upload-element.drv-upload-element > * {
	    width: 90% !important;
	}    
	
	.drv-responsive .drv-upload-element button.drv-file-button {
        width: 90% !important;
    }

    .drv-responsive #drv-uploaded-docs {
        width: 90%;
    }
    
    .drv-responsive .drv-uploaded-doc.drv-uploaded-doc {
        width: 100% !important;
        display: block;
        margin-bottom: 20px;
    }
    
    .drv-responsive .drv-uploaded-doc.drv-uploaded-doc > * {
        width:100% !important;
    }
    
    .drv-responsive .drv-upload-element .drv-progress-container {
        display: flex;
        flex-direction: column;
        align-items: stretch;     
    }
    
    .drv-responsive .drv-upload-element .drv-progress-container progress {
        max-width: none;
    }
    
    div.drv-modal > div.drv-modal-container {
        margin: 0;
    }     
}

@media all and (max-width: 480px) {
    .drv-responsive .drv-navbar ul.drv-navbar-list > li {
       padding: 10px 0; 
    }

    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout.drv-highlighted::before,
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout::before {
        content: url(../img/logout.png);
        filter: none;
    }

    .drv-responsive form#loginform .drv-message {
        width: 100%;
    }
    
    .drv-qr-code-box,
    .drv-klinik-box {
        width: calc(100% - 10px) !important;
    }
    
	.drv-responsive form#loginform table tr > td {
	   display: inline-block;
	   width: 100% !important;
	}
	
	.drv-responsive .drv-form-page table.drv-table-1 > tbody > tr > td,
	.drv-responsive .drv-form-page table.drv-table-4 > tbody > tr > td,
	.drv-responsive .drv-form-page table.drv-table-2 > tbody > tr > td {
       display: inline-block;
       width: 100% !important;
	}
	
	.drv-responsive .drv-form-page table > tbody > tr > td > input[list],
	.drv-responsive .drv-form-page table > tbody > tr > td > input[type="text"] {
	    min-width: 75px;
	}	
	
	.drv-responsive table.drv-therapy-table tr > td,
    .drv-responsive table.drv-document-table tr > td {
	   display: table-cell;
	}
	
    .drv-responsive table.drv-therapy-table tr[role=row] > td:nth-child(1) {
       white-space: nowrap
    }	
	
	.drv-responsive table.drv-therapy-table a,
	.drv-responsive table.drv-document-table a {
	    display: block;
        padding: 10px;
	}
	
	.drv-responsive .drv-group-btn {
	   padding: 15px;
	}
	
	.drv-responsive table.dataTable th {
	    padding: 18px 0;
	}	
	
	.drv-responsive input[list],
	.drv-responsive input[type="text"],
	.drv-responsive input[type="date"],
	.drv-responsive input[type="tel"],
	.drv-responsive input[type="password"],
	.drv-responsive textarea,
	.drv-responsive select,	
	.drv-responsive .spanReadOnly {
	   width: 100%;
	}
	
	.drv-responsive .buttonleiste.buttonleiste > .mitte {
		display: block;
	}

    .drv-responsive .buttonleiste.buttonleiste {
        height: auto;
    }

	.drv-responsive .buttonleiste.buttonleiste > .mitte > * {
	   display: block;
	   margin: 0 !important;
	   width: 100%;
	}
	
	.drv-responsive .buttonleiste.buttonleiste > .mitte button.drv-dropdown-button,
    .drv-responsive .buttonleiste.buttonleiste > .mitte > span > input {
       display: block;
       width: 100% !important;
       margin: 10px 0 !important;
    }

    .drv-responsive .drv-navbar .drv-navbar-head {
        height: auto;
    }
    
	.drv-responsive .drv-navbar .drv-mobile-menu {
	    display: block;
	    position: relative;
	    padding: 0 20px;
	}

	.drv-responsive .drv-navbar .drv-mobile-menu > div#drv-mobile-menu-icon-container {
	    cursor: pointer;
	    color: #fff;
	    display: inline;
	}
	
    .drv-responsive .drv-navbar .drv-mobile-menu > div#drv-mobile-menu-icon-container::after {
	   content: "Men\00FC";
	}

    .drv-responsive #drv-mobile-menu-icon {
       padding: 5px;
       display: inline-block;
    }
    
    .drv-responsive #drv-mobile-menu-icon::after {
       content: "\2630";
       font-size: 26px;
       font-weight: bold;
       cursor: pointer;
    }
    
    .drv-responsive #drv-mobile-menu-icon.drv-x-icon::after {
        content: "\D7";
	}
    
    .drv-responsive.drv-no-scroll .drv-navbar {
        height: 100%;
    }
    
    .drv-responsive .drv-navbar-container {
        padding: 0;
    }
    
    .drv-responsive .drv-navbar-collapse.drv-menu-visible {
		display: block !important;
		opacity: 1;
		visibility: visible;
		height: 100%;
		transition: opacity 0.5s linear;
        margin: 10px 0;
		word-break: break-all;
		border: 1px solid #ccc;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(225,230,236,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(225,230,236,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e6ec', GradientType=0 );      
    }
    
    .drv-responsive .drv-navbar-collapse {
       height: 0;
       visibility: hidden;
       transition: visibility 0s 0.2s, opacity 0.2s linear;
       opacity: 0;
       overflow: hidden;
    }

    .drv-responsive .drv-navbar-collapse ul.drv-navbar-list {
        overflow-y: scroll;
        height:  calc(100vh - 50px);
    }

    .drv-responsive .drv-navbar-collapse li,
    .drv-responsive .drv-navbar-collapse li > a {
        display: block;
        width: 100%;
    }
    
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > a:hover,
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > a {
        color: #5d636b;
        background: none;
        padding: 10px;
        text-decoration: none;
    }

	.drv-responsive .drv-navbar ul.drv-navbar-navigation > li > a {
	    padding: 10px 0;
	}

    .drv-responsive .drv-navbar-collapse li.drv-navbar-dropdown {
        padding: 0 !important;
    }

    .drv-responsive .drv-navbar .drv-navbar-dropdown > label,
	.drv-responsive .drv-navbar .drv-navbar-dropdown > div.drv-dropdown-button {
		display: none;
	}

	.drv-responsive .drv-navbar ul.drv-navbar-navigation {
	    position: relative;
	    top: 0;
	    left: 0;
	    width: auto;
	    height: auto !important;
	    visibility: visible;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
	    opacity: 1;     
	    z-index: 255;
	    padding: 0;
	    margin: 0;
	    border: none;
	    background: none;
	    overflow-y: auto !important;
	    min-height: 0 !important;
	}

    .drv-responsive .drv-navbar ul.drv-navbar-navigation a,
	.drv-responsive .drv-navbar ul.drv-navbar-navigation a:hover {
		background: none;
		display: block !important;
	}

    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout {
        display: inline-block;
        padding: 10px;
    }

    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout > input.drv-btn-highlighted,
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout,
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout:hover,
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout > input:hover,
    .drv-responsive .drv-navbar ul.drv-navbar-list > li > span.drv-logout > input {
        color: #000 !important;
        background: none !important;
        text-decoration: none !important;    
    }

	.drv-responsive .drv-navbar-list-info {
	    background-color: #fecdcd;
	    position: relative;
	}

    .drv-responsive .drv-userbox {
        width: 100%;
    }

    .drv-responsive .drv-mobile-menu-dot {
        display: block;
        top: 5px;
        left: 10px;
        z-index: 255;
    }    
    
    .drv-responsive drv-navbar-collapse.drv-menu-visible .drv-mobile-menu-dot,
    .drv-responsive .drv-menu-dot {
        display: none;
    }
    
    .drv-responsive .drv-mobile-dot-title {
	    position: absolute;
	    top: -6px;
	    left: 20px;
	    color: #000;
	    background-color: #fff;
	    border: 1px dotted #000;
	    width: 200px;
    }
    
    .drv-responsive .drv-group-btn {
        width: 100%;
    }
    
    .drv-responsive .drv-modal  {
        width: 100% !important;
    }
    
    .drv-responsive form#loginform div.drv-pwd-visibility-toggle-container,
    .drv-responsive form#loginform table {
        width: 100%;
    }
    
    .drv-responsive form#loginform input[type=submit] {
        width: 95% !important;
    }
    
    .drv-responsive form#loginform a {
        padding: 15px;
        display: inline-block;
    }
    
    .drv-responsive form#loginform ul {
        width: 95%;
    }

    .drv-start-screen-boxes > fieldset.drv-start-screen-box {
        width: 100%;
        max-width: 100%;
    }    
    
    #drv-booking-data-form .drv-file-button {
        width: 100% !important;
        max-width: 230px;
    }
    
    .drv-responsive .drv-nav-placeholder {
        display: none !important;
    }
    
    .drv-responsive .drv-nav-placeholder-mobile {
        display: block !important;
    }
    
    .drv-responsive .drv-navbar .drv-navbar-head {
        flex-wrap: wrap;
    }    
    
    .drv-responsive .drv-navbar .drv-navbar-head .drv-navbar-user {
        width: 100%;
    }
    
    div.drv-modal > div.drv-modal-container {
        min-width: 100%;
        min-height: 100%;    
    }
}

@media all and (max-width: 320px) {
    .drv-responsive a.drv-top {
        display: none;
	}
	
	div.drv-modal {
	    overflow: auto;
	}
	
	div.drv-modal > div.drv-modal-container {
	    width: 320px;
	}
}