body {
font-family: 'Roboto condensed','Roboto','Tahoma';
padding: 0;
margin: 0; }

header {
min-height: 20px;
padding: 0.4em 0.7em;
background-color: #4b667b;
color: white; }

header a {
font-size: 1.3em;
margin-right: 0.5em;
text-decoration: none;
color: white; }

header i:hover {
color: yellow; }

#content {
padding: 1em; }

#content h1 {
color: #4b667b;
margin-top: 0; }

#content h2 {
font-size: 1.1em;
margin: 0; }

#content p {
margin-top: 0;
max-width: 900px; }

/* alerts */
.alert {
padding: 0.5em 1em; }

.alert:empty {
display:none; }

.alert_error {
background-color: pink;
border-left: 3px solid red; }

.alert_success {
background-color: lightgreen;
border-left: 3px solid green; }

.alert_normal {
border-left: 3px solid #8888ff; }

/* form */
form {
padding: 0;
margin: 0; }

input, select, textarea {
margin: 0 5px 5px 0px;
border: 1px solid #888;
background-color: #fff;
padding: 4px; }

label {
margin-bottom: 4px;
display: inline-block;
width: 150px; }

label.delsi {
width: 250px; }

label.req {
font-weight: bold; }

.longer {
width: 300px; }

.readonly {
background-color: yellow; }

.max {
min-width: 70%; }

/* day  */
#day_header {
float: left;
color: #4b667b;
font-size: 1.5em; }

#cals {
min-width: 530px;
float: right; }

#day_date {
font-weight: bold; }

#therapists span {
width: 150px;
overflow: hidden;
white-space: nowrap;
text-align: center;
padding: 0.2em 0.4em;
border: 1px solid white;
display: inline-block; }

table {
margin: 1em 0;
border: 0;
border-collapse: collapse;
width: 100%; }

table tr:nth-child(even) {
background-color: #efefef; }

table#rooms th:first-child,
table#weeks th:first-child {
width: 5%; }

/* sticky first col */
#rooms tr th:first-child,
#rooms tr td:first-child {
position: sticky;
left: 0;
z-index: 2; }



table#rooms th {
width: 9.5%; }

table#weeks th {
width: 19%; }

table#rooms tr td, table#weeks tr td {
border: 0;
box-sizing: border-box;
border-right: 1px solid white;
white-space: nowrap;
overflow: hidden;
height: 1.5em;
line-height: 1.5em;
padding: 0;
margin: 0; }

table#rooms tr:hover td:first-child,
table#weeks tr:hover td:first-child {
background-color: #ccc; }

table tr th {
border-right: 1px solid white;
/* padding: 3px; */
height: 1.5em;
line-height: 1.5em;
background-color: #ccc;
text-align: left; }

.filtr td {
border-right: 1px solid white;
background-color: #ccc; }

table#rooms tr td > a,
table#weeks tr td > a  {
margin: 0;
padding: 0 3px;        
display: block;
color: black !important;
text-decoration: none; }

table#rooms tr td > span,
table#weeks tr td > span,
table#rooms tr th > span,
table#weeks tr th > span  {
padding: 0 3px;}

table#rooms tr td a span,
table#weeks tr td a span {
margin: 0 3px; }

table#rooms tr td a:hover,
table#weeks tr td a:hover  {
text-decoration: underline; }

table#rooms tr td div,
table#weeks tr td div {
padding: 0;
margin: 0; }

table#rooms tr td a.full,
table#weeks tr td a.full {
display: block;
color: black !important;
text-decoration: none; }

table#rooms tr td:hover,
table#weeks tr td:hover {
background-color: red; }

table#rooms tr td:hover,
table#weeks tr td:hover {
box-shadow: inset 0px 0px 0px 30px #f00; }

.obsazeny {
border-top: 1px solid white; }

tr.oddel  {
border-bottom: 4px solid #ccc; }


#info td {
border: 0;
box-sizing: border-box;
border-right: 1px solid white;
white-space: nowrap;
overflow: hidden;
height: 1.5em;
line-height: 1.5em;
padding: 3px;
margin: 0; }

#info tr:hover td {
background-color: #ccc; }


#day_footer {
margin: 1em 0; }

#day_footer a {
background-color: #eee;
padding: 3px;
white-space: nowrap;
margin-bottom: 3px;
display: inline-block;
text-decoration: none;
width: 60px;
color: black;
text-align: center; }

#day_footer a:hover {
background-color: #bbb; }

#day_footer a.active {
background-color: orange;
font-weight: bold; }

.un {
opacity: 0.4; }

.mazani td {
color: #999; }

/* week */
.week_room {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
font-size: 0.9em !important;
text-decoration: none;
margin-right: 5px;
background-color: #4b667b;
color: white; }

.wr_active {
color: #4b667b;
background-color: #fff; }

.center {
text-align: center; }

.grey {
color: #aaa !important; }

/* assign */
#series td {
padding: 3px; }

.button {
background-color: #4b667b;
color: white;
text-decoration: none;
height: 35px;
line-height: 35px;
display: inline-block;
padding: 0;
font-size: 0.9em !important;
border: 1px solid #4b667b;
font-family: 'Roboto condensed';
padding: 0em 1em; }

.button:hover {
background-color: #5b768b; }

input.button {
height: 37px !important; }

.button2 {
background-color: #4b667b;
color: white;
text-decoration: none;
display: inline-block;
padding: 3px 5px;
font-size: 0.9em !important;
margin-bottom: 5px;
border: 1px solid #4b667b; }

.button:hover {
background-color: #5b768b; }

/* visit */
.visit {
white-space: nowrap; }

.visit label {
font-weight: bold;
color: #5b768b;
margin-right: 1em;
text-align: right; }

.terminy {
margin-bottom: 1em;}

.termin {
display: inline-block;
width: 90px;
background-color: #4b667b;
border: 1px solid white;
padding: 5px; }

.barva {
display: inline-block;
width: 300px;
overflow: hidden;
color: #333;
height: 2em;
line-height: 2em;
padding: 0 5px; }

.pouzita {
font-weight: bold;
color: black; }

.ui-autocomplete li.ui-menu-item {
height: 1.25em; }

/* hledani */
.hledani {
padding: 5px 5px;
margin-bottom: 3px;
background-color: #efefef; }

.hledani_hlavicka {
padding: 5px 5px;
font-weight: bold;
background-color: #ddd; }

.hledani div, .hledani_hlavicka div {
display: inline-block; }

.hl_datum {
width: 80px; }

.hl_cas {
width: 50px; }

.hl_ordinace {
width: 30px; }


.hl_pacient {
width: 220px; }

.hl_terapeut {
width: 220px; }


.calendar {
float: left;
display: block;
font-size: 0.8em;
max-width: 170px; }

.calendar tr:nth-child(even),
.calendar tr:nth-child(odd) {
background: none; }

.calendar a:hover {
background-color: #ccc; }

.calendar a {
color: black;
text-decoration: none; }

.calendar td, .calendar th {
width: 14px;
height: 14px;
line-height: 14px;
line-height: 0.9em;
background: none;
text-align: center; }

.cal_today a,.cal_today a:hover {
font-weight: bold;
line-height: 14px;
display: block;
background-color: #4b667b;
color: white !important; }

.cal_selected a,.cal_selected a:hover {
font-weight: bold;
line-height: 14px;
display: block;
background-color: blue;
color: white !important; }

.note {
display: inline-block;
margin-left: 2em;
color: #777; }

.fix {
width: 6%; }

.right {
padding-right: 1em;
text-align: right; }