:root {
  --gov-blue: #E5F9F6;
  --gov-blue-light: #F0F6F7;
  --uskvbl-blue: #2362A2;
  --uskvbl-blue-light: #D9EFFF;
  --uskvbl-blue-light-second: #0075C9;
  --uskvbl-blue-light-third: #87c9f9;
  --uskvbl-blue-light-fourth: #dde9f1;
  --uskvbl-blue-dark: #00556F;
  --uskvbl-blue-dark-second: #19667d;
  --uskvbl-blue-very-dark: #003861;
  --bg-color: #F5F5F5;
  --table-bg-grey: #f2f2f2;
  --table-border-grey: #ddd;
  --top-menu-radius: 15px;
  --top-menu-border: #ddd;
  --focus: #ddd !important;
  --breadcrumb-font-size: 13px;
}

body {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 22px;
  background: var(--bg-color);
}

#redim-cookiehint-bottom #cookiehintsubmit {
  background-color: var(--uskvbl-blue) !important;
}

#redim-cookiehint-bottom .cookiecontent {
    width: 80% !important;
    float: left !important;
}

div.grid-child.container-component nav.pagenavigation {
  padding-left: 1em;
}

div.site-grid:has(div.breadcrumb) div.grid-child.container-component {
  margin-top: -2em;
}

body.view-search div.container-top-a {
  display: none;
}

div#search-results {
  clear: both;
}

div#search-form {
  margin-top: 30px;
}

div.site-grid {
  margin-bottom: 30px;
}

a.chronocredits {
  display: none;
}
/*
div.com-content-article__body div.nui.alert.red {
  display: none;
}
*/

span[class^="icon-"] {
  display: inline;
}

div.com-content-article__body a {
  color: #000;
}

div.com-content-article__body {
  padding-left: 1em;
}

div#spinner {
  display: none;
  /*  height: 80px !important;*/
}

li.ui-menu-item div.ui-menu-item-wrapper {
  font-size: 0.9em;
}

body div.site-grid div.container-component {
/*
  width: 97%;
  margin-left: 3%;
  */
}

div.mod-languages {
  float: right;
  margin-left: 20px;
}

div.mod-languages ul.dropdown-menu a {
  padding: 0;
}

div.mod-languages ul.lang-block.dropdown-menu.show {
  background-color: #fff;
  width: 53px;
  min-width: 53px;
  margin-left: 5px !important;
}

div.mod-languages ul.lang-block.dropdown-menu.show li {
  font-weight: 500;
  margin: 3px 0;
  padding: 0;
}

div.mod-languages ul.lang-block.dropdown-menu.show li a {
  display: inline-block;
  padding: 5px 15px;
}

div.mod-languages ul.lang-block.dropdown-menu.show li.lang-active {
  color: var(--uskvbl-blue);
}

div.mod-languages ul.lang-block.dropdown-menu.show li a:hover {
  background-color: var(--uskvbl-blue-light);
  color: var(--uskvbl-blue);
}

div.mod-languages div.mod-languages__select button.btn-secondary:hover {
  background-color: var(--uskvbl-blue-light-second);
  color: #fff;
}

div.mod-languages div.mod-languages__select button.btn-secondary:active {
  background-color: var(--uskvbl-blue-very-dark);
}

div.mod-languages ul.lang-block.dropdown-menu.show li a:active {
  background-color: var(--uskvbl-blue-light-third);
  color: #000;;
}

div.mod-languages div.mod-languages__select button.btn-secondary:focus {
  outline: 2px solid #fff;
  color: #fff;
}

div.mod-languages ul.lang-block.dropdown-menu.show li a:focus {
  color: #000;;
  outline: 2px solid #000;
}

header.container-header {
/*  background: linear-gradient(89.12deg, #33A3A9 0%, #1072B8 31.5%, #0175c9 68.5%, #2362A2 100%);
  background: linear-gradient(90deg, #25b490 0%, #2364a2 81.5%, #2362A2 90%, #2362A2 100%); */
  background: linear-gradient(90deg, #2362A2 0%, #2362A2 10%, #2364a2 19.5%, #25b490 100%);
  opacity: 1;
}

header.container-header:has(img[src^="https://wwwtest.uskvbl.cz/"]) { 
  background: linear-gradient(90deg, #cabc49 0%, #45a223 81.5%, #2DA223 90%, #23A25B 100%);
}

header.container-header div.grid-child {
  max-width: 1320px
}

div.container-below-top {
/*
  margin-top: 3rem;
  */
  margin-top: 10px;
}

form.js-finder-searchform {
  float: left;
}

form.js-finder-searchform div.input-group input {
  width: 300px;
  transition: none;
  border: 0;
}

form.js-finder-searchform div.input-group  input::placeholder {
  color: #878787;
  opacity: 1; /* Firefox */
}

form.js-finder-searchform div.input-group  button {
  margin: 0px;
  border: 0;
/*  border: 1px solid #ced4da;
  border-left: 1px solid #fff;
  */
  background-color: #fff;
  padding: 0px;
  font-size: 0;
}

form.js-finder-searchform div.input-group  button span {
  border: 0.2rem solid var(--uskvbl-blue);
  border-radius: 5px;
  padding: 0.4rem;
  background-color: var(--uskvbl-blue);
  font-size: 18px;
  margin-inline-end: .1em;
}

dl.article-info {
  margin-left: 1em;
}

/* The switch - the box around the slider */
form .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 25px;
}

/* Hide default HTML checkbox */
form .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
form .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #eee;
  -webkit-transition: .4s;
  transition: .4s;
}

form .slider:before {
  position: absolute;
  content: "";
  height: 24px;
  width: 24px;
  left: 0px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

form input:checked + .slider {
  background-color: var(--uskvbl-blue);
}

form input:focus + .slider {
  box-shadow: 0 0 0px var(--uskvbl-blue);
}

form input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

/* Rounded sliders */
form .slider.round {
  border-radius: 20px;
}

form .slider.round:before {
  border-radius: 50%;
  border: 1px solid #ddd;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.33);
} 

form div.slider_checkbox {
  grid-column: 1 / 3;
  border-top: 1px solid #ddd;
  margin-top: 1em;
  padding-top: 2em;
}

form div.slider_label {
  color: var(--uskvbl-blue);
  float: left;
}

form div.slider_switch {
  float: right;
}

form div.opl_container, form div.ol_container {
  grid-column: 1/3;
  display: none;
}

form div.opl_subcontainer, form div.vlp_reg_package {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

form div.ol_subcontainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

form div.vlp_reg_package div.field.holder:first-child {
  margin-right: 20px;
}

form div.field.holder small {
  font-size: 0.8em;
  color: #757575;
  margin-top: -15px;
  margin-left: 2px;
}

form.nui.form a.button.colored {
  background-color: var(--uskvbl-blue);
  color: #fff !important;
  text-decoration: none;
  position: absolute;
  top: 2.5em;
  right: 1.5em;
}

form.nui.form a.button.colored::before {
  font-size: 16px;
  font-family: "Font Awesome 6 Free";
  content: "\f019";
  font-weight: 900;
  margin-left: -5px;
}  

@media (max-width: 1320px) {
  form.nui.form a.button.colored {
  }
}

form.nui.form a.button.colored:hover {
  background-color: var(--uskvbl-blue-light-second);
}

form div.pharmagroup {
}

form div.opl_subcontainer div.field.holder  {
  margin-right: 10px;
}

form.form div.field.holder div.checkbox label {
  left: -30px;
}

form.form div.field.holder div.checkbox label:before {
  left: 30px;
  top: 38px;
  border-color: var(--uskvbl-blue) !important;
  background-color: #fff !important;
}

form.form div.field.holder div.checkbox.checked label:before {
  background-color: var(--uskvbl-blue) !important;
}

form div.field.holder div.nui.checkbox {
  margin-top: 1em;
  margin-left: 10px;
  margin-right: 30px;
}

form.form div.field.holder.checkbox_group div.checkbox_group {
  flex-direction: unset;
  margin-left: 20px;
  margin-top: 20px;
  display: flex !important;
}

form.form div.field.holder.checkbox_group {
  grid-column: 1/3;
  border-top: 1px solid #ddd;
  margin-top: 20px;
}

form.form div.field.holder.checkbox_group div.checkbox label:before {
  left: 0px;
  top: 0px;
}

div.nui.menu.letters, div.nui.menu.lettersvp {
  grid-template-columns: repeat(auto-fill, minmax(30px, max-content));
  display: grid;
  border: 0;
  width: 90%;
  justify-content: center;
  justify-items: center;
  justify-self: center;
  margin: 0 auto;
}

div.nui.menu.lettersvp {
  width: 100%;
}

div.nui.menu.letters div.item, div.nui.menu.lettersvp div.item {
  line-height: 0.5em;
  padding: calc(var(--pad)* 1.1) calc(var(--pad)* 1.3);
  border: 0;
}

div.nui.menu.letters div.item:after, div.nui.menu.lettersvp div.item:after {
  background-color: unset !important;
}

@media (max-width: 540px) {
  div.container-below-top {
    margin-top: 0;
    margin-left: -50px;
  }

  form.js-finder-searchform div.input-group  input {
    width: 150px;
  }

}

div.mod-languages div.mod-languages__select button.btn-secondary {
  --btn-bg: unset;
  --btn-active-bg: unset;
  --btn-active-border-color: unset;
  --btn-border-color: unset;
  --btn-hover-bg: unset;
  --btn-hover-color: #000;
  --btn-color: #fff;
  width: 60px;
  padding-left: 13px;
}

div.page-header h1, h1.list_detail {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 50px;
  color: #1C1C1C;
}

h1.list_detail {
  text-align: center;
}

div.top-b h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.9em;
  line-height: 30px;
  text-align: center;
  border: 0;
}

div.attachmentsContainer {
}  

div.attachmentsContainer:has(div.attachmentsSearch:nth-child(1)):before {
  border-top: 1px solid #ddd;
  padding-top: 2em;
  font-weight: 500;
  font-size: 1.2em;
  padding-bottom: 1em;
  display: block;
}

html[lang='cs-cz'] div.attachmentsContainer:has(div.attachmentsSearch:nth-child(1)):before {
  content: "Soubory ke stažení";
}

html[lang='en-gb'] div.attachmentsContainer:has(div.attachmentsSearch:nth-child(1)):before {
  content: "Files to download";
}

div div.tile-attachments div:has(.joomla-modal.show) {
  z-index: 1050;
}

div div.tile-attachments div.joomla-modal.show {
/*  position: relative; */
  position: fixed;
  justify-content: center;
  height: 600px;
  z-index: auto;
}

div div.tile-attachments div.joomla-modal.show div.modal-content {
  height: 450px;
}

div div.tile-attachments div:has(.joomla-modal.show) div.at_edit {
  position: fixed;
/*  top: 70px;
  right: 0;
  */
  top: 35px;
  right: 13vw;
}

div div.tile-attachments div:has(.joomla-modal.show) div.at_edit a:nth-child(1) img {
  width: 0px;
}

div div.tile-attachments div:has(.joomla-modal.show) div.at_edit a:nth-child(1):before {
  padding-right: 1.4rem;
  font-size: 18px;
  font-family: "Font Awesome 6 Free";
  content:"\f0c7";
  font-weight: 900;
  color: var(--uskvbl-blue);
}

div div.tile-attachments div:has(.joomla-modal.show) div.at_edit a:nth-child(2) {
  display: none;
}

div div.tile-attachments div.row, div div.tile-attachments div.unpublished {
  clear: both;
  border: 1px solid #ddd;
  height: 3em;
  position: relative;
  margin: 0 0 1em 0;
  background-color: #fff;
  border-radius: 5px;
}

div div.tile-attachments div.unpublished {
  background-color: var(--uskvbl-blue-light);
}

div div.tile-attachments div.row a, div div.tile-attachments div.unpublished a {
  color: #000;
/*  text-decoration: underline; */
  font-size: 13px;
}

div div.tile-attachments input.ui-autocomplete-input {
  height: 3em;
  width: 100%;
  border: 1px solid #eee;
  box-shadow: 0px 3px 10px 2px #eee;
  padding-left: 1.5em;
  border-right: 0;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

div div.tile-attachments div.attachmentsSearch {
  width: 95%;
  float: left;
  opacity: 0;
}

div div.tile-attachments div.attachmentsSearchIcon {
  width: 5%;
  color: var(--uskvbl-blue);
  float: right;
  border: 1px solid #eee;
  border-left: 0;
  box-shadow: 4px 3px 4px 0px #eee;
  height: 3em;
  background-color: #fff;
  margin-bottom: 1.5em;
  border-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  opacity: 0;
}

div div.tile-attachments div.attachmentsSearchIcon span {
  font-size: 20px;
  padding: 0.8rem;
  display: inline-block;
}

.tile-attachments div div.at_outter {
/*  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  */
  width: 100%;
}

.tile-attachments div div.at_outter div.right {
  margin-left: 0;
/*  margin-right: 2em; */
  float: right;
  font-size: 13px;
  padding-top: 0.1em;
  color: #686868;
}

.tile-attachments div div.at_outter div.right div {
  float: left; 
  border-left: 1px solid #eaeaea;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 12px;
  padding-bottom: 11px;
  margin-top: -2px;
}

.tile-attachments div div.at_outter div.right div:nth-child(3) {
  width: 100px;
  text-align: right;
  margin-right: 1em;
  padding-right: 5px;
}

.tile-attachments div div.at_outter {
/*  padding-top: 0.2em; */
}

.tile-attachments div div.at_outter div, .tile-attachments div div.at_outter div a {
  margin-left: 0.5em;
}

.tile-attachments div div.at_icon, .tile-attachments div div.at_url, .tile-attachments div div.at_filename, .tile-attachments div div.at_filename div {
  float: left;
  padding-top: 2px;
}

.tile-attachments div div.at_filename {
  width: 70%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.tile-attachments div div.at_filename div.at_icon {
  width: 24px;
  margin-right: -6px;
}

div.attachmentsContainer div.tile-attachments div a.at_icon i {
  font-size: 24px;
  color: var(--uskvbl-blue);
}

div.attachmentsContainer div.tile-attachments div a.at_url {
  margin-left: 1.5em;
}


@media (max-width: 1320px) {
  div.attachmentsContainer div.tile-attachments div.attachmentsSearch {
    width: 93%;
  }

  div.attachmentsContainer div.tile-attachments div.attachmentsSearchIcon {
    width: 7%;
  }

  .tile-attachments div div.at_filename {
    width: 100%;
    white-space: nowrap;
  }

  .tile-attachments div div.at_filename div {
    float: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .tile-attachments div div.at_filename div:nth-child(1) {
    float: left;
    margin-top: 6px;
  }

  .tile-attachments div div.at_outter div, .tile-attachments div div.at_outter div a {
    margin-left: 0;
    margin-top: -3px;
  }

  .tile-attachments div div.at_icon, .tile-attachments div div.at_url, .tile-attachments div div.at_filename {
    float: none;
    margin-left: 0;
  }

  .tile-attachments div div.at_outter div.right {
    margin-left: 22px;
    margin-right: 2em;
    float: none;
    margin-top: 10px;
  }

  .tile-attachments div div.at_outter div.right div {
    border-left: 0px;
  }
}

@media (max-width: 540px) {
  div.attachmentsContainer div.tile-attachments div.attachmentsSearch {
    width: 88%;
  }

  div.attachmentsContainer div.tile-attachments div.attachmentsSearchIcon {
    width: 12%;
  }
}

form div.menu {
  display: none;
}	

form div.detail_table {
/*
  display: table;
*/  
}	

form div.detail_row {
/*
  display: table-row;
*/  
  border-top: 1px solid var(--table-border-grey);
  padding-bottom: 1em;
}	

form div.detail_label, form div.detail_value {
  padding-top: 16px;
}

form div.detail_label {
/*
  display: table-cell;
  width: 40%;
*/
  font-size: 0.8em;
  font-weight: 500;
  text-transform: uppercase;
  float: left;
  width: 300px;
}	

form div.detail_value {
  font-size: 0.9em;
  margin-left: 300px;
/*
  display: table-cell;
*/  
}

@media (max-width: 992px) {
  form div.detail_label {
    float: none;
  }

  form div.detail_label, form div.detail_value {
    padding-top: 1em;
  }

  form div.detail_value {
    padding-top: 0.5em;
    margin-left: 0px;
  }
}

form div.detail_found {
  color: green;
  margin-bottom: 20px;
}

form div.detail_not_found {
  color: red;
  margin-bottom: 20px;
}

/*
form table {
  font-style: normal;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 18px;
}

form table td {
  border: 0;
  border-bottom: 1px solid var(--table-border-grey);
}

*/
form div.hide {
  display: none !important;
}

form div.show {
  display: grid !important;
}

form.nui.form {
  opacity: 0;
  background-color: white;
  padding: 2.5em 1.5em;
  padding-bottom: 2.5em;
  box-shadow: 0px 3px 10px 3px #ddd;
  border-radius: 5px;
  position: relative;
}

form.form[id$="-vyhledane"] div:not(.nui.form) {
  overflow: hidden;
}

form.nui.form[id$="-detail"] {
  background-color: unset;
  box-shadow: unset;
}

form.form div.form_simple, form.form div.form_extended {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 0px;
}

form.form div.form_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}

form div.leaflet.grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
/*  grid-template-columns: 1fr 1fr 2fr; */
}

/*
form div.leaflet.grid button:hover{
  background-color: var(--uskvbl-blue-dark);
}
*/

form.form a.form_switch {
  display: block;
  text-align: center;
  text-decoration: none;
  color: var(--uskvbl-blue);
  width: 200px;
  margin: 2em auto;
}

form.form a.form_switch.form_extended:before {
  padding-right: 1.4rem;
  font-size: 14px;
  font-family: "Font Awesome 6 Free";
  content:"\f078";
  font-weight: 900;
}

form.form a.form_switch.form_simple:before {
  padding-right: 1.4rem;
  font-size: 14px;
  font-family: "Font Awesome 6 Free";
  content:"\f077";
  font-weight: 900;
}

form.form button {
  margin-bottom: 2em;
  height: 48px;
  padding-left: 1em;
  padding-right: 1em;
  min-width: 150px;
  font-weight: 500;
  border-radius: 3px;
}

form.form h3 {
  font-size: 1.4em;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 2em;
  margin-bottom: 2em;
}

form.form div button.colored, form.form button.colored {
  background-color: var(--uskvbl-blue);
  color: #fff !important;
  font-weight: 500;
}

form.form div button.colored[type="submit"] {
  justify-self: end;
}

form.form div button.colored[type="reset"] {
  color: var(--uskvbl-blue) !important;
  background-color: #fff;
  border: 2px solid var(--uskvbl-blue) !important;
  width: 200px;
}

/*
form.form div button.colored[type="submit"]:hover {
  background-color: var(--uskvbl-blue-dark); 
}
*/

form.form div button.colored[type="submit"]:before {
  font-size: 18px;
  font-family: "Font Awesome 6 Free";
  content:"\f0b0";
  font-weight: 900;
  margin-left: -15px;
  padding-right: 15px;
}

/*
form.form div button.colored[type="reset"]:hover {
  background-color: #eee; 
}
*/

div.news_links button, div.notification_links button {
  color: var(--uskvbl-blue);
  border: 1px solid var(--uskvbl-blue);
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0);
  height: 48px;
  padding: 11px 16px;
  margin: 1em 0;
}  

form.form div.field.holder {
  gap: 1em;
}  

form.form div.field.holder > label {
  font-weight: 400;
  padding-top: 1em;
}

form.form div.field.holder div.select, form.form div.field.holder div.input input, form.form div.field.holder input[type='text']{
  border-width: 1px;
  background-color: #f5f5f5;
  font-size: 13px;
}

ul.ui-widget.ui-autocomplete.ui-front li.ui-menu-item div.ui-menu-item-wrapper {
  font-family: 'Roboto';
}

.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  border: 2px solid #d3d3d3;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

ul.ui-autocomplete.ui-front li.ui-menu-item div.ui-menu-item-wrapper {
  font-size: 13px;
  padding: calc(var(--pad) * 1.3) calc(var(--pad) * 2);
}

ul.ui-autocomplete.ui-front li.ui-menu-item div.ui-menu-item-wrapper:hover, ul.ui-autocomplete.ui-front li.ui-menu-item .ui-button.ui-state-active:hover, ul.ui-autocomplete.ui-front li.ui-menu-item .ui-state-active .ui-icon-background, ul.ui-autocomplete.ui-front li.ui-menu-item .ui-icon-background {
  background: #eee;
  color: #000;
  border-color: rgb(0,0,0,0);
}

form.form div.ol_subcontainer div.field.holder input[type='text'] {
  padding: 8px 8px 9px 8px;
  margin-right: 20px;
}

form.form div.field.holder div.select, form.form div.field.holder div.input input {
  font-size: 13px;
}

form.form div.field.holder div.multiple a.custom_option {
  font-size: 14px;
  background-color: var(--gov-blue);
  color: var(--uskvbl-blue);
  text-decoration: none;
  padding: 5px;
  margin: 0;
  font-weight: 500;
  border-color: var(--uskvbl-blue) !important;
}

form.form div.field.holder div.multiple a i.close.icon {
  content: "";
  opacity: 1;
}

form.form div.field.holder div.multiple a i.close.icon:after {
  font-family: "Font Awesome 6 Free";
  content:"\f00d";
  font-weight: 900;
  color: var(--uskvbl-blue);
}

/*
form.form table.table {
  border: 0;
}

form.form table.table tr td, form.form table.table tr th {
  border-left: 0;
  border-left-width: 0px;
  border-right: 0;
  padding: 17px 0px 17px 20px;
}

form.form table.table tr td a {
  color: #000;
  text-decoration: underline;
}

form.form table.table tr th {
  background-color: var(--uskvbl-blue-dark);
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 500;
}

form.form table.table tr th:last-child {
  padding-right: 1em;
}

form.form table.table tr th a {
  color: #fff;
}

*/
div.site-description {
  width: 150px;
  float: right;
}

div.site-description div.desc-header {
  font-size: 2em;
  margin-top: 0.5em;
  font-weight: 600;
  letter-spacing: 5px;
}

div.site-description div.desc-text {
  font-family: "Trebuchet MS", Tahoma;
  font-size: 0.8em;
  margin-top: 10px;
}

ul.mod-menu {
  font-weight: 500;
}

ul.mod-menu li.nav-item a {
  display: block;
}

div.container-nav ul.mod-menu li.nav-item a {
  padding: 0;
}

header.container-header div.grid-child.container-nav {
  padding-bottom: 0;
}

/* top main level menu */
div.container-nav ul.mod-menu {
  display: grid;
/*  grid-template-columns: 0.8fr 0.8fr 1fr 1.2fr 1.2fr;*/
  grid-auto-flow: column;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.7px;
}

div.container-nav ul.mod-menu li.active:after {
  opacity: 1;
  top: 0;
  bottom: unset; 
  border-top: 2px solid #fff;
  position: absolute;
  content: "";
}

div.container-nav ul.mod-menu li {
  text-transform:uppercase;
  margin-left: 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
  -webkit-background-clip: padding-box; /* for Safari */
/*  padding-top: 1em; */
  text-align: center;
  padding: 28px;
}

div.container-nav ul.mod-menu li:after {
  transition: unset;
  border-bottom: 0;
}

div.container-nav ul.mod-menu li.active {
  padding-top: 29px;
}

div.container-nav ul.mod-menu li:hover {
/*  border-top: 2px solid #fff; */
  padding-top: 29px;
  /*  transition: all .2s,background-color .2s; */
}

div.container-nav ul.mod-menu li:hover:after {
  border-top: 2px solid #fff;
  top: 0;
  bottom: unset;
  opacity: 1;
  position: absolute;
  content: "";
}

div.container-nav ul.mod-menu li:hover a {
  margin-top: -1px;
}

div.container-nav ul.mod-menu li.active:hover a {
  margin-top: 0px;
}

/* middle second level menu */
div.top-a.card {
  display: none;
  border: 0;
/*  max-width: 1460px; */
  max-width: 1320px;
  margin: auto;
  background: rgb(0,0,0,0);
}

div.top-a div.card-body {
/*  margin: auto 4%; */
  padding: 0;
}

div.top-a.card:has(ul.title_links)  {
  display: grid;
}

div.grid-child.container-component:has(div.top-b.news_links)  {
  grid-column: full-start/full-end;
  padding-left: 0;
}

div.grid-child.container-component:has(div.top-b.news_links) main {
  margin-top: 0;
}

div.grid-child.container-component:has(div.top-b.news_links) div.com-content-article__body {
  padding-left: 0;
}

div.top-a ul.mod-menu {
  background: rgb(255, 255, 255, 0.66);
}

div.top-a ul.mod-menu.title_links {
  background: unset;
}

div.top-a ul.mod-menu, div.top-a ul.mod-menu.title_links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background: rgba(255, 255, 255, 0.66);
/*    border: 1px solid var(--top-menu-border);*/
  border-radius: 10px;
  box-shadow: 0px 5px 10px 3px #ddd;
  margin: 56px 0;
  z-index: 15;
  position: relative;
}

div.top-a.card ul.mod-menu.title_links {
  background: rgba(255, 255, 255, 0);
}  

div.top-a.card ul.mod-menu.title_links li {
  background: rgba(255, 255, 255, 0.66);
}

div.grid-child.container-top-a { 
  grid-column: full-start/full-end;
  background: linear-gradient(85.43deg, #F5F5F5 0%, #E5F6FB 100%);
}

div.site-grid:has(div.top-a) {
  position: relative;
}

div.site-grid div.grid-child.container-top-a:has(div.com-content-article__body div.top-a){
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
}

div.grid-child.container-component:has(div.top-a) {
  grid-area: top-a;
  position: relative;
}

div.grid-child.container-top-a {
  overflow: hidden;
}

div.grid-child.container-top-a:before { 
  content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/background_uskvbl_left.svg);
/*  opacity: 0.07; */
  margin-bottom: -8px;
  position: absolute;
  left: 0;
  bottom: -50px;
}

div.grid-child.container-top-a:after { 
  content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/background_uskvbl_right.svg);
/*  opacity: 0.07; */
  margin-bottom: -8px;
  position: absolute;
  right: -250px;
  bottom: -50px;
  z-index: 10;
}

body.itemid-132 div.grid-child.container-top-a { 
  margin-bottom: 0;
}

/*
body.itemid-132 div.grid-child.container-top-a:before { 
  content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/title_left_uskvbl_background.svg);
}

body.itemid-132 div.grid-child.container-top-a:after { 
  content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/title_right_uskvbl_background.svg);
}
*/

@media (max-width: 1200px) {
  div.grid-child.container-top-a:after { 
    display: none;
  }
}
div.top-a ul.mod-menu li.nav-item {
  position: relative;
}

div.top-a ul.mod-menu li.nav-item a {
  color: var(--uskvbl-blue);
  font-size: 18px;
  padding: 12px 36px;
  min-height: 100px;
  align-content: center;
}

div.top-a ul.mod-menu li.nav-item a:hover {
  text-decoration: none;
}

div.top-a ul.mod-menu li.nav-item a:after {
  position: absolute;
  right: 20px;
  top: 40%;
/*  content: " >";
  font-weight: 400;
  font-size: 18px;*/
  font-size: 14px;
  font-family: "Font Awesome 6 Free";
  content:"\f054";
  font-weight: 900;
}

div.top-a ul.mod-menu li.nav-item {
  display: inline-grid; 
  flex-direction: row;
  align-items: center;
  gap: 24px;

/*  margin: 4px; */
  background: rgba(255, 255, 255, 0);
  /*  border-radius: 5px;*/
  flex: none;
  order: 0;
  flex-grow: 0;
  border-right: 1px solid var(--top-menu-border);
  border-bottom: 1px solid var(--top-menu-border);
}

div.top-a ul.mod-menu li.nav-item:hover,  {
  background-color: #eee;
}

/* div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 4):nth-child(4n + 1), div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 4):nth-child(4n + 1) ~ li {*/
div.top-a ul.mod-menu li.nav-item:nth-child(1) {
  border-top-left-radius: var(--top-menu-radius);
}

div.top-a ul.mod-menu li.nav-item:nth-child(4) {
  border-top-right-radius: var(--top-menu-radius);
}

div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 4):nth-child(4n + 1) {
  border-bottom-left-radius: var(--top-menu-radius);
}

div.top-a ul.mod-menu li.nav-item:nth-last-child(1):nth-child(4n) {
  border-bottom-right-radius: var(--top-menu-radius);
}

div.top-a ul.mod-menu li.nav-item:nth-child(4n) {
  border-right: 0px;
}
div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 4):nth-child(4n + 1), div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 4):nth-child(4n + 1) ~ li {
  border-bottom: 0px;
}

div.top-b.news_links a, div.top-b.notification_links a {
  color: var(--uskvbl-blue);
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}

div.top-b.news_links a.title_button, div.top-b.notification_links a.title_button {
  display: block;
  text-align: center;
  font-size: 16px;
}

div.top-b.news_links a.title_button button, div.top-b.notification_links a.title_button button {
  font-weight: 500;
}

div.top-b.news_links, div.top-b.notification_links {
  padding: 3em 0;
  background-color: #fff;
}

div.top-b.news_links ul, div.top-b.notification_links ul {
  max-width: 1320px;
  margin: auto;
}

div.top-b.news_links, div.top-b p.readmore a {
  border: 0;
}

div.top-b p.readmore a span:before {
  content: none;
}

div.top-b p.readmore {
  text-align: right;
  position: absolute;
  right: 5%;
  bottom: 0%;
}

div.top-b p.readmore a {
  text-decoration: underline;
  font-size: 0.8rem;
}

div.top-b p.readmore:after {
  color: var(--uskvbl-blue);
  padding-right: 1.3em;
  font-size: 0.7rem;
  font-family: "Font Awesome 6 Free";
  content:"\f054";
  font-weight: 900;
}

div.top-a ul.mod-menu.title_links, div.top-b.news_links ul.mod-list {
  display: grid;
/*  grid-template-columns: unset;
  grid-auto-flow: column; */
  grid-template-columns: repeat(auto-fill, minmax(220px, max-content));
  z-index: 15;
  position: relative;
  border: 0;
  box-shadow: unset;
  border-radius: unset;
}

div.top-a ul.mod-menu.title_links li, div.top-b.news_links ul.mod-list li {
  margin: 0;
  border: 0;
  box-shadow: 0px 4px 11.1px rgba(35, 98, 162, 0.14);
  border-radius: 3px !important;
  background: #fff;
  position: relative;
}

div.top-a ul.mod-menu.title_links li {
  border: 0;
/*  background: rgba(255, 255, 255, 0.66); */
  background: rgba(255, 255, 255, 0); 
  margin: 0 auto;
  margin-top: 1em;
  width: 210px;
}

div.top-b.news_links ul.mod-list li article {
  padding: 1.5em;
  display: block;
  height: 239px;
  position: relative;
}

div.top-b.news_links ul.mod-list li article div p {
  height: 3em;
  overflow: hidden;
}

div.top-b.news_links ul.mod-list li article p {
  font-size: 14px;
}

div.top-b.card {
  border: 0;
  display: flex;
}

div.top-b.news_links h3, div.top-b.notification_links h3 {
  background-color: rgb(0,0,0,0);
  padding-bottom: 1em;
}

div.top-b.card.notification_links ul.mod-list, div.top-b.news_links ul.mod-list {
  grid-template-columns: 1fr 1fr 1fr;
}

div.top-b.notification_links ul.mod-list {
  border: 1px solid #DDDDDD;
  border-radius: 15px;
  --grid-layout-gap: 0px;
}

div.top-b.notification_links ul.mod-list li {
  border-right: 1px solid #DDDDDD;
  padding: 32px;
  height: 154px;
  justify-content: center;
  position: relative;
}

div.top-b.notification_links ul.mod-list li dl, div.top-b.news_links ul.mod-list li dl {
  position: absolute;
  bottom: 5px; 
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #878787;
}

div.top-b.notification_links ul.mod-list li dd span, div.top-b.news_links ul.mod-list li dd span {
  display: none;
}

div.top-b.notification_links ul.mod-list li:nth-child(-n + 3) {
  border-bottom: 1px solid #DDDDDD;
}

div.top-b.notification_links ul.mod-list li:nth-child(3n) {
  border-right: 0;
}

div.top-b.news_links {
  background: linear-gradient(85.43deg, #F5F5F5 0%, #E5F6FB 100%);
  margin: 0 0 -2em 0;
}

div.top-a ul.mod-menu.title_links li a::after {
/*  right: unset;
  left: 24px; */
  top: 60%;
}

div.top-a ul.mod-menu.title_links li a {
  align-content: first baseline;
  font-size: 1em;
  padding: 16px 24px 24px;
}

div.com-content-article__body div.main-narrow, div.com-content-article__body div.main-top-narrow {
/*  width: 70%; */
  text-align: left;
  margin: auto;
  padding: 0px 36px;
}

div.com-content-article__body div.main-top-narrow {
  font-size: 18px;
  line-height: 28px;
}

@media (max-width: 1320px) {
  div.top-a ul.mod-menu li.nav-item a {
    padding: 3px 30px 3px 20px;
  }

  div.top-a ul.mod-menu li.nav-item a, div.top-a ul.mod-menu.title_links li a::after {
    left: 20px;
  }

  div.top-b.notification_links ul.mod-list, div.top-b.news_links ul.mod-list, div.top-a ul.mod-list.title_links {
    margin-left: 5%;
    margin-right: 5%;
  }

}

@media (max-width: 992px) {
  div.top-b.notification_links ul.mod-list {
    margin: auto 8%;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(-n + 3) {
    border-bottom: 0;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(-n + 2) {
    border-bottom: 1px solid #DDDDDD;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(3n) {
    border-right: 1px solid #DDDDDD;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(2n) {
    border-right: 0;
  }
  div.com-content-article__body div.main-narrow, div.com-content-article__body div.main-top-narrow {
    width: 90%;
  }

  div.com-content-article__body div.main-top-narrow {
    font-size: 17px;
    line-height: 22px;
  } 

  div.com-content-article__body {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  div.top-b.notification_links ul.mod-list {
    margin: auto 4%;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(-n + 2) {
    border-bottom: 0;
  }

  div.top-b.notification_links ul.mod-list li:not(:last-child) {
    border-bottom: 1px solid #DDDDDD;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(2n) {
    border-right: 1px solid #DDDDDD;
  }

  div.top-b.notification_links ul.mod-list li:nth-child(n) {
    border-right: 0;
  }

  div.top-a ul.mod-menu.title_links {
    margin: 0;
  }
}


@media (max-width: 540px) {
  div.com-content-article__body div.main-narrow, div.com-content-article__body div.main-top-narrow {
    width: 99%;
  }
  div.com-content-article__body div.main-top-narrow {
    font-size: 16px;
    line-height: 22px;
  } 
}

.breadcrumb {
  border: 0;
  background: unset;
}

.breadcrumb div.card-body {
  padding-left: 0;
  margin-left: 30px;;
}

ol.breadcrumb li.breadcrumb-item {
  margin-left: 0.5em;
  color: #686868;
  text-transform: uppercase;
/*  padding-left: 0;*/
  margin-left: 2.5rem;
}

ol.breadcrumb li.breadcrumb-item:before {
  padding-right: 1.3em;
  font-size: var(--breadcrumb-font-size);
  font-family: "Font Awesome 6 Free";
  content:"\f054";
  font-weight: 900;
  color: #A8A8A8;
  margin-left: -2rem;
}

ol.breadcrumb li.breadcrumb-item a {
  color: var(--uskvbl-blue);
}

ol.breadcrumb li.breadcrumb-item span {
  margin-left: 0;
}

ol.breadcrumb li.float-start span.icon-home {
  margin-left: -10px;
  color: #686868;
}

ol.breadcrumb li.breadcrumb-item:first-child:before, ol.breadcrumb li.breadcrumb-item:nth-child(2):before, ol.breadcrumb li.float-start {
  display: none;
}

ol.breadcrumb li.breadcrumb-item:nth-child(2) a.pathway span {
  margin-right: -0.5rem;
}

ol.breadcrumb li.breadcrumb-item:nth-child(2) a.pathway span:before {
  margin-left: -60px;
  font-size: 14px;
  font-family: "Font Awesome 6 Free";
  content:"\f015";
  font-weight: 900;
  color: var(--uskvbl-blue);
}

ol.breadcrumb li.breadcrumb-item:nth-child(3) {
  margin-left: 0;
}

ol.breadcrumb li.breadcrumb-item:nth-child(2) a.pathway:hover span:before {
  color: var(--uskvbl-blue-light-second);
}

ol.breadcrumb li.breadcrumb-item:nth-child(2) a.pathway:active span:before {
  color: var(--uskvbl-blue-very-dark);
}

ol.breadcrumb li.breadcrumb-item:nth-child(2) a.pathway:focus span:before {
  outline: 2px solid var(--uskvbl-blue-very-dark);
}

div.top-a ul.mod-menu li.nav-item ul.mod-menu__sub  {
}


/* sidebar left - second and third level menu */
.container-sidebar-left div.sidebar-left.card {
  border: 0;
  box-shadow: 0px 3px 5px 1px #e2e2e2;
  margin-top: 0;
}

div.sidebar-left div.card-body {
  padding: 0;
  overflow: hidden;
}

div.sidebar-left ul {
  list-style-type: none; 
  padding: 0;
  margin: 0;
}

div.sidebar-left li {
  border-bottom: 1px solid var(--table-border-grey) !important;
  /*  padding: 10px 30px 10px 10px; */
  padding-left: 20px;
  padding-right: 35px;
/*  box-sizing: border-box;*/
}

div.sidebar-left li a {
  color: var(--uskvbl-blue);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.sidebar-left ul.mod-menu.mod-list {
  padding-top: 0;
}  

div.sidebar-left ul.mod-menu.mod-list li.nav-item.parent {
  position: relative;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.parent a:after {
  position: absolute;
  right: 10px;
  top: 0.8rem;
  font-size: 14px;
  font-family: "Font Awesome 6 Free";
  content:"\f078";
  font-weight: 900;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active.deeper.parent > a:first-child {
  padding-bottom: 14px;
  padding-right: 34px;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active.parent a:after {
  color: #fff;
  content:"\f077";
/*  transform:rotate(180deg); */
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item:nth-of-type(1) {
  border-radius: 5px 5px 0px 0px;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item:nth-last-child(1) {
  border-radius: 0px 0px 5px 5px;
}

div.sidebar-left ul.mod-menu.mod-list ul.mod-menu__sub li.nav-item:nth-of-type(1), div.sidebar-left ul.mod-menu.mod-list ul.mod-menu__sub li.nav-item:nth-last-child(1) {
  border-radius: 0px;
}

div.sidebar-left ul.mod-menu.mod-list ul.mod-menu__sub li.nav-item.parent a:after {
  display: none;
}

div.sidebar-left ul.mod-menu li.nav-item.active {
  background: var(--uskvbl-blue);
/*  padding-bottom: 0px; */
}

div.sidebar-left ul.mod-menu li.nav-item.current {
  background: var(--uskvbl-blue);
/*  padding: 8px 8px 8px 16px; */
  padding-right: 8px;
  padding-left: 26px; 
}

div.sidebar-left ul.mod-menu li.nav-item.parent.active {
/*  padding: 8px 0px 0px 12px;*/
  padding-left: 22px;
  padding-right: 0px;
  padding-bottom: 0px;
}

div.sidebar-left ul.mod-menu li.nav-item.active a {
  text-decoration: none;
  color: #fff;
  line-height: 25px;
}

div.sidebar-left ul.mod-menu li ul.mod-menu__sub li {
/*  padding: 10px 10px 10px 40px; */
  padding-right: 10px;
  padding-left: 40px;
}

div.sidebar-left ul.mod-menu li ul.mod-menu__sub li:nth-last-child(1) {
  border-bottom: 0px !important;
}  

div.sidebar-left ul.mod-menu li ul.mod-menu__sub li.nav-item a {
  color: #000;
}

div.sidebar-left ul.mod-menu li ul.mod-menu__sub li.nav-item a:before {
  content: "— ";
  padding-right: 10px;
  margin-left: -24px;
}

div.sidebar-left ul.mod-menu li.nav-item ul.mod-menu__sub li.nav-item.active {
  background: var(--gov-blue);
/*  padding: 10px 8px 10px 34px; */
  padding-right: 8px;
  padding-left: 34px;
  padding: 3px 8px 4px 34px;
}

div.sidebar-left ul.mod-menu li.nav-item ul.mod-menu__sub li.nav-item.active a:before {
/*  content: "➔  "; */
  padding-right: 8px;
  margin-left: -16px;
}


div.sidebar-left ul.mod-menu li.nav-item ul.mod-menu__sub  {
  margin-left: -22px;
}  

div.sidebar-left li ul.mod-menu__sub {
  top: 100%; 
  left: 0;
  padding-left: 0;
}

div.sidebar-left li ul li {
  display: block; 
}

div.sidebar-left ul.mod-menu__sub li.nav-item {
  background: #fff;
}

div.sidebar-left li ul.mod-menu__sub {
  top: 100%; 
  left: 0;
  padding-left: 0;
}

div.sidebar-left li ul li {
  display: block; 
}


div.main-top.card {
  display: none;
}

div.moduletable {
  border: 0;
  margin-bottom: 30px;
  background-color: var(--bg-color);
  padding-left: 1em;
}

div.moduletable ul.mod-menu {
  display: grid;
  grid-auto-flow: column;
  filter: drop-shadow(0px 4px 11.1px rgba(112, 112, 112, 0.14));
  border-radius: 10px;
}

div.moduletable ul.mod-menu:has(> :last-child:nth-child(1)) { /* 1 element */
  display: none;
}

div.moduletable ul.mod-menu li {
  display: inline-block;
  background-color: #fff;
  border: 0;
  text-align: center;
}

div.moduletable ul.mod-menu li {
  border-right: 2px solid #ddd;
}

div.moduletable ul.mod-menu li:last-child {
  border-right: 0;
}

div.moduletable ul.mod-menu li a {
  text-decoration: none;
  color: #000;
  padding: 8px 8px;
}

div.moduletable ul.mod-menu li:hover {
  background-color: #eee;
  border-color: var(--gov-blue-light);
}

div.moduletable ul.mod-menu li.active {
  border: 1px solid var(--uskvbl-blue-dark);
  background-color: var(--uskvbl-blue-dark);
}

div.moduletable ul.mod-menu li.active a {
  color: #fff;
}

main div.page-header {
  text-align: center;
}  

footer.container-footer {
  background: #00556f;
  font-size: 15px;
  margin-top: 0;
}

footer.container-footer div.mod-custom {
  width: 100%;
}

footer.container-footer div.footer-cols {
  display: grid;
  grid-template-columns: 2.6fr 2fr 1fr;
}

footer.container-footer div.footer-cols div.footer-col {
  font-size: 14px;
  line-height: 20px;
}

footer.container-footer div.footer-cols div.footer-col a, footer.container-footer div.footer-claim-1, footer.container-footer div.footer-claim-2 {
  color: #88e2fe;
}

footer.container-footer div.footer-cols div.footer-col span.footer-subject {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 3%;
  line-height: 18px;
}


/*
footer.container-footer div.footer-cols div.footer-col p:nth-child(1) {
  margin-bottom: 30px;
}
*/

footer.container-footer div.footer-claim-1, footer.container-footer div.footer-claim-2 {
  font-size: 12px;
}

footer.container-footer div.footer-claim-1 {
  float: left;
}

footer.container-footer div.footer-claim-2 {
  float: right;
}

@media (max-width: 1280px) {
  footer.container-footer div.footer-claim-2 {
    clear: both;
    float: unset;
  }
}

@media (max-width: 768px) {
  footer.container-footer div.footer-cols {
    grid-template-columns: 1fr;
  }
}

a#back-top {
  background-color: var(--uskvbl-blue-dark);
  border-color: #88e2fe;
  color: #fff;
}

a#back-top:hover {

}
.margin-left-small {
  margin-left: 15px;
}	
.margin-left-medium {
  margin-left: 30px;
}	
.margin-left-large {
  margin-left: 50px;
}

.bg-grey {
  background-color: var(--table-border-grey);
}	

/*
form div.select div.menu div.item[data-value=""] {
  display: none;
}
*/

/* lekarny dalkovy vydej Detail */
ul.mod-menu__sub li.item-478, ul.mod-menu__sub li.item-479 {
  display: none !important;
}

/* prodejci dalkovy vydej Detail */
ul.mod-menu__sub li.item-472, ul.mod-menu__sub li.item-473 {
  display: none !important;
}

/* VP Detail */
ul.mod-menu li.item-496, ul.mod-menu li.item-497 {
  display: none !important;
}

/* VLP Detail */
ul.mod-menu li.item-484, ul.mod-menu li.item-485 {
  display: none !important;
}

/* Responzivita */
table.restables-clone {
    display: none;
}

@media (max-width: 1320px) {
    table.restables-origin {
        display: none;
    }
    
    table.restables-clone {
        display: table;
    }
    table.restables-clone tbody:nth-child(2n) td {
      background-color: #eee;
    }

    table.restables-clone tbody tr:first-child td {
      border-top: 1px solid #aaa;
    }

     div.top-a ul.mod-menu.title_links {
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-auto-flow: unset;
     }     
}

/*
@media only screen and (max-width: 992px) {
        table {
		border-width: 0px !important;
	}
	table th td tr thead tbody {
		border-width: 0px !important;
	        display: block !important;
	}
	thead tr { 
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}
	
	tr {
		border: 1px solid #ccc !important; 
	}

	td {
		border: none !important;
		position: relative !important;
		padding-left: 30% !important; 
		height: unset !important;
		width: unset !important;
		display: block !important;
    margin: 0;
  }

	td:before { 
		position: absolute !important;
		left: 6px !important;
 		content: attr(data-th) ": ";
	}
	
	td:nth-of-type(1) { 
		margin-top: 10px !important;
		padding-top: 10px !important;
		border-top: 1px solid #c2c2c2 !important;
	}

}
*/
@media (max-width: 992px) {
  div.top-a div.card-body {
    margin: auto 4%;
    padding: 0;
  }

  div.top-a.card {
    margin: 5% auto;
    width: 100%;
  }

  div.top-a ul.mod-menu li a {
    font-size: 13px;
  }

  div.top-a ul.mod-menu, div.top-a ul.mod-menu.title_links, div.top-b.news_links ul.mod-list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: unset;
  }

  div.top-b.news_links ul.mod-list {
    grid-template-columns: 1fr 1fr;
    margin: auto 8%;
  }

  div.top-a ul.mod-menu.title_links {
    margin-top: 0;
  }

  div.top-a ul.mod-menu li.nav-item {
    border-right: 1px solid var(--top-menu-border) !important;
    border-bottom: 1px solid var(--top-menu-border) !important;
    border-radius: 0 !important;
  }

  div.top-a ul.mod-menu li.nav-item:nth-child(1) {
    border-top-left-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu li.nav-item:nth-child(3) {
    border-top-right-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 3):nth-child(3n + 1) {
    border-bottom-left-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu li.nav-item:nth-child(3n) {
    border-right: 0px !important;
  }

  div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 3):nth-child(3n + 1), div.top-a ul.mod-menu li.nav-item:nth-last-child(-n + 3):nth-child(3n + 1) ~ li {
    border-bottom: 0px !important;
  }

  div.top-a ul.mod-menu li.nav-item:nth-last-child(1):nth-child(3n) {
    border-bottom-right-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu.title_links li.nav-item:nth-child(n), div.top-b.news_links ul.mod-list li.nav-item:nth-child(n) {
    margin-top: 1em;
    border: 0 !important;
    border-radius: 0 !important;
  }

}

@media (max-width: 768px) {
  div.container-nav ul.mod-menu {
    font-size: 12px;
  }

  div.top-a.card {
    margin: 5% auto;
  }

  div.top-a ul.mod-menu li a {
    font-size: 12px;
  }

  div.top-a ul.mod-menu, div.top-a ul.mod-menu.title_links {
    grid-template-columns: 1fr;
  }

  div.top-b.news_links ul.mod-list {
    grid-template-columns: 1fr;
    margin: auto 5%;
  }

  div.top-a ul.mod-menu.title_links li {
    margin: auto 10px;
  }

  div.top-a ul.mod-menu.title_links li.nav-item:nth-child(n) {
    border-radius: 3px !important;
  }

  div.top-a ul.mod-menu li.nav-item {
    height: unset;
  }

/*
  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-child(n) {
    border-right: 1px solid var(--top-menu-border) !important;
    border-bottom: 1px solid var(--top-menu-border) !important;
    border-radius: 0 !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-child(2n):nth-last-child(-n+2):nth-child(2n + 1) {
    border-right: 0 !important;
    border-bottom: 1px solid var(--top-menu-border) !important;
    border-radius: 0 !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-child(1) {
    border-top-left-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-child(2) {
    border-top-right-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-last-child(-n + 2):nth-child(2n + 1) {
    border-bottom-left-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-child(2n) {
    border-right: 0px !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-last-child(1):nth-child(2n) {
    border-bottom-right-radius: var(--top-menu-radius) !important;
  }

  div.top-a ul.mod-menu.mod-list.nav li.nav-item:nth-last-child(1):nth-child(2n+1) {
    border-radius: 0 !important;
  }

  div.top-a ul.mod-menu.title_links li.nav-item:nth-child(n), div.top-b.news_links ul.mod-list li.nav-item:nth-child(n) {
    margin-top: 1em;
    border: 0 !important;
    border-radius: 0 !important;
  }
  */

}

@media (max-width: 768px) {
  form.form div.form_simple, form.form div.form_extended.show {
    display: contents !important;
    grid-template-columns:1fr !important;
  }

  form.form div.form_extended div.field.holder {
    grid-column: 1;
  }

  form.form div.form_extended div.opl_subcontainer div.field.holder {
    grid-column: unset;
  }

  form.form div.form_buttons {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 20px;
  }

  form.form div.field.holder.checkbox_group div.checkbox_group {
    display: grid !important;
  }

  form.form div.checkbox_group.field.holder {
    padding-left: 20px;
  }

  form.form div.checkbox_group.field.holder div.checkbox label:before {
    left: -10px;
    top: -5px;
  }

  form.form div.form_buttons button {
    justify-self: center !important;
    margin-bottom: 1em;
  }

  div.top-a ul.mod-menu.title_links li {
    width: unset;
    margin: auto 10px;
  }

  div.top-a ul.mod-menu.title_links li a {
/*
    margin-top: -30px;
    height: 4.4em;
*/
    padding: 18px;
  }

  div.top-a ul.mod-menu.title_links li a::after {
    top: 22px;
    right: 5%;
    left: unset;
  }

  div.top-a ul.mod-menu.title_links li a {
    min-height: 0px !important;
    overflow-y: hidden;
    white-space: break-spaces;
  }

}

@media (max-width: 540px) {
  div.container-nav ul.mod-menu {
    font-size: 11px;
  }

  div.container-nav ul.mod-menu li.nav-item, div.container-nav ul.mod-menu li.nav-item.active {
    padding-left: 5px;
    padding-right: 5px;
  }

  form.form div.field.holder div.checkbox label:before {
    margin-top: 10px;
  }

  form div.vlp_reg_package {
    grid-template-columns: 1fr !important;
  }

  form div.vlp_reg_package div.field.holder:first-child {
    margin-right: 0px;
  }

}

@media (max-width: 992px) {
  body div.site-grid div.container-component {
    width: 100%;
   margin-left: 0%;
  }
}

div.navbar-brand a.brand-logo {
  font-size: 12px;
  display: block;
}

div.navbar-brand a.brand-logo img {
  width: 420px;
  margin: -40px;
}

html[lang='en-gb'] div.navbar-brand img {
  content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/logo-full-en.svg);
}

html[lang='cs-cz'] div.navbar-brand img {
  content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/logo-full-cs.svg);
}

@media (max-width: 768px) {
  form.js-finder-searchform {
    float: none;
  }
}

@media (max-width: 540px) {
  form.js-finder-searchform {
  }

  header.container-header div.navbar-brand {
  }

  div.navbar-brand a.brand-logo img {
/*
    width: 480px;
    margin: -10px;
    margin-left: -50px;
    padding-top: 20px;
*/
    width: 350px;
  }

  html[lang='en-gb'] div.navbar-brand img {
    content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/logo-small-horizontal.svg);
  }

  html[lang='cs-cz'] div.navbar-brand img {
    content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/logo-small-horizontal.svg);
  }
}

/* safari */
@media not all and (min-resolution:.001dpcm) { @media {
  form.nui.form {
    opacity: 1;
  }
  div#spinner {
    display: none;
  }
  form div.field.holder.opl_type {
    display: block;
  }
  
  form.form  div.field.holder {
    padding-left: 0px;
  }

  form.form  div.field.holder div.checkbox label:before {
    display: none;
  }

  form.form  div.field.holder input.hidden {
    display: block !important;
    visibility: visible;
    width: 20px;
    height: 20px;
    position: unset;
    float: left;
  }

  form.form div.field.holder div.checkbox label {
    left: 5px;
  }
/*
  form.form  div.checkbox_group.field.holder div.checkbox label:before {
    margin-left: 40px;
    left: -30px;
    top: 0px;
  }
*/  
}}

/* tables */
table, table.nui.table {
  font-style: normal;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 18px;
  border: 0;
}

table td, table.nui.table td {
  border: 0;
  border-bottom: 1px solid var(--table-border-grey);
}

table tr td, table tr th, table thead tr td, table.nui.table tr td, table.nui.table tr th, table.nui.table thead tr td {
  border-left: 0;
  border-left-width: 0px;
  border-right: 0;
  padding: 17px 0px 17px 20px;
  max-width: 600px;
}

table tr td a, table.nui.table tr td a {
  color: #000;
  text-decoration: underline;
}

table tr th, table thead tr td, table.nui.table tr th, table.nui.table thead tr td  {
  background-color: var(--uskvbl-blue-dark) !important;
  color: #fff !important;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 500;
}

table tr th:last-child, table thead tr td:last-child, table.nui.table tr th:last-child, table.nui.table thead tr td:last-child {
  padding-right: 1em;
}

table tr th a, table thead tr td a, table.nui.table tr th a, table.nui.table thead tr td a {
  color: #fff;
}

form.com-content-category__articles {
  position: relative;
  margin-bottom: 70px;
}

form.com-content-category__articles table {
  border-spacing: 0px 15px;
  border-collapse: separate;
  margin-top: -1em;
}

form.com-content-category__articles table tr:nth-of-type(2n+1) > * {
  --table-bg-type: #fff;
}

form.com-content-category__articles table th, form.com-content-category__articles table td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 14px;
  font-size: 13px;
}

form.com-content-category__articles table th {
  border-left: 1px solid #ddd;
  padding-left: 20px;
  background: none !important;
}
  
form.com-content-category__articles table td {
  border-right: 1px solid #ddd;
  text-align: right;
  padding-right: 20px;
  background: none !important;
}

form.com-content-category__articles a {
  color: #000;
  font-weight: 400;
  text-transform: none;
}

div.com-content-category__pagination.btn-group {
  position: absolute;
  right: 0;
  bottom: -70px;
}

div.com-content-category__pagination.btn-group .form-select {
  border: 0;
  box-shadow: 0 2px 5px 1px #ddd;
  background-color: #fff;
  font-family: 'Roboto';
}

div.com-content-category__pagination.btn-group .form-select option {
  font-family: sans-serif, system-ui;
}

div.com-content-category__navigation p.com-content-category__counter {
  display: none;
}

div.com-content-category__navigation div.com-content-category__pagination {
  position: absolute;
  left: 0;
  bottom: -92px;
}

div.com-content-category__navigation ul li:first-child, div.com-content-category__navigation ul li:last-child {
  display: none;
}

.page-item .page-link {
  padding: 11px 18px;
  margin: 0 6px;
  border-radius: 3px;
  border: 0;
  box-shadow: 0 2px 5px 1px #ddd;
  /*  --pagination-border-color */
}

.pagination .active > .page-link {
  color: #fff;
  background-color: var(--uskvbl-blue);
  border-color: var(--uskvbl-blue);
}

.pagination .disabled > .page-link {
  background-color: #fff;
  color: #a6a6a6;
}

.pagination .page-item > .page-link:hover {
  background-color: var(--uskvbl-blue-light-second);
  border-color: var(--uskvbl-blue-light-second);
  color: #fff;
}

.pagination .page-item:nth-child(2) {
  margin-right: 6px;
}

.pagination .page-item:nth-last-child(2) {
  margin-left: 6px;
}  

/* article styles */
div.container-component h1, div.container-component h2, div.container-component h3, div.container-component h4, div.container-component h5 {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  color: #1C1C1C;
}

div.container-component h1 {
  font-size: 28px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 1em;
  margin-top: 0.5em;
}

div.container-component .news_links h1, div.container-component .notification_links h1 {
  margin-top: 0;
}

div.container-component h2 {
  font-size: 24px;
  line-height: 30px;
}

div.container-component h3 {
  font-size: 20px;
  line-height: 28px;
}

div.container-component h4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 26px;
}

div.container-component h5 {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}

div.com-content-article__body ol, div.com-content-article__body:not(:has(.top-a, .top-b))  ul {
  padding-left: 0rem;
}

div.com-content-article__body:not(:has(.top-a, .top-b)) li {
  list-style: none;
  position: relative;
  margin-left: 2.5rem;
  margin-top: 8px;
  padding-left: 0rem;
}  

div.com-content-article__body:not(:has(.top-a, .top-b)) li:first-child {
  margin-top: 0px;
}

div.com-content-article__body:not(:has(.top-a, .top-b)) li ul li:first-child,
div.com-content-article__body:not(:has(.top-a, .top-b)) li ol li:first-child
{
  margin-top: 8px;
}

div.com-content-article__body:not(:has(.top-a, .top-b)) li::before {
  position: absolute;
  width: 12px;
  height: 2px;
  left: -30px;
  top: 11px;
  color: var(--uskvbl-blue);
  content: "";
  border: 1px solid;
}

div.com-content-article__body:not(:has(.top-a, .top-b)) li > ul > li::before {
  border: 3px solid;
  border-radius: 20px;
  width: 5px;
  height: 5px;
  top: 8px;
}

@counter-style alphas {
  system: cyclic;
  symbols: a b c d e f g h i j k l m n o p q r s t u v w x y z;
  suffix: " ";
}

@counter-style nums {
  system: fixed;
  symbols: "1" ;
  suffix: " ";
}

div.com-content-article__body:not(:has(.top-a, .top-b))  ol li {
  list-style: nums;
  padding-left: 1rem;
  margin-left: 1.5rem !important;
}

div.com-content-article__body:not(:has(.top-a, .top-b))  ol li::before {
  content: unset;
}

div.com-content-article__body:not(:has(.top-a, .top-b))  ol li::marker {
  font-weight: 900;
  font-size: 15px;
  line-height: 22px;
  color: var(--uskvbl-blue);
}

div.com-content-article__body:not(:has(.top-a, .top-b))  li > ol > li {
  list-style: alphas;
}

div.com-content-article__body:not(:has(.top-a, .top-b))  li > ol > li::marker {
  color: #000;
}

@media not all and (min-resolution:.001dpcm) { 
  @media {
    div.com-content-article__body:not(:has(.top-a, .top-b))  ol li {
      list-style: decimal;
      margin-left: 0.5em;
    }

    div.com-content-article__body:not(:has(.top-a, .top-b))  li > ol > li {
      list-style: lower-latin;
    }
  }
}

/* hover, active, focus */

/* form buttons */
button.nui.uskvbl_blue:hover {
  background-color: var(--uskvbl-blue-light-second);
  color: #fff;
}

button.nui.uskvbl_blue:active {
  background-color: var(--uskvbl-blue-very-dark);
}

button.nui.uskvbl_blue:focus-visible {
  border: 2px solid #fff !important;
  outline: 2px solid var(--uskvbl-blue);
}

button.nui.uskvbl_white[type="reset"] {
  border-color: var(--uskvbl-blue);
}

button.nui.uskvbl_white[type="reset"]:hover {
  background-color: var(--uskvbl-blue-light);
  color: var(--uskvbl-blue-light-second); 
}

button.nui.uskvbl_white:active {
}

button.nui.uskvbl_white[type="reset"]:focus-visible {
  border: 2px solid #fff !important;
  outline: 2px solid var(--uskvbl-blue);
}

/* breadcrumb */
ol.breadcrumb li.breadcrumb-item a:hover {
  color: var(--uskvbl-blue-light-second);
  text-decoration: none;
}

ol.breadcrumb li.breadcrumb-item a:active {
  color: var(--uskvbl-blue-very-dark);
}

ol.breadcrumb li.breadcrumb-item a:focus-visible {
  border: 2px solid #fff !important;
  outline: 2px solid var(--uskvbl-blue);
}

ol.breadcrumb li.float-start span.icon-home {
  margin-left: -10px;
  color: #686868;
}

/* search and language */
form.js-finder-searchform div.input-group:hover input, form.js-finder-searchform div.input-group:hover button {
  background-color: var(--uskvbl-blue-light);
  transition: none;
}

form.js-finder-searchform div.input-group:hover button span {
  background-color: var(--uskvbl-blue-light-second);
  border-color: var(--uskvbl-blue-light-second);
  transition: none;
}

form.js-finder-searchform div.input-group:focus-within {
  border: 2px solid var(--uskvbl-blue);
  box-shadow: 0 0 0 2px #fff;
  border-radius: 5px;
  transition: none;
}

form.js-finder-searchform div.input-group input.js-finder-search-query.form-control:focus {
  border: 0;
  box-shadow: unset;
  transition: none;
}

form.js-finder-searchform div.input-group:focus-within button {
  border: 0;
  box-shadow: unset;
  transition: none;
}

form.js-finder-searchform div.input-group button:active {
  background-color: var(--uskvbl-blue-light);
}

form.js-finder-searchform div.input-group button:active span {
  background-color: var(--uskvbl-blue-very-dark);
  border-color: var(--uskvbl-blue-very-dark);
}

/* main page */
div.top-a ul.mod-menu.mod-list.nav.title_links li:hover {
  background-color: #fff;
}

div.top-a ul.mod-menu.mod-list.nav.title_links li:hover a {
  color: var(--uskvbl-blue-light-second);
}

div.top-a ul.mod-menu.mod-list.nav.title_links li:active a {
  color: var(--uskvbl-blue-very-dark);
}

div.top-a ul.mod-menu.mod-list.nav.title_links li:focus-within a:focus-visible {
  outline: 2px solid var(--uskvbl-blue); 
}

div.container-nav ul.mod-menu li.nav-item a:active{
  outline: 0;
  box-shadow: none;
  color: #eee;
}

div.container-nav ul.mod-menu li.nav-item a:focus-visible {
  outline: 0;
  box-shadow: 0px 2px #fff;
}

div.container-nav ul.mod-menu li.nav-item a:active {
  outline: 0;
  box-shadow: none
}

div.navbar-brand a:focus-visible {
  outline: 2px solid #fff; 
}

article.mod-articles-item a.mod-articles-link:hover {
  color: #000;
  text-decoration: none;
}

article.mod-articles-item a.mod-articles-link:active {
  color: var(--uskvbl-blue-very-dark);
}

article.mod-articles-item a.mod-articles-link:focus-visible {
  outline: 0;
  text-decoration: underline 2px;
}

article.mod-articles-item p.readmore:hover a.btn {
  background: none;
  color: var(--uskvbl-blue-light-second);
  text-decoration: none;
}

article.mod-articles-item p.readmore:focus-within a.btn:focus-visible {
  outline: 0;
  background: none;
  box-shadow: none;
  text-decoration: underline 2px;
}

article.mod-articles-item p.readmore a.btn:active {
  color: var(--uskvbl-blue-very-dark);
  background: none;
}

div.news_links a.title_button:hover button, div.notification_links a.title_button:hover button {
  background-color: var(--uskvbl-blue-light);
}

div.news_links a.title_button:active button, div.notification_links a.title_button:active button {
}

div.news_links a.title_button button:focus-visible, div.notification_links a.title_button button:focus-visible {
  border: 2px solid #fff;
  outline: 2px solid var(--uskvbl-blue);
}

article.mod-articles-item a.mod-articles-link:active {
  color: var(--uskvbl-blue-very-dark);
}

/* footer */
div.footer-col a:hover {
  text-decoration: none;
}

a#back-top:hover {
  background-color: var(--uskvbl-blue-dark-second);
  border-color: #fff;
}

div.footer-col a:active {
  color: #fff !important;
}

a#back-top:active {
  background-color: var(--uskvbl-blue-dark);
  border-color: #fff;
}

div.footer-col a:focus-visible {
  outline: 0;
  border-bottom: 2px solid #fff;
}

a#back-top:focus-visible {
  background-color: var(--uskvbl-blue-dark);
  border: 2px solid #88e2fe;
  outline: 2px solid #fff;
}

/* left sidebar */
div.sidebar-left ul.mod-menu.mod-list li.nav-item:hover a {
  color: var(--uskvbl-blue-light-second);
  text-decoration: none;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active:hover {
  background-color: var(--uskvbl-blue-light-second);
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active:hover a {
  color: #fff;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active:hover ul.mod-menu__sub li.nav-item a {
  color: #000;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active ul.mod-menu__sub li.nav-item:hover {
  background: var(--uskvbl-blue-light-fourth);
}  

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active ul.mod-menu__sub li.nav-item:hover a {
  color: var(--uskvbl-blue-very-dark);
  text-decoration: none;
}

/*
div.sidebar-left ul.mod-menu.mod-list li.nav-item a:active {
  color: #fff;
  text-decoration: none;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active:active {
  background-color: var(--uskvbl-blue-very-dark);
}

div.sidebar-left ul.mod-menu li.nav-item ul.mod-menu__sub li.nav-item.active:active {
  background: var(--gov-blue);
}  

div.sidebar-left ul.mod-menu li.nav-item ul.mod-menu__sub li.nav-item a:active {
  color: #000;
}  
*/
div.sidebar-left ul.mod-menu.mod-list li.nav-item a:focus-visible {
  outline: 0;
  text-decoration: underline 2px;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active.deeper:focus-within a:focus-visible, div.sidebar-left ul.mod-menu.mod-list li.nav-item.active a:focus-visible:after {
  outline: 0;
  text-decoration: underline 2px;
}

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active.deeper:focus-within ul.mod-menu__sub li.nav-item a {
  text-decoration: none;
}  

div.sidebar-left ul.mod-menu.mod-list li.nav-item.active.deeper:focus-within ul.mod-menu__sub li.nav-item a:focus-visible {
  text-decoration: underline 2px;
} 

/* attachments */ 
div.attachmentsContainer div.tile-attachments div.row div.at_filename a.at_url:hover {
  color: var(--uskvbl-blue-light-second);
  text-decoration: none;
}

div.attachmentsContainer div.tile-attachments div.row div.at_filename a.at_url:active {
  color: var(--uskvbl-blue-very-dark);
  text-decoration: none;
}

div.attachmentsContainer div.tile-attachments div.row:focus-within {
  outline: 2px solid var(--uskvbl-blue);
}

div.attachmentsContainer div.tile-attachments div.row:focus-within a:focus-visible {
  outline: 0;
}

div.attachmentsContainer div.tile-attachments:hover div.attachmentsSearch input {
  background-color: var(--uskvbl-blue-light);
}

div.attachmentsContainer div.tile-attachments:hover div.attachmentsSearchIcon {
  background-color: var(--uskvbl-blue-light);
}

div.attachmentsContainer div.tile-attachments div.attachmentsSearch:focus-within + div.attachmentsSearchIcon {
  box-shadow: 2px 0px 0px 0px var(--uskvbl-blue), 0px 2px 0px 0px var(--uskvbl-blue), 0px -2px 0px 0px var(--uskvbl-blue);
}

div.attachmentsContainer div.tile-attachments:focus-within div.attachmentsSearch input:focus-visible {
  outline: 2px solid var(--uskvbl-blue);
}  

/* forms */
form.form div.field.holder input[type]:hover, form.form div.field.holder div.select:hover  {
  background-color: var(--uskvbl-blue-light);
}

form div.slider_checkbox:hover div.slider_label {
  color: var(--uskvbl-blue-light-second);
}

/*
form div.slider_checkbox:hover span.slider {
  background-color: var(--uskvbl-blue-light);
}
*/

form.form div.field.holder div.multiple a.custom_option:hover {
  background-color: #fff;
}

form.form div.field.holder div.checkbox:hover label::before {
  background-color: var(--uskvbl-blue-light) !important;
}

form.form div.field.holder div.checkbox.checked:hover label::before {
  background-color: var(--uskvbl-blue-light-second) !important;
}

form.form a.form_switch:hover {
  color: var(--uskvbl-blue-light-second);
}

form.form div.field.holder input[type]:active form.form div.field.holder div.select:active, form div.slider_switch:active {
  background-color: #fff;
}

form div.slider_checkbox:active div.slider_label {
  color: var(--uskvbl-blue-very-dark);
}

form div.slider_checkbox:active span.slider {
  background-color: var(--uskvbl-blue-very-dark);
}

form.form div.field.holder div.multiple a.custom_option:active {
  color: var(--uskvbl-blue-very-dark);
}

form.form div.field.holder div.checkbox:active label::before {
  border-color: var(--uskvbl-blue-very-dark) !important;
}

form.form div.field.holder div.checkbox.checked:active label::before {
  background-color: var(--uskvbl-blue-very-dark) !important;
}

form.form a.form_switch:active {
  color: var(--uskvbl-blue-very-dark);
}

form.form div.field.holder input[type]:focus-visible, form.form div.field.holder div.select:focus-within {
  border: 2px solid #fff !important;
  outline: 2px solid var(--uskvbl-blue);
}

form div.slider_checkbox div.slider_label:has(+ div.slider_switch input:focus-visible) {
  outline: 2px solid var(--uskvbl-blue);
}

form.form div.field.holder div.checkbox:has(:focus-visible) {
  outline: 2px solid var(--uskvbl-blue);
}

form.form a.form_switch:focus-visible {
  outline: 2px solid var(--uskvbl-blue);
}

/* admin forms */
form#adminForm .btn-primary, form#com-users-login__form .btn-primary {
  background-color: var(--uskvbl-blue-very-dark);
  border: 2px solid var(--uskvbl-blue-light-third);
  color: #fff;
}

form#adminForm .btn-primary:hover, form#com-users-login__form .btn-primary:hover {
  background-color: var(--uskvbl-blue);
}


div.navbar_link {
  display: none;
}

div.sidebar-left:has(ul#navbar) {
  display: none;
}

/* mobile navbar */
@media (max-width: 768px) {
  div.sidebar-left {
    display: none;
  }

  div.grid-child.container-nav {
    display: none;
  }

  body.white {
    background: #fff !important;
  }

  header.white {
    position: fixed !important;
    background: #fff !important;
    right: 0;
    left: 0;
    height: 150px;
    border-bottom: 1px solid #ddd;
  }

  div.navbar_link.black, div.navbar_link.black a {
    color: #000;
    margin-right: 8px;
  }

  html div.navbar-brand img.black {
    content:url(https://wwwtest.uskvbl.cz/media/templates/site/cassiopeia/images/logo-small-black.svg);
    width: 300px;
    margin-left: -30px;
    margin-top: -40px;
  }
  
  .container-sidebar-left div.sidebar-left:has(ul.navbar) {
    margin-left: -1em;
    margin-right: -1em;
    box-shadow: unset !important;
    margin-top: 150px;
  }

/*  .sidebar-left.card:not(:has(ul#navbar)) {
    display: none;
  }
  */
  div.sidebar-left ul.navbar.mod-menu li.nav-item {
      width: 100%;
  }

  div.sidebar-left ul.navbar.mod-menu li.nav-item ul.mod-menu__sub li ul li {
    margin-left: -12px;
    margin-right: -10px;
  }

  div.sidebar-left ul.navbar.mod-menu li.nav-item ul.mod-menu__sub li ul li ul {
    margin-left: -34px;
    margin-right: -10px;
  }

  div.sidebar-left ul.navbar.mod-menu li, div.sidebar-left ul.navbar.mod-menu ul {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  div.sidebar-left ul.navbar.mod-menu.mod-list li.nav-item.parent a::after {
    right: 30px;
  }

  div.sidebar-left ul.navbar.mod-menu {
    margin-right: -12px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li {
    padding-left: 12px !important;
    border-radius: 0px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul {
    margin-right: -12px !important;
    margin-bottom: -4px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul li {
    padding-left: 36px !important;
    margin-left: -12px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul li ul {
    margin-right: -36px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul li ul li {
    margin-left: -36px !important;
    padding-left: 54px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul li ul li.active {
    background-color: var(--uskvbl-blue-light) !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul li ul li ul {
    margin-right: -54px !important;
  }

  div.sidebar-left ul.navbar.mod-menu li ul li ul li ul li {
    margin-left: -54px !important;
    padding-left: 68px !important;
  }

  div.navbar_link {
    display: block;
    float: right;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-top: 18px;
    margin-right: 18px;
  }

  body.white div.navbar_link {
    margin-top: 4px;
  }

  div.navbar_link i.fa-xmark, div.navbar_link i.fa-bars {
    font-size: 38px;
    margin-left: 10px;
    margin-top: 5px;
  }

  div.navbar_link a i.fa-xmark {
    display: none;
  }

  div.navbar_link div.link_menu {
    float: right;
  }

  div.navbar_link div.menu {
    float: left;
    margin-top: 14px;
    font-size: 14px;
    font-weight: 500;
  }
  
  div.mod-languages, form.mod-finder {
    display: none;
  }

  body.white div.mod-languages, body.white form.mod-finder {
    display: block;
  }

  body.white a#back-top {
    display: none;
  }

  body.white div.mod-languages {
    border: 1px solid var(--uskvbl-blue-light);
    border-radius: 5px;
    position: absolute;
/*    right: calc((100vw/2) - 42px); */
    right: 120px;
    top: 15px;
  }

  body.white div.mod-languages button, div.mod-languages div.mod-languages__select button.btn-secondary:focus {
    color: black;
  }

  body.white form.mod-finder {
    position: absolute;
    left: 20px;
    top: 85px;
    width: calc(100vw - 40px);
  }

  body.white form.mod-finder div.mod-finder__search div, body.white form.mod-finder div.input-group input {
    width: 100%;
    max-width: 100%;
  }

  body.white form.mod-finder input, body.white form.mod-finder button {
    background-color: #f2f2f2;
  }

  div.container-below-top {
    margin-top: 0;
    margin-left: -50px;
  }

  div.com-content-article.item-page div.moduletable {
    padding-left: 0;
  }

  div.com-content-article.item-page div.moduletable ul.mod-menu {
    grid-auto-flow: unset;
  }

  div.com-content-article.item-page div.moduletable ul.mod-menu li {
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
}

@media (max-width: 400px) {
  body.white div.mod-languages {
   right: calc((100vw/2) - 62px);
  }

  div.navbar_link.black, div.navbar_link.black a {
  }
}