@charset "utf-8";
/* CSS Document */



body {
	font-family:'Ubuntu',Tahoma,Verdana;
	background-color:#fff;
}

/* oprava Chrome na MacOS */

* {
	-webkit-font-smoothing: antialiased; 
}

/* MATERIAL.IO */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

#content {
	padding:20px;
}
/*
.badge-filter {
	padding:10px;
	margin-top:10px;
}
*/


/* firefox problem, viz https://stackoverflow.com/questions/46146113/bootstrap-4-form-select-cuts-off-in-firefox */
.form-control {
    height: auto;
    min-height: 36px;
}

/* input type number bez sipek https://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

/* Bootstrap Toggle v2.2.2 corrections for Bootsrtap 4*/
.toggle-off {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.toggle.off {
    border-color: rgba(0, 0, 0, .25);
}

.toggle-handle {
    background-color: white;
    border: thin rgba(0, 0, 0, .25) solid;
}

/* override pro codemirror */
.cm-s-default .cm-keyword {color: blue;}
.cm-s-default .cm-string {color: red;}
.cm-s-default .cm-string-2 {color: red;}
.cm-s-default .cm-comment {color: green;}

table#casova-osa {
	width:100%;
	
}

table#casova-osa tbody tr td:first-child {
	width: 200px;
}

table#casova-osa tbody tr td {
	padding-bottom: 50px;
}

.casova-osa-popis {
	width:4.1666666%;
	height:17px;
	display:inline-block;
	float: left;
	border-right:1px solid #3B3B3B;
	border-top:1px solid #3B3B3B;
	border-bottom:1px solid #3B3B3B;
	text-align: left;
	font-size:0.7rem;
	padding-left:2px;
}

.casova-osa-popis:first-child {
	border-left:1px solid #3B3B3B;
}


.casova-osa-dilek {
	width:0.3472222%;
	height:40px;
	display:inline-block;
	float: left;
	border-left:1px dotted silver;
}

.casova-osa-dilek-prazdny {
	width:0.347%;
	height:40px;
	display:inline-block;
	float: left;
	border-left:1px solid #f8f9fa;
}

/* ****************** */

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #aaa;
}

/************ imgViewer *****************/

.img-thumbmail {
	max-width:50% !important;
}

.img-wrapper::after {
    font-size: 12px;
    content: 'Klikněte pro zvětšení obrázku';
    display: block;
}

#imgViewer::-webkit-scrollbar {
    -webkit-appearance: none;
    height: 10px;
}
#imgViewer::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.badge-pill {
	font-size: 7pt;
}

pre {
	background-color: #eee;
	padding:25px;
	border:1px solid black;
	border-radius: 10px;
}

div.btn-small-text .btn {
	font-size:75%;
}

/* ********************* */

.bg-modra {
	background-color: #aed6f1;
}

.bg-zelena {
	background-color: #a9dfbf;
}

.bg-cervena {
	background-color: #f5b7b1;
}

/* *********************** */

.text-capitalize-first::first-letter {
	text-transform: capitalize;
 }