body {
    background:#fafafa;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.h2, h2 {
    font-size: 1.55rem;
}
.h3, h3 {
    font-size: 1.4rem;
}
.h4, h4 {
    font-size: 1.2rem;
}
a {
    color: #000;
}
a:hover {
    color: #222;
}
.likea {
    color: #000;
    cursor:pointer;
}
.likea:hover {
    color: #222;
}
.dragable {touch-action:auto;}

.table td, .table th {
    padding: .4rem;
}
.btn-primary {
    color: #fff;
    background-color: #503816;
    border-color: #705836;
}
.btn-primary:hover {
    color: #fff;
    background-color: #111;
    border-color: #222;
}

input, textarea, select {
    transition: none;
    padding: .25rem .5rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid  #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input[disabled=""], textarea[disabled=""], select[disabled=""] {
    background-color: #eee;
    color:#777
}

input[type="checkbox"] {position: relative;top:3px;left:1px}

.table .thead-light th, .table tr.table-header {
    color: #495057;
    background-color: #ebecef;
    border-color: #dee2e6;
}

.table tr.table-header {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}
.table tr.table-header  td {
    font-weight: bold;
}

.nav-tabs { margin-bottom: 14px; }
.nav-tabs .nav-link {
    border: 1px solid #ddd;
}

.sidebar, .sidebar-content, .sidebar-link, a.sidebar-link, .sidebar-dropdown .sidebar-link {
    background: #f9a61b;
}
.sidebar-brand div {text-align:center}
.sidebar-brand div img {max-height:80px}
.sidebar-item hr {opacity:0.4;margin:5px 10px;color:#b38840;background:#b38840}

.sidebar-link, a.sidebar-link, .sidebar a {
    padding: .5rem 1.10rem;
    color:#fff;
}
.sidebar-header {
    opacity: 0.7;
    font-size: 0.9rem;
    color:#fff
}
.sidebar-dropdown .sidebar-link {
    padding-left: 2.2rem;
    color: #adb5bd;
}
ul.sidebar-dropdown li a.sidebar-link {
    font-size: 0.9rem;
    padding-top: .2rem;
    padding-bottom: .4rem;
    color:#fff;
}
.sidebar-link.no-link:hover {cursor: default;opacity:0.6}

.navbar.navbar-expand h5 {position:relative;top:4px;left:5px;color:#111;font-weight: bold}
.navbar h5 span {font-size:0.9rem;position:relative;left:12px;top:-2px;font-weight: normal}

.table-hover tbody tr:hover {background-color:rgba(0,0,0,.01)}
.card-title {margin-bottom:0rem}
label {margin-bottom:.1rem;margin-top:.45rem;margin-left:.2rem}
label i {font-weight:normal;color:#16a}
label span {font-weight:bold;color:#b21;font-size:0.9rem}
label.form-check-label:hover {color:#0069d9}

.form-label, b, strong {font-weight:bold;color:#444}
.card, .table-max-width-900, .alert {max-width:900px}
.form-check-label {cursor: pointer}
.form-group {margin-bottom: 0.7rem;}

iframe#refreshframe {display:none;border:0;position:absolute}

.table-pagging tr th {font-size:0.9rem}
.table-pagging tr td {font-size:0.9rem;padding:4px 6px !important}

.btn-sm {padding:.18rem .5rem;font-size:.850rem}
.btn-success.btn-sm {padding:.18rem .6rem}

a.btn-danger {background:#c00}
a.btn-danger:hover {background:#e43}

.btn svg {position: relative;top:-2px;left: -4px}

.active {color:#191}
.non-active {color:#999}

.pagging-svg {height:21px;width:30px}

#loginform {max-width: 300px}

.table td, .table th {
    border-top: 0;
    border-bottom: 1px solid #dee2e6;
}

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

.menu-zoom {color:#fff;font-weight:bold;display:block;padding-left:20px}

.filter_box {
  background-color: #fff;
  display:none;
  position:absolute;
  top:100px;
  left:250px;
  min-width: 305px;
  padding: 5px;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: #999 3px 3px 10px; 
  padding-bottom:12px;
}
.filter_box form {padding:0 6px}

#filtr-header {margin-bottom: 8px}
#filtr-header tr td {padding:4px 8px 7px 8px !important;color:#eee;background:#503816;font-size:1.0rem}
#filtr-header tr td img {cursor: pointer}

.filtr-header {margin-bottom: 8px}
.filtr-header tr td {padding:4px 8px 7px 8px !important;color:#eee;background:#503816;font-size:1.0rem}
.filtr-header tr td img {cursor: pointer}

.tabs {border-spacing:1px;margin-bottom:10px;margin-top:18px}
.tab a {padding:8px 20px !important;display:block;border-radius: 5px 5px 0 0;border: 1px solid #ddd;font-size:1.0rem;color:#333}
.tab a:hover {text-decoration: none;border:1px solid #999}
.tab-active a, .activetab a {text-decoration: none;padding:8px 20px !important;display:block;border-radius: 5px 5px 0 0;border: 1px solid #222;background:#222;color:#fff;font-size:1.0rem}

.sidebar-item.aktiv a {color:#fff !important;font-weight:bold;text-shadow:1px 2px 2px #555} 
.sethidden {display:none !important;}

.sidebar-dropdown .sidebar-item.active .sidebar-link,.sidebar-dropdown .sidebar-link:hover, 
.sidebar-item.active .sidebar-link:hover,.sidebar-item.active>.sidebar-link,.sidebar-link:hover{background:#df8f08;color:#fff}

.files a {font-size:1rem}
.files svg {width:16px;position:relative;top:-2px;left:0}

.text-decoration-underline {text-decoration: underline !important}

.form-inline {display: inline-block;white-space:nowrap}
.form-inline input.predcisli {width:20%}
.form-inline input.cislo {width:79%}

::-webkit-input-placeholder { /* Edge */
  color: #ddd;
}

:-ms-input-placeholder {
  color: #ddd;
}
::placeholder {
  color: #ddd;
}
.disabled-input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #777 !important;
    
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background-color: #e9ecef;
    white-space: nowrap;
    overflow: hidden
}
.disabled-input a {
    color: #777 !important;
} 
.activerow2, .activerow2 td {background:#fcddaa !important}
.stornovany, .stornovany td {text-decoration:line-through !important}

.orderable { white-space:nowrap !important; cursor:hand;cursor:pointer;color: #f9a61b !important;}

.orderimage {
  display:inline-block;
  width:0px;
  height:0px;
  margin-left:5px;
  vertical-align: middle;
}
.noorder .orderimage { border:0; }
.ascorder .orderimage { 
  border-bottom:4px solid #f9a61b;
  border-right: 4px solid transparent;
  border-top: 0 dotted;
  border-left: 4px solid transparent;
}
.descorder .orderimage {
  border-top:4px solid #f9a61b;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
}

/* STYLY PRO HELP */
.help_hide_me,.help_show_me,.help_edit_me {color: #999; font-weight:normal; cursor:hand;cursor:pointer;text-decoration:underline;}
.help_hide_me:hover,.help_show_me:hover,.help_edit_me:hover {text-decoration:underline;}
.help_show_me {font-weight: bold;color:#f9a61b;margin-right:5px}
.help_show_me:after {
  content: 'Nápověda';
}
.help_edit_me:after {
  content: 'Editovat help';
}
.help_presun_mne {
  border:1px solid #bbb;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color:white;
  -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
  
  width:500px !important;
  height:470px;

  padding:15px;
  position:absolute !important;
  top:5px;
  left:5px;
  text-align:left;
  vertical-align:top;
  z-index: 1000;

}
.help_hide_me {
  margin:0 !important;
  float:right;
  position:relative !important;
  top:26px;
  left:-5px;
  font-size:15px;
  font-weight:bold;
  cursor:hand;cursor:pointer;
  width:20px;
  height:20px;
  text-align:center;
  vertical-align:middle;
  z-index: 1001;
}
.help_hide_me span {
  display: none;
}
.help_hide_me:after {
  content: 'X';
  text-decoration:none;
}
.help_show_me span {
   display: none; 
}
.help_edit_me {

}
.help_edit_me span {
   display: none;
}
.help_edit_me:after {
  content: 'Editovat help';
}
.help_clear {margin:0 !important; clear:both;}
.help_body, .help_obsah {
    background-color:white;
    
    white-space: normal !important;
    position:relative !important;
    top:0px !important;
    left:0px !important;
}
.help_body {
  width:480px !important;
  margin:0 !important;
}
.help_obsah {
  padding:12px 5px 12px 5px;
  width:470px !important;
  height:390px;
  overflow-x: hidden;
  overflow-y: auto;
  color:#222 !important;
  margin:10px 0 0 0 !important;
}
.help_nadpis {
    cursor: move;
    background:#f9a61b;padding:6px 10px;color:#fff !important;font-size:15px !important;
    width:470px !important;
    white-space: nowrap; !important;
    position:relative !important;
    top:0px !important;
    left:0px !important;
    margin:0 !important;

}
.help_nadpis b {color:#fff !important}
.help_hide_me, .help_hide_me:hover {color:#fff !important;text-decoration:none}
.help_presun_mne {padding-top:0}
/* HELP KONEC */

input#zajem_o_pojisteni {
    width: 1em;
    height: 1em;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #cd0001;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position:relative;
    top:5px;
    left:2px;
    -webkit-print-color-adjust: exact;
}
input#zajem_o_pojisteni:checked {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

@media (max-width: 1280px) {
    #page_title span {display: none}            
}