/*
 * Styles coded by KlientPRO developers
 */

/* Main styles */

* {
	font-family: 'Ubuntu', sans-serif;
}

html {
	overflow: auto;
}

html, body {
	width: 100%;
	height: 100%;
	overflow: auto;
}

body.kp-modal-open {
    overflow: hidden;
}

body {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

body.not-logged .container.header {
	flex: auto;
}

.content {
	display: flex;
    flex-direction: column;
    align-items: stretch;
    flex: auto;
}

.content.with-tabs {
	background: rgba(0,0,0,.2);
}

.content.with-tabs > .container {
	background: white;
	box-shadow: 0 4px 20px rgba(0,0,0,.15);
}

.content > .tabbox {
	width: 100%;
    height: 36px;
}

.container-fluid,
.container.header{
	flex: none;
}

.container {
	flex: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.container > .tabs {
	position: relative;
    top: -28px;
    margin-bottom: -28px;
	padding: 0 9px;
	overflow: hidden;
}

.container > .tabs > .tab {
	margin: 0 6px;
    padding: 2px 9px;
    background: #eee;
    height: 28px;
    display: inline-block;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0px 4px rgba(0,0,0,.15), 0 -4px 9px rgba(0,0,0,.1) inset;
    text-decoration: none;
}

.container > .tabs > .tab.active {
	color: black;
	background: white;
	text-decoration: underline;
	text-decoration-color: #ba7c56;
	box-shadow: 0 0px 4px rgba(0,0,0,.15);
}

#kp-modal{
	position: fixed;
	display: inline-block;
	background: white;
	color: black;
	min-width: 200px;
	min-height: 50px;
	padding: 9px;
	box-shadow: 0 0 22px rgba(0,0,0,.8);
}

#kp-modal-bg{
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.6);
	backdrop-filter: blur(3px);
}

form.signin {
	min-width: 460px;
}

@media (max-width:576px) {
    form.signin {
		min-width: 100%;
	}
}

table td hr {
	margin: .5rem 0;
	padding: 0;
}

table.table th.v-center,
table.table td.v-center {
	vertical-align: center;
}


table.table th a,
table.table td a {
	color: #ba7c56;
	text-decoration: none;
	text-decoration-color: #ba7c56;
}

table.table th a:hover,
table.table td a:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: #ba7c56;
}

table.table th a.gray,
table.table td a.gray {
	color: #999;
	text-decoration: underline;
	text-decoration-color: #ba7c56;
}

table.table th a.gray:hover,
table.table td a.gray:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: #ba7c56;
}

.table .prvniradek th {
	border-bottom: 0px #ba7c56 solid;
}

.table.multirow thead th.no-border-bottom,
.table.multirow td.no-border-bottom {
	border-bottom: 0px;
}

.table.multirow thead th.no-border-top,
.table.multirow td.no-border-top {
	border-top: 0px;
}

.table.multirow thead th.thin {
	font-weight: normal;
}

.table.multirow thead th {
	border-bottom: 1px #ccc solid;
}

.table.multirow thead th.last-row {
	border-bottom: 2px #ba7c56 solid;
	margin-bottom: 6px;
}

.table td.pripravek.smlouva a {
	margin: 0 !important;
}

.table th,
.table thead th {
	border-bottom: 1px #ba7c56 solid;
	vertical-align: top;
}

.table tr:last-of-type td {
	border-bottom: 1px #ba7c56 solid;
}

.table tr.suma td {
	border-top: 2px #ba7c56 solid;
}

.table tr td.noitems,
.table tr td .noitems {
	color: #ccc;
	font-style: italic;
}

.table tr.pacient td {
	border-top: 0;
	border-bottom: 0;
}

.table tr.lekar:first-of-type td {
    border-top: 1px #ba7c56 solid;
		border-bottom: 0;
}

.table tr.lekar td {
    border-top: 1px #ccc solid;
		border-bottom: 0;
}

.table tr td {
	border-bottom: 1px #ccc solid;
}

.table td, 
.table th {
	border-top: 0;
	padding: .25rem;
}

table.responsive .comp {
	display: table-cell;
}

table.responsive .mobile {
	display: none;
}

@media only screen and (max-width: 600px) {
	table.responsive .comp {
		display: none;
	}

	table.responsive .mobile {
		display: table-cell;
	}
}

.comment.admin label {
	color: #cc2222;
}

.komentar-ico {
	color: #ccc;
	padding-right: 6px;
}

.komentar-filter {
	color: black;
	border: 0;
	border-bottom: 1px #ccc solid;
}

.komentar-filter:focus {
	outline: none;
	border-bottom: 1px black solid;
}

#komentar_admin_saving.saving {
	color: #d76f1f;
}

#komentar_admin_saving.error {
	color: #cc2222;
}

#komentar_admin_saving.saved {
	color: #7bb62c;
}

#komentar_admin_saving {
	font-size: 0.7rem;
	display: inline-block;
	padding-left: 9px;
}

.no-border-top {
	border-top: 0px !important;
}

.no-border-bottom {
	border-bottom: 0px !important;
}