html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  -webkit-font-smoothing: subpixel-antialiased; }

article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

*, *:before, *:after {
  box-sizing: border-box; }

img, object, embed {
  max-width: 100%; }

#map img {
  max-width: none; }

html {
  overflow-y: scroll; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

select, input, textarea {
  font-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  text-indent: 0.01px;
  text-overflow: ''; }

select::-ms-expand {
  display: none; }

table {
  font-size: inherit;
  font: 100%; }

td, td img {
  vertical-align: top; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

button, input, select, textarea {
  margin: 0; }

button,
input[type=button] {
  width: auto;
  overflow: visible; }

.leftfix {
  clear: left !important;
  float: left !important; }

.rightfix {
  clear: right !important;
  float: right !important; }

.clearfix:after {
  content: '';
  display: block;
  clear: both; }
@charset "UTF-8";
html, body {
  height: 100%; }

/* Napisy a některé texty by měly být fontem Proxima Nova ExtraBold,
 * jen je potřeba dořešit, jak to vůbec bude
-------------------------------------------------------------------------------*/
body {
  font: 16px/24px Helvetica, Arial, Freesans, sans-serif; }

body {
  background-color: #ECECEE; }

body, select, input, textarea {
  color: #37383C; }

@font-face {
  font-family: 'Proxima';
  src: url(css/font/font-1qtAl1YhU2jBV6k6Spwx.otf); }

/* preview-list - jen pro zobrazování prvků v náhledu
-------------------------------------------------------------------------------*/
.preview-list:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.preview-list li {
  float: left;
  margin: 5px; }

/* Základní blok a šířka stránky a obsahu + nozobrazovat věci u desktopů pro mobily
-------------------------------------------------------------------------------*/
.wrapper {
  position: relative;
  width: 1280px;
  margin: 0 auto; }

.wrapper:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.mobile-only {
  display: none !important;
  visibility: hidden !important; }

/* Text - obecné
-------------------------------------------------------------------------------*/
strong, b {
  font-weight: bold; }

i, em {
  font-style: italic; }

a {
  color: inherit;
  text-decoration: none; }

a:hover {
  color: inherit; }

p a {
  text-decoration: underline;
  color: #702082; }

h1, h1 .proxima {
  font-family: Helvetica, Arial, Freesans, sans-serif;
  font-weight: bold;
  font-size: 23px;
  line-height: 28px;
  color: #702082; }

h1 .proxima {
  font-family: Proxima;
  font-weight: 800; }

.two-clmn-wrapper h1 + p {
  margin-top: 10px; }

h1.bigger {
  font-size: 32px;
  line-height: 36px; }

h2 {
  font-family: Helvetica, Arial, Freesans, sans-serif;
  font-weight: bold;
  /*font-family: Proxima;
    font-weight: 800;*/
  font-size: 17px;
  line-height: 24px;
  color: #702082; }

h3 {
  font-weight: bold; }

h1 + p, h1 + ul {
  margin-top: 15px; }

h2 + p, h1 + ul {
  margin-top: 10px; }

p + p {
  margin-top: 5px; }

.txt-info,
small {
  font-size: 14px;
  line-height: 18px;
  color: #AEAEB1; }

.with-help-icon {
  padding-right: 25px; }

.with-help-icon:before {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  right: 0;
  top: 0;
  background: url(css/img/img-25HeKcZ9pEUg1hnkuQNT.svg) no-repeat 0 0; }

/* Formuláře
-------------------------------------------------------------------------------*/
label, .label {
  position: relative;
  display: inline-block;
  font-weight: bold;
  font-size: 12px;
  line-height: 18px;
  color: #B3AFBA;
  margin-bottom: 5px; }

label.error-label {
  margin-top: 5px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  color: #D31F40; }

label.error-label:before {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  top: 0;
  background: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg) no-repeat 0 0; }

.textarea-label-wrapper {
  position: relative; }

span.textarea-feedback {
  position: absolute;
  right: 0;
  bottom: 5px;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #B3AFBA; }

/* input a textarea
-------------------------------------------------------------------------------*/
input[type="text"], input[type="password"],
input[type="date"],
textarea {
  width: 100%;
  padding: 10px 8px;
  border: 1px solid #B3AFBA;
  border-radius: 4px; }

input[type="text"]:focus, input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus {
  padding: 9px 7px;
  border: 2px solid #8E8A94;
  outline: none; }

input[type="text"]:disabled, input[type="password"]:disabled,
input[type="date"]:disabled,
textarea:disabled {
  background-color: #F1F1F1;
  color: #BEBEBF; }

input[type="text"].error, input[type="password"].error,
input[type="date"].error,
textarea.error {
  padding: 9px 7px;
  border: 2px solid #D31F40;
  color: #D31F40; }

/* textarea */
textarea {
  height: 150px;
  resize: none; }

/* datum */
.input-date-wrapper {
  position: relative; }

input[type="date"] {
  width: calc(100% - 35px); }

.input-icn-date {
  display: block;
  position: absolute;
  width: 22px;
  height: 22px;
  right: 0;
  top: 50%;
  margin-top: -11px;
  text-indent: -9999px;
  background: url(css/img/img-1DBIlzl_5mf7kiyQ_wET.svg) no-repeat 0 0; }

input:optional:-ms-input-placeholder,
textarea:optional:-ms-input-placeholder {
  color: #CBCBCC;
  opacity: 1; }

input:optional::placeholder,
textarea:optional::placeholder {
  color: #CBCBCC;
  opacity: 1; }

input[type="text"]:required:-ms-input-placeholder, input[type="password"]:required:-ms-input-placeholder,
input[type="date"]:required:-ms-input-placeholder,
textarea:required:-ms-input-placeholder {
  color: #F6C373; }

input[type="text"]:required::placeholder, input[type="password"]:required::placeholder,
input[type="date"]:required::placeholder,
textarea:required::placeholder {
  color: #F6C373; }

/* search */
.search-input-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.search-input-wrapper input[type='text'] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  -ms-flex-positive: 2;
  flex-grow: 2;
  width: auto; }

.search-input-wrapper .btn-search-input {
  padding: 15px 10px 15px 35px;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #ffffff;
  background-color: #8E8A94;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  position: relative; }

.search-input-wrapper .btn-search-input:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 8px;
  background: url(css/img/img-sSLIfaKMo0LmZmcb65TE.svg) no-repeat 0 0; }

.search-input-wrapper input:focus + .btn-search-input {
  background-color: #8E8A94; }

.search-input-wrapper > p:first-child {
  color: #b3afba;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

/* radio + checkbox
-------------------------------------------------------------------------------*/
input[type="checkbox"]:not(.switch-check),
input[type="radio"] {
  position: absolute;
  visibility: hidden; }

input[type="checkbox"]:not(.switch-check) + label,
input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 15px;
  line-height: 21px;
  color: #37383C;
  font-weight: normal; }

input[type="checkbox"]:not(.switch-check) + label:before,
input[type="radio"] + label:before {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

input[type="checkbox"]:not(.switch-check) + label:before {
  background-image: url(css/img/img-1RtED8N0Axl7sX4Nj4NN.svg); }

input[type="checkbox"]:not(.switch-check):hover + label:before {
  background-image: url(css/img/img-1xD1u4KYCJzouIonv3OU.svg); }

input[type="checkbox"]:not(.switch-check):checked + label:before {
  background-image: url(css/img/img-1Pqc52Uz7LQyjbRFm5MP.svg); }

input[type="radio"] + label:before {
  background-image: url(css/img/img-1Opu8hmGHvfmIJe3XP-V.svg); }

input[type="radio"]:hover + label:before {
  background-image: url(css/img/img-7cucVFKK2thaBuSW8boE.svg); }

input[type="radio"]:checked + label:before {
  background-image: url(css/img/img-13IMP5A51ZtZIw5BxrqB.svg); }

input[type="checkbox"].chb-bigger + label {
  padding-left: 30px;
  font-size: 16px;
  line-height: 22px; }

input[type="checkbox"].chb-bigger + label:before {
  width: 24px;
  height: 24px; }

input[type="checkbox"].chb-bigger + label:before {
  background-image: url(css/img/img-3wKQFZx3kLl1DMQA1tgn.svg); }

input[type="checkbox"].chb-bigger:hover + label:before {
  background-image: url(css/img/img-B0y5RFzQ8ChrMWTTYE7Z.svg); }

input[type="checkbox"].chb-bigger:checked + label:before {
  background-image: url(css/img/img-3xFbIOstoAx3RdA1utwU.svg); }

/* swtich
-------------------------------------------------------------------------------*/
.switch-check-wrapper {
  display: inline-block;
  position: relative;
  width: 50px;
  height: 27px;
  margin: 10px 0;
  background-color: #FFFFFF;
  border: 2px solid #B3AFBA;
  border-radius: 50px; }

label.switch-check-label {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer; }

label.switch-check-label:after {
  content: '';
  display: block;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 3px;
  left: 3px;
  background: #F1F1F4;
  border-radius: 50px;
  transition: all 0.4s ease; }

.switch-check-wrapper input[type=checkbox] {
  visibility: hidden; }

.switch-check-wrapper input[type=checkbox]:checked + label:after {
  left: 26px;
  background-color: #37383C; }

/* Select
-------------------------------------------------------------------------------*/
.select-wrapper {
  position: relative;
  width: 100%;
  height: 40px;
  border: 1px solid #B3AFBA;
  border-radius: 4px; }

select {
  width: 100%;
  height: 40px;
  margin-top: -1px;
  padding: 0 30px 0 8px;
  background-color: transparent;
  border: none;
  box-shadow: none; }

.select-wrapper:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  right: 2px;
  top: 50%;
  margin-top: -14px;
  background-image: url(css/img/img-3rmPemhvQlKixLY-KBGE.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% 400%;
  transform: rotate(-90deg);
  pointer-events: none; }

select option:disabled {
  color: #BEBEBF; }

select:focus {
  outline: none; }

/* tlačítka
-------------------------------------------------------------------------------*/
.btn-basic {
  position: relative;
  display: inline-block;
  padding: 11px 38px 12px 38px;
  font-size: 14px;
  font-weight: bold;
  line-height: 16px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-radius: 50px; }

.btn-basic.btn-bigger {
  padding: 15px 48px 16px 48px;
  font-size: 16px;
  line-height: 18px; }

.btn-basic.btn-smaller {
  padding: 3px 22px 5px 22px;
  font-size: 13px;
  line-height: 15px; }

.btn-basic.btn-green {
  border-color: #69B800;
  background-color: #69B800;
  color: #FFFFFF; }

.btn-basic.btn-green-border {
  border-color: #F0F8E6;
  background-color: transparent;
  color: #69B800; }

.btn-basic.btn-red {
  border-color: #D7183B;
  background-color: #D7183B;
  color: #FFFFFF; }

.btn-basic.btn-orange {
  border-color: #F5A623;
  background-color: #F5A623;
  color: #FFFFFF; }

.btn-basic.btn-blue {
  border-color: #41B2E1;
  background-color: #41B2E1;
  color: #FFFFFF; }

.btn-basic.btn-gray {
  border-color: #E9E9EB;
  background-color: #E9E9EB;
  color: #FFFFFF; }

.btn-basic.btn-gray-border {
  border-color: #D2D2D3;
  background-color: transparent;
  color: #B3AFBA; }

.btn-basic.btn-purple {
  border: none;
  background-color: white;
  color: #702082;
  padding: 0px 10px 0px 0px;
  margin-top: 4px; }

.btn-basic.btn-purple:hover {
  color: #37383C; }

/* tlačítka se šipkou
-------------------------------------------------------------------------------*/
.btn-icn-arrow {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 14px; }

.btn-icn-arrow:after {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  left: 50%;
  margin-left: -14px;
  top: 50%;
  margin-top: -14px;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.btn-icn-arrow.btn-orange-right {
  background-color: #F5A623; }

.btn-icn-arrow.btn-green-right {
  background-color: #69B800; }

.btn-icn-arrow.btn-orange-right:after, .btn-icn-arrow.btn-green-right:after {
  background-image: url(css/img/img-3rmPemhvQlKixLY-KBGE.svg);
  background-position: -1px -84px;
  transform: rotate(180deg); }

.btn-icn-arrow.btn-white-right {
  border: 2px solid rgba(210, 210, 211, 0.2);
  background-color: #FFFFFF; }

.btn-icn-arrow.btn-white-right:after {
  background-image: url(css/img/img-3rmPemhvQlKixLY-KBGE.svg);
  background-position: -1px 0px;
  transform: rotate(180deg); }

.btn-icn-arrow.btn-white-left {
  border: 2px solid rgba(210, 210, 211, 0.2);
  background-color: #FFFFFF; }

.btn-icn-arrow.btn-white-left:after {
  background-image: url(css/img/img-3rmPemhvQlKixLY-KBGE.svg);
  background-position: -1px 0px; }

.btn-icn-arrow.btn-white-left-black {
  border: 2px solid rgba(210, 210, 211, 0.2);
  background-color: #FFFFFF; }

.btn-icn-arrow.btn-white-left-black:after {
  background-image: url(css/img/img-3rmPemhvQlKixLY-KBGE.svg);
  background-position: -1px -56px; }

/* ostatní tlačítka
-------------------------------------------------------------------------------*/
.btn-icn-plus {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(css/img/img-1GSgayeBgljv6XFIBXKv.svg) no-repeat 50% 50%; }

.btn-icn-close {
  display: inline-block;
  width: 44px;
  height: 44px;
  background: url(css/img/img-3KAmVlVgOCFdPXjvyHoH.svg) no-repeat 50% 50%; }

.btn-icn-bin {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(css/img/img-2FQAUA3NkhYzVRKRf8Ox.svg) no-repeat 50% 50%; }

/* icona s "íčkem" na pravé straně
-------------------------------------------------------------------------------*/
.icn-info {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(css/img/img-1ldHBqc9I5OWvZwoy2Th.svg) no-repeat 50% 50%;
  background-size: 30px 30px; }

/* Box pro nápovědu po najetí/kliknut na ikonu otazníku
 * nevím, jak se vůbec ve finále bude element genrerovat, ale snad se alespoň
 * něco bude dát použít
-------------------------------------------------------------------------------*/
.help-box {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left: -150px;
  bottom: 0;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  color: #41B2E1;
  background-color: #EBFBFF;
  border-radius: 10px;
  z-index: 50; }

.help-box:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -10px;
  width: 20px;
  height: 20px;
  background-color: #EBFBFF;
  transform: rotate(45deg); }

/* Kroky - jednotlivé položky
-------------------------------------------------------------------------------*/
.step-item-wrapper {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #DFDFDF;
  background-color: #FFFFFF;
  border-radius: 15px;
  color: #8E8A94; }

.step-item-wrapper.active {
  border-color: #702082;
  background-color: #702082;
  color: #FFFFFF; }

.step-item-wrapper.done {
  border-color: #69B800;
  background-color: #69B800;
  color: #FFFFFF; }

.step-item-wrapper.done:after {
  content: '';
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -15px;
  background: url(css/img/img-11iwGJEG2skMBhm6uPjy.svg) no-repeat 50% 50%;
  background-size: auto 15px; }

.step-item-wrapper span {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -15px;
  /*font-family: Proxima;
    font-weight: 800;*/
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle; }

.step-item-wrapper.done span {
  display: none; }

/* Velké ikony 44x44px - většina ikon v kruhovém podkladu
-------------------------------------------------------------------------------*/
.big-icon-item {
  display: inline-block;
  width: 44px;
  height: 44px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.big-icon-item.icn-prf-zivot {
  background-image: url(css/img/img-2eNqMdknyLFLrDxW2Avy.svg); }

.big-icon-item.icn-prf-osobni {
  background-image: url(css/img/img-59TKrDouz01aQXkWU26v.svg); }

.big-icon-item.icn-prf-rodinna {
  background-image: url(css/img/img-331ZeBbk4ZHDl5IHULQV.svg); }

.big-icon-item.icn-prf-socialni {
  background-image: url(css/img/img-OnPBqA5jS48evS92RPdt.svg); }

.big-icon-item.icn-prf-epidemie {
  background-image: url(css/img/img-2QyMzGI_BBOaPpPkuc1g.svg); }

.big-icon-item.icn-prf-farmakologicka {
  background-image: url(css/img/img-jqSSg4Q11wxmD9sBGw_-.svg); }

.big-icon-item.icn-prf-gynekologicka {
  background-image: url(css/img/img-1Sv0l7Ss39suaC_2MDGL.svg); }

.big-icon-item.icn-prf-alergie {
  background-image: url(css/img/img-34QgEqLoqrXKlDh66g-U.svg); }

.big-icon-item.icn-prf-urazy {
  background-image: url(css/img/img-Q8Mze0j1Cmhicpneyggy.svg); }

.big-icon-item.icn-prf-ockovani {
  background-image: url(css/img/img-2AKuQnd89TWOWbIKN65O.svg); }

.big-icon-item.icn-prf-kontakt {
  background-image: url(css/img/img-xRAuWhCc2ITbWHhrsOMY.svg); }

.big-icon-item.icn-prf-externi {
  background-image: url(css/img/img-17HTJmN98skKGC-Ayrjw.svg); }

.big-icon-item.icn-cho-obecne {
  background-image: url(css/img/img-1TlbvYHwR0Qo39w-qSr5.svg); }

.big-icon-item.icn-cho-zadne {
  background-image: url(css/img/img-3ewBr8QAMYz35npQGspY.svg); }

.big-icon-item.icn-cho-anamneza {
  background-image: url(css/img/img-1UkTQEd1DVRPIAbfZ-fy.svg); }

.big-icon-item.icn-cho-lekar {
  background-image: url(css/img/img-1d22ZNm-HUbomKV703M8.svg); }

.big-icon-item.icn-cho-pece {
  background-image: url(css/img/img-nIpRBfJ44B4GKoU2sxMH.svg); }

.big-icon-item.icn-dsb-obalka {
  background-image: url(css/img/img-3jVXUkm_gHKNC_yLEtr0.svg); }

.big-icon-item.icn-lek-aktualni {
  background-image: url(css/img/img-14xSUv53CIQuaKJgO3M-.svg); }

.big-icon-item.icn-lek-interakce {
  background-image: url(css/img/img-3kRXO5QNmwHRC3wUHT1y.svg); }

.big-icon-item.icn-lek-archiv {
  background-image: url(css/img/img-18Klt4mvqZUVIMPQK3nJ.svg); }

.big-icon-item.icn-vkz-ambulatni-specialista {
  background-image: url(css/img/img-1Dl-yLwifx1KXdQCgViV.svg); }

.big-icon-item.icn-vkz-domaci-pece {
  background-image: url(css/img/img-3Hx5MLlwUnD7mGROoYmE.svg); }

.big-icon-item.icn-vkz-doprava {
  background-image: url(css/img/img-1ZvJ1XrHwpJMIrDaeuQX.svg); }

.big-icon-item.icn-vkz-lekarna {
  background-image: url(css/img/img-LbHtTq3w-eTglNuXDvOB.svg); }

.big-icon-item.icn-vkz-nemocnice {
  background-image: url(css/img/img-3xIlIINMaHnmZsHF5xKK.svg); }

.big-icon-item.icn-vkz-praktik {
  background-image: url(css/img/img-2skerNb35FEuX2OdMFmA.svg); }

.big-icon-item.icn-vkz-rehabilitace {
  background-image: url(css/img/img-2L_92GjuUhQy_fVyGcDz.svg); }

.big-icon-item.icn-vkz-vydejnaPZT {
  background-image: url(css/img/img-3puwREKTnFqjegah2RRa.svg); }

.big-icon-item.icn-vkz-zubar {
  background-image: url(css/img/img-3CI1dWDlT-e5E6ixn5fX.svg); }

.big-icon-item.icn-vkz-kapitace {
  background-image: url(css/img/img-1RXNZeIUadKvuGEUWg7B.svg); }

.big-icon-item.icn-vkz-laborator {
  background-image: url(css/img/img-1sS-BAU8av-PKKBhqzfd.svg); }

.big-icon-item.icn-vkz-lazne {
  background-image: url(css/img/img-3ZTyXVWcCgtPe8rrpydQ.svg); }

.big-icon-item.icn-vkz-refundace {
  background-image: url(css/img/img-22ObFhVfBCafav6YF8aZ.svg); }

.big-icon-item.icn-vkz-rentgen {
  background-image: url(css/img/img-1krqb6WwaCwU-9owJmZ7.svg); }

.big-icon-item.icn-bns-idealni {
  background-image: url(css/img/img-17PxttcDWqfE7EqFPuQB.svg); }

.big-icon-item.icn-bns-ockovani {
  background-image: url(css/img/img-1s5H30-2Dio4Xik4L67W.svg); }

.big-icon-item.icn-bns-odborna-vysetreni {
  background-image: url(css/img/img-2-FH3QomQ52n27ehHpsE.svg); }

.big-icon-item.icn-bns-prohlidky {
  background-image: url(css/img/img-G4qTOXjpL10h240cxE8m.svg); }

.big-icon-item.icn-bns-rehabilitace {
  background-image: url(css/img/img-rKXEooUpkezlafMSkuak.svg); }

.big-icon-item.icn-bns-tehotne {
  background-image: url(css/img/img-CYQ6GbFs4lMLUp4WFC2A.svg); }

.big-icon-item.icn-bns-vitalitas {
  background-image: url(css/img/img-22XZwW42xpkzTAYs-EI5.svg); }

.big-icon-item.icn-bns-vitaminy {
  background-image: url(css/img/img-Y2_G5gnf1YxCVlADgK6J.svg); }

.big-icon-item.icn-bns-zdravy-styl {
  background-image: url(css/img/img-2YWvvAhEXm_rb--W02_U.svg); }

.big-icon-item.icn-bns-vitaclub {
  background-image: url(css/img/img-1_C-QaMAU3NDT_vuPh5P.svg); }

.big-icon-item.icn-bns-vitashop {
  background-image: url(css/img/img-3Q9J-MMDKk_vUnOR6KEY.svg); }

.big-icon-item.icn-stat-error {
  background-image: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg); }

/* Malé ikony 20x20px - snažil jsem se to sjednoti do velikosti 20x20px
-------------------------------------------------------------------------------*/
.small-icon-item {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.small-icon-item.icn-stat-help {
  background-image: url(css/img/img-25HeKcZ9pEUg1hnkuQNT.svg); }

.small-icon-item.icn-stat-success {
  background-image: url(css/img/img-2FQGsxDkqy4EZo6f9kzw.svg); }

.small-icon-item.icn-stat-warning {
  background-image: url(css/img/img-2yzmLFwwKLokrEFmtW3Y.svg); }

.small-icon-item.icn-stat-error {
  background-image: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg); }

.small-icon-item.icn-int-jidlo {
  background-image: url(css/img/img-3D3qm-ROk5Yfd6NZplxD.svg); }

.small-icon-item.icn-int-jidlo-mene {
  background-image: url(css/img/img-2wU7-uad46KZgsH9JTRD.svg); }

.small-icon-item.icn-int-problem {
  background-image: url(css/img/img-V6BGDd3Wrn20lxCjcvjm.svg); }

.small-icon-item.icn-int-info {
  background-image: url(css/img/img-1ldHBqc9I5OWvZwoy2Th.svg); }

.small-icon-item.icn-star-empty {
  background-image: url(css/img/img-1QKZGW3vZpvkZmpxkQAt.svg); }

.small-icon-item.icn-star-gold {
  background-image: url(css/img/img-3qYr9u7xpzm0sqkOQy5B.svg); }

.small-icon-item.icn-cho-anamneza {
  background-image: url(css/img/img-1UkTQEd1DVRPIAbfZ-fy.svg); }

.small-icon-item.icn-cho-lekar {
  background-image: url(css/img/img-1d22ZNm-HUbomKV703M8.svg); }

.small-icon-item.icn-cho-pece {
  background-image: url(css/img/img-nIpRBfJ44B4GKoU2sxMH.svg); }

/* Zbylé ikony - různé velikosti a asi i pužití na různých místech
-------------------------------------------------------------------------------*/
.icn-srdce-svetle {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(css/img/img-P-qZnD37IC1uZq1raJil.svg) no-repeat 50% 50%; }

.icn-heslo {
  display: inline-block;
  width: 25px;
  height: 15px;
  background: url(css/img/img-v9KdUBKFRT0mGsClqr6c.svg) no-repeat 50% 50%; }

.icn-kalendar {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(css/img/img-1DBIlzl_5mf7kiyQ_wET.svg) no-repeat 50% 50%; }

.icn-slozka {
  display: inline-block;
  width: 22px;
  height: 18px;
  background: url(css/img/img-2-2T36dsZ6GtfmfZUegD.svg) no-repeat 50% 50%; }

.icn-soubor {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(css/img/img-3HV3LAKN7ltYkhrFDgjI.svg) no-repeat 50% 50%; }

/* Horní lišta menu
-------------------------------------------------------------------------------*/
.mn-top-bar {
  width: 100%;
  height: 80px;
  background-color: #451350; }

.mn-top-bar .wrapper {
  padding: 0 60px; }

.mn-top-bar .mn-wrapper li {
  display: table-cell;
  width: 1px;
  height: 80px;
  color: #FFFFFF;
  white-space: nowrap;
  vertical-align: middle; }

/* vyplňující mezera */
.mn-top-bar .mn-wrapper li.mn-space {
  width: 100%; }

.mn-top-bar .company-logo-box {
  font-size: 24px;
  line-height: 100%;
  font-weight: bold;
  font-family: Proxima; }

/* talčitko pro zprávy */
#tbi-message {
  display: block;
  width: 90px;
  height: 80px;
  background-color: #370F40;
  background-image: url(css/img/img-3jVXUkm_gHKNC_yLEtr0.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 36px;
  text-indent: -9999px; }

/* tlačítko pro nastavení uživatele */
#tbi-user, #tbi-userMobil {
  display: block;
  position: relative;
  text-align: right;
  padding: 0 65px 0 70px; }

a#tbi-user {
  background: transparent !important; }

#tbi-userMobil:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  left: 22px;
  top: 50%;
  margin-top: -14px;
  background-image: url(css/img/img-3rmPemhvQlKixLY-KBGE.svg);
  background-repeat: no-repeat;
  background-position: 0 -28px;
  background-size: 100% auto;
  transform: rotate(-90deg); }

#tbi-user .user-name, #tbi-userMobil .user-name {
  font-size: 16px;
  line-height: 18px;
  font-weight: bold; }

#tbi-user .user-email, #tbi-userMobil .user-email {
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  color: #B2A7B5; }

#tbi-user .user-icon, #tbi-userMobil .user-icon {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 5px;
  top: 50%;
  margin-top: -20px;
  background-color: #FFFFFF;
  border-radius: 20px; }

/* Prostřední navigační lišta - oblasti (jen na desktopu)
 * kromě volby Home je vše textové
-------------------------------------------------------------------------------*/
.mn-main-nav {
  width: 100%;
  height: 50px;
  background-color: #502559;
  color: #F0ECE2;
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
  text-align: center; }

.mn-main-nav .mn-wrapper {
  display: inline-block; }

.mn-main-nav .mn-wrapper li {
  display: table-cell;
  width: auto;
  padding: 0 2px; }

.mn-main-nav .mn-item {
  display: table-cell;
  padding: 0 20px;
  height: 50px;
  font-weight: bold;
  vertical-align: middle; }

/* hover stav není v návrhu vůbec defonovaný, tak ho možná zrušit ? */
.mn-main-nav .mn-item:hover {
  color: #ffffff; }

/* Spodní navigační lišta, zobrazí se až po vybrání oblasti
 * na mobilu se zorazí po zmáčknutí tlačítka menu, i oblasti Home a nastevení
-------------------------------------------------------------------------------*/
.mn-sub-nav {
  display: none;
  width: 100%;
  height: 105px;
  font-size: 13px;
  line-height: 15px;
  font-weight: bold;
  text-align: center; }

.mn-sub-nav.active, .mn-sub-nav.selected {
  display: block; }

.mn-sub-nav .mn-wrapper {
  display: inline-block; }

.mn-sub-nav .mn-wrapper li {
  position: relative;
  display: block;
  float: left; }

/* oddělová čáry mezi tlačitky */
.mn-sub-nav .mn-wrapper li:before,
.mn-sub-nav .mn-wrapper li:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 85px;
  left: 0px;
  top: 10px; }

.mn-sub-nav .mn-wrapper li:after {
  left: auto;
  right: -1px; }

/* jednotlivé položky submenu s ikonami */
.mn-sub-nav .mn-item {
  position: relative;
  display: block;
  padding: 56px 25px 0 25px;
  width: 151px;
  height: 105px;
  font-weight: bold;
  vertical-align: middle; }

.mn-sub-nav .mn-item:before {
  content: '';
  position: absolute;
  width: 36px;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  top: 15px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

/* aktivní stránky mají šedý podklad, je třeba nastavit pro aktuální stranu třídu active nebo selected, je to jedno
 * pro bonusy asi bílá, protože má bíkou pokračovat */
.mn-sub-nav .mn-item.selected, .mn-sub-nav .mn-item.active,
.mn-sub-nav .mn-item.selected:hover, .mn-sub-nav .mn-item.active:hover {
  background-color: #ECECEE !important; }

#sm-bonusy .mn-item.selected, #sm-bonusy .mn-item.active,
#sm-bonusy .mn-item.selected:hover, #sm-bonusy .mn-item.active:hover {
  background-color: #FFFFFF !important; }

/* home, ikonka v prostřední liště místo nápisu, jednotlivé stránky jen na mobilu */
.mn-main-nav #mmi-home {
  position: relative;
  text-indent: -9999px;
  width: 50px; }

.mn-main-nav #mmi-home:before {
  content: '';
  position: absolute;
  width: 36px;
  height: 36px;
  left: 50%;
  margin-left: -18px;
  top: 50%;
  margin-top: -18px;
  background-image: url(css/img/img-1YLkJ1m9IKU9XBKUhKYN.svg);
  background-position: 50% 50%; }

#mmi-home.selected, #mmi-home.active {
  background-color: #ECECEE; }

#mmi-home.selected:before, #mmi-home.active:before {
  background-image: url(css/img/img-h5tAw0G9a4fzG_GzQkpK.svg); }

#sm-home .mn-item {
  color: #B0A5B3; }

#smi-home:before {
  background-image: url(css/img/img-1MYXDcZE-psVBu1mRAKF.svg); }

#smi-message:before {
  background-image: url(css/img/img-3jVXUkm_gHKNC_yLEtr0.svg); }

#smi-visits:before {
  background-image: url(css/img/img-dAcwHqIlgYB71QQqLOcV.svg); }

#smi-doctors:before {
  background-image: url(css/img/img-41oZ_ZH-890qyDnvv-Cm.svg); }

/* oblast zdraví */
#mmi-zdravi.selected, #mmi-zdravi.active {
  background-color: #FCD059;
  color: #423014; }

#sm-zdravi {
  background-color: #FCD059;
  color: #423014; }

#sm-zdravi li:before, #sm-zdravi li:after,
#sm-zdravi .mn-item:hover {
  background-color: #FFD973; }

#smi-zdravi-pece:before {
  background-image: url(css/img/img-3NKIkQpuTp9U0gdmGeil.svg); }

#smi-zdravi-profil:before {
  background-image: url(css/img/img-2yew4DIVFXCETUBKtahj.svg); }

#smi-zdravi-profil3:before {
  background-image: url(css/img/img-2yew4DIVFXCETUBKtahj.svg); }

#smi-zdravi-hodnoceni:before {
  background-image: url(css/img/img-18Are7npULGe9sfy13ef.svg); }

#smi-zdravi-odmena:before {
  background-image: url(css/img/img-qcixuJ1vXmOD3Cb1e7fQ.svg); }

#smi-zdravi-atlas:before {
  background-image: url(css/img/img-32GIwLZmTtv6xjOqEuWL.svg); }

#smi-zdravi-leky:before {
  background-image: url(css/img/img-3sT947NgxrJhOkSRATro.svg); }

#smi-zdravi-asistence:before {
  background-image: url(css/img/img-17_I5Rl40nlIk2kBp8KE.svg); }

#smi-zdravi-poradna:before {
  background-image: url(css/img/img-3vyr9WbIGDFsPBOCoxBC.svg);
  background-size: 45px; }

#smi-zdravi-pece.mn-item,
#smi-zdravi-profil.mn-item,
#smi-zdravi-odmena.mn-item,
#smi-zdravi-atlas.mn-item,
#smi-zdravi-leky.mn-item,
#smi-zdravi-asistence.mn-item,
#smi-bonusy-prevod.mn-item,
#smi-bonusy-historie.mn-item {
  white-space: pre-line !important; }

/* oblast vitakarta */
#mmi-bonusy.selected, #mmi-bonusy.active {
  background-color: #E2B6D7;
  color: #371040; }

#sm-bonusy {
  background-color: #E2B6D7;
  color: #371040; }

#sm-bonusy li:before, #sm-bonusy li:after,
#sm-bonusy .mn-item:hover {
  background-color: #EFC2E3; }

#smi-bonusy-bonus:before {
  background-image: url(css/img/img-1R4MXwT6UjODc6Xtwp2r.svg); }

#smi-bonusy-uctenka:before {
  background-image: url(css/img/img-3Y5YRtON9mS6p_73Sg1H.svg); }

#smi-bonusy-prevod:before {
  background-image: url(css/img/img-DFnEq-OSJ5bCRIFoTkSS.svg); }

#smi-bonusy-ziskani:before {
  background-image: url(css/img/img-24D2Gf-5zQGMs_EOmqAU.svg); }

#smi-bonusy-historie:before {
  background-image: url(css/img/img-7qzU4LoiSijSfKJRinAA.svg); }

#smi-bonusy-kupony:before {
  background-image: url(css/img/img-2ZE57ajlQ2zFIxccEn1R.svg); }

/* oblast online přepážka */
#mmi-prepazka.selected, #mmi-prepazka.active {
  background-color: #B4EFEF;
  color: #232955; }

#sm-prepazka {
  background-color: #B4EFEF;
  color: #232955; }

#sm-prepazka li:before, #sm-prepazka li:after,
#sm-prepazka .mn-item:hover {
  background-color: #C5F4F4; }

#smi-prepazka-udaje:before {
  background-image: url(css/img/img-1qrmlszDmbuu02ruhyY1.svg); }

#smi-prepazka-prukaz:before {
  background-image: url(css/img/img-2B9LG7jI7AQLZ1NPv3aS.svg); }

#smi-prepazka-zahranici:before {
  background-image: url(css/img/img-20nlWYbPx7BbOI-Tex3q.svg); }

#smi-prepazka-cestovani:before {
  background-image: url(css/img/img-12qv4nOAErDu9_bFqz8E.svg); }

#smi-prepazka-novorozenec:before {
  background-image: url(css/img/img-bOSRd0n3TqryDqnX2q0k.svg); }

#smi-prepazka-pojistenec:before {
  background-image: url(css/img/img-2l0FW48IN4QF67m1THYP.svg); }

#smi-prepazka-pobocka:before {
  background-image: url(css/img/img-1KzwildMTWt7NW3-lSnm.svg); }

/* oblast pojistné */
#mmi-pojistne.selected, #mmi-pojistne.active {
  background-color: #D0DD5D;
  color: #2B3D2A; }

#sm-pojistne {
  background-color: #D0DD5D;
  color: #2B3D2A; }

#sm-pojistne li:before, #sm-pojistne li:after,
#sm-pojistne .mn-item:hover {
  background-color: #DEEB71; }

#smi-pojistne-bilance:before {
  background-image: url(css/img/img-1XQXh2LdMvrewcPZcVJs.svg); }

#smi-pojistne-kategorie:before {
  background-image: url(css/img/img-8z1YRSijkmsl_TzoJh0i.svg); }

#smi-pojistne-uhrada:before {
  background-image: url(css/img/img-1SfhNEZZSKgT2uYVAikZ.svg); }

#smi-pojistne-potvrzeni:before {
  background-image: url(css/img/img-18k3YXV-CzuD0inBW3IP.svg); }

#smi-pojistne-osvc:before {
  background-image: url(css/img/img-3GAyyQcIgEUce3VKslnH.svg); }

/* nastavení, ikonky jen na mobilu */
#mmi-nastaveni.selected, #mmi-nasteveni.active {
  background-color: #ECECEE;
  color: #37383C; }

#sm-nastaveni, #sm-nastaveni .mn-item {
  color: #37383C; }

#smi-nastaveni:before {
  background-image: url(css/img/img-1FnC8uLZt-foxQCOhsoz.svg); }

#smi-odhlasit:before {
  background-image: url(css/img/img-1TSGT7N0eEMrrJ73zooS.svg); }

/* Aktualní stránka zobrazuje se jen na mobilu, je třeba tam dodat násev stránky
 * a nastavit třídu aby se sprváně zobrazovala ikona a barva
-------------------------------------------------------------------------------*/
#active-page-box {
  display: none !important;
  height: 50px;
  text-align: center; }

#active-page-box span {
  display: block;
  position: relative;
  width: 480px;
  margin: 0 auto;
  padding: 17px 15px;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: left; }

#active-page-box span:before {
  content: '';
  position: absolute;
  width: 36px;
  height: 36px;
  right: 10px;
  top: 50%;
  margin-top: -18px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.pg-home #active-page-box, .pg-zpravy #active-page-box {
  background-color: #451350;
  color: #37383C; }

.pg-home #active-page-box span:before {
  background-image: url(css/img/img-1MYXDcZE-psVBu1mRAKF.svg); }

.pg-zpravy #active-page-box span:before {
  background-image: url(css/img/img-3jVXUkm_gHKNC_yLEtr0.svg); }

.pg-preventivni-prohlidky #active-page-box span:before {
  background-image: url(css/img/img-dAcwHqIlgYB71QQqLOcV.svg); }

.pg-moji-lekari #active-page-box span:before {
  background-image: url(css/img/img-41oZ_ZH-890qyDnvv-Cm.svg); }

/* oblast zdravi */
.pg-zdravi #active-page-box {
  background-color: #FCD059;
  color: #423014; }

.pg-zdravi-pece #active-page-box span:before {
  background-image: url(css/img/img-3NKIkQpuTp9U0gdmGeil.svg); }

.pg-zdravi-profil #active-page-box span:before {
  background-image: url(css/img/img-2yew4DIVFXCETUBKtahj.svg); }

.pg-zdravi-profil3 #active-page-box span:before {
  background-image: url(css/img/img-2yew4DIVFXCETUBKtahj.svg); }

.pg-zdravi-hodnoceni #active-page-box span:before {
  background-image: url(css/img/img-18Are7npULGe9sfy13ef.svg); }

.pg-zdravi-odmena #active-page-box span:before {
  background-image: url(css/img/img-qcixuJ1vXmOD3Cb1e7fQ.svg); }

.pg-zdravi-atlas #active-page-box span:before {
  background-image: url(css/img/img-32GIwLZmTtv6xjOqEuWL.svg); }

.pg-zdravi-leky #active-page-box span:before {
  background-image: url(css/img/img-3sT947NgxrJhOkSRATro.svg); }

.pg-zdravi-asistence #active-page-box span:before {
  background-image: url(css/img/img-17_I5Rl40nlIk2kBp8KE.svg); }

/* oblast vitakarta */
.pg-bonusy #active-page-box {
  background-color: #E2B6D7;
  color: #371040; }

.pg-bonusy-bonus #active-page-box span:before {
  background-image: url(css/img/img-1R4MXwT6UjODc6Xtwp2r.svg); }

.pg-bonusy-uctenka #active-page-box span:before {
  background-image: url(css/img/img-3Y5YRtON9mS6p_73Sg1H.svg); }

.pg-bonusy-prevod #active-page-box span:before {
  background-image: url(css/img/img-DFnEq-OSJ5bCRIFoTkSS.svg); }

.pg-bonusy-ziskani #active-page-box span:before {
  background-image: url(css/img/img-24D2Gf-5zQGMs_EOmqAU.svg); }

.pg-bonusy-historie #active-page-box span:before {
  background-image: url(css/img/img-7qzU4LoiSijSfKJRinAA.svg); }

.pg-bonusy-kupony #active-page-box span:before {
  background-image: url(css/img/img-2ZE57ajlQ2zFIxccEn1R.svg); }

/* oblast online přepážka */
.pg-prepazka #active-page-box {
  background-color: #B4EFEF;
  color: #232955; }

.pg-prepazka-udaje #active-page-box span:before {
  background-image: url(css/img/img-1qrmlszDmbuu02ruhyY1.svg); }

.pg-prepazka-prukaz #active-page-box span:before {
  background-image: url(css/img/img-2B9LG7jI7AQLZ1NPv3aS.svg); }

.pg-prepazka-zahranici #active-page-box span:before {
  background-image: url(css/img/img-20nlWYbPx7BbOI-Tex3q.svg); }

.pg-prepazka-cestovani #active-page-box span:before {
  background-image: url(css/img/img-12qv4nOAErDu9_bFqz8E.svg); }

.pg-prepazka-novorozenec #active-page-box span:before {
  background-image: url(css/img/img-bOSRd0n3TqryDqnX2q0k.svg); }

.pg-prepazka-pojistenec #active-page-box span:before {
  background-image: url(css/img/img-2l0FW48IN4QF67m1THYP.svg); }

.pg-prepazka-pobocka #active-page-box span:before {
  background-image: url(css/img/img-1KzwildMTWt7NW3-lSnm.svg); }

/* oblast pojistné */
.pg-pojistne #active-page-box {
  background-color: #D0DD5D;
  color: #2B3D2A; }

.pg-pojistne-bilance #active-page-box span:before {
  background-image: url(css/img/img-1XQXh2LdMvrewcPZcVJs.svg); }

.pg-pojistne-kategorie #active-page-box span:before {
  background-image: url(css/img/img-8z1YRSijkmsl_TzoJh0i.svg); }

.pg-pojistne-uhrada #active-page-box span:before {
  background-image: url(css/img/img-1SfhNEZZSKgT2uYVAikZ.svg); }

.pg-pojistne-potvrzeni #active-page-box span:before {
  background-image: url(css/img/img-18k3YXV-CzuD0inBW3IP.svg); }

.pg-pojistne-osvc #active-page-box span:before {
  background-image: url(css/img/img-3GAyyQcIgEUce3VKslnH.svg); }

/* nastavení, ikonky jen na mobilu */
.pg-nastaveni #active-page-box, .pg-odhlasit #active-page-box {
  background-color: #D0D0D0;
  color: #37383C; }

.pg-nastaveni #active-page-box span:before {
  background-image: url(css/img/img-1FnC8uLZt-foxQCOhsoz.svg); }

.pg-odhlasit #active-page-box span:before {
  background-image: url(css/img/img-1TSGT7N0eEMrrJ73zooS.svg); }

/* Základní bílý box pro obsah a jednotlivé části, většinou oddělé čárou
-------------------------------------------------------------------------------*/
.content-box {
  margin: 10px 0;
  border: 1px solid #ECECEF;
  border-radius: 4px;
  background-color: #FFFFFF; }

.content-box .content-part {
  border-top: 1px solid #F3F3F4;
  padding: 30px 60px; }

.two-clmn-wrapper .content-box .content-part {
  padding: 25px 23px; }

.content-box .content-part:first-child,
.content-box .content-part.no-top-line {
  border-top: none; }

.content-box .content-part-with-left-icon {
  position: relative;
  padding: 17px 250px 17px 100px; }

.content-part-with-left-icon .big-icon-item {
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -22px; }

.content-part-with-left-icon .cp-btns-wrapper {
  position: absolute;
  width: 220px;
  height: 100%;
  right: 20px;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.content-part-with-left-icon .cp-btns-wrapper .btn-basic {
  margin-left: 10px; }

/* barevné boxy pro různé stavy - help, warning, atd
 * první blok textu musí být posunutý kvůli ikoně
-------------------------------------------------------------------------------*/
.note-box {
  position: relative;
  min-height: 40px;
  margin: 10px 0;
  border-radius: 4px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
  font-style: italic; }

.note-box:before {
  content: '';
  position: absolute;
  width: 17px;
  height: 17px;
  left: 20px;
  top: 11px;
  background-repeat: no-repeat;
  background-position: 50% 500; }

.note-box.nb-help {
  background-color: #EBFBFF;
  color: #41B2E1; }

.note-box.nb-help:before {
  background-image: url(css/img/img-25HeKcZ9pEUg1hnkuQNT.svg); }

.note-box.nb-success {
  background-color: #F0F8E6;
  color: #69B800; }

.note-box.nb-success:before {
  background-image: url(css/img/img-2FQGsxDkqy4EZo6f9kzw.svg); }

.note-box.nb-warning {
  background-color: #FFF9EB;
  color: #F4AC07; }

.note-box.nb-warning:before {
  background-image: url(css/img/img-2yzmLFwwKLokrEFmtW3Y.svg); }

.note-box.nb-error {
  background-color: #FBE7EB;
  color: #D7183B; }

.note-box.nb-error:before {
  background-image: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg); }

.note-box .padded-content {
  padding-left: 25px; }

/* Layout hlavního obsau - 1 nebo 2 sloupce
-------------------------------------------------------------------------------*/
.main-page-content .wrapper {
  padding: 40px 0; }

.one-clmn-wrapper {
  padding: 0 180px; }

.two-clmn-wrapper {
  padding: 0 150px; }

.one-clmn-wrapper:after,
.two-clmn-wrapper:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.two-clmn-wrapper .clmn {
  width: 480px; }

.two-clmn-wrapper .clmn:first-child {
  float: left; }

.two-clmn-wrapper .clmn:last-child {
  float: right; }

/* Lightbox
-------------------------------------------------------------------------------*/
body.display-lightbox {
  overflow: hidden; }

.lightbox {
  display: none;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: #FFFFFF;
  overflow: hidden; }

.display-lightbox .lightbox {
  outline: none;
  display: block; }

.lightbox .lb-close-btn {
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  right: 100px;
  top: 100px;
  background: url(css/img/img-3KAmVlVgOCFdPXjvyHoH.svg) no-repeat 50% 50%;
  text-indent: -9999px; }

.lightbox .lb-wrapper {
  width: 100%;
  min-height: 100%;
  /* oprava z height:100% - rozbijelo vetsi dialogova okna */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center; }

.lightbox .lb-content {
  width: 400px;
  padding: 25px;
  text-align: left; }

.lightbox .lb-content label {
  margin-top: 15px; }

.btns-wrapper {
  margin-top: 50px; }

.btns-wrapper a {
  width: 48%; }

.change-user {
  display: none; }

.display-change-user .change-user {
  display: block; }

.change-user {
  background-color: #fff;
  padding: 50px 0;
  position: relative; }

.display-change-user #tbi-user, .display-change-user #tbi-userMobil {
  background-color: #fff;
  height: 50px; }

.display-change-user #tbi-user:after, .display-change-user #tbi-userMobil:after {
  content: '';
  background-image: url(css/img/img-3A9RScp16LAPwN861PLN.svg);
  width: 50px;
  height: 50px;
  filter: invert(80%);
  display: block; }

.display-change-user .user-icon {
  display: none !important; }

.change-user .user-icon {
  display: block !important;
  position: relative; }

.change-user .user-box {
  padding: 10px;
  margin: 0 40px;
  text-align: right;
  position: relative; }

.change-user .clearfix {
  clear: both; }

.change-user .user-box + .user-box {
  border-top: 1px solid #E9ECEF; }

.change-user .user-box .fulllink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.change-user .user-box .user-icon {
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #451350;
  margin-left: 10px; }

.change-user .user-box .user-icon::after {
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-left: 5px;
  filter: brightness(7); }

.change-user .user-box .user-name {
  color: #343A40;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px; }

.change-user .user-box .user-email {
  color: #B2A7B5;
  font-size: 13px;
  font-weight: bold;
  line-height: 15px; }

/* Pro šířky od 980px do 1279px
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1279px) {
  .wrapper {
    width: 980px; }
  .mn-top-bar .wrapper {
    padding: 0 30px; }
  .mn-sub-nav .mn-item {
    width: 125px;
    padding-left: 10px;
    padding-right: 10px; }
  .one-clmn-wrapper {
    padding: 0 130px; }
  .two-clmn-wrapper {
    padding: 0 100px; }
  .two-clmn-wrapper .clmn {
    width: 380px; }
  .content-box .content-part {
    padding: 30px 40px; }
  .two-clmn-wrapper .content-box .content-part {
    padding: 25px 23px; } }

/* Pro šířky od 768px do 979px
-------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) {
  h1 {
    font-size: 23px;
    line-height: 28px; }
  .wrapper {
    width: 768px; }
  .mn-top-bar .wrapper {
    padding: 0 10px; }
  .mn-sub-nav .mn-item {
    width: 105px;
    padding-left: 5px;
    padding-right: 5px; }
  .one-clmn-wrapper {
    padding: 0 144px; }
  .two-clmn-wrapper {
    padding: 0 144px; }
  .two-clmn-wrapper .clmn {
    float: none;
    width: 100%; }
  .content-box .content-part {
    padding: 30px 20px; }
  .two-clmn-wrapper .content-box .content-part {
    padding: 25px 20px; } }

/* Pro šířky od 320px do 767px
 * už vypadá jako mobilní verze
-------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  h1 {
    font-size: 20px;
    line-height: 24px; }
  h3 {
    line-height: 18px; }
  .desktop-only {
    display: none !important;
    visibility: hidden !important; }
  .mobile-only {
    display: block !important;
    visibility: visible !important; }
  .wrapper {
    width: 480px; }
  .mn-top-bar .wrapper {
    padding: 0 0 0 10px; }
  .mn-top-bar, .mn-top-bar .mn-wrapper li {
    height: 50px; }
  /* když je zobrazené menu je schovaný obsah a naopak, ale nevím jak to bude řešené */
  .navigation-block {
    background-color: #502559;
    padding: 50px 0; }
  .navigation-block .wrapper {
    padding: 0 20px; }
  #navigation-block {
    display: none; }
  .display-mob-nav #content-block {
    display: none; }
  .display-mob-nav #navigation-block {
    display: block; }
  /* tlačítko pro zobrazení menu */
  .mob-nav-btn {
    width: 50px;
    height: 50px;
    background-color: #502559;
    background-image: url(css/img/img-NWL02rAjlHv6nCVFKbWa.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px; }
  .display-mob-nav .mob-nav-btn {
    background-image: url(css/img/img-3A9RScp16LAPwN861PLN.svg); }
  /* zobrazení uživatel v horní liště také vypadá jinak */
  #tbi-user, #tbi-userMobil {
    padding: 0;
    width: 50px; }
  #tbi-user:before, #tbi-userMobil:before {
    display: none; }
  /* submenu vypadá jinak a zobrazuje se celé
	-------------------------------------------------------------------------------*/
  .mn-sub-wrapper {
    display: block; }
  .mn-sub-nav {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    text-align: center;
    background-color: transparent !important; }
  .mn-sub-nav h2 {
    padding: 5px 5px;
    font-size: 18px;
    color: #FFFFFF;
    text-align: left; }
  .mn-sub-nav .mn-wrapper {
    display: block; }
  .mn-sub-nav .mn-wrapper li {
    position: relative;
    display: block;
    float: left; }
  /* nezobrazuje se dělící čára */
  .mn-sub-nav .mn-wrapper li:before,
  .mn-sub-nav .mn-wrapper li:after {
    display: none; }
  .mn-sub-nav .mn-item {
    position: relative;
    display: block;
    padding: 55px 5px 0 5px;
    width: 90px;
    height: 90px;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 5px;
    margin: 5px; }
  #sm-home .mn-item {
    background-color: #451350 !important; }
  #sm-zdravi .mn-item {
    background-color: #FCD059 !important; }
  #sm-bonusy .mn-item {
    background-color: #E2B6D7 !important; }
  #sm-prepazka .mn-item {
    background-color: #B4EFEF !important; }
  #sm-pojistne .mn-item {
    background-color: #D0DD5D !important; }
  #sm-nastaveni .mn-item {
    background-color: #D0D0D0 !important; }
  #active-page-box {
    display: block !important; }
  .main-page-content {
    padding-top: 0; }
  .one-clmn-wrapper {
    padding: 0 15px; }
  .two-clmn-wrapper {
    padding: 0 15px; }
  .content-box .content-part-with-left-icon {
    position: relative;
    padding: 17px 30px 17px 60px; }
  .content-part-with-left-icon .big-icon-item {
    position: absolute;
    width: 36px;
    height: 36px;
    left: 10px;
    top: 50%;
    margin-top: -18px; }
  .content-part-with-left-icon .cp-btns-wrapper {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 10px;
    top: 50%;
    margin-top: -14px;
    display: block; }
  .content-part-with-left-icon .cp-btns-wrapper .btn-basic {
    margin-left: 10px; }
  .content-box .content-part, .two-clmn-wrapper .content-box .content-part {
    padding: 15px 20px; } }

@media screen and (max-width: 480px) {
  .wrapper {
    width: 320px; }
  .mn-sub-nav .mn-wrapper li {
    position: relative;
    display: block;
    float: left; }
  /* nezobrazuje se dělící čára */
  .mn-sub-nav .mn-wrapper li:before,
  .mn-sub-nav .mn-wrapper li:after {
    display: none; }
  .mn-sub-nav .mn-item {
    margin: 1px; }
  #active-page-box span {
    width: 320px;
    padding: 17px 10px; }
  .lightbox .lb-close-btn {
    display: none; }
  .lightbox .lb-wrapper {
    display: block; }
  .lightbox .lb-content {
    width: 100%;
    padding: 30px 20px; }
  .search-input-wrapper input[type='text'] {
    max-width: 158px; } }
@charset "UTF-8";
.mobile-width {
  max-width: 480px; }

.login-index,
.login-form {
  padding: 0 !important;
  height: 450px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 480px; }

.login-index .one-clmn-wrapper,
.login-form .one-clmn-wrapper,
.mobile-width .one-clmn-wrapper {
  padding: 0px !important; }

.login-index .content-box .content-part,
.login-form .content-box .content-part,
.mobile-width .content-box .content-part {
  padding: 30px 20px !important; }

.login-form {
  height: 340px; }

.mobile-visible {
  display: block !important; }

/*-------------------------------------------------------------------------------
RESPONZIVITA 
-------------------------------------------------------------------------------*/
/* Pro šířky od 980px do 1279px
-------------------------------------------------------------------------------*/
/* Pro šířky od 768px do 979px
-------------------------------------------------------------------------------*/
/* Pro šířky od 320px do 767px
 * už vypadá jako mobilní verze
-------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .lightbox .lb-close-btn.mobile-visible {
    height: 30px;
    width: 30px;
    top: 10px;
    right: 10px; } }
.dialog-overlay, .loader-overlay {
  margin: 0;
  padding: 0;
  width: 100vw;
  height: 100vh;
  display: -ms-flexbox;
  display: flex;
  /* aby se vycentroval container*/
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  z-index: 200; }

.loader-container {
  background-image: url(css/img/img-25rDBO-VTAmor_ltmQDs.gif);
  width: 323px;
  height: 233px; }

.dialog-container {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid grey;
  color: #000;
  font-size: 1em;
  position: relative;
  min-width: 45%;
  max-width: 80%;
  max-height: 95%;
  display: -ms-flexbox;
  display: flex;
  z-index: 201; }

.dialog-content {
  margin: 1em;
  padding: 10px 0 0 0;
  -ms-flex: auto;
  flex: auto; }

.dialog-title {
  background-color: #fff;
  color: #000;
  text-align: left;
  border-bottom: 1px solid #696969;
  margin: 0 -1em;
  padding: 0 1em 3px 2em; }

.dialog-text-alert, .dialog-text-confirm {
  margin-left: 1em;
  margin-right: 1em;
  text-align: justify;
  max-height: calc(100% - 73px); }

.dialog-text-alert {
  /* 1 tlacitko */
  margin-top: 10px;
  overflow: auto; }

.dialog-text-confirm {
  /* 2 tlacitka */
  padding: 20px 0; }

.dialog-text-alert::-webkit-scrollbar {
  width: 26px;
  /* akt. sirka = 26px - 2 x 6px */ }

.dialog-text-alert::-webkit-scrollbar-thumb {
  height: 3em;
  border-top: 6px solid rgba(0, 0, 0, 0);
  /*pruhledny border */
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  /*pozadi nezasahuje do border*/
  border-top-left-radius: 17px 11px;
  border-top-right-radius: 9px 11px;
  border-bottom-left-radius: 17px 11px;
  border-bottom-right-radius: 9px 11px;
  background-color: rgba(0, 0, 0, 0.15); }

.dialog-buttons {
  width: 100%;
  margin-top: 1em;
  text-align: center; }

.btn-basic.btn-gray2 {
  color: #696969;
  min-width: 76px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ styly */
  .dialog-container {
    border-radius: 0;
    overflow: auto; }
  .dialog-text-alert {
    /* 1 tlacitko */
    overflow: hidden; } }
#mmi-home.selected, #mmi-home.active {
  background-color: white; }

.pg-zdravi-demo #active-page-box span:before {
  background-image: url(css/img/img-h5tAw0G9a4fzG_GzQkpK.svg); }

.big-icon-item.oblastPece {
  background-image: url(css/img/img-cNspZDAd3gajvjp9f83W.svg); }

.big-icon-item.oblastMapa {
  background-image: url(css/img/img-X1zIYTGGK8ZxERZlLOF2.svg); }

.big-icon-item.oblastPrukaz {
  background-image: url(css/img/img-3q6ILpNt_junOvn85War.svg); }

.big-icon-item.oblastBonusy {
  background-image: url(css/img/img-1xHEiSrlCfCJBnuTRVb3.svg); }

.big-icon-item.oblastOSVC {
  background-image: url(css/img/img-2BD9IMj524zekL0KSzbz.svg); }

.content-box.demoContentBox {
  padding: 10px;
  background-color: #E1D8EA;
  cursor: pointer; }

.bila {
  color: white; }

.content-part.demoContentPart {
  padding-top: 20px;
  padding-bottom: 0px; }

.content-part-with-left-icon.demoContentWithLeftIcon {
  padding-right: 30px;
  background-color: #E1D8EA; }

.content-part-with-left-icon .demo {
  margin-top: -30px;
  background-color: #956baf;
  width: 64px;
  height: 64px;
  border: 10px solid #956baf;
  border-radius: 32px; }

.big-icon-item.googlePlay, .big-icon-item.appStore {
  cursor: pointer;
  height: 123px;
  background-size: contain; }

.big-icon-item.googlePlay {
  width: 226px;
  background-image: url(css/img/img-E_aNPLANE5LZ1-HeTiL4.png); }

.big-icon-item.appStore {
  width: 180px;
  background-image: url(css/img/img-KSLymBVZL9lU8EgQBh6M.svg); }

.big-icon-item.zarovka {
  width: 155px;
  height: 160px;
  background-size: contain;
  background-image: url(css/img/img-WOin8iIeJ1OIOd5b3Qos.png); }

.obdelnik, .obdelnikFialovy {
  display: inline-block;
  width: 280px;
  height: 128px;
  padding: 20px;
  color: #FFFFFF;
  border-radius: 10px;
  font-weight: bold;
  font-size: 20px;
  line-height: 28px; }

.obdelnikFialovy {
  padding: 15px 0 0 7px;
  text-align: left;
  font-size: 17px;
  line-height: 19px;
  height: 160px;
  text-align: justify; }

.obdelnikZarovka {
  display: inline-block;
  padding: 0; }

.obdelnik .odkaz {
  font-size: 14px;
  font-style: italic; }

.obdelnik.oranzovy {
  background-color: #F5A623; }

.obdelnik.zeleny {
  background-color: #69B800; }

.vyhledLekuDemo {
  background: white;
  color: gray;
  padding: 3px; }

@media screen and (max-width: 979px) {
  .stx div.flex.flex2 {
    -ms-flex-pack: distribute;
    justify-content: space-around; }
  span.obdelnik {
    margin-bottom: 10px; } }
.stx H3 {
  font-family: Proxima; }

.stx .typZpravy-1, .stx .typZpravy-2, .stx .typZpravy-3, .stx .typZpravy-4, .stx .typZpravy-9 {
  border-radius: 22px; }

@media screen and (max-width: 480px) {
  .stx .typZpravy-1, .stx .typZpravy-2, .stx .typZpravy-3, .stx .typZpravy-4, .stx .typZpravy-9 {
    margin-top: -70px; } }

.stx .typZpravy-1 {
  background-color: #FCD05AB0; }

.stx .typZpravy-2 {
  background-color: #E2B6D790; }

.stx .typZpravy-3 {
  background-color: #B4EFEFF0; }

.stx .typZpravy-4 {
  background-color: #D0DD5DD0; }

.stx .typZpravy-9 {
  background-color: #ECECEED0; }

.stx .typZpravy1 {
  color: #FCD05A; }

.stx .typZpravy2 {
  color: #E2B6D7; }

.stx .typZpravy3 {
  color: #00E6E6; }

.stx .typZpravy4 {
  color: #D0DD5D; }

.stx .typZpravy9 {
  color: gray; }

.stx .flex-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.stx .container-flex-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.btn-basic.btn-smaller2 {
  padding: 3px 13px 5px 14px;
  font-size: 13px;
  line-height: 15px;
  white-space: nowrap; }

.stx .col-w-10 {
  width: 100%; }

@media screen and (min-width: 979px) {
  .stx .col-nr-3 {
    width: 30%; }
  .stx .col-nr-3_5 {
    width: 35%; }
  .stx .col-nr-7 {
    width: 70%; }
  .filtry {
    display: -ms-flexbox;
    display: flex;
    place-content: end space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }

@media screen and (max-width: 979px) {
  .stx .col-mr-10 {
    width: 100%; } }

.stx .content-part-with-left-icon .emaily-btns-wrapper {
  position: absolute;
  width: 90px;
  height: 100%;
  right: 15px;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 16px 0; }

.stx .content-part-with-left-icon .levy-div {
  min-width: 400px; }

@media screen and (max-width: 979px) {
  .stx .content-part-with-left-icon .levy-div {
    min-width: 270px;
    width: 270px; } }

@media screen and (max-width: 480px) {
  .stx .content-part-with-left-icon.emaily-wrapper {
    padding-bottom: 50px !important; }
  .stx .content-part-with-left-icon .emaily-btns-wrapper {
    top: calc(100% - 45px);
    width: 100%;
    height: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
    padding: 0; }
  .stx .content-part-with-left-icon .levy-div {
    min-width: 220px;
    width: 220px; }
  .btn-basic.btn-smaller3 {
    margin-left: 8px;
    width: 65%; } }
@charset "UTF-8";
/* Oprava do global
-------------------------------------------------------------------------------*/
#sm-zdravi .mn-item.selected, #sm-zdravi .mn-item.active,
#sm-zdravi .mn-item.selected:hover, #sm-zdravi .mn-item.active:hover {
  background-color: #FFFFFF !important; }

#sm-bonusy .mn-item.selected, #sm-bonusy .mn-item.active,
#sm-bonusy .mn-item.selected:hover, #sm-bonusy .mn-item.active:hover {
  background-color: #ECECEE !important; }

.user-icon3:after {
  content: '';
  width: 40px;
  height: 40px;
  display: block;
  background-image: url(css/img/img-1qrmlszDmbuu02ruhyY1.svg);
  background-position: center center;
  border-radius: 20px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0; }

/* Lightbox */
.lightbox {
  overflow: auto; }

.lightbox .lb-wrapper {
  padding-top: 120px;
  -ms-flex-align: baseline;
  align-items: baseline; }

.lightbox .lb-close-btn {
  top: 50px; }

.lightbox .lb-wrapper .wrapper {
  margin: 0; }

/* Select */
select {
  -moz-appearance: none;
  appearance: none;
  padding: 5px; }

select option {
  padding: 5px; }

/* Základní třídy
-------------------------------------------------------------------------------*/
/*float*/
.stx .fleft {
  float: left; }

.stx .fright {
  float: right; }

/*velikost písma*/
.stx .size12 {
  font-size: 12px; }

.stx .size14 {
  font-size: 14px; }

.stx .size17 {
  font-size: 17px; }

.stx .size18 {
  font-size: 18px; }

.stx .size20 {
  font-size: 20px; }

.stx .size30 {
  font-size: 30px; }

.stx .size32 {
  font-size: 32px; }

.stx .size65 {
  font-size: 65px; }

/*zarovnání textu*/
.stx .acenter {
  text-align: center; }

.stx .aleft {
  text-align: left; }

.stx .aright {
  text-align: right; }

/*šířka - procenta*/
.w0pct {
  width: 0%; }

.w1pct {
  width: 1%; }

.w2pct {
  width: 2%; }

.w3pct {
  width: 3%; }

.w4pct {
  width: 4%; }

.w5pct {
  width: 5%; }

.w6pct {
  width: 6%; }

.w7pct {
  width: 7%; }

.w8pct {
  width: 8%; }

.w9pct {
  width: 9%; }

.w10pct {
  width: 10%; }

.w11pct {
  width: 11%; }

.w12pct {
  width: 12%; }

.w13pct {
  width: 13%; }

.w14pct {
  width: 14%; }

.w15pct {
  width: 15%; }

.w16pct {
  width: 16%; }

.w17pct {
  width: 17%; }

.w18pct {
  width: 18%; }

.w19pct {
  width: 19%; }

.w20pct {
  width: 20%; }

.w21pct {
  width: 21%; }

.w22pct {
  width: 22%; }

.w23pct {
  width: 23%; }

.w24pct {
  width: 24%; }

.w25pct {
  width: 25%; }

.w26pct {
  width: 26%; }

.w27pct {
  width: 27%; }

.w28pct {
  width: 28%; }

.w29pct {
  width: 10%; }

.w30pct {
  width: 30%; }

.w31pct {
  width: 31%; }

.w32pct {
  width: 32%; }

.w33pct {
  width: 33%; }

.w34pct {
  width: 34%; }

.w35pct {
  width: 35%; }

.w36pct {
  width: 36%; }

.w37pct {
  width: 37%; }

.w38pct {
  width: 38%; }

.w39pct {
  width: 39%; }

.w40pct {
  width: 40%; }

.w41pct {
  width: 41%; }

.w42pct {
  width: 42%; }

.w43pct {
  width: 43%; }

.w44pct {
  width: 44%; }

.w45pct {
  width: 45%; }

.w46pct {
  width: 46%; }

.w47pct {
  width: 47%; }

.w48pct {
  width: 48%; }

.w49pct {
  width: 49%; }

.w50pct {
  width: 50%; }

.w51pct {
  width: 51%; }

.w52pct {
  width: 52%; }

.w53pct {
  width: 53%; }

.w54pct {
  width: 54%; }

.w55pct {
  width: 55%; }

.w56pct {
  width: 56%; }

.w57pct {
  width: 57%; }

.w58pct {
  width: 58%; }

.w59pct {
  width: 59%; }

.w60pct {
  width: 60%; }

.w61pct {
  width: 61%; }

.w62pct {
  width: 62%; }

.w63pct {
  width: 63%; }

.w64pct {
  width: 64%; }

.w65pct {
  width: 65%; }

.w66pct {
  width: 66%; }

.w67pct {
  width: 67%; }

.w68pct {
  width: 68%; }

.w69pct {
  width: 69%; }

.w70pct {
  width: 70%; }

.w71pct {
  width: 71%; }

.w72pct {
  width: 72%; }

.w73pct {
  width: 73%; }

.w74pct {
  width: 74%; }

.w75pct {
  width: 75%; }

.w76pct {
  width: 76%; }

.w77pct {
  width: 77%; }

.w78pct {
  width: 78%; }

.w79pct {
  width: 79%; }

.w80pct {
  width: 80%; }

.w81pct {
  width: 81%; }

.w82pct {
  width: 82%; }

.w83pct {
  width: 83%; }

.w84pct {
  width: 84%; }

.w85pct {
  width: 85%; }

.w86pct {
  width: 86%; }

.w87pct {
  width: 87%; }

.w88pct {
  width: 88%; }

.w89pct {
  width: 89%; }

.w90pct {
  width: 90%; }

.w91pct {
  width: 91%; }

.w92pct {
  width: 92%; }

.w93pct {
  width: 93%; }

.w94pct {
  width: 94%; }

.w95pct {
  width: 95%; }

.w96pct {
  width: 96%; }

.w97pct {
  width: 97%; }

.w98pct {
  width: 98%; }

.w99pct {
  width: 99%; }

.w100pct {
  width: 100%; }

/*šířka - pixely*/
.stx .w40px {
  width: 40px !important; }

.stx .w50px {
  width: 50px !important; }

.stx .w90px {
  width: 90px !important; }

.stx .w110px {
  width: 110px !important; }

/*šířky - speciální*/
.stx .w33-33pct {
  width: 33.33%; }

.stx .w100plus5 {
  width: calc(100% + 5px); }

.stx .w100plus10 {
  width: calc(100% + 10px); }

.stx .w100minus5 {
  width: calc(100% - 5px); }

.stx .w100minus10 {
  width: calc(100% - 10px); }

/*maximálí šířka*/
.stx .maxw90px {
  max-width: 90px; }

.stx .maxw620px {
  max-width: 620px;
  margin: 0 auto; }

/*výška*/
.stx .height10 {
  height: 10px !important; }

.stx .height40 {
  height: 40px !important; }

.stx .height42 {
  height: 42px !important; }

.stx .height50 {
  height: 50px !important; }

.stx .height60 {
  height: 60px !important; }

/*výška - procenta*/
.stx .height100pct, .stx.height100pct {
  height: 100%; }

/*minimální výška*/
.stx .minheight90 {
  min-height: 90px !important; }

/*výška řádkování*/
.stx .line18 {
  line-height: 18px !important; }

.stx .line20 {
  line-height: 20px !important; }

.stx .line22 {
  line-height: 22px !important; }

.stx .line24 {
  line-height: 24px !important; }

.stx .line30 {
  line-height: 30px !important; }

.stx .line36 {
  line-height: 36px !important; }

.stx .line40 {
  line-height: 40px !important; }

.stx .line60 {
  line-height: 60px !important; }

.stx .line65 {
  line-height: 65px !important; }

/*clear*/
.stx .clear {
  clear: both; }

/*barva písma*/
.stx .lightgray {
  color: #aeaeb1 !important; }

.stx .orange {
  color: #F5A623 !important; }

.stx .red {
  color: #D7183B !important; }

.stx .blue {
  color: #41B2E1 !important; }

.stx .purple {
  color: #702082 !important; }

.stx .green {
  color: #69B800 !important; }

.stx .white {
  color: #FFFFFF !important; }

/*tučnost písma*/
.stx .bold {
  font-weight: bold; }

/*barva pozadí*/
.stx .backgroundgray {
  background-color: #F6F6F8; }

.stx .backgroundpurple, .stx.backgroundpurple {
  background-color: #502559; }

/*tabulka*/
.stx .dtable {
  display: table; }

.stx .dtablecell {
  display: table-cell;
  vertical-align: middle; }

.stx .breakall .dtablecell, .stx .breakall.dtablecell {
  word-break: break-all; }

.stx .dtablerow {
  display: table-row; }

.stx .dtable.twocolor .dtablerow:nth-child(2n) {
  background-color: #F6F6F8; }

.stx .dtable.twocolor .dtablerow.orangecolor {
  background-color: #F7FCF2; }

.stx .dtable.twocolor .dtablerow.orangecolor .dtablecell {
  border-bottom: 5px solid #fff; }

.stx .dtable.twocolor .dtablerow.orangecolor .dtablecell .dtablecell {
  border: 0px; }

.stx .dtable a:not(.btn-basic) {
  text-decoration: underline;
  color: #702082; }

.stx .dtablecell input[type="checkbox"].chb-bigger + label:before {
  margin-top: -15px; }

.stx .mini-round {
  width: 12px;
  height: 12px;
  background: transparent;
  border-radius: 50%;
  display: block;
  margin-left: 15px; }

.stx .mini-round.orange {
  background: #D0DD5D; }

.stx .mini-round.gray {
  background: #B4EFEF; }

/*display*/
.stx .dinlineblock {
  display: inline-block; }

.stx .dblock {
  display: block; }

.stx .dnone {
  display: none; }

/*odsazení*/
.stx .paddtop0 {
  padding-top: 0px !important; }

.stx .paddtop5 {
  padding-top: 5px !important; }

.stx .paddtop7 {
  padding-top: 7px !important; }

.stx .paddtop10 {
  padding-top: 10px !important; }

.stx .paddtop15 {
  padding-top: 15px !important; }

.stx .paddtop20 {
  padding-top: 20px !important; }

.stx .paddtop60 {
  padding-top: 60px !important; }

.stx .paddbottom0 {
  padding-bottom: 0px !important; }

.stx .paddbottom5 {
  padding-bottom: 5px !important; }

.stx .paddbottom10 {
  padding-bottom: 10px !important; }

.stx .paddbottom15 {
  padding-bottom: 15px !important; }

.stx .paddbottom20 {
  padding-bottom: 20px !important; }

.stx .paddleft0 {
  padding-left: 0px !important; }

.stx .paddleft5 {
  padding-left: 5px !important; }

.stx .paddleft10 {
  padding-left: 10px !important; }

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

.stx .paddleft30 {
  padding-left: 30px !important; }

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

.stx .paddleft50 {
  padding-left: 50px !important; }

.stx .paddright0 {
  padding-right: 0px !important; }

.stx .paddright5 {
  padding-right: 5px !important; }

.stx .paddright10 {
  padding-right: 10px !important; }

.stx .paddright20 {
  padding-right: 20px !important; }

/*margin*/
.stx .margtop0 {
  margin-top: 0px !important; }

/*oddělovač hr*/
.stx hr.light {
  border-top: 1px solid #F3F3F4; }

/*ohraničení*/
.stx .border0 {
  border: 0px; }

/* Nadpisy
-------------------------------------------------------------------------------*/
.stx h1.bigger span.lightgray {
  font-size: 14px;
  font-weight: normal; }

.stx h2.bigger {
  font-size: 23px; }

/* Základní blok
-------------------------------------------------------------------------------*/
.stx .wrapper.smallpaddingtop {
  padding-top: 20px; }

.stx .wrapper.smallpaddingbottom {
  padding-bottom: 20px; }

/* Bílý blok přilepený pod submenu (v sekci zdraví)
-------------------------------------------------------------------------------*/
.stx .white-content-block {
  background-color: #fff; }

.stx .white-content-block .note-box {
  margin-top: 20px; }

/* Ikony
-------------------------------------------------------------------------------*/
.stx .ico-sos {
  height: 62px;
  width: 62px;
  line-height: 62px;
  text-align: center;
  display: block;
  margin: 0 auto;
  background: #D7183B;
  color: #fff;
  border-radius: 50%; }

/* Základní bílý box pro obsah a jednotlivé části, většinou oddělé čárou
-------------------------------------------------------------------------------*/
.stx .content-box.smallmargin {
  margin: 2px 0; }

.stx .content-box .content-part-with-left-icon.bigpadding {
  padding-top: 30px;
  padding-bottom: 30px; }

.stx .content-box .content-part-with-left-icon.smallrightpadd {
  padding-right: 100px; }

.stx .content-box .content-part-with-left-icon h3 {
  font-size: 18px; }

.stx .content-part-with-left-icon .cp-btns-wrapper {
  width: 225px; }

.stx .content-part-with-left-icon .cp-btns-wrapper .btn-basic:first-child {
  margin-left: 0; }

.stx .content-box .content-part-with-left-icon-text {
  position: relative;
  padding: 17px 17px 17px 200px;
  line-height: 18px; }

.stx .content-box .content-part-with-left-icon-text .lightgray.size14 {
  padding: 5px 0; }

.stx .content-part-with-left-icon-text + .content-part-with-left-icon-text,
.stx .active-block .content-part-with-left-icon + .content-part-with-left-icon {
  border-top: 1px solid #F3F3F4; }

.stx .content-part-with-left-icon-text + .content-part-with-left-icon-text:not(.backgroundgray):not(.fullbutton):before,
.stx .active-block .content-part-with-left-icon + .content-part-with-left-icon:not(.backgroundgray):not(.fullbutton):before {
  content: '';
  display: block;
  border-top: 1px solid #F3F3F4;
  position: absolute;
  top: -1px;
  left: -30px;
  width: 30px; }

.stx .content-part-with-left-icon-text + .content-part-with-left-icon-text:not(.backgroundgray):not(.fullbutton):after,
.stx .active-block .content-part-with-left-icon + .content-part-with-left-icon:not(.backgroundgray):not(.fullbutton):after {
  content: '';
  display: block;
  border-top: 1px solid #F3F3F4;
  position: absolute;
  top: -1px;
  right: -30px;
  width: 30px; }

.stx .content-part-with-left-icon-text .big-icon-item {
  position: absolute;
  left: 135px;
  top: 0;
  bottom: 0;
  margin: auto; }

.stx .content-part-with-left-icon-text .date-text {
  position: absolute;
  left: 35px;
  top: 50%;
  margin-top: -22px;
  width: 100px;
  color: #aeaeb1; }

.stx .content-box .content-part-with-left-icon-text.withbuttons {
  padding: 27px 150px 27px 200px; }

.stx .content-part-with-left-icon-text.withbuttons.backgroundgray {
  padding: 15px 100px 15px 200px; }

.stx .content-part-with-left-icon-text.withbuttons.backgroundgray + .content-part-with-left-icon-text.withbuttons.backgroundgray {
  border-top: 2px solid #fff; }

.stx .content-part-with-left-icon-text.withbuttons.backgroundgray .withcheckbox label {
  position: relative;
  top: -2px;
  left: 10px; }

.stx .content-part-with-left-icon-text.withbuttons .date-text {
  left: 15px;
  text-align: right; }

.stx .content-part-with-left-icon-text .cp-btns-wrapper {
  position: absolute;
  width: 220px;
  height: 100%;
  right: 20px;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.stx .content-part.item-smallpadd {
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px; }

.stx .content-box .content-part.item-smallpadd .content-part-with-left-icon {
  padding: 17px 30px 17px 100px; }

.stx .content-box .content-part.item-smallpadd .content-part-with-left-icon2 {
  padding-left: 80px; }

.stx .content-box .content-part.item-smallpadd .content-part-with-left-icon .big-icon-item {
  top: 0%;
  margin-top: 17px; }

.stx .withbuttons .btn-basic {
  padding: 11px 18px 12px 18px; }

.stx .withbuttons .btn-basic.btn-smaller {
  padding: 3px 22px 5px 22px; }

.stx .status-success .big-icon-item span,
.stx .item-status-success .big-icon-item span {
  width: 20px;
  height: 20px;
  background-image: url(css/img/img-2FQGsxDkqy4EZo6f9kzw.svg);
  display: block;
  position: absolute;
  right: -5px;
  top: -5px; }

.stx .status-error .big-icon-item span,
.stx .item-status-error .big-icon-item span {
  width: 20px;
  height: 20px;
  background-image: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg);
  display: block;
  position: absolute;
  right: -5px;
  top: -5px; }

.stx .item-status-check .big-icon-item span {
  background: transparent; }

.stx .item-status-error .big-icon-item span,
.stx .item-status-success .big-icon-item span {
  top: 12px;
  left: 12px; }

.stx .item-status-success .big-icon-item span {
  background-image: url(css/img/img-2FQGsxDkqy4EZo6f9kzw.svg) !important; }

.stx .item-status-error .big-icon-item span {
  background-image: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg) !important; }

.stx .status-error.content-box .content-part-with-left-icon-text.withbuttons {
  background: rgba(215, 24, 59, 0.06);
  border-radius: 4px; }

.stx .status-error.content-box .content-part-with-left-icon-text.withbuttons.backgroundgray {
  background-color: #F6F6F8; }

.stx .status-error.content-box .content-part-with-left-icon-text.withbuttons.background-status-error {
  background: rgba(215, 24, 59, 0.06); }

.stx .status-error.content-box .content-part-with-left-icon-text.withbuttons.fullbutton {
  background: #fff;
  border: 0px; }

.stx .status-error.content-box {
  padding: 10px; }

.stx .status-error.content-box .content-part-with-left-icon-text.withbuttons {
  padding: 17px 90px 17px 190px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons {
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 220px;
  padding-right: 130px;
  margin-bottom: 10px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons.backgroundgray {
  padding-left: 200px;
  padding-right: 110px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons.backgroundgray,
.stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons.fullbutton {
  margin: 0; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text .big-icon-item {
  left: 155px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text.backgroundgray .big-icon-item {
  left: 135px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons .date-text {
  left: 35px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons.backgroundgray .date-text {
  left: 15px; }

.stx .status-error.content-box.active-block .content-part-with-left-icon-text .cp-btns-wrapper {
  right: 40px; }

.stx .status-error.content-box .content-part-with-left-icon-text .big-icon-item {
  left: 125px; }

.stx .status-error.content-box .content-part-with-left-icon-text.withbuttons .date-text {
  left: 5px; }

.stx .status-error.content-box .content-part-with-left-icon-text .cp-btns-wrapper {
  right: 10px; }

.stx .status-success .color-status, .stx .color-status-success {
  color: #69B800; }

.stx .status-check .color-status, .stx .color-status-check {
  color: #F5A623; }

.stx .status-error .color-status, .stx .color-status-error {
  color: #D7183B; }

.stx .item-status-error .color-status {
  color: #D7183B; }

.stx .item-status-check .color-status {
  color: #F5A623; }

.stx .item-status-success .color-status {
  color: #69B800; }

.stx .content-box.active-block {
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 30px;
  padding-right: 30px;
  border: 6px solid #DFDFDF; }

.stx .content-part-bordertop {
  border-top: 1px solid #F3F3F4; }

/*stránka souborů*/
.stx .directory-name,
.stx .file-name {
  max-width: calc(100% - 40px);
  width: 560px;
  display: inline-block;
  overflow: hidden;
  word-wrap: break-word;
  vertical-align: middle; }

/* credit-block */
.stx .credit-block {
  border-radius: 12px;
  background-color: #702082;
  color: #fff;
  height: 140px;
  width: 190px;
  text-align: center;
  float: left;
  margin-right: 10px;
  position: relative; }

.stx .credit-block.backgroundgray {
  background-color: #F1F1F4; }

.stx .credit-block .small-icon-item {
  position: absolute;
  top: 5px;
  right: 5px; }

.stx .credits-used {
  height: 40px;
  line-height: 40px;
  background: #ECECEE;
  color: #702082;
  font-size: 14px;
  border-radius: 12px;
  padding: 0 12px;
  margin-right: 10px;
  float: right; }

.stx .credits-remaining {
  height: 40px;
  line-height: 40px;
  background: #702082;
  color: #fff;
  font-size: 14px;
  border-radius: 12px;
  padding: 0 12px;
  float: right; }

.stx .credits-used strong,
.stx .credits-remaining strong {
  font-size: 17px; }

/*category-item*/
.stx .category-item {
  background: #F3ECF5;
  height: 80px;
  border-radius: 8px;
  padding-left: 80px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 4px;
  color: #37383C; }

.stx .category-item.active, .category-item:hover {
  background: #702082;
  color: #fff; }

.stx .category-item .big-icon-item {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto; }

.stx .category-item .big-icon-item span {
  position: absolute;
  top: -5px;
  right: -5px;
  background: #fff;
  border-radius: 50%;
  color: #702082;
  font-size: 11px;
  text-align: center;
  display: block;
  height: 17px;
  width: 17px;
  line-height: 17px;
  font-weight: bold; }

.stx .category-item h3 {
  display: table-cell;
  height: 80px;
  line-height: 20px;
  vertical-align: middle; }

.stx .category-item .fulllink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer; }

/*program-item*/
.stx .program-item, .stx .program-itemDisabled {
  width: 50%;
  width: calc(50% - 12px);
  padding: 18px;
  margin-left: 10px;
  margin-bottom: 10px;
  float: left;
  border: 1px solid #ECECEF;
  border-radius: 4px; }

.stx .program-itemDisabled {
  background-color: #F7F7F7; }

.stx .program-item h3, .stx .program-itemDisabled h3 {
  line-height: 24px;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.stx .program-item p, .stx .program-itemDisabled p {
  /*height:36px;*/
  line-height: 18px;
  overflow: hidden;
  color: #AEAEB1;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 5px; }

.stx .program-price {
  color: #69B800;
  font-size: 17px;
  line-height: 24px;
  font-weight: bold; }

.stx .program-list {
  column-gap: 0px;
  column-count: 2;
  overflow: hidden; }

.stx .program-list.two-columns {
  column-gap: 10px;
  width: 100%;
  overflow: hidden; }

.stx .program-list.two-columns .program-item {
  margin-right: 0px;
  margin-left: 0px;
  width: 100% !important;
  position: relative; }

.stx .program-list .program-item {
  width: auto !important;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
  position: relative; }

.stx .program-list .program-item:first-of-type:last-of-type,
.stx .program-list .program-item.nobreak {
  page-break-inside: avoid;
  display: table; }

.stx .program-list .program-item h3 {
  height: auto !important;
  overflow: visible;
  white-space: normal; }

.stx .select-distict .program-item, .stx .select-distict .program-itemDisabled {
  width: 30% !important;
  width: calc(33.33% - 10px) !important;
  margin: 0;
  margin-right: 10px;
  margin-bottom: 10px; }

.stx .select-distict .program-item:hover,
.stx .select-distict .program-item.selected {
  background: #702082;
  border: 1px solid #702082;
  color: #fff; }

.stx .select-distict .program-item:hover p,
.stx .select-distict .program-item.selected p,
.stx .select-distict .program-item:hover h3,
.stx .select-distict .program-item.selected h3,
.stx .select-distict .program-item:hover .program-price,
.stx .select-distict .program-item.selected .program-price {
  color: #fff; }

/*Error dialog*/
.stx .error-dialog {
  border: 2px solid #F4C7CE;
  border-radius: 12px;
  background-color: #FBE7EB;
  padding: 30px 60px;
  color: #D7183B;
  margin-top: 20px;
  margin-bottom: 20px; }

.stx .error-dialog .name-with-ico {
  color: #D7183B;
  font-size: 18px;
  font-weight: bold;
  line-height: 28px;
  padding-left: 36px;
  position: relative; }

.stx .error-dialog .name-with-ico:before {
  content: '';
  background-image: url(css/img/img-26-eLLS2NHRpGO7gHQYm.svg);
  width: 28px;
  height: 28px;
  display: block;
  position: absolute;
  left: 0; }

/* Stránkování
-------------------------------------------------------------------------------*/
.stx .content-pagination {
  text-align: center;
  padding-top: 10px; }

.stx .content-pagination a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #8E8A94;
  text-decoration: none;
  border-radius: 50%;
  display: inline-block;
  font-size: 16px;
  font-weight: bold; }

.stx .content-pagination a.active, .stx .content-pagination a:hover {
  background: #fff; }

/* Tlačítka
-------------------------------------------------------------------------------*/
.stx .btn-basic {
  text-decoration: none; }

.stx .btn-basic.btn-purple-border {
  border-color: #782d89;
  background-color: transparent;
  color: #782d89;
  padding: 3px 12px 5px 12px; }

.stx .btn-white-gray-border {
  border: 2px solid rgba(210, 210, 211, 0.2);
  background: #fff;
  color: #B3AFBA;
  word-break: normal; }

.stx .btn-white-gray-border:hover {
  color: #B3AFBA; }

.stx .respo-ico-search,
.stx .respo-ico-filter {
  padding: 13px 15px 13px 35px;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #ffffff;
  background-color: #8E8A94;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  float: left;
  height: 36px; }

.stx .respo-ico-filter {
  margin-left: 10px; }

.stx .respo-ico-search.active,
.stx .respo-ico-filter.active {
  background-color: #702082; }

.stx .respo-ico-search:after,
.stx .respo-ico-filter:after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 8px;
  background: url(css/img/img-sSLIfaKMo0LmZmcb65TE.svg) no-repeat 0 0; }

.stx .respo-ico-filter:after {
  background: url(css/img/img-MMDHDeY3DrpzcLHorKbp.svg) no-repeat center center; }

/* Inputy
-------------------------------------------------------------------------------*/
/* Vyhledávací pole */
.stx .search-input-wrapper input[type="text"] {
  display: inline-block;
  width: 90%;
  width: calc(100% - 88px);
  max-height: 40px;
  max-width: 100% !important; }

.stx .search-input-wrapper {
  display: block; }

.stx .search-input-wrapper .btn-search-input {
  position: absolute;
  right: 0;
  float: right;
  width: 88px;
  max-height: 40px; }

/* Kroky na stránce
-------------------------------------------------------------------------------*/
.stx .steps-in-page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  height: 80px; }

.stx .steps-in-page.steps4 {
  max-width: 650px;
  padding: 0 0px; }

.stx .steps-in-page .step {
  float: left;
  width: 25%;
  position: relative; }

.stx .steps-in-page .step-item-wrapper {
  display: block;
  margin: 0 auto; }

.stx .steps-in-page .step-anot {
  color: #B3AFBA;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  width: 100%;
  font-weight: bold;
  padding-top: 10px; }

.stx .steps-in-page .active .step-anot {
  color: #702082; }

.stx .steps-in-page .done .step-anot {
  color: #69B800; }

.stx .steps-in-page .done a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.stx .steps-progress {
  height: 3px;
  background: #DFDFDF;
  width: 75%;
  position: relative;
  top: 16px;
  margin: 0 auto; }

.stx .steps-progress-green {
  height: 3px;
  background: #69B800;
  width: 0px; }

.stx .steps-in-page.steps3.done1 .steps-progress-green {
  width: 50%; }

.stx .steps-in-page.steps3.done2 .steps-progress-green {
  width: 100%; }

.stx .steps-in-page.steps4.done1 .steps-progress-green {
  width: 33.33%; }

.stx .steps-in-page.steps4.done2 .steps-progress-green {
  width: 66.66%; }

.stx .steps-in-page.steps4.done3 .steps-progress-green {
  width: 100%; }

.stx .steps-in-page.steps5.done1 .steps-progress-green {
  width: 25%; }

.stx .steps-in-page.steps5.done2 .steps-progress-green {
  width: 50%; }

.stx .steps-in-page.steps5.done3 .steps-progress-green {
  width: 75%; }

.stx .steps-in-page.steps5.done4 .steps-progress-green {
  width: 100%; }

.stx .steps-in-page.steps3 .step {
  width: 33.33%; }

.stx .steps-in-page.steps4 .step {
  width: 25%; }

.stx .steps-in-page.steps5 .step {
  width: 20%; }

/* Střední ikony 40x40px
-------------------------------------------------------------------------------*/
.stx .medium-icon-item {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: 50% 50%; }

.stx .medium-icon-item.icn-vita-prehled {
  background-image: url(css/img/img-1R4MXwT6UjODc6Xtwp2r.svg); }

/* Ikony v tabulce
-------------------------------------------------------------------------------*/
.stx .dtablecell .icn-slozka, .stx .dtablecell .icn-soubor {
  margin-bottom: -3px;
  margin-right: 5px; }

/* Hlášky
-------------------------------------------------------------------------------*/
.stx .note-box.nb-bonus {
  background-color: #702082;
  color: #fff;
  font-style: normal;
  padding: 13px 20px; }

.stx .note-box.nb-bonus .btn-basic.btn-purple-border {
  color: #fff; }

/* Hodnocení hvězdičkami - řešeno pomocí radio inputů
-------------------------------------------------------------------------------*/
.stx .starrating {
  overflow: hidden;
  vertical-align: bottom;
  display: inline-block; }

.stx .starrating > input[type="radio"] {
  display: none; }

.stx .starrating > input[type="radio"] + label {
  position: relative;
  display: block;
  float: right;
  background: url(css/img/img-1QKZGW3vZpvkZmpxkQAt.svg) no-repeat center center !important;
  background-size: 20px 20px !important;
  padding: 0px !important;
  margin: 2px; }

.stx .starrating > label:before {
  display: block;
  opacity: 0;
  content: '';
  width: 20px;
  height: 20px;
  background: url(css/img/img-3qYr9u7xpzm0sqkOQy5B.svg) no-repeat center center !important;
  background-size: 20px 20px;
  transition: opacity 0.2s linear;
  position: static !important; }

.stx .starrating > label:hover:before,
.stx .starrating > label:hover ~ label:before,
.stx .starrating:not(:hover) > :checked ~ label:before {
  opacity: 1; }

/* Checkbox v detailu sekce
-------------------------------------------------------------------------------*/
.stx .chb-in-section input[type="checkbox"]:not(.switch-check) + label::before {
  display: none; }

.stx .chb-in-section input[type="checkbox"]:not(.switch-check) + label {
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  line-height: 15px;
  border-radius: 8px;
  background: rgba(240, 231, 242, 0.8);
  padding: 0px;
  width: 100%;
  width: 500px;
  text-align: center;
  font-size: 13px;
  color: #37383C; }

.stx .chb-in-section input[type="checkbox"]:checked:not(.switch-check) + label,
.stx .chb-in-section input[type="checkbox"]:not(.switch-check) + label:hover {
  background: #702082;
  color: #fff; }

.stx .chb-in-section input[type="checkbox"]:checked:not(.switch-check) + label {
  font-weight: bold; }

.stx .chb-in-section input[type="radio"]:not(.switch-check) + label::before {
  display: none; }

.stx .chb-in-section input[type="radio"]:not(.switch-check) + label {
  height: 45px;
  display: table-cell;
  vertical-align: middle;
  line-height: 15px;
  border-radius: 8px;
  background: rgba(245, 166, 35, 0.1);
  padding: 0px;
  width: 100%;
  width: 500px;
  text-align: center;
  font-size: 13px;
  color: #37383C; }

.stx .chb-in-section input[type="radio"]:checked:not(.switch-check) + label,
.stx .chb-in-section input[type="radio"]:not(.switch-check) + label:hover {
  background: #702082;
  color: #fff !important; }

.stx .chb-in-section input[type="radio"]:checked:not(.switch-check) + label {
  font-weight: bold; }

/* Textarea in section
-------------------------------------------------------------------------------*/
.txtarea-in-section {
  resize: vertical;
  font-family: Arial;
  min-height: 42px;
  height: 42px; }

/* Range slider
-------------------------------------------------------------------------------*/
.stx .wrap-range-slider {
  position: relative;
  margin-top: 10px;
  height: 80px; }

.stx .wrap-range-slider .slider-minus,
.stx .wrap-range-slider .slider-plus {
  width: 27px;
  height: 27px;
  background: #DFDFDF;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 21px;
  line-height: 27px;
  border-radius: 50%;
  position: absolute; }

.stx .wrap-range-slider .slider-minus {
  left: 0;
  top: 0; }

.stx .wrap-range-slider .slider-plus {
  right: 0;
  top: 0; }

.stx .wrap-range-slider .slider-min,
.stx .wrap-range-slider .slider-max {
  position: absolute;
  top: 38px;
  line-height: 18px; }

.stx .wrap-range-slider .slider-min {
  left: 0; }

.stx .wrap-range-slider .slider-max {
  right: 0;
  text-align: right; }

.stx .range-number {
  display: block;
  height: 41px;
  line-height: 41px;
  width: 86px;
  border: 1px solid #B3AFBA;
  border-radius: 4px;
  font-size: 23px;
  font-weight: bold;
  color: #702082;
  text-align: center;
  float: right;
  margin-top: 5px; }

.stx .range-slider {
  -webkit-appearance: none;
  width: 100%;
  width: calc(100% - 52px);
  margin-left: 26px;
  margin-right: 26px;
  min-height: 27px;
  background: #fff;
  outline: none;
  opacity: 1;
  transition: opacity .2s;
  padding: 0px; }

.stx .range-slider::-moz-range-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  background: #DFDFDF;
  border: 0; }

.stx .range-slider::-webkit-slider-thumb {
  appearance: none;
  width: 27px;
  height: 27px;
  background: #69B800;
  border: 0px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -10px; }

.stx .range-slider::-moz-range-thumb {
  width: 27px;
  height: 27px;
  background: #69B800;
  border: 0px;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0px; }

.stx .range-slider::-moz-range-progress {
  background-color: #69B800;
  height: 7px; }

.stx .range-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 7px;
  cursor: pointer;
  background: #DFDFDF;
  border: 0; }

.stx .range-slider::-ms-track {
  width: 100%;
  height: 7px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent; }

.stx .range-slider::-ms-fill-lower {
  background: #69B800;
  border-radius: 10px; }

.stx .range-slider::-ms-fill-upper {
  background: #DFDFDF;
  border-radius: 10px; }

.stx .range-slider::-ms-thumb {
  border: none;
  height: 27px;
  width: 27px;
  border-radius: 50%;
  background: #69B800;
  margin: 0px; }

.stx .range-slider:focus::-ms-fill-lower {
  background: #69B800; }

.stx .range-slider:focus::-ms-fill-upper {
  background: #DFDFDF; }

/*Fixní iframe v atlasu doktorů
-------------------------------------------------------------------------------*/
.stx.content-iframe {
  height: calc(100% - 30px);
  position: relative; }

.stx .fixediframe {
  height: 100%;
  width: 100%; }

/* Bannery
-------------------------------------------------------------------------------*/
.diabetty-banner {
  width: 100%;
  height: 0px;
  padding-bottom: 32.60869565217391%;
  background: url(css/img/img-19vyqDNwVRAbJiOis79s.png) no-repeat top center;
  background-size: 100%; }

/*-------------------------------------------------------------------------------
RESPONZIVITA
-------------------------------------------------------------------------------*/
/* Pro šířky od 1280px
-------------------------------------------------------------------------------*/
@media screen and (min-width: 1280px) {
  .stx .select-distict .program-item:nth-child(3n+1),
  .stx .select-distict .program-itemDisabled:nth-child(3n+1) {
    clear: both; } }

/* Pro šířky od 980px do 1279px
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1279px) {
  /*třída, která určí, že se v tomto rozlišení nebude daný blok zobrazovat*/
  .stx .lnone {
    display: none; }
  /*třídy, které změní v tomto rozlišení šířku bloku*/
  .stx .lw40pct {
    width: 40% !important; }
  .stx .lw50pct {
    width: 50% !important; }
  .stx .lw60pct {
    width: 60% !important; }
  .stx .lw100pct {
    width: 100% !important; }
  /*třídy, které změní v tomto rozlišení zarovnání textu*/
  .stx .laleft {
    text-align: left !important; }
  .stx .laright {
    text-align: right !important; }
  .stx .lacenter {
    text-align: center !important; }
  /*centrování obsahu*/
  .stx .mflex-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center; }
  /*padding 0*/
  .stx .lpadd0 {
    padding: 0px !important; }
  .stx .lpaddleft0 {
    padding-left: 0px !important; }
  /*margin*/
  .stx .lmargtop10 {
    margin-top: 10px; }
  .stx .lmargtop-40 {
    margin-top: -41px !important; }
  /*zobrazí jako blok*/
  .stx .lblock {
    display: block !important; }
  /*clear*/
  .stx .lclear {
    clear: both !important; }
  /*float*/
  .stx .lfleft {
    float: left !important; }
  .stx .lfright {
    float: right !important; }
  .stx .lfnone {
    float: none !important; }
  /*výška řádku v tomto rozlišení*/
  .stx .lline24 {
    line-height: 24px !important; }
  .lightbox .lb-wrapper .wrapper {
    margin: 0 auto;
    max-width: 100%; }
  .stx .program-item, .stx .program-itemDisabled {
    width: calc(100% - 12px); }
  .stx .program-item h3, .stx .program-itemDisabled h3 {
    white-space: normal;
    height: auto;
    line-height: 18px; }
  .stx .program-list {
    column-gap: 10px;
    column-count: 1; }
  .stx .program-list .program-item {
    width: 100% !important; }
  .stx .wrap-range-slider {
    width: calc(100% - 96px) !important; }
  .stx .wrap-slider-num {
    width: 96px !important; }
  .stx .credit-block + .credit-block {
    margin-right: 0; }
  .stx .credit-block {
    width: 45%;
    width: calc(50% - 5px); }
  .stx .credits-used,
  .stx .credits-remaining {
    width: 45%;
    width: calc(50% - 5px);
    text-align: center; }
  .stx .select-distict .program-item, .stx .select-distict .program-itemDisabled {
    width: calc(50% - 10px) !important; }
  .stx .select-distict .program-item:nth-child(2n+1), .stx .select-distict .program-itemDisabled:nth-child(2n+1) {
    clear: both; } }

/* Pro šířky od 768px do 979px
-------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) {
  /*třída, která určí, že se v tomto rozlišení nebude daný blok zobrazovat*/
  .stx .mnone {
    display: none; }
  .stx .minline {
    display: inline; }
  /*třídy, které změní v tomto rozlišení šířku bloku*/
  .stx .mw25pct {
    width: 25% !important; }
  .stx .mw30pct {
    width: 30% !important; }
  .stx .mw40pct {
    width: 40% !important; }
  .stx .mw45pct {
    width: 45% !important; }
  .stx .mw50pct {
    width: 50% !important; }
  .stx .mw70ct {
    width: 70% !important; }
  .stx .mw75pct {
    width: 75% !important; }
  .stx .mw100pct {
    width: 100% !important; }
  .stx .mw80px {
    width: 80px !important; }
  .stx .mheightauto {
    height: auto !important; }
  /*třídy, které změní v tomto rozlišení zarovnání textu*/
  .stx .maleft {
    text-align: left !important; }
  .stx .maright {
    text-align: right !important; }
  .stx .macenter {
    text-align: center !important; }
  /*font size*/
  .stx .msize17 {
    font-size: 17px !important; }
  /*padding 0*/
  .stx .mpadd0 {
    padding: 0px !important; }
  /*padding*/
  .stx .mpaddtop5 {
    padding-top: 5px !important; }
  .stx .mpaddtop10 {
    padding-top: 10px !important; }
  .stx .mpaddbottom10 {
    padding-bottom: 10px !important; }
  .stx .mpaddleft10 {
    padding-left: 10px !important; }
  .stx .mpaddright10 {
    padding-right: 10px !important; }
  /*margin*/
  .stx .mmargtop10 {
    margin-top: 10px; }
  .stx .mmargtop20 {
    margin-top: 20px; }
  /*zobrazí jako blok*/
  .stx .mblock {
    display: block !important; }
  /*clear*/
  .stx .mclear {
    clear: both !important; }
  /*float*/
  .stx .mfleft {
    float: left !important; }
  .stx .mfright {
    float: right !important; }
  .stx .mdateright {
    position: absolute;
    top: 15px;
    right: 17px; }
  .stx .content-box .content-part-with-left-icon-text {
    padding-left: 75px; }
  .stx .content-box .content-part-with-left-icon-text + .content-part-with-left-icon-text {
    padding-left: 17px; }
  .stx .content-part-with-left-icon-text .big-icon-item {
    left: 35px; }
  .stx .content-part-with-left-icon-text.withbuttons.backgroundgray .date-text {
    position: static; }
  .stx .content-part-with-left-icon-text.withbuttons .cp-btns-wrapper {
    top: auto;
    bottom: 10px;
    height: 50px;
    right: 17px; }
  .stx .content-box .content-part-with-left-icon-text.withbuttons,
  .stx .status-error.content-box .content-part-with-left-icon-text.withbuttons {
    padding: 17px 17px 70px 75px; }
  .stx .content-box .content-part-with-left-icon-text.withbuttons.vyska142 {
    min-height: 142px; }
  .stx .status-error.content-box .content-part-with-left-icon-text.withbuttons {
    padding-left: 80px;
    padding-right: 17px; }
  .stx .content-part-with-left-icon-text.withbuttons .date-text,
  .stx .status-error.content-box .content-part-with-left-icon-text.withbuttons .date-text {
    top: auto;
    left: 17px;
    bottom: 12px;
    text-align: left; }
  .stx .content-part-with-left-icon-text .big-icon-item,
  .stx .status-error.content-box .content-part-with-left-icon-text .big-icon-item {
    left: 17px;
    top: 17px;
    margin: 0; }
  .stx .content-part-with-left-icon-text .big-icon-item:not(.withcheckbox):not(.middleicon),
  .stx .status-error.content-box .content-part-with-left-icon-text .big-icon-item:not(.withcheckbox):not(.middleicon) {
    top: 17px;
    margin: 0; }
  .stx .status-error.content-box .content-part-with-left-icon-text .big-icon-item {
    left: 17px; }
  .stx .content-part-with-left-icon-text.withbuttons.backgroundgray,
  .stx .content-part-with-left-icon-text.withbuttons.fullbutton {
    padding: 15px 17px; }
  .stx .content-part-with-left-icon-text .big-icon-item.withcheckbox {
    position: static;
    clear: both;
    display: block;
    margin: 0;
    float: left; }
  .stx .content-part-with-left-icon-text.withbuttons.backgroundgray .withcheckbox label {
    left: 0; }
  .stx .status-error.content-box .content-part-with-left-icon-text.withbuttons.backgroundgray,
  .stx .status-error.content-box .content-part-with-left-icon-text.withbuttons.fullbutton,
  .stx .active-block.status-error.content-box .content-part-with-left-icon-text.withbuttons.backgroundgray,
  .stx .active-block.status-error.content-box .content-part-with-left-icon-text.withbuttons.fullbutton {
    padding: 15px 17px; }
  .stx .content-box .content-part-with-left-icon-text.withbuttons .big-icon-item.withcheckbox,
  .stx .active-block.content-box .content-part-with-left-icon-text.withbuttons .big-icon-item.withcheckbox {
    position: relative;
    left: 0; }
  .stx .content-box .content-part-with-left-icon-text.withbuttons .big-icon-item.withcheckbox span,
  .stx .active-block.content-box .content-part-with-left-icon-text.withbuttons .big-icon-item.withcheckbox span {
    left: 12px; }
  .stx .status-error.content-box.active-block .content-part-with-left-icon-text.withbuttons {
    padding-left: 97px;
    padding-right: 30px; }
  .stx .status-error.content-box.active-block .content-part-with-left-icon-text .big-icon-item {
    left: 38px; }
  .stx .content-box .content-part-with-left-icon.bigpadding.smallrightpadd {
    padding: 17px 0; }
  .stx .dtablecell.mw50pct {
    display: block;
    width: 50%;
    float: left; }
  .stx .dtablecell.mw50pct:nth-child(2n) {
    text-align: right; }
  .stx .category-list {
    width: 80px !important; }
  .stx .program-list {
    width: calc(100% - 80px) !important; }
  .stx .program-list.two-columns {
    width: 100% !important; }
  .stx .category-item {
    width: 0;
    padding-right: 0px; }
  .stx .category-item h3 {
    display: none; }
  .stx .category-item .big-icon-item {
    left: 18px; }
  .stx .directory-name, .stx .file-name {
    width: 360px; }
  .stx .credits-used,
  .stx .credits-remaining {
    width: 100%;
    margin: 0px;
    margin-top: 10px; }
  .stx .select-distict .program-item, .stx .select-distict .program-itemDisabled {
    width: calc(100% - 10px) !important; }
  .stx.content-iframe {
    height: calc(100% + 250px); }
  .stx .dtable.twocolor .dtablerow.orangecolor .dtablecell {
    border-bottom: 0px; }
  .stx .dtable.twocolor .dtablerow.orangecolor {
    border-bottom: 3px solid #fff; }
  .stx .error-dialog {
    padding: 20px; } }

/* Pro šířky od 320px do 767px
 * už vypadá jako mobilní verze
-------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /*třída, která určí, že se v tomto rozlišení nebude daný blok zobrazovat*/
  .stx .snone {
    display: none; }
  /*třídy, které změní v tomto rozlišení šířku bloku*/
  .stx .sw33pct {
    width: 33.33% !important; }
  .stx .sw50pct {
    width: 50% !important; }
  .stx .sw100pct {
    width: 100% !important; }
  /*třídy, které změní v tomto rozlišení zarovnání textu*/
  .stx .saleft {
    text-align: left !important; }
  .stx .saright {
    text-align: right !important; }
  /*padding 0*/
  .stx .spadd0 {
    padding: 0px !important; }
  .stx .spaddtop15 {
    padding-top: 15px !important; }
  .stx .spaddbottom10 {
    padding-bottom: 10px !important; }
  /*zobrazí jako blok*/
  .stx .sblock {
    display: block !important; }
  /*clear*/
  .stx .sclear {
    clear: both !important; }
  /*float*/
  .stx .sfleft {
    float: left !important; }
  .stx .sfright {
    float: right !important; }
  .stx .content-box .content-part-with-left-icon,
  .stx .content-box .content-part-with-left-icon.bigpadding {
    padding: 17px 40px 17px 60px; }
  .stx .content-part-with-left-icon .cp-btns-wrapper {
    width: 28px; }
  .stx .active-block .content-part-with-left-icon .cp-btns-wrapper {
    width: 80px; }
  .stx .active-block .content-part-with-left-icon.bigpadding.withclose {
    padding-right: 100px; }
  .stx .directory-name, .stx .file-name {
    width: 340px; }
  .stx .content-part.item-smallpadd {
    padding-left: 10px; }
  .stx .content-box .content-part.item-smallpadd .content-part-with-left-icon {
    padding: 17px 0px 17px 60px; }
  .stx .content-box .content-part.item-smallpadd .content-part-with-left-icon2 {
    padding-left: 60px; } }

@media screen and (max-width: 480px) {
  /*třída, která určí, že se v tomto rozlišení nebude daný blok zobrazovat*/
  .stx .xsnone {
    display: none; }
  /*třídy, které změní v tomto rozlišení šířku bloku*/
  .stx .xsw30pct {
    width: 30% !important; }
  .stx .xsw40pct {
    width: 40% !important; }
  .stx .xsw50pct {
    width: 50% !important; }
  .stx .xsw60pct {
    width: 60% !important; }
  .stx .xsw70pct {
    width: 70% !important; }
  .stx .xsw80pct {
    width: 80% !important; }
  .stx .xsw90pct {
    width: 90% !important; }
  .stx .xsw100pct, .stx .xs100pct {
    width: 100% !important; }
  /*třídy, které změní v tomto rozlišení zarovnání textu*/
  .stx .xsaleft {
    text-align: left !important; }
  .stx .xsaright {
    text-align: right !important; }
  /*padding 0*/
  .stx .xspadd0 {
    padding: 0px !important; }
  /*padding*/
  .stx .xspaddtop10 {
    padding-top: 10px !important; }
  .stx .xspaddleft10 {
    padding-left: 10px !important; }
  .stx .xspaddright10 {
    padding-right: 10px !important; }
  /*zobrazí jako blok*/
  .stx .xsblock {
    display: block !important; }
  /*clear*/
  .stx .xsclear {
    clear: both !important; }
  /*float*/
  .stx .xsfleft {
    float: left !important; }
  .stx .xsfright {
    float: right !important; }
  /*margin*/
  .stx .xsmartop10 {
    margin-top: 10px !important; }
  .stx .xsmartop15 {
    margin-top: 15px !important; }
  .stx .nb-bonus .icn-vita-prehled {
    position: absolute;
    right: 17px; }
  .lightbox .lb-wrapper {
    padding-top: 20px; }
  .stx .wrap-range-slider {
    width: 100% !important; }
  .stx .wrap-slider-num {
    width: 100% !important; }
  .stx .credit-block {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px; }
  .stx .directory-name, .stx .file-name {
    width: 190px; }
  .stx .note-box.nb-bonus .icn-srdce-svetle {
    position: absolute;
    right: 17px; }
  .stx .content-box .content-part-with-left-icon h3 {
    font-size: 16px; } }
@charset "UTF-8";
/* Global */
.stx .note-box a {
  color: inherit; }

.stx button {
  font-family: sans-serif;
  font-size: 14px;
  margin: 5px; }

.stx .with-help-icon {
  display: inline-block;
  position: relative; }

.stx .with-help-icon::before {
  margin-top: -10px;
  top: 50%; }

.stx div.input-date-wrapper + p {
  color: #AEAEB1;
  font-size: 14px;
  margin-top: 5px; }

.stx.lightbox .lb-content label.input-icn-date {
  margin-top: 0; }

/* Lekove interakce */
.stx .note-box.noborder {
  margin-bottom: 0;
  margin-top: 0; }

.stx .note-box.plain {
  padding: 20px 30px 20px 30px; }

.stx .note-box.plain::before {
  display: none; }

.stx .note-box.plain p {
  padding-left: 40px;
  position: relative; }

.stx .note-box.plain p > span.small-icon-item {
  left: 0;
  margin-bottom: 0;
  margin-top: -10px;
  position: absolute;
  top: 50%; }

.stx .small-icon-item {
  margin-bottom: -3px; }

.stx div.flex {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.stx div.flex > div:not([class]):nth-child(1) {
  width: 63%; }

.stx div.flex > div:not([class]):nth-child(2) {
  text-align: right;
  width: 37%; }

@media screen and (max-width: 979px) {
  .stx div.flex:first-child {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column; }
  .stx div.payment-categories div.flex:nth-child(1) h1 {
    text-align: center; } }

@media screen and (max-width: 767px) {
  .stx div.flex > div:not([class]):nth-child(1) {
    width: 100%; }
  .stx div.flex > div:not([class]):nth-child(2) {
    text-align: left;
    width: 100%; } }

.stx div.flex h2 + p {
  color: #B3AFBA;
  font-size: 12px;
  margin-right: 17px;
  margin-top: 0;
  text-transform: uppercase; }

.stx div.flex > *:not(h1):not(h2):not(.switch-check-wrapper) {
  /*width: 100%;*/ }

.stx div.row {
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  min-height: 58px;
  padding: 0 72px 0 14px;
  position: relative;
  width: 100%; }

.stx div.row:nth-of-type(odd) {
  background: #f6f6f8; }

.stx div.row > p {
  -ms-flex-positive: 2;
  flex-grow: 2;
  font-size: 14px;
  position: relative;
  width: 100%; }

.stx div.row.error {
  background-color: rgba(215, 24, 59, 0.06); }

.stx div.row.error > p:first-child {
  color: #D7183B;
  font-weight: bold; }

.stx div.row.error:last-of-type {
  margin-bottom: 20px; }

.stx div.row.error span.icn-info {
  margin-top: -15px;
  position: absolute;
  right: 20px;
  top: 50%; }

.stx div.row div.switch-check-wrapper {
  margin-bottom: 0;
  margin-top: 0;
  position: absolute;
  right: 11px;
  top: 15px; }

.stx div.row p.add {
  padding-right: 35px; }

.stx div.row p.add a {
  background-color: #B3AFBA;
  color: white;
  display: block;
  font-weight: bold;
  width: 25px;
  text-align: center;
  line-height: 25px;
  border-bottom-left-radius: 5px 8px;
  border-bottom-right-radius: 5px 8px;
  border-top-left-radius: 5px 8px;
  border-top-right-radius: 5px 8px;
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px; }

.stx div.row a.add:hover {
  background-color: black; }

.stx p.drug {
  width: 100%; }

.stx div.row p.txt-info {
  margin-top: 0; }

.stx div.tpad {
  margin-top: 15px; }

.stx div.content-part.flex div.switch-check-wrapper {
  margin-bottom: 0;
  margin-top: 0; }

/* Asistencni sluzba */
.stx table.assistance-service {
  width: 100%; }

.stx table.assistance-service th {
  color: #B3AFBA;
  font-size: 12px;
  padding: 12px 8px 12px 8px;
  text-align: left;
  text-transform: uppercase; }

.stx table.assistance-service tbody td {
  padding: 10px 8px 10px 8px; }

.stx table.assistance-service tbody tr:nth-child(odd) {
  background: #f6f6f8; }

.stx table.assistance-service tbody td:last-child {
  text-align: right; }

@media screen and (max-width: 1279px) {
  .stx table.assistance-service tbody, .stx table.assistance-service tr, .stx table.assistance-service th, .stx table.assistance-service td {
    display: block; }
  .stx table.assistance-service thead {
    display: none; }
  .stx table.assistance-service tbody td:nth-child(1)::before {
    content: 'datum zprávy: ';
    font-size: 14px;
    font-style: italic; }
  .stx table.assistance-service tbody td:nth-child(2)::before {
    content: 'událost: ';
    font-size: 14px;
    font-style: italic; }
  .stx table.assistance-service tbody td:nth-child(3)::before {
    content: 'stav: ';
    font-size: 14px;
    font-style: italic; }
  .stx table.assistance-service tbody td:last-child {
    text-align: left; } }

/* Prukaz pojistence */
.stx div.ehic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.stx div.ehic > div {
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
  height: 215px;
  margin-bottom: 30px;
  width: 339px; }

.stx div.ehic div.front {
  margin-right: 20px;
  position: relative; }

.stx div.ehic div.front > p {
  font-size: 9px;
  margin-top: 0 !important;
  position: absolute;
  text-transform: uppercase; }

.stx div.ehic div.front > p:nth-of-type(1) {
  font-size: 8px;
  left: 263px;
  top: 26px; }

.stx div.ehic div.front > p:nth-of-type(2) {
  left: 90px;
  top: 76px; }

.stx div.ehic div.front > p:nth-of-type(3) {
  left: 90px;
  top: 100px; }

.stx div.ehic div.front > p:nth-of-type(4) {
  left: 90px;
  top: 124px; }

.stx div.ehic div.front > p:nth-of-type(5) {
  right: 15px;
  top: 124px; }

.stx div.ehic div.front > p:nth-of-type(6) {
  right: 15px;
  top: 148px; }

.stx div.ehic div.front > p:nth-of-type(7) {
  left: 90px;
  top: 172px; }

.stx div.ehic div.front > p:nth-of-type(8) {
  right: 15px;
  top: 172px; }

.stx div.data th {
  color: #b3afba;
  font-size: 12px;
  padding: 12px 0 0 0;
  text-align: left;
  text-transform: uppercase; }

.stx div.data th:not(:last-child) {
  padding-right: 60px; }

.stx h2.with-help-icon::before {
  margin-top: -8px;
  top: 50%; }

.stx div.consignee p {
  margin-top: 0; }

.stx div.consignee > div, .stx div.data > div {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.stx div.data > div p {
  margin-top: 10px; }

.stx div.message b {
  color: #69B800; }

@media screen and (max-width: 1279px) {
  .stx div.data tbody, .stx div.data tr, .stx div.data th, .stx div.data td {
    display: block; }
  .stx div.data thead {
    display: none; }
  .stx div.data tbody td:nth-child(1)::before {
    content: 'jméno a příjmení: ';
    font-size: 14px;
    font-style: italic; }
  .stx div.data tbody td:nth-child(2)::before {
    content: 'rodné číslo: ';
    font-size: 14px;
    font-style: italic; }
  .stx:not(.landscape) div.ehic {
    height: 720px;
    display: block; }
  .stx:not(.landscape) div.ehic > div {
    transform: rotate(90deg);
    position: relative;
    top: 50px;
    margin: 0;
    left: -40px; }
  .stx:not(.landscape) div.ehic > div.back {
    top: 190px; } }

/* Online prepazka */
.stx div.email p a {
  color: #37383C;
  font-weight: bold;
  text-decoration: none; }

.stx div.payment-categories div.flex:nth-child(1) {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.stx div.payment-categories p.with-help-icon {
  color: #8E8A94; }

.stx div.payment-categories div.content-part:not(.flex) {
  text-align: center; }

.stx div.payment-categories table {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 22px;
  width: 100%; }

.stx div.payment-categories table td:nth-child(1) {
  background: #f7fcf2;
  color: #AEAEB1;
  padding: 10px;
  text-align: left;
  vertical-align: middle; }

.stx div.payment-categories table td:nth-child(1) b {
  color: #37383C; }

.stx div.payment-categories table td:nth-child(2) {
  background: #f7fcf2;
  padding: 10px;
  vertical-align: middle; }

.stx div.payment-categories table td:nth-child(3) {
  background: #f7fcf2;
  color: #69B800;
  padding: 10px;
  text-align: right;
  vertical-align: middle; }

@media screen and (max-width: 1279px) {
  .stx div.payment-categories tbody, .stx div.payment-categories tr, .stx div.payment-categories th, .stx div.payment-categories td {
    display: block; }
  .stx div.payment-categories table td:nth-child(2), .stx div.payment-categories table td:nth-child(3) {
    text-align: left; } }

.stx div.payment-categories div.note-box.nb-error {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-style: normal;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left; }

.stx div.payment-categories div.note-box.nb-error::before {
  display: none; }

.stx div.payment-categories div.note-box.nb-error p:nth-child(2) {
  color: #37383C;
  margin-right: 25%;
  margin-top: 2px; }

.stx div.payment-categories div.note-box.nb-error .small-icon-item.icn-stat-error {
  margin-left: 10px; }

.stx table.abroad th {
  color: #B3AFBA;
  font-size: 12px;
  font-weight: bold;
  padding-right: 30px;
  text-align: left;
  text-transform: uppercase; }

.stx div.family-members {
  -ms-flex-align: start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.stx div.family-members > p:first-child {
  color: #702082;
  font-size: 17px;
  font-weight: bold; }

.stx div.family-members table {
  margin-top: 20px;
  width: 100%; }

.stx div.family-members thead th {
  color: #B3AFBA;
  font-size: 12px;
  font-weight: bold;
  padding: 0 10px 5px 10px;
  text-align: left;
  text-transform: uppercase; }

.stx div.family-members tbody td {
  color: #37383C;
  font-size: 14px; }

.stx div.family-members tbody td:nth-child(1) {
  font-weight: bold; }

.stx div.family-members tbody td:nth-child(4) {
  text-align: right; }

.stx div.family-members tbody tr:nth-child(odd) td {
  background: #f6f6f8;
  padding: 10px; }

.stx div.family-members tbody tr:nth-child(even) td {
  padding: 10px;
  background: white; }

@media screen and (max-width: 1279px) {
  .stx div.family-members tbody, .stx div.family-members tr, .stx div.family-members th, .stx div.family-members td {
    display: block; }
  .stx div.family-members thead {
    display: none; }
  .stx div.family-members tbody td:nth-child(1)::before {
    content: 'jméno a příjmení: ';
    font-size: 14px;
    font-style: italic; }
  .stx div.family-members tbody td:nth-child(2)::before {
    content: 'datum narození: ';
    font-size: 14px;
    font-style: italic; }
  .stx div.family-members tbody td:nth-child(3)::before {
    content: 'dosavadní ZP v ČR: ';
    font-size: 14px;
    font-style: italic; } }

@media screen and (max-width: 480px) {
  .stx.landscape div.ehic {
    display: block; } }
.datepicker .controls {
  background: #F0F0F0;
  position: relative;
  padding: 5px;
  padding-bottom: 1px;
  border-bottom: 1px #AEAEAE solid; }
  .datepicker .controls span.label {
    position: absolute;
    width: auto;
    left: 15px;
    right: 15px;
    text-align: center; }
  .datepicker .controls span.arrow {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 10px;
    display: inline-block;
    color: transparent;
    cursor: pointer; }
    .datepicker .controls span.arrow.left {
      background-image: url(css/img/img-WNheesSV2ponFxi2GKHv.png); }
    .datepicker .controls span.arrow.right {
      background-image: url(css/img/img-2oEIh_qJSjNA9bN9keJt.png);
      position: absolute;
      right: 5px; }
  .datepicker .controls .cell.disabled {
    margin-top: 2px;
    color: black; }

.datepicker .body {
  padding: 5px; }

.datepicker .callendar {
  background: white;
  position: absolute;
  border: 1px #AEAEAE solid;
  border-radius: 4px;
  z-index: 2; }

.datepicker .cell {
  display: inline-block;
  width: 3ch;
  padding: 2px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer; }
  .datepicker .cell:hover {
    background: #F0F0F0; }
  .datepicker .cell.disabled {
    color: #CCCCCC;
    cursor: default; }
    .datepicker .cell.disabled:hover {
      background: transparent; }
  .datepicker .cell.active {
    background: #216BA5; }
@charset "UTF-8";
.stx .small-icon-item.icn-cho-anamneza {
  background-image: url(css/img/img-1UkTQEd1DVRPIAbfZ-fy.svg); }

.stx .small-icon-item.icn-cho-lekar {
  background-image: url(css/img/img-1d22ZNm-HUbomKV703M8.svg); }

.stx .small-icon-item.icn-cho-pece {
  background-image: url(css/img/img-nIpRBfJ44B4GKoU2sxMH.svg); }

.stx .big-icon-item.icn-bns-vitaclub {
  background-image: url(css/img/img-1_C-QaMAU3NDT_vuPh5P.svg); }

.stx .big-icon-item.icn-bns-vitashop {
  background-image: url(css/img/img-3Q9J-MMDKk_vUnOR6KEY.svg); }

/* printer settings */
@page {
  size: auto;
  margin: 0mm; }

body {
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top); }

.stx .kuponyLi li::before {
  content: "•";
  font-weight: bold;
  padding-right: 8px;
  margin-left: 10px; }

.stx h3 {
  font-size: 16px;
  font-weight: 700;
  font-family: inherit;
  color: inherit; }

.stx .black {
  color: #000000 !important; }

.stx input:optional:-ms-input-placeholder,
.stx textarea:optional:-ms-input-placeholder {
  color: #CBCBCC;
  opacity: 1; }

.stx input:optional::placeholder,
.stx textarea:optional::placeholder {
  color: #CBCBCC;
  opacity: 1; }

.stx .light-logo {
  background-image: url(css/img/img-AleOFB9z_FbnjLhv9zPg.png);
  background-size: contain;
  width: 158px !important;
  height: 80px !important;
  display: inline-block !important;
  cursor: pointer; }

.stx .display-mob-nav #navigation-block {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  overflow-y: auto;
  z-index: 99; }

.stx .none {
  display: none; }

.stx .linlineblock {
  display: none !important; }

.stx .labelRekl label {
  margin-bottom: 0; }

.stx .labelRekl2 label {
  margin-top: 39px; }

.stx .labelRekl2 label.error-label {
  margin-top: 2px; }

.stx .splatkyChb {
  margin-top: -24px; }

.stx .penaleChb {
  margin-top: -32px; }

.stx .reklamaceOnlyScreen {
  display: block; }

.stx .reklamaceOnlyMobil {
  display: none; }

.stx .obalBtnPlatKategorie {
  margin-top: -4px;
  height: 50px; }

.stx .aktPlatKatBck {
  background-color: #F7FCF2; }

.stx .inlineRadioBtn {
  display: inline;
  margin-right: 10px; }

.stx .inlineRadioBtn:last-of-type {
  margin-right: 0; }

.stx .requiredRadio {
  border: 2px solid #D31F40;
  border-radius: 4px; }

.stx .labelRadioSInput {
  display: inline-block;
  margin-top: -6px; }

.stx .labelRadioSInput2 {
  display: inline-block;
  margin-top: -7px; }

.stx .chb-in-section .gray input[type="radio"]:not(.switch-check) + label {
  background: rgba(240, 231, 242, 0.8); }

.stx .chb-in-section .gray input[type="radio"]:checked:not(.switch-check) + label,
.stx .chb-in-section .gray input[type="radio"]:not(.switch-check) + label:hover {
  background: #702082;
  color: #fff !important; }

.stx .ozp-LP-logo {
  background-image: url(css/img/img-2H5s6VasIDl83yLeRnIw.jpg);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 79px;
  height: 70px;
  display: block;
  float: left; }

.stx.light-prepazka .light-invisible {
  visibility: hidden !important; }

.stx .input-group input[type="text"] {
  border: none;
  border-radius: 0 4px 4px 0; }

.stx .input-group-addon {
  padding: .6rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25;
  color: #464a4c;
  text-align: center;
  background-color: #eceeef;
  border-radius: 4px 0 0 4px; }

.stx .input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #B3AFBA;
  border-radius: 4px; }

.stx .borderWhite {
  border-bottom: 10px solid white; }

.stx .ikonaNastaveni {
  padding: 20px;
  cursor: pointer;
  text-align: left;
  color: #37383C; }

.stx .ikonaNastaveniObal {
  margin-top: -9px;
  margin-left: 20px;
  margin-right: 20px;
  float: left; }

@media screen and (max-width: 979px) {
  .stx .obalBtnPlatKategorie {
    margin-top: -34px; }
  .stx .obalBtnPlatKategorieH {
    margin-top: -5px; }
  .stx .labelRadioSInput {
    margin-top: 0; }
  .stx .mpaddtop3 {
    padding-top: 3px; }
  .stx .mpaddtop15 {
    padding-top: 15px !important; }
  .stx .borderWhite {
    border-bottom: none; } }

.poradna-banner {
  width: 100%;
  height: 0px;
  padding-bottom: 32.60869565217391%;
  background: url(css/img/img-nExrVXdraO3hHN_gHnrq.png) no-repeat top center;
  background-size: 100%; }

@media screen and (max-width: 480px) {
  .stx .obalBtnPlatKategorie, .obalBtnPlatKategorieH {
    margin-top: 5px;
    height: 28px; }
  .stx .xsmartop75 {
    margin-top: 75px; }
  .stx .xsw33pct {
    width: 33% !important; }
  .stx .ikonaNastaveni {
    padding: 20px 10px 20px 0; }
  .stx .ikonaNastaveniObal {
    margin-right: 10px; }
  .poradna-banner {
    width: 100%;
    height: 600px;
    padding-bottom: 32.60869565217391%;
    background: url(css/img/img-jBtDlNFSBPEZF9ej7rfM.png) no-repeat top center;
    background-size: 100%; } }

@media screen and (min-width: 1279px) {
  .stx .labelRekl3 label {
    margin-top: 19px; } }

@media screen and (max-width: 1279px) {
  .stx .linlineblock {
    display: inline-block !important; }
  .stx .program-list .program-item, .stx .program-list .program-itemDisabled {
    width: calc(100% - 12px) !important; }
  .stx .lw35pct {
    width: 35% !important; }
  .stx .lw65pct {
    width: 65% !important; } }

@media screen and (min-width: 980px) and (max-width: 1279px) {
  .stx .lw27pct {
    width: 27% !important; } }

@media screen and (max-width: 979px) {
  .stx .reklamaceOnlyScreen {
    display: none; }
  .stx .reklamaceOnlyMobil {
    display: block; }
  .stx .labelRekl2 label {
    margin-top: 5px; }
  .stx .splatkyChb, .penaleChb {
    margin-top: -15px; } }

@media screen and (max-width: 767px) {
  .stx .light-logo {
    width: 98px !important;
    height: 50px !important; } }

@media screen and (min-width: 767px) {
  .stx.this-is-application .display-mob-nav #navigation-block {
    background: #502559; }
  .stx .display-mob-nav #navigation-block {
    top: 70px; } }

.stx .ozp-logo {
  background: url(css/img/img-3m51gvPNgeioQDEtB5jO.svg);
  display: inline-block;
  width: 86px;
  height: 86px; }

.stx input::-ms-clear {
  display: none; }

.stx input.orange:-ms-input-placeholder,
.stx textarea.orange:-ms-input-placeholder {
  color: #F6C373; }

.stx input.orange::placeholder,
.stx textarea.orange::placeholder {
  color: #F6C373; }

.stx * {
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* remove webkit tap highlight */ }

.stx.this-is-application * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.stx.stx.this-is-application input[type='text'],
.stx.this-is-application input[type='password'],
.stx.this-is-application input[type='date'],
.stx.this-is-application input[type='number'],
.stx.this-is-application textarea {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.stx.this-is-application .non-app-only {
  display: none !important;
  visibility: hidden !important; }

.stx .app-only {
  display: none !important;
  visibility: hidden !important; }

.stx.this-is-application .app-only {
  display: block !important;
  visibility: visible !important; }

/* mobilni menu */
.stx.this-is-application .mob-nav-btn {
  width: 50px;
  height: 50px;
  background-color: #502559;
  background-image: url(css/img/img-NWL02rAjlHv6nCVFKbWa.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  text-indent: -9999px; }

.stx.this-is-application .display-mob-nav #content-block {
  display: none; }

.stx.this-is-application .display-mob-nav #navigation-block {
  display: block; }

.stx.this-is-application .display-mob-nav .mob-nav-btn {
  background-image: url(css/img/img-3A9RScp16LAPwN861PLN.svg); }

.stx.this-is-application .mn-sub-wrapper {
  display: block; }

.stx.this-is-application .mn-sub-nav {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px 0;
  font-size: 10px;
  line-height: 11px;
  font-weight: bold;
  text-align: center;
  background-color: transparent !important; }

.stx.this-is-application .mn-sub-nav h2 {
  padding: 5px 5px;
  font-size: 18px;
  color: #FFFFFF;
  text-align: left; }

.stx.this-is-application .mn-sub-nav .mn-wrapper {
  display: block; }

.stx.this-is-application .mn-sub-nav .mn-wrapper li {
  position: relative;
  display: block;
  float: left; }

.stx.this-is-application #sm-home .mn-item {
  background-color: #451350 !important; }

.stx.this-is-application #sm-zdravi .mn-item {
  background-color: #FCD059 !important; }

.stx.this-is-application #sm-bonusy .mn-item {
  background-color: #E2B6D7 !important; }

.stx.this-is-application #sm-prepazka .mn-item {
  background-color: #B4EFEF !important; }

.stx.this-is-application #sm-pojistne .mn-item {
  background-color: #D0DD5D !important; }

.stx.this-is-application #sm-nastaveni .mn-item {
  background-color: #D0D0D0 !important; }

/* nezobrazuje se dělící čára */
.stx.this-is-application .mn-sub-nav .mn-wrapper li:before,
.stx.this-is-application .mn-sub-nav .mn-wrapper li:after {
  display: none; }

.stx.this-is-application .mn-sub-nav .mn-item {
  position: relative;
  display: block;
  padding: 55px 5px 0 5px;
  width: 90px;
  height: 90px;
  font-weight: bold;
  vertical-align: middle;
  border-radius: 5px;
  margin: 1px; }

.stx div.row {
  width: 100%; }

.stx .lightbox {
  width: auto;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto; }

.stx .lightbox .lb-wrapper {
  -ms-flex-align: normal;
  align-items: normal; }

.stx .btns-wrapper span {
  width: 48%; }

.stx select option {
  padding: 5px;
  color: black; }

.stx .btn-basic,
.stx .btn-search-input,
.stx .btn-icn-arrow {
  cursor: pointer; }

.stx .help-box {
  margin-left: 0;
  top: -23px;
  bottom: auto;
  transform: translate(-50%, -100%); }

.stx .cursor-pointer {
  cursor: pointer; }

.stx input[type="radio"]:disabled + label {
  color: #AEAEB1; }

.stx .starrating .rating-star {
  height: 20px;
  padding-left: 20px;
  position: relative; }

.stx.desktop .starrating .rating-star:hover:before,
.stx .starrating .rating-star.active:before,
.stx.desktop .starrating:hover .rating-star:hover:before {
  background-image: url(css/img/img-3qYr9u7xpzm0sqkOQy5B.svg); }

.stx .starrating .rating-star:before,
.stx.desktop .starrating:hover .rating-star:before {
  background-image: url(css/img/img-1QKZGW3vZpvkZmpxkQAt.svg);
  height: 20px;
  width: 20px;
  display: block;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  cursor: pointer; }

.stx .border {
  border: 1px black solid; }

.stx .border-bottom {
  border-bottom: 1px black solid; }

.stx #smi-bonusy-vitashop:before {
  background-image: url(css/img/img-3PNLzGgIjQf92qthRh4x.svg); }

.stx #smi-bonusy-vitaclub:before {
  background-image: url(css/img/img-ps9rE7cZRmM5fXR0o7Oc.svg); }

/* Lekove interakce VyhledavaniLeku Martin Hospaska */
.stx .whisperer {
  border: 1px solid #B3AFBA;
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1; }

.stx .whisperer .item {
  background: white;
  width: 100%;
  padding: 5px; }

.stx .whisperer .item:hover {
  background: #d0cfd3;
  cursor: pointer; }

.stx .whisperer .disabled {
  cursor: default !important;
  color: #c0c0c0;
  background-color: #ffffff !important; }

.stx .whisperer .disabled:hover {
  background: default !important; }

.stx .whisperer p {
  width: 90%;
  display: inline-block; }

.stx .whisperer .item a {
  background-color: black;
  color: white;
  display: inline-block;
  font-weight: bold;
  width: 25px;
  text-align: center;
  text-decoration: none;
  line-height: 25px;
  border-bottom-left-radius: 5px 8px;
  border-bottom-right-radius: 5px 8px;
  border-top-left-radius: 5px 8px;
  border-top-right-radius: 5px 8px; }

.stx .highlightRow:hover {
  background-color: #FFD973; }

.content-box-bonusy {
  margin: 10px 0;
  border: 1px solid #702082;
  border-radius: 10px;
  background-color: #702082;
  color: #fff; }

.content-part2 {
  padding: 25px 23px; }

.container-flex-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center; }

.fialove {
  border-color: #782D89;
  background-color: #702082;
  color: #fff; }

.srdce {
  width: 36px;
  height: 36px;
  background: url(css/img/img-4cLinTJsHnOLXRzkIRmc.svg) no-repeat 0 0;
  background-color: #702082;
  float: right; }

.content-box-asistence {
  margin: 10px 0;
  border: 1px solid #F5A623;
  border-radius: 10px;
  background-color: #F5A623;
  color: #fff; }

.big-icon-item-dshb {
  margin-left: -17px; }

.ikona-dshb {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  float: left; }

.ikona-bck, .btn-ikona-barva {
  background-image: url(css/img/img-1qrmlszDmbuu02ruhyY1.svg); }

.btn-ikona-barva {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  margin-right: 16px;
  cursor: pointer; }

.btn-ikona-barva.selected {
  border: 2px solid #444; }

.jmeno-za-ikonou {
  font-weight: bold;
  font-size: 16px;
  padding-left: 10px;
  margin-bottom: 17px;
  padding-top: 8px;
  float: left; }

.bez-ikony {
  padding-left: 20px; }

@media screen and (max-width: 979px) {
  .stx .btn-basic.m-small {
    padding: 3px 15px 5px 15px; }
  .stx .mwpaddtop0 {
    padding-top: 0px !important; }
  .stx .mwpaddbottom0 {
    padding-bottom: 0px !important; }
  .stx .mpaddtop0 {
    padding-top: 0px !important; }
  .stx .mpaddbottom0 {
    padding-bottom: 0px !important; }
  .stx .mwpaddleft0 {
    padding-left: 0px !important; }
  .stx .mwpaddright0 {
    padding-right: 0px !important; } }

@media screen and (max-width: 767px) {
  .big-icon-item-dshb {
    margin-left: 0px; } }

@media print {
  .stx .noprint {
    display: none; }
  .stx .printable {
    font-family: Arial; }
  .stx .printable .wrapper {
    width: auto; }
  .stx .printable .one-clmn-wrapper {
    padding: 0; }
  .stx .printable input {
    padding: 0;
    border: none;
    border-radius: 0; }
  .stx input[type="checkbox"]:not(.switch-check) + label::before, input[type="radio"] + label::before {
    border: 1px black solid; }
  .stx input[type="checkbox"]:not(.switch-check):checked + label::before {
    content: "X";
    text-align: center; } }

/* login */
#hlavickaZahlavi {
  background-clip: border-box !important;
  background-color: #451350;
  height: 80px;
  margin: 0 auto;
  position: relative;
  display: -ms-flexbox;
  display: flex; }

#hlavickaZahlavi a#logo {
  background: #0000;
  line-height: 80px;
  font-weight: bold;
  font-size: 24px;
  padding-left: 60px;
  color: #fff;
  font-family: Proxima; }

@media only screen and (max-width: 767px) {
  #hlavickaZahlavi {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px; }
  #hlavickaZahlavi a#logo {
    padding: 0px; } }

.info_vitakarta_mobile {
  content: url(css/img/img-2A_lF76BTHDSBOik3C3P.svg);
  position: absolute;
  top: 9px;
  right: 15px;
  width: 30px;
  height: 30px;
  margin: 0;
  cursor: pointer; }

#info_vitakarta {
  position: absolute;
  font-family: Proxima;
  font-weight: 800;
  top: 25px;
  right: 60px;
  height: 27px;
  width: 155px;
  border: 2px solid #ffffff0f;
  border-radius: 14px;
  margin: 0;
  padding: 0; }

button.infoLogin {
  color: #fff;
  font-weight: bold;
  background-color: #0000; }

div.spacer {
  padding: 10px;
  clear: both; }

div.spacer5 {
  padding: 5px;
  clear: both; }

.wrapperLogin {
  margin: 40px auto;
  max-width: 830px; }

@media screen and (min-width: 1280px) {
  .wrapperLogin {
    width: 1000px; }
  .one-clmn-wrapper {
    padding: 0 110px; } }

#static {
  background-color: #fff; }

#static .links_list {
  padding-top: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

#static li {
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  float: left;
  text-align: center; }

#static a {
  color: #702082;
  font-size: 14px; }

#static #footer {
  padding-top: 160px;
  padding-bottom: 20px;
  text-align: center;
  color: #B9B9BB;
  font-size: 12px; }

@media only screen and (max-width: 1280px) and (min-width: 768px) {
  #static {
    margin-top: 60px; } }

.stx .aktivniOsoba {
  color: #B2A7B5;
  font-size: 13px;
  font-weight: bold; }

/*email box*/
.stx .emailBox, .stx .emailBoxMobil {
  display: block;
  width: 90px;
  height: 80px;
  background-color: #370F40;
  background-image: url(css/img/img-3jVXUkm_gHKNC_yLEtr0.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 36px;
  text-indent: -9999px;
  position: absolute;
  top: -16px;
  left: -87px;
  cursor: pointer; }

.stx .emailBoxMobil {
  top: -31px; }

.stx .emailBoxNeprectene, .stx .emailBoxNeprecteneMobil {
  background-color: #F5A623;
  color: #000;
  z-index: 10;
  color: #fff;
  position: absolute;
  right: 5px;
  bottom: 0px;
  text-indent: 0;
  padding: 0 10px;
  border-radius: 14px;
  border: 1px solid #fff; }

.stx .emailBoxNeprecteneMobil {
  top: 15px;
  right: 25px;
  height: 22px;
  width: 22px;
  font-size: 14px;
  padding: 5px 0 0 1px;
  border-radius: 11px;
  border: none; }

.stx .emailBoxNeprectene0 {
  background-color: #FFFFFF80; }

.stx .emailBoxNeprecteneMobil0 {
  background-color: #9D74A5; }

.wrapperLogin {
  margin: 40px auto;
  max-width: 830px; }

.registracePrukazEhic {
  /*ehic karticky v registraci - help*/
  width: 275px;
  height: 171px;
  background: url(css/img/img-wp4vy9inVk8ax8-Ev8Cy.png) no-repeat; }

.registraceKartaCizince {
  /* registrace - help*/
  width: 275px;
  height: 171px;
  background: url(css/img/img-3XV2UlxHq2hy2j0MDF3n.png) no-repeat;
  background-size: 275px auto; }

.registracePrukazEhic.help-box:before, .registraceKartaCizince.help-box:before {
  background-color: white; }

.stx .item-zluty {
  background-color: #F5A623;
  border-color: #F5A623;
  text-align: center;
  min-height: 477px; }

.stx .item-zluty-bez-ikony {
  min-height: auto; }

.stx .item-zluty p {
  font-size: 24px;
  color: white;
  line-height: 32px;
  margin-bottom: 5px; }

.stx .item-zluty a {
  cursor: pointer;
  color: white;
  text-decoration: underline; }

.stx .item-zluty a:hover {
  color: #37383C; }

.stx strong.item-zluty-ikona::after,
.stx div.item-zluty-ikona:nth-child(2) > p::after {
  content: '';
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 17px;
  height: 128px;
  width: 128px;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

.stx strong.item-zluty-ikona::after {
  background-image: url(css/img/img-27W7YHKTLFT8y_HntcsD.svg); }

.stx div.item-zluty:nth-child(2) > p::after {
  height: 110px;
  width: 110px;
  border-radius: 55px;
  background-image: url(css/img/img-1cW8D0D_xh7LJo3JrUu9.svg); }

.stx .telCislo {
  padding-top: 20px;
  font-size: 32px;
  display: block; }

.stx .asist-cislo {
  text-decoration: none !important; }

.stx .asist-cislo:hover {
  color: unset !important; }

.stx .program-item100 {
  width: 100%;
  width: calc(100% - 13px); }

@media screen and (max-width: 1279px) {
  .stx .item-zluty {
    min-height: auto; } }

@media screen and (max-width: 480px) {
  .stx .mensi-font-mobil {
    font-size: 15px; } }

@media screen and (min-width: 1280px) {
  .stx .btnHodnoceniLekaru {
    display: none; } }

@media screen and (max-width: 979px) {
  .stx .btnHodnoceniLekaru {
    float: right; } }

@media screen and (max-width: 480px) {
  .stx .btnHodnoceniLekaru {
    float: left;
    margin-top: 22px; } }

.big-icon-item.icn-prihlaska {
  background-image: url(css/img/img-2l0FW48IN4QF67m1THYP.svg); }

.stx .icn-odmena-lekari {
  background-image: url(css/img/img-28jxMutT7ze2lsrkS6Py.svg);
  background-color: #F5A623;
  min-width: 44px;
  height: 44px;
  border-radius: 22px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 0; }

.backgroundZastupy {
  background-color: white; }

.bckTransparent {
  background: transparent; }

.bckYellow {
  background: yellow; }

.stx .line22-18 {
  line-height: 22px !important; }

@media screen and (max-width: 979px) {
  .stx .line22-18 {
    line-height: 18px !important; } }

.registraceVysl {
  font-weight: bold;
  font-size: 16px; }

.stx .heightBilance {
  height: 70px !important; }

@media screen and (max-width: 1279px) {
  .stx .heightBilance {
    height: 80px !important; } }

@media screen and (max-width: 979px) {
  .stx .heightBilance {
    height: 130px !important; } }

@media screen and (max-width: 480px) {
  .stx .heightBilance {
    height: 160px !important; } }
@media (prefers-color-scheme: dark) {
  select, input, textarea {
    color: lightgray;
    background-color: dimgray; }
  body {
    color: lightgray;
    background-color: dimgray; }
  select {
    width: calc(100% + 2px);
    margin-left: -1px;
    border: 1px solid #B3AFBA;
    border-radius: 3px; }
  .btn-gray,
  :disabled {
    background-color: darkgray !important;
    color: dimgray !important;
    border-color: gray !important; }
  .white-content-block {
    background-color: black !important; }
  .content-part-with-left-icon,
  .content-part-with-left-icon-text {
    border-color: lightgray !important; }
  .content-part-with-left-icon-text:not(.backgroundgray):not(.fullbutton):before {
    left: 0 !important; }
  .content-part-with-left-icon-text:not(.backgroundgray):not(.fullbutton):after {
    right: 0 !important; }
  .content-part {
    border-color: dimgray !important; }
  .content-box {
    background-color: black;
    border-color: dimgray !important; }
  .content-part-bordertop {
    border-top-color: dimgray !important; }
  .backgroundgray, .backgroundZastupy {
    background-color: dimgray !important; }
  .darkBckTransparent {
    background-color: transparent !important; }
  .dtable.twocolor .dtablerow:nth-child(2n) {
    background-color: dimgray !important; }
  .dtable.twocolor .dtablerow.highlightRow:hover {
    background-color: #702082 !important; }
  .stx table.assistance-service tbody tr:nth-child(odd) {
    background-color: dimgray !important; }
  .row {
    background-color: dimgray !important; }
  .btn-white-gray-border {
    background-color: #555 !important;
    color: white !important;
    border: 2px solid gray !important; }
  /*.switch-check-label {background-color: dimgray !important;}*/
  .stx .chb-in-section input[type="radio"]:not(.switch-check) + label {
    background: rgba(245, 166, 35, 0.8) !important;
    color: lightgray !important; }
  .stx .chb-in-section input[type="radio"]:checked:not(.switch-check) + label,
  .stx .chb-in-section input[type="radio"]:not(.switch-check) + label:hover {
    background: #702082 !important;
    color: #fff !important; }
  .stx .range-number {
    border: 2px solid dimgray; }
  .stx #range-slider.range-slider {
    background: black; }
  .stx .wrap-range-slider .slider-minus,
  .stx .wrap-range-slider .slider-plus {
    background-color: silver !important; }
  .help-box,
  .help-box:before,
  .note-box,
  .note-box.nb-help,
  .note-box.nb-success,
  .note-box.nb-warning,
  .note-box.nb-error {
    background-color: #37383c !important; }
  #myTable th {
    background-color: #37383c !important; }
  #myTable td {
    background-color: dimgray !important; }
  .small-icon-item.icn-cho-anamneza {
    background-image: url(css/img/img-1i11yO5sXpYEFuVNQtnu.svg) !important; }
  .small-icon-item.icn-cho-lekar {
    background-image: url(css/img/img-2MyQMWzJiU_RQl-Pl_Hh.svg) !important; }
  .small-icon-item.icn-cho-pece {
    background-image: url(css/img/img-1JPvxMITx8bbyqMAhzmS.svg) !important; }
  .big-icon-item.icn-vkz-ambulatni-specialista {
    background-image: url(css/img/img-1Y0SBaRWLFWJWVSvtHli.svg); }
  .big-icon-item.icn-vkz-domaci-pece {
    background-image: url(css/img/img-2sOFI7YcByyRzhI4EUw3.svg); }
  .big-icon-item.icn-vkz-doprava {
    background-image: url(css/img/img-1A33FrAsot0x7V4NM-h9.svg); }
  .big-icon-item.icn-vkz-lekarna {
    background-image: url(css/img/img-ntAsLGbrIbe2kQ6GkNr6.svg); }
  .big-icon-item.icn-vkz-nemocnice {
    background-image: url(css/img/img-DHzOHrrscqp15kTdp4V4.svg); }
  .big-icon-item.icn-vkz-praktik {
    background-image: url(css/img/img-1-nMTHu9d5BrINExyZHH.svg); }
  .big-icon-item.icn-vkz-rehabilitace {
    background-image: url(css/img/img-2VVQoGTmvco5amlz4OC3.svg); }
  .big-icon-item.icn-vkz-vydejnaPZT {
    background-image: url(css/img/img-2ujPT9UyvcBRja5W73e_.svg); }
  .big-icon-item.icn-vkz-zubar {
    background-image: url(css/img/img-X-ueSky1s_Q4uZgEa1WW.svg); }
  .big-icon-item.icn-vkz-kapitace {
    background-image: url(css/img/img-2KPUSbnfGNveBpjZm-3k.svg); }
  .big-icon-item.icn-vkz-laborator {
    background-image: url(css/img/img-98Ac-ca7WHYIlO2yhJ5u.svg); }
  .big-icon-item.icn-vkz-lazne {
    background-image: url(css/img/img-2HlD4cNoXZKPxjowm_uK.svg); }
  .big-icon-item.icn-vkz-refundace {
    background-image: url(css/img/img-6jgthAGcL12qvq_PQ_p2.svg); }
  .big-icon-item.icn-vkz-rentgen {
    background-image: url(css/img/img-1mKIhQj867FbG4fAxhJj.svg); }
  .big-icon-item.icn-dsb-obalka {
    background-image: url(css/img/img-2eWmB9P-3AzsJTUdysCk.svg); }
  .stx .typZpravy-1 {
    background-color: #FCD05A; }
  .stx .typZpravy-2 {
    background-color: #E2B6D7; }
  .stx .typZpravy-3 {
    background-color: #B4EFEF; }
  .stx .typZpravy-4, .stx .typZpravy4 {
    background-color: #9ACD32; }
  .stx .typZpravy-9 {
    background-color: #ECECEE; }
  input[type="checkbox"]:not(.switch-check) + label:before {
    background-image: url(css/img/img-1X4SaiPGCSL5SC5srghn.svg); }
  input[type="radio"] + label:before {
    background-image: url(css/img/img-_X0qJEXSF76cVcGjuaNz.svg); }
  input[type="checkbox"]:not(.switch-check) + label,
  input[type="radio"] + label {
    color: lightgray; }
  input[type="radio"]:disabled + label {
    color: dimgray !important; }
  .loader-container {
    background-image: url(css/img/img-Cl6OILqUWYcLsyh1NpMS.gif);
    width: 323px !important;
    height: 233px;
    background-repeat: no-repeat;
    background-position: center; }
  .stx .lightbox .lb-wrapper {
    background-color: black; }
  .stx .credits-used {
    background-color: silver !important; }
  label.switch-check-label {
    background-color: silver;
    border-radius: 10px; }
  label.switch-check-label:after {
    background: lightgray; }
  .vyhledLekuDemo {
    background-color: lightgray !important; }
  .btn-icn-bin {
    background: url(css/img/img-25RALJVjKQC_otqltiSm.svg); }
  .btn-basic.btn-gray2 {
    color: whitesmoke;
    background-color: dimgray; }
  .btn-basic.btn-purple-dark {
    background-color: black; }
  .dialog-container, .dialog-title {
    background-color: gainsboro;
    border: none; }
  .stx .category-list .category-item {
    background-color: dimgray; }
  .stx .category-list .category-item:hover {
    background-color: #702082; }
  .stx .aktPlatKatBck {
    background-color: dimgray !important; }
  .content-part-with-left-icon.demoContentWithLeftIcon {
    color: #222; }
  .stx .dtable.twocolor .dtablerow.orangecolor {
    border-bottom: 3px solid dimgray !important; }
  .stx .dtable.twocolor .dtablerow.orangecolor .dtablecell {
    border-bottom: 5px solid dimgray !important; }
  .datepicker .callendar {
    background-color: dimgray !important; }
  .datepicker .callendar .controls {
    background: lightgray; }
  .datepicker .callendar .controls .label {
    color: gray; }
  .datepicker .callendar .cell.disabled {
    color: #222; }
  .step-item-wrapper {
    background-color: darkgray;
    color: #555; }
  .bckYellow {
    background: transparent !important;
    color: yellow; }
  .front {
    color: #222; }
  .stx .program-itemDisabled {
    background-color: #333; } }

@media screen and (prefers-color-scheme: dark) and (max-width: 767px) {
  #active-page-box {
    display: block !important;
    color: #222; }
  .display-change-user .change-user {
    display: block;
    background-color: darkgray; }
  .aktivniOsoba {
    color: #eee !important; } }

@media (prefers-color-scheme: dark) {
  #static .links_list, #static #footer {
    background-color: black; } }