@charset "UTF-8";
/*    @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700|Roboto:300,400,700');
    @import url('https  ://fonts.googleapis.com/css?family=PT+Mono'); */
@font-face {
  font-family: "OpenSansReg", sans-serif;
  src: url("../fonts/Open_Sans/OpenSans-Regular.ttf");
}
/*    @font-face {
        font-family: 'OpenSansLight', sans-serif;
        src        : url('../fonts/Open_Sans/OpenSans-Light.ttf');
        font-weight: lighter;
    }
    @font-face {
        font-family: 'OpenSansSemiBold', sans-serif;
        src        : url('../fonts/Open_Sans/OpenSans-SemiBold.ttf');
        font-weight: bold;
    }
    @font-face {
        font-family: 'OpenSansBold', sans-serif;
        src        : url('../fonts/Open_Sans/OpenSansBold.ttf');
    }*/
@font-face {
  font-family: "PTMono", monospace;
  src: url("../fonts/PT_Mono/PTM55FT.ttf");
}
@font-face {
  font-family: Roboto, monospace;
  src: url("../fonts/Roboto/Roboto-Regular.ttf");
}
.select2-container--default .select2-results__option.optInvisible {
  display: none;
}

html {
  box-sizing: border-box;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
  content: " ▴▾";
}

body {
  font-family: "OpenSansReg", sans-serif;
  color: #258fce;
  margin: 0;
  padding: 0px;
  box-sizing: border-box;
}

.errorMessage {
  padding: 30px;
  margin: 30px;
  border-radius: 15px;
  background-color: #f5f5f5;
  color: #3f3a34;
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.3);
}
.errorMessage h1 {
  color: #bc6060;
  margin-bottom: 15px;
}
.errorMessage h2 {
  margin-bottom: 10px;
  font-size: 16pt;
}
.errorMessage a {
  color: #258fce;
}
.errorMessage .highlight {
  color: #258fce;
}

.errorSk {
  padding: 15px;
  margin: 10px;
  border-radius: 10px;
  background-color: #f5f5f5;
  color: #3f3a34;
  box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  max-width: 750px;
}
.errorSk .ico {
  font-size: 28pt;
  color: #258fce;
  margin-right: 15px;
}
.errorSk p {
  max-width: 750px;
}
.errorSk a {
  color: #258fce;
}
.errorSk .highlight {
  color: #258fce;
}

/*---------------------

EditRec s div a span
 */
.dataEdit h2 {
  margin-bottom: 20px;
}
.dataEdit .row {
  height: 20px;
  margin-bottom: 15px;
}
.dataEdit .row .left {
  width: 200px;
  display: inline-block;
}
.dataEdit .row .right {
  width: 400px;
  display: inline-block;
}
.dataEdit .row .right input {
  width: 100%;
}
.dataEdit .row .right .select-2 {
  width: 100%;
}

object {
  margin: 0;
  padding: 0;
  display: block;
}

button {
  outline: none;
}

input {
  outline: none;
  box-sizing: border-box;
}

label {
  cursor: pointer;
}

select {
  box-sizing: border-box;
  margin: 0;
  outline: none;
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
  padding: 0;
  font-family: "OpenSansReg", sans-serif;
  font-weight: normal;
}

.hide {
  display: none;
}

/* select 2 */
.select-2-1 .select2-selection__choice {
  width: 97% !important;
  padding: 5px !important;
}
.select-2-1 .select2-selection__rendered {
  padding: 5px 5px 12px 5px !important;
}

.show {
  display: initial;
}

.warningExspirace .i {
  color: #ffd47b;
}

.failedExspirace .i {
  color: #bc6060;
}

.noticeExspirace .i {
  color: #2997dc;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                          supported by Chrome and Opera */
}

.labelCheck_1 input[type=radio] {
  display: none;
}
.labelCheck_1 input[type=radio]:checked + label {
  background-color: black;
  color: #fff;
}
.labelCheck_1 label {
  color: black;
  text-align: center;
  background-color: #68ebf9;
  cursor: pointer;
  padding: 10px;
  margin: 0 2px;
  font-size: 11pt;
  display: block;
}

.tdNav1 {
  padding-left: 20px !important;
}

.tdNav2 {
  padding-left: 40px !important;
}

.tdNav3 {
  padding-left: 60px !important;
}

.tdNav4 {
  padding-left: 80px !important;
}

.tdNav5 {
  padding-left: 100px !important;
}

.checkbox2x {
  display: inline-block;
  margin-right: 10px;
}

.checkbox2x input[type=checkbox] {
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
  cursor: pointer;
}

.radio2x input[type=radio] {
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
  cursor: pointer;
}

.checkbox2x label {
  font-size: 16pt;
}

.radio2x label {
  font-size: 16pt;
}

.checkbox1-5x input[type=checkbox] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  cursor: pointer;
}

.radio1-5x input[type=radio] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  cursor: pointer;
}

.h3-modal-dl {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 3px solid #82cdfb;
}

.h3_1 {
  font-size: 18pt;
  margin: 10px 0;
  color: #ffd47b;
  font-weight: bold;
}

.hide-until-print {
  display: none !important;
}

.headerNadFiltr {
  margin: 10px 0 15px 0;
}

.container-global {
  width: 99%;
  margin: auto;
}

.container-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.container-flex-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.wrap {
  flex-wrap: wrap;
}

.obj-icon-sm {
  width: 35px;
}

.obj-icon-med {
  width: 75px;
}

.obj-icon-lg {
  margin: 10px 10px 10px 10px;
  width: 150px;
}

.width100 {
  width: 100%;
}

.width50 {
  width: 50%;
}

.width90 {
  width: 90% !important;
}

.width75px {
  width: 75px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-left-10 {
  margin-left: 10px;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.objSelPriorita {
  padding: 2px;
}

.table_no_pointer tr {
  cursor: default !important;
}
.table_no_pointer tr td {
  cursor: default !important;
}

.select-no-arrow {
  /* for Firefox */
  -moz-appearance: none;
  /* for Chrome */
  -webkit-appearance: none;
}

.select-no-arrow[disabled] {
  color: black;
  opacity: 1;
}

.select-no-arrow::-ms-expand {
  display: none;
}

.page-header {
  margin: 15px 0;
}

/* COLOR */
.yellowChange {
  background-color: yellow;
}
.yellowChange:hover {
  color: black;
}

.white {
  color: #fff !important;
}

.black {
  color: black;
}

.black2 {
  color: #3f3a34;
}

.lightGrey {
  color: #ebe7e7;
}

.modra-login {
  color: #258fce;
}

.Greenhighlight {
  color: #57d943 !important;
}

.TdGreen {
  background-color: #57d943 !important;
}

.TdRed {
  background-color: lightpink !important;
}

.highlightObj {
  color: #82cdfb;
}

.highlightSk {
  color: #2997dc !important;
}

.highlightGreen {
  color: #57d943 !important;
}

.highlightRedMild {
  color: #bc6060 !important;
}

.highlightGrey {
  color: #656464;
}

.highlightLog {
  color: #875b5b;
}

.highlightOranz {
  color: #f29a67 !important;
}

.highlightYellow {
  color: yellow;
}

.bgYellow {
  background-color: yellow !important;
}

.bgVz {
  background-color: #f2f2f2 !important;
}

.highlightKat {
  background-color: #328588 !important;
}

.highlightBlack {
  color: black !important;
}

.highlightWhite {
  color: #fff !important;
}

.bgBlack {
  background-color: black !important;
}

.bgAi {
  background-color: #a21a7b !important;
}

.bgAi2 {
  background-color: #e8f484 !important;
}

.bgGreen {
  background-color: #57d943 !important;
}

.highlightObjOdeslana {
  background-color: #caf7ff;
  /* &:hover {
      background-color: $mild-oranz !important;
    } */
}

.highlightObjVykryta {
  background-color: #d4fdce;
  /*  &:hover {
       background-color: $mild-oranz !important;
     } */
}

.bgGreenVeryLight {
  background-color: #d4fdce !important;
}

.bgObj {
  background-color: #82cdfb !important;
}

.bgLog {
  background-color: #875b5b !important;
}

.bgDOD {
  background-color: #c67605;
}

.bgModraLogin {
  background-color: #258fce !important;
}

.bgMenuSettings {
  background-color: #257aaf;
}

.bgRedMild {
  background-color: #bc6060 !important;
}

.bgRedMild2 {
  background-color: #ff6666 !important;
}

.bgMildOranz {
  background-color: #ffd47b !important;
}

.bgGrey {
  background-color: #656464 !important;
}

.bglightGrey {
  background-color: #ebe7e7 !important;
}

.bgVeryLightGrey {
  background-color: #f4f4f4;
}

.bgOranz2 {
  background-color: #ffa500 !important;
}

.bgMr {
  background-color: #055d99 !important;
  fill: #055d99;
}

.bgCk {
  background-color: #328588 !important;
  fill: #328588;
}

.bgSk {
  background-color: #2997dc !important;
  fill: #2997dc;
}

.bgHd {
  background-color: #fde1d1;
  fill: #fde1d1;
}

.bgAntique {
  background-color: #faebd7 !important;
}

.messagesNumber {
  float: right;
  margin-top: -9px;
  padding: 0px 6px 0 6px;
  position: absolute;
  margin-left: 32px;
  font-weight: bold;
  font-size: 14pt;
  color: white;
  background-color: #69c3fa;
}

.selectedMenu {
  background-color: black;
}

.dataTableModal {
  background-color: #f4f4f4;
  min-height: 150px;
  min-width: 250px;
  display: none;
  position: fixed;
  top: 10px;
  left: 10px;
  padding: 10px;
  max-width: 65%;
  overflow: auto;
  z-index: 1000;
  box-shadow: 1px 9px 21px 1px rgba(0, 0, 0, 0.5);
}
.dataTableModal .dataTableModalClose {
  position: fixed;
  background-color: #82cdfb;
  padding: 0 5px;
  top: 1px;
  color: black;
  cursor: pointer;
  border-radius: 3px;
}
.dataTableModal .dataTableModalClose:hover {
  color: #bc6060;
}
.dataTableModal .dataTableModalCloseHeader {
  position: fixed;
  top: 4px;
  left: 55px;
  font-size: 16pt;
  color: black;
  font-weight: 600;
  background-color: #82cdfb;
  padding: 0 5px;
  border-radius: 3px;
}
.dataTableModal .item {
  background-color: #fff;
  margin: 3px 0;
  padding: 5px;
  color: #3f3a34;
  border-radius: 5px;
}

.kontrolniTab {
  margin-top: 20px;
  border: none;
}
.kontrolniTab table {
  border-collapse: collapse;
  border: none;
}
.kontrolniTab table tr:nth-child(even) {
  background-color: #f4f4f4;
}
.kontrolniTab table tr:nth-child(odd) {
  background-color: #fff;
}
.kontrolniTab table tr:hover {
  background-color: #ffd47b;
}
.kontrolniTab table th {
  color: #fff;
  padding: 12px 12px;
  font-weight: 400;
  background-color: black;
  font-size: 11pt;
  border: none;
  font-size: 12pt;
}
.kontrolniTab table td {
  color: black;
  padding: 10px 10px;
  cursor: pointer;
  border: none;
}
.kontrolniTab table .i {
  font-size: 17pt;
}
.kontrolniTab table .i:hover {
  color: black;
}

.SKKK {
  margin-top: 50px;
}
.SKKK h2 {
  margin-bottom: 10px;
}

/*---------*/
.icon-modra-cerna {
  color: #82cdfb;
}
.icon-modra-cerna:hover {
  color: black;
}

/* sortable */
.sortable th {
  cursor: pointer;
}

/* --------- */
.page_header {
  padding: 15px 0 10px 0;
  font-size: 25pt;
  text-align: left;
}

.helpdesk .page_header {
  text-align: center;
}

.pages {
  display: flex;
  flex-direction: row;
  color: black;
  font-size: 16pt;
  margin: 25px 0 5px 0;
  float: left;
  flex-wrap: wrap;
}
.pages .this-page {
  padding: 3px 6px;
  color: black;
  background-color: #68ebf9 !important;
  border: none !important;
}
.pages .item {
  margin: 0 5px;
}
.pages a {
  color: black;
}
.pages a .i {
  font-size: 20pt;
  display: inline-block;
}
.pages .pocet-zaznamu {
  color: black;
}

.InternetExplorerSucks {
  background-color: #ffd47b;
  color: black;
  padding: 10px;
  position: fixed;
  top: 10px;
  left: 10px;
  width: 99%;
}

/*
---------------------
HEADERS
-----------------------------
*/
.head1 {
  background-color: #258fce;
  padding: 5px 10px;
  margin-bottom: 15px;
  color: #fff;
}

/**/
/*-----VALIDATOR-----*/
.vd-alert {
  font-size: 12pt;
  display: inline;
  margin-left: 2px;
}

.pointer {
  cursor: pointer;
}

.inline {
  display: inline;
}

.input1-5 input[type=radio] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  transform: scale(1.5);
  /* Opera */
  padding: 10px;
  cursor: pointer;
  margin-right: 10px;
}
.input1-5 input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  transform: scale(1.5);
  /* Opera */
  padding: 10px;
  cursor: pointer;
  margin-right: 10px;
}

.black1 {
  background-color: black;
  color: #fff;
  padding: 5px;
}

.nadpisModalGlobal {
  font-size: 25pt;
  margin: 5px 0;
}

.line-through {
  text-decoration: line-through;
}

ul {
  margin: 0;
  padding: 0;
}
ul li {
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
  box-sizing: border-box;
}

div {
  box-sizing: border-box;
}

.colorBlack {
  color: black;
}

.centerTd {
  text-align: center !important;
}

.centerLeft {
  text-align: left !important;
}

.centerRight {
  text-align: right !important;
}

.center-text {
  text-align: center;
}

.center {
  margin: auto;
}

.i-hoverBlack:hover {
  color: black;
}

.i-hoverRedMild:hover {
  color: #bc6060;
}

.hidden {
  display: none;
}

.nahoru {
  display: none;
  background-color: yellow;
  padding: 4px 9px;
  font-size: 18pt;
  right: 1%;
  bottom: 1%;
  position: fixed;
  opacity: 0.8;
  border-radius: 7px;
  z-index: 99999;
  cursor: pointer;
}

.nahoruModalGlobal {
  display: none;
  /*  display     : block; */
  background-color: yellow;
  padding: 6px 11px;
  font-size: 18pt;
  position: fixed;
  opacity: 0.7;
  right: 5%;
  bottom: 3%;
  z-index: 150;
  cursor: pointer;
}

.click2 {
  background-color: #ffd47b !important;
}

.click3 td {
  background-color: #68ebf9 !important;
}

.black {
  color: black;
}

.semi-bold {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.margin-top20 {
  margin-top: 20px !important;
}

.margin-top10 {
  margin-top: 10px !important;
}

.margin-bottom10 {
  margin-bottom: 10px !important;
}

.margin-bottom20 {
  margin-bottom: 20px !important;
}

#filtr-table-toggle {
  float: left;
  padding: 3px;
  margin-top: 20px;
}
#filtr-table-toggle .i {
  font-size: 16pt;
}

.loginError {
  background-color: #bc6060;
  height: auto;
  color: #fff;
  padding: 10px;
  width: 350px;
  position: fixed;
  top: 194px;
  left: 33%;
  box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.label-width-200 {
  width: 200px;
  display: inline-block;
}

.document-editor__editable-container {
  border: 1px solid black;
  color: black;
  min-height: 400px;
}
.document-editor__editable-container .document-editor__editable {
  min-height: 400px;
}

#editDl {
  background-color: #ebe7e7;
  border: 2px solid #82cdfb;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#editDl .item {
  margin: 0 10px 0px 0;
}

#genSumDodDiv {
  background-color: #ebe7e7;
  border: 2px solid #82cdfb;
  padding: 10px;
}

.detail1-column {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.detail1-column .item {
  padding: 7px;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}
.detail1-column .item .fa-calendar-alt {
  margin-right: 5px;
}
.detail1-column .item .detail1_info {
  display: inline-block;
  margin-top: 5px;
  color: black;
}
.detail1-column .item label {
  display: inline-block;
  width: 250px;
  font-size: 14pt;
  margin-right: 5px;
}
.detail1-column .item .label_lg {
  width: 250px;
}
.detail1-column .item .label_sm {
  width: 150px;
}
.detail1-column .item input {
  margin-right: 5px;
  font-size: 11pt;
  width: 350px;
  padding: 4px;
  border: 1px solid #bababa;
  border-radius: 4px;
}
.detail1-column .item input:focus {
  border: 1px solid #258fce;
  border-radius: 4px;
}
.detail1-column .item input[type=radio] {
  width: auto;
  margin-right: 15px;
  display: inline-block;
  cursor: pointer;
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  transform: scale(1.5);
  /* Opera */
}
.detail1-column .item input[type=checkbox] {
  width: auto;
  margin-right: 15px;
  display: inline-block;
  cursor: pointer;
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  transform: scale(1.5);
  /* Opera */
}
.detail1-column .item .lblradio {
  width: auto;
  display: inline-block;
  margin-right: 50px;
}
.detail1-column .item .lblcheckbox {
  margin-right: 20px;
  display: inline-block;
  width: auto;
}
.detail1-column .item .inputDate {
  display: inline-block;
  width: 100px;
}
.detail1-column .item .lblInputDate {
  display: inline-block;
  width: 50px;
}
.detail1-column .item textarea {
  margin-right: 5px;
  font-size: 11pt;
  width: 600px;
  padding: 4px;
  border: 1px solid #bababa;
  /* resize       : none; */
  border-radius: 4px;
  outline: none;
}
.detail1-column .item textarea:focus {
  border: 1px solid #258fce;
  border-radius: 4px;
}
.detail1-column .item select {
  font-size: 11pt;
  padding: 2px;
  width: 350px;
  border: 1px solid #bababa;
  border-radius: 4px;
}
.detail1-column .item .row-item {
  margin-right: 25px;
  margin-bottom: 5px;
}
.detail1-column .item input[type=checkbox].toggle {
  display: none;
}
.detail1-column .item input[type=checkbox].toggle:checked + label {
  background-color: #2997dc;
}
.detail1-column .item input[type=checkbox].toggle:checked + label:hover {
  background-color: black;
}
.detail1-column .item label.checkbox {
  background-color: #82cdfb;
  color: #fff;
  cursor: pointer;
  width: auto !important;
  font-size: inherit !important;
  padding: 10px;
}
.detail1-column .item label.checkbox .i {
  margin-right: 5px;
}
.detail1-column .item label.checkbox:hover {
  background-color: black;
}

.input1 {
  font-size: 12pt;
  width: 60px;
}

.radioBtns1 input[type=radio].toggle {
  display: none;
}
.radioBtns1 input[type=radio].toggle:checked + label {
  background-color: black;
  color: #fff;
}
.radioBtns1 .checkbox {
  padding: 3px 6px;
  background-color: #328588;
  color: #fff;
  margin: 0 2px;
  padding: 7px 10px;
  cursor: pointer;
}
.radioBtns1 .checkbox:hover {
  background-color: #656464;
  color: #fff;
}
.radioBtns1 .checkbox .i {
  margin-right: 5px;
}

.btn-mess-1 {
  padding: 10px;
  background-color: #e8f484;
  color: #3f3a34;
}
.btn-mess-1:hover {
  background-color: black;
  color: #fff;
}
.btn-mess-1 .i {
  margin-right: 7px;
}

button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: none;
}

.btn-1 {
  background-color: #9fdcf4;
  color: #fff;
  font-size: 16px;
  padding: 7px 13px;
}
.btn-1 .i {
  margin-right: 10px;
}

.btn-1:hover {
  background-color: #2b8fce;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}

.btn-2 {
  color: black;
  background-color: #ffd47b;
  padding: 15px 25px;
  margin: 2px 3px;
  font-size: 12pt;
}
.btn-2:hover {
  color: #fff;
  background-color: black;
}
.btn-2 .i {
  font-size: 17pt;
  margin-right: 10px;
}
.btn-2 a {
  color: inherit;
}
.btn-2:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn-ai-1 {
  color: #3f3a34;
  background-color: #e8f484;
  padding: 20px 30px;
  font-size: 16pt;
  border-radius: 10px;
  margin: 5px;
}
.btn-ai-1:hover {
  color: #fff;
  background-color: #82cdfb;
}
.btn-ai-1 .i {
  font-size: 22pt;
  margin-right: 10px;
}
.btn-ai-1:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn-ai-2 {
  color: #3f3a34;
  background-color: #258fce;
  padding: 15px 15px;
  font-size: 14pt;
  border-radius: 10px;
  margin: 10px 0;
  color: #fff;
}
.btn-ai-2:hover {
  color: #fff;
  background-color: #fad24d;
}
.btn-ai-2 .i {
  font-size: 22pt;
  margin-right: 10px;
}

.btn-3 {
  color: black;
  background-color: #ddd8d8;
  padding: 15px 30px;
  margin: 0 3px;
  font-size: 13pt;
  margin: 4px;
}
.btn-3:hover {
  color: #fff;
  background-color: black;
}
.btn-3 .i {
  font-size: 26pt;
  margin-right: 15px;
}
.btn-3:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn-4 {
  background-color: #257aaf;
  padding: 9px 12px;
  margin: 0 1px;
  font-size: 14pt;
}
.btn-4:hover {
  background-color: black;
  color: #fff;
}

.btn-4-active {
  background-color: black;
  color: #fff;
}

.btn-filtr-4 {
  margin: 5px;
  font-size: 16pt;
  font-weight: 600;
  color: black;
  border: none;
  background-color: #78f965;
  padding: 17px;
}
.btn-filtr-4:hover {
  background-color: black;
  color: #fff;
}
.btn-filtr-4 .i {
  margin-right: 10px;
}

.btn-filtr {
  background-color: #78f965;
  padding: 11px 10px 11px 10px;
  margin: 3px;
}
.btn-filtr .i {
  margin-right: 5px;
}
.btn-filtr:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.btn-filtr-obj {
  background-color: #82cdfb;
  padding: 11px 10px 11px 10px;
  margin: 3px;
}
.btn-filtr-obj:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-filtr-obj:hover {
  background-color: black;
  color: #fff;
}
.btn-filtr-obj .i {
  margin-right: 10px;
}

.btn-filtr-2rada {
  background-color: #ffd47b;
  padding: 11px 10px 11px 10px;
  margin: 3px;
}
.btn-filtr-2rada:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-filtr-2rada:hover {
  background-color: black;
  color: #fff;
}
.btn-filtr-2rada .i {
  margin-right: 5px;
}

.btn-filtr:hover {
  background-color: black;
  color: #fff;
}

.btn-filtr-green-1 {
  background-color: #78f965;
  padding: 8px 10px 10px 10px;
  margin: 3px;
  font-size: 14pt;
}
.btn-filtr-green-1:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-filtr-green-1:hover {
  background-color: black;
  color: #fff;
}
.btn-filtr-green-1 .i {
  margin-right: 10px;
}

.btn-filtr-2 {
  padding: 10px 10px 10px 10px;
  margin: 3px;
  color: #fff;
  background-color: #2997dc;
}
.btn-filtr-2:hover {
  background-color: black;
}
.btn-filtr-2:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-filtr-2 .i {
  margin-right: 8px;
}
.btn-filtr-2.check {
  background-color: black;
}

.btn-big {
  padding: 15px 20px;
  border: 2px solid #328588;
  font-size: 13pt;
  color: #258fce;
  background-color: #f5f5f5;
  margin: 0 5px;
}
.btn-big:hover {
  background-color: black !important;
  color: #fff;
  border: 2px solid black;
}
.btn-big:disabled {
  opacity: 0.6;
  cursor: context-menu;
}

.btn-big-2 {
  padding: 5px 10px;
  border: 2px solid #328588;
  font-size: 13pt;
  color: #258fce;
  background-color: #f5f5f5;
  margin: 0 5px;
}
.btn-big-2:hover {
  background-color: black !important;
  color: #fff;
  border: 2px solid black;
}
.btn-big-2:disabled {
  opacity: 0.6;
  cursor: context-menu;
}

.btn-big:disabled:hover {
  background-color: #f5f5f5;
  border: 2px solid #328588;
  color: #258fce;
}

.btn-save {
  padding: 10px 15px;
  border: 3px solid #57d943;
  font-size: 16pt;
  color: #fff;
  background-color: #57d943;
  margin: 10px 5px;
  border-radius: 10px;
}
.btn-save:hover {
  background-color: black;
  color: #fff;
  border: 3px solid black;
  /* box-shadow      : 0px 0px 16px #888; */
}
.btn-save:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-save .i {
  margin-right: 10px;
}

.btn-delete {
  padding: 10px 15px;
  border: 3px solid #bc6060;
  font-size: 16pt;
  color: #fff;
  background-color: #bc6060;
  margin: 10px 5px;
  border-radius: 10px;
}
.btn-delete:hover {
  background-color: black;
  color: #fff;
  border: 3px solid black;
  box-shadow: 0px 0px 16px #888;
}
.btn-delete:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-delete .i {
  margin-right: 10px;
}

.btn-small {
  padding: 3px 6px;
  background-color: #fff;
  color: #258fce;
  margin: 0 2px;
}
.btn-small:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.btn-small:hover {
  color: #fff;
}

.btn-small-2 {
  padding: 7px 11px;
  background-color: #258fce;
  color: #fff;
}
.btn-small-2:hover {
  background-color: black;
}
.btn-small-2 .i {
  margin-right: 5px;
}

.sk-menu-btns {
  padding-top: 7px;
}
.sk-menu-btns button {
  background-color: #2997dc;
  padding: 10px;
  color: #fff;
  margin-right: 7px;
  font-size: 12pt;
}
.sk-menu-btns button:hover {
  background-color: black;
}
.sk-menu-btns .i {
  font-size: 20pt;
  margin-right: 10px;
}

.btn-sett {
  color: #fff;
  background-color: #257aaf;
  padding: 12px 12px;
  font-size: 14pt;
  border-radius: 10px;
}
.btn-sett:hover {
  background-color: black !important;
}
.btn-sett:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.btn-sett .i {
  margin-right: 10px;
}

.aresDetail .item {
  border-bottom: 1px solid black;
  align-items: center;
  display: flex;
  height: 30px;
}
.aresDetail .item:nth-child(odd) {
  background-color: #ebe7e7;
}
.aresDetail .item:first-child {
  background-color: inherit;
}
.aresDetail .item .title {
  width: 200px;
  display: inline-block;
}
.aresDetail .item .puvodni {
  width: 250px;
  display: inline-block;
}
.aresDetail .item .ares {
  width: 250px;
  display: inline-block;
}
.aresDetail .red {
  background-color: #bc6060 !important;
  color: white;
}

#Seek,
#SeekDownload,
#nacistZad,
#nacistCyt,
.OBJnacistZad,
#nacistObj {
  margin: 0;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 16pt;
  font-weight: 400;
  color: black;
  border: none;
  background-color: #78f965;
  padding: 12px 12px;
  border-radius: 7px;
}
#Seek:hover,
#SeekDownload:hover,
#nacistZad:hover,
#nacistCyt:hover,
.OBJnacistZad:hover,
#nacistObj:hover {
  color: #fff;
  background-color: black;
}
#Seek .i,
#SeekDownload .i,
#nacistZad .i,
#nacistCyt .i,
.OBJnacistZad .i,
#nacistObj .i {
  margin-right: 10px;
}

/*  #nacistZad{
        font-size: 14pt;
        padding  : 8px 15px;
    } */
.triggerMessageTo {
  color: #57d943;
  margin-left: 7px;
  cursor: pointer;
}
.triggerMessageTo:hover {
  color: black;
}

/*login*/
.login-container {
  background-image: url(../../img/loginBG2.svg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom right;
  box-sizing: border-box;
}
.login-container #verejnaNastenka {
  background-color: transparent;
  width: 100%;
  margin: 50px auto 0;
  max-width: 1200px;
}
.login-container #verejnaNastenka .nastenka_container {
  padding: 20px 5px;
  display: flex;
  flex-direction: column;
}
.login-container #verejnaNastenka .nastenka_container #nastenkaMore {
  font-size: 14pt;
  color: #258fce;
  background-color: #fde1d1;
  margin-top: 10px;
  width: 150px;
}
.login-container #verejnaNastenka #filtrNastenka {
  display: block;
  float: right;
  margin-right: 20px;
  color: inherit;
}
.login-container #verejnaNastenka .info {
  float: right;
  margin: 0;
  padding: 5px 30px;
  color: #f29a67;
  font-size: 11pt;
}
.login-container #verejnaNastenka .nastenka-flex-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  opacity: 0.6;
  opacity: 0.6;
  margin-bottom: 15px;
}
.login-container #verejnaNastenka .nastenka-flex-row .header {
  width: 100%;
  padding: 10px 10px 5px 10px;
}
.login-container #verejnaNastenka .nastenka-flex-row:hover {
  opacity: 1;
}
.login-container #verejnaNastenka .nastenka-flex-row .content {
  height: 300px;
  overflow: hidden;
  color: black;
  padding: 5px 10px 5px 10px;
}
.login-container #verejnaNastenka .nastenka-flex-row .content h3 {
  font-size: 18pt;
  font-weight: bold;
  margin-bottom: 10px;
}
.login-container #verejnaNastenka .nastenka-flex-row .content p {
  padding-bottom: 10px;
}

#verejnaNastenkaModal {
  background-color: #ebe7e7;
  width: 100%;
  margin: auto;
  max-width: 1200px;
}
#verejnaNastenkaModal .nastenka_container {
  padding: 20px 5px;
  display: flex;
  flex-direction: column;
}
#verejnaNastenkaModal .nastenka_container #nastenkaMore {
  font-size: 14pt;
  color: #258fce;
  background-color: #fde1d1;
  margin-top: 10px;
  width: 150px;
}
#verejnaNastenkaModal .nastenka_container #nastenkaMore:hover {
  color: #3f3a34;
}
#verejnaNastenkaModal .nastenka-flex-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 15px;
}
#verejnaNastenkaModal .nastenka-flex-row .header {
  width: 100%;
  padding: 10px 10px 5px 10px;
}
#verejnaNastenkaModal .nastenka-flex-row .content {
  color: black;
  padding: 5px 10px 5px 10px;
}
#verejnaNastenkaModal .nastenka-flex-row .content h3 {
  font-size: 18pt;
  font-weight: bold;
  margin-bottom: 10px;
}
#verejnaNastenkaModal .nastenka-flex-row .content p {
  padding-bottom: 10px;
}

.login {
  margin: auto;
  margin: auto;
  width: 370px;
}
.login .svg-container {
  margin: auto;
  height: 75px;
  width: 255px;
}
.login .login-div-svg-logo {
  width: 60px;
  height: 60px;
  float: left;
  margin: 0 10px 0 0;
}
.login .login-div-svg-logo svg {
  display: block;
}
.login h2 {
  padding: 13px 0 0 0;
}
.login label {
  display: block;
  padding-bottom: 8px;
  font-size: 12pt;
}
.login #login_SSO, .login #submit {
  float: left;
  padding: 12px 20px;
  margin-right: 12px;
  cursor: pointer;
  color: inherit;
  background-color: #68ebf9;
  color: black;
  font-size: 12pt;
  border: none;
}
.login #login_SSO:hover, .login #submit:hover {
  background-color: black;
  color: #fff;
}
.login #login_SSO .i, .login #submit .i {
  margin-right: 10px;
  color: #258fce;
}
.login .login-input {
  margin: 40px auto;
  display: flex;
  flex-direction: column;
}
.login .login-input div {
  margin-top: 10px;
}
.login .login-input label {
  padding-top: 5px;
  color: #258fce;
}
.login .login-input input {
  border: 1px solid #9fdcf4;
  background-color: #f7fbfe;
  padding: 8px;
  font-size: 14pt;
  width: 355px;
}
.login .login-input input:focus {
  border: 1px solid #2b8fce;
}
.login .login-input #form_save {
  background-color: #9fdcf4;
  color: #fff;
  font-size: 16px;
  padding: 7px 13px;
  float: right;
  margin: 15px 0 0 0;
}
.login .login-input #form_save:hover {
  background-color: #2b8fce;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.5);
}

.login-div-svg {
  padding: 70px 0 0 0;
  margin: auto;
  width: 300px;
  height: auto;
}

.login-div-svg svg {
  display: block;
  margin: auto;
}

.login-div-svg-logo {
  width: 75px;
  height: 75px;
  float: left;
}
.login-div-svg-logo .svg {
  display: block;
  margin: auto;
}

.menu-top {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 5px;
  height: 58px;
}

.menu-top-info {
  float: left;
  /* display           : flex;
          flex-wrap      : wrap;
          justify-content: flex-end;
          flex-direction : column; */
  margin: 0 0 0 1%;
}

.menu-top-info .item {
  border: 1px solid #258fce;
  float: left;
  box-sizing: border-box;
  padding: 4px 2px 0 2px;
  /* flex   : 1 100%; */
  min-width: 300px;
}

.menu-top-info h2 {
  font-size: 18px;
  display: block;
  margin: 0;
  padding: 0 0 0 5px;
  float: left;
}

.menu-top-info h3 {
  font-family: "OpenSansReg", sans-serif;
  font-size: 14px;
  display: block;
  margin: 0;
  padding: 1px 0 1px 3px;
  float: left;
}

.logo {
  margin-top: 1px;
  margin-left: 1px;
  width: 52px;
  height: 52px;
  border-radius: 5px;
  float: left;
  cursor: pointer;
  box-shadow: 0px 0px 5px 2px #c0c2ce;
}
.logo:hover {
  box-shadow: none;
}

#menu-dashboard {
  background-color: #87d5f3;
}

#menu-settings {
  background-color: #257aaf;
}

#menu-moduly {
  background-color: #80afcd;
}

#menu-messenger {
  background-color: #69c3fa;
}

#menu-helpdesk {
  background-color: #255d81;
}

#lg2 {
  background-color: #bc6060;
  /*background-color: #15354A;*/
}

.menu-top-control {
  display: flex;
  flex-direction: row;
  float: right;
  height: inherit;
}
.menu-top-control .item {
  height: inherit;
  width: 55px;
  cursor: pointer;
  padding-top: 4px;
}
.menu-top-control .item:hover {
  background-color: #111 !important;
}
.menu-top-control .item svg {
  display: block;
  margin: auto;
  padding: 10px 0 0 0;
}
.menu-top-control .item:hover svg {
  width: 38px !important;
  height: 38px !important;
  padding: 7px 0 0 0;
}

.container-dash-flex {
  display: flex;
  width: 100%;
  padding: 9px 0 0 0;
}

.container-dash-flex-aside {
  width: 50px;
  flex-direction: column;
  display: flex;
  padding-top: 6px;
}
.container-dash-flex-aside a {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  color: #fff;
}
.container-dash-flex-aside a .name {
  display: block;
  font-size: 16pt;
  margin: 22px 0 0 4px;
}
.container-dash-flex-aside a:hover {
  background-color: black !important;
}
.container-dash-flex-aside svg {
  cursor: pointer;
  margin: 0 0 15px 0;
}
.container-dash-flex-aside svg:hover rect {
  fill: #111 !important;
}
.container-dash-flex-aside svg:hover {
  background-color: black !important;
}
.container-dash-flex-aside svg text {
  font-size: 20px;
  fill: #fff;
}

.container-dash-flex-main {
  width: 100%;
  padding: 0 1% 0 1%;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  box-sizing: border-box;
  margin-top: 6px;
}

.moduly {
  padding: 0 5%;
  display: flex;
}
.moduly .item {
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  color: #111;
  width: 33%;
  border: 2px solid #fff;
  height: 275px;
}
.moduly .item:hover {
  background-color: #111 !important;
}
.moduly .item a {
  text-decoration: none;
  color: inherit;
}
.moduly .item h2 {
  padding: 20px 0 0 0;
}
.moduly .item svg {
  display: block;
  margin: auto;
  padding: 40px 0 70px 0;
}
.moduly .item:hover svg path {
  fill: #fff !important;
}
.moduly .item:hover svg {
  width: 150px;
  height: 150px;
  padding: 30px 0 20px 0;
}
.moduly .item:hover h2 {
  color: #fff;
}

.menu-bottom {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
}

.neosLogo {
  border-radius: 5px;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.neosLogo:hover .zmena {
  opacity: 0 !important;
}
.neosLogo:hover {
  border-radius: 0;
}

/* #aktualizaceKontrTab {
  display: none;
} */
/* #aktualizaceKontrTabObj {
  display: none;
} */
.dashboard {
  margin: 0 auto;
  padding: 0 1% 0 1%;
  display: flex;
  /* /ukoly */
}
.dashboard p {
  font-size: 16pt;
}
.dashboard .icon {
  float: left;
  margin-right: 10px;
}
.dashboard .item {
  padding: 30px 15px;
  margin-top: 5px;
  margin-bottom: 30px;
  box-sizing: border-box;
  box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-right: 15px;
}
.dashboard .item h2 {
  padding: 0 0 10px 0;
  margin: 0px auto;
  font-size: 22pt;
}
.dashboard .item .container p {
  padding-bottom: 10px;
}
.dashboard .third {
  width: 32%;
  min-width: 450px;
}
.dashboard #prehled {
  max-height: 360px;
  background-color: #dff3fb;
}
.dashboard #prehled p {
  padding: 10px 0;
  margin: 0;
}
.dashboard #news {
  background-color: #dff3fb;
  width: 100%;
}
.dashboard #news #newsMore {
  margin-left: 10px;
  font-size: 14pt;
  color: #258fce;
  background-color: #dff3fb;
  margin-top: 10px;
}
.dashboard #news #newsMore:hover {
  color: #3f3a34;
}
.dashboard #news .news_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dashboard #news .news_container .itemNews {
  background-color: #fff;
  padding: 10px;
  margin: 3px;
  color: #3f3a34;
  border-radius: 5px;
  width: 220px;
}
.dashboard #news .news_container .itemNews:hover {
  background-color: #f4f4f4;
}
.dashboard #news .news_container .itemNews:hover img {
  opacity: 1;
}
.dashboard #news .news_container .itemNews h3 {
  font-size: 14pt;
  padding: 5px;
}
.dashboard #news .news_container .itemNews img {
  width: 100%;
  height: 90px;
  object-fit: cover;
  opacity: 0.8;
  border-radius: 3px;
}
.dashboard #nastenka {
  background-color: #fde1d1;
  width: 100%;
}
.dashboard #nastenka .nastenka_container {
  padding: 20px 5px;
  display: flex;
  flex-direction: column;
}
.dashboard #nastenka .nastenka_container #nastenkaMore {
  font-size: 14pt;
  color: #258fce;
  background-color: #fde1d1;
  margin-top: 10px;
  width: 150px;
}
.dashboard #nastenka .nastenka_container #nastenkaMore:hover {
  color: #3f3a34;
}
.dashboard #nastenka #editNastenka {
  display: block;
  float: right;
  margin-right: 20px;
  cursor: pointer;
}
.dashboard #nastenka #editNastenka:hover {
  color: black;
}
.dashboard #nastenka #filtrNastenka {
  display: block;
  float: right;
  margin-right: 20px;
  color: inherit;
  cursor: pointer;
}
.dashboard #nastenka #filtrNastenka:hover {
  color: black;
}
.dashboard #nastenka .info {
  float: right;
  margin: 0;
  padding: 5px 30px;
  color: #f29a67;
  font-size: 11pt;
}
.dashboard #nastenka .info:hover {
  text-decoration: underline;
  cursor: pointer;
}
.dashboard #nastenka .nastenka-flex-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #fff;
  margin-bottom: 15px;
  cursor: pointer;
}
.dashboard #nastenka .nastenka-flex-row:hover {
  background-color: #ebe7e7;
}
.dashboard #nastenka .nastenka-flex-row .header {
  width: 100%;
  padding: 10px 10px 5px 10px;
}
.dashboard #nastenka .nastenka-flex-row .content {
  color: black;
  padding: 5px 10px 5px 10px;
}
.dashboard #nastenka .nastenka-flex-row .content h3 {
  font-size: 18pt;
  font-weight: bold;
  margin-bottom: 10px;
}
.dashboard #nastenka .nastenka-flex-row .content p {
  padding-bottom: 10px;
}
.dashboard #pocasi {
  background-color: #ffbf9c;
  max-height: 360px;
}
.dashboard #pocasi h2 {
  display: block;
  float: left;
}
.dashboard #pocasi #pocasi-mesto {
  float: left;
  padding: 3px;
  margin: 3px 5px 0 55px;
  border: 2px solid #258fce;
  color: #258fce;
  border-radius: 6px;
  outline: none;
}
.dashboard #pocasi table {
  color: #258fce;
  font-size: 14pt;
  border-collapse: collapse;
  /* tbody{
                      tr:nth-child(odd){
                          color: #fff;
                      }
                  } */
}
.dashboard #pocasi table td {
  padding: 3px 10px;
}
.dashboard #pocasi table td img {
  background-color: #258fce;
  border-radius: 100%;
  width: 80%;
}
.dashboard #ukoly {
  background-color: #fde1d1;
  max-height: 600px;
  overflow: auto;
}
.dashboard #ukoly .input input {
  border: none;
  padding: 5px 5px;
  color: inherit;
  font-size: 13pt;
  display: inline-block;
  width: 95%;
}
.dashboard #ukoly .tableUkoly {
  width: 100%;
  padding: 0px 5px 5px 0px;
}
.dashboard #ukoly .tableUkoly .ukoly {
  border-collapse: collapse;
  /*   tr:nth-child(even){
                          background-color: $veryLightGrey;
                      } */
}
.dashboard #ukoly .tableUkoly .ukoly td {
  border-bottom: 2px solid #258fce;
}
.dashboard #ukoly tr {
  border-bottom: 3px solid #fff;
  padding: 5px;
}
.dashboard #ukoly tr td {
  max-width: 100px;
  word-wrap: break-word;
}
.dashboard #ukoly .ukol {
  width: 100%;
  padding: 12px 5px;
  font-size: 14pt;
}
.dashboard #ukoly .check {
  font-size: 26pt;
  cursor: pointer;
  padding-top: 3px;
}
.dashboard #ukoly .check:hover .fa-minus-square:hover {
  color: black;
}
.dashboard #ukoly .smazatUkol:hover,
.dashboard #ukoly .checkUkol:hover,
.dashboard #ukoly .pridatUkol:hover {
  color: black !important;
}
.dashboard #objednavani {
  background-color: #82cdfb;
  color: #fff;
  width: 100%;
}
.dashboard #objednavani #objMore {
  font-size: 14pt;
  color: #fff;
  background-color: #82cdfb;
  margin-top: 20px;
}
.dashboard #objednavani #objMore:hover {
  color: #3f3a34;
}
.dashboard #objednavani .container {
  padding: 5px;
}
.dashboard #objednavani .container .kontrolniTab table {
  width: 100%;
  display: table;
}
.dashboard #objednavani .container .kontrolniTab table th,
.dashboard #objednavani .container .kontrolniTab table td {
  text-align: left;
}
.dashboard #sklady {
  width: 100%;
  background-color: #2997dc;
  color: #fff;
}
.dashboard #sklady #skMore {
  font-size: 14pt;
  color: #fff;
  background-color: #2997dc;
  margin-top: 20px;
}
.dashboard #sklady #skMore:hover {
  color: #3f3a34;
}
.dashboard #sklady .container {
  padding: 5px;
}
.dashboard #sklady .container .pocetZapujcek {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  padding: 8px;
  margin-bottom: 15px;
}
.dashboard #sklady .container .pocetZapujcek svg {
  margin-right: 10px;
}
.dashboard #sklady .container .kontrolniTab table {
  width: 100%;
  display: table;
}
.dashboard #sklady .container .kontrolniTab table th,
.dashboard #sklady .container .kontrolniTab table td {
  text-align: left;
}

.nastenkaFiltr {
  background-color: #fde1d1;
  padding: 20px;
  border-radius: 11px;
}
.nastenkaFiltr .item {
  margin: 10px;
}
.nastenkaFiltr #text {
  width: 250px;
}

.nastenkaDetail h2 {
  border-bottom: 2px solid #258fce;
  padding-bottom: 10px;
  font-size: 16pt;
}
.nastenkaDetail h3 {
  font-size: 25pt;
  color: black;
  margin: 15px 0;
  font-weight: bold;
}
.nastenkaDetail p {
  font-size: 16pt;
  color: black;
}

.nastenkaFiltrVypis {
  margin-top: 20px;
}
.nastenkaFiltrVypis .nastenka-flex-row {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background-color: #d7fbff;
  margin-bottom: 15px;
  cursor: pointer;
}
.nastenkaFiltrVypis .nastenka-flex-row:hover {
  background-color: #ebe7e7;
}
.nastenkaFiltrVypis .nastenka-flex-row .header {
  width: 100%;
  padding: 10px 10px 5px 10px;
}
.nastenkaFiltrVypis .nastenka-flex-row .content {
  color: black;
  padding: 5px 10px 5px 10px;
}
.nastenkaFiltrVypis .nastenka-flex-row .content h3 {
  font-size: 18pt;
  font-weight: bold;
  margin-bottom: 10px;
}
.nastenkaFiltrVypis .nastenka-flex-row .content p {
  padding-bottom: 10px;
}

.editNastenkaZprava {
  font-size: 20pt;
  margin-bottom: 20px;
  cursor: pointer;
  display: inline-block;
}
.editNastenkaZprava:hover {
  color: black;
}

.archiveNastenkaZprava {
  font-size: 20pt;
  margin-bottom: 20px;
  cursor: pointer;
  margin-left: 10px;
  display: inline-block;
}
.archiveNastenkaZprava:hover {
  color: #bc6060;
}

.modalSablonyInfo {
  display: none;
  width: 60%;
  min-height: 320px;
  position: fixed;
  top: 0;
  right: 1%;
  background-color: #ffd47b;
  padding: 15px;
}
.modalSablonyInfo h2 {
  margin-bottom: 15px;
}
.modalSablonyInfo h2 .i {
  margin-right: 10px;
}
.modalSablonyInfo .container {
  display: flex;
  flex-direction: column;
}
.modalSablonyInfo .container .item {
  margin: 3px 0;
}
.modalSablonyInfo .container .item .b {
  color: #3f3a34;
}
.modalSablonyInfo .container .item .a {
  margin-right: 10px;
  width: 150px;
  display: inline-block;
}

.nadpisModalGlobal {
  font-size: 20pt;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px;
  background-color: #ebe7e7;
  color: black;
}

.modal-global-header-h2 {
  font-size: 13pt;
  padding: 5px 10px;
  background-color: #fff;
  color: black;
  position: fixed;
  top: 7px;
  right: 1%;
  min-width: 200px;
  max-width: 78%;
  font-weight: 600;
}

.modal_ck_edit_kategorie {
  overflow: auto;
  display: none;
  position: fixed;
  z-index: 100;
  background-color: #fff;
  padding: 30px;
  right: 10px;
  top: 10px;
  height: 98%;
  box-shadow: 0px 0px 23px 9px rgba(0, 0, 0, 0.6);
}
.modal_ck_edit_kategorie .modal_ck_edit_kategorie_header {
  text-align: right;
  font-size: 25pt;
}
.modal_ck_edit_kategorie .modal_ck_edit_kategorie_header .i {
  cursor: pointer;
  color: #656464;
}
color .modal_ck_edit_kategorie .modal_ck_edit_kategorie_header .i:hover {
  color: #bc6060 !important;
}
.modal_ck_edit_kategorie .kategorie {
  display: flex;
  flex-direction: column;
}
.modal_ck_edit_kategorie .kategorie h3 {
  display: inline;
  background-color: #82cdfb;
  color: #fff;
  padding: 7px 15px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12pt;
}
.modal_ck_edit_kategorie .kategorie h3:hover {
  background-color: black;
}
.modal_ck_edit_kategorie .kategorie .item {
  margin-top: 15px;
}
.modal_ck_edit_kategorie .kategorie .item .down {
  color: #82cdfb;
  cursor: pointer;
  font-size: 17pt;
  margin-left: 5px;
}
.modal_ck_edit_kategorie .kategorie .nav0::before {
  content: "0";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.modal_ck_edit_kategorie .kategorie .nav1 {
  margin-left: 80px;
  margin-top: 15px;
}
.modal_ck_edit_kategorie .kategorie .nav1::before {
  content: "1";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.modal_ck_edit_kategorie .kategorie .nav2 {
  margin-left: 160px;
}
.modal_ck_edit_kategorie .kategorie .nav2::before {
  content: "2";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.modal_ck_edit_kategorie .kategorie .nav3 {
  margin-left: 240px;
}
.modal_ck_edit_kategorie .kategorie .nav3::before {
  content: "3";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.modal_ck_edit_kategorie .kategorie .nav4 {
  margin-left: 320px;
}
.modal_ck_edit_kategorie .kategorie .nav4::before {
  content: "4";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.modal_ck_edit_kategorie .kategorie .nav5 {
  margin-left: 400px;
}
.modal_ck_edit_kategorie .kategorie .nav5::before {
  content: "5";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.modal_ck_edit_kategorie .kategorie .navSelected {
  background-color: #57d943 !important;
}
.modal_ck_edit_kategorie .kategorie .navi6 {
  margin-left: 0px;
}
.modal_ck_edit_kategorie .kategorie .navi7 {
  margin-left: 50px;
}

.modal-pridat-polozku-dl {
  width: 60%;
  height: 97%;
  position: fixed;
  background-color: #fff;
  right: 1%;
  background-color: #ebe7e7;
  z-index: 10;
  display: none;
  top: 1%;
  overflow: auto;
  box-shadow: 0px 0px 21px 8px rgba(0, 0, 0, 0.5);
}
.modal-pridat-polozku-dl .modal-pridat-polozku-dl-close {
  position: absolute;
  right: 5%;
  font-size: 25pt;
  right: 2%;
  color: #fff;
  cursor: pointer;
}
.modal-pridat-polozku-dl .modal-pridat-polozku-dl-close:hover {
  color: black;
}
.modal-pridat-polozku-dl .pages a {
  padding: 0 3px;
}
.modal-pridat-polozku-dl .pages .this-page {
  padding: 0 3px;
}

.modal-dodavatele-schval {
  display: none;
  height: 80%;
  width: 350px;
  position: fixed;
  top: 120px;
  left: 20px;
  padding: 15px;
  background-color: #ebe7e7;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.6);
  z-index: 9;
  overflow: auto;
}
.modal-dodavatele-schval .table-cerna-modal {
  margin-top: 0;
}
.modal-dodavatele-schval h3 {
  padding: 5px;
  color: black;
  margin-bottom: 0;
}

.modal-zadal {
  display: none;
  min-height: 70px;
  min-width: 350px;
  position: fixed;
  top: 20px;
  left: 20px;
  padding: 10px;
  background-color: #f4f4f4;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.modal-zadal h3 {
  padding: 5px;
  color: #3f3a34;
  font-weight: bold;
}
.modal-zadal h3 .i {
  margin-right: 15px;
  font-size: 16pt;
}
.modal-zadal .vyj {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 8px;
}
.modal-zadal .modal-zadal-container {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0px 5px 5px 5px;
  color: #3f3a34;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.modal-zadal .modal-zadal-container .item {
  background-color: #fff;
  margin: 3px 0;
  padding: 5px;
}

.modal-limity {
  display: none;
  min-height: 70px;
  min-width: 350px;
  position: fixed;
  top: 20px;
  left: 20px;
  padding: 10px;
  background-color: #f4f4f4;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.modal-limity h3 {
  padding: 5px;
  color: #3f3a34;
  font-weight: bold;
}
.modal-limity h3 .i {
  margin-right: 15px;
  font-size: 16pt;
}
.modal-limity .vyj {
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 8px;
}
.modal-limity .modal-limity-container {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0px 5px 5px 5px;
  color: #3f3a34;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.modal-limity .modal-limity-container .limityKusovyDetail h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
.modal-limity .modal-limity-container .limityKusovyDetail .nazev {
  text-decoration: underline;
  width: 460px;
}
.modal-limity .modal-limity-container .limityKusovyDetail .limitKusovyDetail {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
.modal-limity .modal-limity-container .limityKusovyDetail .limitKusovyDetail .item {
  padding: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal-limity .modal-limity-container .limityKusovyDetail .limitKusovyDetail .first {
  width: 360px;
  font-size: 12pt;
}
.modal-limity .modal-limity-container .limityKusovyDetail .limitKusovyDetail .kruhOkolo {
  font-size: 12pt;
  color: black;
  text-align: right;
  width: 80px;
  font-weight: bold;
}

.modal-pencil-container {
  margin-top: 15px;
  padding: 0px 5px 5px 5px;
  color: #3f3a34;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.modal-pencil-container .item {
  background-color: #fff;
  margin: 3px 0;
  padding: 5px;
}

.modal-pencil {
  display: none;
  min-height: 70px;
  min-width: 350px;
  position: fixed;
  top: 20px;
  left: 20px;
  padding: 10px;
  background-color: #f4f4f4;
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.6);
  z-index: 10;
}
.modal-pencil h3 {
  padding: 5px;
  color: #3f3a34;
  font-weight: bold;
}
.modal-pencil h3 .i {
  margin-right: 15px;
  font-size: 16pt;
}
.modal-pencil .modal-pencil-container {
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0px 5px 5px 5px;
  color: #3f3a34;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.modal-pencil .modal-pencil-container .item {
  background-color: #fff;
  margin: 3px 0;
  padding: 5px;
}

.modal-mes-comm {
  display: none;
  position: fixed;
  z-index: 1;
  height: 100%;
  width: 550px;
  background-color: #ebe7e7;
  padding: 15px;
  overflow: auto;
  right: 0;
}
.modal-mes-comm .modal-mes-comm-header {
  padding-bottom: 15px;
  position: fixed;
  background-color: #ebe7e7;
  width: 500px;
  top: 0;
  padding-top: 15px;
}
.modal-mes-comm .modal-mes-comm-content {
  margin-top: 190px;
  height: 85%;
  padding: 10px;
}
.modal-mes-comm .modal-mes-comm-content .comm-header {
  border-bottom: 1px solid;
  font-size: 10pt;
  margin-bottom: 3px;
  padding-bottom: 3px;
}
.modal-mes-comm .modal-mes-comm-content .comm-header .i {
  margin-right: 5px;
}
.modal-mes-comm .modal-mes-comm-content #viceNeni {
  width: 100%;
  text-align: center;
  color: #3f3a34;
  font-size: 11pt;
  margin-bottom: 30px;
  margin-top: 10px;
}
.modal-mes-comm .modal-mes-comm-content .iwho {
  background-color: #f4f4f4;
  color: #3f3a34;
  float: left;
  padding: 15px;
  margin-bottom: 15px;
  width: 320px;
}
.modal-mes-comm .modal-mes-comm-content .iduserto {
  background-color: #f2d9fd;
  color: black;
  padding: 15px;
  float: right;
  margin-bottom: 15px;
  width: 320px;
}
.modal-mes-comm .modal-mes-comm-content .prectena .iwho {
  background-color: #fff;
  color: #3f3a34;
}

.pozadavky-modal {
  display: none;
  position: absolute;
  background-color: #f4f4f4;
  top: 7px;
  left: 77px;
  padding: 10px;
  min-width: 300px;
  min-height: 150px;
  box-shadow: 1px 9px 21px 1px rgba(0, 0, 0, 0.5);
}

.modal-ajax {
  box-sizing: border-box;
  position: fixed;
  left: 2px;
  top: -2px;
  display: none;
  z-index: 99999;
  margin-top: 3px;
}
.modal-ajax img {
  width: 70px;
  height: auto;
}

.modal-sortiment-konsig-pacient {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-sortiment-konsig-pacient .content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  overflow: hidden;
  height: 90%;
}
.modal-sortiment-konsig-pacient .content input {
  border: 1px solid #82cdfb;
}
.modal-sortiment-konsig-pacient .content #pacVyber {
  background-color: #fde1d1;
  padding: 5px;
  width: 422px;
  border: 1px solid #82cdfb;
}
.modal-sortiment-konsig-pacient .content #ajaxPac {
  height: 87%;
  width: auto;
  overflow: auto;
  padding: 0 0 15px 0;
}
.modal-sortiment-konsig-pacient .content #ajaxPac .sortiment-pac-table {
  color: black;
}
.modal-sortiment-konsig-pacient .content #ajaxPac .sortiment-pac-table tr {
  cursor: pointer;
}
.modal-sortiment-konsig-pacient .content #ajaxPac .sortiment-pac-table tr:hover {
  background-color: #fde1d1 !important;
}
.modal-sortiment-konsig-pacient .content #ajaxPac .sortiment-pac-table tr:nth-child(odd) {
  background-color: #f4f4f4;
}
.modal-sortiment-konsig-pacient .content #ajaxPac .sortiment-pac-table th {
  padding: 10px;
  background-color: #82cdfb;
  color: #fff;
}
.modal-sortiment-konsig-pacient .content #ajaxPac .sortiment-pac-table td {
  padding: 5px;
  text-align: center;
}
.modal-sortiment-konsig-pacient .close-sortiment-konsig-pacient {
  position: absolute;
  right: 10%;
  font-size: 25pt;
  top: 53px;
  color: #fff;
  cursor: pointer;
}
.modal-sortiment-konsig-pacient .close-sortiment-konsig-pacient:hover {
  color: black;
}

.modal-global {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 42px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-global .modal-global-content {
  padding-bottom: 35px;
}
.modal-global .modal-global-close {
  font-size: 25pt;
  text-align: right;
  float: right;
  /* margin-bottom: 20px; */
  /* width        : 100%; */
  position: fixed;
  top: 3px;
  left: 2%;
  color: #fff;
}
.modal-global .modal-global-close .modal-close {
  cursor: pointer;
}
.modal-global .modal-global-close .modal-close:hover {
  color: #bc6060 !important;
}
.modal-global .modal-global-container-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px 30px 30px 30px;
  border: 1px solid #888;
  max-width: 90%;
  overflow: inherit;
  max-height: 99%;
  min-width: 98%;
}
.modal-global .modal-global-container-content-header {
  display: flex;
  color: #656464;
}
.modal-global .modal-global-container-content-header .modal-global-sipky {
  min-width: 75px;
  margin-bottom: 10px;
}
.modal-global .modal-global-container-content-header .modal-global-sipky .i:hover {
  color: black;
}

.modal-analytika {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 42px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-analytika .modal-analytika-content {
  padding-bottom: 35px;
}
.modal-analytika .modal-analytika-close {
  font-size: 25pt;
  text-align: right;
  float: right;
  /* margin-bottom: 20px; */
  /* width        : 100%; */
  position: fixed;
  top: 3px;
  left: 2%;
  color: #fff;
}
.modal-analytika .modal-analytika-close .modal-close {
  cursor: pointer;
}
.modal-analytika .modal-analytika-close .modal-close:hover {
  color: #bc6060 !important;
}
.modal-analytika .modal-analytika-container-content {
  background-color: #fefefe;
  margin: auto;
  padding: 10px 30px 30px 30px;
  border: 1px solid #888;
  max-width: 90%;
  overflow: inherit;
  max-height: 99%;
  min-width: 98%;
}
.modal-analytika .modal-analytika-container-content-header {
  display: flex;
  color: #656464;
}
.modal-analytika .modal-analytika-container-content-header .modal-analytika-sipky {
  min-width: 75px;
  margin-bottom: 10px;
}
.modal-analytika .modal-analytika-container-content-header .modal-analytika-sipky .i:hover {
  color: black;
}

.modal-global-2 {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}
.modal-global-2 .modal-global-2-close {
  font-size: 25pt;
  text-align: right;
  float: right;
  /* margin-bottom: 20px; */
  /* width        : 100%; */
  position: fixed;
  top: 45px;
  right: 5%;
  color: #fff;
}
.modal-global-2 .modal-global-2-close .modal-2-close {
  cursor: pointer;
}
.modal-global-2 .modal-global-2-close .modal-2-close:hover {
  color: #bc6060 !important;
}
.modal-global-2 .modal-global-2-container-content {
  background-color: #fefefe;
  margin: auto;
  padding: 30px;
  border: 1px solid #888;
  max-width: 90%;
  overflow: inherit;
  max-height: 90%;
  min-width: 69%;
}
.modal-global-2 .modal-global-2-container-content-header {
  display: flex;
  color: #656464;
}
.modal-global-2 .modal-global-2-container-content-header .modal-global-sipky {
  min-width: 75px;
}
.modal-global-2 .modal-global-2-container-content-header .modal-globa-2-sipky .i:hover {
  color: black;
}

.modal-hd {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
}
.modal-hd .modal-hd-body {
  width: 500px;
  height: 630px;
  position: absolute;
  background-color: #fff;
  top: 63px;
  right: 1%;
}
.modal-hd .modal-hd-body .flexbox {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: center;
  width: 95%;
  margin: 45px auto 0 auto;
}
.modal-hd .modal-hd-body .flexbox h3 {
  font-size: 14pt;
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.modal-hd .modal-hd-body .flexbox select {
  width: 100%;
  height: 30px;
}
.modal-hd .modal-hd-body .flexbox .popis {
  width: 25%;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 20px;
}
.modal-hd .modal-hd-body .flexbox .data {
  width: 75%;
  box-sizing: border-box;
  padding: 10px;
  background-color: #f7fbfe;
  margin-bottom: 20px;
  border: 1px solid #9fdcf4;
  display: inline-block;
}
.modal-hd .modal-hd-body .flexbox .data:focus {
  border: 1px solid #2b8fce;
}
.modal-hd .modal-hd-body .flexbox .last {
  display: inline-block;
}
.modal-hd .modal-hd-body #modal-hd-close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 16px;
  font-size: 20pt;
  opacity: 0.6;
}
.modal-hd .modal-hd-body #modal-hd-close:hover {
  opacity: 1;
}
.modal-hd svg {
  position: absolute;
  right: 52px;
  top: -25px;
}

.modal-global-info {
  position: fixed;
  z-index: 1000;
  top: 0px;
  left: 85px;
  width: 80%;
  height: auto;
  display: none;
  border-radius: 0px;
}
.modal-global-info .modal-global-info-content {
  display: flex;
  flex-direction: column;
}
.modal-global-info .modal-global-info-content .msg {
  box-shadow: 0px 4px 18px 1px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: row;
  margin: 5px 0 8px 0;
  padding: 10px;
}
.modal-global-info .modal-global-info-content .msg .i {
  padding: 3px;
  order: 1;
  float: right;
  font-size: 30pt;
  color: white;
  margin: 0 15px 0 0px;
}
.modal-global-info .modal-global-info-content .msg .closeMe {
  padding: 3px;
  order: 3;
  float: right;
  cursor: pointer;
  font-size: 16pt;
  color: white;
  margin-left: 10px;
}
.modal-global-info .modal-global-info-content .msg .closeMe:hover {
  color: black;
}
.modal-global-info .modal-global-info-content .msg p {
  width: 92%;
  order: 2;
  padding: 2px 12px 2px 0;
  font-size: 16pt;
}

.modal-success {
  background-color: #71d961;
  color: #fff;
}

.modal-alert {
  background-color: #ffd47b;
  color: black !important;
}

.modal-app-stav {
  background-color: #82cdfb;
  color: white !important;
}

.modal-fail {
  background-color: #bc6060;
  color: #fff;
}

.ajax-hlaska {
  background-color: #fff;
  color: #fff;
  width: 70px;
  padding: 5px;
}

.modal-hd-historie-comm {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
}
.modal-hd-historie-comm .modal {
  position: fixed;
  top: 70px;
  right: 12px;
  width: 500px;
  height: 80%;
  padding: 15px;
  border-radius: 7px;
  background-color: #ebe7e7;
  box-shadow: -4px 4px 19px 0px rgba(0, 0, 0, 0.4);
}
.modal-hd-historie-comm .modal .btn-small:hover {
  background-color: black;
  color: #fff;
}
.modal-hd-historie-comm .modal .container {
  overflow-y: auto;
  height: 92%;
  padding: 15px;
}
.modal-hd-historie-comm .modal .container-top {
  background-color: #ebe7e7;
}
.modal-hd-historie-comm .modal .modal-hd-close {
  cursor: pointer;
  font-size: 20pt;
  float: right;
  opacity: 0.5;
  margin-top: -8px;
}
.modal-hd-historie-comm .modal .modal-hd-close:hover {
  opacity: 1;
}
.modal-hd-historie-comm .modal .modal-input #sMessage {
  width: 350px;
  height: 18px;
}
.modal-hd-historie-comm .modal .modal-data .message {
  float: right;
  padding: 10px;
  background-color: #258fce;
  color: #fff;
  border-radius: 0px;
  width: 65%;
  margin: 12px 0;
  font-size: 12pt;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.2);
  clear: both;
}
.modal-hd-historie-comm .modal .modal-data .message .date {
  font-size: 8pt;
  width: 100%;
  display: block;
}
.modal-hd-historie-comm .modal .modal-data .messageUser {
  background-color: #fde1d1;
  color: #258fce;
  float: left;
  margin-top: 0;
}

.container-moduly {
  box-sizing: border-box;
  margin: auto;
  width: 100%;
}
.container-moduly .ikony {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 10px 0 10px 0;
  color: #fff;
}
.container-moduly .ikony a {
  color: #fff;
}
.container-moduly .ikony a .i {
  font-size: 38pt;
  margin-bottom: 10px;
}
.container-moduly .ikony .item {
  cursor: pointer;
  width: 180px;
  height: 160px;
  padding: 20px 10px 10px 10px;
  border: 1px solid #fff;
  text-align: center;
}
.container-moduly .ikony .item:hover {
  background-color: black;
  color: #fff;
}
.container-moduly .ikony .item h4 {
  font-weight: 400;
}

.menu-dod {
  width: 100%;
  background-color: #c67605;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.menu-dod a {
  font-size: 18pt;
  color: #fff;
  padding: 10px;
  font-weight: 400;
}
.menu-dod a:hover {
  background-color: black;
  color: #fff;
}

.menu-ck {
  width: 100%;
  background-color: #328588;
  height: 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.menu-ck a {
  font-size: 18pt;
  color: #fff;
  padding: 10px;
  font-weight: 400;
}
.menu-ck a:hover {
  background-color: black;
  color: #fff;
}

.ck_edit_polozky {
  font-size: 18pt;
}
.ck_edit_polozky .btn-save {
  margin: 25px 0px 0px 0px;
  padding: 20px;
  font-size: 20pt;
}
.ck_edit_polozky .btn-save .i {
  margin-right: 10px;
}
.ck_edit_polozky h2 {
  #margin-bottom: 40px;
}
.ck_edit_polozky .SAP_ovladaciPrvkyDiv {
  border: 1px solid;
  padding: 20px;
}
.ck_edit_polozky .SAP_ovladaciPrvkyDiv .first {
  width: 450px;
  display: inline-block;
}
.ck_edit_polozky .SAP_ovladaciPrvkyDiv .second {
  display: inline-block;
}
.ck_edit_polozky .checkbox {
  text-align: center;
  padding: 6px 6px;
  background-color: #fff;
  color: #258fce;
  margin: 0 2px 5px 2px;
  cursor: pointer;
  border: 1px solid #328588;
  border-radius: 5px;
}
.ck_edit_polozky .checkbox:hover {
  background-color: #328588;
  color: #fff;
}
.ck_edit_polozky input[type=checkbox] {
  display: none;
}
.ck_edit_polozky input[type=checkbox]:checked + label {
  background-color: #57d943;
  color: white;
}
.ck_edit_polozky input[type=checkbox]:checked + label:hover {
  background-color: #aaa;
}
.ck_edit_polozky input {
  font-size: 14pt;
}
.ck_edit_polozky table {
  border-collapse: collapse;
  color: black;
}
.ck_edit_polozky table tr {
  padding: 5px;
}
.ck_edit_polozky table tr:nth-child(odd) {
  background-color: #ebe7e7;
}
.ck_edit_polozky table tr td {
  font-size: 14pt;
  width: 50%;
  padding: 5px;
}
.ck_edit_polozky table tr td input {
  padding: 5px;
  width: 90%;
}
.ck_edit_polozky table tr td select {
  font-size: 14pt;
  padding: 5px;
}
.ck_edit_polozky table tr .kat {
  font-size: 15pt;
}
.ck_edit_polozky table tr .kat .i {
  font-size: 14pt;
  color: #258fce;
  cursor: pointer;
}
.ck_edit_polozky table tr .kat .i:hover {
  color: black;
}

.home-ck {
  width: 100%;
}
.home-ck .main-img {
  width: 100%;
  height: 350px;
  background-color: #fff;
  background-image: url("../../img/ck/main_cut.jpg");
  background-repeat: no-repeat;
  background-position: 80%;
}
.home-ck .main-img h1 {
  padding: 230px 0 0 40px;
  margin: 0;
  width: 70%;
  font-size: 28px;
  max-width: 690px;
  font-weight: 400;
  text-shadow: 3px 2px 6px #6b6b96;
  opacity: 0.9;
}
.home-ck .container-moduly {
  box-sizing: border-box;
  margin: auto;
}
.home-ck .container-moduly .ikony a .item {
  background-color: #328588;
}
.home-ck .container-moduly .ikony a .item:hover {
  background-color: black;
}

.ck-header-table {
  background-color: #328588;
  margin-top: 10px;
  text-align: left;
}
.ck-header-table h2 {
  font-weight: 400;
  padding: 12px 15px;
  color: #fff;
  text-align: left;
}

.ck-table {
  border: 2px solid #328588;
  margin-top: 2px;
  background-color: #f5f5f5;
  text-align: center;
  font-family: "PTMono", monospace;
}
.ck-table .header {
  background-color: #328588;
  padding: 5px 15px;
  text-align: left;
}
.ck-table .header h3 {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 14pt;
  font-weight: 400;
}
.ck-table .table table {
  margin: auto;
}
.ck-table .table table td {
  padding: 6px;
}

.submenu {
  background-color: #328588;
  /* border-top   : 5px solid #fff; */
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0px 10px;
  font-size: 11pt;
}
.submenu a {
  color: #fff;
  padding: 5px 10px;
  font-size: 14pt;
}
.submenu a:hover {
  background-color: black;
  color: #fff;
}
.submenu .i {
  margin-right: 6px;
}

/* .container-moduly {
        width : 100%;
        margin: auto;
    } */
.L {
  text-align: left;
}

.R {
  text-align: right;
  width: 250px;
}

.ck-ciselniky-filtr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #f5f5f5;
  border: 2px solid #328588;
  margin-top: 2px;
  padding: 5px;
}
.ck-ciselniky-filtr .i {
  margin: 0 5px;
  font-size: 16pt;
}
.ck-ciselniky-filtr select {
  border-radius: 4px;
  padding: 5px;
  width: 320px;
  border: 1px solid #328588 !important;
}
.ck-ciselniky-filtr .item {
  margin: 5px;
}
.ck-ciselniky-filtr .pocet {
  padding-top: 10px;
}
.ck-ciselniky-filtr .pocet select {
  width: 70px;
}
.ck-ciselniky-filtr .nemocnice {
  padding-top: 10px;
  display: none;
}
.ck-ciselniky-filtr .filtrovani {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #fff;
  border-radius: 15px;
  margin-top: 15px;
  width: 100%;
}
.ck-ciselniky-filtr .filtrovani #sTextFiltr {
  border-radius: 4px;
  padding: 5px;
  border: 1px solid #328588;
  width: 300px;
}
.ck-ciselniky-filtr .filtrovani .item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10px;
}
.ck-ciselniky-filtr .filtrovani a {
  width: 60%;
}
.ck-ciselniky-filtr .filtrovani b {
  width: 40%;
}
.ck-ciselniky-filtr .filtrovani .filtr-volby {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.ck-ciselniky-filtr .filtrovani .filtr-volby input[type=radio].toggle {
  display: none;
}
.ck-ciselniky-filtr .filtrovani .filtr-volby input[type=radio].toggle:checked + label {
  background-color: #328588;
  color: #fff;
}
.ck-ciselniky-filtr .filtrovani .filtr-volby .checkbox {
  padding: 3px 6px;
  background-color: #fff;
  color: #258fce;
  margin: 0 2px;
  cursor: pointer;
  border: 1px solid #328588;
}
.ck-ciselniky-filtr .filtrovani .filtr-volby .checkbox:hover {
  background-color: #328588;
  color: #fff;
}
.ck-ciselniky-filtr .filtrovani .aktivniPolozky input[type=checkbox].toggle {
  display: none;
}
.ck-ciselniky-filtr .filtrovani .aktivniPolozky input[type=checkbox].toggle:checked + label {
  background-color: #328588;
  color: #fff;
}
.ck-ciselniky-filtr .filtrovani .aktivniPolozky .checkbox {
  text-align: center;
  padding: 6px 6px;
  background-color: #fff;
  color: #258fce;
  margin: 0 2px 5px 2px;
  cursor: pointer;
  border: 1px solid #328588;
}
.ck-ciselniky-filtr .filtrovani .aktivniPolozky .checkbox:hover {
  background-color: #328588;
  color: #fff;
}
.ck-ciselniky-filtr .filtrovani input {
  margin-bottom: 5px;
}
.ck-ciselniky-filtr .filtr-save {
  display: none;
}

/*.ck-sprava-filtr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: $filtrBG;
  border: 2px solid $filtr_1;
  margin-top: 2px;
  padding: 5px;

  .filtr-hide {
    background-color: $filtr_1;
    color: $black;

    &:hover {
      background-color: $black;
      color: #fff;
    }
  }

  .i {
    margin: 0 10px;
    font-size: 16pt;
  }

  select {
    border-radius: 4px;
    padding: 5px;
    width: 320px;
    border: 1px solid $filtr_1 !important;
  }

  input[type="checkbox"].toggle {
    display: none;
  }

  input[type="checkbox"].toggle:checked + label {
    background-color: $greenFiltrovat;

    &:hover {
      background-color: $black;
    }
  }

  input[type="radio"].toggle {
    display: none;
  }

  input[type="radio"].toggle:checked + label {
    background-color: $greenFiltrovat;
    color: $black;
  }

  .checkbox {
    padding: 7px 10px;
    background-color: $filtr_1;
    color: $black;
    margin: 2px 2px;
    cursor: pointer;
    text-align: center;

    &:hover {
      background-color: $black;
      color: #fff;
    }
  }

  .checkbox2 {
    cursor: pointer;
    padding-top: 16px;
    padding-bottom: 11px;

    &:hover {
      background-color: $filtr_1;
      color: #fff;
    }
  }

  .h-primarni-katalog {
    display: none;
  }

  .h-pl {
    display: none;
  }

  .h-ON {
    display: none;
  }

  .ON {
    display: none;
    margin-right: 5px;
  }

  .h-NP {
    display: none;
  }

  .item {
    margin: 5px 5px;
  }

  .item-select {
    margin: 15px 15px;

    label {
      color: $black;
      font-size: 14pt;
      display: inline-block;
      width: 170px;
    }

    select {
      display: inline-block;
    }
  }

  .ctrl-1 {
    width: 100%;
  }

  .ctrl-2 {
    width: 100%;
  }

  .pocet {
    select {
      width: 70px;
    }
  }

  .kategorie {
    select {
      width: 450px;
    }
  }

  .filtrovani {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    //background-color: #fff;
    border-radius: 7px;
    margin-top: 15px;

    #sTextFiltr {
      border-radius: 0px;
      padding: 5px;
      border: 4px solid $filtr_1;
      font-size: 17pt;
    }

    .item {
      display: flex;
      flex-direction: column;
      box-sizing: border-box;
      padding: 5px;

      .aktiv {
        margin-right: 5px;
      }
    }

    .zasobyCh {
      margin: 1px 0 0 0;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;

      div {
        margin-right: 5px;
      }
    }

    .a {
      display: flex;
      flex-direction: column;

      label {
        margin: 0 0 7px 0;
        display: block;
      }

      .pocet {
        margin-top: 5px;

        label {
          display: inline;
          color: $black;
          font-size: 14pt;
          margin: 0 5px 0 0;
        }

        select {
          font-size: 14pt;
        }
      }
    }

    #filtrovat {
      background-color: $ck;
      color: #fff;
      font-size: 16pt;
      border: 3px solid $ck;

      &:hover {
        color: $red-mild;
        border: 3px solid $red-mild;
      }
    }

    .filtr-volby {
      display: flex;
      flex-direction: row;
      margin-bottom: 5px;
    }

    input {
      margin-bottom: 5px;
    }
  }
}*/
.container-btn-big {
  margin: auto;
  display: flex;
  margin: 5px 0 0 0;
  flex-flow: row;
}
.container-btn-big button {
  width: 33%;
}

.ck-kategorie-filtr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #f5f5f5;
  border: 5px solid #68ebf9;
  margin-top: 2px;
  padding: 15px;
}
.ck-kategorie-filtr label {
  padding: 10px 10px 0 20px;
  color: black;
  font-size: 14pt;
}
.ck-kategorie-filtr select {
  margin-right: 15px;
}
.ck-kategorie-filtr #List {
  font-size: 14pt;
  color: black;
  background-color: #78f965;
  border: none;
  padding: 15px;
}
.ck-kategorie-filtr #List:hover {
  background-color: black;
  color: #fff;
}

.ck-import {
  padding: 20px;
  background-color: #f5f5f5;
  border: 2px solid #328588;
  margin-top: 2px;
}
.ck-import label {
  padding: 0 10px;
  width: 100px;
  display: inline-block;
}
.ck-import select {
  width: 500px;
}
.ck-import .importSelectNemCont .select2-selection__choice {
  width: 97% !important;
  padding: 5px !important;
}
.ck-import .importSelectNemCont .select2-selection__rendered {
  padding: 5px 5px 12px 5px !important;
}

.obecNazevEdit1 {
  border-radius: 5px;
  background-color: #ebe7e7;
  padding: 10px;
  margin-top: 15px;
}
.obecNazevEdit1 span {
  font-size: 20px;
  padding-left: 20px;
}
.obecNazevEdit1 input[type=text] {
  height: 35px;
  border-radius: 4px;
  border: 2px solid lightblue;
  padding-left: 8px;
  font-size: 16px;
}

.obecNazevEdit2 {
  border-radius: 5px;
  background-color: #ebe7e7;
  padding: 10px;
  margin-top: 15px;
}
.obecNazevEdit2 input[type=text] {
  height: 35px;
  border-radius: 4px;
  border: 2px solid lightblue;
  padding-left: 8px;
  font-size: 16px;
}
.obecNazevEdit2 select {
  border-radius: 4px;
  border: 2px solid lightblue;
  height: 30px;
  padding-left: 8px;
  font-size: 16px;
}
.obecNazevEdit2 td {
  font-size: 18px;
}
.obecNazevEdit2 th {
  padding-left: 21px;
  font-size: 20px;
}

.obecNazevButton input[type=button] {
  height: 35px;
  background-color: #ebe7e7;
  color: #258fce;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  padding: 8px 15px;
  margin-right: 10px;
  cursor: pointer;
}
.obecNazevButton input[type=button]:hover {
  background-color: black;
  color: white;
}

.ck-analytika .tile {
  margin-bottom: 15px;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-radius: 10px;
  overflow: hidden;
}
.ck-analytika .tile h2 {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #258fce;
  color: white;
  padding: 10px;
}
.ck-analytika .tile .container {
  padding: 15px;
}
.ck-analytika #dodSeekWrapper {
  display: none;
}
.ck-analytika .dodSeekContainer {
  display: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 350px;
  position: absolute;
  z-index: 10;
  border-radius: 10px;
  top: 350px;
  right: 65px;
  background-color: whitesmoke;
  -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
}
.ck-analytika .dodSeekContainer label {
  color: #258fce;
  padding: 0px 10px 5px 10px;
  font-size: 20pt;
  font-weight: bold;
}
.ck-analytika .dodSeekContainer label :not(:first-of-type) {
  border-top: 1px solid rgba(128, 128, 128, 0.1);
  padding-top: 10px;
}
.ck-analytika .dodSeekContainer #dodSeekNemName,
.ck-analytika .dodSeekContainer #dodSeekKat,
.ck-analytika .dodSeekContainer #dodSeekPopis {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: black;
  padding: 8px;
  font-size: 14pt;
}
.ck-analytika .dodSeekContainer #dodSeekNemName svg,
.ck-analytika .dodSeekContainer #dodSeekKat svg,
.ck-analytika .dodSeekContainer #dodSeekPopis svg {
  color: red;
  margin-right: 15px;
}
.ck-analytika .dodSeekContainer #dodSeekNemName svg:hover,
.ck-analytika .dodSeekContainer #dodSeekKat svg:hover,
.ck-analytika .dodSeekContainer #dodSeekPopis svg:hover {
  color: black;
  cursor: pointer;
}
.ck-analytika .dodSeekContainer #iconHolder {
  color: #258fce;
}
.ck-analytika .dodSeekContainer #iconHolder svg {
  float: right;
  margin: 5px 10px 0px 0px;
}
.ck-analytika .dodSeekContainer #iconHolder svg:hover {
  color: black;
  cursor: pointer;
}
.ck-analytika .dodSeekContainer input {
  text-align: center;
  border: none;
  padding: 10px;
  background-color: whitesmoke;
  font-size: 12pt;
}
.ck-analytika .dodSeekContainer #dodSeekBtn {
  padding: 10px;
  cursor: pointer;
  font-size: 14pt;
  background-color: #258fce;
  color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.ck-analytika .dodSeekContainer #dodSeekBtn:hover {
  background-color: black;
  color: white;
}
.ck-analytika .dodSeekContainer #dodSeekBtn svg {
  margin-right: 10px;
}
.ck-analytika .prehled {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.ck-analytika .prehled .prehledItem {
  display: flex;
  flex-direction: column;
  width: 330px;
  border: 1px solid #ffa500;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: whitesmoke;
}
.ck-analytika .prehled .prehledItem h3 {
  text-align: center;
  height: 40px;
  background-color: #ffa500;
  padding: 8px;
  color: white;
  font-weight: bold;
}
.ck-analytika .prehled .prehledItem .prehled-info {
  padding: 15px;
  display: inherit;
  flex-direction: inherit;
}
.ck-analytika .prehled .prehledItem:hover {
  cursor: pointer;
  border: 1px solid #258fce;
}
.ck-analytika .prehled .prehledItem:hover h3 {
  background-color: #258fce;
  color: white;
}
.ck-analytika .prehled .nemSelected {
  border: 1px solid #258fce;
}
.ck-analytika .prehled .nemSelected h3 {
  background-color: #258fce;
  color: white;
}
.ck-analytika #dodavateleTable .dodSelected {
  background-color: rgba(37, 143, 206, 0.2) !important;
  color: #258fce !important;
}
.ck-analytika #kategorieTable {
  margin: auto;
  border: 1px solid #258fce;
}
.ck-analytika #kategorieTable thead tr {
  background-color: #258fce;
  color: white;
}
.ck-analytika #kategorieTable th {
  padding: 5px 10px;
}
.ck-analytika #kategorieTable tr {
  cursor: pointer;
}
.ck-analytika #kategorieTable tr:hover {
  background-color: rgba(0, 0, 255, 0.2);
  color: white;
}
.ck-analytika #kategorieTable td {
  padding: 5px 10px;
  margin: 0px;
}
.ck-analytika #kategorieTable tbody td {
  border-bottom: 1px solid slategray;
}
.ck-analytika #kategorieTable .selected {
  background-color: rgba(37, 143, 206, 0.2) !important;
  color: #258fce !important;
}
.ck-analytika #kategorieTable .katalog {
  display: none;
}
.ck-analytika #kategorieTable .schovat {
  display: none;
}
.ck-analytika #kategorieTable .uroven1 {
  font-weight: bold;
}
.ck-analytika #kategorieTable .uroven2 {
  display: none;
}
.ck-analytika #kategorieTable .uroven3 {
  display: none;
}
.ck-analytika #kategorieTable .uroven4 {
  display: none;
}
.ck-analytika #kategorieTable .uroven5 {
  display: none;
}
.ck-analytika #kategorieTable .rozklik {
  width: 35px;
}
.ck-analytika .filtrujKat:hover,
.ck-analytika .filtrujDod:hover {
  color: orange;
  cursor: pointer;
}

.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-item {
  margin-top: 25px;
  padding: 10px;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-item:nth-child(even) {
  background-color: #ebe7e7;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni {
  display: flex;
  flex-direction: column;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni div {
  margin-top: 5px;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni .item {
  border-bottom: 1px dotted #ebe7e7;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni .item label {
  width: 250px;
  display: inline-block;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni .item input {
  width: 300px;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni .item select {
  width: 300px;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni .item select:disabled {
  color: #ebe7e7;
}
.dodavatel-hromadneUpravy .dodavatel-hromadneUpravy-nastaveni .item .detail1_info {
  font-size: 12px;
  font-style: italic;
}

/*-----------------OBJ-------------------------*/
.sortimentKosik {
  position: fixed;
  bottom: 6px;
  right: 70px;
  z-index: 100;
  background-color: #82cdfb;
  color: #3f3a34;
  padding: 8px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 11pt;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid #82cdfb;
  width: 200px;
  text-align: center;
}
.sortimentKosik:hover {
  border: 1px solid #3f3a34;
}

.sortiment-table-eshop {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.sortiment-table-eshop .item {
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
  margin: 10px;
  width: 300px;
  box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.2);
  padding-bottom: 15px;
}
.sortiment-table-eshop .item:hover {
  border: 2px solid #82cdfb;
}
.sortiment-table-eshop .item .foto {
  width: 100%;
  height: 270px;
  background-color: #fff;
  text-align: center;
  cursor: pointer;
}
.sortiment-table-eshop .item .foto .main {
  display: block;
}
.sortiment-table-eshop .item .foto .main img {
  width: 270px;
}
.sortiment-table-eshop .item .foto .i {
  color: #ebe7e7;
  margin-top: 70px;
}
.sortiment-table-eshop .item .foto .detail {
  display: none;
  width: 100%;
  height: 270px;
  background-color: #ebe7e7;
}
.sortiment-table-eshop .item .foto .detail .text {
  display: inline-block;
  font-size: 20pt;
  color: #82cdfb;
  margin-top: 40px;
}
.sortiment-table-eshop .item .foto .detail .text .i {
  margin-right: 10px;
  color: #82cdfb;
}
.sortiment-table-eshop .item .foto:hover .main {
  display: none;
}
.sortiment-table-eshop .item .foto:hover .detail {
  display: block;
}
.sortiment-table-eshop .item .nazev {
  padding: 10px 15px 0 15px;
  color: #2997dc;
  height: 90px;
  overflow: hidden;
}
.sortiment-table-eshop .item .nazev .form {
  color: #3f3a34;
}
.sortiment-table-eshop .item .kod {
  padding: 10px 15px 0 15px;
  color: #3f3a34;
  font-weight: bold;
}
.sortiment-table-eshop .item .MJ {
  padding: 3px 15px 0 15px;
  color: #3f3a34;
  font-size: 11pt;
}
.sortiment-table-eshop .item .cenaDph {
  padding: 5px 15px;
  font-size: 16pt;
  color: #3f3a34;
  font-weight: bold;
  text-align: center;
}
.sortiment-table-eshop .item .cenaDph .i {
  font-size: 10pt;
}
.sortiment-table-eshop .item .objednat {
  padding: 5px 15px;
  text-align: center;
}
.sortiment-table-eshop .item .objednat input {
  width: 80px;
  margin-right: 10px;
  font-size: 12pt;
  padding: 2px 4px;
  display: inline-block;
}
.sortiment-table-eshop .item .objednat .objednej {
  font-size: 14pt;
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 5px;
  background-color: #78f965;
  color: #3f3a34;
  display: inline-block;
}
.sortiment-table-eshop .item .objednat .objednej:hover {
  background-color: #3f3a34;
  color: #fff;
}
.sortiment-table-eshop .item .objednat .result {
  padding: 8px 15px;
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #3f3a34;
  display: inline-block;
  font-size: 14pt;
}
.sortiment-table-eshop .item .pozadavky {
  color: #3f3a34;
  margin-top: 12px;
  font-size: 10pt;
  padding: 8px 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sortiment-table-eshop .item .pozadavky .bgMildOranz {
  padding: 1px 3px;
}
.sortiment-table-eshop .item .pozadavky .pozItem {
  display: inline-block;
}
.sortiment-table-eshop .item .pozadavky .pozItem:first-child {
  margin-right: 6px;
}
.sortiment-table-eshop .item .pozadavky .pozItem .i {
  margin-right: 3px;
}

.objPozadavkyKonsig {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.objPozadavkyKonsig .item {
  margin: 0 5px 5px 0;
}

.objPozadavkyKonsigH3 {
  color: black;
  margin: 10px 0;
  font-size: 18pt;
}

.neobjednanaPolozka {
  background-color: #ffd47b;
}

.th100 {
  width: 100%;
}

.dl-sum {
  display: flex;
  flex-direction: column;
}

.dl-info-value {
  color: black;
  margin-left: 5px;
}

.zadVyrazena {
  text-decoration: line-through;
}

.zadPoVyrazena {
  text-decoration: line-through solid black 2px;
}

.dl-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.dl-info .item {
  margin-right: 15px;
  margin-top: 10px;
}
.dl-info .item .header {
  width: 130px;
  display: inline-block;
}
.dl-info .item .dl-info-value {
  width: 150px;
}
.dl-info .item .datePickerDodlist {
  margin-left: -18px;
}
.dl-info .item input {
  margin-left: 5px;
  width: 150px;
}

.dl-info-udi {
  background-color: #ebe7e7;
  padding: 15px;
}
.dl-info-udi .UDIresult {
  margin-top: 20px;
}
.dl-info-udi #udiKatalogResult {
  margin-top: 15px;
}
.dl-info-udi #UDIitemNotFound {
  background-color: #bc6060;
  padding: 5px;
  border-radius: 5px;
  color: white;
  display: none;
}
.dl-info-udi #UDIkatalogItemNotFound {
  background-color: #bc6060;
  padding: 5px;
  border-radius: 5px;
  color: white;
}
.dl-info-udi #UDIitemFound {
  background-color: #71d961;
  padding: 5px;
  border-radius: 5px;
  color: white;
  display: none;
}
.dl-info-udi #UDIkatalogItemFound {
  background-color: #71d961;
  padding: 5px;
  border-radius: 5px;
  color: white;
}
.dl-info-udi #UDIitemFoundMore {
  background-color: #258fce;
  padding: 5px;
  border-radius: 5px;
  color: #3f3a34;
  color: white;
  display: none;
}
.dl-info-udi #UDIkatalogItemFoundMore {
  background-color: #258fce;
  padding: 5px;
  border-radius: 5px;
  color: #3f3a34;
  color: white;
}
.dl-info-udi .UDIresultItems, .dl-info-udi .UDIkatalogResultItems {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
}
.dl-info-udi .UDIresultItems .item, .dl-info-udi .UDIkatalogResultItems .item {
  margin: 5px 0;
  padding: 10px 15px;
  background-color: white;
}
.dl-info-udi .UDIresultItems .item span, .dl-info-udi .UDIkatalogResultItems .item span {
  display: inline-block;
  margin-right: 10px;
}
.dl-info-udi input {
  height: 45px;
}

.obj-submenu-modal {
  display: none;
  padding: 15px;
  background-color: #82cdfb;
  position: absolute;
  z-index: 5;
  top: 159px;
  left: 197px;
  display: flex;
  flex-direction: column;
  color: #fff;
  box-shadow: 4px 7px 24px -1px rgba(0, 0, 0, 0.3);
}
.obj-submenu-modal h2 {
  margin-bottom: 10px;
}

.ck-sprava-filtr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #f5f5f5;
  border: 2px solid #68ebf9;
  border-radius: 5px;
  padding: 5px;
  margin-top: 4px;
}
.ck-sprava-filtr .filtr-hide {
  background-color: #68ebf9;
  color: black;
}
.ck-sprava-filtr .filtr-hide:hover {
  background-color: black;
  color: #fff;
}
.ck-sprava-filtr .i {
  margin: 0 10px;
  font-size: 16pt;
}
.ck-sprava-filtr select {
  border-radius: 4px;
  padding: 5px;
  width: 320px;
  border: 1px solid #68ebf9 !important;
}
.ck-sprava-filtr input[type=checkbox].toggle {
  display: none;
}
.ck-sprava-filtr input[type=checkbox].toggle:checked + label {
  background-color: #78f965;
}
.ck-sprava-filtr input[type=checkbox].toggle:checked + label:hover {
  background-color: black;
}
.ck-sprava-filtr input[type=radio].toggle {
  display: none;
}
.ck-sprava-filtr input[type=radio].toggle:checked + label {
  background-color: #78f965;
  color: black;
}
.ck-sprava-filtr .checkbox {
  padding: 7px 10px;
  background-color: #68ebf9;
  color: black;
  margin: 2px 2px;
  cursor: pointer;
  text-align: center;
}
.ck-sprava-filtr .checkbox:hover {
  background-color: black;
  color: #fff;
}
.ck-sprava-filtr .checkbox2 {
  cursor: pointer;
  padding-top: 16px;
  padding-bottom: 11px;
}
.ck-sprava-filtr .checkbox2:hover {
  background-color: #68ebf9;
  color: #fff;
}
.ck-sprava-filtr .h-primarni-katalog {
  display: none;
}
.ck-sprava-filtr .h-pl {
  display: none;
}
.ck-sprava-filtr .h-ON {
  display: none;
}
.ck-sprava-filtr .ON {
  display: none;
  margin-right: 5px;
}
.ck-sprava-filtr .h-NP {
  display: none;
}
.ck-sprava-filtr .item {
  margin: 5px 5px;
}
.ck-sprava-filtr .item-select {
  margin: 15px 15px;
}
.ck-sprava-filtr .item-select label {
  color: black;
  font-size: 14pt;
  display: inline-block;
  width: 180px;
}
.ck-sprava-filtr .item-select select {
  display: inline-block;
}
.ck-sprava-filtr .ctrl-1 {
  width: 100%;
}
.ck-sprava-filtr .ctrl-1 .container {
  display: flex;
  flex-wrap: wrap;
}
.ck-sprava-filtr .ctrl-2 {
  width: 100%;
}
.ck-sprava-filtr .pocet select {
  width: 70px;
}
.ck-sprava-filtr .kategorie select {
  width: 450px;
}
.ck-sprava-filtr .filtrovani {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  border-radius: 7px;
  margin-top: 15px;
}
.ck-sprava-filtr .filtrovani #sTextFiltr {
  border-radius: 0px;
  padding: 5px;
  border: 4px solid #68ebf9;
  font-size: 17pt;
}
.ck-sprava-filtr .filtrovani .item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 5px;
}
.ck-sprava-filtr .filtrovani .item .aktiv {
  margin-right: 5px;
}
.ck-sprava-filtr .filtrovani .zasobyCh {
  margin: 1px 0 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ck-sprava-filtr .filtrovani .zasobyCh div {
  margin-right: 5px;
}
.ck-sprava-filtr .filtrovani .a {
  display: flex;
  flex-direction: column;
}
.ck-sprava-filtr .filtrovani .a label {
  margin: 0 0 7px 0;
  display: block;
}
.ck-sprava-filtr .filtrovani .a .pocet {
  margin-top: 5px;
}
.ck-sprava-filtr .filtrovani .a .pocet label {
  display: inline;
  color: black;
  font-size: 14pt;
  margin: 0 5px 0 0;
}

.ck-hrom-uprava-pl-polozky .zarizeni-info {
  width: 600px;
  background-color: #258fce;
  padding: 15px;
  border-radius: 10px;
  color: white;
  margin-bottom: 20px;
}
.ck-hrom-uprava-pl-polozky .zarizeni-info .info-label {
  display: inline-block;
  width: 90px;
}
.ck-hrom-uprava-pl-polozky .zarizeni-info #zarizeni-info-nemocnice-nazev {
  margin-left: 10px;
  font-size: 16pt;
  font-weight: bold;
}
.ck-hrom-uprava-pl-polozky .zarizeni-info #zarizeni-info-dodavatel-nazev {
  margin-left: 10px;
  font-size: 12pt;
  font-weight: bold;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek {
  min-width: 950px;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek .td_obec_nazev svg {
  color: red;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek .td_obec_nazev .obec-nazev-label {
  text-align: center;
  margin: auto;
  background-color: #258fce;
  color: white;
  font-size: 8pt;
  padding: 5px;
  border-radius: 10px;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek .UzivPLano {
  text-align: center;
  margin: auto;
  width: 100px;
  background-color: #57d943;
  color: white;
  font-size: 8pt;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek .UzivPLano:hover {
  background-color: black;
  cursor: pointer;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek .UzivPLne {
  text-align: center;
  margin: auto;
  width: 100px;
  background-color: red;
  color: white;
  font-size: 8pt;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
}
.ck-hrom-uprava-pl-polozky #vypisPolozek .UzivPLne:hover {
  background-color: black;
  cursor: pointer;
}

.vyjimkyEdit {
  display: flex;
  flex-direction: row;
}
.vyjimkyEdit .item {
  border: 1px solid black;
  display: flex;
  flex-direction: column;
  width: 350px;
  margin: 15px;
}
.vyjimkyEdit .item .nemocnice {
  margin-bottom: 20px;
  border-bottom: 10px solid #258fce;
  padding: 5px;
}
.vyjimkyEdit .item .oddeleni {
  margin-bottom: 5px;
  border-bottom: 1px dotted #258fce;
  padding: 5px;
}

.vyjimkyAdd .info {
  display: flex;
  align-items: center;
  height: 50px;
  color: white;
  background-color: #258fce;
  padding: 13px;
  margin: 20px 0;
}
.vyjimkyAdd .info .i {
  margin-right: 10px;
}
.vyjimkyAdd .selectNemocnic {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.vyjimkyAdd .selectNemocnic .item {
  border: 1px solid black;
  width: 250px;
  height: 150px;
  margin: 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #caf7ff;
}
.vyjimkyAdd .selectNemocnic .item h2 {
  width: 100%;
  text-align: center;
  padding: 5px;
}
.vyjimkyAdd .selectNemocnic .item:hover {
  background-color: #258fce;
  color: #fff;
}

#filtrovat {
  background-color: #328588;
  color: #fff;
  font-size: 16pt;
  border: 3px solid #328588;
}
#filtrovat:hover {
  color: #bc6060;
  border: 3px solid #bc6060;
}

.filtr-volby {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.filtr-volby input {
  margin-bottom: 5px;
}

.container-btn-big {
  margin: auto;
  display: flex;
  margin: 5px 0 0 0;
  flex-flow: row;
}
.container-btn-big button {
  width: 33%;
}

.ck-kategorie-filtr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #f5f5f5;
  border: 5px solid #68ebf9;
  margin-top: 2px;
  padding: 15px;
}
.ck-kategorie-filtr label {
  padding: 10px 10px 0 20px;
  color: black;
  font-size: 14pt;
}
.ck-kategorie-filtr select {
  margin-right: 15px;
}
.ck-kategorie-filtr #List {
  font-size: 14pt;
  color: black;
  background-color: #78f965;
  border: none;
  padding: 15px;
}
.ck-kategorie-filtr #List:hover {
  background-color: black;
  color: #fff;
}

.ck-import {
  padding: 20px;
  background-color: #f5f5f5;
  border: 2px solid #328588;
  margin-top: 2px;
}
.ck-import label {
  padding: 0 10px;
}

.obecNazevEdit1 {
  border-radius: 5px;
  background-color: #ebe7e7;
  padding: 10px;
  margin-top: 15px;
}
.obecNazevEdit1 span {
  font-size: 20px;
  padding-left: 20px;
}
.obecNazevEdit1 input[type=text] {
  height: 35px;
  border-radius: 4px;
  border: 2px solid lightblue;
  padding-left: 8px;
  font-size: 16px;
}

.obecNazevEdit2 {
  border-radius: 5px;
  background-color: #ebe7e7;
  padding: 10px;
  margin-top: 15px;
}
.obecNazevEdit2 input[type=text] {
  height: 35px;
  border-radius: 4px;
  border: 2px solid lightblue;
  padding-left: 8px;
  font-size: 16px;
}
.obecNazevEdit2 select {
  border-radius: 4px;
  border: 2px solid lightblue;
  height: 30px;
  padding-left: 8px;
  font-size: 16px;
}
.obecNazevEdit2 td {
  font-size: 18px;
}
.obecNazevEdit2 th {
  padding-left: 21px;
  font-size: 20px;
}

.obecNazevButton input[type=button] {
  height: 35px;
  background-color: #ebe7e7;
  color: #258fce;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  padding: 8px 15px;
  margin-right: 10px;
  cursor: pointer;
}
.obecNazevButton input[type=button]:hover {
  background-color: black;
  color: white;
}

.ck-analytika .tile {
  margin-bottom: 15px;
  border-left: 1px solid lightgray;
  border-right: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  border-radius: 10px;
  overflow: hidden;
}
.ck-analytika .tile h2 {
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #258fce;
  color: white;
  padding: 10px;
}
.ck-analytika .tile .container {
  padding: 15px;
}
.ck-analytika #dodSeekWrapper {
  display: none;
}
.ck-analytika .dodSeekContainer {
  display: none;
  text-align: center;
  display: flex;
  flex-direction: column;
  width: 350px;
  position: absolute;
  z-index: 10;
  border-radius: 10px;
  top: 350px;
  right: 65px;
  background-color: whitesmoke;
  -webkit-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 14px -4px rgba(0, 0, 0, 0.75);
}
.ck-analytika .dodSeekContainer label {
  color: #258fce;
  padding: 0px 10px 5px 10px;
  font-size: 20pt;
  font-weight: bold;
}
.ck-analytika .dodSeekContainer label :not(:first-of-type) {
  border-top: 1px solid rgba(128, 128, 128, 0.1);
  padding-top: 10px;
}
.ck-analytika .dodSeekContainer #dodSeekNemName,
.ck-analytika .dodSeekContainer #dodSeekKat,
.ck-analytika .dodSeekContainer #dodSeekPopis {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: black;
  padding: 8px;
  font-size: 14pt;
}
.ck-analytika .dodSeekContainer #dodSeekNemName svg,
.ck-analytika .dodSeekContainer #dodSeekKat svg,
.ck-analytika .dodSeekContainer #dodSeekPopis svg {
  color: red;
  margin-right: 15px;
}
.ck-analytika .dodSeekContainer #dodSeekNemName svg:hover,
.ck-analytika .dodSeekContainer #dodSeekKat svg:hover,
.ck-analytika .dodSeekContainer #dodSeekPopis svg:hover {
  color: black;
  cursor: pointer;
}

/*-----------------OBJ-------------------------*/
.objPozadavkyKonsig {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.objPozadavkyKonsig .item {
  margin: 0 5px 5px 0;
}
.objPozadavkyKonsig .item #iconHolder {
  color: #258fce;
}
.objPozadavkyKonsig .item #iconHolder svg {
  float: right;
  margin: 5px 10px 0px 0px;
}
.objPozadavkyKonsig .item #iconHolder svg:hover {
  color: black;
  cursor: pointer;
}
.objPozadavkyKonsig .item input {
  text-align: center;
  border: none;
  padding: 10px;
  background-color: whitesmoke;
  font-size: 12pt;
}
.objPozadavkyKonsig .item #dodSeekBtn {
  padding: 10px;
  cursor: pointer;
  font-size: 14pt;
  background-color: #258fce;
  color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.objPozadavkyKonsig .item #dodSeekBtn:hover {
  background-color: black;
  color: white;
}
.objPozadavkyKonsig .item #dodSeekBtn svg {
  margin-right: 10px;
}
.objPozadavkyKonsig .prehled {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.objPozadavkyKonsig .prehled .prehledItem {
  display: flex;
  flex-direction: column;
  width: 330px;
  border: 1px solid #ffa500;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: whitesmoke;
}
.objPozadavkyKonsig .prehled .prehledItem h3 {
  text-align: center;
  height: 40px;
  background-color: #ffa500;
  padding: 8px;
  color: white;
  font-weight: bold;
}
.objPozadavkyKonsig .prehled .prehledItem .prehled-info {
  padding: 15px;
  display: inherit;
  flex-direction: inherit;
}
.objPozadavkyKonsig .prehled .prehledItem:hover {
  cursor: pointer;
  border: 1px solid #258fce;
}
.objPozadavkyKonsig .prehled .prehledItem:hover h3 {
  background-color: #258fce;
  color: white;
}
.objPozadavkyKonsig .prehled .th100 {
  width: 100%;
}
.objPozadavkyKonsig .prehled .nemSelected {
  border: 1px solid #258fce;
}
.objPozadavkyKonsig .prehled .nemSelected h3 {
  background-color: #258fce;
  color: white;
}
.objPozadavkyKonsig #dodavateleTable .dodSelected {
  background-color: rgba(37, 143, 206, 0.2) !important;
  color: #258fce !important;
}
.objPozadavkyKonsig #kategorieTable {
  margin: auto;
  border: 1px solid #258fce;
}
.objPozadavkyKonsig #kategorieTable thead tr {
  background-color: #258fce;
  color: white;
}
.objPozadavkyKonsig #kategorieTable th {
  padding: 5px 10px;
}
.objPozadavkyKonsig #kategorieTable tr {
  cursor: pointer;
}
.objPozadavkyKonsig #kategorieTable tr:hover {
  background-color: rgba(0, 0, 255, 0.2);
  color: white;
}
.objPozadavkyKonsig #kategorieTable td {
  padding: 5px 10px;
  margin: 0px;
}
.objPozadavkyKonsig #kategorieTable tbody td {
  border-bottom: 1px solid slategray;
}
.objPozadavkyKonsig #kategorieTable .selected {
  background-color: rgba(37, 143, 206, 0.2) !important;
  color: #258fce !important;
}
.objPozadavkyKonsig #kategorieTable .katalog {
  display: none;
}
.objPozadavkyKonsig #kategorieTable .schovat {
  display: none;
}
.objPozadavkyKonsig #kategorieTable .uroven1 {
  font-weight: bold;
}
.objPozadavkyKonsig #kategorieTable .uroven2 {
  display: none;
}
.objPozadavkyKonsig #kategorieTable .uroven3 {
  display: none;
}
.objPozadavkyKonsig #kategorieTable .uroven4 {
  display: none;
}
.objPozadavkyKonsig #kategorieTable .uroven5 {
  display: none;
}
.objPozadavkyKonsig #kategorieTable .rozklik {
  width: 35px;
}
.objPozadavkyKonsig .filtrujKat:hover,
.objPozadavkyKonsig .filtrujDod:hover {
  color: orange;
  cursor: pointer;
}

.ck-hrom-upravy-pl .tileSet {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ck-hrom-upravy-pl .tileSet .item-selected {
  background-color: black !important;
}
.ck-hrom-upravy-pl .tileSet .item {
  margin-top: 15px;
  margin-right: 15px;
  width: 300px;
  height: 50px;
  background-color: #258fce;
  color: white;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ck-hrom-upravy-pl .tileSet .item:hover {
  background-color: black;
  cursor: pointer;
}
.ck-hrom-upravy-pl .tileSet .item .ikona {
  margin-right: 10px;
}

.ck-hrom-upravy-pl-hromadne-zarazeni input[type=checkbox].toggle {
  display: none;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .checkboxLabel {
  background-color: #258fce;
  padding: 15px 15px;
  font-size: 14pt;
  border-radius: 10px;
  margin: 10px 0;
  color: #fff;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .checkboxLabel:hover {
  background-color: #fad24d;
}
.ck-hrom-upravy-pl-hromadne-zarazeni input[type=checkbox].toggle:checked + label {
  background-color: #78f965;
  padding: 15px 15px;
  font-size: 14pt;
  border-radius: 10px;
  margin: 10px 0;
  color: #fff;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr {
  max-width: 900px;
  padding: 10px 10px 20px 20px;
  background-color: whitesmoke;
  margin-top: 15px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr label.dod-filtr {
  margin-top: 15px;
  display: block;
  font-size: 14pt;
  padding: 5px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr select.dodavatele {
  padding: 8px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr .dateRow {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr .dateRow .item {
  margin-right: 10px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr .dateRow .item input {
  padding: 5px;
  width: 140px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr .casovyVyber {
  padding: 8px;
  background-color: #ff6666;
  color: white;
  margin-top: 10px;
  border-radius: 8px;
  width: 200px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr .casovyVyber label {
  font-size: 12pt;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .hrom-zarazeni-filtr #filtrujPolozky {
  margin-top: 15px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-polozky {
  margin-top: 20px;
  padding: 20px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-polozky h2 {
  margin-bottom: 15px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-polozky .polozkyTable .polozka-selected {
  background-color: rgba(112, 128, 144, 0.3);
  font-weight: bold;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-polozky .polozkyTable thead tr {
  background-color: #258fce;
  color: white;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-polozky .polozkyTable tbody tr:hover {
  background-color: rgba(112, 128, 144, 0.3);
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-nemocnice {
  margin-top: 10px;
  padding: 20px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-nemocnice h2 {
  margin-bottom: 15px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-nemocnice .tile-nemocniceVypis {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-nemocnice .tile-nemocniceVypis .nemocnice-item {
  width: 250px;
  height: 100px;
  background-color: #258fce;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 15px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-nemocnice .tile-nemocniceVypis .nemocnice-item .vertical-center {
  color: white;
  text-align: center;
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-nemocnice .tile-nemocniceVypis .nemocnice-selected {
  background-color: black;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls {
  padding: 20px;
  border-top: 1px solid #258fce;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls .controls-wrapper {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls .controls-wrapper .item {
  background-color: whitesmoke;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 400px;
  margin-right: 15px;
  margin-top: 15px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls .controls-wrapper .item .nadpis {
  text-align: center;
  font-weight: bold;
  padding: 5px;
  font-size: 14pt;
  margin-bottom: 10px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls .controls-wrapper .item select {
  padding: 5px;
  border: 1px solid #258fce;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls .controls-wrapper .item label {
  text-align: center;
  background-color: #258fce;
  color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 5px;
}
.ck-hrom-upravy-pl-hromadne-zarazeni .ck-hrom-upravy-pl-hromadne-zarazeni-vypisDat .vypisDat-controls .controls-wrapper .item button svg {
  margin-right: 10px;
}

.ck-hrom-upravy-pl-porovnani-dod .porovnani-dod-filtr {
  max-width: 900px;
  padding: 10px 10px 20px 20px;
  background-color: whitesmoke;
  margin-top: 15px;
}
.ck-hrom-upravy-pl-porovnani-dod .porovnani-dod-filtr label.dod-filtr {
  margin-top: 15px;
  display: block;
  font-size: 14pt;
  padding: 5px;
}
.ck-hrom-upravy-pl-porovnani-dod .porovnani-dod-filtr select.dodavatele {
  padding: 8px;
}
.ck-hrom-upravy-pl-porovnani-dod .porovnani-dod-filtr #filtrujPolozky {
  padding: 5px;
  color: #258fce;
}
.ck-hrom-upravy-pl-porovnani-dod .porovnani-dod-filtr #filtrujPolozky:hover {
  color: #3f3a34;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item {
  width: 350px;
  background-color: rgba(112, 128, 144, 0.7);
  color: white;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 15px;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .closeDod {
  color: white;
  float: right;
  margin-bottom: 5px;
  clear: both;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .closeDod:hover {
  color: red;
  cursor: pointer;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .nazevDodavatele {
  color: white;
  text-align: center;
  font-size: 15pt;
  font-weight: bold;
  clear: both;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .kodDodavatele {
  color: white;
  text-align: center;
  font-size: 10pt;
  margin-bottom: 20px;
  padding: 0px 0px 15px 0px;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  clear: both;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .noDataNem {
  font-size: 16pt;
  margin-top: 20px;
  text-align: center;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .nemocnice {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
  border-radius: 8px;
  background-color: white;
  margin-bottom: 15px;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .nemocnice:hover {
  cursor: pointer;
  background-color: red;
  color: white !important;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .nemocnice:hover .nemNazev {
  color: white;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .nemocnice .ikona {
  height: 100%;
  padding: 8px;
  background-color: red;
  margin-right: 10px;
  color: white;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .nemocnice .nemNazev {
  color: slategray;
  padding: 8px;
  font-weight: bold;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .zvyrazniNem {
  background-color: red !important;
  color: white !important;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .zvyrazniNem .nemNazev {
  color: white !important;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .pridatNem {
  text-align: center;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .pridatNem .pridatNemBtn {
  padding: 10px;
  background-color: red;
  color: white;
  border-radius: 8px;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .pridatNem .pridatNemBtn:hover {
  background-color: black;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .missingNemWrapper {
  margin-top: 10px;
  padding: 10px;
  display: none;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .missingNemWrapper .missingNem {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 60px;
  border-radius: 8px;
  border: 1px dashed white;
  margin-bottom: 15px;
  font-size: 10pt;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .missingNemWrapper .missingNem:hover {
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border: 1px dashed white;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .missingNemWrapper .missingNem .ikona {
  padding: 8px;
  margin-right: 10px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ck-hrom-upravy-pl-porovnani-dod .ajaxContainer .dodavatel-item .missingNemWrapper .missingNem .nemNazev {
  padding: 8px;
  font-style: italic;
}

.ck-hrom-upravy-pl-porovnani-polozek {
  margin-top: 20px;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileNemocnice {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileNemocnice .nemSearch {
  display: flex;
  flex-direction: column;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileNemocnice .nemSearch label {
  text-align: center;
  font-size: 14pt;
  padding: 6px;
  color: white;
  background-color: #258fce;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileNemocnice .nemSearch select {
  padding: 5px;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileNemocnice #addNem {
  margin-left: 10px;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileNemocnice #addNem:hover {
  cursor: pointer;
  color: black;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis {
  padding: 20px 0px;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem {
  width: 470px;
  min-width: 470px;
  padding: 10px;
  background-color: whitesmoke;
  margin: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem .zavriTabulku {
  align-self: flex-end;
  color: red;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem .zavriTabulku:hover {
  color: black;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem h2 {
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  height: 60px;
  font-weight: bold;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem .dataTables_length {
  margin-bottom: 10px;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem .dataTables_filter {
  margin-bottom: 10px;
}
.ck-hrom-upravy-pl-porovnani-polozek .tileVypis .ajaxContainer .dodItem tbody tr:hover {
  background-color: whitesmoke;
  cursor: pointer;
}

.ck-nast-dod-analytika .tileSet {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ck-nast-dod-analytika .tileSet .item-selected {
  background-color: black !important;
}
.ck-nast-dod-analytika .tileSet .item {
  margin-top: 15px;
  margin-right: 15px;
  width: 300px;
  height: 50px;
  background-color: #258fce;
  color: white;
  padding: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ck-nast-dod-analytika .tileSet .item:hover {
  background-color: black;
  cursor: pointer;
}
.ck-nast-dod-analytika .tileSet .item .ikona {
  margin-right: 10px;
}

.ck-nast-dod-analytika-vypisNemocnic {
  margin-top: 20px;
}
.ck-nast-dod-analytika-vypisNemocnic .tileNemocnice {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ck-nast-dod-analytika-vypisNemocnic .tileNemocnice .nemSearch {
  display: flex;
  flex-direction: column;
}
.ck-nast-dod-analytika-vypisNemocnic .tileNemocnice .nemSearch label {
  text-align: center;
  font-size: 14pt;
  padding: 6px;
  color: white;
  background-color: #258fce;
}
.ck-nast-dod-analytika-vypisNemocnic .tileNemocnice .nemSearch select {
  padding: 5px;
}
.ck-nast-dod-analytika-vypisNemocnic .tileNemocnice #addNem {
  margin-left: 10px;
}
.ck-nast-dod-analytika-vypisNemocnic .tileNemocnice #addNem:hover {
  cursor: pointer;
  color: black;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis {
  padding: 20px 0px;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem {
  width: 470px;
  min-width: 470px;
  padding: 10px;
  background-color: whitesmoke;
  margin: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem .zavriTabulku {
  align-self: flex-end;
  color: red;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem .zavriTabulku:hover {
  color: black;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem h2 {
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  height: 60px;
  font-weight: bold;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem .dataTables_length {
  margin-bottom: 10px;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem .dataTables_filter {
  margin-bottom: 10px;
}
.ck-nast-dod-analytika-vypisNemocnic .tileVypis .ajaxContainer .nemItem tbody tr:hover {
  background-color: whitesmoke;
  cursor: pointer;
}

.ck-nast-dod-analytika-vypisDodavatelu .porovnani-dod-filtr {
  max-width: 900px;
  padding: 10px 10px 20px 20px;
  background-color: whitesmoke;
  margin-top: 15px;
}
.ck-nast-dod-analytika-vypisDodavatelu .porovnani-dod-filtr label.dod-filtr {
  margin-top: 15px;
  display: block;
  font-size: 14pt;
  padding: 5px;
}
.ck-nast-dod-analytika-vypisDodavatelu .porovnani-dod-filtr select.dodavatele {
  padding: 8px;
}
.ck-nast-dod-analytika-vypisDodavatelu .porovnani-dod-filtr #filtrujPolozky {
  padding: 5px;
  color: #258fce;
}
.ck-nast-dod-analytika-vypisDodavatelu .porovnani-dod-filtr #filtrujPolozky:hover {
  color: #3f3a34;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis {
  padding: 20px 0px;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem {
  width: 535px;
  min-width: 535px;
  padding: 10px;
  background-color: whitesmoke;
  margin: 0px 20px 20px 0px;
  display: flex;
  flex-direction: column;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem .zavriTabulku {
  align-self: flex-end;
  color: red;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem .zavriTabulku:hover {
  color: black;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem h2 {
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  height: 60px;
  font-weight: bold;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem .dataTables_length {
  margin-bottom: 10px;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem .dataTables_filter {
  margin-bottom: 10px;
}
.ck-nast-dod-analytika-vypisDodavatelu .tileVypis .ajaxContainer .dodItem tbody tr:hover {
  background-color: whitesmoke;
  cursor: pointer;
}

/*-----------------OBJ-------------------------*/
.objPozadavkyKonsig {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.objPozadavkyKonsig .item {
  margin: 0 5px 5px 0;
}

.objPozadavkyKonsigH3 {
  color: black;
  margin: 10px 0;
  font-size: 18pt;
}

.neobjednanaPolozka {
  background-color: #ffd47b;
}

.th100 {
  width: 100%;
}

.obj .katNum {
  cursor: pointer;
  padding: 2px 10px;
  color: #fff;
  border-radius: 8px;
  background-color: #82cdfb;
}
.obj .katNum:hover {
  background-color: black;
}
.obj .oddeleni {
  display: flex;
  flex-direction: column;
}
.obj .oddeleni .item {
  margin-left: 50px;
  margin-top: 5px;
}
.obj .oddeleni h2 {
  margin: 10px 0 10px 0;
}
.obj .oddeleni label {
  cursor: pointer;
  font-size: 15pt;
}
.obj .oddeleni input[type=radio] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  transform: scale(1.5);
  /* Opera */
  padding: 10px;
  cursor: pointer;
  margin-right: 10px;
}
.obj .oddeleni input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  transform: scale(2);
  /* Opera */
  padding: 10px;
  cursor: pointer;
  margin-right: 10px;
}
.obj .kategorie {
  display: flex;
  flex-direction: column;
}
.obj .kategorie h3 {
  display: inline;
  background-color: #82cdfb;
  color: #fff;
  padding: 7px 15px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12pt;
}
.obj .kategorie h3:hover {
  background-color: black;
}
.obj .kategorie .item {
  margin-top: 15px;
}
.obj .kategorie .item .down {
  color: #82cdfb;
  cursor: pointer;
  font-size: 17pt;
  margin-left: 5px;
}
.obj .kategorie .nav0::before {
  content: "0";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.obj .kategorie .nav1 {
  margin-left: 80px;
  margin-top: 15px;
}
.obj .kategorie .nav1::before {
  content: "1";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.obj .kategorie .nav2 {
  margin-left: 160px;
}
.obj .kategorie .nav2::before {
  content: "2";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.obj .kategorie .nav3 {
  margin-left: 240px;
}
.obj .kategorie .nav3::before {
  content: "3";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.obj .kategorie .nav4 {
  margin-left: 320px;
}
.obj .kategorie .nav4::before {
  content: "4";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.obj .kategorie .nav5 {
  margin-left: 400px;
}
.obj .kategorie .nav5::before {
  content: "5";
  font-size: 14pt;
  font-weight: 400;
  margin-right: 10px;
  color: #82cdfb;
}
.obj .kategorie .navSelected {
  background-color: #57d943 !important;
}
.obj .kategorie .navi6 {
  margin-left: 0px;
}
.obj .kategorie .navi7 {
  margin-left: 50px;
}

.menu-obj {
  background-color: #82cdfb;
  height: auto;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.menu-obj .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px 0;
  font-size: 15pt;
  padding-top: 12px;
}
.menu-obj .container a {
  color: #fff;
  font-weight: 400;
  padding: 12px 10px 12px 10px;
}
.menu-obj .container a .i {
  margin-right: 5px;
}
.menu-obj .container a:hover {
  background-color: black;
}

.obj-menu-dropdown {
  cursor: pointer;
}
.obj-menu-dropdown .obj-dropdown-content {
  display: none;
  background-color: #82cdfb;
  position: absolute;
  z-index: 2000;
  min-width: 100px;
  margin-top: 10px;
  box-shadow: 0px 6px 5px 3px rgba(0, 0, 0, 0.6);
}
.obj-menu-dropdown .obj-dropdown-content a {
  display: flex;
  flex-direction: row;
  font-size: 14pt;
}
.obj-menu-dropdown .obj-dropdown-content a .i {
  width: 30px;
}

.obj-sluzby-menu-dropdown {
  cursor: pointer;
}
.obj-sluzby-menu-dropdown .obj-sluzby-dropdown-content {
  display: none;
  background-color: #82cdfb;
  position: absolute;
  z-index: 2000;
  min-width: 100px;
  margin-top: 10px;
  box-shadow: 0px 6px 5px 3px rgba(0, 0, 0, 0.6);
}
.obj-sluzby-menu-dropdown .obj-sluzby-dropdown-content a {
  font-size: 14pt;
}

.obj-menu-dropdown:hover .obj-dropdown-content {
  display: flex;
  flex-direction: column;
}

.obj-sluzby-menu-dropdown:hover .obj-sluzby-dropdown-content {
  display: flex;
  flex-direction: column;
}

.submenu-obj ul {
  background-color: #82cdfb;
  padding: 6px 6px;
  border-top: 2px solid #fff;
}
.submenu-obj ul li {
  display: inline;
  border-right: 2px solid #fff;
  padding: 6px 8px;
  color: black;
  font-weight: 400;
}

.sluzbyModal-buttons {
  display: flex;
}
.sluzbyModal-buttons .item {
  background-color: #258fce;
  width: 120px;
  height: 120px;
  margin: 10px;
  cursor: pointer;
  box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.2);
  color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  font-weight: bold;
}
.sluzbyModal-buttons :hover {
  background-color: #80afcd;
}
.sluzbyModal-buttons .selected {
  background-color: #ffd47b;
}

.home-obj .pocet-zaznamu p {
  padding: 13px 0 0 5px;
}
.home-obj .modal-sortiment-tr {
  display: none;
  flex-direction: column;
  background-color: #82cdfb;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 5px;
  opacity: 1;
  padding: 12px;
  box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 8px;
  left: 78px;
}
.home-obj .modal-sortiment-tr .item {
  margin: 3px 0;
}
.home-obj .modal-sortiment-tr h4 {
  display: inline;
}
.home-obj .modal-sortiment-tr p {
  color: black;
  display: inline;
  margin-left: 5px;
}
.home-obj .page-table table {
  color: black;
}
.home-obj .page-table table .oddelovac {
  clear: both;
  height: 5px;
  margin-top: 5px;
  border-top: 1px solid #255d81;
  padding-top: 5px;
}
.home-obj .page-table table .i-name {
  color: #255d81;
  margin-left: 5px;
  cursor: pointer;
  font-size: 15pt;
}
.home-obj .page-table table td {
  padding: 3px 6px;
}
.home-obj .page-table table td .nameControl {
  font-size: 11pt;
  cursor: pointer;
}
.home-obj .page-table table td .nameControl:hover {
  color: #2997dc;
}
.home-obj .page-table table th {
  padding: 10px 5px;
}
.home-obj .page-table table tr:hover {
  background-color: #ffd47b !important;
}
.home-obj .page-table table tr:nth-child(odd) {
  background-color: #f4f4f4;
}
.home-obj .page-table table .tdNote {
  display: none;
}
.home-obj .btn-small {
  border: 1px solid #82cdfb;
}
.home-obj .btn-small:hover {
  color: #fff;
  background-color: #82cdfb;
}
.home-obj table th {
  background-color: #82cdfb;
}

.obj-sortiment {
  margin: auto !important;
  width: inherit !important;
}
.obj-sortiment .konsig {
  background-color: #f4f4f4;
  border: 2px solid #82cdfb;
}
.obj-sortiment .konsig h2 {
  background-color: #82cdfb;
  padding: 5px;
  color: #fff;
  margin: 0 0 10px 0;
  padding: 5px 0 10px 10px;
}
.obj-sortiment .konsig .konsig-inputs {
  padding: 5px 0 10px 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.obj-sortiment .konsig .konsig-inputs #konsigVzp {
  margin-bottom: 10px;
  display: none;
}
.obj-sortiment .konsig .konsig-inputs #konsigVzp tr {
  cursor: pointer;
}
.obj-sortiment .konsig .konsig-inputs #konsigVzp tr:hover {
  background-color: #fde1d1 !important;
}
.obj-sortiment .konsig .konsig-inputs .item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: 8px 10px;
}
.obj-sortiment .konsig .konsig-inputs .btn-filtr {
  background-color: #82cdfb;
  color: #fff;
  border: none;
  padding: 15px;
}
.obj-sortiment .konsig .konsig-inputs .btn-filtr:hover {
  background-color: black;
}

.obj-filtr {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  background-color: #f5f5f5;
  border: 2px solid #82cdfb;
  border-radius: 8px;
  margin-bottom: 10px;
  margin-top: 7px;
  padding: 10px;
  /*  #Seek {
                  color        : #fff;
                  font-size    : 16pt;
                  border       : 3px solid $obj;
                  margin-bottom: 10px;
                  &            :hover {
                      color           : #fff;
                      border          : 3px solid $black;
                      background-color: $black;
                  }
              } */
}
.obj-filtr .h-primarni-katalog {
  display: none;
}
.obj-filtr .h-pl {
  display: none;
}
.obj-filtr .h-ON {
  display: none;
}
.obj-filtr .h-NP {
  display: none;
}
.obj-filtr .item {
  margin: 5px;
}
.obj-filtr .ctrl-1 {
  width: 100%;
}
.obj-filtr .ctrl-1 .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.obj-filtr .pocet {
  width: 100%;
  padding-top: 10px;
}
.obj-filtr input[type=checkbox].toggle {
  display: none;
}
.obj-filtr input[type=checkbox].toggle:checked + label {
  background-color: #2997dc;
}
.obj-filtr input[type=checkbox].toggle:checked + label:hover {
  background-color: black;
}
.obj-filtr label.checkbox {
  background-color: #82cdfb;
  color: #fff;
  cursor: pointer;
}
.obj-filtr label.checkbox .i {
  margin-right: 5px;
}
.obj-filtr label.checkbox:hover {
  background-color: black;
}
.obj-filtr .pozSkup {
  padding: 20px 10px 10px 10px;
  display: flex;
  flex-direction: column;
}
.obj-filtr .pozSkup input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  transform: scale(2);
  /* Opera */
  padding: 10px;
  cursor: pointer;
  margin-right: 10px;
}
.obj-filtr .pozSkup div {
  margin-bottom: 15px;
}
.obj-filtr .pozSkup select {
  height: 35px;
  border-radius: 5px;
  padding: 10px;
}
.obj-filtr .filtrovani {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.obj-filtr .filtrovani input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  transform: scale(2);
  /* Opera */
  padding: 10px;
  cursor: pointer;
  margin-right: 10px;
  margin-left: 10px;
}
.obj-filtr .filtrovani input[type=radio].toggle {
  display: none;
}
.obj-filtr .filtrovani input[type=radio].toggle:checked + label {
  background-color: #82cdfb;
  color: #fff;
}
.obj-filtr .filtrovani #sTextFiltr {
  border: 1px solid #82cdfb;
  padding: 5px;
  font-size: 14pt;
  height: 50pt;
  width: 350px;
}
.obj-filtr .filtrovani .checkbox {
  padding: 3px 6px;
  background-color: #fff;
  color: #258fce;
  margin: 0 2px;
  cursor: pointer;
  border: 1px solid #82cdfb;
}
.obj-filtr .filtrovani .checkbox:hover {
  background-color: #82cdfb;
  color: #fff;
}
.obj-filtr .filtrovani .item {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 10px;
}
.obj-filtr .filtrovani .filtr-volby {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.obj-filtr .filtrovani input {
  margin-bottom: 5px;
}
.obj-filtr .filtrovani .filtrovatChecks .item {
  display: flex;
  flex-direction: row;
}
.obj-filtr .filtrovani .filtrovatChecks .item input {
  margin-right: 15px;
}
.obj-filtr .rTypeSablon .item2 {
  margin-top: 10px;
}
.obj-filtr .sablonyCtrl {
  width: 100%;
}
.obj-filtr .sablonyCtrl input[type=radio] {
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
  cursor: pointer;
  margin-right: 5px;
}
.obj-filtr .sablonyCtrl label {
  margin-right: 15px;
  cursor: pointer;
}
.obj-filtr .sablonyCtrl #objednatSablonu {
  margin-right: 25px;
}
.obj-filtr .sablonyCtrl .sablonyPridatType {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 15px 0;
}

.sortimentTable {
  font-size: 9pt;
}

.schvalFiltr {
  flex-direction: column;
}
.schvalFiltr .radio1-5x input {
  margin-right: 10px;
}
.schvalFiltr .radio1-5x label {
  margin-right: 10px;
}

.schvalPozTable {
  width: 100%;
}
.schvalPozTable th {
  text-align: left;
  padding: 10px 5px !important;
}
.schvalPozTable tr td {
  font-size: 11pt;
  padding: 4px 6px !important;
  text-align: left;
}

.schvalPozFooter #vytvorZad {
  font-size: 12pt;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 15px 25px;
  background-color: #82cdfb;
}
.schvalPozFooter #vytvorZad .i {
  margin-right: 10px;
}
.schvalPozFooter #vytvorZad:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.schvalPozFooter #vytvorZad:hover {
  background-color: black;
  color: #fff;
}
.schvalPozFooter #vytvorOBJ {
  font-size: 14pt;
  display: flex;
  align-items: center;
  text-align: left;
  padding: 20px 10px;
  background-color: #82cdfb;
}
.schvalPozFooter #vytvorOBJ .i {
  margin-right: 10px;
}
.schvalPozFooter #vytvorOBJ:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.schvalPozFooter #vytvorOBJ:hover {
  background-color: black;
  color: #fff;
}

.schvalPozText {
  background-color: #ffd47b;
  padding: 0 2px;
}

.zadankyFiltr {
  flex-direction: column;
}
.zadankyFiltr .labelCheck_1 label {
  background-color: #78f965;
  margin: 3px;
}
.zadankyFiltr .item {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.zadankyFiltr .item_1 label {
  display: inline-block;
  width: 100px;
}
.zadankyFiltr .item_1 select {
  width: 150px;
}
.zadankyFiltr .select2 {
  margin-right: 10px;
}
.zadankyFiltr input[type=checkbox] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  cursor: pointer;
  margin-right: 10px;
}
.zadankyFiltr input[type=radio] {
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  transform: scale(1.5);
  cursor: pointer;
  margin-right: 10px;
}

.dodaciListyFiltr {
  flex-direction: column;
  margin-bottom: 20px;
}
.dodaciListyFiltr .item {
  margin-bottom: 11px;
}
.dodaciListyFiltr .select2 {
  margin-right: 10px;
}
.dodaciListyFiltr .select2 li {
  padding: 2px 5px !important;
}
.dodaciListyFiltr .select2 li .select2-selection__choice__remove {
  font-size: 16pt !important;
}

.select-edit-dl {
  border: 1px solid darkgray;
  border-radius: 4px;
  font-size: 12pt;
  color: darkslategray;
  padding: 3px;
}

.obj-pozadavky {
  width: inherit;
  padding: 0 !important;
}
.obj-pozadavky table th {
  color: #fff;
  padding: 2px 7px;
  font-weight: 400;
  background-color: black;
  font-size: 11pt;
}
.obj-pozadavky table td {
  color: black;
  padding: 3px 6px;
}

.katNahoru {
  background-color: #82cdfb;
  padding: 10px;
  position: fixed;
  right: 50px;
  bottom: 50px;
}
.katNahoru:hover {
  background-color: black;
}
.katNahoru h3 {
  margin: 0 !important;
  padding: 0;
}
.katNahoru h3 a {
  padding: 0;
  color: #fff;
}
.katNahoru h3 a .i {
  margin-right: 5px;
}

.tableRole table tr:hover {
  background-color: #ffd47b;
}
.tableRole table tbody tr {
  cursor: pointer;
}
.tableRole table th {
  color: #fff;
  padding: 10px 8px;
  font-weight: 400;
  background-color: black;
  font-size: 11pt;
}
.tableRole table td {
  color: black;
  padding: 7px 7px;
  border-top: 2px solid #68ebf9;
}

.table-cerna-2 table {
  border-collapse: collapse;
}
.table-cerna-2 table tr:hover {
  background-color: #ffd47b;
}
.table-cerna-2 table tbody tr {
  cursor: pointer;
}
.table-cerna-2 table th {
  color: #fff;
  padding: 10px 8px;
  font-weight: 400;
  background-color: black;
  font-size: 11pt;
}
.table-cerna-2 table td {
  color: black;
  padding: 7px 7px;
}
.table-cerna-2 table .i {
  font-size: 17pt;
}
.table-cerna-2 table .i:hover {
  color: #258fce;
}

.table-cerna .datepickerFix {
  display: inline-block;
  margin-top: 5px;
}
.table-cerna table {
  border-collapse: collapse;
}
.table-cerna table tr:nth-child(even) {
  background-color: #f4f4f4;
}
.table-cerna table tr:hover {
  background-color: #ffd47b;
}
.table-cerna table tbody tr {
  cursor: pointer;
}
.table-cerna table th {
  color: #fff;
  padding: 10px 8px;
  font-weight: 400;
  background-color: black;
  font-size: 11pt;
}
.table-cerna table td {
  color: black;
  padding: 7px 7px;
}
.table-cerna table .i {
  font-size: 17pt;
}
.table-cerna table .i:hover {
  color: #258fce;
}
.table-cerna .hd-issues th {
  background-color: #fde1d1;
  color: #258fce;
  font-size: 16pt;
}
.table-cerna .hd-issues td {
  color: #258fce;
}
.table-cerna .hd-issues .hd-i-comments {
  font-size: 19pt;
}
.table-cerna .hd-issues .hd-i-comments:hover {
  color: black;
}

.table-cerna-min .dataTables_length label {
  display: block;
  margin: 0 0 10px 0;
}
.table-cerna-min .datepickerFix {
  display: inline-block;
  margin-top: 5px;
}
.table-cerna-min table {
  font-size: 10pt !important;
  border-collapse: collapse;
}
.table-cerna-min table tr:nth-child(even) {
  background-color: #f4f4f4;
}
.table-cerna-min table tr:hover {
  background-color: #ffd47b;
}
.table-cerna-min table tbody tr {
  cursor: pointer;
}
.table-cerna-min table th {
  color: #fff;
  padding: 5px 10px !important;
  font-weight: 400;
  background-color: black;
  font-size: 10pt;
  font-weight: normal;
  text-align: left;
}
.table-cerna-min table td {
  color: black;
  padding: 2px 2px !important;
}
.table-cerna-min table .i {
  font-size: 17pt;
}
.table-cerna-min table .i:hover {
  color: #258fce;
}
.table-cerna-min .hd-issues th {
  background-color: #fde1d1;
  color: #258fce;
  font-size: 16pt;
}
.table-cerna-min .hd-issues td {
  color: #258fce;
}
.table-cerna-min .hd-issues .hd-i-comments {
  font-size: 19pt;
}
.table-cerna-min .hd-issues .hd-i-comments:hover {
  color: black;
}

.table-cerna-modal .dataTables_length {
  padding-bottom: 10px;
}
.table-cerna-modal table {
  margin-top: 20px;
}
.table-cerna-modal table tr:nth-child(even) {
  background-color: #f4f4f4;
}
.table-cerna-modal table tr:hover {
  background-color: #ffd47b;
}
.table-cerna-modal table th {
  color: #fff;
  padding: 2px 2px;
  font-weight: 400;
  background-color: black;
  font-size: 10pt;
}
.table-cerna-modal table td {
  color: black;
  padding: 3px 6px;
  font-size: 10pt;
}

.hideSearchDataTable .dataTables_filter {
  display: none;
}

#GenObjHromBut {
  margin-top: 20px;
  background-color: #82cdfb;
  padding: 14px;
  text-align: center;
  font-size: 14pt;
  width: 400px;
}
#GenObjHromBut .ico {
  margin-right: 10px;
  font-size: 22pt;
}
#GenObjHromBut:hover {
  background-color: black;
  color: #fff;
}
#GenObjHromBut:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dodaci-listy .table-cerna .i:hover {
  color: black;
}
.dodaci-listy .table-cerna td {
  padding: 10px 6px;
}

.oddelovnik {
  width: 100%;
  height: 3px;
  background-color: black;
  margin: 15px 0 2px 0;
}

.sum {
  float: right;
  width: auto;
  color: #fff;
}
.sum table {
  color: #fff;
}
.sum table td {
  background-color: black;
  padding: 5px 8px;
  color: #fff;
  font-weight: 500;
  font-size: 12pt;
}

.stavBut {
  padding: 3px 7px;
  margin: 2px 0;
  font-weight: 500;
  font-size: 16pt;
  cursor: pointer;
  background-color: #82cdfb;
  border-radius: 5px;
  color: #3f3a34;
}
.stavBut:hover {
  background-color: black;
  color: #fff;
}
.stavBut:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.stavBut:disabled:hover {
  background-color: #82cdfb;
  color: black;
}

.stavButClicked {
  background-color: black !important;
  color: #fff !important;
}

.obj-pozadavky-header {
  width: 100%;
  background-color: #82cdfb;
  margin-top: 2px;
  color: #fff;
  padding: 7px 7px;
  box-sizing: border-box;
}
.obj-pozadavky-header h4 {
  font-weight: 500;
  color: black;
}

.objednavkaDetailIcons {
  display: flex;
  flex-direction: row;
}
.objednavkaDetailIcons .item {
  cursor: pointer;
}
.objednavkaDetailIcons .item:hover {
  color: black;
}
.objednavkaDetailIcons .item .i {
  margin-right: 5px;
  margin-left: 5px;
  font-size: 18pt;
}

.objDetailObjModal {
  background-color: #ffd47b;
  padding: 10px;
  border-radius: 5px;
  position: fixed;
  top: 158px;
  right: 5%;
  z-index: 30;
  color: black;
  max-width: 350px;
  display: none;
}
.objDetailObjModal h3 {
  color: #258fce;
  margin-right: 5px;
}
.objDetailObjModal .container {
  display: flex;
  flex-direction: column;
}
.objDetailObjModal .container .item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 5px 0;
  align-items: center;
}

.detailObjednavky h2 {
  padding: 2px;
  border-bottom: 3px solid #82cdfb;
  margin-bottom: 5px;
}

.odberDodav {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.odberDodav .odberatel {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.odberDodav .dodavatel {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.odberDodav p {
  color: black;
}

.detailObjHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.detailObjHeader .item {
  margin-right: 3px;
}

.mr .container-ajax-content {
  padding-top: 50px;
}
.mr .container-ajax-content .dataTables_length {
  display: block !important;
  margin-top: 10px !important;
  margin-left: 10px !important;
}
.mr .container-ajax-content .dataTables_filter {
  display: block !important;
  margin-top: 10px !important;
}
.mr .container-ajax-content .table-cerna thead th {
  cursor: pointer;
}
.mr .container-ajax-content .table-cerna tbody td {
  cursor: default !important;
}
.mr .chart {
  width: 100%;
  min-height: 450px;
}
.mr .submenu {
  background-color: #055d99;
}
.mr .moduly .item {
  background-color: #055d99;
  color: #fff;
}

.menu-mr {
  background-color: #055d99;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  font-size: 16pt;
  color: #fff;
}
.menu-mr a {
  cursor: pointer;
  font-weight: 400;
  padding: 12px 10px 12px 10px;
  color: #fff;
}
.menu-mr a:hover {
  background-color: black;
}

.container-ikony-mr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.container-ikony-mr a {
  color: #fff;
  width: 150px;
  margin: 10px 5px;
  padding: 20px;
  background-color: #055d99;
  display: block;
  text-align: center;
}
.container-ikony-mr a:hover {
  background-color: black;
}
.container-ikony-mr a .i {
  font-size: 30pt;
  margin-bottom: 10px;
}

.filtr-mr {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.filtr-mr div {
  margin-bottom: 10px;
}
.filtr-mr .selectwidth100 {
  width: 100%;
  font-size: 14pt;
}
.filtr-mr .selectwidth100 label {
  font-size: 16pt;
  font-weight: bold;
}
.filtr-mr .filtr-block {
  margin: 10px 10px 20px 10px;
  font-size: 16pt;
}
.filtr-mr .filtr-block label {
  margin-right: 5px;
}
.filtr-mr .filtr-block input {
  font-size: 14pt;
  width: 110px;
}
.filtr-mr .datum-block {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.filtrLog {
  background-color: #f4f4f4;
  width: 100%;
  padding: 10px;
  border: 3px solid #875b5b;
  margin-bottom: 30px;
}
.filtrLog .item {
  margin: 10px 0;
}
.filtrLog label {
  width: 120px;
  display: inline-block;
}
.filtrLog #Seek {
  margin-top: 20px;
}

.container-ikony-log {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.container-ikony-log a {
  color: #fff;
  width: 150px;
  margin: 10px 5px;
  padding: 20px;
  background-color: #875b5b;
  display: block;
  text-align: center;
}
.container-ikony-log a:hover {
  background-color: black;
}
.container-ikony-log a .i {
  font-size: 30pt;
  margin-bottom: 10px;
}

.vidNavody_container .displayVideos {
  height: 26px;
}
.vidNavody_container .btn-vid {
  border: 1px solid #82cdfb;
  border-radius: 5px;
  margin-left: 15px;
  background-color: #fff;
  color: #82cdfb;
  padding: 6px 18px;
  display: block;
}
.vidNavody_container .btn-vid .i {
  margin-left: 10px;
  font-size: 12pt;
}
.vidNavody_container .btn-vid:hover {
  background-color: #82cdfb;
  color: #fff;
}
.vidNavody_container .item2 h2 {
  margin-bottom: 10px;
}
.vidNavody_container .items {
  display: flex;
  flex-direction: column;
}
.vidNavody_container .items .videos {
  margin-top: 10px;
  margin-bottom: 50px;
  background-color: #f4f4f4;
  padding: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.vidNavody_container .items .videos h3 {
  font-size: 18pt;
  color: #3f3a34;
  margin-bottom: 5px;
  max-width: 300px;
  height: 60px;
}
.vidNavody_container .items .videos .videoItem {
  margin: 8px;
}
.vidNavody_container .items .videos .videoItem video {
  width: 300px;
}
.vidNavody_container .items .text {
  background-color: #f4f4f4;
  padding: 15px 25px 20px 25px;
  color: #3f3a34;
}
.vidNavody_container .items .text h3 {
  margin: 15px 0 5px 0;
  font-weight: bold;
}
.vidNavody_container .items .text2 {
  color: black;
  font-size: 15pt;
  margin-bottom: 10px;
}
.vidNavody_container .items .item {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.vidNavody_container .items .item .header {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
.vidNavody_container .items .item .header h3 {
  color: #3f3a34;
  font-size: 20pt;
}
.vidNavody_container .items .item .header .icon {
  width: 50px;
  height: 50px;
  color: #fff;
  display: block;
  margin-right: 10px;
}
.vidNavody_container .items .item .header .icon .text {
  color: #fff;
  font-size: 16pt;
  display: block;
  padding: 20px 0px 7px 4px;
}

.hd-admin-detail h2 {
  padding-top: 5px;
  display: block;
  float: left;
}
.hd-admin-detail #closeTicket {
  margin-left: 15px;
}
.hd-admin-detail .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}
.hd-admin-detail .container .itemPar {
  min-width: 400px;
}
.hd-admin-detail .container .a {
  box-sizing: border-box;
  width: 47%;
  padding: 1%;
  margin: 0 1%;
  border-radius: 10px;
  background-color: #f4f4f4;
}
.hd-admin-detail .container .b {
  box-sizing: border-box;
  padding: 1%;
  margin: 0 1%;
  border-radius: 10px;
  background-color: #f4f4f4;
  width: 47%;
  max-height: 1300px;
  overflow: auto;
}
.hd-admin-detail .container .b .customer {
  background-color: #fde1d1;
}
.hd-admin-detail .container .b .admin {
  background-color: #fff;
  margin-left: 95px !important;
}
.hd-admin-detail .container .b .insertMsg {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.hd-admin-detail .container .b .insertMsg #odeslatMessage {
  margin-left: 10px;
}
.hd-admin-detail .container .b .message {
  padding: 8px;
  color: #3f3a34;
  width: 320px;
  margin: 9px 0;
}
.hd-admin-detail .container .b .message .header {
  padding-bottom: 5px;
  border-bottom: 1px solid #258fce;
  color: #258fce;
  font-size: 10pt;
}
.hd-admin-detail .container .b .message .contentMSG {
  padding-top: 5px;
}
.hd-admin-detail .session {
  margin-top: 40px;
  width: 100%;
}
.hd-admin-detail .session #toggleSession {
  cursor: pointer;
}
.hd-admin-detail .session #session {
  display: none;
  padding: 10px;
  border-radius: 10px;
}
.hd-admin-detail .session .icon {
  display: block;
  float: left;
}
.hd-admin-detail .session .item {
  color: #3f3a34;
}
.hd-admin-detail .session .item .key {
  color: #258fce;
}

.helpdeskAi .header {
  display: flex;
  flex-direction: row;
}

.helpdesk .btn-2 {
  background-color: #fde1d1 !important;
}

.menu-hd {
  height: auto;
  box-sizing: border-box;
  background-color: #fde1d1;
  border-bottom: 10px;
  width: 100%;
  display: inline-block;
}
.menu-hd a {
  display: block;
  float: left;
  padding: 12px 10px;
  color: black;
  font-size: 17pt;
  background-color: inherit;
}
.menu-hd a:hover {
  background-color: black;
  color: #fff;
}

.hd-info {
  font-size: 17pt;
  border: 2px dashed #2997dc;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.hd-info p {
  display: inline;
  margin-right: 30px;
}
.hd-info p .i {
  margin-right: 10px;
}

.hd_search_container {
  width: 100%;
}
.hd_search_container .hd-search {
  float: left;
  width: 55%;
  padding: 10px 0 10px 0;
  min-width: 300px;
}
.hd_search_container .hd-search #Seek {
  padding: 15px 20px;
  font-size: 18px;
  border-radius: 10px;
}
.hd_search_container .hd-search input {
  width: 70%;
  font-size: 16pt;
  padding: 11px;
  border-radius: 11px;
  border: 3px solid #fde1d1;
  background-color: #fff;
  -webkit-appearance: none;
}
.hd_search_container .hd-search input:focus-within {
  border: 3px solid #258fce;
  background-color: #f4f4f4;
  -webkit-appearance: none;
  outline: none;
}
.hd_search_container .hd-navod {
  width: 20%;
  min-width: 300px;
  float: left;
  margin: 27px 10px 30px 0;
}
.hd_search_container .hd-navod a {
  padding: 15px;
  background-color: #fde1d1;
  border-radius: 10px;
}
.hd_search_container .hd-navod a:hover {
  background-color: black;
  color: #fff;
}

.hd-navod {
  font-size: 17px;
  margin-top: 10px;
}

.hd-db {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 15px;
  background-color: #fde1d1;
  border-radius: 10px;
}
.hd-db .item {
  height: auto;
  width: 25%;
  padding: 10px;
  cursor: pointer;
  color: black;
}
.hd-db .item:hover {
  color: #258fce;
}
.hd-db .item h3 {
  margin-bottom: 10px;
  font-weight: bold;
}

.hd_znaldab_edit_formular {
  margin: 10px 10px 10px 10px;
  flex-direction: row;
}
.hd_znaldab_edit_formular label {
  font-weight: bold;
}
.hd_znaldab_edit_formular input {
  margin-right: 20px;
}

.hd-detailClanku h2 {
  font-weight: bold;
  margin-bottom: 20px;
}
.hd-detailClanku p {
  text-align: justify;
  margin-bottom: 20px;
}

.vzpTable {
  display: none;
}

.errorMsg {
  color: #bc6060;
}

.detail-template {
  display: grid;
}

.VZP-B {
  color: #3b942e;
}

.ck-kategorie-table td {
  cursor: pointer;
}

.ck-kategorie-filtr #nastavit {
  display: none;
}

#divbAll {
  margin-top: 15px;
}
#divbAll .i {
  font-size: 18pt;
  color: #71d961;
  cursor: pointer;
}
#divbAll .i:hover {
  color: black;
}

.menu-sk {
  background-color: #2997dc;
  height: auto;
  box-sizing: border-box;
}
.menu-sk .container {
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0px 0px;
}
.menu-sk .container a {
  cursor: pointer;
  color: #fff;
  display: block;
  font-size: 15pt;
  padding: 12px 10px;
}
.menu-sk .container a:hover {
  background-color: black;
}
.menu-sk .container a .ico {
  margin-right: 5px;
}

.sk-menu-dropdown {
  cursor: pointer;
}
.sk-menu-dropdown .sk-dropdown-content {
  display: none;
  background-color: #2997dc;
  position: absolute;
  z-index: 2000;
  min-width: 100px;
  box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, 0.4);
}
.sk-menu-dropdown .sk-dropdown-content a {
  font-size: 12pt;
  padding: 8px;
}

.sk-menu-dropdown:hover .sk-dropdown-content {
  display: flex;
  flex-direction: column;
}

.sk {
  /*#fSeeker {
    margin-top: 10px;
  }*/
}
.sk .pages {
  float: left;
  margin-right: 15px;
}
.sk .table-filtr tr {
  cursor: pointer;
}
.sk .table-filtr .zasoby {
  display: none;
}
.sk .table-filtr .filtrCena {
  display: none;
}
.sk .table-filtr .i {
  font-size: 18pt;
  cursor: pointer;
  display: inline;
  /* &:hover {
                      color: $sk;
                  } */
}
.sk .table-filtr .up {
  text-align: center;
}
.sk .pocet-zaznamu p {
  padding: 13px 0 0;
}
.sk .ikony .item {
  background-color: #2997dc;
  font-size: 14pt;
}
.sk .ikony .bg1 {
  background-color: #80afcd;
}
.sk .ikony .bg2 {
  background-color: #257aaf;
}
.sk .ikony .bg3 {
  background-color: #255d81;
}
.sk .objednavky table {
  margin-top: 20px;
}

.sk-inventura-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sk-inventura-container .item {
  padding: 5px 20px 25px 0px;
}
.sk-inventura-container .item2 {
  border-radius: 10px;
  text-align: center;
  height: 220px;
  padding: 25px;
}
.sk-inventura-container .item2 img {
  margin: 0 auto 20px auto;
}
.sk-inventura-container .item2_disabled {
  pointer-events: none;
  opacity: 0.4;
}

.invtDoklad .trSumInv {
  background-color: #f4f4f4;
}
.invtDoklad .trSumInv td {
  border-top: 2px solid black;
}
.invtDoklad .trSumInv .tdSumInv {
  font-size: 14pt;
}
.invtDoklad .invPrenesHodnoty {
  display: inline-block;
  margin-left: 10px;
  color: #258fce;
}
.invtDoklad .invPrenesHodnoty:hover {
  color: black;
}
.invtDoklad .inputUser {
  font-size: 11pt;
  padding: 2px 5px;
  color: #258fce;
  font-weight: 700;
  width: 120px;
}
.invtDoklad .inputUserSum {
  font-size: 14pt;
  font-weight: 700;
  color: #258fce;
}

.sk-inventura_doklady {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sk-inventura_doklady .item_doklady {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 200px;
  padding: 20px;
  margin: 5px;
  background-color: #2997dc;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.sk-inventura_doklady .item_doklady:hover {
  background-color: black;
}
.sk-inventura_doklady a {
  padding: 0;
  margin: 0;
  display: block;
  box-sizing: border-box;
}

.sk-inventura_tisk {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sk-inventura_tisk .item_tisk {
  display: flex;
  flex-direction: column;
  width: 200px;
  padding: 20px;
  margin: 5px;
  background-color: #2997dc;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.sk-inventura_tisk .item_tisk:hover {
  background-color: black;
}
.sk-inventura_tisk .item_tisk .i {
  margin: 0 auto 15px auto;
  font-size: 30pt;
}

.sk-inventura-lock-container .sk-inventura-item {
  float: left;
  background-color: #2997dc;
  padding: 20px;
  margin: 5px;
  text-align: center;
  color: #fff;
  width: 200px;
  cursor: pointer;
}
.sk-inventura-lock-container .sk-inventura-item:hover {
  background-color: black;
}
.sk-inventura-lock-container .sk-inventura-item .i {
  font-size: 30pt;
  margin: 0 auto 15px auto;
}

#invHeadStart {
  background-color: #57d943;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
}

.invHeaderContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.invHeaderContainer .item {
  margin: 15px 5px 0 0;
  display: flex;
  flex-direction: row;
}
.invHeaderContainer .item .b {
  color: black;
}
.invHeaderContainer .item .a {
  width: 150px;
}

.detailOpKartyBtns {
  display: flex;
  flex-direction: column;
}
.detailOpKartyBtns .btn-1 {
  margin-top: 15px;
  width: 180px;
}
.detailOpKartyBtns .btn-save {
  margin-top: 25px;
  width: 150px;
}

.NaskladneniPolozekList {
  background: #f5f5f5;
  border: 3px solid #2997dc;
  padding: 10px;
}
.NaskladneniPolozekList #resultZapujcka {
  margin: 20px 0 20px 0;
  display: none;
  background-color: #71d961;
  padding: 10px 15px 9px 15px;
  border-radius: 5px;
  margin-top: 10px;
  color: #fff;
}
.NaskladneniPolozekList .select2-container {
  font-size: 10pt;
}
.NaskladneniPolozekList .item {
  margin: 0 10px 10px 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.NaskladneniPolozekList .item .long {
  width: 70%;
  min-width: 300px;
  clear: both;
}
.NaskladneniPolozekList .item .broad {
  width: 155px;
}
.NaskladneniPolozekList .item input {
  font-size: 14px;
  padding: 5px;
  min-width: 400px;
}
.NaskladneniPolozekList .i {
  font-size: 16pt;
}
.NaskladneniPolozekList #poznamka {
  margin-top: 10px;
  width: 400px;
  height: 40px;
}
.NaskladneniPolozekList h3,
.NaskladneniPolozekList p {
  display: inline;
}
.NaskladneniPolozekList h3 {
  font-size: 16pt;
}
.NaskladneniPolozekList .prijemkaPole {
  color: black;
}
.NaskladneniPolozekList .prijemkaPole .bold {
  color: #2997dc;
  width: 150px;
  display: inline-block;
}
.NaskladneniPolozekList .prijemkaPole label {
  display: inline-block;
  width: 100px;
  color: #2997dc;
  font-weight: 700;
}
.NaskladneniPolozekList table {
  margin-top: 10px;
  border-collapse: collapse;
}
.NaskladneniPolozekList table tr {
  background-color: #fff;
}
.NaskladneniPolozekList table th {
  border: 3px solid #f5f5f5;
  padding: 12px 12px;
  background-color: #2997dc;
  color: #fff;
}
.NaskladneniPolozekList table td {
  border: 3px solid #f5f5f5;
  padding: 7px 5px;
  color: black;
  text-align: center;
}
.NaskladneniPolozekList table td input {
  font-size: 11pt;
  padding: 2px;
}
.NaskladneniPolozekList table td .mnozstviPlus {
  width: 60px;
  text-align: right;
}
.NaskladneniPolozekList table td .cenaSkladInput {
  width: 100px;
  text-align: right;
}
.NaskladneniPolozekList table td .sarze {
  font-size: 10pt;
  width: 120px;
}
.NaskladneniPolozekList table td .exspirace {
  width: 100px;
  white-space: nowrap;
}
.NaskladneniPolozekList button {
  margin-top: 15px;
}
.NaskladneniPolozekList .header {
  margin-bottom: 15px;
  color: #2997dc;
}
.NaskladneniPolozekList .chFIFO {
  margin: 15px 0 15px 8px;
}
.NaskladneniPolozekList .sumTable {
  float: left;
  margin: 10px 10px 0 0;
  color: black;
  font-size: 12pt;
}
.NaskladneniPolozekList .sumTable .item {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 10px;
}
.NaskladneniPolozekList .sumTable .h {
  width: 200px;
  display: inline-block;
}
.NaskladneniPolozekList .sumTable #sumBezDPH {
  font-size: 12pt;
  font-weight: 600;
  white-space: nowrap;
  min-width: 50px;
  display: inline-block;
  margin-left: 10px;
}
.NaskladneniPolozekList .sumTable #sumSDPH {
  font-size: 12pt;
  font-weight: 600;
  white-space: nowrap;
  min-width: 50px;
  display: inline-block;
  margin-left: 10px;
}

.prijemkaH2 {
  margin-top: 5px;
  background-color: #2997dc;
  color: #fff;
  padding: 12px 10px;
}

.sk-menu-info {
  display: flex;
  flex-direction: row;
  padding: 8px 10px;
  background-color: #2997dc;
  color: #fff;
  border-top: 2px solid #fff;
  margin-bottom: 3px;
}

.sk-filtr .vcheckbox {
  padding: 15px 10px 11px 10px;
  border: none;
}

.prijemky {
  margin-top: 20px;
  /* table {
              tr:nth-child(even) {
                  background-color: #efefef;
              }
              th {
                  background-color: $sk;
                  color           : #fff;
                  padding         : 2px 7px;
              }
              td {
                  text-align: center;
                  padding   : 4px 4px;
                  .i {
                      font-size: 17pt;
                      &        :hover {
                          color: $black;
                      }
                  }
                  .detail {
                      cursor: pointer;
                  }
              }
          } */
}

.detailPrijemky table {
  border-collapse: collapse;
  margin-top: 15px;
}
.detailPrijemky th {
  background-color: #2997dc;
  color: #fff;
  padding: 2px 10px;
  border: 1px solid #2997dc;
}
.detailPrijemky td {
  padding: 5px 5px;
  border: 1px solid #2997dc;
  color: black;
}
.detailPrijemky td input {
  font-size: 12pt;
}
.detailPrijemky .fixW {
  width: 180px;
  display: inline-block;
}
.detailPrijemky h4 {
  margin-bottom: 2px;
}
.detailPrijemky h2 {
  padding: 2px;
  border-bottom: 3px solid #2997dc;
  margin-bottom: 5px;
}
.detailPrijemky .container {
  display: flex;
  flex-direction: row;
  margin: 5px 0;
  flex-wrap: wrap;
}
.detailPrijemky .container h4 {
  margin-right: 10px;
}

.prijemkaDetailIcons {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.prijemkaDetailIcons .item {
  cursor: pointer;
}
.prijemkaDetailIcons .item .i {
  margin-right: 5px;
  margin-left: 5px;
  font-size: 25pt;
}
.prijemkaDetailIcons .item .i:hover {
  color: black !important;
}

.prijemky-filtr {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.prijemky-filtr .item {
  margin: 15px 15px;
}
.prijemky-filtr button {
  margin-left: 5px;
  padding: 10px 10px;
  background-color: #78f965;
  color: black;
  font-size: 12pt;
  font-weight: bold;
}
.prijemky-filtr button:hover {
  background-color: black;
  color: #fff;
}

.sk-editace #save {
  padding: 10px 10px;
  margin-left: 5px;
  font-size: 12pt;
  background-color: #71d961;
}
.sk-editace #save:hover {
  background-color: black;
  color: #fff;
}
.sk-editace h3 {
  margin-top: 25px;
}
.sk-editace .info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 5px;
}
.sk-editace .info .item {
  background-color: #edeaea;
  padding: 5px 12px;
  margin: 5px;
}
.sk-editace .info .item h3 {
  display: inline;
}
.sk-editace .info .item p {
  display: inline;
  color: black;
}
.sk-editace .info .item input {
  width: 80px;
  font-size: 12pt;
  padding: 2px;
  margin-left: 10px;
}

.SkDetailPolozky .containerWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.SkDetailPolozky .containerWrap .historie {
  background-color: #fff;
  border: 3px solid #ffd47b;
}
.SkDetailPolozky .containerWrap .historie .item {
  padding: 10px;
}
.SkDetailPolozky .containerWrap .historie .foto img {
  max-width: 100%;
}
.SkDetailPolozky .containerWrap .historie .name {
  font-weight: bold;
  color: #3f3a34;
  font-size: 16pt;
}
.SkDetailPolozky .containerWrap .historie .popis {
  color: #3f3a34;
  font-size: 14pt;
}
.SkDetailPolozky .containerWrap .eshop {
  background-color: #fff;
  border: 3px solid #ffd47b;
}
.SkDetailPolozky .containerWrap .eshop .item {
  padding: 10px;
}
.SkDetailPolozky .containerWrap .eshop .foto img {
  max-width: 100%;
}
.SkDetailPolozky .containerWrap .eshop .name {
  font-weight: bold;
  color: #3f3a34;
  font-size: 16pt;
}
.SkDetailPolozky .containerWrap .eshop .popis {
  color: #3f3a34;
  font-size: 14pt;
}
.SkDetailPolozky .containerWrap .ck {
  border: 3px solid #328588;
}
.SkDetailPolozky .containerWrap .sk {
  border: 3px solid #2997dc;
}
.SkDetailPolozky .containerWrap .vzp {
  border: 3px solid #3b942e;
}
.SkDetailPolozky .containerWrap .container {
  margin: 1%;
  width: 48%;
}
.SkDetailPolozky .containerWrap .container .table-cerna table {
  width: 100%;
}
.SkDetailPolozky .containerWrap .container .table-cerna table td {
  width: 50%;
}
.SkDetailPolozky .containerWrap .container svg {
  display: inline;
}
.SkDetailPolozky .containerWrap .container h3 {
  display: block;
  font-size: 18pt;
  margin-bottom: 15px;
  padding-top: 10px;
  padding-left: 5px;
}
.SkDetailPolozky .containerWrap .container h4 {
  display: inline-block;
  font-size: 16pt;
  margin: 3px 0;
}
.SkDetailPolozky .containerWrap .container p {
  display: inline;
  color: black;
  margin-left: 5px;
  font-size: 15pt;
}

.formUploadDL h3 {
  margin-right: 10px;
}
.formUploadDL .formUploadItemContainer {
  min-width: 760px;
}
.formUploadDL .formUploadItemContainer .btn-filtr-green-1 {
  margin: 15px 0 15px 0;
}
.formUploadDL .formUploadItemContainer .item {
  margin: 10px 0 10px 0;
  display: flex;
}
.formUploadDL .formUploadItemContainer .item select {
  font-size: 15px;
  min-width: 150px;
}
.formUploadDL .formUploadItemContainer .item label {
  display: inline-block;
  font-size: 15px;
  width: 170px;
  background-color: #258fce;
  color: white;
  margin-right: 0px;
  padding: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.dl-upload-info {
  margin-top: 15px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.dl-upload-info .item {
  display: flex;
  margin: 0 10px 2px 0;
}
.dl-upload-info .item label {
  background-color: black;
  color: white;
  padding: 5px;
  display: inline-block;
  width: 128px;
}
.dl-upload-info .item .dl-upload-infovalue {
  background-color: lightgrey;
  color: black;
  padding: 5px;
}
.dl-upload-info .item input {
  margin: 0px !important;
  border: none;
}

.set-flex {
  display: flex;
}
.set-flex .rozhrani {
  background-color: #e8e755;
}
.set-flex .settings {
  background-color: #257aaf;
}
.set-flex .sk {
  background-color: #2997dc;
}
.set-flex .item {
  cursor: pointer;
  text-align: center;
  color: #fff;
  width: 25%;
}
.set-flex .item:hover {
  background-color: #111 !important;
}
.set-flex .item .i {
  font-size: 20pt;
}
.set-flex .item a {
  text-decoration: none;
  color: inherit;
}
.set-flex .item h2 {
  padding: 20px 0 0 0;
}
.set-flex .item svg {
  display: block;
  margin: auto;
  padding: 20px 0 50px 0;
  width: 130px;
  height: 130px;
}
.set-flex .item:hover svg path {
  fill: #fff !important;
}
.set-flex .item:hover svg {
  width: 150px;
  height: 150px;
  padding: 10px 0 30px 0;
}
.set-flex .item:hover h2 {
  color: #fff;
}

.menu-set {
  background-color: #257aaf;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  color: #fff;
  padding: 0;
  margin-bottom: 2px;
}
.menu-set a {
  display: block;
  color: #fff;
  margin-right: 10px;
  padding: 10px;
  padding: 10px;
}
.menu-set a:hover {
  background-color: black;
}

.sett_slozeniSkupiny .k1 {
  margin-left: 40px;
  display: block;
}
.sett_slozeniSkupiny .k2 {
  margin-left: 80px;
  display: block;
}
.sett_slozeniSkupiny .k3 {
  margin-left: 120px;
  display: block;
}
.sett_slozeniSkupiny .k4 {
  margin-left: 160px;
  display: block;
}
.sett_slozeniSkupiny .k5 {
  margin-left: 200px;
  display: block;
}
.sett_slozeniSkupiny td {
  width: 100%;
  display: block;
}
.sett_slozeniSkupiny .selectedValue td {
  background-color: #57d943;
}
.sett_slozeniSkupiny .selectedChild {
  background-color: #ebe7e7;
}
.sett_slozeniSkupiny td:hover {
  background-color: black;
  cursor: pointer;
  color: white;
}
.sett_slozeniSkupiny input[type=checkbox].toggle {
  display: none;
}
.sett_slozeniSkupiny input[type=checkbox].toggle:checked + label {
  background-color: black;
  color: #fff;
}
.sett_slozeniSkupiny .checkbox {
  text-align: center;
  padding: 10px 10px;
  background-color: #82cdfb;
  color: black;
  margin: 0 2px 5px 2px;
  cursor: pointer;
}

#resultVydejka {
  background-color: #71d961;
  padding: 10px 15px 9px 15px;
  border-radius: 5px;
  margin-top: 10px;
  color: #fff;
}

#resultPrijemka {
  background-color: #71d961;
  padding: 10px 15px 9px 15px;
  border-radius: 5px;
  margin-top: 10px;
  color: #fff;
}

#resultZadanka {
  display: none;
  background-color: #71d961;
  padding: 10px 15px 9px 15px;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #fff;
}

.tabulkaObj table {
  border-collapse: collapse;
}
.tabulkaObj table th {
  background-color: black;
  padding: 10px 5px;
  color: #fff;
  font-weight: normal;
  text-align: left;
}
.tabulkaObj table tr.objControl {
  border-bottom: 1px solid #258fce;
}
.tabulkaObj table tr.objControl td {
  padding-bottom: 15px;
}
.tabulkaObj table tr.objHeader {
  border-top: 1px solid #258fce;
  cursor: pointer;
}
.tabulkaObj table tr.objHeader:hover {
  background-color: #ffd47b;
}
.tabulkaObj table tr.objHeader td {
  text-align: left;
  padding: 7px 3px;
}
.tabulkaObj table td {
  color: black;
}
.tabulkaObj table .detailSumStredFast:hover, .tabulkaObj table .sendObjQuick:hover, .tabulkaObj table .sendObjSAPsDPHQuick:hover, .tabulkaObj table .sendObjSAPbDPHQuick:hover {
  color: #2997dc;
}
.tabulkaObj table .vykritiObj:hover {
  color: #2997dc !important;
}
.tabulkaObj table .disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}
.tabulkaObj .OBJ_SAP_infoMessage {
  border: 1px solid black;
  padding: 2px 10px;
  color: white;
  background-color: #82cdfb;
  font-size: 11pt;
}

.nahledOBJ {
  background-color: darkgray;
  width: 100%;
  text-align: center;
  padding: 5px;
  border-radius: 5px;
}
.nahledOBJ .ico {
  margin-right: 5px;
  font-size: 16pt;
}
.nahledOBJ:hover {
  background-color: black;
  color: #fff;
}

.vygZadankaHover button {
  background-color: #82cdfb;
}
.vygZadankaHover button .ico {
  margin-right: 10px;
  font-size: 22pt;
}
.vygZadankaHover button:hover {
  background-color: black;
  color: #fff;
}
.vygZadankaHover .generovatOBJ {
  font-size: 14pt;
  min-width: 190px;
  min-height: 40px;
  text-align: left;
  padding-left: 12px;
  width: 100%;
}
.vygZadankaHover .generovatOBJ:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.newSklad {
  display: flex;
  flex-direction: column;
}
.newSklad .item {
  padding: 10px;
}
.newSklad .item label {
  font-size: 16pt;
  width: 200px;
  display: inline-block;
}
.newSklad .item input {
  padding: 3px;
  font-size: 16pt;
}
.newSklad .item select {
  font-size: 14pt;
}
.newSklad .itemsVydejNa {
  display: flex;
  flex-direction: row;
}
.newSklad .itemsVydejNa .item2 label {
  width: auto;
}
.newSklad .itemsVydejNa .item2 input {
  width: auto;
}

.sett-sk .vypisSkladu {
  margin-top: 20px;
}
.sett-sk .vypisSkladu th {
  background-color: #257aaf;
  color: #fff;
  padding: 10px;
}
.sett-sk .vypisSkladu .i {
  cursor: pointer;
  font-size: 14pt;
}

.sk-detailObj h2 {
  border-bottom: 3px solid #2997dc;
  padding: 2px;
  margin-bottom: 5px;
}
.sk-detailObj table {
  border-collapse: collapse;
  margin-top: 10px;
}
.sk-detailObj table th {
  color: #fff;
  background-color: #2997dc;
  padding: 2px 10px;
}
.sk-detailObj table td {
  padding: 0 5px;
  border: 1px solid #2997dc;
  color: black;
}

.settH2 {
  font-size: 30pt;
  margin-bottom: 10px;
}

.sett-detail-sklad .detailSkladu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 10px;
  font-size: 15pt;
}
.sett-detail-sklad .detailSkladu .select2-selection {
  font-size: 11pt !important;
}
.sett-detail-sklad .detailSkladu .item {
  margin-top: 20px;
}
.sett-detail-sklad .detailSkladu .item input {
  margin-right: 10px;
  font-size: 12pt;
}
.sett-detail-sklad .detailSkladu .item label {
  margin-right: 11px;
}
.sett-detail-sklad .detailSkladu .item select {
  font-size: 11pt !important;
  padding: 2px;
}
.sett-detail-sklad .sdileni table {
  margin-top: 15px;
}
.sett-detail-sklad .sdileni table tr:nth-child(even) {
  background-color: #ebe7e7;
}
.sett-detail-sklad .sdileni table tr:hover {
  background-color: #ffd47b;
}
.sett-detail-sklad .sdileni table th {
  background-color: #257aaf;
  text-align: center;
  padding: 10px 15px;
  color: #fff;
}
.sett-detail-sklad .sdileni table td {
  padding: 10px 15px;
}
.sett-detail-sklad .sdileni table .odstranitPrava:hover {
  color: #bc6060;
}

.sett-users input[type=radio] {
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
}
.sett-users .newUser {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
  background-color: #ebe7e7;
}
.sett-users .newUser h3 {
  margin-bottom: 5px;
}
.sett-users .newUser input {
  margin: 15px 2px;
}
.sett-users .vypisUsers {
  margin-top: 20px;
}
.sett-users .vypisUsers th {
  background-color: #257aaf;
  color: #fff;
}
.sett-users .vypisUsers .i {
  font-size: 14pt;
}
.sett-users .detailUser2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 10px;
}
.sett-users .detailUser2 .item {
  margin: 15px 10px 0 0;
}

#ajaxHist {
  margin-top: 30px;
}
#ajaxHist h3 {
  color: black;
  font-size: 14pt;
  margin-top: 50px;
  padding: 10px;
  background-color: #82cdfb;
}
#ajaxHist #ajaxHistContent {
  margin-top: 5px;
}

.obj-pozadavky .pozadavky {
  color: black;
  width: 100%;
}
.obj-pozadavky .pozadavky tr:nth-child(even) {
  background-color: #ebe7e7;
}
.obj-pozadavky .pozadavky tr:hover {
  background-color: #ffd47b;
}
.obj-pozadavky .pozadavky th {
  padding: 5px 10px;
}
.obj-pozadavky .pozadavky td {
  padding: 2px 2px;
  font-size: 10pt;
}
.obj-pozadavky .pozadavky .i {
  font-size: 12pt;
  color: #82cdfb;
}
.obj-pozadavky .pozadavky .i:hover {
  color: black;
}

#zadankyPrintDiv .table-cerna table {
  margin-bottom: 40px;
  border-bottom: 3px solid black;
}
#zadankyPrintDiv .PGbreakAft {
  display: none;
}
#zadankyPrintDiv .konecZadankyPrint {
  display: none;
}

#sumDokladuZad {
  background-color: black;
  color: #fff;
  padding: 10px;
}

.zadanky-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #c7c7c7;
  color: black;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: -2px;
  align-items: center;
}
.zadanky-header .typ {
  color: #fff;
}
.zadanky-header .item {
  margin-right: 15px;
  margin-top: 5px;
  font-size: 16pt;
}
.zadanky-header .bold {
  color: #fff;
}
.zadanky-header .ikony .i {
  font-size: 26pt;
  color: #ebe7e7;
}
.zadanky-header .ikony .i:hover {
  color: black;
}
.zadanky-header button {
  padding: 10px;
  background-color: #ffd47b;
  border-radius: 5px;
  color: black;
  font-size: 12pt;
}
.zadanky-header button:hover {
  background-color: black;
  color: #fff;
}

.delPoZadanky {
  background-color: inherit;
  color: #bc6060;
  margin-left: 10px;
}
.delPoZadanky:hover {
  color: #bc6060 !important;
}
.delPoZadanky:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.butVyraditPoZadanky {
  background-color: inherit;
  color: #bc6060;
  margin-left: 10px;
}
.butVyraditPoZadanky:hover {
  color: #bc6060 !important;
}
.butVyraditPoZadanky:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.manSkladKarta {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 15px;
}
.manSkladKarta .item {
  margin-right: 20px;
  margin-top: 20px;
  width: 350px;
}
.manSkladKarta .item label {
  display: inline-block;
  width: 150px;
  color: black;
  margin-right: 10px;
}

.alert_sklad_lock {
  background-color: #bc6060;
  color: white;
  padding: 15px;
  border-radius: 5px;
}

#vyberSkladu .item {
  margin: 30px 0;
}

.aiMapSymptomsModal {
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-color: #f4f4f4;
  box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.2);
  width: 520px;
  min-height: 450px;
  max-height: 70%;
  padding: 0 10px 10px 10px;
  border-radius: 5px;
  overflow: auto;
  display: block;
  display: none;
}
.aiMapSymptomsModal .header {
  box-sizing: border-box;
  padding-top: 10px;
  width: 490px;
  position: fixed;
  background-color: #f4f4f4;
  min-height: 50px;
}
.aiMapSymptomsModal .header .close {
  cursor: pointer;
  float: left;
}
.aiMapSymptomsModal .header .close:hover {
  color: #bc6060;
}
.aiMapSymptomsModal .header .name {
  float: left;
  font-weight: 600;
  font-size: 20pt;
  margin-left: 5px;
}
.aiMapSymptomsModal .container {
  padding-top: 50px;
}
.aiMapSymptomsModal .container table tr {
  display: none;
}
.aiMapSymptomsModal .container table tr td {
  color: #3f3a34;
  background-color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
  border-bottom: 2px solid #f4f4f4;
  border-top: 2px solid #f4f4f4;
  cursor: pointer;
}
.aiMapSymptomsModal .container table tr td:hover {
  background-color: #82cdfb;
}

.ai-labo-h2 {
  display: block;
  float: left;
  margin: 42px 0 15px 10px;
  color: #3f3a34;
  font-size: 25pt;
}

.ai-laboContainer {
  display: flex;
  flex-direction: column;
}
.ai-laboContainer .item {
  cursor: pointer;
  background-color: #258fce;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  margin: 5px 0;
}
.ai-laboContainer .item:hover {
  opacity: 0.9;
}
.ai-laboContainer .item h2 {
  font-size: 15pt;
  color: #e8f484;
}
.ai-laboContainer .item h2 .panel {
  color: #fff;
  font-size: 12pt;
  margin: 10px 0px;
  display: block;
}
.ai-laboContainer .item h3 {
  float: right;
}
.ai-laboContainer .item .more {
  display: none;
}
.ai-laboContainer .item .more .ids {
  padding: 5px;
  background-color: #fff;
  margin: 3px;
  float: left;
  color: #3f3a34;
  border-radius: 5px;
}

.aiExplainModal {
  display: block;
}
.aiExplainModal h1 {
  color: #3f3a34;
}
.aiExplainModal #explainName {
  font-size: 20pt;
  margin-left: 10px;
  color: #fff;
  background-color: #258fce;
  border-radius: 5px;
  padding: 7px;
}
.aiExplainModal .aiExplain {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.aiExplainModal .aiExplain .evidence {
  width: 32%;
  margin: 0.5%;
  padding: 1%;
}
.aiExplainModal .aiExplain .evidence h2 {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 10px;
}
.aiExplainModal .aiExplain .evidence .sup {
  background-color: #78f965;
  color: #3f3a34;
}
.aiExplainModal .aiExplain .evidence .confl {
  background-color: #bc6060;
  color: #fff;
}
.aiExplainModal .aiExplain .evidence .uncorf {
  background-color: #ffd47b;
  color: #3f3a34;
}
.aiExplainModal .aiExplain .evidence .items {
  display: flex;
  flex-direction: column;
}
.aiExplainModal .aiExplain .evidence .items .item {
  padding: 10px;
  margin: 3px 0;
  border-radius: 15px;
  color: #3f3a34;
  background-color: #f4f4f4;
}
.aiExplainModal .aiExplain .evidence .items .item .i {
  margin-right: 10px;
}

.svgClickMap {
  fill: #258fce;
}

#aiMap {
  margin: 35px auto 10px auto;
  display: block;
}
#aiMap .item {
  cursor: pointer;
}
#aiMap .item:hover {
  fill: #82cdfb;
}

#aiBody {
  margin: 20px auto 10px auto;
  display: block;
}
#aiBody .item text {
  cursor: pointer;
}
#aiBody .item text:hover {
  fill: #82cdfb !important;
  color: #82cdfb !important;
}

.aiEmail {
  margin-top: 40px;
}
.aiEmail .emailHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 15px;
}
.aiEmail .emailHeader h2 {
  font-size: 20pt;
  margin-left: 15px;
}
.aiEmail #emailTo {
  width: 440px;
  border: 1px solid #258fce;
  border-radius: 5px;
  padding: 3px;
  font-size: 16pt;
}

.ai .returnContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ai .returnContainer .weakEvidence {
  opacity: 0.6;
}
.ai .returnContainer .strongEvidence {
  cursor: pointer;
}
.ai .returnContainer .strongEvidence:hover {
  background-color: #e8f484;
}
.ai .returnContainer .item {
  width: 30%;
  margin: 0 5px 5px 0;
  padding: 35px 15px;
  background-color: #f4f4f4;
  border-radius: 15px;
  min-width: 455px;
  max-width: 470px;
  text-align: center;
  color: #3f3a34;
}
.ai .returnContainer .item h2 {
  min-height: 65px;
}
.ai .returnContainer .item .hint {
  font-size: 14pt;
  color: #2997dc;
  margin-top: 20px;
}
.ai .returnContainer .item .item2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ai .returnContainer .item .item2 .item3 {
  margin: 10px 5px;
  width: 100%;
  display: flex;
}
.ai .returnContainer .item .item2 .itemb {
  background-color: #258fce;
  color: #fff;
  padding: 5px 8px;
  border-radius: 5px;
  margin-left: 5px;
}
.ai .returnContainer .item .item2 .itema {
  padding: 5px 0;
  display: inline-block;
  width: 135px;
  text-align: right;
}

.aStart {
  text-align: center;
  background-color: #f5f5f5;
  padding: 20px 15px;
  border-radius: 15px;
  box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
}
.aStart h3 {
  color: #3f3a34;
  font-size: 16pt;
  margin: 30px 20px 5px 20px;
}
.aStart .prohlaseni {
  color: black;
  padding: 20px;
  border-radius: 5px;
  background-color: #82cdfb;
  margin: 10px auto 25px auto;
  text-align: center;
  max-width: 450px;
  font-size: 12pt;
  display: block;
}

.aiInfo {
  margin-bottom: 10px;
  width: 100%;
  display: none;
}
.aiInfo .itema {
  margin: 0;
  float: left;
}
.aiInfo .itema img {
  display: block;
  width: 120px;
  padding: 0;
  margin: 0;
}
.aiInfo .itemb {
  margin: 0;
  float: left;
}
.aiInfo .answer {
  padding: 20px 25px;
  background-color: #fad24d;
  border-radius: 30px;
  font-size: 18pt;
  color: #3f3a34;
  min-width: 50%;
  max-width: 70%;
  margin-left: 10px;
  min-height: 120px;
}

.demo1 {
  width: 100%;
}
.demo1 .basic {
  display: none;
}
.demo1 .symptoms {
  display: none;
}
.demo1 .demo1_item {
  text-align: center;
  background-color: #f5f5f5;
  padding: 20px 15px;
  border-radius: 15px;
  box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.demo1 .demo1_item .header {
  text-align: center;
  color: #3f3a34;
  font-size: 20pt;
  margin: 45px 0 20px 0;
}
.demo1 .demo1_item .header .title {
  width: 100px;
  display: inline-block;
  text-align: right;
}
.demo1 .demo1_item .header .valueCont {
  margin-left: 10px;
  color: #2997dc;
  display: inline-block;
  width: 60px;
  background-color: #fff;
  padding: 10px 5px;
  border-radius: 10px;
}
.demo1 .demo1_item .select2-selection--multiple {
  border: 2px solid #82cdfb !important;
  padding: 5px;
  font-size: 16pt;
  border-radius: 10px;
  color: #3f3a34;
  font-weight: normal;
}
.demo1 .demo1_item .select2-selection--multiple li {
  padding: 5px 10px;
}
.demo1 .demo1_item .gender {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.demo1 .demo1_item .gender .item {
  background-color: #fff;
  padding: 35px 50px;
  border-radius: 15px;
  margin: 10px;
  text-align: center;
  cursor: pointer;
  color: #3f3a34;
}
.demo1 .demo1_item .gender .item h3 {
  font-size: 18pt;
  margin-top: 20px;
}
.demo1 .demo1_item .gender .item:hover {
  background-color: #82cdfb;
}
.demo1 .demo1_item .sliders {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}
.demo1 .demo1_item .sliders .sliders_item {
  margin: 10px 20px;
}
.demo1 .demo1_item .sliders .sliders_item .item {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.demo1 .demo1_item .sliders .slidercontainer .slider {
  -webkit-appearance: none;
  width: 80%;
  height: 12px;
  border-radius: 10px;
  background: #2997dc;
  outline: none;
  opacity: 0.7;
  -webkit-transition: 0.5s;
  transition: opacity 0.5s;
  margin: 10px auto;
  display: block;
}
.demo1 .demo1_item .sliders .slidercontainer .slider:hover {
  opacity: 1;
}
.demo1 .demo1_item .sliders .slidercontainer .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2997dc;
  border: 3px solid #f4f4f4;
  cursor: pointer;
}
.demo1 .demo1_item .sliders .slidercontainer .slider::-webkit-slider-thumb:hover {
  background-color: #78f965;
}
.demo1 .demo1_item .sliders .slidercontainer .slider::-moz-range-thumb {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2997dc;
  border: 3px solid #f4f4f4;
  cursor: pointer;
}
.demo1 .demo1_item .sliders .slidercontainer .slider::-moz-range-thumb:hover {
  background-color: #78f965;
}

.risk_multiple {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 70%;
  margin: 30px auto 0 auto;
  color: #3f3a34;
  font-size: 16pt;
}
.risk_multiple .item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 5px;
  padding: 15px;
  border-radius: 5px;
  cursor: pointer;
  align-items: center;
}
.risk_multiple .item:hover {
  background-color: #82cdfb;
}
.risk_multiple .item input[type=radio] {
  transform: scale(3);
  display: inline-block;
  margin: 0 20px 2px 45px;
  cursor: pointer;
}
.risk_multiple .item input[type=checkbox] {
  transform: scale(3);
  display: inline-block;
  margin: 0 10px 2px 25px;
  cursor: pointer;
}
.risk_multiple .item .label {
  width: 350px;
  text-align: left;
}

.aiQuestioning {
  text-align: center;
  background-color: #f5f5f5;
  padding: 60px 15px;
  border-radius: 15px;
  box-shadow: 0px 6px 5px -3px rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
}
.aiQuestioning .qText {
  background-color: #e8f484;
  padding: 12px 17px;
  color: #3f3a34;
  border-radius: 10px;
  font-size: 16pt;
}
.aiQuestioning .qChoices {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  color: #3f3a34;
}
.aiQuestioning .qChoices button {
  background-color: #fff;
  color: #3f3a34;
  padding: 20px 35px;
  font-size: 20pt;
  border-radius: 15px;
  margin: 10px 10px;
}
.aiQuestioning .qChoices button:hover {
  background-color: #82cdfb;
  color: #fff;
}
.aiQuestioning .qChoices .clicked {
  background-color: #82cdfb;
}
.aiQuestioning .qChoices h3 {
  font-size: 20pt;
  margin: 15px;
}
.aiQuestioning .qChoices .item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.aiQuestioning .qChoices .item2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.aiQuestioning .qChoices .item2 .item3 {
  display: block;
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 80%;
}
.aiQuestioning .qChoices .item2 h3 {
  font-size: 16pt;
  margin: 0;
  padding-right: 10px;
  display: inline-block;
}
.aiQuestioning .qChoices .item2 .itema {
  width: 40%;
  float: left;
  text-align: right;
  margin-right: 10px;
  padding-top: 8px;
}
.aiQuestioning .qChoices .item2 .itema h3 {
  background-color: #82cdfb;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.aiQuestioning .qChoices .item2 .itemb {
  width: 60%;
  float: left;
  text-align: left;
  align-items: center;
  padding-top: 18px;
}
.aiQuestioning .qChoices .item2 input[type=radio] {
  transform: scale(3);
  margin-right: 45px;
  cursor: pointer;
}
.aiQuestioning .qChoices .item2 input[type=checkbox] {
  transform: scale(3);
  margin-right: 30px;
  cursor: pointer;
}
.aiQuestioning .qChoices .item2 label {
  font-size: 14pt;
  margin-right: 10px;
}

.conditions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 20px 0 0 0;
}
.conditions .item {
  margin: 0 10px 10px 0;
  color: #3f3a34;
  width: 180px;
  background-color: #e8f484;
  padding: 15px 15px;
  text-align: center;
  border-radius: 10px;
  font-size: 16pt;
}
.conditions .item .header {
  font-size: 18pt;
  min-height: 65px;
}

.resultConditions h2 {
  margin: 10px 0;
}
.resultConditions h2 .i {
  margin-right: 10px;
}
.resultConditions .summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.resultConditions .summary .item {
  padding: 15px;
  border-radius: 5px;
  background-color: #fad24d;
  margin: 0 10px 10px 0;
}
.resultConditions .summary .item label {
  color: #3f3a34;
  font-size: 15pt;
  margin-right: 5px;
}
.resultConditions .summary .item input {
  border: none;
  padding: 5px 10px;
  font-size: 12pt;
  border-radius: 5px;
  width: 100px;
}

.ai-main {
  text-align: center;
}
.ai-main h2 {
  font-size: 25pt;
  margin: 40px auto 20px auto;
  padding: 20px 50px;
  /* background-color: $ai2; */
  width: 60%;
  border-radius: 20px;
  color: #3f3a34;
  box-sizing: border-box;
}
.ai-main .main-img {
  width: 330px;
  height: 330px;
  padding: 65px;
  background-color: #e8f484;
  border-radius: 100%;
  margin: 0 auto 10px auto;
  /* box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2); */
}
.ai-main .main-img img {
  width: 100%;
}
.ai-main p {
  font-size: 14pt;
  margin: 15px auto;
  color: #3f3a34;
  /* background-color: $ai2; */
  border-radius: 20px;
  padding: 15px;
  width: 70%;
  min-height: 150px;
  box-sizing: border-box;
}

.sett-stavApp-zmenaStavu {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}
.sett-stavApp-zmenaStavu label {
  color: #3f3a34;
  font-size: 14pt;
}
.sett-stavApp-zmenaStavu select {
  font-size: 12pt;
  padding: 5px;
}
.sett-stavApp-zmenaStavu .item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 15px 0;
}

.sett-stavApp-stav {
  display: flex;
  flex-direction: column;
}
.sett-stavApp-stav .item {
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  margin-bottom: 25px;
}

#sett-api-pridatApi {
  color: #258fce;
  margin-top: 15px;
  outline: none;
}
#sett-api-pridatApi:hover {
  color: #82cdfb;
}

#newApi {
  display: none;
  margin-top: 20px;
  padding: 20px;
  background-color: #258fce;
  border-radius: 10px;
  color: #fff;
}
#newApi h2 {
  margin-bottom: 20px;
}
#newApi input {
  color: #3f3a34;
}

.sett-api-buttons {
  display: flex;
  flex-direction: row;
  margin-bottom: 25px;
}
.sett-api-buttons button {
  margin: 0 5px 0 0;
  background-color: #57d943;
  color: #3f3a34;
  padding: 10px;
  font-size: 14pt;
}
.sett-api-buttons button:hover {
  background-color: #82cdfb;
}
.sett-api-buttons button .i {
  margin-right: 10px;
}

.sett-checks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.zmenaHeslaModal h1 {
  margin-bottom: 20px;
}
.zmenaHeslaModal .hesloRow {
  margin-bottom: 20px;
}
.zmenaHeslaModal .hesloRow .left {
  display: inline-block;
  width: 200px;
}
.zmenaHeslaModal .hesloRow input {
  width: 180px;
}

.pridaniPojistovny {
  border: 2px solid #257aaf;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  max-width: 800px;
}
.pridaniPojistovny button .i {
  margin-right: 10px;
}
.pridaniPojistovny .pridaniPojistovnyFlex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}
.pridaniPojistovny .pridaniPojistovnyFlex h2 {
  margin-bottom: 20px;
}
.pridaniPojistovny .pridaniPojistovnyFlex .item {
  margin-top: 10px;
}
.pridaniPojistovny .pridaniPojistovnyFlex .item label {
  display: inline-block;
  width: 55px;
  padding: 5px 5px 5px 10px;
  text-align: right;
  color: white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #257aaf;
}
.pridaniPojistovny .pridaniPojistovnyFlex .item input {
  padding: 5px;
}
.pridaniPojistovny .pridaniPojistovnyFlex .item #kod {
  width: 70px;
  text-align: center;
  font-weight: bold;
}

.editPojistovna #form_editPojistovna {
  min-width: 620px;
}
.editPojistovna #form_editPojistovna .item {
  margin-top: 15px;
}
.editPojistovna #form_editPojistovna .item label {
  display: inline-block;
  width: 140px;
}
.editPojistovna #form_editPojistovna .item input {
  display: inline-block;
  padding: 5px;
  font-size: 16px;
  width: 100px;
}
.editPojistovna #form_editPojistovna .item input[name=zkratka] {
  width: 200px;
}
.editPojistovna #form_editPojistovna .item input[name=nazev] {
  width: 400px;
}
.editPojistovna #form_editPojistovna .item #iActive {
  padding: 5px;
  font-size: 16px;
}

#katBox {
  display: flex;
  flex-direction: column;
}
#katBox .item {
  margin: 5px 0;
}

.pravaHromSection {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.pravaHromSection button {
  margin: 3px 0;
}
.pravaHromSection button .i {
  margin-right: 10px;
}

.OBJlimity .limit100 {
  color: #bc6060 !important;
}
.OBJlimity .limit95 {
  background-color: #ffd47b !important;
}
.OBJlimity .limit80 {
  background-color: yellow !important;
}

.limitDetailPrint .table-cerna {
  font-size: 12px;
}

.pravaRadySection {
  margin: 3px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.pravaRadySection button {
  margin: 3px 0;
}
.pravaRadySection button .i {
  margin-right: 10px;
}

.pravaHromRadySection {
  margin: 3px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.pravaHromRadySection button {
  margin: 3px 0;
}
.pravaHromRadySection button .i {
  margin-right: 10px;
}

.nastaveniRoliModalTwoColumns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.nastaveniRoliModalTwoColumns button {
  font-size: 16pt;
}
.nastaveniRoliModalTwoColumns table {
  width: 100%;
}
.nastaveniRoliModalTwoColumns .item {
  width: 50%;
  padding: 20px;
}
.nastaveniRoliModalTwoColumns .item .item2 h3 {
  white-space: nowrap;
}
.nastaveniRoliModalTwoColumns .item .item2 .btn-filtr {
  background-color: #68ebf9;
  width: 100%;
}
.nastaveniRoliModalTwoColumns .item .item2 .btn-filtr:hover {
  background-color: black;
}
.nastaveniRoliModalTwoColumns .item .item2 button {
  width: 100%;
}
.nastaveniRoliModalTwoColumns .item .double {
  display: flex;
  flex-direction: row;
}
.nastaveniRoliModalTwoColumns .item .double .labelCheck_1 {
  width: 50%;
}
.nastaveniRoliModalTwoColumns .item .double button {
  width: 50%;
  padding: 10px;
  margin: 0 2px;
  font-size: 14pt;
  white-space: nowrap;
}
.nastaveniRoliModalTwoColumns .item .double button:hover {
  background-color: black !important;
  color: #fff;
}
.nastaveniRoliModalTwoColumns .item .double button .i {
  margin-right: 10px;
}

.sett-zpet {
  background-color: yellow;
  padding: 12px 15px 8px 15px;
  margin: 5px 0;
  font-size: 22pt;
  display: inline-block;
}
.sett-zpet:hover {
  background-color: black;
  color: #fff;
}

.pravaHeaderTable {
  background-color: #257aaf;
  padding: 10px 15px;
  margin: 0;
  color: #fff;
}

.sett_prava_a_role_header {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16pt;
  padding: 10px;
  border: 2px solid #257aaf;
  background-color: #f5f5f5;
  border-radius: 10px;
  color: black;
}
.sett_prava_a_role_header .header {
  font-size: 20pt;
  margin-bottom: 20px;
}
.sett_prava_a_role_header .identity {
  padding-right: 30px;
  border-right: 2px solid #257aaf;
}
.sett_prava_a_role_header .identity .modra-login {
  display: inline-block;
  width: 200px;
}
.sett_prava_a_role_header .item {
  margin-right: 15px;
}
.sett_prava_a_role_header .item .item2 button {
  font-size: 12pt;
  margin: 5px 5px 5px 0;
  padding: 10px;
  border-radius: 5px;
}
.sett_prava_a_role_header .item .item2 button .i {
  margin-right: 10px;
}
.sett_prava_a_role_header .buttons .item2 {
  width: 100%;
}

.uzivatRozhr input[type=checkbox] {
  -ms-transform: scale(2);
  /* IE */
  -moz-transform: scale(2);
  /* FF */
  -webkit-transform: scale(2);
  /* Safari and Chrome */
  -o-transform: scale(2);
  /* Opera */
  transform: scale(2);
  cursor: pointer;
  margin-right: 10px;
}
.uzivatRozhr .page_header {
  margin-bottom: 25px;
  margin-top: 10px;
}
.uzivatRozhr label {
  font-size: 15pt;
  margin-right: 10px;
}
.uzivatRozhr input {
  font-size: 15pt;
}
.uzivatRozhr select {
  font-size: 15pt;
  padding: 3px;
}
.uzivatRozhr h3 {
  margin-bottom: 15px;
  font-size: 20pt;
}
.uzivatRozhr h3 .i {
  font-size: 16pt;
}

.sett-obj-prehled {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 20px 5px;
}
.sett-obj-prehled .item {
  background-color: #f4f4f4;
  border-radius: 10px;
  padding: 20px;
  margin: 10px;
  box-shadow: 0px 1px 14px -5px rgba(0, 0, 0, 0.3);
  width: 190px;
}
.sett-obj-prehled .item .numero {
  color: #57d943;
  font-size: 18pt;
  margin-bottom: 5px;
}

.modal_editace_nastenky label {
  display: inline-block;
  width: 100px;
}
.modal_editace_nastenky .vybratZobraz {
  display: none;
}
.modal_editace_nastenky #sNadpis {
  width: 40%;
  min-width: 350px;
  margin-top: 15px;
  font-size: 14pt;
}
.modal_editace_nastenky #sZprava {
  width: 100%;
  display: block;
  height: 250px;
  margin: 20px 0 20px 0;
  border: 2px solid #258fce;
  font-size: 15pt;
}

#startMessIcon {
  opacity: 0.9;
}
#startMessIcon:hover {
  opacity: 1;
}

.lastComm {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 10px;
}
.lastComm .item {
  background-color: #ffda44;
  text-align: center;
  color: #3f3a34;
  margin: 7px;
  padding: 15px;
  width: 200px;
  border-radius: 10px;
  cursor: pointer;
  height: 200px;
}
.lastComm .item .up {
  height: 50%;
  margin-bottom: 15px;
}
.lastComm .item .down {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 45%;
}
.lastComm .item .bCloseChat {
  float: right;
  margin-top: -7px;
  margin-left: -7px;
  position: absolute;
}
.lastComm .item .bCloseChat:hover {
  color: #bc6060;
}
.lastComm .item .i {
  font-size: 25pt;
  margin-bottom: 10px;
}
.lastComm .item .icon {
  margin: 0 auto 10px auto;
}
.lastComm .item:hover {
  background-color: black;
  color: #fff;
}

#detailSelectSklad {
  padding: 5px;
  background-color: #57d943;
}

.hodnotaSkladu {
  padding: 15px 0;
}
.hodnotaSkladu table {
  font-size: 15pt;
  cursor: default;
}
.hodnotaSkladu table td {
  padding: 10px;
}
.hodnotaSkladu table tr {
  cursor: default !important;
}

.zbyvaKusu {
  border-top: 2px solid black;
  background-color: #faebd7;
}

.zapujcky-filtr {
  display: flex;
  flex-direction: column;
}
.zapujcky-filtr .zapujcky-filtr-sekce {
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
}
.zapujcky-filtr .zapujcky-filtr-sekce .item {
  margin-right: 15px;
}

.zapujckyFastFilter .active {
  background-color: #258fce;
  color: white;
}

.historie {
  display: flex;
  flex-direction: column;
}
.historie .historie-nadpis {
  background-color: #258fce;
  color: white;
  border-radius: 5px;
  padding: 5px;
  width: 130px;
  text-align: center;
  margin-bottom: 8px;
}
.historie .item-historie {
  margin-top: 5px;
}

.mr-report-empty {
  padding: 15px;
  border-radius: 5px;
  background-color: #ffd47b;
  color: black;
}

.tablereport {
  border-collapse: collapse;
  font-size: 11pt;
}
.tablereport th {
  padding: 5px 10px;
  color: black;
  font-weight: 400;
}
.tablereport td {
  color: black;
  padding: 6px 5px;
}

.report-border-top {
  border-top: 1px solid #82cdfb;
}

.mr-zpet {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mr-zpet a {
  text-align: center;
  width: 80px;
  padding: 5px;
  background-color: #258fce;
  color: white;
  border-radius: 5px;
  margin-right: 10px;
}
.mr-zpet a i,
.mr-zpet a svg {
  margin-right: 5px;
}
.mr-zpet a:hover {
  background-color: #57d943;
}

.predTabFooterHrom {
  margin-top: 25px;
}
.predTabFooterHrom .hromPredTabistavClick {
  margin: 0 5px;
  display: inline-block;
}

.predTabControl {
  margin-bottom: 45px;
  padding: 20px;
  border-radius: 10px;
  background-color: #f4f4f4;
}
.predTabControl h3 {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #3f3a34;
  font-weight: bold;
}
.predTabControl select {
  padding: 5px;
  font-size: 12pt;
  border-radius: 5px;
}

.predTabCont {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
  flex-wrap: wrap;
}
.predTabCont input, .predTabCont label {
  margin: 2px !important;
  display: inline-block;
}

.predTabDetail {
  display: none;
  position: fixed;
  z-index: 10;
  top: 6px;
  left: 6px;
  background-color: #ffd47b;
  padding: 10px;
  border-radius: 5px;
  min-width: 350px;
  max-width: 90%;
}
.predTabDetail .content table {
  border-collapse: collapse;
}
.predTabDetail .content table thead th {
  background-color: black;
  color: #fff;
  padding: 5px 20px;
  text-align: left;
}
.predTabDetail .content table tbody td {
  color: black;
  padding: 5px 20px;
}

.hromNastaveniNakladovychUctu .filtr-volby {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.hromNastaveniNakladovychUctu .filtr-volby input[type=radio].toggle {
  display: none;
}
.hromNastaveniNakladovychUctu .filtr-volby input[type=radio].toggle:checked + label {
  background-color: #78f965;
  color: black;
}
.hromNastaveniNakladovychUctu .filtr-volby .checkbox {
  padding: 7px 10px;
  background-color: #68ebf9;
  color: black;
  margin: 2px 2px;
  cursor: pointer;
  text-align: center;
}
.hromNastaveniNakladovychUctu .filtr-volby .checkbox:hover {
  background-color: black;
  color: #fff;
}

/*-------------dev--------------------*/
.devVydejNaPac {
  padding: 10px;
}
.devVydejNaPac .header {
  color: #3f3a34;
  font-size: 14pt;
}
.devVydejNaPac .header .headerItem {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.devVydejNaPac .header .headerItem .icon {
  margin-right: 5px;
}
.devVydejNaPac .container {
  display: flex;
  flex-direction: row;
  margin: 0px 0 20px 0;
}
.devVydejNaPac .container .item {
  width: 33%;
  padding: 10px;
}
.devVydejNaPac .container .picture img {
  max-width: 100%;
  border: 3px solid #82cdfb;
  border-radius: 5px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.2);
}
.devVydejNaPac .container .hints {
  display: block;
}
.devVydejNaPac .container .hints .hint {
  display: block;
  float: left;
  background-color: #82cdfb;
  padding: 10px;
  border-radius: 8px;
  margin: 3px;
  cursor: pointer;
}
.devVydejNaPac .container .hints .hint:hover {
  background-color: #2997dc;
}
.devVydejNaPac .container .hints .hint .label {
  color: #fff;
  margin-right: 5px;
}
.devVydejNaPac .container .hints .hint .value {
  color: black;
}
.devVydejNaPac .container .inputs {
  display: block;
}
.devVydejNaPac .container .inputs .input {
  width: 100%;
  margin-bottom: 10px;
}
.devVydejNaPac .container .inputs .input label {
  display: inline-block;
  width: 80px;
  color: black;
}
.devVydejNaPac .container .inputs .input input {
  background-color: #82cdfb;
  border: none;
  padding: 5px;
  border-radius: 5px;
  font-size: 12pt;
}
.devVydejNaPac .container .inputs .input input:focus {
  background-color: #2997dc;
}
.devVydejNaPac .container .inputs .input select {
  background-color: #82cdfb;
  border: none;
  padding: 5px;
  font-size: 12pt;
}
.devVydejNaPac .container .inputs .input .alert {
  display: inline-block;
  width: 20px;
}

.dev-html {
  padding: 25px;
}
.dev-html section {
  padding: 20px 0;
}
.dev-html section h2 {
  color: #3f3a34;
  font-weight: bold;
  margin: 10px 0;
}
.dev-html section h3 {
  color: #3f3a34;
  font-weight: bold;
  margin: 10px 0;
}

.dev-cUser {
  padding: 15px;
  color: #3f3a34;
}
.dev-cUser h2 {
  font-size: 16pt;
  color: #fff;
  background-color: #bc6060;
  padding: 10px;
  border-radius: 10px;
  margin: 20px 0;
  max-width: 300px;
}
.dev-cUser ul {
  margin-left: 30px;
  font-weight: 600;
}
.dev-cUser ul li {
  font-weight: 400;
  color: black;
}

/* ----------------datable---------------------*/
.dataTables_paginate {
  margin-top: 10px !important;
}

.styledDataTable1 .dataTables_paginate {
  clear: both !important;
  float: left !important;
}
.styledDataTable1 .dataTables_length {
  margin-top: 10px !important;
}
.styledDataTable1 .dataTables_filter {
  margin-top: 10px !important;
  float: left !important;
  margin-left: 10px !important;
}
.styledDataTable1 .dataTables_wrapper {
  margin-top: 20px !important;
}
.styledDataTable1 th {
  text-align: left;
}

/* --------------------------QUERIES--------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .login-container {
    background-image: none;
  }
}
/*-----------------MEDIAPRINT-----------------------*/
@media print {
  table,
table tr,
table td {
    border-top: #ddd solid 1px;
    border-bottom: #ddd solid 1px;
    color: black;
  }
}

/*# sourceMappingURL=styles.css.map */