/* stylelint-disable max-line-length */

:root {
  /* font */
  --uyx-font-family: 'Titillium Web', Helvetica, Arial, sans-serif;

  /* font-size */
  --uyx-font-size: 16px; /* régi: 14px */

  --uyx-font-size-small: .9rem; /* régi: 13px */
  --uyx-font-size-medium: 1.5rem; /* régi: 22px */
  --uyx-font-size-large: 2rem; /* régi: 36px */

  /* --- default colors */
  /* background-color */
  --uyx-bg-default: #fff;
  --uyx-bg-primary: #002838;
  --uyx-bg-secondary: #f5f5f5;

  /* color */
  --uyx-color-default: #002838;
  --uyx-color-primary: #fff;
  --uyx-color-focus: #66afe9;

  /* --- state colors */
  /* background-color */
  --uyx-state-bg-info: #006494;
  --uyx-state-bg-error: rgb(255, 185, 185);
  --uyx-state-bg-danger: rgb(255, 100, 100);
  --uyx-state-bg-default: #808080;
  --uyx-state-bg-success: #81c980;
  --uyx-state-bg-warning: #eca72c;

  /* colors */
  --uyx-state-color-info: var(--uyx-bg-default);
  --uyx-state-color-danger: var(--uyx-bg-default);
  --uyx-state-color-default: var(--uyx-bg-default);
  --uyx-state-color-success: var(--uyx-bg-default);
  --uyx-state-color-warning: var(--uyx-bg-default);

  /* borders */
  --uyx-state-border-error: var(--uyx-border-width) var(--uyx-border-style) var(--uyx-state-bg-danger);
  --uyx-state-border-success: var(--uyx-border-width) var(--uyx-border-style) var(--uyx-state-bg-success);
  --uyx-state-border-warning: var(--uyx-border-width) var(--uyx-border-style) var(--uyx-state-bg-warning);

  /* --- buttons --- */
  /* --------------- */
  /* background-color */
  --uyx-button-bg-default: var(--uyx-bg-default);
  --uyx-button-bg-primary: #81c980;
  --uyx-button-bg-secondary: #6597cf;

  /* --- switch */
  --uyx-switch-bg-on: var(--uyx-button-bg-primary);
  --uyx-switch-bg-off: var(--uyx-state-bg-danger);

  /* --- table */
  --uyx-table-row-bg: var(--uyx-bg-secondary);
  --uyx-table-row-bg-hover: #e5fbfb;

  /* --- input */
  /* ezt használja a select és az inputok is */
  --uyx-input-height: 35px;

  /* color */
  --uyx-button-color-default: var(--uyx-color-default);
  --uyx-button-color-primary: var(--uyx-color-primary);
  --uyx-button-color-secondary: var(--uyx-color-default);

  /* border */
  --uyx-border: var(--uyx-border-width) var(--uyx-border-style) var(--uyx-border-color);
  --uyx-border-width: 1px;
  --uyx-border-style: solid;
  --uyx-border-color: #ddd;
  --uyx-border-radius: 2px;

  /* box-shadow */
  --uyx-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  --uyx-modal-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

  /* animation, transition duration */
  --uyx-duration: .2s;

  /* disabled elements */
  --uyx-disabled-filter: grayscale(100%) opacity(30%);
  --uyx-disabled-cursor: not-allowed;

  /* rest, utils, helpers */
  --uyx-circle: 50%;

  /* z-index */
  --uyx-z-modal-close: 2;
  --uyx-z-navbar: 100;
  --uyx-z-tooltip: 100;
  --uyx-z-search: 200;
  --uyx-z-totop: 200;
  --uyx-z-modal: 300;
  --uyx-z-lightbox: 350;
  --uyx-z-toaster: 400;
  --uyx-z-notification: 400;
}

uyx-header {
  display: block
}
uyx-header > p, uyx-header > h1, uyx-header > h2, uyx-header > h3, uyx-header > h4, uyx-header > h5, uyx-header > h6 {
    margin: 0;
    padding: 0;
    display: block;
    font-weight: 300;
  }
uyx-header > p {
    font-size: .9rem;
    font-size: var(--uyx-font-size-small); /* régi: 14px */
    line-height: 20px;
  }
uyx-header {

  /* stylelint-disable sh-waqar/declaration-use-variable */
}
uyx-header > h1 {
    font-size: 2rem; /* régi: 30px */
  }
uyx-header > h2 {
    font-size: 1.5rem; /* régi: 24px */
  }
uyx-header > h3 {
    font-size: 1.2rem; /* régi: 20px */
  }
uyx-header > h4 {
    font-size: 1.1rem; /* régi: 18px */
  }
uyx-header > h5 {
    font-size: 1rem; /* régi: 16px */
  }
uyx-header > h6 {
    font-size: .8rem; /* régi: 14px */
  }
uyx-header {
  /* stylelint-enable sh-waqar/declaration-use-variable */
}
uyx-header:not([no-gutter]) > h1 {
      margin-top: 15px;
    }
uyx-header:not([no-gutter]) > h2 {
      margin-top: 15px;
    }
uyx-header:not([no-gutter]) > h3 {
      margin-top: 10px;
    }
uyx-header:not([no-gutter]) > h4 {
      margin-top: 9px;
    }
uyx-header:not([no-gutter]) > h5 {
      margin-top: 8px;
    }
uyx-header:not([no-gutter]) > h6 {
      margin-top: 7px;
    }

.uyx-EJdkm {
  padding: 0;
  display: block;
}

.uyx-EJdkm ul {
  margin: 0;
  padding: .5rem;
  list-style: none;
  background-color: #002838;
  background-color: var(--uyx-bg-primary);
}

.uyx-3Iwmf,
.uyx-12W6n {
  width: 19.5%;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  margin: .25%;
  padding: 5px;
  display: inline-block;
  text-align: center;
  transition: all .2s;
  transition: all var(--uyx-duration);
  font-weight: 700;
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);

  color: #fff;

  color: var(--uyx-color-primary);
  background-color: #002838;
  background-color: var(--uyx-bg-primary)
}

.uyx-3Iwmf:hover, .uyx-12W6n:hover {
    color: #002838;
    color: var(--uyx-color-default);
    cursor: pointer;
    background-color: #fff;
    background-color: var(--uyx-bg-default);
  }

.uyx-3Iwmf[selected='true'], .uyx-12W6n[selected='true'] {
    color: #002838;
    color: var(--uyx-color-default);
    background-color: #fff;
    background-color: var(--uyx-bg-default)
  }

.uyx-3Iwmf[selected='true']:hover, .uyx-12W6n[selected='true']:hover {
      cursor: pointer;
    }

.uyx-d9R9e {
  padding: 0
}

.uyx-d9R9e[visible='true'] {
    display: block;
  }

.uyx-d9R9e[visible='false'] {
    display: none;
  }

uyx-navbar {
  position: fixed;
  top: 0;
  left: 0;

  width: 100%;
  height: 50px;

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  z-index: 100;

  z-index: var(--uyx-z-navbar);
  background-color: #002838;
  background-color: var(--uyx-bg-primary);
  padding: 0 5px;
}

uyx-accordion {
  display: block
}

uyx-accordion .uyx-2Ma9b {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    transition: -webkit-transform var(--uyx-duration);
    transition: transform var(--uyx-duration);
    transition: transform var(--uyx-duration), -webkit-transform var(--uyx-duration);
  }

uyx-accordion .uyx-1IM7X {
    display: none;
  }

uyx-accordion[opened='true'] .uyx-2Ma9b {
      -webkit-transform: rotate(90deg) !important;
              transform: rotate(90deg) !important; /* stylelint-disable-line declaration-no-important */
    }

uyx-accordion[opened='true'] .uyx-1IM7X {
      display: block;
    }

uyx-accordion .uyx-q6lk- {
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border: var(--uyx-border);
    cursor: pointer;
    padding: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    border-radius: 2px;
    border-radius: var(--uyx-border-radius);
    background-color: #002838;
    background-color: var(--uyx-bg-primary);
  }

uyx-accordion[no-gutter] .uyx-q6lk- {
      padding: 0 0 0 10px;
    }

uyx-accordion[no-gutter][reverse] .uyx-q6lk- {
      padding: 0 10px 0 0;
    }

.uyx-1g0Fz {
  color: #fff;
  color: var(--uyx-color-primary);
  font-size: 1.5rem;
  font-size: var(--uyx-font-size-medium);
  margin-left: 5px;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
}

uyx-pagination {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}

.uyx-4RN8s {
  width: 100%;
}

.uyx-4RN8s,
.uyx-3z_-I,
.uyx-3azLE,
.uyx-3_3Ao {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -moz-user-select: none; /* stylelint-disable-line property-no-vendor-prefix */
}

.uyx-3z_-I {
  color: #fff;
  color: var(--uyx-color-primary);
  font-size: .9rem;
  font-size: var(--uyx-font-size-small);
  font-weight: 700;
  background-color: #6597cf;
  background-color: var(--uyx-button-bg-secondary);
}

.uyx-3azLE,
.uyx-3_3Ao {
  color: #002838;
  color: var(--uyx-color-default);
  font-size: .9rem;
  font-size: var(--uyx-font-size-small);
  font-weight: 400;
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}

.uyx-3z_-I,
.uyx-3azLE,
.uyx-3_3Ao {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  margin: 0 2px;
  padding: 5px;
  transition: all .2s;
  transition: all var(--uyx-duration);
  text-align: center;
}

.uyx-3azLE:hover {
  color: #fff;
  color: var(--uyx-color-primary);
  cursor: pointer;
  background-color: #002838;
  background-color: var(--uyx-bg-primary);
}

.uyx-3_3Ao {
  -webkit-filter: grayscale(100%) opacity(60%);
          filter: grayscale(100%) opacity(60%);
}

.uyx-1XZZg {
  display: none;
}

uyx-flex,
uyx-col,
uyx-row {
  display: flex
}

uyx-flex[center], uyx-col[center], uyx-row[center] {
    justify-content: center;
    align-items: center;
  }

uyx-flex[wrap], uyx-col[wrap], uyx-row[wrap] {
    flex-wrap: wrap;
  }

uyx-col {
  flex-direction: column
}

uyx-col[reverse] {
    flex-direction: column-reverse;
  }

uyx-row {
  flex-direction: row
}

uyx-row[reverse] {
    flex-direction: row-reverse;
  }

uyx-box {
  border: 1px solid #ddd;
  border: var(--uyx-border);
  display: block;
  padding: 15px;
  background-color: #fff;
  background-color: var(--uyx-bg-default)
}
uyx-box:not([no-shadow]) {
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: var(--uyx-box-shadow);
  }

uyx-card {
  border: 1px solid #ddd;
  border: var(--uyx-border);
  display: block;
  position: relative;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: var(--uyx-box-shadow);
  background-color: #f5f5f5;
  background-color: var(--uyx-bg-secondary)

  /* HINT: legacy, hagyd benne, max az értékét változtasd! */
}
uyx-card:not([no-gutter]) {
    margin: 5px;
  }
uyx-card .uyx-3jd4A {
    left: 0;
    color: #002838;
    color: var(--uyx-color-default);
    width: 100%;
    bottom: 0;
    opacity: .85;
    overflow: hidden;
    position: absolute;
    word-wrap: break-word;
    max-height: 100%;
    transition: height .2s, opacity .2s;
    transition: height var(--uyx-duration), opacity var(--uyx-duration);
    font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
    font-family: var(--uyx-font-family);
    background-color: #fff;
    background-color: var(--uyx-bg-default);

    height: 40px;
    padding: 7px 10px;
    font-size: 16px;
    font-size: var(--uyx-font-size);
    line-height: 26px
  }
uyx-card .uyx-3jd4A:hover {
      /* ez muszáj, mert sammy-ben, valami nem engedi */
      height: auto !important; /* stylelint-disable-line declaration-no-important */
      opacity: 1;
      overflow-y: auto;
    }
uyx-card[size='small'] {
    width: 120px;
    height: 120px
  }
uyx-card[size='small'] .uyx-3jd4A {
      height: 28px;
      padding: 4px 5px;
      font-size: .9rem;
      font-size: var(--uyx-font-size-small);
      line-height: 20px;
    }
uyx-card[size='medium'] {
    width: 240px;
    height: 240px;
  }
uyx-card[size='large'] {
    width: 480px;
    height: 480px;
  }

uyx-image {
  --border: var(--uyx-border);

  border: var(--border);
  display: block;
  position: relative;

  width: 100%;
  height: 100%
}

uyx-image[size='small'] {
    width: 150px;
    height: 100px;
  }

uyx-image[size='medium'] {
    width: 450px;
    height: 300px;
  }

uyx-image[size='large'] {
    width: 900px;
    height: 600px;
  }

uyx-image[no-border] {
    --border: none;
  }

.uyx-1oQgz,
.uyx-2AEeR,
.uyx-17ch7,
.uyx-3EKkp {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.uyx-1oQgz {
  --white-bg: rgba(255, 255, 255, .35);

  opacity: 0;
  max-width: 100%;
  max-height: 100%;
  transition: opacity .2s;
  transition: opacity var(--uyx-duration);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.uyx-yKGnO {
  opacity: 1;
}

.uyx-2dfrU {
  text-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  text-shadow: var(--uyx-modal-box-shadow);
}

.uyx-2AEeR,
.uyx-17ch7,
.uyx-M6Y6Z,
.uyx-3EKkp {
  position: absolute;
}

.uyx-M6Y6Z {
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 5px;
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);
  padding-bottom: 2px;
  background-color: var(--white-bg);
  transition-property: opacity, background-color;
  transition-duration: .2s;
  transition-duration: var(--uyx-duration)
}

.uyx-M6Y6Z:hover {
    background-color: #fff;
    background-color: var(--uyx-bg-default);
  }

.uyx-3EKkp {
  opacity: 0;
  transition: opacity .2s, background-color .2s;
  transition: opacity var(--uyx-duration), background-color var(--uyx-duration)
}

.uyx-3EKkp:hover {
    cursor: pointer;
    opacity: 1;
    background-color: var(--white-bg);
  }

.uyx-3EKkp:hover ~ .uyx-M6Y6Z {
    opacity: 0;
  }

@-webkit-keyframes uyx-2s_53 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes uyx-2s_53 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.uyx-2s_53 {
  -webkit-animation: uyx-2s_53 2s linear infinite;
          animation: uyx-2s_53 2s linear infinite;
}


uyx-field,
.uyx-field {
  display: block;
  position: relative
}
uyx-field:not(:first-child), .uyx-field:not(:first-child) {
    margin-top: 1rem;
  }
uyx-field[data-border],
  uyx-field[border],
  .uyx-field[data-border],
  .uyx-field[border] {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    padding: 1em;
  }

.uyx-BCfBP {
  color: #002838;
  color: var(--uyx-color-default);
  transition: margin-left .2s;
  transition: margin-left var(--uyx-duration);
}

.uyx-h1_Wa {
  cursor: not-allowed;
  cursor: var(--uyx-disabled-cursor);
  color: #808080;
  color: var(--uyx-state-bg-default);
}

.uyx-BCfBP,
.uyx-h1_Wa {
  margin-left: 10px;
  text-decoration: none;
}

.uyx-BCfBP:hover {
  margin-left: 5px;
}

uyx-main-menu {
  width: 19%;
  height: 100%;
  margin: 15px;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  display: block;
  padding: 15px 15px 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .1);
  box-shadow: var(--uyx-box-shadow);
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}

uyx-container {
  width: 100%;
  display: block;
  margin-left: auto;
  padding-left: 15px;
  margin-right: auto;
  padding-right: 15px

  /* ha nincs fluid attribútuma, akkor responsive-an működik */
}
@media (min-width: 576px) {
  uyx-container:not([fluid]) {
      max-width: 540px
  }
    }
@media (min-width: 768px) {
  uyx-container:not([fluid]) {
      max-width: 720px
  }
    }
@media (min-width: 992px) {
  uyx-container:not([fluid]) {
      max-width: 960px
  }
    }
@media (min-width: 1200px) {
  uyx-container:not([fluid]) {
      max-width: 1140px
  }
    }

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url(fonts/glyphicons-halflings-regular.woff) format('woff');
}

uyx-icon {
  top: 1px;
  color: #fff;
  color: var(--uyx-bg-default);
  display: inline-block;
  position: relative;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  font-style: normal;
  line-height: 1;
  font-family: 'Glyphicons Halflings';
  font-weight: 400;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

uyx-icon[size='small'] {
    font-size: 16px;
    font-size: var(--uyx-font-size);
  }

uyx-icon[size='medium'] {
    font-size: 1.5rem;
    font-size: var(--uyx-font-size-medium);
  }

uyx-icon[size='large'] {
    font-size: 2rem;
    font-size: var(--uyx-font-size-large);
  }

uyx-icon[flip] {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1);
  }

/* stylelint-disable selector-pseudo-element-colon-notation */

.uyx-R-k16:before {
  content: '*';
}

.uyx-38mGG:before {
  content: '+';
}

.uyx-1o-zY:before,
.uyx-3TQc_:before {
  content: '\20AC';
}

.uyx-FvO0u:before {
  content: '\2212';
}

.uyx-3YNE-:before {
  content: '\2601';
}

.uyx-LkMmz:before {
  content: '\2709';
}

.uyx-2D-_f:before {
  content: '\270F';
}

.uyx-36FpY:before {
  content: '\E001';
}

.uyx-1r4_D:before {
  content: '\E002';
}

.uyx-1Bo6R:before {
  content: '\E003';
}

.uyx-1IKV8:before {
  content: '\E005';
}

.uyx-2hA9k:before {
  content: '\E006';
}

.uyx-2OUfL:before {
  content: '\E007';
}

.uyx-1Kbx1:before {
  content: '\E008';
}

.uyx-2LDqy:before {
  content: '\E009';
}

.uyx-sqncY:before {
  content: '\E010';
}

.uyx-3xzqi:before {
  content: '\E011';
}

.uyx-SehwX:before {
  content: '\E012';
}

.uyx-3F2pW:before {
  content: '\E013';
}

.uyx-2rnTT:before {
  content: '\E014';
}

.uyx-1J2Ny:before {
  content: '\E015';
}

.uyx-2DpKE:before {
  content: '\E016';
}

.uyx-1OGvv:before {
  content: '\E017';
}

.uyx-1OGcB:before {
  content: '\E018';
}

.uyx-2vRY0:before {
  content: '\E019';
}

.uyx-2wtNa:before {
  content: '\E020';
}

.uyx-bsvtD:before {
  content: '\E021';
}

.uyx-1M5cP:before {
  content: '\E022';
}

.uyx-EP8WI:before {
  content: '\E023';
}

.uyx-3Z1Ma:before {
  content: '\E024';
}

.uyx-1HuqP:before {
  content: '\E025';
}

.uyx-2R7bh:before {
  content: '\E026';
}

.uyx-35KqG:before {
  content: '\E027';
}

.uyx-3vG7t:before {
  content: '\E028';
}

.uyx-T1iBU:before {
  content: '\E029';
}

.uyx-2Ce2C:before {
  content: '\E030';
}

.uyx-2CIwT:before {
  content: '\E031';
}

.uyx-3CCLR:before {
  content: '\E032';
}

.uyx-N2kND:before {
  content: '\E033';
}

.uyx-3LtKw:before {
  content: '\E034';
}

.uyx-2QRRT:before {
  content: '\E035';
}

.uyx-3yL-Q:before {
  content: '\E036';
}

.uyx-3anUo:before {
  content: '\E037';
}

.uyx-2NK8N:before {
  content: '\E038';
}

.uyx-3Xwp-:before {
  content: '\E039';
}

.uyx-1pVQX:before {
  content: '\E040';
}

.uyx-aqVKD:before {
  content: '\E041';
}

.uyx-2mgrs:before {
  content: '\E042';
}

.uyx-3tKsK:before {
  content: '\E043';
}

.uyx-3Ak16:before {
  content: '\E044';
}

.uyx-2T_aq:before {
  content: '\E045';
}

.uyx-NKUFw:before {
  content: '\E046';
}

.uyx-14D8_:before {
  content: '\E047';
}

.uyx-3tbNt:before {
  content: '\E048';
}

.uyx-2gQzp:before {
  content: '\E049';
}

.uyx-bBho2:before {
  content: '\E050';
}

.uyx-2DQBt:before {
  content: '\E051';
}

.uyx-3mred:before {
  content: '\E052';
}

.uyx-3_yR6:before {
  content: '\E053';
}

.uyx-dyAxn:before {
  content: '\E054';
}

.uyx-1556x:before {
  content: '\E055';
}

.uyx-1rn2D:before {
  content: '\E056';
}

.uyx-3JrSZ:before {
  content: '\E057';
}

.uyx-3Jd34:before {
  content: '\E058';
}

.uyx-3qXKO:before {
  content: '\E059';
}

.uyx-2gLvk:before {
  content: '\E060';
}

.uyx-1VVdb:before {
  content: '\E062';
}

.uyx-3RkwB:before {
  content: '\E063';
}

.uyx-_3RId:before {
  content: '\E064';
}

.uyx-1d-iw:before {
  content: '\E065';
}

.uyx-2_KQm:before {
  content: '\E066';
}

.uyx-32irB:before {
  content: '\E067';
}

.uyx-BSJ-E:before {
  content: '\E068';
}

.uyx-YNAYb:before {
  content: '\E069';
}

.uyx-29euP:before {
  content: '\E070';
}

.uyx-W7fkW:before {
  content: '\E071';
}

.uyx-2ohNS:before {
  content: '\E072';
}

.uyx-I-iin:before {
  content: '\E073';
}

.uyx-1khky:before {
  content: '\E074';
}

.uyx-1BwRk:before {
  content: '\E075';
}

.uyx-3iVfY:before {
  content: '\E076';
}

.uyx-36EN5:before {
  content: '\E077';
}

.uyx-IDvif:before {
  content: '\E078';
}

.uyx-S06NQ:before {
  content: '\E079';
}

.uyx-13HNH:before {
  content: '\E080';
}

.uyx-iwrt3:before {
  content: '\E081';
}

.uyx-1xu2X:before {
  content: '\E082';
}

.uyx-3jN_o:before {
  content: '\E083';
}

.uyx-rJLtf:before {
  content: '\E084';
}

.uyx-2keeZ:before {
  content: '\E085';
}

.uyx-1buRD:before {
  content: '\E086';
}

.uyx-kzxn_:before {
  content: '\E087';
}

.uyx-1Ygnu:before {
  content: '\E088';
}

.uyx-24jNC:before {
  content: '\E089';
}

.uyx-Th8BN:before {
  content: '\E090';
}

.uyx-13uh9:before {
  content: '\E091';
}

.uyx-1IPgV:before {
  content: '\E092';
}

.uyx-1c7GD:before {
  content: '\E093';
}

.uyx-2hv4M:before {
  content: '\E094';
}

.uyx-8u1x7:before {
  content: '\E095';
}

.uyx-3g9Hr:before {
  content: '\E096';
}

.uyx-2QAKB:before {
  content: '\E097';
}

.uyx-1ovHj:before {
  content: '\E101';
}

.uyx-1mhKZ:before {
  content: '\E102';
}

.uyx-1YYCL:before {
  content: '\E103';
}

.uyx-2uYnQ:before {
  content: '\E104';
}

.uyx-2lTA6:before {
  content: '\E105';
}

.uyx-1X5ON:before {
  content: '\E106';
}

.uyx-QAxhW:before {
  content: '\E107';
}

.uyx-bzCZt:before {
  content: '\E108';
}

.uyx-1eWRl:before {
  content: '\E109';
}

.uyx-36yV2:before {
  content: '\E110';
}

.uyx-26XpI:before {
  content: '\E111';
}

.uyx-3wqik:before {
  content: '\E112';
}

.uyx-1Jh5K:before {
  content: '\E113';
}

.uyx-3FXtq:before {
  content: '\E114';
}

.uyx-kBpz9:before {
  content: '\E115';
}

.uyx-1VDa5:before {
  content: '\E116';
}

.uyx-ZoJRW:before {
  content: '\E117';
}

.uyx-u2-N6:before {
  content: '\E118';
}

.uyx-1zyCn:before {
  content: '\E119';
}

.uyx-12fEp:before {
  content: '\E120';
}

.uyx-3S8YP:before {
  content: '\E121';
}

.uyx-L4koR:before {
  content: '\E122';
}

.uyx-1ko7j:before {
  content: '\E123';
}

.uyx-108bq:before {
  content: '\E124';
}

.uyx-2vzLN:before {
  content: '\E125';
}

.uyx-2vbng:before {
  content: '\E126';
}

.uyx-3igZj:before {
  content: '\E127';
}

.uyx-g7dgf:before {
  content: '\E128';
}

.uyx-3qegh:before {
  content: '\E129';
}

.uyx-3EajV:before {
  content: '\E130';
}

.uyx-2cyOz:before {
  content: '\E131';
}

.uyx-jipDH:before {
  content: '\E132';
}

.uyx-2ruNL:before {
  content: '\E133';
}

.uyx-zRAQL:before {
  content: '\E134';
}

.uyx-2pesn:before {
  content: '\E135';
}

.uyx-1KwUI:before {
  content: '\E136';
}

.uyx-pcVLf:before {
  content: '\E137';
}

.uyx-1qsDu:before {
  content: '\E138';
}

.uyx-3ALme:before {
  content: '\E139';
}

.uyx-2TneD:before {
  content: '\E140';
}

.uyx-tOulB:before {
  content: '\E141';
}

.uyx-uJetG:before {
  content: '\E142';
}

.uyx-2TV6R:before {
  content: '\E143';
}

.uyx-2PXv-:before {
  content: '\E144';
}

.uyx-rmz9Y:before {
  content: '\E145';
}

.uyx-26RHj:before {
  content: '\E146';
}

.uyx-3Z7fN:before {
  content: '\E148';
}

.uyx-roLFc:before {
  content: '\E149';
}

.uyx-Eivq1:before {
  content: '\E150';
}

.uyx-2yNSn:before {
  content: '\E151';
}

.uyx-3N3sI:before {
  content: '\E152';
}

.uyx-CAdHy:before {
  content: '\E153';
}

.uyx-3MDSu:before {
  content: '\E154';
}

.uyx-1EZYl:before {
  content: '\E155';
}

.uyx-207fb:before {
  content: '\E156';
}

.uyx-ofZ7L:before {
  content: '\E157';
}

.uyx-vcgIK:before {
  content: '\E158';
}

.uyx-2OZJc:before {
  content: '\E159';
}

.uyx-1LxXL:before {
  content: '\E160';
}

.uyx-15kSL:before {
  content: '\E161';
}

.uyx-311TU:before {
  content: '\E162';
}

.uyx-2JeEo:before {
  content: '\E163';
}

.uyx-3YCYB:before {
  content: '\E164';
}

.uyx-31V6g:before {
  content: '\E165';
}

.uyx-EaLx8:before {
  content: '\E166';
}

.uyx-X9zAP:before {
  content: '\E167';
}

.uyx-2PAZu:before {
  content: '\E168';
}

.uyx-3CXz8:before {
  content: '\E169';
}

.uyx-3OdDI:before {
  content: '\E170';
}

.uyx-1wHIE:before {
  content: '\E171';
}

.uyx-1Qxkv:before {
  content: '\E172';
}

.uyx-Ft1vb:before {
  content: '\E173';
}

.uyx-1B5Uk:before {
  content: '\E174';
}

.uyx-5OR7O:before {
  content: '\E175';
}

.uyx-pWhND:before {
  content: '\E176';
}

.uyx-2L3tr:before {
  content: '\E177';
}

.uyx-2YxCu:before {
  content: '\E178';
}

.uyx-2yk4D:before {
  content: '\E179';
}

.uyx-27tqP:before {
  content: '\E180';
}

.uyx-35tRU:before {
  content: '\E181';
}

.uyx-2YElW:before {
  content: '\E182';
}

.uyx-1yJvL:before {
  content: '\E183';
}

.uyx-2QjSN:before {
  content: '\E184';
}

.uyx-1W29E:before {
  content: '\E185';
}

.uyx-11_yE:before {
  content: '\E186';
}

.uyx-q-0uK:before {
  content: '\E187';
}

.uyx-1Boj8:before {
  content: '\E188';
}

.uyx-3NrVj:before {
  content: '\E189';
}

.uyx-iCdLi:before {
  content: '\E190';
}

.uyx-39YHu:before {
  content: '\E191';
}

.uyx-1Ge2C:before {
  content: '\E192';
}

.uyx-313JS:before {
  content: '\E193';
}

.uyx-1_eQ8:before {
  content: '\E194';
}

.uyx-3Pf3f:before {
  content: '\E195';
}

.uyx-31A-t:before {
  content: '\E197';
}

.uyx-3wHLP:before {
  content: '\E198';
}

.uyx-3nKli:before {
  content: '\E199';
}

.uyx-AhZFA:before {
  content: '\E200';
}

.uyx-3gqLg:before {
  content: '\E201';
}

.uyx-100yk:before {
  content: '\E202';
}

.uyx-Ii-NQ:before {
  content: '\E203';
}

.uyx-3ENuz:before {
  content: '\E204';
}

.uyx-2j6TK:before {
  content: '\E205';
}

.uyx-2dxfS:before {
  content: '\E206';
}

.uyx-2Xi_1:before {
  content: '\E209';
}

.uyx-3Md1P:before {
  content: '\E210';
}

.uyx-1EUEM:before {
  content: '\E211';
}

.uyx-LRBMD:before {
  content: '\E212';
}

.uyx-iBPvr:before {
  content: '\E213';
}

.uyx-GWamI:before {
  content: '\E214';
}

.uyx-1Sysc:before {
  content: '\E215';
}

.uyx-2BoxB:before {
  content: '\E216';
}

.uyx-YTQhl:before {
  content: '\26FA';
}

.uyx-3CiTW:before {
  content: '\E218';
}

.uyx-BleJW:before {
  content: '\E219';
}

.uyx-3XWs-:before {
  content: '\F8FF';
}

.uyx-1RSfd:before {
  content: '\E221';
}

.uyx-3m5Yl:before {
  content: '\231B';
}

.uyx-215bJ:before {
  content: '\E223';
}

.uyx-3Q-0F:before {
  content: '\E224';
}

.uyx-3srXG:before {
  content: '\E225';
}

.uyx-ijUG7:before {
  content: '\E226';
}

.uyx-RrBHg:before {
  content: '\E227';
}

.uyx-gtvPu:before {
  content: '\E227';
}

.uyx-oRCh0:before {
  content: '\E227';
}

.uyx-1787G:before {
  content: '\A5';
}

.uyx-3LDB8:before {
  content: '\A5';
}

.uyx-30ED1:before {
  content: '\20BD';
}

.uyx-2_N32:before {
  content: '\20BD';
}

.uyx-1BZpQ:before {
  content: '\E230';
}

.uyx-19vJ-:before {
  content: '\E231';
}

.uyx-1i6wr:before {
  content: '\E232';
}

.uyx-2Uyyp:before {
  content: '\E233';
}

.uyx-3Ykhn:before {
  content: '\E234';
}

.uyx-2uS37:before {
  content: '\E235';
}

.uyx-3ZLQH:before {
  content: '\E236';
}

.uyx-DKt1k:before {
  content: '\E237';
}

.uyx-1o96Y:before {
  content: '\E238';
}

.uyx-1Kqz6:before {
  content: '\E239';
}

.uyx-26ahq:before {
  content: '\E240';
}

.uyx-1RO7e:before {
  content: '\E241';
}

.uyx-CKg5f:before {
  content: '\E242';
}

.uyx-3gNC_:before {
  content: '\E243';
}

.uyx-3ERzD:before {
  content: '\E244';
}

.uyx-3M2Xj:before {
  content: '\E245';
}

.uyx-2BZlW:before {
  content: '\E246';
}

.uyx-4XfYD:before {
  content: '\E247';
}

.uyx-_ViIe:before {
  content: '\E248';
}

.uyx-16XKe:before {
  content: '\E249';
}

.uyx-13XJg:before {
  content: '\E250';
}

.uyx-2yo46:before {
  content: '\E251';
}

.uyx-y65vV:before {
  content: '\E252';
}

.uyx-2ulBd:before {
  content: '\E253';
}

.uyx-3fE3o:before {
  content: '\E254';
}

.uyx-1PQTP:before {
  content: '\E255';
}

.uyx-3v4li:before {
  content: '\E256';
}

.uyx-2aP8L:before {
  content: '\E257';
}

.uyx-3z0sR:before {
  content: '\E258';
}

.uyx-1yhHl:before {
  content: '\E259';
}

.uyx-1q0i8:before {
  content: '\E260';
}

.uyx-input {
  --background-color: var(--uyx-bg-default);
  --color: var(--uyx-color-default);

  color: var(--color);
  width: 100%; /* calc(100% - 12px); */
  height: 35px;
  height: var(--uyx-input-height);
  border: 1px solid #ddd;
  border: var(--uyx-border);
  display: inline-block;
  padding: 0 6px;
  outline: 0;
  position: relative;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  box-shadow: none; /* stylelint-disable-line sh-waqar/declaration-use-variable */
  font-weight: 400;
  line-height: 1.43;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);
  text-overflow: ellipsis;
  vertical-align: middle;
  background-color: var(--background-color)
}
.uyx-input:focus {
    outline: 0 none;
    border-color: #66afe9;
    border-color: var(--uyx-color-focus);
  }
.uyx-input:disabled {
    cursor: not-allowed;
    cursor: var(--uyx-disabled-cursor);
    /* filter: var(--uyx-disabled-filter); */
    background-color: #eee;
  }
.uyx-input[error],
  .uyx-input[error]:focus {
    border: 1px solid rgb(255, 100, 100);
    border: var(--uyx-state-border-error);
  }
.uyx-input[warning] {
    border: 1px solid #eca72c;
    border: var(--uyx-state-border-warning);
  }
.uyx-input[success] {
    border: 1px solid #81c980;
    border: var(--uyx-state-border-success);
  }
.uyx-input[type=submit] {
    background-color: #006494 !important;
    background-color: var(--uyx-state-bg-info) !important; /* stylelint-disable-line declaration-no-important */
    color: #fff;
  }

.uyx-label {
  color: #002838;
  color: var(--uyx-color-default);
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  text-align: left;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: .5rem;
  display: inline-block;
}

.uyx-button,
uyx-button .uyx-2nvG2 {
  padding: 6px 12px;
  color: #000;
  color: var(--color, #000);
  border: none; /* stylelint-disable-line sh-waqar/declaration-use-variable */
  cursor: pointer;
  display: inline-block;
  outline: none;
  overflow: visible;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  text-align: center;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
  font-weight: 400;
  line-height: 1.43;
  white-space: nowrap;
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);
  text-transform: none;
  vertical-align: middle;
  text-decoration: none;
  background-color: #fff;
  background-color: var(--background-color, #fff);
  background-image: none;
  margin: 0 !important /* stylelint-disable-line declaration-no-important */
}

.uyx-button::-moz-focus-inner,
  .uyx-button:focus,
  uyx-button .uyx-2nvG2::-moz-focus-inner,
  uyx-button .uyx-2nvG2:focus {
    border: none; /* stylelint-disable-line sh-waqar/declaration-use-variable */
    outline: none;
  }

uyx-button {
  --background-color: var(--uyx-button-bg-default);
  --color: var(--uyx-color-primary);

  display: inline-block;
  margin: 5px;
  position: relative
}

uyx-button:not([type]),
  uyx-button[type='cancel'] {
    border: 1px solid #ddd;
    border: var(--uyx-border)
  }

uyx-button:not([type]) .uyx-2nvG2, uyx-button[type='cancel'] .uyx-2nvG2 {
      --color: var(--uyx-color-default);
      --background-color: var(--uyx-bg-default);
    }

uyx-button:not([type]) uyx-icon, uyx-button[type='cancel'] uyx-icon {
      color: #002838;
      color: var(--uyx-color-default);
    }

uyx-button[disabled] .uyx-2nvG2 {
    --color: var(--uyx-button-color-primary);

    cursor: not-allowed;

    cursor: var(--uyx-disabled-cursor);
    -webkit-filter: grayscale(100%) opacity(30%);
            filter: grayscale(100%) opacity(30%);
    -webkit-filter: var(--uyx-disabled-filter);
            filter: var(--uyx-disabled-filter);
  }

uyx-button:not([disabled]):active {
    -webkit-transform: scale(.95);
            transform: scale(.95);
  }

uyx-button[size='small'] .uyx-2nvG2 {
    padding: 6px 12px;
    font-size: 16px;
    font-size: var(--uyx-font-size);
  }

uyx-button[size='medium'] .uyx-2nvG2 {
    padding: 12px 18px;
    font-size: 1.5rem;
    font-size: var(--uyx-font-size-medium);
  }

uyx-button[size='large'] .uyx-2nvG2 {
    padding: 18px 30px;
    font-size: 2rem;
    font-size: var(--uyx-font-size-large);
  }

uyx-button[fill] {
    margin: 0;
    width: 100%
  }

uyx-button[fill] .uyx-2nvG2 {
      width: 100%;
    }

uyx-button[type='primary'] {
    --background-color: var(--uyx-state-bg-info);
  }

uyx-button[type='success'],
  uyx-button[type='download'],
  uyx-button[type='upload'],
  uyx-button[type='save'],
  uyx-button[type='enter'] {
    --background-color: var(--uyx-state-bg-success);
  }

uyx-button[type='insert'],
  uyx-button[type='preview'] {
    --background-color: var(--uyx-state-bg-info);
  }

uyx-button[type='delete'],
  uyx-button[type='danger'],
  uyx-button[type='exit'] {
    --background-color: var(--uyx-state-bg-danger);
  }

uyx-button[type='warning'],
  uyx-button[type='edit'],
  uyx-button[type='unlock'],
  uyx-button[type='locked'] {
    --background-color: var(--uyx-state-bg-warning);
  }

uyx-button input[type=file] {
    font-size: 100px; /* stylelint-disable-line */
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
  }

uyx-button[visible='false'] {
    display: none;
  }

.uyx-select {
  --border-color: var(--uyx-border-color);
  --background-color: var(--uyx-bg-default);
  --color: var(--uyx-color-default);

  -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
  background-color: var(--background-color);
  background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjY2NjY2IiB3aWR0aD0iMjkiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0MDggNzA0cTAgMjYtMTkgNDVsLTQ0OCA0NDhxLTE5IDE5LTQ1IDE5dC00NS0xOWwtNDQ4LTQ0OHEtMTktMTktMTktNDV0MTktNDUgNDUtMTloODk2cTI2IDAgNDUgMTl0MTkgNDV6Ii8+PC9zdmc+Cg==');

  width: 100%;
  color: var(--color);
  border: 1px solid #c8ceca;
  border: var(--uyx-border-width) var(--uyx-border-style) #c8ceca;
  height: 35px;
  display: block;
  padding: 0 2em 0 1em;
  outline: 0;
  overflow: hidden;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  -webkit-appearance: none;
          appearance: none;
  white-space: nowrap;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
  font-weight: 400;
  line-height: 1.43;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  transition-property: border, box-shadow;
  transition-duration: .2s;
  transition-duration: var(--uyx-duration);
  transition-timing-function: ease-in-out
}
.uyx-select:disabled {
    cursor: not-allowed;
    cursor: var(--uyx-disabled-cursor);
    -webkit-filter: grayscale(100%) opacity(30%);
            filter: grayscale(100%) opacity(30%);
    -webkit-filter: var(--uyx-disabled-filter);
            filter: var(--uyx-disabled-filter);
  }
.uyx-select[warning],
  .uyx-select[warning]:focus {
    border: 1px solid #eca72c;
    border: var(--uyx-state-border-warning);
  }
.uyx-select[error],
  .uyx-select[error]:focus {
    border: 1px solid rgb(255, 100, 100);
    border: var(--uyx-state-border-error);
    background-color: rgb(255, 185, 185);
    background-color: var(--uyx-state-bg-error);
  }
.uyx-select:focus {
    border-color: #66afe9;
    border-color: var(--uyx-color-focus);
  }

uyx-switch {
  --height: 25px;
  --bg-color: var(--uyx-switch-bg-off);

  width: 50px;
  height: var(--height);
  border: 1px solid #ddd;
  border: var(--uyx-border);
  display: block;
  position: relative;
  transition: background-color .2s ease;
  transition: background-color var(--uyx-duration) ease;
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);
  background-color: var(--bg-color)
}
uyx-switch .uyx-2i7d2 {
    --size: var(--height);

    top: 0;
    width: var(--size);
    height: var(--size);
    position: absolute;
    border-radius: 2px;
    border-radius: var(--uyx-border-radius);
    background-color: #fff;
    background-color: var(--uyx-bg-default);
    transition-property: background-color, left;
    transition-duration: .2s;
    transition-duration: var(--uyx-duration);

    left: 50%;
  }
uyx-switch[value='1'] {
    --bg-color: var(--uyx-switch-bg-on)
  }
uyx-switch[value='1'] .uyx-2i7d2 {
      left: 0;
    }

.uyx-textarea {
  color: #002838;
  color: var(--uyx-color-default);
  width: 100%;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  outline: none;
  padding: 10px;
  overflow: auto;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  max-width: 100%;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);

  box-shadow: none;  /* stylelint-disable-line sh-waqar/declaration-use-variable */ /* !important */

  font-weight: 400;

  border-radius: 2px;

  border-radius: var(--uyx-border-radius);
  background-color: #fff;
  background-color: var(--uyx-bg-default);

  line-height: inherit
}
.uyx-textarea:not([rows]) {
    height: 100px;
  }
.uyx-textarea:disabled {
    resize: none;
    cursor: not-allowed;
    cursor: var(--uyx-disabled-cursor);
    -webkit-filter: grayscale(100%) opacity(30%);
            filter: grayscale(100%) opacity(30%);
    -webkit-filter: var(--uyx-disabled-filter);
            filter: var(--uyx-disabled-filter);
  }
.uyx-textarea[error],
  .uyx-textarea[error]:focus {
    border: 1px solid rgb(255, 100, 100);
    border: var(--uyx-state-border-error);
    background-color: rgb(255, 185, 185);
    background-color: var( --uyx-state-bg-error);
  }
.uyx-textarea:focus {
    border-color: #66afe9;
    border-color: var(--uyx-color-focus);
  }
.uyx-textarea[warning] {
    border: 1px solid #eca72c;
    border: var(--uyx-state-border-warning);
  }
.uyx-textarea[success] {
    border: 1px solid #81c980;
    border: var(--uyx-state-border-success);
  }

uyx-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;

  position: relative;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);

  width: 25px;
  height: 25px;

  margin: 5px;

  cursor: pointer;

  transition: background-color .2s ease;

  transition: background-color var(--uyx-duration) ease;
  background-color: #808080;
  background-color: var(--uyx-state-bg-default)
}
uyx-checkbox uyx-icon {
    transition: visibility .2s ease;
    transition: visibility var(--uyx-duration) ease;
    visibility: hidden;
  }
uyx-checkbox[checked] {
    background-color: #002838;
    background-color: var(--uyx-bg-primary)
  }
uyx-checkbox[checked] uyx-icon {
      visibility: visible;
    }

.uyx-vignette {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em
}
.uyx-vignette[data-success],
  .uyx-vignette[success] {
    background-color: #81c980;
    background-color: var(--uyx-state-bg-success);
  }
.uyx-vignette[data-warning],
  .uyx-vignette[warning] {
    background-color: #eca72c;
    background-color: var(--uyx-state-bg-warning);
  }

uyx-input-search {
  width: 100%;
  display: block;
  position: relative;
  max-width: 100%;
}

.uyx-1t6Q6 {
  position: absolute;
  z-index: 200;
  z-index: var(--uyx-z-search);
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  background-color: var(--uyx-bg-default);
  border-width: 1px;
  border-width: var(--uyx-border-width);
  border-style: solid;
  border-style: var(--uyx-border-style);
  border-color: #66afe9;
  border-color: var(--uyx-color-focus);
  border-top-style: none; /* stylelint-disable-line sh-waqar/declaration-use-variable */
}

.uyx-Q8T7A {
  /* width: 90%; */
  border: 1px solid #ddd;
  border: var(--uyx-border);
  height: 35px;
  height: var(--uyx-input-height);
  outline: 0 none;
  padding: 0 6px;
  position: relative;
  text-align: left;
  overflow: hidden;
}

.uyx-Q8T7A span {
  width: 99%;
  display: inline-block;
  overflow: hidden; /* !important */
  white-space: nowrap;
  text-overflow: ellipsis;
}

.uyx-Q8T7A,
.uyx-14T0C,
.uyx-TQEPR {
  cursor: pointer;
}

.uyx-14T0C,
.uyx-TQEPR,
.uyx-Ci4g7 {
  text-align: center;
}

.uyx-Q8T7A,
.uyx-Ci4g7,
.uyx-14T0C,
.uyx-TQEPR {
  height: 35px;
  height: var(--uyx-input-height);
  line-height: 35px;
  line-height: var(--uyx-input-height);
}

.uyx-Q8T7A:not(.uyx-Ci4g7):not(.uyx-14T0C):not(.uyx-TQEPR):hover {
  color: #fff;
  color: var(--uyx-color-primary);
  background-color: #66afe9;
  background-color: var(--uyx-color-focus);
}

.uyx-Ci4g7 {
  background-color: #eca72c;
  background-color: var(--uyx-state-bg-warning);
  color: #fff;
  color: var(--uyx-state-color-warning);
}

.uyx-14T0C {
  background-color: #006494;
  background-color: var(--uyx-state-bg-info);
  color: #fff;
  color: var(--uyx-state-color-info);
}

.uyx-TQEPR {
  background-color: #81c980;
  background-color: var(--uyx-state-bg-success);
  color: #fff;
  color: var(--uyx-state-color-success);
}

/* ez az egész, sötét alap, nem maga az ablak */

body[data-modal] {
  overflow: hidden;
  padding-right: 16px;
}

uyx-modal {
  --container-bg-color: rgba(0, 0, 0, .5);

  --header-bg-color: var(--uyx-state-bg-info);
  --header-color: var(--uyx-color-primary);

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 300;
  z-index: var(--uyx-z-modal);
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--container-bg-color)
}

uyx-modal[type='info'] {
    --header-bg-color: var(--uyx-state-bg-info);
  }

uyx-modal[type='success'] {
    --header-bg-color: var(--uyx-state-bg-success);
  }

uyx-modal[type='warning'] {
    --header-bg-color: var(--uyx-state-bg-warning);
  }

uyx-modal[type='danger'],
  uyx-modal[dialog='delete'] {
    --header-bg-color: var(--uyx-state-bg-danger);
  }

uyx-modal[type='info'],
  uyx-modal[type='success'],
  uyx-modal[type='warning'],
  uyx-modal[type='danger'] {
    --header-color: #fff;
  }

uyx-modal .uyx-jnV2v {
    color: var(--header-color);
    display: flex;
    justify-content: space-between;
    background-color: var(--header-bg-color);
  }

uyx-modal .uyx-3h004 {
    color: #fff;
    color: var(--uyx-color-primary);
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
    font-family: var(--uyx-font-family);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-size: 1rem;
    line-height: 1.5;
  }

uyx-modal .uyx-11gTH {
    position: relative;
  }

uyx-modal .uyx-20lhW {
    text-align: right;
    border-top: 1px solid #e5e5e5;
    border-top: var(--uyx-border-width) var(--uyx-border-style) #e5e5e5;
  }

uyx-modal .uyx-jnV2v,
  uyx-modal .uyx-11gTH,
  uyx-modal .uyx-20lhW {
    padding: 15px;
  }

/* EZ az ablak, amit kívülről engedünk felülcsapkodni */
.modal__content {
  --bg-color: #fff;
  --box-shadow: 0 5px 15px rgba(0, 0, 0, .5);

  width: 90%;
  margin: 30px auto;
  position: relative;
  box-shadow: var(--box-shadow);
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);
  background-color: var(--bg-color)
}
@media (min-width: 768px) {
.modal__content {
    width: 600px;
    margin: 30px auto
}
  }
@media (min-width: 992px) {
.modal__content {
    width: 900px
}
  }

.uyx-9JsS9 {
  cursor: pointer;
}

.uyx-E_PK- {
  position: fixed;

  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;

  cursor: pointer;
  color: #002838;
  color: var(--uyx-color-default);
  border-radius: 2px;
  border-radius: var(--uyx-border-radius);
  background-color: #fff;
  background-color: var(--uyx-bg-default);
  z-index: 2;
  z-index: var(--uyx-z-modal-close);
}

uyx-toaster {
  --bg-color: var(--uyx-state-bg-success);
  --color: var(--uyx-state-color-default);

  display: flex;
  flex-direction: row;

  cursor: pointer;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  min-width: 250px;
  background-color: var(--bg-color)
}

uyx-toaster[type='warning'] {
    --bg-color: var(--uyx-state-bg-warning);
  }

uyx-toaster[type='danger'] {
    --bg-color: var(--uyx-state-bg-danger);
  }

.uyx-xxzEt {
  width: 20%;
  color: var(--color);
  border-right: 1px solid #ddd;
  border-right: var(--uyx-border);
}

.uyx-1kQ3y {
  width: 80%;
  color: var(--color);
  padding: 10px;
  text-align: left
}

.uyx-1kQ3y p,
  .uyx-1kQ3y h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: var(--uyx-font-size);
  }

.uyx-1kQ3y p {
    font-weight: 400;
  }

.uyx-1kQ3y h3 {
    font-weight: 700;
  }

.uyx-3ODcV {
  width: 250px;
  right: 0;
  bottom: 0;
  z-index: 400;
  z-index: var(--uyx-z-toaster);
  position: fixed;
}

.uyx-2eUKr {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 400;
  z-index: var(--uyx-z-notification);
  position: fixed;
}

.uyx-1dz17 {
  --bg-color: var(--uyx-state-bg-default);
  --color: var(--uyx-state-color-default);
}

.uyx-1dz17[type='success'] {
    --bg-color: var(--uyx-state-bg-success);
  }

.uyx-1dz17[type='warning'] {
    --bg-color: var(--uyx-state-bg-warning);
  }

.uyx-1dz17[type='danger'] {
    --bg-color: var(--uyx-state-bg-danger);
  }

.uyx-1dz17 {

  color: var(--color);
  background-color: var(--bg-color);

  width: 100%;
  cursor: pointer;
  padding: 10px;
  display: block;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  text-align: center;
  font-weight: 700;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
  border-bottom: 1px solid #ddd;
  border-bottom: var(--uyx-border);
}

.uyx-M_rJA {
  color: var(--color);
  height: 80%;
  margin: 0;
  padding: 5px 15px 0;
  font-size: 16px;
  font-size: var(--uyx-font-size);
  font-weight: 400;
}

.uyx-3HUNv {
  color: var(--color);
  width: 30%;
  margin: 0 35%;
  height: 20%;
  padding: 0 0 5px;
  align-items: center;
  border-bottom: 1px solid #ddd;
  border-bottom: var(--uyx-border);
  justify-content: center;
}

uyx-flanel {
  display: block;
  position: absolute;
  min-height: 200px;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  background-color: #fff;
  background-color: var(--uyx-bg-default);
  top: 0; /* JS-ből állítjuk! */
  left: 10px;
  margin: auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  box-shadow: var(--uyx-modal-box-shadow)
}

uyx-flanel[size='small'] {
    width: 300px;
  }

uyx-flanel[size='medium'] {
    width: 400px;
  }

uyx-flanel[size='large'] {
    width: 500px;
  }

.uyx-3Oj9I {
  background-color: #002838;
  background-color: var(--uyx-bg-primary);
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #fff;
  color: var(--uyx-color-primary);
}

.uyx-1zJ8S {
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}

.uyx-3Oj9I,
.uyx-1zJ8S {
  padding: 15px;
}

.uyx-1vjTD {
  color: #fff;
  color: var(--uyx-color-primary);
  cursor: pointer;
}

.uyx-2QfgF {
  display: block;
}

.uyx-30Too {
  padding: 20px 10px;
  max-width: 1140px;
  background-color: #f5f5f5;
  background-color: var(--uyx-bg-secondary);
}

.uyx-2nmCQ {
  flex-wrap: wrap;
  border-top: 1px solid #ddd;
  border-top: var(--uyx-border);
  margin-top: 10px;
  padding-top: 10px;
}

.uyx-WghHC,
.uyx-2ebeC {
  cursor: pointer;
}

.uyx-2ebeC,
.uyx-224VX {
  color: #fff;
  color: var(--uyx-color-primary);
  width: 50px;
  margin: 5px;
  min-height: 100%;
  align-items: center;
  justify-content: center;
}

.uyx-224VX {
  visibility: hidden;
}

uyx-auth {
  display: block;
}

.uyx-3Mrk6 {
  width: 600px;
  margin: 5px 0;
}

.uyx-ony0y {
  color: rgb(255, 100, 100);
  color: var(--uyx-state-bg-danger);
}

.uyx-3UxCq {
  margin-bottom: 15px;
}

uyx-logo {
  height: 40px;
  display: block;
  position: relative
}
uyx-logo img {
    height: 100%;
  }

uyx-tile {
  display: block;
}

.uyx-2vc_k {
  width: 100%;
}

uyx-table {
  display: block;
}

.uyx-table {
  --bg-color: var(--uyx-bg-default);

  width: 100%;
  display: table;
  max-width: 100%;
  margin-top: 10px;
  border-collapse: collapse; /* stylelint-disable-line sh-waqar/declaration-use-variable */
  background-color: var(--bg-color)
}

.uyx-table thead,
  .uyx-table tbody,
  .uyx-table tfoot {
    width: 100%;
  }

.uyx-table thead,
  .uyx-table tfoot {
    color: #fff;
    color: var(--uyx-color-primary);
    font-weight: 700;
    background-color: #002838;
    background-color: var(--uyx-bg-primary);
  }

.uyx-table th,
  .uyx-table td {
    border: 1px solid #ddd;
    border: var(--uyx-border);
    padding: 5px;
    text-align: left;
    vertical-align: top;
  }

.uyx-table thead th {
    vertical-align: bottom;
  }

.uyx-table tbody tr {
    width: 100%;
    transition: background-color .2s;
    transition: background-color var(--uyx-duration);
    background-color: var(--bg-color)
  }

.uyx-table tbody tr:nth-child(even) { /* stylelint-disable-line no-descending-specificity */
      background-color: #f5f5f5;
      background-color: var(--uyx-table-row-bg);
    }

.uyx-table tbody tr:hover {
      background-color: #e5fbfb;
      background-color: var(--uyx-table-row-bg-hover);
    }

.uyx-table tbody tr[data-danger] {
      background-color: #f8d7da;
    }

.uyx-table tbody tr[data-warning] {
      background-color: #fff3cd;
    }

.uyx-1VS_a {
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}

uyx-to-top {
  width: 50px;
  right: 10px;
  color: #fff;
  color: var(--uyx-bg-default);
  height: 50px;
  bottom: 10px;
  cursor: pointer;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  opacity: 0;
  z-index: 200;
  z-index: var(--uyx-z-totop);
  display: flex;
  position: fixed;
  font-size: 1.5rem;
  font-size: var(--uyx-font-size-medium);
  transition: .2s;
  transition: var(--uyx-duration);
  align-items: center;
  justify-content: center;
  background-color: #002838;
  background-color: var(--uyx-bg-primary)
}
uyx-to-top[visible='true'] {
    opacity: 1;
  }
uyx-to-top:hover {
    color: #002838;
    color: var(--uyx-bg-primary);
    border: 1px solid #002838;
    border: var(--uyx-border-width) var(--uyx-border-style) var(--uyx-bg-primary);
    background-color: #fff;
    background-color: var(--uyx-bg-default)
  }
uyx-to-top:hover uyx-icon {
      color: #002838;
      color: var(--uyx-bg-primary);
    }

uyx-upload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  position: relative;
  padding: 20px;

  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;

  font-family: var(--uyx-font-family);
  font-size: 1.5rem;
  font-size: var(--uyx-font-size-medium);

  outline: 1px dashed #002838;

  outline: var(--uyx-border-width) dashed var(--uyx-bg-primary);
  transition: background-color .2s, outline-offset .2s;
  transition: background-color var(--uyx-duration), outline-offset var(--uyx-duration);
  background-color: #f5f5f5;
  background-color: var(--uyx-bg-secondary)
}

uyx-upload label {
    cursor: pointer
  }

uyx-upload label strong {
      transition: color .2s;
      transition: color var(--uyx-duration);
    }

uyx-upload label:hover strong {
      color: #006494;
      color: var(--uyx-state-bg-info);
    }

.uyx-4B8bQ {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center
}

.uyx-4B8bQ:not(:empty) {
    padding: 15px 40px;
  }

.uyx-uHZEn,
.uyx-fPEi5,
.uyx-3vdgi,
.uyx-1y3M_ {
  display: none;
}

.uyx-uHZEn {
  display: inline;
  margin-left: 5px;
}

.uyx-1Y650 {
  outline-offset: -20px;
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}

.uyx-2JKd7 {
  margin: 5px;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  padding: 5px;
  font-size: 16px;
  font-size: var(--uyx-font-size);
}

.uyx-Gvg3c {
  width: 95%;
  padding: 10px;
  margin-top: 10px;
  border-top: 1px solid #ddd;
  border-top: var(--uyx-border);
}

.uyx-2nvVW {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
}

.uyx-zHD8W,
.uyx-wzZCi,
.uyx-Gvg3c {
  font-size: .9rem;
  font-size: var(--uyx-font-size-small);
}

.uyx-zHD8W {
  font-weight: 700;
}

.uyx-2O7wm {
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}

.uyx-DL0AS {
  width: 100px;
  text-align: right;
}

.uyx-3wc33 {
  width: 60%;
}

.uyx-X7iyB {
  width: 200px;
}

.uyx-1aDzW {
  width: 100%;
  color: #002838;
  color: var(--uyx-color-default);
  text-align: left;
  font-weight: 400;
  background-color: #fff;
  background-color: var(--uyx-bg-default);
}
.uyx-3frAa {
  display: inline-block;
  font-size: 16px;
  font-size: var(--uyx-font-size)
}

.uyx-3frAa:not(.uyx-317lJ) {
    margin: 5px;
  }

.uyx-3cjHq {
  width: 100%;
}

.uyx-3frAa:not(.uyx-aEaVV) .uyx-3cjHq {
  border: 1px solid #ddd;
  border: var(--uyx-border);
  padding: 5px;
}

.uyx-317lJ {
  display: block;
}

uyx-color-picker {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}

.uyx-GGcYr {
  width: 80%;
}

.uyx-2N0qT {
  width: 20%;
  border: 1px solid #ddd;
  border: var(--uyx-border);
  margin-left: 5px;
  height: 35px;
  height: var(--uyx-input-height);
}

uyx-description {
  width: 100%;
  padding: 0;
  display: block;
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
  font-family: var(--uyx-font-family);
}

.uyx-1vJ28 {
  margin-top: 40px;
}

.uyx-13bni {
  border-bottom: 1px solid #ddd;
  border-bottom: var(--uyx-border);
  margin-bottom: 10px;
}

.uyx-1ejSd {
  margin-top: 10px;
}

.uyx-1zG2g {
  padding: 10px;
  margin-top: 20px;
  background-color: #f5f5f5;
  background-color: var(--uyx-bg-secondary);
}

uyx-password-generator {
  display: block;
  width: 100%
}
uyx-password-generator .uyx-input:disabled {
    -webkit-filter: none;
            filter: none;
  }