:root {
  --default-menu-background-color: #EEF0F4;
  --default-menu-item-font-color: #0A285C;
  --default-menu-item-selected-font-color: #0A285C;
  --default-menu-item-active-font-color: #0A285C;
  --default-menu-item-active-font-weight: bold;
  --default-menu-item-active-background-color: white;
  --default-menu-item-selected-background-color: white;
  --default-menu-item-sublevel-icon-visibility: hidden;
  --default-header-background-color: #245375;
  --default-header-height: 80px;
  --default-header-menu-item-background-color: transparent;
  --default-header-menu-item-font-color: white;
  --default-header-menu-item-active-font-color: white;
  --default-header-menu-item-active-background-color: #306f9c;
  --default-font-color: #0A285C;
  --default-icon-color: #135EE2;
  --default-table-header-font-color: #527090;
  --default-anchor-color: #0A285C;
  --default-anchor-active-color: #0A285C;
  --default-menu-arrow-font-color: #A3B5C8;
  --default-menu-arrow-font-weight: bold;
  --default-form-panel-heading-font-color: #0A285C;
  --default-form-panel-heading-font-weight: bold;
  --default-form-panel-heading-text-transform: initial;
  --default-form-panel-heading-background-color: transparent;
  --default-amcdatagrid-header-font-color: #527090;
  --default-amcdatagrid-header-font-weight: bold;
  --default-amcdatagrid-header-background-color: #EEF0F4;
  --default-amcdatagrid-header-padding-leftRight: 10px;
  --default-amcdatagrid-header-padding-topBottom: 14px;
  --default-amcdatagrid-item-padding-leftRight: 8px;
  --default-amcdatagrid-item-padding-topBottom: 10px;
  --default-amcdatagrid-item-font-color: #527090;
  --default-form-formrow-leftcell-mandatory-font-color: tomato;
  --default-form-formrow-leftcell-mandatory-font-weight: bold;
  --default-form-formrow-leftcell-font-weight: bold;
  --default-form-formrow-leftcell-mandatory-after: '*';
  --default-form-button-primary-font-color: white;
  --default-form-button-primary-font-weight: normal;
  --default-form-button-primary-background-color: #245375;
  --default-form-button-primary-border-color: #245375;
  --default-form-button-primary-active-font-color: white;
  --default-form-button-primary-active-font-weight: normal;
  --default-form-button-primary-active-background-color: #306f9c;
  --default-form-button-primary-active-border-color: #306f9c;
  --default-form-button-default-font-color: #28293D;
  --default-form-button-default-font-weight: normal;
  --default-form-button-default-background-color: #fff;
  --default-form-button-default-border-color: #ccc;
  --default-form-button-default-active-font-color: #28293D;
  --default-form-button-default-active-font-weight: normal;
  --default-form-button-default-active-background-color: #ccc;
  --default-form-button-default-active-border-color: #ccc;
}

@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900; /* celư rozsah */
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
}

body {
  background-color: transparent;
  color: var(--default-font-color);
  font-family: 'Inter', sans-serif;
}

a {
  color: var(--default-anchor-color);
}

  a:hover, a:focus, a.active {
    color: var(--default-anchor-active-color);
  }

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  background: var(--default-form-button-primary-background-color);
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  background: var(--default-form-button-primary-background-color);
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  background-color: var(--default-anchor-active-color);
}

.panel-decription {
  color: var(--default-form-panel-heading-font-color);
}

#side-menu a {
  color: var(--default-menu-item-font-color);
}

#wrapper {
  background-color: var(--default-menu-background-color);
}

.navbar-default {
  background-color: var(--default-menu-background-color);
}
/*286090, 337ab7*/
.webformpanel > .webformpanel-heading,
.amcwebform > .amcwebform-col > .panel > .panel-heading {
  color: var(--default-font-color);
}



  .webformpanel > .webformpanel-heading > h3,
  .webformpanel-heading > h3,
  .webformpanel > .webformpanel-heading > h4,
  .webformpanel-heading > h4,
  .webformpanel-title,
  .amcwebform > .amcwebform-col > .panel > .panel-heading > h3,
  .amcwebform > .amcwebform-col > .panel > .panel-heading > h4,
  .amcwebform > .amcwebform-col > .panel > .panel-heading > .panel-title,
  .amcwebform > .amcwebform-col > .panel > .panel-heading,
  .webform-panel-title,
  .login-panel .panel-title {
    text-transform: var(--default-form-panel-heading-text-transform);
    background-color: var(--default-form-panel-heading-background-color);
    font-weight: var(--default-form-panel-heading-font-weight);
  }


/*TABLE*/

.amcdatagrid .amcdatagrid-headertop > td, .amcdatagrid .amcdatagrid-header > td {
  background-color: var(--default-amcdatagrid-header-background-color);
  color: var(--default-amcdatagrid-header-font-color);
  padding-left: var(--default-amcdatagrid-header-padding-leftRight);
  padding-right: var(--default-amcdatagrid-header-padding-leftRight);
  padding-top: var(--default-amcdatagrid-header-padding-topBottom);
  padding-bottom: var(--default-amcdatagrid-header-padding-topBottom);
  font-weight: var(--default-amcdatagrid-header-font-weight);
}

.amcdatagrid > thead > tr > th,
.amcdatagrid > tbody > tr > th,
.amcdatagrid > tfoot > tr > th,
.amcdatagrid > thead > tr > td,
.amcdatagrid > tbody > tr > td,
.amcdatagrid > tfoot > tr > td {
  padding-left: var(--default-amcdatagrid-item-padding-leftRight);
  padding-right: var(--default-amcdatagrid-item-padding-leftRight);
  padding-top: var(--default-amcdatagrid-item-padding-topBottom);
  padding-bottom: var(--default-amcdatagrid-item-padding-topBottom);
  color: var(--default-amcdatagrid-item-font-color);
}

  .amcdatagrid > tbody > tr > td a {
    background-color: #f5f5f5;
    color: var(--default-font-color);
    font-weight: 600;
    border-radius: 3px;
    xpadding: 2px 4px;
    line-height: 1.2em;
    xtext-decoration: none;
  }

/*TABLE*/

/*NAVBARTOP*/

.navbar-static-top {
  background-color: var(--default-header-background-color);
}

#navbartoprightUserInfo {
  color: var(--default-header-menu-item-font-color);
}

#navbartoprightUserMenu > a > i,
#navbartoprightLogoutButton > a > i,
#navbarSmallScreenUserMenu > a > i {
  color: var(--default-header-menu-item-font-color);
}

#navbartoprightUserMenu > a:hover,
#navbartoprightUserMenu > a:focus,
#navbartoprightLogoutButton > a:hover,
#navbartoprightLogoutButton > a:focus,
#navbarSmallScreenUserMenu > a:hover,
#navbarSmallScreenUserMenu > a:focus {
  background-color: var(--default-header-menu-item-active-background-color);
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: var(--default-header-menu-item-font-color);
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: var(--default-header-menu-item-active-background-color);
}

@media (max-width: 768px) {
  #wrapper #logoclientrightMobile {
    display: none;
    width: initial;
  }

  #navbartopright {
    margin-top: 0px;
  }
}

/*LOGO*/


#navbartoprightUserInfo {
  line-height: var(--default-header-height);
}


.navbar-brand > img {
  max-height: initial;
  height: 100%;
  padding-top: calc(var(--default-header-height)/6);
  padding-bottom: calc(var(--default-header-height)/6);
  padding-left: calc(var(--default-header-height)/4);
}


.navbar-brand {
  line-height: initial;
  height: var(--default-header-height);
  padding: 0px 0px 0px 0px;
}

@media (max-width: 768px) {
  a.navbar-brand {
    display: block;
    width: initial;
  }
}


@media (max-width: 768px) {
  a.navbar-brand > img {
    max-width: initial;
    height: 100%;
  }
}

/*LOGO*/

/*NAVBARTOP*/

/*GLOBAL*/

body {
  color: var(--default-font-color);
}

.btn-primary {
  color: var(--default-form-button-primary-font-color);
  font-weight: var(--default-form-button-primary-font-weight);
  background-color: var(--default-form-button-primary-background-color);
  border-color: var(--default-form-button-primary-border-color);
}

.btn-default {
  color: var(--default-form-button-default-font-color);
  font-weight: var(--default-form-button-default-font-weight);
  background-color: var(--default-form-button-default-background-color);
  border-color: var(--default-form-button-default-border-color);
}

.btn-primary:focus,
.btn-primary.focus {
  color: var(--default-form-button-primary-active-font-color);
  font-weight: var(--default-form-button-primary-active-font-weight);
  background-color: var(--default-form-button-primary-active-background-color);
  border-color: var(--default-form-button-primary-active-border-color);
}

.btn-primary:hover {
  color: var(--default-form-button-primary-active-font-color);
  font-weight: var(--default-form-button-primary-active-font-weight);
  background-color: var(--default-form-button-primary-active-background-color);
  border-color: var(--default-form-button-primary-active-border-color);
}

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: var(--default-form-button-primary-active-font-color);
  font-weight: var(--default-form-button-primary-active-font-weight);
  background-color: var(--default-form-button-primary-active-background-color);
  border-color: var(--default-form-button-primary-active-border-color);
}

.btn-default:focus,
.btn-default.focus {
  color: var(--default-form-button-default-active-font-color);
  font-weight: var(--default-form-button-default-active-font-weight);
  background-color: var(--default-form-button-default-active-background-color);
  border-color: var(--default-form-button-default-active-border-color);
}

.btn-default:hover {
  color: var(--default-form-button-default-active-font-color);
  font-weight: var(--default-form-button-default-active-font-weight);
  background-color: var(--default-form-button-default-active-background-color);
  border-color: var(--default-form-button-default-active-border-color);
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: var(--default-form-button-default-active-font-color);
  font-weight: var(--default-form-button-default-active-font-weight);
  background-color: var(--default-form-button-default-active-background-color);
  border-color: var(--default-form-button-default-active-border-color);
}

.nav-pills > li > a {
  color: var(--default-icon-color);
  font-weight: bold;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: var(--default-font-color);
  background-color: var(--default-menu-background-color);
}

.webformrow-leftcell, .form-horizontal .webformrow .webformrow-leftcell span {
  font-weight: var(--default-form-formrow-leftcell-font-weight);
}

.webcontrols-ui-row-leftcell-mandatory::after {
  content: var(--default-form-formrow-leftcell-mandatory-after);
}

.webcontrols-ui-row-leftcell-mandatory {
  font-weight: var(--default-form-formrow-leftcell-mandatory-font-weight);
  color: var(--default-form-formrow-leftcell-mandatory-font-color);
}

/*GLOBAL*/

/*HLAVNI MENU*/

#side-menu li.active > a {
  color: var(--default-menu-item-active-font-color);
  background-color: var(--default-menu-item-active-background-color);
}

#side-menu li a:hover,
#side-menu li a:focus,
#side-menu li a.active {
  background-color: var(--default-menu-item-selected-background-color);
  color: var(--default-menu-item-selected-font-color);
}

.sidebar ul li a.active,
#side-menu > li > a,
#side-menu li.active > a,
#side-menu li.active > a > span.arrow {
  font-weight: var(--default-menu-item-active-font-weight);
}

#side-menu.nav > li > ul.nav-second-level li span.menuitem-icon {
  visibility: var(--default-menu-item-sublevel-icon-visibility);
}

#side-menu.nav > li > ul.nav-second-level > li > a > span.menuitem-icon {
  visibility: visible;
}


#side-menu li a span.menuitem-icon i {
  color: var(--default-icon-color);
}

#side-menu li a {
  padding-left: 0px;
  border-radius: 8px;
  margin-left: 4px;
  padding: 8px 0px 8px 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-right: 4px;
}

#side-menu .nav-second-level li a {
  padding-left: 0px;
  margin-left: 14px;
}

#side-menu .nav-second-level li > ul > li > a {
  padding-left: 0px;
  margin-left: 24px;
}

#side-menu .nav-second-level li > ul > li > ul > li > a {
  padding-left: 0px;
  margin-left: 34px;
}

#side-menu .nav-second-level li > ul > li > ul > li > ul > li > a {
  padding-left: 0px;
  margin-left: 44px;
}

#side-menu.nav > li > ul.nav-second-level > li > a {
  padding-left: 0px;
  margin-left: 24px;
}

#side-menu.nav > li > ul.nav-second-level > li ul.nav-second-level li a {
  padding-left: 0px;
  margin-left: 32px
}

#side-menu.nav > li > ul.nav-second-level > li ul.nav-second-level > li ul.nav-second-level > li a {
  padding-left: 0px;
  margin-left: 40px
}

.sidebar .arrow {
  color: var(--default-menu-arrow-font-color);
  font-weight: var(--default-menu-arrow-font-weight);
}

.sidebar ul li {
  border-bottom: 1px solid var(--default-menu-background-color);
}

#side-menu .nav-second-level li:last-child {
  border-bottom: 1px solid var(--default-menu-background-color);
}

#sidebar-nav-close-button {
  color: var(--default-font-color);
}

/*HLAVNI*/

/*HEAD*/

.navbar-static-top {
  margin-bottom: 20px;
}

@media(max-width:768px) {
  .navbar-static-top {
    margin-bottom: 0px;
  }
}

/*HEAD*/
/*CONTENT*/
#page-wrapper {
  border: 4px solid transparent;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  margin-right: 4px;
}

body.standalonepage #page-wrapper {
  border: 0px none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  margin-right: 0px;
}

@media(max-width:768px) {
  #page-wrapper {
    border: 0px none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-right: 0px;
  }
}

/*CONTENT*/

/*TILEROUNDMENU*/

.tileRoundMenu > .cell .inner-icon {
  color: var(--default-icon-color);
}

.tileRoundMenu > .cell > .inner > .inner-icon img {
  width: 42pt;
}


@media(max-width:768px) {

  .tileRoundMenu > .cell > .inner > .inner-icon img {
    width: 32pt;
  }
}


@media(max-width:640px) {
  .tileRoundMenu > .cell > .inner > .inner-icon img {
    width: 28pt;
  }
}

@media(max-width:430px) {

  .tileRoundMenu > .cell > .inner > .inner-icon img {
    width: 24pt;
  }
}

.login-panel > .panel-heading,
.webformpanel > .webformpanel-heading {
  background-color: var(--default-menu-background-color);
}


/*TILEROUNDMENU*/


/*TILEROUNDMENU*/