@charset "utf-8";

a {
	-webkit-user-select: none; /* Disable selection/Copy of UIWebView */
}

.ui-icon {
	display: inline-block;
	vertical-align: bottom;
}

.logo {
  display: inline-block;
  vertical-align: middle;
  background: url('../images/icon.png') 50% 50% no-repeat;
  background-image: var(--logo, url('../images/icon.png'));
  background-size: contain;
}

.container img {
	max-width: 100%;
	height: auto;
}

.container img.ui-li-thumb {
	max-width: 80px;
}

img.cat_icon {
	height: 2.2ex;
	width: auto;
	vertical-align: top;
}

.nobr {
	white-space: pre;
}

/*.fade.in, .fade.out { opacity: 1!important; -webkit-animation-name:none!important;  }*/

.XXui-disabled {
	opacity: .55;
}

ul.help li img {
	vertical-align: middle;
}

#list_doctor_legend figure {
	display: block;
	position: relative;
	margin: 1em;
}

#list_doctor_legend figure[data-num-news] {
	padding-left: 2em;
}

#list_doctor_legend figure img {
	vertical-align: text-bottom;
}

#list_doctor_legend:first-child {
	margin-top: 0
}

#list_doctors li.template, #list_doctors_absence li.template {
	display: none;
}

#list_doctors .ui-li .ui-li-icon {
	max-height: 40px;
	max-width: 40px;
}

#list_doctors .ui-li .details .category {
	display: block;
}

#list_doctors .ui-li .details .category > span[data-level] {
	display: none;
}

#list_doctors .ui-li .details .category > span[data-level="1"] {
	display: inline;
}

#list_doctors .ui-li .details .category > span[data-level="2"] {
	display: inline;
	opacity: 0.8;
}

#list_doctors .ui-li .details .category > span[data-level="1"] + span[data-level="1"]::before,
#list_doctors .ui-li .details .category > span[data-level="1"] + span[data-level="2"]::before,
#list_doctors .ui-li .details .category > span[data-level="2"] + span[data-level="1"]::before,
#list_doctors .ui-li .details .category > span[data-level="2"] + span[data-level="2"]::before {
	content: ', ';
}

#list_doctors .ui-li .details .street:not(:empty) + .zipcode:not(:empty)::before {
	content: ', ';
}

#list_doctors .ui-li .details .zipcode:not(:empty) + .city:not(:empty)::before {
	content: ' ';
}

#list_doctors .ui-li-has-icon .ui-btn-inner a.ui-link-inherit {
	padding-left: 60px;
	min-height: 38px;
}

[data-num-news]:before {
	font-weight: bold;
	background: maroon;
	-moz-background-size: contain !important;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	content: attr(data-num-news);
	position: absolute;
	line-height: 139%;
	top: -5px;
	left: 0;
	width: 3ex;
	border-radius: 100%;
	height: 3ex;
	text-align: center;
	color: white;
	text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2);
	border: 0.15em solid white;
	box-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.2);
	z-index: 2;
}

[data-num-news=""]:before, [data-num-news="0"]:before {
	display: none;
}

.live-tile .bottom[data-num-news]:before {
	right: 0;
	bottom: 2px;
	border-radius: 0;
	top: auto;
	left: auto;
	height: auto;
	right: -10px;
	border: none;
	background: hsl(0, 90%, 30%);
	box-shadow: none;
}

#list_doctors p.opening_times {
	white-space: normal;
	overflow: visible;
	text-overflow: initial;
}

#list_doctors .distance {
	display: inline-block;
	font-weight: bold;
}

#list_doctors .distance:after {
	display: inline-block;
	content: "·";
	font-weight: bold;
	margin: 0 1ex;
}

#list_doctors .distance:empty, #list_doctors .distance:empty:after {
	display: none;
}

#list_doctors .button {
	float: right;
	border: none;
	height: 0.85cm;
	width: 0.85cm;
	margin: 0 2px;
	padding: 0;
}

#list_doctors .btn_call {
	background: transparent url(../images/phone_icon.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: contain !important;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#list_doctors .btn_call.inactive {
	background: transparent url(../images/no_phone_icon.png) no-repeat;
	opacity: 0.4;
}

#list_doctors .btn_appointment {
	background: transparent url(../images/T.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: contain !important;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#list_doctors .btn_appointment.inactive {
	background: transparent url(../images/T2.png) no-repeat;
	opacity: 0.4;
	display: none;
}

#list_doctors .btn_opening_times {
	background: transparent url(../images/status2.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: contain !important;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#list_doctors .btn_opening_times.active {
	background: transparent url(../images/status1.png) no-repeat;
}

#list_doctors .btn_opening_times.inactive {
	opacity: 0.4;
}

#list_doctors .btn_opening_times:not(:only-child) {
	-webkit-transform: translateZ(-20px) perspective(80px) rotateY(-45deg);
	transform: perspective(80px) rotateY(-45deg);
}

#list_doctors .btn_opening_times + .btn_opening_times {
	margin-right: -23px;
	box-shadow: 5px 0px 2px -1px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
}

#list_doctors .btn_absence {
	background: transparent url(../images/has_subst_icon.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: contain !important;
	-webkit-background-size: contain;
	-moz-background-size: contain;
}

#list_doctors .btn_absence.inactive {
	background: transparent url(../images/has_no_subst_icon.png) no-repeat;
	opacity: 0.4;
}

#list_doctors .btn_absence.hidden {
	display: none;
}

.btn_wartezimmerstatus {
	background: hsl(0, 0%, 50%);
	border-radius: 18%;
	padding: 0;
	text-align: center;
	color: #FFF;
	font-size: 0.5cm;
	line-height: 0.9cm;
	font-weight: bold;
}

#list_doctors .btn_wartezimmerstatus:not(:only-child) {
	-webkit-transform: translateZ(-20px) perspective(80px) rotateY(-45deg);
	transform: perspective(80px) rotateY(-45deg);
}

#list_doctors .btn_wartezimmerstatus + .btn_wartezimmerstatus {
	margin-right: -23px;
	box-shadow: 5px 0px 2px -1px rgba(0, 0, 0, 0.3);
}

.btn_wartezimmerstatus[data-status="1"] {
	background-color: hsl(90, 76%, 37%);
}

.btn_wartezimmerstatus[data-status="-1"] {
	background-color: hsl(338, 100%, 19%);
}

#list_doctors .icon_category, #list_news .icon_category {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
}

#list_doctors .icon_category img, #list_news .icon_category img {
	height: 16px;
}

#list_news li p.text {
	/*font-style: italic;*/
	overflow: auto;
	text-overflow: ellipsis;
	clear: both;
}

#list_news li p.text img {
	width: 100%;
	display: block;
	margin-bottom: 1em;
}

@media (min-width: 400px) {
	#list_news li p.text img {
		width: auto;
		max-width: 50%;
		display: block;
		float: right;
		clear: right;
		margin-left: 1em;
		margin-top: 0.2em;
	}

}

#list_news .ui-li-heading, #list_news .ui-li-desc {
	white-space: pre-line;
}

#list_news .ui-li-desc .news_picture {
	float: right;
	margin-left: 1ex;
	max-width: 45%;
}

#list_news .template {
	display: none;
}

#list_news .ui-li-divider span {
	opacity: 0.5;
}

.doc_html table.opening_times tbody th, .doc_html table.opening_times tbody td {
	border-bottom: 1px solid rgb(136, 136, 136);
}

.doc_html table.details a[class^=www],
.doc_html table.details a[class^=url],
.doc_html table.details .street {
	word-break: break-all;
}

.doc_html a[data-field=url_google_profile] {

	padding-right: 2em;
	background: url(../images/googleplus.png) no-repeat right;
	background-size: contain;
	-webkit-background-size: contain;
}

.doc_html a[data-field=url_facebook_profile] {

	padding-right: 2em;
	background: url(../images/facebook.png) no-repeat right;
	background-size: contain;
	-webkit-background-size: contain;
}

.doc_html .appointments_container {
	padding: 5mm;
	/*background:linear-gradient(top, )*/
	min-height: 4cm;
	max-width: 12cm;
	margin: 5mm auto 0;
}

.doc_html .appointments_container table.opening_times th, .doc_html .appointments_container table.opening_times td {
	border-color: #CCC;
}

.doc_html .appointments_container .past span {
	opacity: 0.5;
}

.doc_html .appointments_container .past + .past + .past,
.doc_html .appointments_container .appointment + .appointment + .appointment + .past + .past {
	display: none;
}

.doc_html #list_appointments td .profile {
	float: right;
}

.doc_html.doc_show_original_data [data-field-original-value]:after {
	content: attr(data-field-original-value);
	opacity: 0.5;
	display: inline-block;
	border: 0.1em solid #000;
	border-radius: 1em;
	padding: 0.04em 0.4em 0.0em 0.4em;
	margin: -0.16em 0.25em -0.1em 0.25em;
}

#list_doctors_absence .name, #list_doctors_absence .time {
	white-space: normal;
}

#list_doctors_absence h4 {
	margin-top: 0;
}

/* paper look */
.paper {
	position: relative;
	padding: 50px;
	margin: 0 auto;
	background-color: #FFF;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 1mm 1mm 5mm rgba(0, 0, 0, 0.2), 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}

.paper:before, .paper:after {
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
	z-index: -1;
}

.paper:after {
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

.list-group-item .ui-li-icon {
	float: left;
	max-height: 32px;
	max-width: 32px;
	margin: 0 10px 10px -5px;
}

.list-group-item .ui-li-thumb {
	float: left;
	max-width: 82px;
	max-height: 59px;
	margin: -10px 10px 0 -15px;
	border-radius: 2px 0 0 2px;
}

/* Termine */
#appointments .list_appointments .ui-li .ui-li-heading {
	margin-top: 0;
	overflow: visible;
	white-space: normal;
}

#appointments .list_appointments .ui-li-has-icon .ui-btn-inner a.ui-link-inherit {
	padding-left: 53px;
}

#appointments .list_appointments .ui-li-has-icon .ui-btn-inner a.ui-link-inherit .ui-li-icon {
	max-height: 32px;
	max-width: 32px;
}

/* checkups */
#appointments .list_appointments .ui-li.checkup .name {
	white-space: normal;
}

#appointments .list_appointments .ignored {
	opacity: 0.5;
}

#appointments .list_appointments .checkup.collapsed {
	display: none !important;
}

#appointments .list_appointments .checkup.ui-li-has-icon a.ui-link-inherit {
	padding-left: 15px
}

#appointments .list_appointments .list-group-item > .btn {
	float: right;
	border: none;
	background: transparent;
	height: 1.15cm;
	width: 1.15cm;
	font-size: 0.45cm;
	margin: 0 0 0 0.25cm;
	padding: 0;
	background-size: 100% 100%;
	background-size: contain !important;
	height: 0.8cm;
	width: 0.8cm;
	margin-top: -6px;
	margin-bottom: -6px;
}

#appointments .list_appointments .btn_create_appointment {
	background: transparent url(../images/calendar.png) no-repeat;
}

#appointments .list_appointments .btn_done {
	background: transparent url(../images/checkbox.png) no-repeat;
}

#appointments .list_appointments li .time:not(:empty):after {
	content: ': ';
}

.appointment_details .desc {
	white-space: pre-line;
}

.ui-li-has-thumb {
	padding-left: 94px;
}

/* Medikamente */
#drugs .list_drugs .ignored {
	opacity: 0.5;
}

#drugs .list_drugs .ui-li .ui-li-heading {
	margin-top: 0;
	overflow: visible;
	white-space: normal;
}

#drugs .list_drugs.ui-li-has-icon .ui-btn-inner a.ui-link-inherit {
	padding-left: 53px;
}

#drugs .list_drugs .ui-li-has-icon .ui-btn-inner a.ui-link-inherit .ui-li-icon {
	max-height: 32px;
	max-width: 32px;
	margin-left: -5px;
}

#drugs .list_drugs .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit {
	min-height: 0;
}

#drugs .list_drugs .ui-btn-inner a.ui-link-inherit .ui-li-thumb {
	max-width: 80px;
	max-height: 64px;
}

#drugs .list_drugs button {
	float: right;
	border: none;
	background: transparent;
	height: 1.15cm;
	width: 1.15cm;
	font-size: 0.45cm;
	margin: 0 0 0 0.25cm;
	padding: 0;
	background-size: 100% 100%;
	background-size: contain !important;
}

#drugs .list_drugs button.btn_edit {
	width: 48px;
	height: 48px;
	background: transparent url(../images/pen.png) no-repeat;
}

#drugs .list_drugs li .time:not(:empty):after {
	content: ': ';
}

#drug_edit #drug_photo {
	display: block;
	margin-bottom: 1ex;
}

/* Impfungen */
#vaccinations .list_vaccinations .ui-li .ui-li-heading {
	margin-top: 0;
	overflow: visible;
}

#vaccinations .list_vaccinations .ui-li-has-icon .ui-btn-inner a.ui-link-inherit {
	padding-left: 53px;
}

#vaccinations .list_vaccinations .ui-li-has-icon .ui-btn-inner a.ui-link-inherit .ui-li-icon {
	max-height: 32px;
	max-width: 32px;
}

#vaccinations .list_vaccinations .ignored .ui-btn-text {
	opacity: 0.5;
}

#vaccinations .list_vaccinations .checkup .ui-li-icon {
	display: none;
}

#vaccinations .list_vaccinations .checkup.collapsed {
	display: none !important;
}

#vaccinations .list_vaccinations .checkup.ui-li-has-icon a.ui-link-inherit {
	padding-left: 15px
}

#vaccinations .list_vaccinations button, #vaccinations .list_vaccinations a.btn {
	float: right;
	border: none;
	background: transparent;
	height: 1.15cm;
	width: 1.15cm;
	font-size: 0.45cm;
	padding: 0;
	background-size: 100% 100%;
	background-size: contain !important;
	height: 0.8cm;
	width: 0.8cm;
	margin-top: -6px;
	margin-bottom: -6px;
}

#vaccinations .list_vaccinations button.btn_edit {
	width: 48px;
	height: 48px;
	background: transparent url(../images/pen.png) no-repeat;
}

#vaccinations .list_vaccinations .btn_done {
	background: transparent url(../images/checkbox.png) no-repeat;
}

#vaccinations .list_vaccinations li .date[title]:after {
	padding: 0 0 0 1em;
	font-weight: normal;
	content: attr(title);
	font-size: 75%;
	opacity: 0.75;
}

#form_vaccination_edit .ui-datepicker-inline .ui-datepicker-calendar {
	display: none;
}

#form_vaccination_edit .ui-datepicker-inline .ui-datepicker-header {
	-webkit-border-radius: 0.6em 0.6em 0.6em 0.6em;
	-moz-border-radius: 0.6em 0.6em 0.6em 0.6em;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
}

.ui-header .ui-icon {
	-webkit-border-radius: 48%;
	border-radius: 48%;
	-webkit-box-shadow: 0px 1px 0 rgba(255, 255, 255, .2);
	box-shadow: 0px 1px 0 rgba(255, 255, 255, .2);
}

.avatar-icon-bluti::before {
	content: ' ';
	display: inline-block;
	height: 1em;
	width: 1em;
	background: url('../images/emoticons/Vitalavatare/tropfen_neutral.png') no-repeat 50% 50%;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	background-size: contain;
}

[data-num] {
	position: relative;
}

[data-num]:after {
	position: absolute;
	z-index: 2;
	display: block;
	top: -6px;
	right: -4px;
	background: maroon;
	color: #FFF;
	font-size: 1em;
	padding: 0.4em;
	border: 2px solid #FFF;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 0px 1px 4px hsla(0, 0%, 0%, .3);
	-webkit-box-shadow: 0px 1px 4px hsla(0, 0%, 0%, .3);
	box-shadow: 0px 1px 4px hsla(0, 0%, 0%, .3);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	content: attr(data-num);
	text-align: center;
	width: 1.9em;
	line-height: 0.75;
	height: 1.9em;
	opacity: 1.0;
}

[data-num="0"]:after, [data-num=""]:after {
	opacity: 0.0;
}

.doc.infoboard_updated:not(.DEMO_DOCTOR):after, #btn_werbung.infoboard_updated:after {
	content: ' ';
	background: url(../images/icon_infoboard.png) no-repeat 0 0;
	-moz-background-size: contain !important;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	height: 1.6em;
	width: 1.6em;
	z-index: 10;
	display: block;
	top: -0.7em;
	right: 3px;
	position: absolute;
}

.DEMO_DOCTOR:after {
	display: block;
	content: 'Demo';
	background: rgb(250, 219, 78);
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	padding: 2px 2px;
	margin: 0 -3em 0 0;
	opacity: 0.75;
	z-index: 7;
	-webkit-transform: rotate(-23deg);
	-moz-transform: rotate(-23deg);
	transform: rotate(-23deg);
	position: absolute;
	top: -0.2em;
	left: -0.4em;
}

img.phone_icon {
	vertical-align: middle;
	height: 2em !important;
}

img.map_icon {
	vertical-align: middle;
	height: 2em !important;
}

img.icon_custom_app {
	vertical-align: middle;
	height: 2em !important;
}

#contact .box_is_confirmed {
	font-style: italic;
}

#contact p.box_is_not_confirmed {
	color: inherit;
	background: #FA0;
	padding: 1ex;
	border-radius: 1em;
	text-shadow: 0 1px rgba(255, 255, 255, 0.3);
}

#contact .categories .category[data-level] {
	display: none;
}

#contact .categories .category[data-level="1"] {
	display: inline;
}

#contact .categories .category[data-level="2"] {
	display: inline;
	opacity: 0.7;
}

#contact .categories .category[data-level="1"] + .category[data-level="1"]::before,
#contact .categories .category[data-level="1"] + .category[data-level="2"]::before,
#contact .categories .category[data-level="2"] + .category[data-level="1"]::before,
#contact .categories .category[data-level="2"] + .category[data-level="2"]::before {
	content: ', ';
}

#contact .categories .category.is_main_focus {
	font-weight: bold;
}

#contact .categories .category.is_main_focus:after {
	content: ' Schwerpunkt';
	vertical-align: super;
}

#contact .categories .category.is_master:after {
	content: ' M';
	vertical-align: super;
}

#contact .categories .category .comment {
	font-weight: normal;
}

#contact .categories .category .comment:after {
	content: ')';
}

#contact .categories .category .comment:before {
	content: ' (';
}

.doc_html .phone_icon.phone_link {
	float: right;
	height: 1ex;
	display: block;
	margin: -0.5ex 0 0;
}

.list-employees .phone_icon.phone_link {
	float: right;
	height: auto;
	display: block;
	margin: 0;
}

.list-employees .employee:first-of-type {
	clear: both;
}

.list-employees .employee:after {
	content: '';
	display: table;
	clear: both;
}

.list-employees .employee.fav + .employee:not(.fav) {
	margin-top: 40px;
}

.list-employees .employee.fav {
	background-color: hsl(36, 100%, 83%);
}

.list-employees .employee figure.user {
	float: left;
	margin: 0 10px 0 0;
	width: 64px;
}

.list-employees h4 ~ .employee ~ h4 {
	border-top: 1px solid hsl(0, 0%, 80%);
	margin-top: 20px;
	padding-top: 10px;
}

.doc_html .phone_icon.phone_link img, .list-employees .phone_icon.phone_link img {
	display: block;
}

.doc_html .phone_icon, .list-employees .phone_icon {
	height: 2em;
}

input.loading {
	background: url("../images/ajax-loader.gif") right 50% / auto 50% no-repeat !important;
}

table caption {
	padding-bottom: 1px;
	text-align: left;
}

table td, table td {
	vertical-align: top;
	padding: 6px;
}

table.opening_times {
	width: 100%;
}

table.opening_times caption {
	text-align: left;
	padding: 1px;
}

table.opening_times thead th {
	text-align: left;
	border-bottom-width: 1px;
	border-top-width: 1px;
}

.opening_times th, .opening_times td {
	text-align: left;
	vertical-align: top;
	padding: 6px;
}

th:first-child, td:first-child {
	padding-left: 0
}

th:last-child, td:last-child {
	padding-right: 0
}

dt {
	font-weight: bold
}

#opening_times table.opening_times td:first-child, #opening_times table.opening_times th:first-child {
	width: 8em;
}

table.opening_times {
	border-collapse: collapse;
}

table.opening_times td, table.opening_times th {
	vertical-align: top;
}

table.opening_times thead th {
	border-bottom: 1px solid #888;
}

table.opening_times thead th + th {
	border-left: 1px solid #888;
}

table.opening_times tbody th {
	border-right: 1px solid #888;
}

table.opening_times .times span {
	display: inline-block;
}

table.opening_times .times span > em {
	color: rgba(0, 0, 0, 0.5);
}

table.opening_times .times span:after {
	content: ',';
	margin-right: 0.25em;
}

table.opening_times .times span:last-child:after {
	content: '';
	margin-right: 0;
}

table.opening_times .emergency_time td {
	padding-top: 1ex;
	padding-bottom: 1ex;
}

table.opening_times .emergency_time + .emergency_time td {
	border-top: 1px solid #888;
}

.ui-icon-tel {
	background: url('../images/phone_icon.png') no-repeat;
	-moz-background-size: contain !important;
	-webkit-background-size: contain !important;
	background-size: contain !important;
}

a {
	color: inherit;
	/*text-decoration: inherit*/
}

a[rel="external"] {
	text-decoration: underline;
}

hr {
	height: 0px;
	border: none;
	border-top: 1px solid #CCC;
}

.clear {
	clear: both;
}

.office .praxisname {
	font-weight: bold;
	color: hsl(0, 0%, 47%);
}


.office .praxisname .address {
	font-weight: normal;
	font-size: 75%;
	display: block;
}

details summary:focus {
	outline: none;
}

details.noarrow summary::-webkit-details-marker {
	display: none;
}
details[open] .hide-details-open {
	display: none;
}
details.office[open] .praxisname .address {
	display: none;
}

.office .praxisname .address:before {
	content: ' '
}

.details .praxisname .address {
	display: none;
}

.doc_ad_massage_1 a {
	display: block;
}

.doc_ad_massage_1 a ~ a {
	margin-top: 5px;
}

.appointment_details th, .appointment_details td {
	text-align: left;
	vertical-align: top;
	padding: 0 1mm 1mm 0;
}

.appointment_details th:last-child, .appointment_details td:last-child {
	padding-right: 0;
}

.appointment_details th {
	text-align: right;
}

@media all and (max-width: 480px) {
	.only_wide_screen {
		display: none;
	}
}

@media all and (min-width: 480px) {
	.only_narrow_screen {
		display: none;
	}
}

.tiles {
	width: auto;
	margin: -5px;
}

@media (max-width: 500px) {
	.tiles {
		max-width: 320px;
		margin: auto;
	}
}

@media all and (max-width: 355px) {
	.tiles {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.live-tile {
	/*noinspection CssOverwrittenProperties*/
	max-width: -webkit-calc(100% - 10px);
	max-width: calc(100% - 10px);
	max-width: 100%;
	box-sizing: border-box;
	background: hsl(0, 0%, 92%) !important;
	background: var(--secondary_light,  hsl(0, 0%, 92%) ) !important;
	color: hsla(0, 0%, 30%, 1.0);
}

.live-tile:hover {
	color: hsla(0, 0%, 30%, 1.0)
}

.live-tile > div {
	background-color: inherit !important;
}

.live-tile .tile-icon {
	text-align: center;
	padding: 10px;
	font-size: 20px;
	background-color: hsla(0, 0%, 0%, 0.2);
	color: #FFF;
	width: 2em;
	height: 2em;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.live-tile.mydocgray {
	background-color: #797979 !important;
	background-color: var(--secondary, #797979) !important;
	color: #FFF;
}

.live-tile.mydocred {
	background-color: hsl(350, 49%, 43%) !important;
	background-color: var(--primary, hsl(350, 49%, 43%)) !important;
	color: #FFF;
}

.live-tile.mydocred .tile-icon {
	/*background-color: hsl(350, 92%, 29%);
  background-color: var(--primary, hsl(350, 92%, 29%));*/
}

.live-tile.green {
}

.live-tile.green .tile-icon {
	background-color: hsl(120, 50%, 40%);
}

.live-tile.yellow {
}

.live-tile.yellow .tile-icon {
	background-color: hsl(35, 84%, 54%);
}

.live-tile.white {
}

.live-tile.white .tile-icon {
	background-color: white;
	color: inherit ;
}


.live-tile .tile-text {
	color: inherit
}

.live-tile.half-tall .tile-icon {
	padding: 0.5em;
	font-size: 15px;
}

.live-tile.half-tall .bottom {
	left: 7px;
	right: 7px;
	bottom: 5px;
	line-height: 124%;
}

.live-tile.half-tile .bottom:not([class*="metro"]) {
	font-size: 12px;
}

.live-tile .metroBig[data-num-news]:before {
	z-index: 21;
	font-size: 14px;
	right: 0px;
	top: -5px;
	left: auto;
}

.live-tile .metroBig[data-num-news='']:before {
	display: none;
}

.live-tile[data-num-news] > p:first-child, .live-tile[data-num-news] > .slide > p:first-child {
	margin-top: 22px;
}

.live-tile.infoboard_updated .bottom:before {
	content: ' ';
	background: url(../images/icon_infoboard.png) no-repeat 0 0;
	-moz-background-size: contain !important;
	-webkit-background-size: contain !important;
	background-size: contain !important;
	height: 16px;
	width: 16px;
	z-index: 21;
	right: 0px;
	top: -4px;
	position: absolute;
}

.carousel-inner > .item {
	height: 100%;
}

.carousel-inner > .item > .banner {
	height: 50%;
	border: 7px solid transparent;
	border-bottom-width: 4px;
}

.carousel-inner > .item > cite {
	text-align: right;
	font-style: italic;
	display: block;
}

.carousel-inner > .item > .banner + .banner {
	border-top-width: 4px;
	border-bottom-width: 7px;
}

.carousel-inner > .item.banner_link, .carousel-inner > .item > a.banner_link {
	height: 100%;
}

.carousel-inner > .item.banner_link > img, .carousel-inner > .item > a.banner_link > img {
	height: 100%;
}

a.live-tile, .live-tile a.slide {
	text-decoration: none;
}

.live-tile .ui-btn {
	box-sizing: border-box;
	height: 100%;
	margin: 0;
}

.live-tile.half-tall .ui-btn .ui-btn-inner {
	padding-top: 40px;
}

.live-tile .ui-btn[data-icon=mydoc] .ui-btn-inner {
	padding-top: 98px;
}

.live-tile .ui-btn[data-icon=mydoc] .ui-btn-inner .ui-icon-mydoc {
	height: 72px;
	width: 72px;
	top: 15px;
	margin-left: -36px;
	background-image: url('../images/icon.png');
}


.live-tile .ui-link:link, .live-tile .ui-link:visited,
.live-tile.ui-link:link, .live-tile.ui-link:visited {
	color: #FFF;
	text-decoration: none;
}

.live-tile.disabled {
	opacity: 0.5;
	cursor: inherit;
}

.live-tile.disabled.empty > * {
	display: none;
}

.live-tile.disabled .ui-link:link, .live-tile.disabled .ui-link:visited,
.live-tile.disabled.ui-link:link, .live-tile.disabled.ui-link:visited {
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.125);
}

/* html5 user agent styles */
figure {
	display: block;
}

#live_tile_diary .status[data-luck] {
	background: no-repeat 50% 22%;
	-moz-background-size: 32px auto !important;
	-webkit-background-size: 32px auto !important;
	background-size: 32px auto !important;
}

#live_tile_diary .status[data-luck="-1"] {
	background-image: url(../images/emoticons/luck_-1.png);
}

#live_tile_diary .status[data-luck="0"] {
	background-image: url(../images/emoticons/luck_0.png);
}

#live_tile_diary .status[data-luck="1"] {
	background-image: url(../images/emoticons/luck_1.png);
}

#live_tile_diary .status[data-luck-sum]:after {
	background: no-repeat 50% 22%;

	content: attr(data-luck-sum);
	/*height: 16px;*/
	/*width: 16px;*/
	z-index: 21;
	left: 10px;
	top: 10px;
	position: absolute;
	opacity: 0.5;
}

#live_tile_diary .status[data-luck-sum]:not([data-luck-sum^='-']):not([data-luck-sum='0']):after {
	opacity: 1;
}

#list_diary_items li .luck[data-luck] {
	position: absolute;
	left: 15px;
	top: 11px;
	opacity: 0.8;
	height: 50px;
	width: 50px;
	display: block;
	background-repeat: no-repeat;
	-moz-background-size: contain !important;
	-webkit-background-size: contain !important;
	background-size: contain !important;
}

#list_diary_items span.ui-li-thumb {
	height: 80px;
	width: 80px;
	background-size: cover;
	opacity: 0.5;
}

#list_diary_items .diary_item.ui-li-has-thumb .luck[data-luck] {
	position: absolute;
	left: 15px;
	top: 16px;
	opacity: 0.8;
}
#list_diary_items .diary_item .ui-li-thumb {
	float: right;
	margin: -10px -15px 0 10px;
}
#list_diary_items .diary_item h4.name {
	margin-top: 0;
}

#list_diary_items .luck[data-luck="-1"] {
	background-image: url(../images/emoticons/luck_-1.png);
}

#list_diary_items .luck[data-luck="0"] {
	background-image: url(../images/emoticons/luck_0.png);
}

#list_diary_items .luck[data-luck="1"] {
	background-image: url(../images/emoticons/luck_1.png);
}

label[for^="radio_luck"].ui-btn img {
	height: 2.4ex;
	width: auto;
	vertical-align: top;
}

#section_banner .banner_link {
	display: block;
	margin-bottom: 15px;
}

#section_banner .banner_link img {
	max-width: 100%;
}