/* general css ----------------------------------- */
body {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
   background: #eff3f5;
}
html {
   scroll-behavior:smooth;
   position: relative;
}
img {max-width:100%;}
a, button, strong {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	outline: none;
	text-decoration: none;
}
h2 {
   font-size: 22px;
   font-weight: bold;
   color: #d40011;
   margin: 10px 0 30px 0;
}
.container {max-width: 100%;}
.bila {
   background: #fff;
   border-radius: 8px;
   padding: 15px;
}
.form-control {
   height: 36px;
   font-size: 14px;
}
.form-control:focus {
    border-color: #4b0055;
    box-shadow: 0 0 0 0.2rem rgba(75,0,85,.25);
}
select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: #fff url("../images/select.svg") no-repeat center right 10px;
	background-size: .65em auto, 100%;
   cursor: pointer;
}
select.form-control::-ms-expand {display: none;}

/* navigace ----------------------------------------- */
header .container {padding: 15px;}
header .navbar {
   padding: 15px;
   background: #fff;
   border-radius: 8px;
}
header .navbar-nav {
   flex: 1;
   margin: auto !important;
   display: flex;
   justify-content: space-between;
   padding-right: 10px;
}
header .navbar-nav {
   font-size: 12px;
   line-height: 20px;
   text-transform: uppercase;
   background: #eff3f5;
   border-radius: 6px;
}
header .nav-item.dropdown {
   background: linear-gradient(to left, #4b0055, #d40011);
   border-radius: 6px;
}
header .nav-link {
   color: #849198;
   padding-top: 10px;
   padding-bottom: 10px;
}
header .nav-item .nav-link:hover {color: #d40011;}
header .nav-item.active .nav-link, header .nav-item.active .nav-link:hover {
//   color: #282b30;
//   font-weight: bold;
   background: #d40011;
border-radius: 6px;
color: #fff;
}
header .nav-item.dropdown .nav-link {
   color: #fff;
   text-transform: none;
   font-size: 14px;
   font-weight: bold;
}
header .dropdown-item {
    padding: 7px 15px;
    font-size: 12px;
}
.odhlasit {
   border-radius: 6px;
   border: solid 2px #eff3f5;
   font-size: 11px;
   color: #575757;
   line-height: 14px;
   padding: 5px 45px 5px 10px;
   margin-left: 20px;
   background: url("../images/odhlasit.svg") no-repeat center right 10px;
   background-size: auto 23px;
}
.odhlasit strong {
   display: block;
   font-size: 14px;
   color: #282b30;
}
.odhlasit:hover {
   color: #d40011;
   text-decoration: none;
   border-color: #d40011;
}
.odhlasit:hover strong {color: #d40011;}


.navbar-toggler {
   background: #d40011;
   color: #fff;
   margin: 5px auto;
   padding: 10px 20px;
}
.navbar-toggler:hover {
    outline: none;
}

/* prehled ----------------------------------------- */
.prehled {padding: 0 0 15px 0;}
.prehled .nav-tabs {border: none;}
.prehled .nav-tabs .nav-link {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   font-size: 16px;
   background: #a9b5bb;
   color: #fff;
   border-bottom: solid 1px #fff;
}
.prehled .nav-tabs .nav-link:hover {background: #86949b;}
.prehled .nav-tabs .nav-link.active {
   color: #575757;
   background-color: #fff;
   border-color: #fff #fff #fff;
   font-weight: bold;
}
.prehled .tab-content {
   background: #fff;
   border-radius: 0 8px 8px 8px;
   padding: 15px;
}
.hledat {
   background: #eff3f5;
   border-radius: 8px;
   padding: 15px 15px 0 15px;
   margin-bottom: 15px;
}
.hledat label {
   font-size: 12px;
   font-weight: bold;
   color: #282b30;
   margin-bottom: 0;
}
.hledat .form-group {margin-bottom: 15px;}
.hledatButony {
   display: flex; 
   justify-content: space-between;
}
.hledat .btn {
   background: #d40011;
   color: #fff;
   font-weight: bold;
   padding-left: 15px;
   padding-right: 15px;
   font-size: 14px;
}
.hledat .btn:hover {background: #4b0055;}
.exel {
   background: #849198;
   color: #fff;
   font-weight: bold;
   padding: 7px 15px;
   font-size: 14px;
   border-radius: 4px;
}
.exel:hover {
   background: #4b0055;
   color: #fff;
   text-decoration: none;
}
.stranka {
   display: block;
   padding-top: 7px;
   font-size: 16px;
   font-weight: bold;
}
.pagin {
   list-style-type: none;
   text-align: center;
   margin: 0;
   padding: 0;
   font-size: 12px;
   font-weight: bold;
   width: 100%;
}
.pagin li {
   display: inline;
   padding: 5px;
}
.pagin a {
   color: #849198;
   display: inline-block;
   border: solid 1px #eff3f5;
   padding: 9px 15px;
   border-radius: 6px;
}
.pagin a:hover {text-decoration: none;}
.pagin li.active a {color: #282b30;}
.pag01 a {
   background: #eff3f5 url("../images/ico01.svg") no-repeat center left 15px;
   background-size: auto 14px;
   padding-left: 35px;
}
.pag02 a {
   background: #eff3f5 url("../images/ico02.svg") no-repeat center left 15px;
   background-size: auto 14px;
   padding-left: 30px;
}
.pag01 a:hover, .pag02 a:hover {
   background-color: #e0ebf0;
   background-position: center left 10px;
}
.pag03 a {
   background: #eff3f5 url("../images/ico03.svg") no-repeat center right 15px;
   background-size: auto 14px;
   padding-right: 30px;
}
.pag04 a {
   background: #eff3f5 url("../images/ico04.svg") no-repeat center right 15px;
   background-size: auto 14px;
   padding-right: 35px;
}
.pag03 a:hover, .pag04 a:hover {
   background-color: #e0ebf0;
   background-position: center right 10px;
}
.vypis {
   font-size: 12px;
   margin: 20px 0;
   border-bottom: solid 2px #eff3f5;
}
.vypis .table {
	//color: #849198;
	color: #333;
	}
.vypis th {
   border: none;
   text-align: left;
   vertical-align: top !important;
}
.vypis tr:nth-child(odd) {background: #eff3f5;}


.vypis thead tr:first-child {
   background: linear-gradient(to left, #4b0055, #d40011);
   color: #fff;
}

.vypis .table td {border-top: none;}
//.vypis tr td:nth-child(1), .vypis tr td:nth-child(2) {font-weight: bold;}
.vypis td strong {color: #ff0014;}
.vypis td a {
   display: block;
   min-width: 140px;
}
.vypis select {
   font-size: 12px;
   min-width: 100px;
}

/* novy zaznam ----------------------------------------- */
.novy label, .addForm label {
   font-size: 12px;
   color: #849198;
   margin-bottom: 0;
}
.novy .input-group-text {cursor: pointer;}
.form-group.col-md, .form-group.col-md-2 {
    display: flex;
    align-items: center;
}
.novy .form-group {margin-bottom: 20px;}
.novy .datepicker {
    padding: 0;
    margin-top: -5px;
}
.novy .btn, .cerveneTlacitko, .sedeTlacitko, .addForm input[type=submit] {
   color: #fff;
   font-weight: bold;
   padding:  3px;
   border: 1px solid transparent;
   min-width: 101px;
   	outline: none !important;

}

.novy .btn, .cerveneTlacitko {
   background: #d40011;
	outline: none !important;
}

.sedeTlacitko, .addForm input[type=submit] {
	background: #999;
	border-radius: 5px;
	padding:  5px 11px;
	outline: none !important;
}

.sedeTlacitko:hover  {
//	background: #4b0055;
	background: #d40011;
	text-decoration: none;
	color: #fff;
	outline: none !important;
}

.addForm input[type=submit]:hover {
	background: #d40011;
	outline: none !important;
}

.addForm input[type=text] {
 margin-right: 12px;
 margin-bottom: 11px;
}

.addForm select {
 padding: 3px;
}

.novy .btn:hover {background: #4b0055;}

/* footer ----------------------------------------- */
footer {
   text-align: center;
   color: #849198;
   font-size: 12px;
   padding: 60px 0 20px 0;
}
footer img {
   width: 110px;
   margin-bottom: 10px;
}
footer a {
   color: #849198;
   font-weight: bold;
}
footer a:hover {color: #d40011;}

.addForm {
	
}

.warning:before{
  content:url('/img/warning.png');
width: 14px;  /* with class ModalCarrot ??*/
}
.warning {
	font-size: 18px;
	font-weight: bold;
	color: orange;
}

.required  {
	color: red;
}

.roletka {
	font-size: 14px;
	padding: 4px;
}

.datum {
	padding-left: 8px;
	width: 95px;
}

.karta {
	float: left; 
	margin: 0px 11px 11px 0px;
	padding: 11px;
	border: 1px solid #6f0043;
	min-width: 240px;
}

.karta input {
	margin: 5px;
}
.karta select {
	margin: 3px;
}

.karta .nadpis {
	margin: 3px 0 12px 0;
	font-size: 19px;
	color: #6f0043;
	font-weight: normal;
	float: left;
}

.karta .akce {
	margin: 9px 0 12px 0;
	font-size: 12px;

	font-weight: normal;
	float: right;
}

.karta .akce a {
		color: #6f0043;
}

.karta hr, .prehled-smeny-table hr { 
	border: 0; height: 1px; background: #6f0043;  
	margin-bottom: 20px;
}

/* styly hlasek v zurnalu */
.zurnal-info {
    color: rgb(0, 0, 255);
}
.zurnal-warning {
    color: rgb(255, 100, 0);
}
.zurnal-error {
    color: rgb(255, 0, 0);
}

.zeleny_submit {
   color: #fff;
   font-weight: bold;
   padding:  3px 11px;
   background: green;
   min-width: 101px; 
}

.cerveny_submit {
   color: #fff;
   font-weight: bold;
   padding:  3px 11px;
   background: #d40011;
   min-width: 101px; 
}

.statustext {
	font-size: 18px;
}

.dns-zprava {
	margin: 16px 0;
	border-radius: 16px;
	border: 1px solid #d40011;
	width: 100%;
	float: left;
	//overflow: hidden;
	display: box;
	cursor: pointer;
}

.dsn-zprava-hlavicka {
	background: #d40011;
	padding: 11px 22px;
	color: #fff;
	float: left;	
	border-radius: 16px 0 0 16px;
	height: 100%;
}

.dsn-zprava-prectena {
	background: #f4a0b1 !important;	
}

.dsn-zprava-oni {
	float: left;	
	border-radius: 16px 0 0 16px;
}

.dsn-zprava-my {
	float: right !important;
	border-radius: 0 16px 16px 0 !important;
}

.dsn-zprava-hlavicka p {
	font-size: 12px;
	margin: 5px 0 0 0;
	min-width: 166px;
}

.dsn-zprava-oni-obsah {
	margin-left: 206px;	
}

.dsn-zprava-obsah {
	//float: left;
	padding: 11px 22px;
}

.vikend {
	background: #aaa;
}

.delete-btn {
 background-color: #e44;
 border: none;
 color: white;
 padding: 4px 8px;
 text-decoration: none;
 font-size: 12px;
}