/*
 * Styles coded by KlientPRO developers
 */

/* Main styles */

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

html {
	overflow: hidden;
}

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

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

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

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

.hidden {
	visibility: hidden;
}

.todo {
	background: #d3ff85;
	border-radius: 3px;
}

.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: #0054a5;
	box-shadow: 0 0px 4px rgba(0,0,0,.15);
}

.inline {
	display: inline-block;
}

.right {
	text-align: right;
}

.col-2minus {
	-ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 13%;
}

#osdi-box .osdi .osdi-section .title {
	color: #0054a5;
}

.col-2plus {
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.col-3plus {
	-ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}

.col-4minus {
	-ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col-5plus {
	-ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
}

.col-6plus {
	-ms-flex: 0 0 52%;
    flex: 0 0 52%;
	max-width: 52%;
}

#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.special-page {
	min-width: 460px;
}

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

.header .header-title.special-page .logo {
	text-align: center;
}

.logo-box {
	position: absolute;
	background: white;
	padding: 22px 22px;
	z-index: 3;
}

.header-box {
	background: #0054a6;
	color: white;
	display: flex;
	flex-direction: column;
}

.header-box .text {
	padding-left: 200px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.header .header-title img {
	position: relative;
	top: -4px;
	padding-right: 9px;
}

.header-box .subheader {
	background: #e0e2e1;
}

.header-box .subheader-box {
	max-width: 800px;
	min-height: 237px;
	margin: 16px auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
}

.header-box .subheader .subheader-img {
	background: url(/img/header-image.s.png);
	width: 259px;
	height: 237px;
	display: block;
	position: absolute;
	left: -236px;
	bottom: 16px;
	z-index: 2;
}

.header-box .subheader .subheader-text .color {
	color: #0054a6;
	font-weight: 700;
	font-size: 21px;
	padding-bottom: 14px;
}

.header-box .subheader .subheader-text .content {
	color: black;
	font-size: 14px;
}

.header-box .subheader .subheader-text .signature {
	color: #aaa;
	font-size: 10px;
	padding-top: 5px;
}

@media only screen and (max-width: 1280px) {
	.header-box .subheader-box {
		max-width: 100%;
	}	
	
	.header-box .subheader .subheader-img {
		position: relative;
		left: 0px;
		min-width: 300px;
		padding-right: 20px;
	}
}

h1.title,
.h1.title,
.header .header-title .logo .title,
.header .header-title .logo .h3.title {
	color: white;
	font-weight: 400 !important;
	font-size: 21px;
	line-height: 21px;
	margin: 0;
	padding: 0;
	text-shadow:
		1px 1px 3px rgba(0,0,0,.4);
}

.header .header-title {
	padding: 0 0 !important;
}

.header .header-title .logo,
.header .header-title .logo a {
	line-height: 2.5rem !important;
	margin: 0 !important;
	padding: 0 !important;
}

a,
a:visited,
a:focus {
	color: #0054a5;
	text-decoration: underline;
}

a:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: #0054a5;
}
 
code {
	color: #0054a5;
}
 
#app {
	padding: 0 !important;
}

.red {
	color: #cc0000;
}

.gray {
	color: #999;
}

.kp-highlight {
	background: yellow;
}

.mark, mark {
    padding: 0 3px;
    background-color: transparent;
		color: red;
}

.mark.req-if-attachment{
	display: none;
}

.mark.req-ifnot-attachment{
}

.desc {
	color: #999;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}

.desc .fa-info-circle {
	float: left;
	display: block;
	padding: 5px 5px 0 0;
}

.desc p {
	margin: 4px 0;
}

/* main menu background */
.bg-primary {
    background-color: #dde1e2 !important;
		-webkit-box-shadow: 0 4px 4px rgba(0,0,0,.15) !important;
    box-shadow: 0 4px 4px rgba(0,0,0,.15) !important;
}

.header .header-title .logo {
	line-height: 50px;
	display: block;
}

.header .header-title .logo a {
	line-height: 50px;
	text-decoration: none !important;
	display: inline-block;
}

.header .header-title .logo a:hover .title,
.header .header-title .logo a:focus .title {
	color: black !important;
	border-bottom: 1px #0054a5 solid;
	text-decoration: none !important;
}

.header .header-title .logo img {
	display: inline-block;
	vertical-align: top;
}


/* header menu item & main menu item */

.header .col-sm-12.col-md-6 {
	padding: 0;
}

.navbar.container {
	padding: 0px 15px 0 185px;
}

.header nav {
	padding: 0px 30px 0 0;
}

.header .nav-link{
	color: white !important;
	border-bottom: 1px transparent solid;
}

.navbar-expand-lg .navbar-nav .nav-link {
	color: black !important;
	border-bottom: 1px transparent solid;
}

/* header menu item */
.header .nav-link {
	
	padding: 0;
	margin: .5rem 1rem;
}


/* main menu item */
.navbar-expand-lg .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav .nav-link:focus {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	margin-top: .5rem;
	margin-right: 1rem;
	padding-bottom: 0;
	margin-bottom: .5rem;
	text-decoration: none !important;
}

.navbar-expand-lg .navbar-nav .nav-link.thin {
	font-weight: 200;
	/*font-size: 0.9rem;
	font-style: italic;
	padding-top: 0.2rem;
	color: #999 !important;*/
}

.navbar-expand-lg .navbar-nav .nav-link.thin:hover {
	/*color: #0054a5 !important;
	text-decoration: none !important;
	border-bottom: 0px;*/
}

.header .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link:hover {
	color: black !important;
	border-bottom: 1px #0054a5 solid;
	text-decoration: none !important;
}
.header .nav-link.active,
.navbar-expand-lg .navbar-nav .nav-link.active {
	color: black !important;
	border-bottom: 1px #0054a5 solid;
}

.navbar-expand-lg .navbar-nav:first-of-type .nav-link:first-of-type {
  margin-right: 1rem;
  padding-left: 0;
	padding-right: 0;
}

.header .nav-link:last-of-type,
.navbar-expand-lg .navbar-nav:last-of-type .nav-link:last-of-type {
  margin-right: 0rem;
  padding-left: 0;
	padding-right: 0;
}

.container {
	padding-bottom: 1rem;
}

/* main container */
.content .container {
	  padding-right: 0;
    padding-left: 0;
}

.navbar-dark .navbar-toggler {
    color: black !important;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.form-vue-component {
	width: 100%;
	margin-bottom: calc(1rem + 1px);
}

.form-vue-component .row {
	margin: 0;
}

.row.hidden {
	display: none;
}

@media (min-width:576px) {
    .form-col-sm {
			display: inline-block;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .form-col-sm-auto {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }
    .form-col-sm-1 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }
    .form-col-sm-2 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }
    .form-col-sm-3 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .form-col-sm-4 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }
    .form-col-sm-5 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }
    .form-col-sm-6 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .form-col-sm-7 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }
    .form-col-sm-8 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }
    .form-col-sm-9 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .form-col-sm-10 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }
    .form-col-sm-11 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }
    .form-col-sm-12 {
			display: inline-block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

/* FORM */

.form-section {
	border: 1px rgba(0,0,0,.2) solid;
    padding: 29px 19px 0 19px;
    margin: 19px 0px 29px 0px;
    border-radius: 6px;
	position: relative;
}

.form-section-title {
    display: inline-block;
    position: absolute;
    background: white;
    top: -14px;
    padding: 0 5px;
    left: 15px;
    font-weight: bold;
}

/* selectbox */

.selectbox.nonedit {
	background-color: #e9ecef;
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

.selectbox .col-form-sublabel-desc,
.selectbox-desc .col-form-sublabel-desc {
	display: table;
}

.selectbox .option,
.selectbox-desc .option {
	display: table-row;
}

.selectbox .option .desc,
.selectbox-desc .option .desc {
	padding-left: 1rem;
}

.selectbox .option .name,
.selectbox-desc .option .name {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 1rem;
}

.selectbox .option:last-of-type .name,
.selectbox-desc .option:last-of-type .name,
.selectbox .option:last-of-type .separator,
.selectbox-desc .option:last-of-type .separator,
.selectbox .option:last-of-type .desc,
.selectbox-desc .option:last-of-type .desc {
	/*border-bottom: 0px #ccc solid;*/
}

.selectbox .option .name,
.selectbox-desc .option .name,
.selectbox .option .separator,
.selectbox-desc .option .separator,
.selectbox .option .desc,
.selectbox-desc .option .desc {
	display: table-cell;
	/*border-bottom: 1px #ccc solid;*/
}

.form-vue-component label {
	font-weight: bold;
	padding-top: calc(1rem + 1px);
  padding-bottom: 0;
}

.col-form-sublabel-desc {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: 13px;
		line-height: 1.5;
		font-style: italic;
}

.col-form-sublabel-desc .option .comma {
	display: none;
}

.score-pasi select.form-control {
	
}

datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
	background-color: #0054a5 !important;
	background-image: none !important;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
	background-color: white !important;
  background-image: none !important;
	border: 1px #0054a5 solid !important;
	border-radius: 2px !important;
}

.btn-small {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .1rem .2rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled):focus {
    -webkit-box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25) !important;
	
}

.btn-primary,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff !important;
	background-color: #0054a5 !important;/* dc3545 */
    border-color: #062930 !important;/* 6c1a22 */
}


#slider-custom-style .slider-handle {
	background: #0054a5 !important;
}
#slider-custom-style .slider-selection  {
	background: #a4e1ee !important;
}

@media only screen and (max-width: 600px) {

		.content {
			background: white;
			padding-top: 0;
			padding-bottom: 1rem;
		}
		
		.content .container {
			background: white;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}
		
		.score-pasi .col-2 {
			padding: 0 5px 0 5px;
		}
		
		.score-pasi .col-2.score-pasi-percent {
			padding: 0 1px 0 1px;
		}
		
		.score-pasi .col-3 {
			padding: 0 5px 0 5px;
		}
		
		.score-pasi .score-pasi-percent {
			font-size: 0.6rem;
		}
		
		.score-pasi select.form-control {
			padding: 0;
		}
		
		.form-group .file-box,
		.form-group .file,
		.form-group .file .thumb,
		.form-group .file .date-size,
		.form-group .file .info,
		.form-group .col-3.delete		{
			display: block;
			width: 100%;
			flex: 0;
			max-width: 100%;
			min-width: 100%;
		}

		.form-group .file,
		.form-group .file .thumb,
		.form-group .file .info {
			margin: 0;
		}
		
		.form-group .file .name,
		.form-group .file .date-size {
			text-align: center;
		}
		
		.form-group .col-3.delete {
			text-align: right;
		}
}

.col-vas {
	max-width: 506px;
	flex: 0 0 506px;
	padding-left: 22px;	
}

.ihs4_res {
	display: none;
	font-weight: bolder !important;
}

.ihs4_res small {
	font-weight: normal !important;
}

table.ihs4 .sum {
	border-top: 2px white solid;
	font-weight: bold !important;
}

input.ihs4[readonly] {
	border: none !important;
	color: white !important;
	font-weight: bold !important;
	background-color: transparent !important;
	background-image: none !important;
}

.form-group .file .thumb {
	text-align: center;
}

.form-group .file .name {
	display: block;
	line-height: 1;
	overflow: hidden;
    overflow-wrap: break-word;
}

.form-group .file .date,
.form-group .file .size {
	font-size: 13px;
	line-height: 1;
	font-style: italic;
	color: #999;
	padding-bottom: calc(1.5rem + 1px);
}

.form-control.file {
	height: calc(2.7rem + 2px);
	border: 0;
	padding: 0;
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
}

.form-group .file .desc {
	display: block;
}


.custom-select.is-valid:focus, 
.form-control.is-valid:focus, 
.was-validated .custom-select:valid:focus, 
.was-validated .form-control:valid:focus,
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #0054a5 !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .1rem rgba(184, 113, 133, .25) !important;
    box-shadow: 0 0 0 .1rem rgba(184, 113, 113, .25) !important;

}

.custom-select.is-invalid:focus, 
.form-control.is-invalid:focus, 
.was-validated .custom-select:invalid:focus, 
.was-validated .form-control:invalid:focus {
    color: #495057;
    background-color: #fFF;
    border-color: #0054a5 !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .1rem rgba(220, 53, 69, .25) !important;
    box-shadow: 0 0 0 .1rem rgba(220, 53, 69, .25) !important;

}

input.form-control:-internal-autofill-previewed, 
input.form-control:-internal-autofill-selected, 
textarea.form-control:-internal-autofill-previewed, 
textarea.form-control:-internal-autofill-selected, 
select.form-control:-internal-autofill-previewed, 
select.form-control:-internal-autofill-selected {
	background: white !important;
}

input.form-control.right {
	text-align: right;
}

.form-vue-component .suma {
	border-top: 1px black solid;
}

.col-form-sublabel {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

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: #0054a5;
	text-decoration: none;
	text-decoration-color: #0054a5;
}

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

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

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

.table .prvniradek th {
	border-bottom: 0px #0054a5 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 #0054a5 solid;
	margin-bottom: 6px;
}

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

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

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

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

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

.table tr.pacient td.noborder,
.table tr.pacient.lastrow td.noborder {
	border: 0;
}

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


.table tr.pacient.lastrow td  {
	border-bottom: 1px #0054a5 solid;
}

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

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

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

.table td.export {
	text-align: center;
	padding: .25rem 0 .25rem .25rem;
}

.table td.pages {
	padding: .25rem .25rem .25rem 0;
}

.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;
	}
}

/** DOTAZNIK **/

.stadium_onemocneni_desc_box .option .name,
.stadium_onemocneni_desc_box .option .separator,
.stadium_onemocneni_desc_box .option .desc {
	display: table-cell;
	border-bottom: 0px #ccc solid;
}

.stadium_onemocneni_box.nonedit .text,
.stadium_onemocneni_box.nonedit .separator,
.rizikove_faktory_box.nonedit .text,
.rizikove_faktory_box.nonedit .separator {
	display: none;
}

/** LEKARI **/
a.link.smlouva,
a.link.smlouva:visited {
	color: #888;
	text-decoration: none;
}

a.link.smlouva:hover,
a.link.smlouva:focus {
	color: black;
	text-shadow:
		0px 0px 3px rgba(255,0,0,.3) outset;
	text-decoration: none;
}

.state.doctor {
	opacity: 0.5;
}

/** Odsazeni */
.tab2 {
	padding-left: 2em; 
}

.img-table {
	display: inline-block;
	vertical-align: middle;
}

.img-table table {
	background: #d10031;
	color: white;
	border-radius: 22px;
}

.img-table table tr:first-of-type td {
	padding: 8px 11px 2px 11px;
}

.img-table table tr:last-of-type td {
	padding: 2px 11px 8px 11px;
}

.img-table table td {
	padding: 2px 11px;
}

.img-table table .color {
	color: #f1df00;
}

.stav.novy,
.strana.novy {
	color: #ccc;
}

.stav.vyplneno {
	color: #4ec54c;
}

.biologicka-lecba-row {
	margin-bottom: 9px;
	padding-bottom: 9px;
	border-bottom: 1px #0054a5 solid;
}

.biologicka-lecba-row:last-of-type {
	border-bottom: 0px;
}

.biologicka-lecba a {
	text-decoration: none;
}

.biologicka-lecba a:hover {
	text-decoration: underline;
	text-decoration-color: #0054a5;
}

.biologicka-lecba-row .datetime .form-control {
	padding: .375rem;
}

.criteria {
	border: 1px transparent solid;
	transition: all .33s ease-out;
}

.criteria.border {
	border: 1px #0054a5 solid !important;
    border-radius: 9px;
	background: #f1fcff;
}

.criteria-box {
	display: none;
}

.criteria-link {
	color: #0054a5;
	cursor: pointer;
}

.criteria-link:hover {
	color: black;
	text-decoration: underline;
	text-decoration-color: #0054a5;
}

.relative {
	position: relative
}

.relative .csv-report {
	top: -22px;
}

.relative .csv-pacienti {
	top: 0px;
}

.relative .csv-report,
.relative .csv-pacienti {
	position: absolute;
	right: 0px;
}

.csv-report {
	position: relative;
	right: 0px;
	top: -22px;
}

.csv-pacienti {
	position: relative;
	right: 0px;
	top: -22px;
}