@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic&subset=latin,latin-ext);
@font-face {
  font-family: "VegaFont";
  src: url("../fonts/VegaFont.ttf?8af9c25b8a1a7ebe0591dbf63b1403e2") format("truetype");
  font-weight: normal;
  font-style: normal; }

.vega-icons, .functionmenu li a:not([class='icon-']):before, .functionmenu li a.icon-edit:before, .table .table-header .checkbox-header .checkbox-arrow:before, .popup .popupClose:before, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .module .module-header a:before {
  font-family: "VegaFont";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-add:before, .functionmenu li a:not([class='icon-']):before {
  content: "\f101"; }

.icon-allomanyimport-summa:before {
  content: "\f102"; }

.icon-allomanyimport:before {
  content: "\f103"; }

.icon-arrow-down:before, .table .table-header .checkbox-header .checkbox-arrow:before {
  content: "\f104"; }

.icon-autosave:before {
  content: "\f105"; }

.icon-back:before, .xdsoft_datetimepicker .xdsoft_prev:before, .xdsoft_datetimepicker .xdsoft_next:before, .module .module-header a:before {
  content: "\f106"; }

.icon-banned:before {
  content: "\f107"; }

.icon-biztositotarsasagok:before {
  content: "\f108"; }

.icon-calc-info:before {
  content: "\f109"; }

.icon-calc-search:before {
  content: "\f10a"; }

.icon-casco:before {
  content: "\f10b"; }

.icon-cascoexpressz:before {
  content: "\f10c"; }

.icon-cegadatok:before {
  content: "\f10d"; }

.icon-chart-icon:before {
  content: "\f10e"; }

.icon-cibbaleset:before {
  content: "\f10f"; }

.icon-ckb-up:before {
  content: "\f110"; }

.icon-ckb4:before {
  content: "\f111"; }

.icon-compare:before {
  content: "\f112"; }

.icon-contractImport:before {
  content: "\f113"; }

.icon-damage:before {
  content: "\f114"; }

.icon-defekt:before {
  content: "\f115"; }

.icon-delete-2:before, .popup .popupClose:before {
  content: "\f116"; }

.icon-delete-3:before {
  content: "\f117"; }

.icon-delete:before {
  content: "\f118"; }

.icon-delete2:before {
  content: "\f119"; }

.icon-dijtaj-arrow-left:before {
  content: "\f11a"; }

.icon-dijtaj-arrow-right:before {
  content: "\f11b"; }

.icon-disabled:before {
  content: "\f11c"; }

.icon-docAccepted:before {
  content: "\f11d"; }

.icon-docAdd:before {
  content: "\f11e"; }

.icon-docDenied:before {
  content: "\f11f"; }

.icon-docDownload:before {
  content: "\f120"; }

.icon-docUpload:before {
  content: "\f121"; }

.icon-dokumentumok2:before {
  content: "\f122"; }

.icon-dollar:before {
  content: "\f123"; }

.icon-double-left:before {
  content: "\f124"; }

.icon-double-right:before {
  content: "\f125"; }

.icon-down:before {
  content: "\f126"; }

.icon-download-pdf:before {
  content: "\f127"; }

.icon-downloadBtn:before {
  content: "\f128"; }

.icon-edit:before, .functionmenu li a.icon-edit:before {
  content: "\f129"; }

.icon-edit2:before {
  content: "\f12a"; }

.icon-elfogad:before {
  content: "\f12b"; }

.icon-elozmeny:before {
  content: "\f12c"; }

.icon-excel:before {
  content: "\f12d"; }

.icon-export:before {
  content: "\f12e"; }

.icon-gap:before {
  content: "\f12f"; }

.icon-gumiabroncs:before {
  content: "\f130"; }

.icon-hi:before {
  content: "\f131"; }

.icon-hide:before {
  content: "\f132"; }

.icon-home:before {
  content: "\f133"; }

.icon-info3:before {
  content: "\f134"; }

.icon-infoblokk:before {
  content: "\f135"; }

.icon-jogosultsag:before {
  content: "\f136"; }

.icon-jogosultsag2:before {
  content: "\f137"; }

.icon-jogosultsagok:before {
  content: "\f138"; }

.icon-jutalek:before {
  content: "\f139"; }

.icon-key:before {
  content: "\f13a"; }

.icon-kgfb:before {
  content: "\f13b"; }

.icon-kilepes:before {
  content: "\f13c"; }

.icon-kockazatielet:before {
  content: "\f13d"; }

.icon-kotvenyesitett:before {
  content: "\f13e"; }

.icon-kulfoldi-karbejelentes:before {
  content: "\f13f"; }

.icon-lakasexpressz:before {
  content: "\f140"; }

.icon-lakat:before {
  content: "\f141"; }

.icon-link:before {
  content: "\f142"; }

.icon-link2:before {
  content: "\f143"; }

.icon-locked:before {
  content: "\f144"; }

.icon-logout:before {
  content: "\f145"; }

.icon-megjegyzes2:before {
  content: "\f146"; }

.icon-mnbnumber:before {
  content: "\f147"; }

.icon-moneybag:before {
  content: "\f148"; }

.icon-moneybag_outline:before {
  content: "\f149"; }

.icon-muszaki-garancia:before {
  content: "\f14a"; }

.icon-next:before {
  content: "\f14b"; }

.icon-offer:before {
  content: "\f14c"; }

.icon-offer2:before {
  content: "\f14d"; }

.icon-osszevonas:before {
  content: "\f14e"; }

.icon-parkolas:before {
  content: "\f14f"; }

.icon-partnerek:before {
  content: "\f150"; }

.icon-pause:before {
  content: "\f151"; }

.icon-pdf:before {
  content: "\f152"; }

.icon-pipe:before {
  content: "\f153"; }

.icon-printer:before {
  content: "\f154"; }

.icon-refresh:before {
  content: "\f155"; }

.icon-save:before {
  content: "\f156"; }

.icon-save2:before {
  content: "\f157"; }

.icon-search:before {
  content: "\f158"; }

.icon-send:before {
  content: "\f159"; }

.icon-service:before {
  content: "\f15a"; }

.icon-settings:before {
  content: "\f15b"; }

.icon-show:before {
  content: "\f15c"; }

.icon-single-left:before {
  content: "\f15d"; }

.icon-single-right:before {
  content: "\f15e"; }

.icon-summa:before {
  content: "\f15f"; }

.icon-switchBan:before {
  content: "\f160"; }

.icon-szerzodesek:before {
  content: "\f161"; }

.icon-tarsashaz:before {
  content: "\f162"; }

.icon-tarsashaz2:before {
  content: "\f163"; }

.icon-termekek:before {
  content: "\f164"; }

.icon-tippek-o:before {
  content: "\f165"; }

.icon-tippek:before {
  content: "\f166"; }

.icon-trash:before {
  content: "\f167"; }

.icon-trashOld2:before {
  content: "\f168"; }

.icon-trashOriginal:before {
  content: "\f169"; }

.icon-ugyfelkapu:before {
  content: "\f16a"; }

.icon-ujfajl:before {
  content: "\f16b"; }

.icon-unlocked:before {
  content: "\f16c"; }

.icon-ureslap:before {
  content: "\f16d"; }

.icon-user:before {
  content: "\f16e"; }

.icon-utasexpressz:before {
  content: "\f16f"; }

.icon-utitars:before {
  content: "\f170"; }

.icon-uzenetek:before {
  content: "\f171"; }

.icon-uzenetek2:before {
  content: "\f172"; }

.icon-varakozo:before {
  content: "\f173"; }

.icon-visszatoltes:before {
  content: "\f174"; }

.icon-warning:before {
  content: "\f175"; }

.icon-warning2:before {
  content: "\f176"; }

.icon-warning3:before {
  content: "\f177"; }

/**
 Státuszokhoz tartozó SCSS fájl
 A BBO jobb oldalán található kereső CSS kódja.
 */
/** Lezárt státusz színei **/
/** Sztornó státusz színei **/
/** Kötvényesített Státusz színei **/
/** A gombokon az alapértelmezett szín **/
/** A funkciógombokon az alapértelmezett szín **/
/** Olyan státusz, amikor egy figyelmeztetést kell kirakni (danger / warning) **/
/** Lezárt státusz, vagy bármilyen sikeres, vagy befejező műveletet végző gomb színe) **/
/** Egyszerű semleges szürke szín **/
.status-container {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .status-container .status-half-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .status-container .status-half-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.detail-list {
  display: flex;
  flex-direction: column; }
  .detail-list .detail-list-block {
    display: flex;
    width: 100%;
    font-size: 12px;
    flex-wrap: wrap;
    padding: 8px 10px; }
    .detail-list .detail-list-block:nth-child(even) {
      background: #f0f0f0; }
    .detail-list .detail-list-block .list-block-top-left,
    .detail-list .detail-list-block .list-block-top-right,
    .detail-list .detail-list-block .list-block-bottom-left,
    .detail-list .detail-list-block .list-block-bottom-right {
      flex: 1 1 50%; }
    .detail-list .detail-list-block .list-block-full {
      flex: 1 1 100%; }

.status-lezart {
  color: #95af6c; }

.status-kotvenyesitett {
  color: #475290; }

.status-storno {
  color: #cd5c5c !important; }

.status-danger {
  color: #c18511; }

.status-varakozo {
  color: #48a0c9; }

.status-elesitve {
  color: #1d00ff; }

.text-green {
  color: #95af6c !important; }

.text-red {
  color: #cd5c5c !important; }

/**
 Submenu kialakítása
 A fejléc alatt található menüpontok kialakítása
 */
nav .submenu {
  margin: 0;
  padding: 0;
  color: #b3b2b2;
  width: 100%;
  border-radius: 3px;
  padding-left: 17px;
  height: 53px;
  display: flex;
  align-items: center; }
  @media (min-width: 769px) {
    nav .submenu {
      border-top: none;
      margin-top: -24px; }
      nav .submenu.submenu-smaller li {
        font-size: 13px;
        margin-right: 28px; } }
  nav .submenu .submenu-other {
    width: 150px;
    position: relative; }
    nav .submenu .submenu-other.active > a {
      color: white; }
    nav .submenu .submenu-other.active ul {
      display: block; }
    nav .submenu .submenu-other .submenu-arrow {
      width: 0;
      height: 0;
      border-left: 3px solid transparent;
      border-right: 3px solid transparent;
      border-top: 3px solid white;
      position: absolute;
      margin-top: 8px;
      margin-left: 5px; }
    nav .submenu .submenu-other ul {
      position: absolute;
      background: white;
      border: 1px solid rgba(0, 0, 0, 0.25);
      margin: 0;
      padding: 0;
      margin-left: -13px;
      z-index: 101;
      display: none; }
      nav .submenu .submenu-other ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%; }
        nav .submenu .submenu-other ul li a {
          padding-left: 10px;
          padding-top: 8px;
          padding-bottom: 8px;
          color: rgba(0, 0, 0, 0.7);
          display: inline-block;
          width: 100%; }
          nav .submenu .submenu-other ul li a:hover {
            background: rgba(0, 0, 0, 0.1); }
        nav .submenu .submenu-other ul li a:before {
          content: "";
          display: none; }
  nav .submenu li {
    display: inline-block;
    font-family: 'Open Sans';
    font-size: 14px;
    width: 100%;
    padding: 0;
    margin: 0; }
    @media (min-width: 769px) {
      nav .submenu li {
        width: auto;
        margin-right: 35px; } }
    nav .submenu li a {
      color: #b3b2b2;
      transition: color .3s;
      display: inline-block;
      width: 100%;
      padding-top: 17px;
      padding-bottom: 13px;
      border-bottom: 4px solid transparent; }
      nav .submenu li a:hover {
        color: white; }
        nav .submenu li a:hover:before {
          opacity: 1; }
      nav .submenu li a.active {
        color: white;
        border-bottom: 4px solid white; }
        nav .submenu li a.active:before {
          opacity: 1; }
      nav .submenu li a:before {
        content: "";
        width: 3px;
        height: 3px;
        position: absolute;
        margin-left: -14px;
        background: white;
        display: inline-block;
        opacity: .6;
        transition: opacity .3s;
        margin-top: 8px; }

.module-navigation-functions {
  margin: 0;
  padding: 0;
  margin-top: 10px; }
  .module-navigation-functions .mnf-flex {
    display: flex;
    flex-direction: row;
    justify-content: center; }
  .module-navigation-functions li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block; }

.functionmenu {
  margin: 0;
  padding: 0;
  padding-top: 11px;
  margin-top: 5px; }
  .functionmenu li {
    list-style: none;
    display: inline-block; }
    .functionmenu li span {
      color: #f05a1f;
      padding-right: 10px; }
    .functionmenu li a {
      margin-right: 10px;
      font-size: 14px; }
      .functionmenu li a:not([class='icon-']):before {
        font-size: 1.35em;
        margin-right: 4px;
        position: relative;
        top: -2px;
        display: inline-block; }
    .functionmenu li, .functionmenu li a {
      color: #f05a1f; }
      .functionmenu li:hover, .functionmenu li a:hover {
        color: #f37d4f; }
  .functionmenu a {
    color: #f05a1f;
    transition: color .3s; }
    .functionmenu a:hover {
      color: #f26c37; }

/**
 A táblázatokhoz tartozó CSS kód
 Ezt a táblázatot használja a BBO és a CKB5 is
 */
.table {
  width: 100%;
  display: table;
  color: #6c6c74; }
  .table.table-fixed {
    table-layout: fixed; }
  .table.table-nowordbreak div {
    word-break: inherit !important; }
  .table .table-header {
    display: none; }
    @media (min-width: 769px) {
      .table .table-header {
        display: table-row; } }
    .table .table-header > div {
      display: table-cell;
      border-top: 1px solid #dcdcdc;
      border-bottom: 1px solid #dcdcdc;
      font-weight: bold;
      color: #30303c;
      font-size: 12px;
      padding: 8px 9px 9px 8px;
      background: white;
      text-align: left;
      vertical-align: middle; }
      .table .table-header > div:first-child {
        border-left: 1px solid #dcdcdc; }
      .table .table-header > div:last-child {
        border-right: 1px solid #dcdcdc; }
    .table .table-header.table-header-original div {
      background-color: yellowgreen;
      font-style: italic;
      padding: 5px 9px; }
    .table .table-header .checkbox-header .checkbox-box {
      width: 15px;
      height: 15px;
      border: 1px solid rgba(0, 0, 0, 0.3);
      margin-left: 7px;
      cursor: pointer; }
      .table .table-header .checkbox-header .checkbox-box:hover {
        background: rgba(0, 0, 0, 0.1); }
    .table .table-header .checkbox-header .checkbox-arrow {
      font-size: 8px;
      margin-left: 3px;
      margin-top: 1px; }
    .table .table-header .checkbox-header ul {
      position: absolute;
      margin-top: 0px;
      margin-left: 7px;
      display: none;
      z-index: 101; }
      .table .table-header .checkbox-header ul li {
        background: white;
        border: 1px solid rgba(0, 0, 0, 0.3);
        list-style: none;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 10px;
        font-weight: normal;
        font-size: 12px;
        padding-right: 10px;
        width: 150px;
        position: relative; }
        .table .table-header .checkbox-header ul li:hover {
          cursor: pointer;
          background: #EEE; }
  .table .table-kapcsolat .icon-delete2:not(.color-red) {
    opacity: .3; }
  .table .table-kapcsolat .icon-tippek.color-green {
    color: #95af6c; }
  .table .table-kapcsolat .icon-delete2.color-red {
    color: #c94343; }
  .table .table-main {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    background: transparent !important;
    transition: transform .3s; }
    .table .table-main[data-row-href] div:not(.karbantartas) {
      cursor: pointer; }
    .table .table-main .checkbox-block {
      position: absolute;
      margin-top: -6px; }
    .table .table-main input[type="checkbox"] {
      opacity: 0;
      position: absolute; }
      .table .table-main input[type="checkbox"]:checked + label.checkbox {
        background: rgba(0, 0, 0, 0.1); }
        .table .table-main input[type="checkbox"]:checked + label.checkbox:before {
          content: "";
          display: inline-block;
          width: 4px;
          height: 2px;
          background: black;
          transform: rotate(45deg);
          position: absolute;
          margin-top: 7px;
          margin-left: 1px; }
        .table .table-main input[type="checkbox"]:checked + label.checkbox:after {
          content: "";
          display: inline-block;
          width: 8px;
          height: 2px;
          background: black;
          transform: rotate(-45deg);
          position: absolute;
          margin-top: 5px;
          margin-left: 3px; }
    .table .table-main label.checkbox {
      width: 13px;
      height: 14px;
      border: 1px solid rgba(0, 0, 0, 0.2);
      display: inline-block;
      cursor: pointer;
      z-index: 100;
      position: relative; }
      .table .table-main label.checkbox:hover {
        background: rgba(0, 0, 0, 0.1); }
    @media (max-width: 769px) {
      .table .table-main {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } }
    @media (min-width: 769px) {
      .table .table-main {
        display: table-row; } }
    .table .table-main .table-main-cell-row {
      min-height: 17px; }
    .table .table-main.status-lezart > div:first-child {
      border-left: 8px solid #95af6c; }
    .table .table-main.status-kotvenyesitett > div:first-child {
      border-left: 8px solid #475290; }
    .table .table-main.status-danger > div:first-child {
      border-left: 8px solid #c18511; }
    .table .table-main.status-varakozo > div:first-child {
      border-left: 8px solid #48a0c9; }
    @media (max-width: 769px) {
      .table .table-main.status-storno {
        border: none !important; } }
    .table .table-main.status-storno > div:first-child {
      border-left: 8px solid #cd5c5c; }
    .table .table-main:nth-child(even) > div {
      background: #ffffff !important; }
    .table .table-main:last-child > div {
      border-bottom: 1px solid #dcdcdc; }
    .table .table-main.selected {
      background: rgba(0, 0, 0, 0.8) !important; }
    .table .table-main .table-cell-status span[class*="vega-icons"] {
      font-size: 16px;
      display: inline-block;
      margin-right: 2px;
      width: 20px; }
    .table .table-main > div {
      font-size: 12px;
      word-wrap: break-word;
      vertical-align: middle;
      padding: 8px 9px 9px 8px;
      font-weight: normal;
      transition: background .3s;
      display: none;
      background: white; }
      @media (min-width: 769px) {
        .table .table-main > div {
          display: table-cell;
          background: #f0f0f0;
          text-align: left;
          width: auto;
          padding-top: 6px;
          padding-bottom: 6px;
          max-width: 250px; } }
      @media (max-width: 769px) {
        .table .table-main > div:nth-child(2) {
          font-size: 14px;
          padding-left: 10px;
          display: flex;
          padding-top: 10px;
          padding-bottom: 10px;
          flex: 1; } }
      @media (max-width: 769px) {
        .table .table-main > div:first-child {
          display: flex;
          align-items: center;
          justify-content: center;
          max-width: 40px; } }
      @media (min-width: 769px) {
        .table .table-main > div:first-child {
          border-left: 1px solid #dcdcdc;
          max-width: auto; } }
      .table .table-main > div:last-child {
        border-right: 1px solid #dcdcdc; }
      .table .table-main > div.cell-number {
        text-align: right; }
      .table .table-main > div .cell-smaller {
        font-size: 10px; }
    .table .table-main a {
      color: #6c6c74; }
    .table .table-main .karbantartas {
      text-align: center;
      border-left: 1px solid #dcdcdc;
      flex: 1; }
      .table .table-main .karbantartas a {
        font-size: 1.3em; }
    .table .table-main:hover > div {
      background: #e3e3e3 !important; }
      .table .table-main:hover > div a {
        color: #53535a !important; }
    .table .table-main .button-operation {
      display: inline-flex;
      color: #516fc3;
      border-radius: 2px;
      align-items: center;
      justify-content: center;
      transition: border 0.2s;
      font-weight: normal !important;
      margin-left: 1px;
      /**
        Custom ikon fix
       */ }
      .table .table-main .button-operation[class*='vega-icons']:before {
        font-size: 13px;
        margin-right: 3px;
        margin-left: 3px; }
      .table .table-main .button-operation.icon-large:before {
        font-size: 15px; }
      .table .table-main .button-operation.icon-larger:before {
        font-size: 16px; }
      .table .table-main .button-operation.icon-largest:before {
        font-size: 17px; }
      .table .table-main .button-operation.icon-lg {
        font-size: 185%; }
      .table .table-main .button-operation.icon-xl {
        font-size: 200%; }
      .table .table-main .button-operation.sax {
        background: #3f3f51;
        border: 1px solid #3f3f51; }
        .table .table-main .button-operation.sax:hover {
          border: 1px solid #3f3f51; }
      .table .table-main .button-operation:before \0
      {
        display: inline-block;
        margin-top: 10px; }
      .table .table-main .button-operation.icon-compare:before {
        position: relative;
        top: 3px; }
      .table .table-main .button-operation.icon-download-pdf:before {
        font-size: 21px; }
      .table .table-main .button-operation.icon-service:before {
        font-size: 18px; }
      .table .table-main .button-operation.icon-single-right:before, .table .table-main .button-operation.icon-single-left:before {
        font-size: 7px; }
      .table .table-main .button-operation.icon-double-right:before, .table .table-main .button-operation.icon-double-left:before {
        font-size: 14px; }
    .table .table-main.table-row-clickable > div:not(.karbantartas) {
      cursor: pointer; }

.table-error {
  font-size: 12px;
  text-align: center;
  padding-top: 10px; }

.overlay-two {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .3s; }
  .overlay-two.active {
    background: rgba(0, 0, 0, 0.5); }

.popupContainer {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; }

.ckbmodality-table div {
  color: #6c6c74; }

/**
 A táblázat sorára kattintva egy részletes oldal felülete
 A részletes oldal lehet egyoszlopos, kétoszlopos
 */
/**
 Státuszokhoz tartozó SCSS fájl
 A BBO jobb oldalán található kereső CSS kódja.
 */
/** Lezárt státusz színei **/
/** Sztornó státusz színei **/
/** Kötvényesített Státusz színei **/
/** A gombokon az alapértelmezett szín **/
/** A funkciógombokon az alapértelmezett szín **/
/** Olyan státusz, amikor egy figyelmeztetést kell kirakni (danger / warning) **/
/** Lezárt státusz, vagy bármilyen sikeres, vagy befejező műveletet végző gomb színe) **/
/** Egyszerű semleges szürke szín **/
.status-container {
  display: flex;
  flex-direction: row;
  justify-content: center; }
  .status-container .status-half-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .status-container .status-half-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }

.detail-list {
  display: flex;
  flex-direction: column; }
  .detail-list .detail-list-block {
    display: flex;
    width: 100%;
    font-size: 12px;
    flex-wrap: wrap;
    padding: 8px 10px; }
    .detail-list .detail-list-block:nth-child(even) {
      background: #f0f0f0; }
    .detail-list .detail-list-block .list-block-top-left,
    .detail-list .detail-list-block .list-block-top-right,
    .detail-list .detail-list-block .list-block-bottom-left,
    .detail-list .detail-list-block .list-block-bottom-right {
      flex: 1 1 50%; }
    .detail-list .detail-list-block .list-block-full {
      flex: 1 1 100%; }

.status-lezart {
  color: #95af6c; }

.status-kotvenyesitett {
  color: #475290; }

.status-storno {
  color: #cd5c5c !important; }

.status-danger {
  color: #c18511; }

.status-varakozo {
  color: #48a0c9; }

.status-elesitve {
  color: #1d00ff; }

.text-green {
  color: #95af6c !important; }

.text-red {
  color: #cd5c5c !important; }

.detail .detail-main {
  display: flex;
  flex-direction: column-reverse; }
  @media (min-width: 769px) {
    .detail .detail-main {
      flex-direction: row !important;
      justify-content: space-between;
      background: white;
      border: 1px solid #bebebe;
      padding-bottom: 0 !important;
      padding-top: 0 !important; } }

.detail .detail-main-left {
  width: 100%; }
  @media (min-width: 769px) {
    .detail .detail-main-left {
      width: 50%; }
      .detail .detail-main-left .detail-block .detail-table {
        padding-left: 0;
        margin-left: -4px;
        width: calc(100% + 5px); }
        .detail .detail-main-left .detail-block .detail-table td {
          padding-left: 4px;
          max-width: 50%; } }

.detail .detail-main-right {
  width: 100%; }
  @media (min-width: 769px) {
    .detail .detail-main-right {
      border-left: 1px solid #bebebe;
      width: 50%; } }
  .detail .detail-main-right .detail-block {
    padding-right: 15px; }
  .detail .detail-main-right .detail-table {
    padding: 0; }
  .detail .detail-main-right .module-navigation {
    padding-left: 0;
    margin-top: 0; }

.detail .status-block {
  color: white !important;
  font-size: 16px;
  font-weight: bold;
  height: 42px;
  border-radius: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-left: 45px;
  padding-right: 45px; }
  .detail .status-block p {
    line-height: 1; }
    .detail .status-block p span {
      font-size: 11px;
      font-weight: normal; }

.detail .status-lezart {
  background: #95af6c; }

.detail .status-storno {
  background: #cd5c5c;
  border: none;
  color: white; }

.detail .status-varakozo {
  background: #48a0c9;
  border: none; }

.detail .status-kotvenyesitett {
  background: #475290; }

.detail .status-danger {
  background: #c18511;
  border: none; }

.detail .detail-table {
  padding: 0;
  margin: 0;
  font-size: 12px;
  width: 100%;
  background: white; }
  @media (min-width: 769px) {
    .detail .detail-table {
      padding: 10px; } }
  .detail .detail-table .title {
    padding-top: 10px;
    padding-bottom: 8px;
    width: 100%; }
    .detail .detail-table .title:not(:first-child) {
      border-top: 1px solid #3b3b47; }
  .detail .detail-table td {
    color: #2c424a;
    word-break: break-word;
    word-break: break-all;
    word-wrap: break-word; }
  .detail .detail-table a {
    color: #2c424a; }
  .detail .detail-table tr:nth-child(even) {
    background: #f0f0f0; }
  .detail .detail-table .label {
    color: #606c73;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    width: 50%; }

.detail .detail-menu {
  border-bottom: 1px solid #3b3b47; }

.detail .detail-main-navigation {
  border-bottom: none !important; }
  .detail .detail-main-navigation .functionmenu {
    border-top: none; }

.detail .detail-block {
  padding: 18px 0 15px 15px; }
  .detail .detail-block:first-child {
    padding-top: 10px; }
  .detail .detail-block:not(:first-child) {
    border-top: 1px solid #bebebe; }
  .detail .detail-block.detail-block-w100 {
    width: 100%;
    padding-right: 15px; }

.detail .detail-block .table .table-header > div {
  background: #f0f0f0; }

.detail .detail-block h3 {
  color: #2e444c; }

.detail .detail-block .statuszok {
  margin-top: 10px;
  text-align: center;
  padding-bottom: 10px; }
  .detail .detail-block .statuszok button {
    margin-right: 8px;
    color: white;
    cursor: pointer; }

.detail .detail-block-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: color .3s; }
  .detail .detail-block-header.smaller span[class*='vega-icons'] {
    font-size: 18px; }
  .detail .detail-block-header.smaller span:not([class*='vega-icons']) {
    font-size: 14px; }
  .detail .detail-block-header .detail-block-header-button {
    cursor: pointer; }
    .detail .detail-block-header .detail-block-header-button:hover {
      color: #48a0c9; }
  .detail .detail-block-header span.vega-icons, .detail .detail-block-header .table .table-header .checkbox-header span.checkbox-arrow:before, .table .table-header .checkbox-header .detail .detail-block-header span.checkbox-arrow:before, .detail .detail-block-header .popup span.popupClose:before, .popup .detail .detail-block-header span.popupClose:before, .detail .detail-block-header .xdsoft_datetimepicker span.xdsoft_prev, .xdsoft_datetimepicker .detail .detail-block-header span.xdsoft_prev, .detail .detail-block-header .xdsoft_datetimepicker span.xdsoft_next, .xdsoft_datetimepicker .detail .detail-block-header span.xdsoft_next {
    font-size: 20px;
    margin-right: 10px;
    position: relative;
    top: -2px; }
    .detail .detail-block-header span.vega-icons.rotate-180.icon-down, .detail .detail-block-header .table .table-header .checkbox-header span.rotate-180.icon-down.checkbox-arrow:before, .table .table-header .checkbox-header .detail .detail-block-header span.rotate-180.icon-down.checkbox-arrow:before, .detail .detail-block-header .popup span.rotate-180.icon-down.popupClose:before, .popup .detail .detail-block-header span.rotate-180.icon-down.popupClose:before, .detail .detail-block-header .xdsoft_datetimepicker span.rotate-180.icon-down.xdsoft_prev, .xdsoft_datetimepicker .detail .detail-block-header span.rotate-180.icon-down.xdsoft_prev, .detail .detail-block-header .xdsoft_datetimepicker span.rotate-180.icon-down.xdsoft_next, .xdsoft_datetimepicker .detail .detail-block-header span.rotate-180.icon-down.xdsoft_next {
      position: relative;
      top: -4px; }

.detail .detail-block-navigation {
  margin-top: 10px;
  margin-bottom: 10px;
  display: inline-block; }

/**
 Popup kialakítása
 CKB5 -ben és a BBO -ban is használt Popup CSS kódja.
 A kód a CKB4 -ben található popup egy módosított változata
 */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .3s;
  width: 100%;
  height: 100vh; }
  .overlay.active {
    background: rgba(0, 0, 0, 0.5); }

@keyframes overlayAnimation {
  from {
    opacity: 0; }
  to {
    opacity: .5; } }

.popup {
  border-radius: 5px;
  position: absolute;
  display: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: auto;
  outline: 0 none;
  overflow: hidden;
  z-index: 100;
  max-width: 100%;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.4);
  transform: scale(1.05, 1.05);
  opacity: 0;
  transition: transform .3s ease-in-out, opacity .2s ease-in-out;
  color: black; }
  .popup hr {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 10px;
    margin-bottom: 5px; }
  @media (max-width: 576px) {
    .popup {
      width: 100%; } }
  @media (min-width: 576px) {
    .popup {
      min-width: 450px; } }
  .popup.active {
    transform: scale(1, 1);
    opacity: 1; }
  .popup.info {
    border: 2px solid #139116;
    /* stroke */
    background-color: #dff2e0;
    /* layer fill content + color overlay */
    -moz-box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
    /* drop shadow */
    -webkit-box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
    /* drop shadow */
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
    /* drop shadow */ }
    .popup.info .popupHead {
      color: #139116; }
  .popup.err {
    background-color: #f6dde0;
    /* layer fill content + color overlay */ }
    .popup.err .popupHead {
      background: #7a1d1d;
      color: white; }
  .popup.msg {
    padding: 0;
    max-width: 630px;
    width: 100%; }
    .popup.msg .popupHead {
      color: #282829;
      font-size: 18px;
      margin: 15px;
      padding: 0;
      border-bottom: 1px solid #ccccd3;
      height: 30px; }
    .popup.msg .popupContent {
      padding: 0;
      font-size: 12px; }
      .popup.msg .popupContent button.button.success {
        background: #48d075 !important;
        border: none !important; }
  .popup.warn {
    border: 2px solid #f96800;
    /* stroke */
    background-color: #f6e4d8;
    /* layer fill content + color overlay */
    -moz-box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
    /* drop shadow */
    -webkit-box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
    /* drop shadow */
    box-shadow: 0 0 5px rgba(1, 1, 1, 0.75);
    /* drop shadow */ }
    .popup.warn .popupHead {
      color: #fa6800; }
  .popup .popupHead {
    font-size: 18px;
    font-family: 'Open Sans';
    padding-left: 13px;
    cursor: move;
    display: flex;
    color: white;
    background: #2c424a;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
    .popup .popupHead .popupHeadLeft {
      flex: 1 1 100%; }
    .popup .popupHead .popupHeadRight {
      flex: 0 0 auto;
      padding-right: 10px; }
  .popup .popupClose {
    cursor: pointer;
    width: 20px;
    z-index: 950;
    position: relative;
    top: -2px;
    margin-right: 2px; }
    .popup .popupClose:before {
      opacity: .6;
      font-size: 1.1em;
      font-weight: bold;
      transition: opacity .3s; }
    .popup .popupClose:hover {
      color: white !important; }
      .popup .popupClose:hover:before {
        color: white !important;
        opacity: 1; }
  .popup .popupContent {
    padding: 13px;
    position: relative;
    background: #f2f2f2; }
    .popup .popupContent input, .popup .popupContent select {
      font-size: 12px; }
  .popup button.button {
    width: auto;
    border: none; }
    .popup button.button:not([class*='button-']) {
      border: none;
      height: 33px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      font-weight: normal;
      text-transform: none;
      font-size: 12px;
      padding-left: 30px;
      padding-right: 30px;
      box-shadow: 0 11px 21px rgba(0, 0, 0, 0.11);
      border: none;
      height: 33px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      font-weight: normal;
      text-transform: none;
      font-size: 12px;
      padding-left: 30px;
      padding-right: 30px;
      box-shadow: 0 11px 21px rgba(0, 0, 0, 0.11);
      border: none;
      height: 33px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
      font-weight: normal;
      text-transform: none;
      font-size: 12px;
      padding-left: 30px;
      padding-right: 30px;
      box-shadow: 0 11px 21px rgba(0, 0, 0, 0.11); }
      .popup button.button:not([class*='button-']).danger, .popup button.button:not([class*='button-']).remove {
        background: #ca4545; }
        .popup button.button:not([class*='button-']).danger:hover, .popup button.button:not([class*='button-']).remove:hover {
          background: #bf3636; }
      .popup button.button:not([class*='button-']).success {
        background: #60A917; }
        .popup button.button:not([class*='button-']).success:hover {
          background: #539314; }
      .popup button.button:not([class*='button-']).cancel {
        background: #7a7a7a; }
        .popup button.button:not([class*='button-']).cancel:hover {
          background: #6d6d6d; }
    .popup button.button.success {
      margin-right: 10px; }
  .popup .formBtns button, .popup .formBtns .button {
    padding-left: 30px;
    padding-right: 30px; }
  .popup .detail-table {
    background: transparent;
    padding: 0; }
  .popup .popup-table {
    width: 100%; }
    .popup .popup-table td {
      font-size: 12px;
      text-align: left; }
    .popup .popup-table tr.data td.label + td + td.label {
      padding-left: 10px; }
    .popup .popup-table .label {
      padding-top: 4px;
      padding-bottom: 4px;
      height: 32px; }
    .popup .popup-table input[type='checkbox'] + label {
      position: relative;
      top: -2px; }
    .popup .popup-table.popup-table-importContract {
      padding-left: 10px; }
      .popup .popup-table.popup-table-importContract .contract-functions-block {
        text-align: center;
        margin: 0 auto; }
        .popup .popup-table.popup-table-importContract .contract-functions-block input[type='checkbox'] + label {
          margin-right: 10px; }
        .popup .popup-table.popup-table-importContract .contract-functions-block select {
          width: 130px; }
        .popup .popup-table.popup-table-importContract .contract-functions-block select.large {
          width: 155px; }
      .popup .popup-table.popup-table-importContract .error {
        color: #cd5c5c; }
  .popup input {
    border-radius: 2px;
    color: black;
    font-size: 12px;
    line-height: 16px;
    margin: 1px;
    padding: 6px 5px;
    padding-left: 13px;
    width: 235px;
    border: 1px solid #b5b5c0;
    box-shadow: none !important; }
  .popup .module-search.module-search-horizontal {
    border: 0;
    padding: 0; }
    .popup .module-search.module-search-horizontal input {
      margin: 0; }
  .popup input[type="checkbox"] {
    width: auto !important;
    padding: inherit;
    box-shadow: none !important; }
  .popup select {
    border-radius: 2px;
    color: black;
    font-size: 11px;
    margin: 1px;
    padding: 4px 1px;
    width: 235px;
    height: 31px;
    border: 1px solid #b5b5c0;
    padding-left: 10px; }
  .popup textarea {
    padding: 6px;
    border: 1px solid #b5b5c0;
    font-size: 12px;
    padding-left: 10px;
    width: 100%; }
  .popup .popup-flex {
    display: flex;
    flex-direction: column; }
    .popup .popup-flex[data-column="2"] .popup-flex-block:not(:first-child) {
      padding-left: 10px; }
    @media (min-width: 769px) {
      .popup .popup-flex {
        flex-direction: row; } }
    .popup .popup-flex .popup-flex-block-fullwidth {
      width: 100%; }
    .popup .popup-flex .popup-flex-block {
      flex: 1 1 auto;
      justify-content: space-between; }
      .popup .popup-flex .popup-flex-block .nowrap-second-col tr > td:nth-child(1n+2) {
        white-space: nowrap; }
  .popup .popup-flex-header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0; }
    .popup .popup-flex-header span.title {
      font-size: 17px; }
  .popup .popup-list {
    margin: 0;
    padding: 0;
    margin-left: 20px;
    padding-top: 5px; }
  .popup .popup-tabs-block {
    background: #2c424a;
    width: calc(100% + 26px);
    display: inline-block;
    margin-left: -13px;
    margin-right: 13px;
    margin-top: -13px;
    padding-left: 10px;
    padding-top: 5px;
    margin-bottom: 10px; }
  .popup .popup-tabs {
    margin: 0;
    padding: 0; }
    @media all and (-ms-high-contrast: none) {
      .popup .popup-tabs {
        position: relative;
        top: 4px; } }
    .popup .popup-tabs li {
      list-style: none;
      font-size: 13px;
      border: 1px solid transparent;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      display: inline-block; }
      .popup .popup-tabs li:first-child {
        padding-left: 0; }
      .popup .popup-tabs li.active a {
        position: relative;
        top: 1px;
        color: #2c424a;
        background: #f2f2f2; }
      .popup .popup-tabs li:not(.active):hover a {
        opacity: 1; }
      .popup .popup-tabs li a {
        color: white;
        color: rgba(255, 255, 255, 0.6);
        font-size: 13px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 8px 13px; }
        .popup .popup-tabs li a .validator {
          color: #ff0000;
          padding-left: 10px;
          display: none;
          font-size: 17px;
          position: relative;
          width: 22px; }
          .popup .popup-tabs li a .validator span {
            position: absolute;
            margin-left: -2px;
            margin-top: 2px; }
  .popup .popup-tab-block {
    width: 100%; }
    .popup .popup-tab-block:not(.active) {
      display: none; }
  .popup #productInfoForm a.insertText {
    color: #000000;
    font-weight: 600; }
  .popup .contractSelectTable td {
    padding: 4px; }

/**
 Kereső view CSS kódja - BBO
 A BBO jobb oldalán található kereső CSS kódja.
 */
.module-search {
  margin-left: 30px;
  max-width: 290px !important;
  flex-direction: column;
  background: #f2f2f2;
  padding: 18px 20px !important;
  position: relative;
  border: 1px solid #dcdcdc; }
  @media (min-width: 769px) {
    .module-search {
      margin-top: 0;
      align-self: flex-start;
      min-width: 290px !important; } }
  .module-search input[type="text"] {
    border: 1px solid #cfc4c7;
    padding: 5px 5px;
    padding-right: 0;
    background: white;
    box-shadow: none;
    color: #a1989a;
    font-size: 11px;
    margin-bottom: 0;
    width: 100%;
    border-radius: 0;
    transition: border .2s; }
    .module-search input[type="text"]:focus {
      outline: none;
      border: 1px solid #ad9a9f; }
  .module-search select {
    border: 1px solid #cfc4c7;
    border-radius: 0;
    padding: 5px 5px;
    background: white;
    color: #3a3a4e;
    margin: 0;
    font-size: 11px;
    width: 100%;
    margin-bottom: 0;
    margin-right: 5px;
    transition: border .2s; }
    .module-search select:focus {
      outline: none;
      border: 1px solid #ad9a9f; }
  .module-search .vega-icons, .module-search .functionmenu li a:not([class='icon-']):before, .functionmenu li .module-search a:not([class='icon-']):before, .module-search .functionmenu li a.icon-edit:before, .functionmenu li .module-search a.icon-edit:before, .module-search .table .table-header .checkbox-header .checkbox-arrow:before, .table .table-header .checkbox-header .module-search .checkbox-arrow:before, .module-search .popup .popupClose:before, .popup .module-search .popupClose:before, .module-search .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .module-search .xdsoft_prev, .module-search .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .module-search .xdsoft_next, .module-search .module .module-header a:before, .module .module-header .module-search a:before {
    font-size: 1.30em;
    transition: color .3s; }
    .module-search .vega-icons:hover, .module-search .functionmenu li a:hover:not([class='icon-']):before, .functionmenu li .module-search a:hover:not([class='icon-']):before, .module-search .functionmenu li a.icon-edit:hover:before, .functionmenu li .module-search a.icon-edit:hover:before, .module-search .table .table-header .checkbox-header .checkbox-arrow:hover:before, .table .table-header .checkbox-header .module-search .checkbox-arrow:hover:before, .module-search .popup .popupClose:hover:before, .popup .module-search .popupClose:hover:before, .module-search .xdsoft_datetimepicker .xdsoft_prev:hover, .xdsoft_datetimepicker .module-search .xdsoft_prev:hover, .module-search .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .module-search .xdsoft_next:hover, .module-search .module .module-header a:hover:before, .module .module-header .module-search a:hover:before {
      color: #29c3d8; }
  .module-search .advanced-search-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .module-search .advanced-search-block .advanced-search-block-left {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%; }
  .module-search button.button {
    padding: 0;
    margin-bottom: 5px !important;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
    display: inline-flex;
    height: 35px;
    align-items: center;
    transition: background .3s; }
    .module-search button.button span[class*='vega-icons'] {
      display: inline-flex;
      width: 38px;
      height: 35px;
      margin-top: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      align-items: center;
      justify-content: center;
      max-width: 35px;
      flex: 0 0 auto;
      font-size: 1.3em; }
    .module-search button.button span:not([class*='vega-icons']) {
      flex: 1 1 auto;
      align-items: center;
      justify-content: center;
      padding-right: 25px;
      display: inline-flex; }
    .module-search button.button.button-success {
      background: #7daa8c; }
      .module-search button.button.button-success span[class*='vega-icons'] {
        background: #649a76; }
      .module-search button.button.button-success:hover {
        background: #649a76; }
    .module-search button.button.button-primary {
      background: #48a0c9; }
      .module-search button.button.button-primary span[class*='vega-icons'] {
        background: #358bb3; }
      .module-search button.button.button-primary:hover {
        background: #358bb3; }

.search-block {
  width: 100%;
  margin-bottom: 7px;
  overflow: hidden; }
  .search-block .search-block-header, .search-block label {
    font-size: 11px;
    color: #30303c;
    padding-bottom: 2px; }
  .search-block .search-block-main .errorMessage, .search-block .search-block-main .hianyos {
    font-size: 11px;
    padding-top: 5px; }
  .search-block.customfilter {
    font-size: 12px; }
    .search-block.customfilter .customfilter-block {
      cursor: pointer; }
      .search-block.customfilter .customfilter-block:hover .customfilter-block-value span {
        opacity: .7; }
    .search-block.customfilter .customfilter-block {
      display: flex;
      justify-content: space-between;
      padding-top: 7px;
      padding-bottom: 7px; }
      .search-block.customfilter .customfilter-block:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .search-block.customfilter .customfilter-block-value {
      font-weight: bold;
      display: inline-block; }
      .search-block.customfilter .customfilter-block-value span {
        display: inline-block;
        margin-right: 8px; }
      .search-block.customfilter .customfilter-block-value i[class*='vega-icons'] {
        font-size: 11px; }
      .search-block.customfilter .customfilter-block-value a {
        color: #3a3a4e; }

/**
   Táblázat alján található CSS kód
 */
.pagination {
  padding-top: 10px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center; }

.perPage {
  font-size: 11px;
  padding-left: 10px;
  padding-top: 5px; }

.perPageBlock {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -31px;
  margin-left: -7px; }
  .perPageBlock.smaller {
    margin-top: -26px;
    margin-left: -5px; }

/**
   Táblázat alján található CSS kód
 */
.perPageBlock a, .pagination a {
  background: #ffffff;
  border: 1px solid #dddddd;
  margin: 0 0 0 5px;
  padding: 3px 7px;
  font-size: 11px;
  color: #a9a9a9; }
  .perPageBlock a.active, .perPageBlock a.current, .pagination a.active, .pagination a.current {
    color: white;
    background: #475e67; }
    .perPageBlock a.active:hover, .perPageBlock a.current:hover, .pagination a.active:hover, .pagination a.current:hover {
      color: white; }
  .perPageBlock a:hover, .pagination a:hover {
    color: #475e67;
    font-weight: bold; }

/**
 BBO Left-Navigation - BBO
 A BBO -ban bal oldalt található álló navigációs menü. Ezt csak a BBO -ban használjuk.
 */
#left-header {
  left: 0;
  background: white;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
  color: #3a3a4e;
  z-index: 1;
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row; }
  @media (min-width: 769px) {
    #left-header {
      width: 80px;
      height: 100vh;
      bottom: inherit;
      top: 0;
      flex-direction: column; } }
  #left-header ul.left-header-list {
    display: flex;
    flex-direction: row;
    width: 100%; }
    #left-header ul.left-header-list:first-child {
      display: none; }
      @media (min-width: 769px) {
        #left-header ul.left-header-list:first-child {
          display: flex; } }
    @media (min-width: 769px) {
      #left-header ul.left-header-list {
        flex-direction: column; } }
    #left-header ul.left-header-list li {
      color: #3a3a4e;
      list-style: none;
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1 1 auto; }
      @media (min-width: 769px) {
        #left-header ul.left-header-list li:not(:last-child) a.left-header-list-link {
          border-bottom: 1px solid rgba(58, 58, 78, 0.2); } }
  #left-header a.left-header-list-link {
    color: #3a3a4e;
    font-size: 11px;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex: 1;
    font-weight: normal;
    transition: background .2s, color .2s; }
    @media (min-width: 769px) {
      #left-header a.left-header-list-link {
        padding-top: 22px;
        padding-bottom: 18px; } }
    #left-header a.left-header-list-link.home {
      font-size: .7em;
      padding-top: 18px;
      padding-bottom: 2px;
      height: 65px;
      border-bottom: 1px solid rgba(58, 58, 78, 0.2); }
    #left-header a.left-header-list-link:hover, #left-header a.left-header-list-link.active {
      background: #3a3a4e;
      color: white; }
  #left-header span:not([class*='vega-icons']) {
    display: none; }
    @media (min-width: 769px) {
      #left-header span:not([class*='vega-icons']) {
        display: inline; } }
  #left-header span[class*='vega-icons'] {
    font-size: 2.6em; }
    @media (min-width: 769px) {
      #left-header span[class*='vega-icons'] {
        margin-bottom: 8px; } }

/**
 Gombok stílusai - BBO
 A BBO -hoz tartozó gombok stílusai itt találhatóak meg
 */
.button {
  border-radius: 3px;
  color: white;
  font-size: 12px;
  box-shadow: 0 11px 21px rgba(0, 0, 0, 0.11);
  position: relative;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .3s;
  cursor: pointer; }
  .button span[class*='vega-icons'] {
    font-size: 1.7em;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 35px;
    flex: 1 1 auto;
    height: 34px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .button span[class*='vega-icons'].rotate-180 span[class*='vega-icons'] {
      transform: rotate(180deg); }
  .button span:not([class*='vega-icons']) {
    padding-left: 18px;
    padding-right: 18px; }
  .button:focus {
    outline: none; }
  .button.button-icon {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    .button.button-icon span[class*='vega-icons'] {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .button.button-default {
    background: #48a0c9; }
    .button.button-default span[class*='vega-icons'], .button.button-default:hover {
      background: #3894bf; }
  .button.button-primary {
    background: #95af6c; }
    .button.button-primary span[class*='vega-icons'], .button.button-primary:hover {
      background: #89a65b; }
  .button.button-success {
    background: #95af6c; }
    .button.button-success span[class*='vega-icons'], .button.button-success:hover {
      background: #89a65b; }
  .button.button-remove {
    background: #c94343; }
    .button.button-remove span[class*='vega-icons'], .button.button-remove:hover {
      background: #bc3636; }
  .button.button-danger {
    background: #c18511; }
    .button.button-danger span[class*='vega-icons'], .button.button-danger:hover {
      background: #aa750f; }
  .button.button-cancel {
    background: #7a7a7a; }
    .button.button-cancel span[class*='vega-icons'], .button.button-cancel:hover {
      background: #6d6d6d; }

.historyBlock .historyHeader {
  border-radius: 3px;
  font-size: 13px;
  margin-top: 5px;
  border: 1px solid #dcdcdc;
  color: #30303c;
  padding: 8px 9px 9px 8px;
  background: white; }
  .historyBlock .historyHeader:hover {
    cursor: pointer; }

.historyBlock .historyData {
  display: none;
  padding: 10px; }

.historyBlock .link-item span[class*='vega-icons'] {
  font-size: 18px; }

.historyBlock.open .historyData {
  display: block; }

.historyBlock .panelCell {
  display: inline-block; }

#contractProductForm .popup-flex-block {
  padding: 0 5px; }

#contractProductForm .popup-flex-block:first-child {
  padding-left: 0px; }

#contractProductForm .popup-flex-block:last-child {
  padding-right: 0px; }

#contractProductForm .veszelynemSzerintiCb {
  vertical-align: middle;
  margin-right: 15px; }

#contractProductDetailView .detail-table td, #contractProductDetailView .detail-block-header {
  word-break: break-word; }

.search-group-horizontal input {
  width: 200px; }

/**
 Linkek stílus - BBO
 A BBO -hoz tartozó linkek stílusai
 */
.link.link-item {
  color: #2c424a; }

.link.link-function-button {
  color: #516fc3; }

.input-group {
  display: flex;
  flex-direction: row; }
  .input-group .input-group-full {
    flex: 1 1 100%; }
  .input-group .input-group-buttons {
    flex: 1 0 auto;
    margin-left: 10px; }

.adminTextArea {
  border-color: #DDDDDD;
  border-style: solid;
  border-width: 1px;
  height: 180px;
  resize: none;
  color: #333333;
  outline: 0 none;
  padding: 10px;
  font-size: 13px;
  line-height: 150%;
  background-color: #FFFFFF;
  width: 90%; }

.historyTable .differentValue, .historyTable .removedCommissioned {
  color: #c94343; }

.historyTable .addedCommissioned {
  color: #95af6c; }

/**
 Datetimepicker stílusa - BBO
 A Datetimepickerhez tartozó kód stílusai. Ezt jelenleg nem használjuk a BBO -ban sehol sem.
 */
.xdsoft_datetimepicker {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
  background: white !important; }
  .xdsoft_datetimepicker * {
    font-family: 'Open Sans'; }
  .xdsoft_datetimepicker .xdsoft_prev {
    color: #2c424a !important;
    background: transparent !important;
    overflow: hidden !important;
    font-size: 19px !important;
    text-indent: unset !important;
    margin-top: -2px !important;
    opacity: 1 !important; }
  .xdsoft_datetimepicker .xdsoft_next {
    transform: rotate(180deg);
    color: #2c424a !important;
    background: transparent !important;
    overflow: hidden !important;
    font-size: 19px !important;
    text-indent: unset !important;
    margin-top: 1px !important;
    opacity: 1 !important; }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    transform: rotate(90deg) !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    height: 22px !important;
    margin-left: 0 !important;
    width: 100% !important; }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    transform: rotate(-90deg) !important;
    margin-top: 10px !important;
    height: 22px !important;
    margin-left: 0 !important;
    width: 100% !important; }
  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time.xdsoft_current {
    background: #89a65b !important;
    box-shadow: none !important; }
  .xdsoft_datetimepicker .xdsoft_month, .xdsoft_datetimepicker .xdsoft_year {
    font-weight: normal !important; }
    .xdsoft_datetimepicker .xdsoft_month i, .xdsoft_datetimepicker .xdsoft_year i {
      display: none !important; }
  .xdsoft_datetimepicker .xdsoft_today_button {
    display: none !important; }
  .xdsoft_datetimepicker .xdsoft_mounthpicker .xdsoft_month, .xdsoft_datetimepicker .xdsoft_mounthpicker .xdsoft_year {
    text-align: center !important;
    background: transparent !important;
    color: #2c424a !important;
    font-size: 12px !important; }
  .xdsoft_datetimepicker .xdsoft_calendar thead th {
    background: transparent !important;
    border: none !important;
    font-weight: normal !important; }
  .xdsoft_datetimepicker .xdsoft_date.xdsoft_current {
    background: #86a751 !important;
    box-shadow: none !important;
    color: white !important; }
  .xdsoft_datetimepicker td.xdsoft_date {
    background: transparent !important;
    color: #2c424a !important;
    border: none !important;
    text-align: center !important;
    border-radius: 40px;
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important; }
    .xdsoft_datetimepicker td.xdsoft_date div {
      padding: 0 !important; }
    .xdsoft_datetimepicker td.xdsoft_date:hover {
      background: #89a65b !important; }

.spinner-loader {
  width: 100px !important;
  height: 100px !important;
  margin: auto;
  left: 45%;
  top: 50%;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 9999;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .spinner-loader:not(.no-posabsolute) {
    position: absolute;
    background: white; }
  .spinner-loader.spinner-text {
    height: 130px !important; }
  .spinner-loader .circle {
    position: absolute;
    width: 40px;
    height: 40px;
    opacity: 0;
    transform: rotate(225deg);
    animation-iteration-count: infinite;
    animation-name: orbit;
    animation-duration: 3.5s; }
    .spinner-loader .circle:after {
      content: '';
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 5px;
      background: #2c424a; }
    .spinner-loader .circle:nth-child(2) {
      animation-delay: 240ms; }
    .spinner-loader .circle:nth-child(3) {
      animation-delay: 480ms; }
    .spinner-loader .circle:nth-child(4) {
      animation-delay: 720ms; }
    .spinner-loader .circle:nth-child(5) {
      animation-delay: 960ms; }

.spinner-loader-inline {
  width: 10px !important;
  height: 10px !important;
  display: inline-block;
  margin-left: 12px;
  opacity: 1;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 9999;
  border-radius: 6px; }
  .spinner-loader-inline .circle {
    position: absolute;
    width: 17px;
    height: 10px;
    opacity: 0;
    transform: rotate(225deg);
    animation-iteration-count: infinite;
    animation-name: orbit;
    animation-duration: 3.5s; }
    .spinner-loader-inline .circle:after {
      content: '';
      position: absolute;
      width: 3px;
      height: 3px;
      border-radius: 100%;
      background: #2c424a;
      display: inline-block; }
    .spinner-loader-inline .circle:nth-child(2) {
      animation-delay: 240ms; }
    .spinner-loader-inline .circle:nth-child(3) {
      animation-delay: 480ms; }
    .spinner-loader-inline .circle:nth-child(4) {
      animation-delay: 720ms; }
    .spinner-loader-inline .circle:nth-child(5) {
      animation-delay: 960ms; }

@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out; }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear; }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out; }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear; }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out; }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out; }
  76% {
    transform: rotate(945deg);
    opacity: 0; }
  100% {
    transform: rotate(945deg);
    opacity: 0; } }

/**
 Sehova se köthető class -ok, amelyekkel módosítható egy elem stílusa.
 */
.text-uppercase {
  text-transform: uppercase; }

.text-lowercase {
  text-transform: lowercase; }

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

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

.box-ccenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.box-tcenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start; }

.box-bcenter {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end; }

input.year, input.w4 {
  width: 40px !important;
  padding: 0 5px !important;
  height: 26px; }

input.month,
input.day,
input.w2 {
  width: 28px !important;
  padding: 0 5px !important;
  height: 26px; }

input.w5 {
  width: 70px !important; }

input.w8 {
  width: 80px !important; }

input.w10 {
  width: 100px !important; }

input.w75 {
  width: 75px !important; }

.warnB {
  color: #aa0000;
  font-weight: bold; }

.fileInfoBlock {
  display: flex;
  justify-content: space-around;
  margin-bottom: 5px;
  background: white;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  padding: 5px 8px; }

body {
  background: #e4e3e3;
  min-height: 100vh;
  overflow-y: scroll; }
  @media (min-width: 769px) and (max-width: 1493px) {
    body {
      margin-left: 80px !important;
      margin-right: 40px; } }
  body, body * {
    box-sizing: border-box;
    font-family: 'Open Sans', 'Segoe UI', 'Arial', sans-serif; }

.vega-icons, .functionmenu li a:not([class='icon-']):before, .functionmenu li a.icon-edit:before, .table .table-header .checkbox-header .checkbox-arrow:before, .popup .popupClose:before, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .module .module-header a:before {
  font-family: "VegaFont";
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  speak: none;
  text-decoration: inherit;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .vega-icons.icon-placeholder:before, .functionmenu li a.icon-placeholder:not([class='icon-']):before, .functionmenu li a.icon-placeholder.icon-edit:before, .table .table-header .checkbox-header .icon-placeholder.checkbox-arrow:before, .popup .icon-placeholder.popupClose:before, .xdsoft_datetimepicker .icon-placeholder.xdsoft_prev:before, .xdsoft_datetimepicker .icon-placeholder.xdsoft_next:before, .module .module-header a.icon-placeholder:before {
    content: "";
    width: 18px;
    display: inline-block; }

* {
  font-family: 'Open Sans';
  border: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

.layout-main {
  color: #3a3a4e; }

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

h1 {
  font-size: 45px; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 20px;
  font-weight: lighter; }

body, html {
  margin: 0;
  padding: 0;
  margin-bottom: 20px; }
  @media (min-width: 769px) {
    body, html {
      margin-bottom: 0; } }

.ckblogo {
  background: url("../img/logo.png") no-repeat;
  width: 212px;
  height: 26px;
  display: inline-block; }

html.login body {
  background: url("../img/loginbg.jpg") no-repeat center;
  background-size: cover; }

#ckbheader {
  width: 100%;
  height: 65px;
  color: white;
  background: url("../img/header.jpg");
  box-shadow: 0 6px 21px rgba(0, 0, 0, 0.14);
  display: flex;
  align-items: center;
  position: relative; }
  #ckbheader .ckbheader-fakehome {
    font-size: 16px;
    width: 80px;
    height: 65px;
    position: absolute;
    top: 0; }
    #ckbheader .ckbheader-fakehome a {
      color: white;
      font-size: 1.7em;
      position: relative;
      top: 11px;
      left: 26px;
      opacity: .6;
      transition: opacity .3s; }
      #ckbheader .ckbheader-fakehome a:hover {
        opacity: 1; }
  #ckbheader .ckbheader-center {
    padding-right: 30px; }
    #ckbheader .ckbheader-center a {
      font-size: 14px; }
      #ckbheader .ckbheader-center a:hover {
        text-decoration: underline; }
  #ckbheader #container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  #ckbheader .ckbheader-left {
    display: flex;
    align-items: center; }

#container, .container {
  width: 100%;
  margin: 0 auto;
  display: flex; }
  @media (min-width: 992px) {
    #container, .container {
      max-width: 1100px;
      padding-left: 10px;
      padding-right: 10px;
      width: 100%; } }
  @media (min-width: 1367px) {
    #container, .container {
      max-width: 1311px;
      padding-left: 15px;
      padding-right: 15px; } }

.header-background {
  width: 100%;
  background: #2c424a;
  height: 142px;
  position: absolute;
  top: 65px;
  z-index: -1; }

.header-navigation {
  margin: 0;
  padding: 0;
  padding-left: 30px; }
  .header-navigation li {
    list-style: none;
    display: inline-block;
    height: 100%;
    position: relative;
    top: -3px; }
    .header-navigation li a {
      color: white;
      font-size: .8em;
      padding-left: 10px;
      padding-right: 10px;
      margin-right: 5px;
      transition: color .3s; }
      .header-navigation li a:hover {
        color: #29c3d8; }

.profile-block {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .profile-block .profile-block-left img {
    max-width: 40px;
    width: 40px;
    margin-top: 5px; }
  .profile-block .profile-block-right {
    display: none;
    flex-direction: column;
    padding-left: 10px;
    padding-top: 2px; }
    @media (min-width: 769px) {
      .profile-block .profile-block-right {
        display: flex; } }
    .profile-block .profile-block-right .profile-block-navigation {
      position: relative;
      top: -2px;
      font-size: 11px; }
      .profile-block .profile-block-right .profile-block-navigation a {
        font-size: 11px;
        color: #a2a2b1;
        transition: color .3s; }
        .profile-block .profile-block-right .profile-block-navigation a:hover {
          color: #bebec8; }
  .profile-block .smaller {
    font-size: 11px; }

.module {
  margin-bottom: 20px; }
  .module .module-header {
    background: #2c424a; }
    .module .module-header a {
      font-size: 48px;
      font-weight: lighter;
      padding-top: 30px;
      padding-bottom: 50px;
      color: white;
      display: inline-block;
      width: 100%; }
      .module .module-header a:before {
        margin-right: 10px;
        position: relative;
        top: -3px; }
    @media (min-width: 769px) {
      .module .module-header {
        font-size: 45px; } }
    .module .module-header .module-header-right {
      margin-top: 23px;
      margin-left: 30px; }
  .module .module-scrollable-x {
    overflow-x: auto; }
  .module .module-main {
    width: 100%;
    margin: 0 auto;
    flex-direction: column; }
    @media (min-width: 769px) {
      .module .module-main {
        padding-top: 5px;
        /*max-width: 1100px;*/ } }
    @media (min-width: 1367px) {
      .module .module-main {
        max-width: 1280px; } }
  .module .module-main {
    padding-bottom: 7px; }
    .module .module-main:not(.detail-main) {
      border-top: 1px solid #d4d4d4;
      border-bottom: 1px solid #d4d4d4; }
  .module .module-complex-block {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 769px) {
      .module .module-complex-block {
        flex-direction: row;
        border-bottom: 1px solid #d4d4d4;
        padding-bottom: 10px;
        /*max-width: 1100px;*/ }
        .module .module-complex-block.module-full-width {
          flex-direction: column-reverse; }
          .module .module-complex-block.module-full-width .module-main {
            width: 100%;
            max-width: 100%; }
          .module .module-complex-block.module-full-width .module-search {
            margin-left: 0;
            margin-bottom: 20px;
            width: 100%;
            max-width: 100% !important; } }
    @media (min-width: 1367px) {
      .module .module-complex-block {
        max-width: 1282px;
        padding-left: 0px;
        padding-right: 0px; } }
    .module .module-complex-block .module-main {
      width: 75%;
      max-width: 990px;
      padding-left: 0;
      padding-right: 0;
      margin: 0 !important;
      padding-top: 0;
      border-top: none;
      border-bottom: none; }
    .module .module-complex-block .module-search {
      width: 25%; }
    .module .module-complex-block .module-search-horizontal {
      width: 100%;
      max-width: 100% !important;
      margin-left: 0; }
      .module .module-complex-block .module-search-horizontal .advanced-search-block {
        justify-content: space-between;
        width: 100%;
        align-items: normal; }
        .module .module-complex-block .module-search-horizontal .advanced-search-block .advanced-search-block-left {
          width: 100%;
          flex-wrap: wrap;
          flex-direction: row;
          justify-content: space-between; }
          .module .module-complex-block .module-search-horizontal .advanced-search-block .advanced-search-block-left .search-block {
            width: 280px; }
        .module .module-complex-block .module-search-horizontal .advanced-search-block .button {
          width: 280px; }
  .module .module-navigation {
    padding-bottom: 15px;
    flex-direction: column;
    margin: 0 auto;
    display: flex;
    min-height: 65px; }
    @media (min-width: 769px) {
      .module .module-navigation {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: -29px;
        width: 100%; } }
    @media (min-width: 1367px) {
      .module .module-navigation {
        max-width: 1311px; } }
  .module .module-footer .module-navigation {
    border: none; }

.errorMessage, .hianyos {
  color: #e7374b !important; }

#loginBlock .errorMessage, #loginBlock .hianyos {
  color: #eee !important; }

.formBtns {
  padding-top: 5px;
  text-align: center; }

#dashboard {
  text-align: center;
  width: 100%; }

.error404 {
  color: #3a3a4e;
  font-size: 200px;
  text-align: center;
  font-weight: 200;
  padding-top: 50px; }

.error404Message {
  color: #3a3a4e;
  font-size: 18px;
  text-align: center; }

.functions-block {
  display: inline-block;
  margin-top: 10px; }

.link span[class*='vega-icons'] {
  display: inline-block;
  margin-right: 10px;
  font-size: 1.1em;
  transition: transform .3s; }

.link.link-item {
  color: #3a3a4e; }
  .link.link-item.rotate-180 span[class*='vega-icons'] {
    transform: rotate(180deg); }

span[class*='vega-icons'].rotate-90 {
  transform: rotate(90deg); }

span[class*='vega-icons'].rotate-180 {
  transform: rotate(180deg); }

span[class*='vega-icons'].rotate-270 {
  transform: rotate(270deg); }

.addNewButton {
  background: #48a0c9;
  border-radius: 3px;
  color: white;
  font-size: 12px;
  box-shadow: 0 11px 21px rgba(0, 0, 0, 0.11);
  position: relative;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .3s; }
  .addNewButton span.vega-icons, .addNewButton .table .table-header .checkbox-header span.checkbox-arrow:before, .table .table-header .checkbox-header .addNewButton span.checkbox-arrow:before, .addNewButton .popup span.popupClose:before, .popup .addNewButton span.popupClose:before, .addNewButton .xdsoft_datetimepicker span.xdsoft_prev, .xdsoft_datetimepicker .addNewButton span.xdsoft_prev, .addNewButton .xdsoft_datetimepicker span.xdsoft_next, .xdsoft_datetimepicker .addNewButton span.xdsoft_next {
    font-size: 1.7em;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #3894bf;
    width: 35px;
    flex: 1;
    height: 34px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .addNewButton span.buttonTitle {
    padding-left: 18px;
    padding-right: 18px; }
  .addNewButton:hover {
    background: #3894bf; }

table.partnerAddressTable {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  table-layout: fixed;
  border-spacing: 0;
  clear: both;
  margin: 0; }
  table.partnerAddressTable tr.header td {
    border-bottom: 1px solid #E1E1E1;
    overflow: hidden;
    padding: 7px;
    color: #333333;
    font-size: 12px; }
  table.partnerAddressTable tr:not(.header) td {
    padding: 8px; }

hr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  margin-top: 15px;
  margin-bottom: 16px;
  width: 100%; }

#footer {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  opacity: .5;
  padding-bottom: 18px; }

.financerHide {
  display: none; }

.readOnlyInput {
  border: none !important;
  background: transparent;
  pointer-events: none;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none; }

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

.truncateText {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

/**/
.disabled-input {
  cursor: not-allowed; }

.disabled-input input, .disabled-input select {
  pointer-events: none;
  background-color: #f1f1f1; }

.popup .popup-table.limit-table {
  width: auto;
  margin-bottom: 30px; }

.limit-table input {
  width: 80px !important; }

.limit-table input {
  margin: 0 2px 0 5px; }

.normalcursor {
  cursor: default; }

.popup .wide-inputs input,
.popup .wide-inputs select {
  width: 475px; }

.additionalinsurance_comment {
  position: relative; }

.additionalinsurance_comment a {
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;
  display: inline-block;
  text-overflow: ellipsis;
  padding: 5px 0; }

.additionalinsurance_comment a:hover {
  white-space: normal;
  position: absolute;
  background-color: #fff7d8;
  width: 100%;
  top: 0;
  border: 1px solid #f0f0f0;
  padding: 5px;
  z-index: 1; }

.table .table-main a.blue_font, a.blue_font {
  color: #48a0c9; }

.additionalinsurance_price {
  text-align: right;
  padding-right: 25px; }

#previewTableContent_contracts .active > div {
  background: #e3e3e3 !important;
  font-weight: bold; }

.reqLabel:after {
  /*content: '*';*/
  /*color: red;*/ }

.notReqInput,
.notReqInput > input {
  background: #ececec; }

.errorField {
  border: 2px solid #cd5c5c !important; }

.table {
  /** ha rossz akkor nem jó így */
  /*table-layout: fixed;*/ }

.fixedHeadTable header div {
  position: sticky;
  top: 0; }

.table-scroll-wrap {
  max-height: 450px;
  overflow: hidden;
  overflow-y: auto; }

#selectMultiPopup .checkbox-box {
  margin: 0; }

.selectMulti_wrapper {
  display: flex; }

.selectMulti_btn {
  display: flex;
  padding: 5px 0;
  color: #3a3a4e;
  font-size: 11px; }
  .selectMulti_btn + .selectMulti_btn {
    padding-left: 5px; }
  .selectMulti_btn.vega-icons, .functionmenu li a.selectMulti_btn:not([class='icon-']):before, .functionmenu li a.selectMulti_btn.icon-edit:before, .table .table-header .checkbox-header .selectMulti_btn.checkbox-arrow:before, .popup .selectMulti_btn.popupClose:before, .xdsoft_datetimepicker .selectMulti_btn.xdsoft_prev, .xdsoft_datetimepicker .selectMulti_btn.xdsoft_next, .module .module-header a.selectMulti_btn:before, .selectMulti_btn .vega-icons, .selectMulti_btn .functionmenu li a:not([class='icon-']):before, .functionmenu li .selectMulti_btn a:not([class='icon-']):before, .selectMulti_btn .functionmenu li a.icon-edit:before, .functionmenu li .selectMulti_btn a.icon-edit:before, .selectMulti_btn .table .table-header .checkbox-header .checkbox-arrow:before, .table .table-header .checkbox-header .selectMulti_btn .checkbox-arrow:before, .selectMulti_btn .popup .popupClose:before, .popup .selectMulti_btn .popupClose:before, .selectMulti_btn .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .selectMulti_btn .xdsoft_prev, .selectMulti_btn .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .selectMulti_btn .xdsoft_next, .selectMulti_btn .module .module-header a:before, .module .module-header .selectMulti_btn a:before {
    font-size: 16px; }

.search-block-main .button.button-success {
  width: 100%; }
  .search-block-main .button.button-success span {
    flex: 1 1 auto;
    text-align: center; }
  .search-block-main .button.button-success span[class*='vega-icons'] {
    flex: 0 0 auto; }

.search-block {
  -webkit-column-break-inside: avoid; }

.nowrap {
  white-space: nowrap; }

input.year.postCodeInput {
  height: 31px; }

select.cityselectInput {
  width: 190px; }

.lighter-tr {
  color: #6c6c74; }
  .lighter-tr .label {
    color: black; }

.fileInfoBlock {
  flex-wrap: wrap;
  justify-content: flex-start; }
  .fileInfoBlock > div {
    flex: 0 1 25%; }

.profileLargeImg {
  max-height: 150px;
  max-width: 150px; }

.profileImg {
  max-height: 40px;
  max-width: 40px; }

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