@charset "UTF-8";
/* Material Desin Theme overwrite */
:root {
  --mdc-theme-primary: #1F4DA3 !important;
  --mdc-theme-error: #f24666 !important;
  --red: #d11f40 !important;
  --green: #2ca36e !important;
}

.btn-primary {
  background-color: #1F4DA3;
  border-color: #1F4DA3;
}

.btn-default {
  background-color: white;
  border-color: #f2f2f2;
}

@use "@material/button";
.mdc-button:not(:disabled).danger {
  --mdc-theme-primary: #f15463 !important;
}

.mdc-button:not(:disabled).orange {
  --mdc-theme-primary: #ff9113 !important;
  color: #fff;
}

.mdc-button:not(:disabled).green {
  --mdc-theme-primary: var(--green) !important;
  color: #fff;
}

.mdc-button:not(:disabled).grey {
  --mdc-theme-primary: #495661 !important;
  color: #fff;
}

.mdc-button:not(:disabled).default {
  --mdc-theme-primary: #768ba0  !important;
  color: #777777;
  background-color: #fcfcfc;
}

.mdc-button:not(:disabled).default.action {
  color: #575757;
  letter-spacing: 0px;
}

.mdc-data-table__pagination .mdc-data-table__pagination-button {
  padding: 0;
}

.mdc-data-table__pagination .mdc-data-table__pagination-button a {
  text-decoration: none;
  display: block;
  line-height: 45px;
}

.mdc-data-table__pagination .mdc-data-table__pagination-button:disabled a {
  color: #d2d2d2 !important;
}

.mdc-button.action {
  font-weight: bold;
  font-size: 0.77rem;
  padding: 0 5px 0 10px !important;
}

.mdc-button.action i {
  vertical-align: middle;
  font-size: 1.2rem;
  margin: 0 !important;
}

.mdc-select {
  width: 100% !important;
}

.mdc-list .mdc-menu__selection-group-icon i {
  font-size: 1.35rem;
}

.mdc-list li a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  color: #313e4f;
  text-decoration: none;
  outline: none;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.18);
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch {
  border-width: 0.5px;
}

.mdc-text-field--invalid:hover .mdc-notched-outline__notch {
  border-width: 1px;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch {
  border-width: 2px;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #1F4DA3;
}

.mdc-form-field > label {
  margin-bottom: 0;
}

.mdc-text-field + .mdc-text-field-helper-line {
  position: absolute;
}

.mdc-data-table {
  box-shadow: 0 5px 30px -15px rgba(49, 49, 49, 0.47);
  margin: 0 0 25px 0;
}

.mdc-data-table__table-container {
  overflow-x: initial;
}

.mdc-data-table__cell.action_cell {
  overflow: initial !important;
}

.mdc-data-table table {
  width: 100%;
  max-width: 100%;
}

.mdc-data-table table .mdc-data-table__header-cell {
  background-color: #909fb2;
  color: white;
  font-weight: bold;
}

.mdc-data-table__header-cell--checkbox, .mdc-data-table__cell--checkbox {
  width: 58px;
  padding: 0;
  text-align: center;
}

.mdc-data-table__row--selected {
  background-color: rgba(92, 132, 245, 0.09);
}

.mdc-data-table__row.expired {
  background-color: rgba(245, 85, 85, 0.06);
}

.mdc-data-table__row--selected.expired {
  background-color: rgba(245, 85, 85, 0.15);
}

.mdc-data-table__cell {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  background-color: white;
  border-color: var(--info);
}

.mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.19);
  box-shadow: 1px 1px 7px -4px black;
}

.mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  background-color: var(--info);
  border-color: var(--info);
}

md-toolbar.md-appTheme-theme:not(.md-menu-toolbar) {
  background-color: var(--blue);
}

button.md-grey:not(:disabled) {
  color: rgba(255, 255, 255, 0.87) !important;
  background-color: #606c70 !important;
}

md-dialog .md-toolbar-tools h2 {
  color: white;
}

md-dialog md-toolbar h2 i {
  vertical-align: sub;
}

md-dialog .md-icon-button {
  color: white;
}

md-dialog.theme-green md-toolbar {
  background-color: var(--green) !important;
}

.mdc-data-table table.blue-style .mdc-data-table__header-cell {
  background-color: var(--blue);
  font-size: 0.75rem;
}

.mdc-data-table table.blue-style .mdc-data-table__header-cell i {
  font-size: 1rem;
}

.mdc-data-table table.blue-style tfoot .mdc-data-table__header-cell {
  background-color: #f3f3f3 !important;
  color: #66707b;
  border: 1px solid #e0dddd;
  border-top: 4px solid #e2e2e2;
  font-size: 1rem;
}

.mdc-data-table table.yellow-style .mdc-data-table__header-cell {
  background-color: var(--yellow);
}

.mdc-data-table table.orange-style .mdc-data-table__header-cell {
  background-color: var(--orange);
}

.mdc-data-table.blue-head .mdc-data-table__header-cell {
  background-color: var(--blue);
  color: white;
  font-weight: bold;
}

.mdc-text-field--invalid input {
  padding-right: 30px !important;
}

.mdc-text-field--invalid:after {
  content: "Hibás vagy hiányzó mező";
  position: absolute;
  color: var(--red);
  font-size: 0.65rem;
  bottom: -20px;
  right: 0;
}

.mdc-text-field--invalid.mdc-text-field--outlined:before {
  position: absolute;
  right: 10px;
  top: 7px;
  font-size: 1.9rem;
  font-family: 'Material Icons';
  content: "warning";
  -webkit-font-feature-settings: 'liga';
  color: var(--red);
}

.mdc-text-field--invalid.mdc-text-field--filled:before {
  right: 38px;
}

a.mdc-button {
  text-decoration: none !important;
  color: #343434 !important;
  font-weight: bold;
  font-size: 0.8rem !important;
}

form label.mdc-text-field.mdc-text-field--filled {
  overflow: hidden !important;
}

form label.mdc-text-field.mdc-text-field--filled.no-bg {
  background: none !important;
}

md-select.md-default-theme:focus .md-select-value, md-select:focus .md-select-value {
  border-bottom-color: #007bff !important;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input {
  border-color: #007bff !important;
}

md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-bar, md-switch.md-checked:not([disabled]).md-primary .md-bar {
  background-color: rgba(0, 123, 255, 0.35) !important;
}

md-switch.md-default-theme.md-checked:not([disabled]).md-primary .md-thumb, md-switch.md-checked:not([disabled]).md-primary .md-thumb {
  background-color: #007bff !important;
}

.md-default-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator, .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: #40c9de;
}

.md-default-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator, .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 1px solid #40c9de;
}

.md-calendar-date.md-focus .md-default-theme .md-calendar-date-selection-indicator, .md-calendar-date.md-focus .md-calendar-date-selection-indicator, .md-default-theme .md-calendar-date-selection-indicator:hover, .md-calendar-date-selection-indicator:hover {
  background: rgba(158, 158, 158, 0.19);
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header {
  background: #0371f5;
  color: rgba(255, 255, 255, 0.87);
}

md-select.md-default-theme .md-select-value.md-select-placeholder, md-select .md-select-value.md-select-placeholder {
  color: rgba(0, 0, 0, 0.81);
}

md-input-container.md-default-theme .md-placeholder, md-input-container .md-placeholder, md-input-container.md-default-theme label, md-input-container label {
  color: rgba(0, 0, 0, 0.81);
}

.md-default-theme .md-datepicker-open .md-datepicker-calendar-icon, .md-datepicker-open .md-datepicker-calendar-icon {
  color: var(--blue);
}

/**
* Open Sans
**/
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hvIqOjjg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hnIqOjjg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hoIqOjjg.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hkIqOjjg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hlIqOjjg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light Italic"), local("OpenSans-LightItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hrIqM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Udc1UAw.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0ddc1UAw.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Vdc1UAw.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0adc1UAw.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Wdc1UAw.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Xdc1UAw.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v18/mem6YaGs126MiZpBA-UFUK0Zdc0.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhmIqOjjg.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhvIqOjjg.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhnIqOjjg.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhoIqOjjg.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhkIqOjjg.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhlIqOjjg.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWiUNhrIqM.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Open Sans Light"), local("OpenSans-Light"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v18/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOX-hpOqc.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOVuhpOqc.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUehpOqc.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXehpOqc.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/**
* Roboto Slab
**/
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmYmRjRdE.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWma2RjRdE.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmY2RjRdE.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmbGRjRdE.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmYGRjRdE.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmYWRjRdE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojIWmb2Rj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmYmRjRdE.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSma2RjRdE.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmY2RjRdE.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmbGRjRdE.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmYGRjRdE.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmYWRjRdE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjo0oSmb2Rj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYmRjRdE.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISma2RjRdE.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmY2RjRdE.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmbGRjRdE.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYGRjRdE.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYWRjRdE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmYmRjRdE.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Oma2RjRdE.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmY2RjRdE.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmbGRjRdE.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmYGRjRdE.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4OmYWRjRdE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoa4Omb2Rj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOmYmRjRdE.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOma2RjRdE.woff2) format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOmY2RjRdE.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}

/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOmbGRjRdE.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}

/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOmYGRjRdE.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOmYWRjRdE.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v12/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjoJYOmb2Rj.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --yellow: #ffb308;
  --green: #2ca36e;
  --purple: #6664F1;
  --blue: #1980b3;
}

body.noscroll {
  overflow: hidden !important;
}

.show-on-mobile {
  display: none;
}

button, input {
  outline: none !important;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding: 15px;
}

.pw {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
}

md-dialog {
  min-width: 550px;
}

.btn.btn-primary,
.btn.btn-secondary {
  color: white;
}

md-dialog-actions .btn.btn-primary {
  color: white;
}

md-dialog-actions .btn.btn-primary:hover {
  background-color: var(--blue) !important;
}

md-dialog#contracteditor {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100% !important;
  max-height: 100% !important;
}

md-dialog#contracteditor .md-dialog-content {
  padding: 0;
  position: relative;
}

md-dialog#contracteditor .tox .tox-editor-container {
  padding-top: 75px;
}

md-dialog#contracteditor .tox:not(.tox-tinymce-inline) .tox-editor-header {
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 60px;
}

md-dialog#contracteditor md-dialog-actions {
  box-shadow: -5px 0 50px #c9c9c9;
  z-index: 2;
}

.md-button.btn-success:not([disabled]):hover {
  background: #0d7c72;
}

.msg-red-text {
  color: #DC3545;
  font-size: 0.9rem;
}

.msg-red-text {
  color: #ed7f0e;
  font-size: 0.9rem;
}

.questions .list {
  display: none;
}

.questions .list.ng-scope {
  display: block;
}

.questions .no-items {
  display: none;
  font-size: 1.2rem;
  text-align: center;
}

.questions .no-items.ng-scope {
  display: block;
}

.questions article > .wrap .head {
  background-color: white;
  font-size: 1.2rem;
  font-weight: bold;
  color: #238ac1;
  box-shadow: 0 5px 15px -10px #a0a5a7;
  border-radius: 5px;
  border: 1px solid #deeeff;
  overflow: hidden;
  position: relative;
}

.questions article > .wrap .head .title {
  padding: 12px;
  padding-right: 75px;
}

.questions article > .wrap .head .arrow {
  border-left: 1px solid #e0ebff;
  text-align: center;
  padding: 0 30px;
  background-color: #f9fbff;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 1;
  cursor: pointer;
}

.questions article > .wrap .head .arrow i {
  font-size: 2rem;
  color: #6896eb;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.questions article > .wrap .cont {
  display: none;
  background-color: white;
  padding: 15px;
  border: 1px solid #dce5f7;
  margin: 5px 0 0 0;
  border-radius: 5px;
  line-height: 1.5;
  color: #657493;
}

.questions article > .wrap .cont.opened {
  display: block;
}

.questions article + article {
  margin-top: 10px;
}

.skel-placeholder {
  background-color: #eff0f0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

.skel-placeholder:before {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -250px;
  top: 0;
  content: "";
  background: linear-gradient(to right, transparent 0%, #d7d7d7 50%, transparent 100%);
  animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.skel-placeholder.h1 {
  border-radius: 15px;
}

.skel-placeholder.h1:before {
  left: -500px;
  animation: load-w-500 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.skel-placeholder.block {
  border-radius: 8px;
}

.skel-placeholder.block:before {
  left: -500px;
  animation: load-block 1s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.skel-placeholder.br20 {
  border-radius: 20px !important;
}

.skel-placeholder.br30 {
  border-radius: 30px !important;
}

.skel-placeholder.br40 {
  border-radius: 40px !important;
}

.skel-placeholder.br50 {
  border-radius: 50px !important;
}

.skel-placeholder + .skel-placeholder {
  margin-top: 15px;
}

.skel-placeholder-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.skel-placeholder-group > div {
  padding: 5px !important;
}

.skel-placeholder-group .skel-placeholder {
  margin: 0 !important;
}

.skel-placeholder-group.p10 > div {
  padding: 10px !important;
}

.skel-placeholder-group.p15 > div {
  padding: 15px !important;
}

.skel-placeholder-group.p20 > div {
  padding: 20px !important;
}

@keyframes load {
  from {
    left: -250px;
  }
  to {
    left: 100%;
  }
}

@keyframes load-w-500 {
  from {
    left: -500px;
  }
  to {
    left: 100%;
  }
}

@keyframes load-block {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}

a, a:visited {
  color: #1392D6;
}

.no-padding {
  padding: 0 !important;
}

.btn-fnc {
  color: #909fb2;
}

.btn-fnc i {
  font-size: 0.9rem;
  vertical-align: middle;
  margin-right: 4px;
}

a.btn-fnc, a.btn-fnc:visited {
  color: #3f3f42 !important;
  border: 1px solid #c1c1c1;
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 0.8rem;
}

body, html {
  height: 100%;
  font-family: 'Open Sans', sans-serif;
  font-size: 0.92rem;
}

.clr {
  clear: both;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto Slab', serif;
}

.center {
  text-align: center;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.state {
  font-size: 0.9rem;
}

.state i {
  font-size: 1.1rem;
  vertical-align: sub;
}

.state.state-neg {
  color: #DC3545;
}

.state.state-pos {
  color: var(--green);
}

h3 {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem !important;
  font-weight: bold;
  color: #616161;
}

input:-internal-autofill-selected,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background: transparent !important;
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

form label.mdc-text-field {
  width: 100%;
  overflow: inherit;
}

.tooltip-helper {
  font-size: 14px;
  vertical-align: middle;
  color: var(--info);
  cursor: help;
}

form .mdc-input-wrapper {
  padding: 15px 0;
}

form *[class*=col-] > .mdc-input-wrapper {
  padding: 0 !important;
}

.auth-adv-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 4rem 0;
}

.auth-adv-wrapper > .form {
  flex-basis: 40%;
  order: 10;
  padding: 10px 40px;
}

.auth-adv-wrapper > .adv-place {
  flex-basis: 30%;
}

.auth-adv-wrapper > .adv-place.place-left {
  order: 1;
}

.auth-adv-wrapper > .adv-place.place-right {
  order: 20;
}

.advertise {
  padding: 10px;
}

.advertise > .wrapper {
  background-color: rgba(255, 255, 255, 0.9);
  overflow: hidden;
  border-radius: 15px;
  min-height: 250px;
  position: relative;
}

.advertise > .wrapper .placeholder {
  position: absolute;
  color: #cbcbcb;
  text-transform: uppercase;
  font-weight: 300;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.advertise + .advertise {
  margin-top: 10px;
}

table .no-table-data, .no-data {
  text-align: center;
  padding: 3rem;
  font-size: 1.2rem;
  color: #8290a2;
}

.errors[role='alert'] {
  background-color: var(--red);
  color: white;
  padding: 10px;
  border-radius: 2px;
}

.errors[role='alert'] a, .errors[role='alert'] a:visited {
  color: white;
  text-decoration: underline;
}

.errors[role='alert'] ul, .errors[role='alert'] li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.errors[role='alert'] ul li {
  position: relative;
}

.errors[role='alert'] ul li:after {
  content: "";
  height: 0.5px;
  background-color: #ff9999;
  width: 100%;
  display: block;
  position: absolute;
  bottom: -5px;
}

.errors[role='alert'] ul li + li {
  margin-top: 10px;
}

.errors[role='alert'] ul li:last-child:after {
  display: none;
}

.btn-success {
  background-color: #35b192;
  border-color: #80c5b4;
  color: white !important;
}

.btn-success:hover {
  background-color: #489c87;
}

.btn-back {
  background-color: #fff;
  border-color: #bac8d5;
  color: #4a4a4a !important;
  text-transform: none !important;
}

.btn-back:hover {
  background-color: #fff;
}

.btn.btn-login,
.btn.btn-reg {
  width: 100%;
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(90deg, #0076b5 0%, #015e8f 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#015E8F', endColorstr='#0076B5', GradientType=0 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(90deg, #0076b5 0%, #015e8f 100%);
  color: #ffffff;
  padding: 1rem;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
  border-radius: 5px;
  border: 1px solid #f3f4f6;
  box-shadow: 0 5px 30px -15px rgba(0, 0, 0, 0.21), 0 5px 14px -5px rgba(75, 75, 75, 0.16);
}

.btn.btn-reg {
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(90deg, #96a2aa 0%, #596b75 77%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596B75', endColorstr='#96A2AA', GradientType=0 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(90deg, #96a2aa 0%, #596b75 77%);
}

.btn.btn-reg.smaller {
  text-transform: none !important;
  font-size: 0.9rem;
  font-weight: normal;
}

.invite-block-info h3 {
  color: white;
  font-size: 3rem !important;
}

.invite-block-info h3 + .desc {
  font-size: 1.3rem;
}

.invite-block-info > i {
  font-size: 6.4rem;
  float: left;
  margin: 0 15px 15px 0;
}

.invite-block-info .company-overview {
  padding: 5px 15px;
  margin: 0 0 10px 0;
  color: #909fb2;
}

.invite-block-info .company-overview .row + .row {
  border-top: 1px solid #d9dbdd;
}

.invite-block-info .need-create-account {
  line-height: 1.4;
  border-radius: 5px;
  margin: 20px 0 0 0;
  box-shadow: 0px 10px 26px -9px rgba(0, 0, 0, 0.48);
  background-color: var(--info);
  padding: 15px;
}

.invite-block-info .need-create-account > i {
  font-size: 4.2rem;
  float: left;
  margin: 0 10px 0 0;
}

.invite-block-info .need-create-account strong {
  font-size: 1.8rem;
}

.login-block,
.register-block,
.login-auth-block,
.verify-block {
  background-color: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 15px 40px -15px rgba(0, 0, 0, 0.21), 0 5px 14px -5px rgba(75, 75, 75, 0.16);
}

.login-block .errors,
.register-block .errors,
.login-auth-block .errors,
.verify-block .errors {
  margin: 0 0 15px 0;
}

.login-block .head,
.register-block .head,
.login-auth-block .head,
.verify-block .head {
  color: #909fb2;
  padding: 2rem 2rem;
  text-align: center;
}

.login-block .form-holder,
.register-block .form-holder,
.login-auth-block .form-holder,
.verify-block .form-holder {
  padding: 3rem 3rem 2rem 3rem;
}

.login-block .form-holder .btn-login,
.register-block .form-holder .btn-login,
.login-auth-block .form-holder .btn-login,
.verify-block .form-holder .btn-login {
  margin-top: 25px;
  font-weight: bold;
}

.login-block .form-holder .btn-login i,
.register-block .form-holder .btn-login i,
.login-auth-block .form-holder .btn-login i,
.verify-block .form-holder .btn-login i {
  vertical-align: bottom;
}

.login-block .form-holder .mdc-text-field i,
.register-block .form-holder .mdc-text-field i,
.login-auth-block .form-holder .mdc-text-field i,
.verify-block .form-holder .mdc-text-field i {
  color: #d0d6dd;
  margin: 0 12px;
}

.login-block .form-holder .remember-checkbox label,
.register-block .form-holder .remember-checkbox label,
.login-auth-block .form-holder .remember-checkbox label,
.verify-block .form-holder .remember-checkbox label {
  margin: 0;
  line-height: 48px;
  font-size: 0.8rem !important;
}

.login-block .form-holder .forgot-password-link,
.register-block .form-holder .forgot-password-link,
.login-auth-block .form-holder .forgot-password-link,
.verify-block .form-holder .forgot-password-link {
  text-align: right;
}

.login-block .form-holder .forgot-password-link a,
.register-block .form-holder .forgot-password-link a,
.login-auth-block .form-holder .forgot-password-link a,
.verify-block .form-holder .forgot-password-link a {
  font-weight: bold;
  font-size: 0.8rem !important;
}

.login-block .form-holder .no-account,
.register-block .form-holder .no-account,
.login-auth-block .form-holder .no-account,
.verify-block .form-holder .no-account {
  text-align: center;
  margin: 25px 0 0 0;
}

.login-block .form-holder .no-account a, .login-block .form-holder .no-account a:visited,
.register-block .form-holder .no-account a,
.register-block .form-holder .no-account a:visited,
.login-auth-block .form-holder .no-account a,
.login-auth-block .form-holder .no-account a:visited,
.verify-block .form-holder .no-account a,
.verify-block .form-holder .no-account a:visited {
  color: #DC3545;
}

.verify-block,
.login-auth-block {
  margin: 0 auto;
  padding: 2rem;
  background-color: transparent;
  box-shadow: none;
  width: 750px !important;
  max-width: 750px !important;
}

.verify-block .logo,
.login-auth-block .logo {
  padding: 25px 0;
  text-align: center;
}

.verify-block .logo img,
.login-auth-block .logo img {
  max-height: 70px;
}

.verify-block > .wrapper,
.login-auth-block > .wrapper {
  background-color: white;
  box-shadow: 0 15px 40px -15px rgba(0, 0, 0, 0.21), 0 5px 14px -5px rgba(75, 75, 75, 0.16);
  border-radius: 15px;
  overflow: hidden;
}

.verify-block > .wrapper .head,
.login-auth-block > .wrapper .head {
  color: #4b5f72;
  font-family: "Open Sans", serif;
  font-weight: bold;
  padding: 2rem 2rem;
  text-align: center;
  background: #e5f3fb;
}

.verify-block > .wrapper .head h2,
.login-auth-block > .wrapper .head h2 {
  font-family: "Open Sans", serif !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #86acc1;
}

.verify-block > .wrapper .form-holder,
.login-auth-block > .wrapper .form-holder {
  padding: 25px 25px 40px 25px;
}

.verify-block > .wrapper .response,
.login-auth-block > .wrapper .response {
  color: #32b76d;
}

.login-auth-block {
  width: 550px !important;
  max-width: 550px !important;
}

.login-block .head {
  background-color: #1392D6;
  color: white;
}

.login-block .head h2 {
  color: white;
  text-transform: none;
  font-weight: bold;
}

.login-block .head i {
  font-size: 40px;
}

.login-block .form-holder {
  width: 100%;
  margin: 0 auto;
  padding: 25px 25px 45px 25px;
}

.login-block .register-next {
  text-align: center;
  margin: 20px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #a8c5d9;
}

.login-block .register-next .title {
  color: #909fb2;
  margin: 0 0 10px 0;
}

.register-block .head {
  background-color: var(--green);
  color: white;
}

.register-block .aszf-checkbox {
  display: flex;
  flex-wrap: nowrap;
}

.register-block .back-section {
  background: #f4f7f9;
  text-align: center;
  padding: 25px;
}

.login-auth-block .head i {
  font-size: 40px;
}

.login-auth-block h3 {
  font-weight: bold;
  text-align: center;
}

.login-auth-block h5 {
  text-align: center;
  margin: 10px 0 20px 0;
  color: var(--green);
}

.login-auth-block .auth-code-adder > .wrapper {
  display: flex;
  align-items: center;
}

.login-auth-block .auth-code-adder > .wrapper .num {
  padding: 0 4px;
  flex-basis: calc(100% / 6);
}

.login-auth-block .auth-code-adder > .wrapper .num > .wrap {
  height: 75px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #cccccc;
}

.login-auth-block .auth-code-adder > .wrapper .num input[type=text] {
  width: 100%;
  background-color: #f9f9f9;
  border: none;
  outline: none;
  height: 100%;
  text-align: center;
  font-size: 2.4rem;
  color: #8c8d8e;
  box-shadow: inset 0 -5px 10px -5px #e2e2e2;
}

.login-auth-block .auth-code-adder > .wrapper .num input[type=text]::placeholder {
  color: #eaeaea;
}

.login-auth-block .auth-code-adder .submit-auth {
  margin: 15px 0 0 0;
  text-align: center;
}

.login-auth-block .auth-error {
  text-align: center;
}

.login-auth-block .auth-error h5 {
  color: var(--red);
}

.login-auth-block .auth-error .hash {
  margin: 15px;
  padding: 10px;
  border-radius: 25px;
  background-color: #f1f1f1;
}

/* MDC Tooltip */
i[data-tooltip-id] {
  font-size: 1rem;
  margin: 0 0 0 5px;
  padding: 0;
  vertical-align: sub;
  color: #008ef2;
}

.mdc-tooltip .usefull_tips {
  color: var(--blue);
  font-weight: bold;
  font-size: 1.15rem;
}

.mdc-tooltip .usefull_tips i {
  vertical-align: sub;
  font-size: 1.4rem;
}

.mdc-tooltip--rich {
  background-color: rgba(255, 255, 255, 0.85);
}

.mdc-tooltip.mdc-tooltip--rich .mdc-tooltip__surface {
  background-color: transparent !important;
}

.tax-number {
  background-color: #66707b;
  color: white;
  padding: 3px 6px;
  margin: 0 5px;
  border-radius: 3px;
}

.mdc-data-table .light-subdata {
  color: #a2a9af;
  margin: 5px 0 0 0;
}

body.szamlazas.kintlevosegkezeles table .address {
  color: #909fb2;
  margin: 4px 0 0 0;
}

body.szamlazas.kintlevosegkezeles td.inv-list {
  padding: 0;
}

body.szamlazas.kintlevosegkezeles td.inv-list > .wrapper {
  background-color: #f1f1f1;
  padding: 0;
  border-left: 10px solid #d2d2d2;
}

body.szamlazas.kintlevosegkezeles td.inv-list .mdc-data-table {
  margin: 0 !important;
  border-radius: 0 !important;
  border: none !important;
}

body.szamlazas.kintlevosegkezeles td.inv-list .mdc-data-table .mdc-data-table__header-cell:first-child {
  border-radius: 0 !important;
}

body.szamlazas.kintlevosegkezeles td.inv-list .mdc-data-table table .mdc-data-table__header-cell {
  background-color: #fafafa;
  border-top: 10px solid #d2d2d2;
  color: #bababa;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 0.8rem;
}

body.szamlazas.kintlevosegkezeles td.inv-list table {
  margin: 0 !important;
  border-radius: 0 !important;
  border-bottom: 10px solid #d2d2d2;
}

body.szamlazas .partner-address-holder {
  display: flex;
  flex-wrap: wrap;
  margin: -10px -10px 20px -10px;
}

body.szamlazas .partner-address-holder > div {
  padding: 10px;
}

body.szamlazas .partner-address-holder .country {
  flex-basis: 80px;
}

body.szamlazas .partner-address-holder .zip_code {
  flex-basis: 125px;
}

body.szamlazas .partner-address-holder .address {
  flex-basis: 250px;
}

body.szamlazas .partner-address-holder .address_type {
  flex-basis: 145px;
}

body.szamlazas .partner-creating {
  background: #f9f9f9;
  padding: 25px;
  margin: 0 -15px -15px -15px;
  border-top: 3px dashed #008aff;
}

body.szamlazas .partner-creating .hint {
  font-size: 0.8rem;
}

body.szamlazas .partner-creating .md-errors-spacer {
  height: 1px;
  display: none;
}

body.szamlazas .partner-creating h4 {
  margin: 0 0 25px 0;
  font-weight: bold;
  font-size: 1.1rem;
}

body.szamlazas .partner-creating h4 + p {
  font-size: 0.82rem;
  position: relative;
  top: -10px;
}

body.szamlazas .partner-creating .mdc-input-wrapper > label,
body.szamlazas .partner-creating md-input-container {
  width: 100%;
  margin: 0 !important;
}

body.szamlazas .partner-creating md-input-container md-icon i {
  margin: 0 !important;
  top: -5px;
  position: relative;
}

body.szamlazas .kintlevosegkezeles-alerts p.desc {
  font-size: 0.7rem;
  color: #6b6262;
  margin: 4px 0 12px 0;
}

body.szamlazas .kintlevosegkezeles-alerts .samples {
  margin: 0 0 15px 0;
}

body.szamlazas .kintlevosegkezeles-alerts .samples .list {
  display: flex;
  flex-wrap: wrap;
}

body.szamlazas .kintlevosegkezeles-alerts .samples .list .sample > .wrap {
  border-radius: 20px;
  padding: 5px 8px;
  margin: 5px;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  font-size: 0.9rem;
  background: whitesmoke;
  color: black;
  cursor: pointer;
  outline: none;
}

body.szamlazas .kintlevosegkezeles-alerts .samples .list .sample.selected > .wrap {
  background: #ff7b7b;
  color: white;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows {
  margin: 10px 0 20px 0;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .no-alerts {
  color: #909fb2;
  font-size: 1.1rem;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .daysafter {
  margin: 0 0 10px 0;
  color: #e24c4c;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items {
  margin-left: 15px;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper {
  position: relative;
  background-color: #ffffff;
  border: 1px dashed #ff7b7b;
  border-radius: 5px;
  padding: 15px;
  display: flex;
  align-items: center;
  margin: 0 -5px;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ff7b7b;
  padding: 0;
  line-height: 25px;
  border-radius: 25px;
  text-align: center;
  width: 25px;
  height: 25px;
  z-index: 1;
  color: white;
  font-weight: 300;
  font-size: 0.85rem;
  box-shadow: 0px 5px 25px -7px black;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper > div {
  padding: 5px;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .day {
  flex-basis: 140px;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .email {
  flex: 1;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .infos {
  font-size: 0.75rem;
  line-height: 1.4;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .infos .alertdate {
  color: #909fb2;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .infos .alertdate .val {
  font-weight: bold;
  color: black;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .infos .alertdate .validate {
  color: var(--red);
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .infos .alertdate .validate .help_icon {
  font-size: 1rem;
  color: #ff9244;
  outline: none;
  padding: 0;
  vertical-align: sub;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper .infos .alertdate.valid .validate {
  color: var(--green);
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper md-input-container {
  width: 100%;
  margin: 15px 0 0 0;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper md-input-container label {
  color: black;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation > .wrapper md-input-container .md-errors-spacer {
  display: none;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation .remover {
  text-align: right;
  font-size: 0.68rem;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation .remover span {
  outline: none;
  padding: 2px 5px;
  background-color: #ff7b7b;
  border-radius: 0 0 3px 3px;
  color: white;
}

body.szamlazas .kintlevosegkezeles-alerts .alert-rows .automated-items .automation + .automation {
  margin: 5px 0 0 0;
}

body.szamlazas .imports .uploaded-temp-docs {
  margin: 30px 0 0 0;
}

body.szamlazas .imports .uploaded-temp-docs .header {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: bold;
  color: var(--green);
}

body.szamlazas .imports .uploaded-temp-docs .header .desc {
  font-size: 1.2rem;
  color: #5c6a79;
  margin: 4px 0 0 0;
  text-transform: none;
  font-weight: normal;
}

body.szamlazas .imports #dropzone_template {
  display: none !important;
}

body.szamlazas .imports .upload-container {
  text-align: center;
  background-color: #f4f4f4;
  border: 2px dashed #d1dae3;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}

body.szamlazas .imports .upload-container .import-from {
  color: var(--orange);
  font-size: 1.4rem;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  pointer-events: none;
}

body.szamlazas .imports .upload-container .import-from strong {
  font-size: 1.2rem;
  color: black;
}

body.szamlazas .imports .upload-container .dropzone .dz-message {
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
}

body.szamlazas .imports .upload-container .dropzone .dz-message button {
  border: none;
  background-color: transparent;
  color: grey;
  outline: none;
}

body.szamlazas .imports .upload-container .dropzone {
  padding-top: 100px;
  background: transparent;
  margin: -10px;
  transition: background .8s;
  cursor: pointer;
}

body.szamlazas .imports .upload-container .dropzone.dz-drag-hover {
  background: #f6e9e0;
}

body.szamlazas .imports .upload-container .dz-preview {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 10px;
  background: #ffffff;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid white;
  box-shadow: 0 2px 10px -7px black;
  cursor: auto;
  outline: none;
}

body.szamlazas .imports .upload-container .dz-preview.temp-preview {
  cursor: pointer;
}

body.szamlazas .imports .upload-container .dz-preview.picked {
  border-left: 5px solid var(--green);
}

body.szamlazas .imports .upload-container .dz-image {
  display: none !important;
}

body.szamlazas .imports .upload-container .dz-details {
  flex-basis: 50%;
  text-align: left;
  font-size: 1rem;
}

body.szamlazas .imports .upload-container .dz-details .dz-filename {
  font-weight: bold;
}

body.szamlazas .imports .upload-container .dz-progress {
  flex-basis: 50%;
  height: 20px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: #ececec;
  box-shadow: inset 0 -3px 6px -6px black;
}

body.szamlazas .imports .upload-container .dz-progress .dz-upload {
  background: var(--orange);
  height: 100%;
  position: absolute;
  left: 0;
  transition: width .6s;
}

body.szamlazas .imports .upload-container .dz-error-message {
  flex: 1;
  color: red;
}

body.szamlazas .imports .upload-container .dz-success-mark,
body.szamlazas .imports .upload-container .dz-error-mark {
  display: none;
}

body.szamlazas .imports .upload-container .dz-preview.dz-success.dz-complete .dz-progress .dz-upload {
  background-color: var(--green);
}

body.szamlazas .import_doc_name {
  font-weight: bold;
  color: #0076B5;
}

body.szamlazas .source-preselect {
  margin: 0 0 20px 0;
}

body.szamlazas .set-done {
  margin: 15px 0 0 0;
}

body.szamlazas .top-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 -10px 10px -10px;
}

body.szamlazas .top-bar > div {
  padding: 10px;
}

body.szamlazas .top-bar .spacer {
  flex: 1;
}

body.szamlazas .top-bar .ico-info-block .value {
  font-size: 2rem;
  font-weight: bold;
}

body.szamlazas .top-bar .add-inv {
  --mdc-theme-primary: var(--green) !important;
}

body.szamlazas .top-bar .add-inv i {
  color: var(--green);
}

body.szamlazas .top-bar .upload-inv {
  --mdc-theme-primary: var(--orange) !important;
}

body.szamlazas .top-bar .upload-inv i {
  color: var(--orange);
}

body.szamlazas .control-bar {
  display: flex;
  align-items: center;
  margin: 0 -10px 10px -10px;
}

body.szamlazas .control-bar > div {
  padding: 0 10px;
}

body.szamlazas .control-bar .inv-trans-switch {
  display: flex;
  align-items: center;
  margin: 0 -10px;
}

body.szamlazas .control-bar .inv-trans-switch > div {
  padding: 5px 10px;
}

body.szamlazas .control-bar .filters {
  font-size: 1.1rem;
  flex: 1;
}

body.szamlazas .control-bar .filters > .wrapper {
  display: flex;
  background-color: #e1e6ed;
  border: 1px solid #cccccc;
}

body.szamlazas .control-bar .filters > .wrapper i {
  font-size: 2rem;
  color: #64717d;
  transition: transform .4s;
}

body.szamlazas .control-bar .filters > .wrapper a {
  color: #64717d;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 10px 15px;
}

body.szamlazas .control-bar .filters > .wrapper .text {
  white-space: nowrap;
}

body.szamlazas .control-bar .filters > .wrapper > div {
  flex-basis: calc(100% / 5);
  border-right: 1px solid #b7c9da;
  transition: background .4s;
}

body.szamlazas .control-bar .filters > .wrapper > div.waiting-inv {
  box-shadow: inset 0 -5px 0 var(--orange);
}

body.szamlazas .control-bar .filters > .wrapper > div.expired-inv {
  box-shadow: inset 0 -5px 0 var(--red);
}

body.szamlazas .control-bar .filters > .wrapper > div.paid-inv {
  box-shadow: inset 0 -5px 0 var(--green);
}

body.szamlazas .control-bar .filters > .wrapper > div.active a, body.szamlazas .control-bar .filters > .wrapper > div.active i {
  color: #0076B5;
}

body.szamlazas .control-bar .filters > .wrapper > div.active a {
  font-weight: bold;
}

body.szamlazas .control-bar .filters > .wrapper > div:hover {
  background: #d4ddea;
}

body.szamlazas .control-bar .filters > .wrapper > div:hover i {
  transform: scale(1.2);
}

body.szamlazas .control-bar .filters > .wrapper > div:last-child {
  border-right: none;
}

body.szamlazas .control-bar .filters > .wrapper div.more-filter {
  text-align: center;
  position: relative;
  padding: 0 10px;
}

body.szamlazas .control-bar .filters > .wrapper div.more-filter .mdc-button {
  padding: 28px 20px;
  margin-top: 12px;
}

body.szamlazas .control-bar .filters > .wrapper div.more-filter i {
  color: white;
  height: auto;
  width: auto;
  margin: 0;
  font-size: 2.43rem;
}

body.szamlazas i.material-icons {
  outline: none;
}

body.szamlazas .mdc-text-field__icon--trailing.help_icon {
  font-size: 1.4rem;
  color: #cecece;
  outline: none;
}

body.szamlazas .filter-module {
  margin: 0 0 10px 0;
}

body.szamlazas .filter-module > .wrapper {
  background-color: #e1e6ed;
  border: 1px solid #cccccc;
  padding: 15px;
  color: #909fb2;
}

body.szamlazas .filter-module > .wrapper .head {
  font-size: 1.4rem;
  font-weight: bold;
  color: #416c91;
  border-bottom: 1px solid #a5aeba;
  padding: 0 0 5px 0px;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

body.szamlazas .filter-module > .wrapper .head i {
  vertical-align: sub;
  font-size: 2rem;
}

body.szamlazas .filter-module .inputs-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 10px -10px;
}

body.szamlazas .filter-module .inputs-wrapper > div {
  padding: 0 10px;
}

body.szamlazas .filter-module .inputs-wrapper .mdc-input-wrapper {
  padding: 5px 0 !important;
}

body.szamlazas .filter-module .inputs-wrapper .mdc-text-field--outlined,
body.szamlazas .filter-module .inputs-wrapper .mdc-select .mdc-select__anchor {
  background: #f4f4f4;
}

body.szamlazas .filter-module .inputs-wrapper .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  font-size: 1.3rem !important;
}

body.szamlazas .filter-module .inputs-wrapper .submit {
  flex-basis: 100%;
  margin-top: 25px;
}

body.szamlazas .filter-module .inputs-wrapper .serialnumber {
  flex-basis: 20%;
}

body.szamlazas .filter-module .inputs-wrapper .company {
  flex: 1;
}

body.szamlazas .filter-module .inputs-wrapper .type .inv-type-color {
  font-weight: bold;
  color: white;
}

body.szamlazas .filter-module .inputs-wrapper .break {
  flex-basis: 100%;
  height: 0;
  padding: 0 !important;
}

body.szamlazas .filter-module .inputs-wrapper .amounts > .wrap > div,
body.szamlazas .filter-module .inputs-wrapper .dates > .wrap > div {
  flex-basis: calc(100% / 3);
}

body.szamlazas .filter-module .inputs-wrapper .dates md-datepicker {
  background: whitesmoke;
  border: 1px solid #9c9999;
  border-radius: 3px;
  line-height: 56px;
  height: 56px;
  max-height: 56px;
  display: block;
  z-index: 10;
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

body.szamlazas .filter-module .inputs-wrapper .dates md-datepicker .md-datepicker-input {
  padding: 0;
}

body.szamlazas .filter-module .inputs-wrapper .dates md-datepicker .md-datepicker-input-container {
  width: 100%;
  height: 0px;
  border: none;
  margin: 0;
}

body.szamlazas .filter-module .inputs-wrapper .dates md-datepicker .md-datepicker-input {
  padding: 0;
  position: relative;
  top: -28px;
  font-size: 1.05rem;
}

body.szamlazas .filter-module .inputs-wrapper .dates md-datepicker .md-icon-button {
  margin: 0;
}

body.szamlazas .filter-module .inputs-wrapper .dates md-datepicker .md-datepicker-triangle-button.md-icon-button {
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
}

body.szamlazas .filter-module .inputs-wrapper .amounts,
body.szamlazas .filter-module .inputs-wrapper .dates {
  flex-basis: 50%;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .infohead,
body.szamlazas .filter-module .inputs-wrapper .dates .infohead {
  position: relative;
  text-align: center;
  margin: 0 15% 5px 15%;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #b4bac3;
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #4c5664;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .infohead:before,
body.szamlazas .filter-module .inputs-wrapper .dates .infohead:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -25px;
  height: 25px;
  width: 0.8px;
  background: #b4bac3;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .infohead:after,
body.szamlazas .filter-module .inputs-wrapper .dates .infohead:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -25px;
  height: 25px;
  width: 0.8px;
  background: #b4bac3;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .wrap,
body.szamlazas .filter-module .inputs-wrapper .dates .wrap {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .wrap > div,
body.szamlazas .filter-module .inputs-wrapper .dates .wrap > div {
  padding: 0;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .wrap .mdc-input-wrapper,
body.szamlazas .filter-module .inputs-wrapper .dates .wrap .mdc-input-wrapper {
  padding: 5px !important;
  box-sizing: border-box;
}

body.szamlazas .filter-module .inputs-wrapper .amounts .wrap label,
body.szamlazas .filter-module .inputs-wrapper .dates .wrap label {
  margin: 0 !important;
}

body.szamlazas .paying-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

body.szamlazas .paying-progress .progress-status {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: -16px;
  left: 3px;
  right: 3px;
  font-size: 0.7rem;
  color: #7b7b7b;
}

body.szamlazas .paying-progress .progress {
  height: 7px;
  margin: 0 4px 4px 4px;
  border-radius: 23px;
}

body.szamlazas .paying-progress .progress .bg-success {
  background-color: #29cc4e !important;
}

body.szamlazas .paying-progress .progress.debt {
  background-color: #29cc4e !important;
}

body.szamlazas .paying-progress .progress.debt .bg-success {
  background-color: #4b9e5e !important;
}

body.szamlazas .invoices-list-table .brutto-amount {
  padding-bottom: 15px;
  text-align: center;
}

body.szamlazas .invoices-list-table .fav-col i.material-icons {
  color: #ffa216;
  cursor: pointer;
}

body.szamlazas .invoices-list-table .fav-col i.material-icons-outlined {
  cursor: pointer;
  color: #c1c1c1;
}

body.szamlazas .invoices-list-table .fav-col i.material-icons-outlined:hover {
  color: #ffa216;
}

body.szamlazas .invoices-list-table a.serial {
  font-size: 1.1rem;
}

body.szamlazas .invoices-list-table .imported {
  float: left;
  margin: 0 5px 0 8px;
  line-height: 30px;
  cursor: help;
}

body.szamlazas .invoices-list-table .imported i {
  color: var(--orange);
  font-size: 1.1rem;
  vertical-align: middle;
}

body.szamlazas .invoices-list-table .creator {
  float: left;
  line-height: 28px;
  margin: 2px 0 0 4px;
  padding: 0;
  font-size: 0.8rem;
  color: #909fb2;
}

body.szamlazas .invoices-list-table .creator i {
  font-size: 1rem;
  vertical-align: sub;
}

body.szamlazas .invoices-list-table .serial-cell {
  padding: 8px;
}

.mdc-select.white-bg .mdc-select__anchor {
  background-color: white !important;
}

.inv-type-color {
  /* Díjbekérő */
  /* Előlegszámla */
  /* Végszámla */
}

.inv-type-color.typeof1 {
  background-color: #3697ff;
}

.inv-type-color.typeof2 {
  background-color: #ff8049;
}

.inv-type-color.typeof3 {
  background-color: #70c39b;
}

.inv-type {
  text-transform: uppercase;
  font-weight: bold;
  margin: 4px 0 0 0;
  font-size: 0.85rem;
  background-color: grey;
  border-radius: 15px;
  padding: 4px 6px;
  color: white;
  float: left;
  /* Díjbekérő */
  /* Előlegszámla */
  /* Végszámla */
}

.inv-type.typeof1 {
  background-color: #3697ff;
}

.inv-type.typeof2 {
  background-color: #ff8049;
}

.inv-type.typeof3 {
  background-color: #70c39b;
}

span.inv-type {
  float: none !important;
}

.pos-rel {
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

body.static.szla-doc header .page-title {
  padding: 0 20px;
}

body.static.szla-doc header .page-title h2 {
  line-height: 1;
  margin: 0;
  font-size: 1.4rem;
  font-style: italic;
  color: #909fb2;
}

body.static.szla-doc header .buttons {
  padding: 0 10px;
}

body.static.szla-doc > .content {
  background-color: #cad3dc;
  height: 100%;
}

body.static.szla-doc > .content > .wrapper {
  padding-top: 60px;
}

body.static.szla-doc > .content > .wrapper .inside-container {
  width: 1100px;
  max-width: 1100px;
  margin: 0 auto;
}

.no-company-selected {
  text-align: center;
  padding: 2rem;
}

.no-company-selected .head {
  font-size: 1.4rem;
  text-transform: uppercase;
}

.no-company-selected .head i {
  font-size: 2rem;
  color: #DC3545;
}

.no-company-selected .d {
  color: #aaadb1;
}

body.szamla-letrehozas .draft-premessage .alert,
body.szamla-feltoltes .draft-premessage .alert {
  display: flex;
  line-height: 1;
  font-size: 1.05rem;
  align-items: center;
}

body.szamla-letrehozas .draft-premessage .alert .txt > i,
body.szamla-feltoltes .draft-premessage .alert .txt > i {
  margin: 0 10px 0 0;
  font-size: 1.5rem;
  vertical-align: middle;
}

body.szamla-letrehozas .draft-premessage .alert .txt,
body.szamla-feltoltes .draft-premessage .alert .txt {
  flex: 1;
}

body.szamla-letrehozas .nextButton,
body.szamla-feltoltes .nextButton {
  background-color: #545d65;
  color: #dde3e8;
  padding: 15px;
  margin: 0 -15px -15px -15px;
  box-shadow: inset 0 5px 12px -10px black;
}

body.szamla-letrehozas .nextButton h4,
body.szamla-feltoltes .nextButton h4 {
  font-weight: 300;
  margin: 0 0 15px 0;
}

body.szamla-letrehozas .nextButton .wrapper,
body.szamla-feltoltes .nextButton .wrapper {
  text-align: center;
}

body.szamla-letrehozas label.item-label,
body.szamla-feltoltes label.item-label {
  font-weight: bold;
  color: #434445;
}

body.szamla-letrehozas label.item-label i,
body.szamla-feltoltes label.item-label i {
  font-size: 1.3rem;
  vertical-align: sub;
  color: var(--info);
  margin: 0 3px 0 0;
}

body.szamla-letrehozas .autocomplete-template .md-autocomplete-suggestion .item-wrap .tax,
body.szamla-feltoltes .autocomplete-template .md-autocomplete-suggestion .item-wrap .tax {
  background-color: #909fb2;
  color: white;
  padding: 4px;
  margin: 0 5px 0 0;
  border-radius: 3px;
}

body.szamla-letrehozas .autocomplete-template .md-autocomplete-suggestion .item-wrap .name,
body.szamla-feltoltes .autocomplete-template .md-autocomplete-suggestion .item-wrap .name {
  color: #0076B5;
  font-weight: bold;
}

body.szamla-letrehozas .autocomplete-template .md-autocomplete-suggestion .item-wrap .addr,
body.szamla-feltoltes .autocomplete-template .md-autocomplete-suggestion .item-wrap .addr {
  color: grey;
  margin: 0 0 0 20px;
}

body.szamla-letrehozas .szla-type > .wrapper,
body.szamla-feltoltes .szla-type > .wrapper {
  float: left;
  background-color: #f8fbfe;
  border-radius: 10px;
  display: flex;
  box-shadow: inset 0 -3px 15px -5px #9cadbf;
  border: 1px solid white;
}

body.szamla-letrehozas .szla-type > .wrapper > .type,
body.szamla-feltoltes .szla-type > .wrapper > .type {
  outline: none;
  padding: 0 35px;
  cursor: pointer;
  border-radius: 10px;
  color: #717d8a;
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
  transition: font-size .4s, background-color .4s;
  line-height: 70px;
}

body.szamla-letrehozas .szla-type > .wrapper > .type.selected,
body.szamla-feltoltes .szla-type > .wrapper > .type.selected {
  background-color: var(--blue);
  color: white;
  font-size: 1rem;
}

body.szamla-letrehozas .szla-type > .wrapper > .type.import.selected,
body.szamla-feltoltes .szla-type > .wrapper > .type.import.selected {
  background-color: var(--orange);
}

body.szamla-letrehozas .partner-selector md-autocomplete input,
body.szamla-feltoltes .partner-selector md-autocomplete input {
  box-shadow: inset 0 0px 6px -2px #c0c0c0;
  background: #f7f7f7;
}

body.szamla-letrehozas .partner-selector .selected-partner,
body.szamla-feltoltes .partner-selector .selected-partner {
  margin: 15px 0 0 0;
  position: relative;
  border: 3px solid var(--green);
  box-shadow: 0 9px 5px -10px #333333;
  background: #f6f6f6;
  padding: 10px 10px 10px 45px;
  border-radius: 10px;
  margin-left: 25px;
}

body.szamla-letrehozas .partner-selector .selected-partner:before,
body.szamla-feltoltes .partner-selector .selected-partner:before {
  position: absolute;
  font-family: 'Material Icons';
  content: "check_circle";
  -webkit-font-feature-settings: 'liga';
  background-color: var(--green);
  color: white;
  padding: 15px;
  border-radius: 60px;
  line-height: 1;
  left: -37px;
  border: 5px solid white;
  font-size: 2rem;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 2px 2px 0px #919191, 
 2px 0px 15px -5px #7e8583, 
 -1px -1px 0 #2dad8d;
}

body.szamla-letrehozas .partner-selector .selected-partner h4,
body.szamla-feltoltes .partner-selector .selected-partner h4 {
  font-size: 0.8rem;
  margin: 0;
  font-weight: bold;
  color: #3a3a3a;
  text-transform: uppercase;
}

body.szamla-letrehozas .partner-selector .selected-partner .number,
body.szamla-feltoltes .partner-selector .selected-partner .number {
  background-color: #66707b;
  color: white;
  padding: 4px;
  margin: 0 5px 0 0;
  border-radius: 3px;
  font-size: 0.7rem;
}

body.szamla-letrehozas .partner-selector .selected-partner .name,
body.szamla-feltoltes .partner-selector .selected-partner .name {
  font-size: 1.3rem;
  color: var(--blue);
  font-weight: bold;
}

body.szamla-letrehozas .szla-details,
body.szamla-feltoltes .szla-details {
  padding: 0 15px 15px 15px;
}

body.szamla-letrehozas .szla-details fieldset,
body.szamla-feltoltes .szla-details fieldset {
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  padding: 0 10px;
  position: relative;
}

body.szamla-letrehozas .szla-details fieldset legend,
body.szamla-feltoltes .szla-details fieldset legend {
  background: #ffffff;
  top: -8px;
  position: absolute;
  width: auto;
  padding: 0 10px;
  font-size: 0.7rem;
  text-transform: uppercase;
  color: var(--info);
  font-weight: bold;
  letter-spacing: 1px;
}

body.szamla-letrehozas .szla-details fieldset > div.row,
body.szamla-feltoltes .szla-details fieldset > div.row {
  margin: 20px 0 0 0;
}

body.szamla-letrehozas .szla-details md-input-container,
body.szamla-feltoltes .szla-details md-input-container {
  width: 100%;
}

body.szamla-letrehozas .szla-details md-input-container .autoassigner span.pre i,
body.szamla-feltoltes .szla-details md-input-container .autoassigner span.pre i {
  font-size: 0.9rem;
  vertical-align: sub;
  margin: 0 4px 0 0;
  color: var(--info);
}

body.szamla-letrehozas .szla-details md-input-container .autoassigner span:not(.pre),
body.szamla-feltoltes .szla-details md-input-container .autoassigner span:not(.pre) {
  background-color: #e8e8e8;
  color: black;
  font-weight: bold;
  margin: 0 5px 0 0;
  border-radius: 4px;
  font-size: 0.65rem;
  padding: 2px 5px;
  cursor: pointer;
}

body.szamla-letrehozas .szla-details md-input-container .autoassigner.dateformat,
body.szamla-feltoltes .szla-details md-input-container .autoassigner.dateformat {
  margin: 0 0 0 65px;
}

body.szamla-letrehozas .szla-details md-datepicker,
body.szamla-feltoltes .szla-details md-datepicker {
  width: calc(100% - 25px);
}

body.szamla-letrehozas .szla-details .md-errors-spacer,
body.szamla-feltoltes .szla-details .md-errors-spacer {
  display: none;
}

body.szamla-letrehozas .szla-details .md-datepicker-input-container,
body.szamla-feltoltes .szla-details .md-datepicker-input-container {
  width: calc(100% - 65px);
}

body.szamla-letrehozas .inventory-items .item > .wrapper,
body.szamla-feltoltes .inventory-items .item > .wrapper {
  border: 1px solid #e2e2e2;
  border-top: 5px solid #93d7ea;
  border-radius: 5px;
  padding: 15px;
}

body.szamla-letrehozas .inventory-items .item > .wrapper md-input-container,
body.szamla-feltoltes .inventory-items .item > .wrapper md-input-container {
  width: 100%;
}

body.szamla-letrehozas .inventory-items .item > .wrapper .md-errors-spacer,
body.szamla-feltoltes .inventory-items .item > .wrapper .md-errors-spacer {
  display: none;
}

body.szamla-letrehozas .inventory-items .item > .wrapper label.item-label,
body.szamla-feltoltes .inventory-items .item > .wrapper label.item-label {
  display: block;
}

body.szamla-letrehozas .inventory-items .item > .wrapper .title input[type=text], body.szamla-letrehozas .inventory-items .item > .wrapper .title input[type=number], body.szamla-letrehozas .inventory-items .item > .wrapper .qty input[type=text], body.szamla-letrehozas .inventory-items .item > .wrapper .qty input[type=number], body.szamla-letrehozas .inventory-items .item > .wrapper .own_qty input[type=text], body.szamla-letrehozas .inventory-items .item > .wrapper .own_qty input[type=number],
body.szamla-feltoltes .inventory-items .item > .wrapper .title input[type=text],
body.szamla-feltoltes .inventory-items .item > .wrapper .title input[type=number],
body.szamla-feltoltes .inventory-items .item > .wrapper .qty input[type=text],
body.szamla-feltoltes .inventory-items .item > .wrapper .qty input[type=number],
body.szamla-feltoltes .inventory-items .item > .wrapper .own_qty input[type=text],
body.szamla-feltoltes .inventory-items .item > .wrapper .own_qty input[type=number] {
  color: var(--blue);
  font-weight: bold;
  font-size: 1.1rem;
}

body.szamla-letrehozas .inventory-items .item > .wrapper .qty input[type=text], body.szamla-letrehozas .inventory-items .item > .wrapper .qty input[type=number], body.szamla-letrehozas .inventory-items .item > .wrapper .own_qty input[type=text], body.szamla-letrehozas .inventory-items .item > .wrapper .own_qty input[type=number],
body.szamla-feltoltes .inventory-items .item > .wrapper .qty input[type=text],
body.szamla-feltoltes .inventory-items .item > .wrapper .qty input[type=number],
body.szamla-feltoltes .inventory-items .item > .wrapper .own_qty input[type=text],
body.szamla-feltoltes .inventory-items .item > .wrapper .own_qty input[type=number] {
  color: var(--info);
}

body.szamla-letrehozas .inventory-items .item > .wrapper .desc,
body.szamla-feltoltes .inventory-items .item > .wrapper .desc {
  margin-top: 24px !important;
}

body.szamla-letrehozas .inventory-items .item + .item,
body.szamla-feltoltes .inventory-items .item + .item {
  margin: 10px 0 0 0;
}

body.szamla-letrehozas .inventory-items .item:last-child,
body.szamla-feltoltes .inventory-items .item:last-child {
  margin-bottom: 15px;
}

body.szamla-letrehozas .inventory-items .calc-value label,
body.szamla-feltoltes .inventory-items .calc-value label {
  color: black;
  font-weight: bold;
}

body.szamla-letrehozas .inventory-items .calc-value .value,
body.szamla-feltoltes .inventory-items .calc-value .value {
  font-size: 1.2rem;
  font-weight: bold;
}

body.szamla-letrehozas .overview-final,
body.szamla-feltoltes .overview-final {
  margin: 25px -20px -20px -20px;
  position: relative;
  padding: 25px;
  background-color: #f6f9fc;
  box-shadow: 0 -18px 20px -5px rgba(195, 204, 217, 0.27);
}

body.szamla-letrehozas .overview-final .draftsave-msg,
body.szamla-feltoltes .overview-final .draftsave-msg {
  position: absolute;
  top: -35px;
  font-size: 1rem;
  white-space: nowrap;
  font-weight: bold;
  color: var(--orange);
}

body.szamla-letrehozas .overview-final > .wrapper,
body.szamla-feltoltes .overview-final > .wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

body.szamla-letrehozas .overview-final > .wrapper .actions,
body.szamla-feltoltes .overview-final > .wrapper .actions {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  margin: -10px;
  flex: 1;
}

body.szamla-letrehozas .overview-final > .wrapper .actions > div,
body.szamla-feltoltes .overview-final > .wrapper .actions > div {
  padding: 10px;
  flex-basis: 250px;
}

body.szamla-letrehozas .overview-final > .wrapper .actions > div button,
body.szamla-feltoltes .overview-final > .wrapper .actions > div button {
  width: 100%;
  height: 65px;
  font-size: 0.92rem;
}

body.szamla-letrehozas .overview-final > .wrapper .actions > div button i,
body.szamla-feltoltes .overview-final > .wrapper .actions > div button i {
  font-size: 1.4rem;
  margin-top: -4px;
}

body.szamla-letrehozas .overview-final > .wrapper .actions .save,
body.szamla-feltoltes .overview-final > .wrapper .actions .save {
  position: relative;
}

body.szamla-letrehozas .overview-final > .wrapper .actions .fake,
body.szamla-feltoltes .overview-final > .wrapper .actions .fake {
  flex-basis: 100%;
  padding: 0;
  height: 0px;
  display: none;
}

body.szamla-letrehozas .overview-final > .wrapper .actions .create,
body.szamla-feltoltes .overview-final > .wrapper .actions .create {
  flex-basis: 500px;
}

body.szamla-letrehozas .overview-final > .wrapper .actions .create button,
body.szamla-feltoltes .overview-final > .wrapper .actions .create button {
  font-size: 1.3rem;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .title,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .title {
  font-weight: bold;
  text-align: right;
  text-transform: uppercase;
  color: #909fb2;
  font-size: 1.2rem;
  margin: 0 0 15px 0;
  letter-spacing: 3px;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list {
  background-color: #ffffff;
  padding: 5px 10px;
  border-radius: 10px;
  box-shadow: 0 5px 14px -10px #7a7f83;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list table td, body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list table th,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list table td,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list table th {
  text-align: right;
  padding: 10px;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list table thead th,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list table thead th {
  border-bottom: 2px solid #e4e4e4;
  color: #909fb2;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list table tfoot td,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list table tfoot td {
  font-size: 1.2rem;
  border-top: 1px solid #e4e4e4;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list table tbody tr td:first-child,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list table tbody tr td:first-child {
  color: black;
}

body.szamla-letrehozas .overview-final > .wrapper .vat_overview > .wrapper .list table tfoot td .t,
body.szamla-feltoltes .overview-final > .wrapper .vat_overview > .wrapper .list table tfoot td .t {
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #909fb2;
}

body.szamla-letrehozas .val-net,
body.szamla-feltoltes .val-net {
  color: #0076B5;
}

body.szamla-letrehozas .val-afa,
body.szamla-feltoltes .val-afa {
  color: #909fb2;
}

body.szamla-letrehozas .val-bru,
body.szamla-feltoltes .val-bru {
  color: var(--green);
}

md-select i,
.md-select-menu-container i {
  font-size: 1.2rem !important;
  vertical-align: sub;
  color: #0076B5 !important;
}

body.szamla-letrehozas .page-header .page-title i {
  color: #21a3ff;
}

body.login-page {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c2d38+0,505367+50,f6f9fc+50,f6f9fc+100 */
  background: #2c2d38;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #2c2d38 0%, #505367 50%, #f6f9fc 50%, #f6f9fc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2d38', endColorstr='#f6f9fc',GradientType=1 );
  /* IE6-9 */
}

body.login-page .content-block {
  width: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.login-page .content-block .welcome {
  width: 75%;
  max-width: 75%;
  margin: 0 auto;
  color: white;
}

body.login-page .content-block .welcome h1 {
  color: white;
}

body.login-page .content-block .login-block,
body.login-page .content-block .register-block {
  width: 500px;
  max-width: 500px;
  margin: 0 auto;
}

body.login-page .content-block .login-block .text-muted,
body.login-page .content-block .register-block .text-muted {
  color: #cfdbe8 !important;
}

.menu-toggler {
  position: absolute;
  right: 20px;
  top: 20px;
}

.menu-toggler i {
  font-size: 32px;
  color: white;
}

body.login-singlepage {
  background-color: #f0f7fa;
  background-image: url("../images/background.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  position: relative;
}

body.login-singlepage:before {
  content: "";
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlLDqXRlZ18xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE5MjEuNyA4MDkuMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTkyMS43IDgwOS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMDA3NkI1IiBkPSJNMTkyMS43LDBIMHY4MDkuMWwxODcxLjItNjQ1LjJjMjYuMy05LjEsNTAuNi0yMi44LDUwLjYtNTAuNlYweiINCgkvPg0KPC9zdmc+DQo=");
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}

body.login-singlepage .login-block:not(.no-abs), body.login-singlepage .login-auth-block, body.login-singlepage .register-block:not(.no-abs), body.login-singlepage .verify-block {
  width: 500px;
  max-width: 500px;
}

body.login-singlepage .login-block:not(.no-abs),
body.login-singlepage .register-block:not(.no-abs) {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

body.login-singlepage .register-block .head {
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(113deg, #56cfaf 0%, #3fa772 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3FA772', endColorstr='#56CFAF', GradientType=0 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(113deg, #56cfaf 0%, #3fa772 100%);
}

body.login-singlepage .register-block .image-wrap {
  order: 1;
  position: relative;
  background-color: #f0f6ff !important;
}

body.login-singlepage .register-block .image-wrap .logo {
  position: absolute;
  width: 60%;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body.login-singlepage .register-block .image-wrap .logo img {
  max-width: 100%;
}

body.login-singlepage .register-block .image-wrap .back-button {
  position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);
}

body.login-singlepage .register-block .image-wrap .back-button a.btn.btn-back {
  border: 1px solid #dde0e3;
  background-color: white;
  color: #606060;
  font-weight: bold;
  padding: 10px 25px;
  font-size: 0.9rem;
}

body.login-singlepage .register-block .form-wrap {
  order: 2;
}

.verify-block .response {
  text-align: center;
}

.verify-block .response i {
  font-size: 4rem;
  margin: 0 0 15px 0;
}

.verify-block .response h2 {
  font-size: 1.4rem;
}

.dropdown-menu {
  box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.45) !important;
  border: 0.5px solid #d9d9d9;
}

.dropdown-menu .dropdown-item a, .dropdown-menu .dropdown-item a:visited {
  color: #909fb2 !important;
}

.dropdown-menu .dropdown-item.has-ico i {
  font-size: 20px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  color: #1392D6;
}

.dropdown-item:focus, .dropdown-item:hover {
  background-color: #ebeffd !important;
}

.system_msg {
  margin: 25px 0;
}

.system_msg .mdc-card {
  color: white;
  font-size: 1.05rem;
}

.system_msg .mdc-card > div {
  padding: 10px;
}

.system_msg .mdc-card > div .ico {
  padding: 0 10px;
  margin-top: 4px;
}

.system_msg .mdc-card > div .title {
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: bold;
  padding: 0 5px;
  flex: 1;
}

.system_msg .mdc-card > div .close .mdc-card__action--icon:not(:disabled) {
  color: white;
}

.system_msg .mdc-card.type-warning {
  background: var(--orange);
}

.system_msg .mdc-card.type-warning > div.mdc-card__secondary-action {
  background-color: #fef4ec;
  color: #975219;
}

.system_msg .mdc-card.type-error {
  background: var(--red);
}

.system_msg .mdc-card.type-error > div.mdc-card__secondary-action {
  background-color: #fcf0f1;
  color: #792830;
}

.system_msg .mdc-card.type-success {
  background: var(--green);
}

.system_msg .mdc-card.type-success > div.mdc-card__secondary-action {
  background-color: #e4f3e8;
  color: #1a5428;
}

.system_msg .mdc-card.type-info {
  background: #1392D6;
}

.system_msg .mdc-card.type-info > div.mdc-card__secondary-action {
  background-color: #c2dfef;
  color: #1F4DA3;
}

.on-mobile {
  display: none;
}

body.public-layout .menu ul, body.public-layout .menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.public-layout .menu ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

body.public-layout .menu ul li > a {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
}

body.public-layout header {
  margin-bottom: 20px;
}

body.public-layout header > .wrapper {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

body.public-layout header > .wrapper > .logo {
  flex-basis: 250px;
}

body.public-layout header > .wrapper > .logo img {
  max-width: 100%;
  width: 100%;
}

body.public-layout header > .wrapper > .menu {
  flex: 1;
}

body.public-layout header > .wrapper > .menu li > a {
  font-size: 1.15rem;
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  font-weight: bold;
  color: #909fb2;
  font-weight: bold;
}

body.public-layout header > .wrapper > .buttons {
  flex-basis: 250px;
}

body.public-layout header > .wrapper > .buttons .btn-primary {
  color: white !important;
}

body.public-layout header > .wrapper > .buttons .btn-default {
  color: #0076B5 !important;
}

body.public-layout .footer {
  margin-top: 20px;
}

body.public-layout .footer > .wrapper {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  flex-wrap: wrap;
}

body.public-layout .footer > .wrapper .menu {
  flex-basis: 100%;
}

body.public-layout .footer > .wrapper a, body.public-layout .footer > .wrapper a:visited {
  font-weight: bold;
  color: #4a6472 !important;
}

body.public-layout .footer > .wrapper .copyright {
  flex-basis: 100%;
  font-size: 0.7rem;
  text-align: center;
  margin-top: 25px;
  color: #5d7283;
}

body.public-layout .footer > .wrapper .copyright a, body.public-layout .footer > .wrapper .copyright a:visited {
  color: #9fbbd3 !important;
}

body.public-layout.login-singlepage header > .wrapper {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 10px 0;
}

body.public-layout.login-singlepage header > .wrapper > .menu li > a {
  color: white;
}

.page404 {
  text-align: center;
  font-size: 1.2rem;
  padding: 3rem;
}

body.oldal.read > .content {
  width: 1200px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 25px 0;
}

body.oldal.read > .content h1 {
  font-weight: bold;
  font-size: 2.2rem;
  margin: 0 0 25px 0;
  color: #0076B5;
}

body.oldal.read > .content .context {
  font-size: 1.1rem;
  line-height: 1.6;
  color: #556e7c;
  margin: 10px 0;
}

body.oldal.read > .content .context p + p {
  margin: 12px 0 0 0;
}

body.oldal.read > .content .meta {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  color: #8d93ab;
}

body.oldal.read > .content .meta > div {
  padding: 10px;
}

body:not(.offline) header {
  background-color: #002336;
  border-bottom: 1px solid #0b5d89;
  box-shadow: 0 7px 15px -3px rgba(0, 35, 54, 0.46);
}

body:not(.offline) header > .wrapper > .logo {
  background-color: var(--blue);
}

body header {
  width: 100%;
  top: 0;
  left: 0;
  height: 60px;
  max-height: 60px;
  z-index: 100;
}

body header > .wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}

body header > .wrapper > .logo {
  flex-basis: 69px;
  text-align: center;
  height: 57px;
}

body header > .wrapper > .logo a {
  height: 60px;
  display: block;
  padding: 0 10px;
  position: relative;
}

body header > .wrapper > .logo a img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
}

body header > .wrapper > .menu-tgl {
  padding: 0 10px;
}

body header > .wrapper > .menu-tgl > .wrapper {
  display: flex;
  align-items: center;
  font-size: 0.79rem;
  transition: all .4s;
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  transition: all .4s;
}

body header > .wrapper > .menu-tgl > .wrapper i {
  font-size: 20px;
  color: #7e96a2;
}

body header > .wrapper > .menu-tgl > .wrapper .text {
  padding-left: 5px;
  color: #79919d;
  font-size: 0.2rem;
  opacity: 0;
  width: 1px;
  transition: all .4s;
  transform-origin: left center;
  white-space: nowrap;
}

body header > .wrapper > .menu-tgl > .wrapper:hover .text {
  width: 100%;
  opacity: 1;
  color: white;
  font-size: 0.8rem;
}

body header > .wrapper > .spacer {
  flex: 1;
}

body header > .wrapper > .gyik > .wrapper > a {
  display: block;
  padding: 0 12px;
  line-height: 35px;
  color: #d4ffd3;
  font-weight: 300;
  font-size: 0.8rem;
  text-decoration: none;
  background-color: #04151e;
  border: 2px solid #77b975;
  border-radius: 30px;
}

body header > .wrapper > .gyik > .wrapper > a i {
  font-size: 1.1rem;
  vertical-align: sub;
  margin-left: 5px;
}

body header > .wrapper > .companies {
  padding: 0 25px 0 15px;
}

body header > .wrapper > .companies > .wrapper {
  display: flex;
  background: #13394e;
  border: 0.5px solid #2a5e7a;
  border-radius: 10px;
  cursor: pointer;
  transition: all .4s;
}

body header > .wrapper > .companies > .wrapper > .text {
  padding: 8px 11px;
  line-height: 1;
  font-weight: bold;
  color: #e8f2f7;
  font-size: 1rem;
}

body header > .wrapper > .companies > .wrapper > .text .infot {
  color: #cad573;
  font-size: 0.7rem;
  font-weight: 300;
  margin: 0 0 4px 0;
}

body header > .wrapper > .companies > .wrapper > .text .no-selected-company {
  color: #DC3545;
  font-weight: 400;
}

body header > .wrapper > .companies > .wrapper > .text .no-selected-company i {
  font-size: 1.1rem;
  vertical-align: top;
}

body header > .wrapper > .companies > .wrapper > .indicator {
  border-left: 0.5px solid #345972;
  padding: 5px 7px;
}

body header > .wrapper > .companies > .wrapper > .indicator i {
  font-size: 15px;
  line-height: 36px;
  color: #6da6cd;
}

body header > .wrapper > .companies > .wrapper:hover {
  box-shadow: 0 0 12px -4px #adadad;
}

body header > .wrapper > .companies .dropdown-menu {
  top: 15px !important;
  overflow: hidden !important;
}

body header > .wrapper > .companies .company-selector {
  padding: 0;
}

body header > .wrapper > .companies .company-selector .dropdown-item {
  padding: 10px 15px;
}

body header > .wrapper > .companies .company-selector .companies-list {
  background-color: #f8f9f9;
}

body header > .wrapper > .companies .company-selector .companies-list .no-companies {
  padding: 2rem;
  text-align: center;
  color: #4a4a4a;
}

body header > .wrapper > .companies .company-selector .companies-list .no-companies i {
  color: var(--blue);
}

body header > .wrapper > .companies .company-selector .companies-list .company + .company {
  border-top: 3px solid #efefef;
}

body header > .wrapper > .companies .company-selector .companies-list .company {
  color: black;
}

body header > .wrapper > .companies .company-selector .companies-list .company .dropdown-item {
  position: relative;
}

body header > .wrapper > .companies .company-selector .companies-list .company .dropdown-item > .wrapper {
  padding: 0 25px 0 0;
}

body header > .wrapper > .companies .company-selector .companies-list .company .name {
  font-weight: bold;
  color: #1F4DA3;
  font-size: 1.1rem;
}

body header > .wrapper > .companies .company-selector .companies-list .company .addon {
  font-size: 0.85rem;
  color: black;
}

body header > .wrapper > .companies .company-selector .companies-list .company .addon .tax {
  font-weight: bold;
}

body header > .wrapper > .companies .company-selector .companies-list .company .addon span + span {
  margin: 0 0 0 12px;
}

body header > .wrapper > .companies .company-selector .companies-list .company.selected .dropdown-item:after {
  position: absolute;
  font-family: 'Material Icons';
  content: "check_circle_outline";
  -webkit-font-feature-settings: 'liga';
  color: var(--green);
  font-size: 1.7rem;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

body header > .wrapper > .companies .company-selector .foot {
  display: flex;
  align-items: center;
  border-top: 1px solid #e1e9ea;
}

body header > .wrapper > .companies .company-selector .foot > div {
  flex-basis: 50%;
}

body header > .wrapper > .companies .company-selector .foot > div a {
  display: block;
  text-align: center;
  padding: 10px 15px;
  font-size: 0.85rem;
  text-decoration: none;
  white-space: nowrap;
  color: #b1b1b1;
}

body header > .wrapper > .companies .company-selector .foot > div a i {
  font-size: 1rem;
  vertical-align: text-top;
}

body header > .wrapper > .companies .company-selector .foot > div a:hover {
  background-color: #0076B5;
  color: white;
}

body header > .wrapper > .companies .company-selector .foot > div:first-child {
  border-right: 1px solid #e1e9ea;
}

body header > .wrapper > .account {
  padding-right: 10px;
}

body header > .wrapper > .account > .wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}

body header > .wrapper > .account > .wrapper .face {
  padding-right: 10px;
}

body header > .wrapper > .account > .wrapper .face > .wrapper {
  background-color: #1392D6;
  border: 2px solid #0076B5;
  color: white;
  text-align: center;
  font-size: 1.14rem;
  font-weight: bold;
  border-radius: 50px;
  line-height: 38px;
  width: 40px;
  height: 40px;
}

body header > .wrapper > .account > .wrapper .user {
  padding: 5px 5px 5px 10px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: bold;
  color: #c8d8e1;
}

body header > .wrapper > .account > .wrapper .user:hover {
  box-shadow: 0 3px 12px -4px rgba(0, 0, 0, 0.8);
}

body header > .wrapper > .account > .wrapper .user i {
  vertical-align: middle;
  font-size: 15px;
  line-height: 1;
}

body header > .wrapper > .account > .wrapper.phantom .face > .wrapper {
  background-color: #35b192 !important;
}

body header > .wrapper > .account > .wrapper.phantom .face > .wrapper i {
  font-size: 1.3rem !important;
}

body header > .wrapper > .account > .wrapper.phantom .phantomuser {
  background-color: #858585;
  font-weight: normal;
  font-size: 0.7rem;
  padding: 2px 5px;
  border-radius: 4px;
  color: white;
  vertical-align: middle;
}

body header > .wrapper > .account .dropdown-menu {
  top: 15px !important;
}

body header > .wrapper > .account .dropdown-menu .user {
  font-weight: bold;
  font-size: 1.1rem;
  color: #0076B5;
  padding: 5px 1rem;
}

body header .dropdown-toggle::after {
  display: none !important;
}

.content-holder {
  height: 100%;
  padding-top: 60px;
  display: flex;
  flex-wrap: nowrap;
}

.content-holder > .sidebar {
  min-width: 70px;
  flex-basis: 15%;
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(146deg, #172a34 0%, #2a4e60 49%, #325c71 49%, #024c71 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024C71', endColorstr='#172A34', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(146deg, #172a34 0%, #2a4e60 49%, #325c71 49%, #024c71 100%);
  overflow: hidden;
}

.content-holder > .sidebar > .wrapper {
  box-sizing: content-box;
  min-width: 240px;
  padding-top: 15px;
  overflow-x: auto;
  height: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.content-holder > .sidebar > .wrapper::-webkit-scrollbar {
  width: 10px;
}

.content-holder > .sidebar > .wrapper::-webkit-scrollbar-track {
  background: #fafafa;
}

.content-holder > .sidebar > .wrapper::-webkit-scrollbar-thumb {
  background: #cddbe8;
}

.content-holder > .sidebar > .wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--blue);
}

.content-holder > .sidebar-dragger {
  flex-basis: 8px;
  position: relative;
  cursor: col-resize;
  transition: all .4s;
  background-color: #024f78;
}

.content-holder > .sidebar-dragger:hover {
  background-color: #0574c6;
}

.content-holder > .sidebar-dragger i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 10px;
  color: #25b6ff;
  transform: translate(-50%, -50%);
}

.content-holder > .content {
  background-color: #f6f9fc;
  box-shadow: inset 28px 0 80px -50px #f5f0ff;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.content-holder > .content::-webkit-scrollbar {
  width: 15px;
}

.content-holder > .content::-webkit-scrollbar-track {
  background: #e6eaed;
}

.content-holder > .content::-webkit-scrollbar-thumb {
  background: #b9cbde;
}

.content-holder > .content::-webkit-scrollbar-thumb:hover {
  background: var(--blue);
}

.content-holder > .content > .wrapper {
  padding: 15px;
}

.sidebar {
  transition: background .4s;
}

.sidebar ul.menu, .sidebar ul.menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar ul.menu.group-title, .sidebar ul.menu li.group-title {
  padding: 10px;
  font-weight: 400;
  font-size: 0.75rem;
  color: #6a8899;
  text-transform: uppercase;
  transition: all .4s;
  background: rgba(17, 28, 34, 0.56);
}

.sidebar ul.menu i, .sidebar ul.menu li i {
  font-size: 18px;
  color: #a6a6a6;
  vertical-align: middle;
  width: 30px;
  transition: all .4s;
}

.sidebar ul.menu a, .sidebar ul.menu li a {
  font-family: "Roboto Slab", serif;
  display: block;
  padding: 10px 10px 10px 32px;
  text-decoration: none;
  font-weight: bold;
  color: #c3c3c3;
  font-size: 0.895rem;
  transition: all .4s;
}

.sidebar ul.menu a:hover, .sidebar ul.menu li a:hover {
  background-color: var(--blue);
  color: white !important;
}

.sidebar ul.menu a:hover i, .sidebar ul.menu li a:hover i {
  color: white !important;
}

.sidebar ul.menu li.active a {
  color: #d0ff2b;
}

.sidebar ul.menu li.active a i {
  color: #9ec769;
}

.sidebar.collapsed {
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(146deg, #172a34 0%, #2a4e60 63%, #325c71 65%, #024c71 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024C71', endColorstr='#172A34', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(146deg, #172a34 0%, #2a4e60 63%, #325c71 65%, #024c71 100%);
}

.sidebar.collapsed ul.menu a, .sidebar.collapsed ul.menu li a {
  padding: 10px 10px 10px 21px;
}

.sidebar.collapsed ul.menu i, .sidebar.collapsed ul.menu li i {
  font-size: 25px;
  width: 45px;
  color: #cbd5e0;
}

.sidebar.collapsed li.group-title {
  background: #0e2530 !important;
  padding: 0 !important;
  height: 10px;
}

.sidebar.collapsed li.group-title span {
  font-size: 0.1rem;
  opacity: 0;
}

.wb-spacer {
  height: 30px;
}

.wb {
  background-color: white;
  border-radius: 5px;
  padding: 15px;
  border: 0.6px solid white;
  box-shadow: 0 5px 30px -15px rgba(49, 49, 49, 0.47);
}

.wb.info-block {
  padding: 0;
  position: relative;
  /* THEMES */
}

.wb.info-block .block-head {
  position: relative;
  box-shadow: 0 5px 30px -11px #d3e0ed;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wb.info-block .block-head:after {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #cddbe8;
  border-radius: 0px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
}

.wb.info-block .block-head h3 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.4rem;
  line-height: 1;
  margin: 0;
  color: #64717D;
}

.wb.info-block .block-head h3 + p {
  margin: 5px 0 0 0;
  color: #a7b8ca;
}

.wb.info-block .block-head i {
  font-size: 40px;
  vertical-align: middle;
  color: #64717D;
}

.wb.info-block.has-ico .block-head > div {
  position: relative;
}

.wb.info-block.has-ico .block-head > div:first-child {
  padding-left: 60px;
}

.wb.info-block.has-ico .block-head i {
  font-size: 40px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.wb.info-block .block-body {
  padding: 15px;
}

.wb.info-block .block-body > .errors {
  margin: 0 0 15px 0;
}

.wb.info-block .block-footer {
  border-top: 0.6px solid #ebeef1;
  padding: 15px;
  font-size: 0.7rem;
  background: #f5f7fa;
}

.wb.info-block.theme-primary .block-head, .wb.info-block.theme-blue .block-head {
  background: var(--blue);
  color: white;
}

.wb.info-block.theme-primary .block-head h3, .wb.info-block.theme-blue .block-head h3 {
  color: #fff;
}

.wb.info-block.theme-primary .block-head h3 + p, .wb.info-block.theme-blue .block-head h3 + p {
  color: #b4c8dd;
}

.wb.info-block.theme-primary .block-head i, .wb.info-block.theme-blue .block-head i {
  color: #e8f3ff;
}

.wb.info-block.theme-primary .block-head:after, .wb.info-block.theme-blue .block-head:after {
  background-color: #3dc1ff;
}

.wb.info-block.theme-green .block-head {
  background: var(--green);
  color: white;
}

.wb.info-block.theme-green .block-head h3 {
  color: #fff;
}

.wb.info-block.theme-green .block-head h3 + p {
  color: #c5edce;
}

.wb.info-block.theme-green .block-head i {
  color: #d4f7dc;
}

.wb.info-block.theme-green .block-head:after {
  background-color: #d6f576;
}

.wb.info-block.theme-orange .block-head {
  background: #fa9b4d;
  color: white;
}

.wb.info-block.theme-orange .block-head h3 {
  color: #fff;
}

.wb.info-block.theme-orange .block-head h3 + p {
  color: #ffe2cb;
}

.wb.info-block.theme-orange .block-head i {
  color: #fff0e3;
}

.wb.info-block.theme-orange .block-head:after {
  background-color: #de6357;
}

.wb.info-block.theme-red .block-head {
  background: var(--red);
  color: white;
}

.wb.info-block.theme-red .block-head h3 {
  color: #fff;
}

.wb.info-block.theme-red .block-head h3 + p {
  color: #f5ccd0;
}

.wb.info-block.theme-red .block-head i {
  color: #fae4e6;
}

.wb.info-block.theme-red .block-head:after {
  background-color: #f3e272;
}

.wb.info-block.theme-dark .block-head {
  background: #313e4f;
  color: white;
}

.wb.info-block.theme-dark .block-head h3 {
  color: #fff;
}

.wb.info-block.theme-dark .block-head h3 + p {
  color: #b3bac2;
}

.wb.info-block.theme-dark .block-head i {
  color: #eff2f5;
}

.wb.info-block.theme-dark .block-head:after {
  background-color: #a6b9e2;
}

.wb.ico-info-block:not(.mdc-touch-target-wrapper) {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.wb.ico-info-block:not(.mdc-touch-target-wrapper) .title {
  font-family: "Roboto Slab", serif;
}

.wb.ico-info-block:not(.mdc-touch-target-wrapper) i {
  font-size: 2.85rem;
}

.wb.ico-info-block:not(.mdc-touch-target-wrapper) i + div {
  padding: 0 0 0 15px;
}

.wb.ico-info-block.mdc-touch-target-wrapper {
  padding: 0;
  display: block;
}

.wb.ico-info-block.mdc-touch-target-wrapper .mdc-button {
  margin: 0;
  padding: 36px 25px;
  line-height: 1.24;
}

.wb.ico-info-block.mdc-touch-target-wrapper i {
  font-size: 2.8rem !important;
  width: auto !important;
  height: auto !important;
  margin: 0 25px 0 0;
}

.wb.ico-info-block.mdc-touch-target-wrapper .title {
  text-transform: none !important;
  font-family: "Roboto Slab", serif;
  color: #616161;
  font-size: 1rem;
  font-weight: bold;
}

.wb.ico-info-block .addon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 -5px;
  font-size: 0.78rem;
  color: rgba(255, 255, 255, 0.85);
}

.wb.ico-info-block .addon > div {
  padding: 0 5px;
}

.wb.ico-info-block.style-blue {
  color: white !important;
  background-color: var(--blue);
}

.wb.ico-info-block.style-blue i, .wb.ico-info-block.style-blue .title {
  color: white !important;
}

.wb.ico-info-block.style-yellow {
  color: white !important;
  background-color: var(--yellow);
}

.wb.ico-info-block.style-yellow i, .wb.ico-info-block.style-yellow .title {
  color: white !important;
}

.wb.ico-info-block.style-orange {
  color: white !important;
  background-color: var(--orange);
}

.wb.ico-info-block.style-orange i, .wb.ico-info-block.style-orange .title {
  color: white !important;
}

.wb.ico-info-block.style-green {
  color: white !important;
  background-color: var(--green);
}

.wb.ico-info-block.style-green i, .wb.ico-info-block.style-green .title {
  color: white !important;
}

.wb.ico-info-block.style-red {
  color: white !important;
  background-color: var(--red);
}

.wb.ico-info-block.style-red i, .wb.ico-info-block.style-red .title {
  color: white !important;
}

.wb.ico-info-block.small-icon .mdc-button {
  padding: 30px 15px !important;
}

.wb.ico-info-block.small-icon i {
  margin-right: 12px !important;
  font-size: 2rem !important;
}

.wb.ico-info-block.small-icon.selected .mdc-button {
  padding: 35px 20px !important;
}

.wb.editor-wb {
  padding: 0;
  overflow: hidden;
}

.wb.editor-wb .tox-tinymce {
  border: none;
}

.draft-maker {
  background: white;
  padding: 13px;
  padding-top: 17px;
  border-radius: 10px;
}

.draft-maker h2 {
  color: var(--green);
  font-size: 1.3rem;
  border-bottom: 1px solid #dde3f4;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  line-height: 1;
}

.draft-maker h2 i {
  vertical-align: middle;
  font-size: 32px;
}

.draft-maker md-input-container.md-block {
  margin-top: 35px;
  margin-bottom: 5px;
}

.draft-maker .actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.draft-maker .actions .clear i {
  color: #a4a4a4;
  font-size: 1.3rem;
}

body.dashboard .welcome {
  background-color: #edf2f7;
  text-align: center;
  padding: 2rem;
  color: #7a91a9;
  box-shadow: inset 0 -5px 150px -71px #8494a5;
}

body.dashboard .welcome .company-selected {
  color: #769d63;
  font-size: 0.9rem;
}

body.dashboard .welcome .company-selected strong {
  color: #7cab32;
}

body.dashboard .welcome .company-selected .sep {
  margin-top: 10px;
  color: #b9c8d7;
}

body.dashboard .welcome .company-selected .perm {
  font-size: 0.8rem;
  margin-top: 10px;
}

body.dashboard .welcome .buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0 0;
}

body.dashboard .welcome .buttons > div {
  padding: 0 10px;
}

body.dashboard .welcome .buttons > div .btn {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  padding: 10px 15px;
  color: #55707e;
  transition: box-shadow .4s;
}

body.dashboard .welcome .buttons > div .btn i {
  vertical-align: sub;
  font-size: 1.2rem;
  border-right: 1px solid #e0edf3;
  margin-right: 10px;
  padding-right: 10px;
  color: #c1d5e9;
}

body.dashboard .welcome .buttons > div .btn:hover {
  box-shadow: 0 6px 10px -7px #7e8d95;
}

body.dashboard .first-steps {
  color: #3c6985;
  padding: 30px;
  border: 1px solid #e3f1f7;
  border-left: none;
  border-right: none;
  position: relative;
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(26deg, #b2c2cb 7%, #edf9ff 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B2C2CB', endColorstr='#EDF9FF', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(26deg, #b2c2cb 7%, #edf9ff 100%);
}

body.dashboard .first-steps .close {
  position: absolute;
  right: 20px;
  top: 20px;
}

body.dashboard .first-steps .close button {
  border-radius: 28px;
  line-height: 28px;
  width: 28px;
  height: 28px;
  padding: 0;
  text-align: center;
  border: 2px solid #b8dbed;
}

body.dashboard .first-steps .close button i {
  color: #83b5cf;
  line-height: 1;
  padding: 0;
  margin: 0;
}

body.dashboard .first-steps > .wrap {
  max-width: 850px;
  margin: 0 auto;
}

body.dashboard .first-steps > .wrap h3 {
  color: #0076B5;
  margin: 0 0 35px 0;
  font-size: 1.35rem !important;
  text-align: center;
}

body.dashboard .first-steps > .wrap .steps {
  width: 90%;
  margin: 0 auto;
}

body.dashboard .first-steps > .wrap .steps > div {
  margin: 10px 0;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

body.dashboard .first-steps > .wrap .steps > div div.s {
  line-height: 42px;
  width: 45px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #8bc52f;
  color: white;
  border-radius: 45px;
  display: block;
  flex-basis: 45px;
  border: 1px solid #dde3e7;
  box-shadow: 0 3px 20px -5px #587e93;
}

body.dashboard .first-steps > .wrap .steps > div .q {
  padding: 0 15px;
  flex: 1;
  font-weight: bold;
  font-style: italic;
}

body.dashboard .first-steps > .wrap .steps > div .btn {
  background-color: #f6fbfd;
  font-size: 0.8rem;
}

body.dashboard .first-steps > .wrap .steps > div .btn i {
  font-size: 1rem;
  vertical-align: sub;
  margin: 0 5px 0 0;
}

body.dashboard .panel .skel-placeholder {
  background-color: #ebf1f7;
}

body.dashboard .panel .skel-placeholder:before {
  background: linear-gradient(to right, transparent 0%, #cfdbe7 50%, transparent 100%);
}

body.dashboard .panel .header {
  padding: 10px 15px 20px 15px;
}

body.dashboard .panel .header i {
  float: left;
  font-size: 42px;
  margin: 2px 10px 0 0;
  color: #0076B5;
}

body.dashboard .panel .header h2 {
  font-size: 1.5rem !important;
  font-family: "Roboto Slab", serif;
  font-weight: bold;
}

body.dashboard .panel .header h2 + p.t {
  font-size: 0.9rem;
  color: #a0b1bb;
}

body.dashboard .panel .header h2 + p.t em {
  color: #3b89b3;
  font-weight: bold;
}

body.dashboard .panel .accepted-contracts,
body.dashboard .panel .picked-questions {
  padding: 0 15px;
}

body.dashboard .panel .picked-questions .list .title {
  font-size: 0.9rem;
}

body.dashboard .panel .picked-questions .more-link a {
  padding: 10px;
  color: #55707e;
}

body.dashboard .panel .picked-questions .more-link a i {
  vertical-align: sub;
  font-size: 1.2rem;
  border-right: 1px solid #e0edf3;
  margin-right: 10px;
  padding-right: 10px;
  color: #c1d5e9;
}

body.dashboard .panel .picked-questions .no-items {
  font-size: 0.8rem;
  text-align: center;
  color: #909fb2;
}

body.dashboard .panel .accepted-contracts .list {
  padding: 0;
}

body.tasks {
  /** Calendar **/
  /* Draft check */
}

body.tasks .fc .fc-view-harness {
  background-color: white;
}

body.tasks .fc .fc-view-harness .fc-scrollgrid thead {
  background-color: #1d78d2;
}

body.tasks .fc .fc-col-header-cell-cushion {
  color: white;
  text-decoration: none;
}

body.tasks .fc .fc-toolbar-title {
  font-size: 1.75rem;
  color: var(--info);
}

body.tasks .draft-check > .wrapper .loading a {
  display: block;
  padding: 10px;
  margin: 10px 0;
  background-color: #fffadf;
  color: #7b5b2b;
  border: 1px solid #ddcc70;
  border-radius: 5px;
  font-size: 1.1rem;
  text-decoration: none;
}

body.tasks .draft-check > .wrapper .loading a i {
  vertical-align: middle;
}

body.tasks .draft-check > .wrapper .draft-item-info a {
  display: block;
  padding: 10px;
  margin: 10px 0;
  background-color: #fffadf;
  color: #7b5b2b;
  border: 1px solid #ddcc70;
  border-radius: 5px;
  font-size: 1.1rem;
  text-decoration: none;
  outline: none;
}

body.tasks .draft-check > .wrapper .draft-item-info a i {
  vertical-align: middle;
}

body.tasks .draft-check > .wrapper .draft-item-info a:hover {
  background-color: var(--green);
  border-color: var(--green);
  color: white;
}

body.tasks .draft-check > .wrapper .draft-list .draft {
  padding-left: 10px;
}

body.tasks .draft-check > .wrapper .draft-list .draft > .wrap {
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 15px;
}

body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .desc {
  font-size: 1.3rem;
  line-height: 1.4;
  color: black;
}

body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .register-at {
  font-size: 0.9rem;
  margin: 10px 0 0 0;
  color: #909fb2;
}

body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action {
  margin-top: 10px;
}

body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action i {
  vertical-align: sub;
  margin: 0 3px 0 0;
  font-size: 1.2rem;
}

body.tasks .draft-check > .wrapper .draft-list .draft + .draft {
  margin: 10px 0 0 0;
}

body.tasks .status-checks {
  margin: 20px 0 0 0;
}

body.tasks .status-checks .status-list {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}

body.tasks .status-checks .status-list > div {
  padding: 10px;
}

body.tasks .file-list {
  font-size: 0.85rem;
}

body.tasks .file-list > .wrapper {
  background-color: #f5f5f5;
  border-radius: 5px;
  border: 2px solid #d7d7d7;
}

body.tasks .file-list > .wrapper .item > .wrap {
  padding: 5px;
}

body.tasks .file-list > .wrapper .item > .wrap .dataline {
  margin: 5px 0 0 0;
  font-size: 0.6rem;
  display: flex;
  align-items: center;
}

body.tasks .file-list > .wrapper .item > .wrap .dataline .uploader {
  margin: 0 5px 0 0;
  color: black;
  font-weight: bold;
}

body.tasks .file-list > .wrapper .item > .wrap .dataline .extension {
  color: green;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 5px 0 0;
}

body.tasks .file-list > .wrapper .item + .item {
  border-top: 1px solid #d7d7d7;
}

body.tasks .upload .file-selector {
  display: flex;
  flex-wrap: nowrap;
  background-color: #f2f2f2;
  border-radius: 5px;
  border: 1px solid #cecece;
  padding: 5px;
}

body.tasks .upload .file-selector .filename {
  flex-basis: 40%;
  padding: 0 10px 0 0;
}

body.tasks .upload .file-selector .filename input[type=text] {
  width: 100%;
  border: 1px solid #bebebe;
  border-radius: 3px;
  line-height: 32px;
  padding: 0 12px;
}

body.tasks .upload .file-selector .file {
  flex: 1;
}

body.tasks .upload .file-selector .file input[type=file] {
  width: 100%;
  display: block;
  line-height: 32px;
}

body.tasks .upload .file-selector label {
  margin: 0;
  padding: 0 10px;
  line-height: 32px;
  border-radius: 5px;
  color: white;
  background-color: #0076B5;
  font-weight: bold;
  font-size: 0.8rem;
  cursor: pointer;
}

body.tasks .upload .file-selector input[type=file]::-webkit-file-upload-button {
  display: none !important;
}

body.tasks .upload .accepted-file-info {
  font-size: 0.7rem;
  color: grey;
  display: flex;
  flex-wrap: wrap;
}

body.tasks .upload .accepted-file-info > div {
  padding: 5px;
}

body.tasks .upload .accepted-file-info .type span {
  background-color: #e7e7e7;
  font-size: 0.6rem;
  border-radius: 3px;
  padding: 1px 5px;
  line-height: 1;
  margin: 0 2px;
  color: #656565;
}

body.tasks .upload .selected-info .file {
  background-color: #fadddd;
  padding: 5px;
}

body.tasks .upload .selected-info .file.ok {
  background-color: #96f3cf;
}

body.tasks .upload .selected-info .file + .file {
  margin: 5px 0 0 0;
}

body.tasks .upload .upload-progress {
  margin: 10px 0;
}

body.tasks .upload .upload-progress .prog-wrapper {
  background: #f1f1f1;
  border: 2px solid #e8e2e2;
  border-radius: 20px;
  overflow: hidden;
}

body.tasks .upload .upload-progress .prog-wrapper .prog-bar {
  background: #05bf03;
  color: white;
  font-size: 0.7rem;
  text-align: center;
  padding: 5px;
  border-radius: 20px;
}

body.tasks label {
  font-size: 1rem;
}

body.tasks .tinyblock {
  margin: 0 0 10px 0;
}

body.tasks .tinyblock strong {
  display: block;
  margin: 0 0 10px 0;
}

.md-dialog-container {
  z-index: 1000;
}

md-dialog.taskviewer md-dialog-content h2 {
  color: var(--blue);
  font-size: 1.4rem;
  margin: 0 0 20px 0;
  font-weight: bold;
}

md-dialog.taskviewer h3 {
  font-size: 1.05rem !important;
  margin: 5px 0 10px 0;
  color: #d9d9d9;
}

md-dialog.taskviewer .c + h3 {
  margin-top: 20px;
}

.buble-list > .wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.buble-list > .wrapper > .item {
  padding: 5px;
}

.buble-list > .wrapper > .item > .wrap {
  background-color: #f7f7f7;
  border: 1px solid #cecece;
  padding: 4px 15px;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.buble-list > .wrapper > .item > .wrap strong {
  white-space: nowrap;
  margin-right: 10px;
}

.buble-list > .wrapper > .item > .wrap a {
  flex-basis: 24px;
  padding: 2px;
  margin: 0 2px;
  color: #6cad9b;
}

.buble-list > .wrapper > .item > .wrap a i {
  font-size: 1.4rem;
  vertical-align: middle;
}

.disabled-content {
  margin: 0 0 20px 0;
}

.disabled-content h3 {
  font-size: 1.05rem !important;
  color: #b4b4b4 !important;
  text-transform: none;
  font-weight: normal;
}

.disabled-content + md-input-container {
  margin-top: 35px;
}

md-select md-select-value .md-text {
  color: #2885ff !important;
  font-size: 1.2rem;
}

.status-list .item .wrap {
  color: white;
}

.status-list .item .wrap strong {
  margin: 0 !important;
}

.placeholder-loading {
  margin: 10px auto 20px auto;
  width: 320px;
  border-radius: 50px;
  padding: 15px;
  text-align: center;
  background-color: #e7e7e7;
  color: #6e7686;
  font-size: 1rem;
  text-transform: uppercase;
}

.placeholder-loading i {
  vertical-align: middle;
}

.draft-prev {
  margin: 10px auto 20px auto;
  width: 320px;
}

.draft-prev .text a {
  display: block;
  border-radius: 50px;
  padding: 15px;
  text-align: center;
  background-color: #e7e7e7;
  color: #6e7686;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none !important;
}

.draft-prev .text i {
  vertical-align: middle;
}

.draft-prev.has_draft .text a {
  background-color: var(--orange);
  color: white;
}

.container-fluid.margin-off {
  box-sizing: content-box;
  margin-left: -15px;
  margin-right: -15px;
}

i.hq {
  color: var(--blue);
  vertical-align: middle;
  margin: 0 4px;
}

.creator-holder {
  display: flex;
  flex-wrap: wrap;
}

.creator-holder.importer .import-doc-preview {
  flex-basis: 50%;
}

.creator-holder.importer .import-doc-preview .wrapper {
  padding: 25px;
  height: 100%;
}

.creator-holder.importer .import-doc-preview .wrapper .preview {
  height: 100%;
}

.creator-holder.importer .import-doc-preview .wrapper .preview .doc-holder {
  height: 100%;
  position: relative;
}

.creator-holder.importer .import-doc-preview .wrapper .preview .doc-holder .szla-preview {
  height: 100%;
}

.creator-holder.importer .import-doc-preview .wrapper .preview .doc-holder .szla-preview .wrapper {
  height: 100%;
  padding: 0 !important;
}

.creator-holder.importer .import-doc-preview .wrapper .preview .doc-holder.scrolling .szla-preview {
  position: fixed;
  width: calc(50% - 112px);
  right: 55px;
  top: 0;
}

.data-creator-groups {
  flex: 1;
  position: relative;
}

.data-creator-groups:before {
  z-index: 0;
  content: "";
  position: absolute;
  width: 2px;
  bottom: 0;
  top: 23px;
  background-color: #dcdcdc;
  left: 7px;
}

.data-creator-groups .wb, .data-creator-groups h3 {
  position: relative;
}

.data-creator-groups h3 {
  z-index: 0;
}

.data-creator-groups .wb h4 i {
  vertical-align: top;
}

.data-creator-groups h3,
.data-creator-groups .seph {
  margin: 10px 10px 10px 0;
  padding: 10px 10px 10px 25px;
}

.data-creator-groups h3:before,
.data-creator-groups .seph:before {
  position: absolute;
  content: "";
  background-color: #dcdcdc;
  left: 12px;
  width: 10px;
  top: 50%;
  height: 2px;
  transform: translateX(-50%);
}

body.partnerek .group-switch {
  border: 5px solid #ebf0f5;
  border-right: none;
  border-left: none;
  padding: 20px 0;
  margin: 0 0 20px 0;
}

body.partnerek .group-switch > .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

body.partnerek .group-switch > .wrapper > div a {
  display: block;
  font-size: 1.1rem;
  font-weight: bold;
  text-decoration: none;
  padding: 10px;
  color: #dee2e6;
  cursor: not-allowed;
}

body.partnerek .group-switch > .wrapper > div:not(.no-item) a {
  color: #909fb2;
  cursor: pointer;
}

body.partnerek .group-switch > .wrapper > div:not(.no-item) a:hover {
  transform: scale(1.3);
}

body.partnerek .search-filter .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 650px;
  max-width: 650px;
  margin: 0 auto 25px auto;
}

body.partnerek .search-filter .wrapper .input {
  background-color: white;
  border-radius: 5px;
  margin: 0 10px 0 0;
  flex: 1;
  box-shadow: 0 10px 30px -15px #5b6b7b;
}

body.partnerek .search-filter .wrapper .input input[type=text] {
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #909fb2;
  background: none;
  border: none;
  line-height: 50px;
  padding: 0 15px;
}

body.partnerek .search-filter .wrapper .input input[type=text]::placeholder {
  font-size: 1rem;
  font-weight: normal;
  color: #acacac;
}

body.partnerek .search-filter .wrapper button {
  line-height: 50px;
  height: 50px;
  padding: 0px 25px;
}

body.partnerek .autocomplete-companies-template .md-autocomplete-suggestion .create-new-partner {
  border-top: 2px solid #0076B5 !important;
  background-color: #f6f9fc;
  margin: 0 -15px;
  font-size: 1.1rem;
  padding: 0 15px;
  color: #909fb2;
  font-weight: bold;
}

body.partnerek .autocomplete-companies-template .md-autocomplete-suggestion .item-wrap .tax {
  background-color: #909fb2;
  color: white;
  padding: 4px;
  margin: 0 5px 0 0;
  border-radius: 3px;
}

body.partnerek .autocomplete-companies-template .md-autocomplete-suggestion .item-wrap .name {
  color: #0076B5;
  font-weight: bold;
}

body.partnerek .autocomplete-companies-template .md-autocomplete-suggestion .item-wrap .addr {
  color: grey;
  margin: 0 0 0 20px;
}

body.partnerek a.editor {
  color: var(--green) !important;
}

body.partnerek a.editor i {
  font-size: 1.2rem;
  vertical-align: middle;
}

body.partnerek .partner-pre-check .form-wrap {
  display: none;
}

body.partnerek .partner-pre-check .company-overview {
  margin: 20px 0;
}

body.partnerek .partner-pre-check .company-overview h2 {
  font-weight: bold;
  font-size: 1.4rem;
  margin: 0 0 10px 0;
  color: #909fb2;
}

body.partnerek .partner-pre-check .company-overview h2 strong {
  color: var(--info);
}

body.partnerek .partner-pre-check .company-overview .infos label {
  display: block;
  font-size: 0.85rem;
}

body.partnerek .partner-pre-check .company-overview .partner-add-loading {
  line-height: 18px;
  font-size: 1rem;
  color: #909fb2;
}

body.partnerek .partner-pre-check .company-overview .partner-add-loading md-progress-circular {
  margin: 0 0 0 5px;
}

body.partnerek .partner-pre-check .error {
  display: none;
}

body.partnerek .partner-pre-check .error.ng-scope {
  display: block;
}

body.partnerek .partner-pre-check.ng-scope .form-wrap {
  display: block;
}

body.partnerek .partner-header {
  font-size: 0.85rem;
  font-weight: bold;
  color: #909fb2;
  padding: 0 5px;
}

body.partnerek .partner-group > .title {
  font-size: 1.8rem;
  color: #909fb2;
  font-weight: bold;
  margin: 0 0 10px 10px;
}

body.partnerek .partner-group + .partner-group {
  margin: 20px 0 0 0;
}

body.partnerek .partner-list .partner > .wrapper {
  background-color: white;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0px 3px 5px -3px #94a8bb;
}

body.partnerek .partner-list .partner + .partner {
  margin: 10px 0 0 0;
}

.md-loading-circle {
  display: flex;
  align-items: center;
}

.md-loading-circle > div {
  padding: 0 0 0 25px;
  font-size: 1rem;
}

.md-loading-circle > div strong {
  font-size: 1.2rem;
}

.page-breadcrumb {
  color: #f6f9fc;
  font-size: 0.7rem;
  text-align: right;
}

.page-breadcrumb i {
  font-size: 1rem;
  vertical-align: text-bottom;
}

.page-breadcrumb a, .page-breadcrumb a:visited {
  color: #f6f9fc;
}

.page-breadcrumb a:hover {
  color: #1392D6;
}

.page-breadcrumb span:after {
  content: "/";
  margin: 0 5px;
  color: #d6d6d6;
}

.page-breadcrumb span:last-child:after {
  display: none;
}

.page-breadcrumb span:last-child {
  font-weight: bold;
  color: #ffffff;
}

.inv-trans {
  background-color: grey;
  color: white;
  padding: 6px 14px 6px 8px;
  font-size: 1.1rem;
  border-radius: 24px;
  vertical-align: middle;
}

.inv-trans i {
  font-size: 1.3rem !important;
  vertical-align: sub !important;
  color: white !important;
}

.inv-trans.yellow-style {
  background-color: var(--yellow);
}

.inv-trans.blue-style {
  background-color: var(--blue);
}

.partner-table table {
  font-size: 0.9rem;
}

.partner-table table td, .partner-table table th {
  padding: 5px;
}

.partner-table table tr > td:last-child strong {
  color: #0076B5;
}

.contract-list-group h2 {
  font-size: 1.4rem;
  font-family: "Open Sans", serif;
  text-transform: uppercase;
  text-align: center;
  color: #a9b5c1;
  font-weight: bold;
}

.contract-list-group h2 strong {
  color: #32b76d;
  font-size: 1.1rem;
  font-weight: 700;
  font-family: "Roboto Slab", serif;
}

.contract-list-group .no-contract-items {
  text-align: center;
  padding: 2rem;
  border: 1px solid #dee9ef;
  background: white;
  border-radius: 3px;
  font-size: 1.1rem;
  font-weight: 300;
  color: #a3a3a3;
  display: none;
}

.contract-list-group .no-contract-items.ng-scope {
  display: block;
}

.contract-list-group .no-contract-items i {
  font-size: 3rem;
  color: #a2aab3;
}

.contract-list-group .contract-list {
  padding: 15px;
}

.contract-list-group .contract-list .contract-item {
  display: none;
}

.contract-list-group .contract-list .contract-item.ng-scope {
  display: block;
}

.contract-list-group .contract-list .contract-item > .wrap {
  background-color: white;
  box-shadow: 0 4px 10px -4px #bdc6cf;
  border-radius: 3px;
  padding: 8px 10px;
  transition: transform .3s;
  z-index: 1;
  position: relative;
}

.contract-list-group .contract-list .contract-item > .wrap > a {
  display: block;
  text-decoration: none;
  color: #909fb2;
}

.contract-list-group .contract-list .contract-item > .wrap .main {
  display: flex;
  align-items: center;
}

.contract-list-group .contract-list .contract-item > .wrap .main .sns {
  flex: 1;
  font-size: 0.95rem;
}

.contract-list-group .contract-list .contract-item > .wrap .main .sns .sn {
  font-weight: bold;
  color: black;
}

.contract-list-group .contract-list .contract-item > .wrap .main .version {
  flex-basis: 120px;
  color: #ed7f0e;
}

.contract-list-group .contract-list .contract-item > .wrap .main .status {
  flex-basis: 24px;
}

.contract-list-group .contract-list .contract-item > .wrap .main .status .ico {
  color: #32b76d;
}

.contract-list-group .contract-list .contract-item > .wrap .main .status .ico.draft {
  color: #909fb2;
}

.contract-list-group .contract-list .contract-item > .wrap .title {
  width: 100%;
  font-style: italic;
  color: #1392D6 !important;
  font-weight: bold;
  padding: 8px 4px 4px 4px;
  border-top: 1px solid #dfdfdf;
  font-size: 1.1rem;
}

.contract-list-group .contract-list .contract-item > .wrap .title i {
  font-size: 1rem;
  vertical-align: middle;
  color: #cbe5ff;
  margin-left: 5px;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner {
  color: black;
  font-size: 0.9rem;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner i {
  font-size: 1rem;
  vertical-align: middle;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner a, .contract-list-group .contract-list .contract-item > .wrap > .partner a:visited {
  color: #868689;
  text-decoration: none;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner a:hover {
  color: #1392D6;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner a.btn {
  color: white !important;
  text-transform: uppercase !important;
  font-size: 0.68rem;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner span.phone,
.contract-list-group .contract-list .contract-item > .wrap > .partner span.email {
  margin: 0 4px;
}

.contract-list-group .contract-list .contract-item > .wrap > .partner i.preico {
  margin-top: -2px;
  margin-left: 4px;
}

.contract-list-group .contract-list .contract-item > .wrap:hover {
  transform: scale(1.03);
  z-index: 2;
}

.contract-list-group .contract-list .contract-item + .contract-item {
  margin-top: 18px;
}

.contract-list-group.accesslist .header {
  background-color: #024f78;
  color: white;
  padding: 15px 30px;
  margin: 0 -15px 10px -15px;
  text-align: left;
}

.contract-list-group.accesslist .header h2 {
  text-align: left;
  font-weight: normal;
  color: white;
}

.contract-list-group.accesslist .header h2 + p {
  margin: 0;
  font-size: 0.9rem;
  color: rgba(255, 255, 255, 0.55);
}

.contract-list-group.accesslist .header h2 + p em {
  color: #b1d5e9;
}

.contact-form > .wrapper {
  background-color: #f3f3f3;
  border-radius: 10px;
  border: 1px solid white;
  box-shadow: 0 10px 25px -13px #bdcae3;
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
}

.contact-form > .wrapper .mdc-text-field {
  background-color: white;
}

.contact-form > .wrapper .inp {
  flex-basis: 100%;
  padding: 10px;
}

.contact-form > .wrapper .inp.name, .contact-form > .wrapper .inp.company, .contact-form > .wrapper .inp.email, .contact-form > .wrapper .inp.phone {
  flex-basis: 50%;
}

.contact-form.shortcode {
  max-width: 750px;
  margin: 0 auto;
}

.dijkalkulator.shortcode {
  min-height: 600px;
}

.dijkalkulator.shortcode .switcher {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 10px;
}

.dijkalkulator.shortcode .switcher > div {
  background-color: #e6e9ed;
  color: #869aaf;
  font-size: 0.82rem;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
}

.dijkalkulator.shortcode .switcher > div.selected {
  background-color: #56798f;
  color: white;
}

.dijkalkulator.shortcode .switcher > div + div {
  margin-left: 5px;
}

.dijkalkulator.shortcode > .wrapper {
  display: none;
  background-color: #f3f3f3;
  border-radius: 10px;
  border: 1px solid white;
  box-shadow: 0 10px 25px -13px #bdcae3;
  padding: 0;
  width: 750px;
  max-width: 750px;
  margin: 20px auto;
}

.dijkalkulator.shortcode > .wrapper .inp {
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
  margin: 10px 0;
  position: relative;
}

.dijkalkulator.shortcode > .wrapper .inp .floating-label {
  position: absolute;
  background-color: #ffe43f;
  border-radius: 6px;
  color: #66662c;
  padding: 5px 8px;
  font-size: 0.9rem;
  left: 15px;
  top: 47px;
  white-space: nowrap;
  box-shadow: 0 5px 10px -5px #c3c1c1;
}

.dijkalkulator.shortcode > .wrapper .inp .floating-label:before {
  content: "";
  width: 10px;
  height: 10px;
  left: 10px;
  top: -10px;
  transform: translateY(-50%);
  position: absolute;
  border-style: solid;
  border-width: 10px;
  border-color: transparent transparent #ffe43f transparent;
}

.dijkalkulator.shortcode > .wrapper .inp > div {
  padding: 15px;
}

.dijkalkulator.shortcode > .wrapper .inp .lab {
  flex-basis: 60%;
  font-weight: bold;
  color: #909fb2;
}

.dijkalkulator.shortcode > .wrapper .inp .i {
  flex-basis: 40%;
}

.dijkalkulator.shortcode > .wrapper .inp .i input {
  font-size: 1.3rem;
}

.dijkalkulator.shortcode > .wrapper .inp .i.need-value {
  font-size: 0.9rem;
  font-style: italic;
  color: #e1b564;
}

.dijkalkulator.shortcode > .wrapper .inp .i.need-value i {
  font-size: 1rem;
  vertical-align: sub;
}

.dijkalkulator.shortcode > .wrapper .inp .i.unique-value {
  font-size: 0.9rem;
  font-style: italic;
  color: #93a952 !important;
}

.dijkalkulator.shortcode > .wrapper .inp .i.unique-value i {
  font-size: 1rem;
  vertical-align: sub;
}

.dijkalkulator.shortcode > .wrapper .inp .valued {
  font-weight: bold;
  color: #0076B5;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl {
  background-color: #0076B5;
  color: white;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl .lab {
  color: #b5dff5 !important;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl .i {
  background-color: #00659c;
  color: white !important;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl .i.need-value {
  font-size: 0.9rem;
  font-style: italic;
  color: #f5e62d !important;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl .i.need-value i {
  font-size: 1rem;
  vertical-align: sub;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl .i.unique-value {
  font-size: 0.9rem;
  font-style: italic;
  color: #ddff76 !important;
}

.dijkalkulator.shortcode > .wrapper .inp.calculated.hl .i.unique-value i {
  font-size: 1rem;
  vertical-align: sub;
}

.dijkalkulator.shortcode.ng-scope > .wrapper {
  display: block;
}

body.dashboard .dijkalkulator.shortcode {
  padding: 0 15px;
  margin-top: -5px;
}

body.dashboard .dijkalkulator.shortcode > .wrapper {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.searcher-container .wrapper, .szerzodesek .search-filter .wrapper, .modification-list .search-filter .wrapper, .company-list .search-filter .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 650px;
  max-width: 650px;
  margin: 3rem auto 2rem auto;
}

.searcher-container .wrapper .input, .szerzodesek .search-filter .wrapper .input, .modification-list .search-filter .wrapper .input, .company-list .search-filter .wrapper .input {
  position: relative;
  background-color: white;
  border-radius: 5px;
  margin: 0 10px 0 0;
  flex: 1;
  box-shadow: 0 10px 30px -15px #5b6b7b;
}

.searcher-container .wrapper .input .remover, .szerzodesek .search-filter .wrapper .input .remover, .modification-list .search-filter .wrapper .input .remover, .company-list .search-filter .wrapper .input .remover {
  position: absolute;
  right: 0;
  top: 0;
}

.searcher-container .wrapper .input .remover a, .szerzodesek .search-filter .wrapper .input .remover a, .modification-list .search-filter .wrapper .input .remover a, .company-list .search-filter .wrapper .input .remover a, .searcher-container .wrapper .input .remover a:visited, .szerzodesek .search-filter .wrapper .input .remover a:visited, .modification-list .search-filter .wrapper .input .remover a:visited, .company-list .search-filter .wrapper .input .remover a:visited {
  display: block;
  border-left: 1px solid #fdd3d3;
  background-color: #fff0f0;
  border-radius: 0 5px 5px 0;
  padding: 0 10px;
  line-height: 50px;
  font-size: 0.8rem;
  text-align: center;
  color: #e76d6d;
  text-decoration: none;
}

.searcher-container .wrapper .input .remover a i, .szerzodesek .search-filter .wrapper .input .remover a i, .modification-list .search-filter .wrapper .input .remover a i, .company-list .search-filter .wrapper .input .remover a i, .searcher-container .wrapper .input .remover a:visited i, .szerzodesek .search-filter .wrapper .input .remover a:visited i, .modification-list .search-filter .wrapper .input .remover a:visited i, .company-list .search-filter .wrapper .input .remover a:visited i {
  vertical-align: sub;
  font-size: 1rem;
}

.searcher-container .wrapper .input input[type=text], .szerzodesek .search-filter .wrapper .input input[type=text], .modification-list .search-filter .wrapper .input input[type=text], .company-list .search-filter .wrapper .input input[type=text] {
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #909fb2;
  background: none;
  border: none;
  line-height: 50px;
  padding: 0 15px;
}

.searcher-container .wrapper .input input[type=text]::placeholder, .szerzodesek .search-filter .wrapper .input input[type=text]::placeholder, .modification-list .search-filter .wrapper .input input[type=text]::placeholder, .company-list .search-filter .wrapper .input input[type=text]::placeholder {
  font-size: 1rem;
  font-weight: normal;
  color: #acacac;
}

.searcher-container .wrapper button, .szerzodesek .search-filter .wrapper button, .modification-list .search-filter .wrapper button, .company-list .search-filter .wrapper button {
  line-height: 50px;
  height: 50px;
  padding: 0px 25px;
}

.szerzodesek .version-change-editor {
  position: fixed;
  z-index: 100;
  bottom: 92px;
  left: 98%;
  min-width: 60%;
  right: initial;
  background-color: white;
  outline: 5px solid rgba(28, 70, 149, 0.24);
  border-radius: 10px;
  box-shadow: 0 10px 50px -10px black;
  transition: left .4s, right .4s;
}

.szerzodesek .version-change-editor h3 {
  margin-bottom: 0px !important;
}

.szerzodesek .version-change-editor h3 + p {
  margin-left: 30px;
  font-size: 0.9rem;
  color: #919fba;
  font-style: italic;
}

.szerzodesek .version-change-editor .label {
  background-color: #93a1bd;
  color: white;
  padding: 6px 12px;
  position: absolute;
  transform: rotate(-90deg);
  left: -120px;
  top: 120px;
  border-radius: 5px 5px 0 0;
}

.szerzodesek .version-change-editor:hover {
  left: 40%;
  right: 20px;
}

.szerzodesek .search-bg-wrapper {
  background-color: #e2e9f1;
  padding: 25px;
  margin: -25px -15px 25px -15px;
  box-shadow: inset 0 -5px 150px -71px #8494a5;
}

.szerzodesek .version .arr {
  font-family: monospace;
  margin: 0 10px;
  font-size: 1.2rem;
  color: #909fb2;
}

.szerzodesek .version strong {
  color: white;
  background: #1392D6;
  border-radius: 20px;
  padding: 5px 12px;
  line-height: 1;
}

.szerzodesek .version strong.prev {
  background: #909fb2;
}

.page-header {
  margin: -15px -15px 25px -15px;
  display: flex;
  position: relative;
  padding: 15px;
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(138deg, #024f78 17%, #0076b5 60%, #1b92d2 70%, #0076b5 80%, #0076b5 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0076B5', endColorstr='#024F78', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(138deg, #024f78 17%, #0076b5 60%, #1b92d2 70%, #0076b5 80%, #0076b5 100%);
}

.page-header .backurl {
  position: absolute;
  left: -15px;
  top: 24px;
}

.page-header .backurl a {
  display: block;
  background-color: white;
  padding: 5px;
  border-radius: 0 5px 5px 0;
  box-shadow: 4px 0 20px -5px #66707b;
}

.page-header .backurl a i {
  vertical-align: bottom;
}

.page-header > .title {
  flex: 1;
}

.page-header .col, .page-header .col-1, .page-header .col-10, .page-header .col-11, .page-header .col-12, .page-header .col-2, .page-header .col-3, .page-header .col-4, .page-header .col-5, .page-header .col-6, .page-header .col-7, .page-header .col-8, .page-header .col-9, .page-header .col-auto, .page-header .col-lg, .page-header .col-lg-1, .page-header .col-lg-10, .page-header .col-lg-11, .page-header .col-lg-12, .page-header .col-lg-2, .page-header .col-lg-3, .page-header .col-lg-4, .page-header .col-lg-5, .page-header .col-lg-6, .page-header .col-lg-7, .page-header .col-lg-8, .page-header .col-lg-9, .page-header .col-lg-auto, .page-header .col-md, .page-header .col-md-1, .page-header .col-md-10, .page-header .col-md-11, .page-header .col-md-12, .page-header .col-md-2, .page-header .col-md-3, .page-header .col-md-4, .page-header .col-md-5, .page-header .col-md-6, .page-header .col-md-7, .page-header .col-md-8, .page-header .col-md-9, .page-header .col-md-auto, .page-header .col-sm, .page-header .col-sm-1, .page-header .col-sm-10, .page-header .col-sm-11, .page-header .col-sm-12, .page-header .col-sm-2, .page-header .col-sm-3, .page-header .col-sm-4, .page-header .col-sm-5, .page-header .col-sm-6, .page-header .col-sm-7, .page-header .col-sm-8, .page-header .col-sm-9, .page-header .col-sm-auto, .page-header .col-xl, .page-header .col-xl-1, .page-header .col-xl-10, .page-header .col-xl-11, .page-header .col-xl-12, .page-header .col-xl-2, .page-header .col-xl-3, .page-header .col-xl-4, .page-header .col-xl-5, .page-header .col-xl-6, .page-header .col-xl-7, .page-header .col-xl-8, .page-header .col-xl-9, .page-header .col-xl-auto {
  padding: 0 15px;
}

.page-header .header-adder-btns {
  float: right;
  margin: 8px 0 0 0;
}

.page-header .header-adder-btns .btn {
  text-transform: uppercase;
  font-weight: bold;
}

.page-header .header-adder-btns a i {
  vertical-align: sub;
  margin: 0 5px 0 0;
  font-size: 1.24rem;
}

.page-header h1 {
  margin: 0 0 5px 0;
  font-size: 1.8rem;
  font-family: "Open Sans", serif;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
}

.page-header h1 i {
  font-size: 2.2rem;
  color: #329cd5;
  vertical-align: middle;
  margin: 0 4px 0 0;
}

.page-header h1 i.orange {
  color: var(--orange);
}

.page-header h1 .inv-in {
  background-color: #42bf5a;
  box-shadow: 3px 3px 10px -5px #1d282e;
  border: 1px solid #4bef6a;
  color: white;
  padding: 6px 14px 6px 8px;
  font-size: 1.1rem;
  border-radius: 24px;
  vertical-align: middle;
  white-space: nowrap;
}

.page-header h1 .inv-in i {
  font-size: 1.3rem;
  vertical-align: sub;
  color: white !important;
}

.page-header h1 .labels.user-permission-label {
  font-size: 0.9rem;
  font-weight: 300;
}

.page-header h1 .labels.user-permission-label:before {
  display: none !important;
}

.page-header h1 + .desc {
  color: rgba(255, 255, 255, 0.55);
  font-style: italic;
  font-size: 1rem;
  margin-left: 37px;
  line-height: 1.4;
  padding-left: 10px;
}

.contract-version, .szerzodesek.adatlap .page-header h1 .version {
  background-color: #32b76d;
  color: #c3f9db;
  text-transform: none;
  font-size: 0.85rem;
  padding: 3px 7px;
  font-weight: normal;
  border-radius: 15px;
  vertical-align: middle;
}

.szerzodesek.adatlap .system_msg {
  margin: 15px;
}

.szerzodesek.adatlap .page-header {
  margin: 0px !important;
}

.szerzodesek.adatlap .content-holder > .content {
  background-color: #f3f3f3;
}

.szerzodesek.adatlap .content-holder > .content .page-loader {
  position: fixed;
  z-index: 200;
  background-color: #e1e2e3;
  width: 100%;
  height: 100%;
}

.szerzodesek.adatlap .content-holder > .content .page-loader > .wrap {
  height: 100%;
  width: 100%;
  position: relative;
}

.szerzodesek.adatlap .content-holder > .content .page-loader > .wrap .inw {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #868a8f;
}

.szerzodesek.adatlap .content-holder > .content > .wrapper {
  padding: 0 !important;
  height: 100%;
}

.szerzodesek.adatlap .container-fluid.margin-off {
  padding: 0 !important;
  margin: 0 !important;
  height: calc(100% - 90px);
}

.szerzodesek.adatlap .content-wrapper {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.szerzodesek.adatlap .content-wrapper .header {
  position: relative;
}

.szerzodesek.adatlap .content-wrapper .side-left {
  flex-basis: 25%;
  border-right: 1px solid #d7d7d7;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas > .wrap {
  padding: 0;
  background-color: #fff;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .author, .szerzodesek.adatlap .content-wrapper .side-left .owner-datas .doc-to {
  padding: 10px 15px;
  color: grey;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .author .name, .szerzodesek.adatlap .content-wrapper .side-left .owner-datas .doc-to .name {
  font-weight: bold;
  color: #0076B5;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .author .tax, .szerzodesek.adatlap .content-wrapper .side-left .owner-datas .doc-to .tax {
  color: black;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .author .lab, .szerzodesek.adatlap .content-wrapper .side-left .owner-datas .doc-to .lab {
  font-size: 0.6rem;
  text-transform: uppercase;
  color: #ababab;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .author {
  border-bottom: 5px solid #ebf0f3;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .doc-to {
  position: relative;
}

.szerzodesek.adatlap .content-wrapper .side-left .owner-datas .doc-to:before {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #ffffff;
  position: absolute;
  left: 50%;
  top: -15px;
  color: #cfdae1;
  transform: translateX(-50%);
  font-family: 'Material Icons';
  content: "expand_more";
  -webkit-font-feature-settings: 'liga';
  text-align: center;
  font-size: 24px;
  line-height: 26px;
  border: 3px solid #ebf0f3;
}

.szerzodesek.adatlap .content-wrapper .side-modify {
  flex: 1;
  background-color: white;
}

.szerzodesek.adatlap .content-wrapper .side-modify .btn.access {
  background-color: #ed7f0e;
  color: white;
}

.szerzodesek.adatlap .content-wrapper .side-modify .btn.access i {
  font-size: 1rem;
  line-height: 1;
  margin: 0 0 0 5px;
  vertical-align: middle;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-isdraft {
  background-color: #fd7c37;
  color: white;
  margin: -15px -15px 15px -15px;
  padding: 0 15px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-isdraft .ico {
  float: left;
  padding: 0 10px 10px 0;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-isdraft .ico i {
  font-size: 75px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-isdraft .title {
  font-weight: bold;
  font-size: 1.15rem;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-isdraft .desc {
  font-size: 0.8rem;
  margin: 5px 0;
  color: #ffede4;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-restrictaccess {
  background-color: #005f91;
  color: white;
  margin: -15px -15px 15px -15px;
  padding: 15px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-restrictaccess .ico {
  float: left;
  padding: 0 10px 10px 0;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-restrictaccess .ico i {
  font-size: 48px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-restrictaccess .title {
  font-weight: bold;
  font-size: 1.15rem;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .msg-of-restrictaccess .desc {
  font-size: 0.9rem;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .tempaccess {
  margin-left: 70px;
  font-size: 0.9rem;
  color: #9cbccd;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .tempaccess > div {
  padding: 5px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .tempaccess > div + div {
  border-top: 1px solid #467893;
  margin-top: 5px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .editor .group.saving > .wrap {
  text-align: right;
}

.szerzodesek.adatlap .content-wrapper .side-modify .btn.accesscloser {
  background-color: white;
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
  right: -13px;
  padding: 3px;
  border-radius: 50px;
  border: 1px solid #d7d7d7;
}

.szerzodesek.adatlap .content-wrapper .side-modify .btn.accesscloser i {
  font-size: 1.1rem;
  vertical-align: middle;
  line-height: 15px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .group .lab {
  font-size: 0.95rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #6293ad;
  margin: 5px 0 10px 0;
}

.szerzodesek.adatlap .content-wrapper .side-modify .preview-content > .wrap > .doc-wrap {
  max-height: 400px;
  overflow: auto;
  background-color: #f3f3f3;
  padding: 15px;
  font-size: 0.85rem;
  border-radius: 10px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .preview-content > .wrap > .doc-wrap .empty-msg {
  text-align: center;
  font-weight: 300;
  padding: 30px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .preview-content > .wrap .last-update {
  padding: 5px 0;
  text-align: right;
  font-size: 0.9rem;
}

.szerzodesek.adatlap .content-wrapper .side-modify .preview-content > .wrap .cannot-edit-msg {
  background-color: #fff7c6;
  border: 1px solid #e5dca6;
  color: #786b1a;
  padding: 0 10px;
  border-radius: 24px;
  line-height: 35px;
  font-size: 0.9rem;
  margin: 10px auto;
  text-align: center;
  width: 80%;
}

.szerzodesek.adatlap .content-wrapper .side-modify .preview-content > .wrap .can-edit-msg {
  background-color: #eaffc6;
  border: 1px solid #c3e18f;
  color: #587a1e;
  padding: 0 10px;
  border-radius: 24px;
  line-height: 35px;
  font-size: 0.9rem;
  margin: 10px auto;
  text-align: center;
  width: 80%;
}

.szerzodesek.adatlap .content-wrapper .side-modify .preview-content > .wrap .can-edit-msg + .b {
  margin: 0 auto;
  text-align: center;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions > .wrap {
  padding: 0;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version {
  padding: 15px;
  position: relative;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version strong {
  background-color: #2a5970;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .index {
  padding-right: 15px;
  font-weight: bold;
  color: #d5d5d5;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .date {
  color: #909fb2;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .live {
  color: #ed7f0e;
  margin: 0 5px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changesbtn {
  position: absolute;
  right: 10px;
  top: 15px;
  color: #0076B5;
  font-size: 0.9rem;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changesbtn i {
  font-size: 1.1rem;
  vertical-align: sub;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes {
  padding: 5px;
  display: none;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes.opened {
  display: block;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes > .wrap {
  border-left: 4px solid #ed7f0e;
  padding: 15px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes > .wrap ul, .szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes > .wrap li, .szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes > .wrap ol {
  margin: 0;
  padding: 0;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version .changes > .wrap ul {
  margin: 0 0 0 15px;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version:first-child strong {
  background-color: #ed7f0e;
}

.szerzodesek.adatlap .content-wrapper .side-modify .versions .version + .version {
  border-top: 1px solid #dddddd;
}

.szerzodesek.adatlap .content-wrapper .side-access {
  flex-basis: 25%;
  border-left: 1px solid #d7d7d7;
  display: none;
}

.szerzodesek.adatlap .content-wrapper .side-access .fix-closer {
  display: none;
  background-color: white;
  position: absolute;
  z-index: 10;
  top: 5px;
  right: 5px;
  padding: 3px;
  border-radius: 50px;
  border: 1px solid #d7d7d7;
}

.szerzodesek.adatlap .content-wrapper .side-access .fix-closer i {
  font-size: 1.1rem;
  vertical-align: middle;
  line-height: 15px;
  color: black;
  margin: 0 4px;
}

.szerzodesek.adatlap .content-wrapper .side-access.show {
  display: block;
}

.szerzodesek.adatlap .header + .wrap {
  padding: 15px;
}

.szerzodesek.adatlap .header {
  color: white;
  padding: 15px;
  border: 1px solid #d7d7d7;
  border-left: none;
  border-right: none;
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(0deg, #e6e6e6 0%, #fafafa 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E6E6E6', endColorstr='#FAFAFA', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(0deg, #e6e6e6 0%, #fafafa 100%);
}

.szerzodesek.adatlap .header .group {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.szerzodesek.adatlap .header .group .btn.btn-default {
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(178deg, #f7f7f7 0%, #f7f7f7 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#F7F7F7', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(178deg, #f7f7f7 0%, #f7f7f7 100%);
  border-color: #d3d3d3;
  color: #7a7a7a;
}

.szerzodesek.adatlap .header .group .btn.btn-default:hover {
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(180deg, #1b92d2 0%, #024f78 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024F78', endColorstr='#1B92D2', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(180deg, #1b92d2 0%, #024f78 100%);
  color: #fff;
}

.szerzodesek.adatlap .header h3 {
  margin: 0;
  line-height: 28px;
  font-weight: 400;
  color: #919191;
  font-size: 1.3rem !important;
  text-shadow: 1px 1px white;
}

.szerzodesek.adatlap .access-list > div > .wrap,
.szerzodesek.adatlap .visit-list > div > .wrap {
  background-color: white;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid white;
  box-shadow: 0 5px 6px -4px #c1c1c1;
}

.szerzodesek.adatlap .access-list > div + div,
.szerzodesek.adatlap .visit-list > div + div {
  margin-top: 15px;
}

.szerzodesek.adatlap .visit-list .visit .user {
  padding: 10px;
}

.szerzodesek.adatlap .visit-list .visit .user .infos {
  display: flex;
  align-items: center;
  font-size: 0.9rem;
  color: grey;
  margin: 10px -5px 0 -5px;
}

.szerzodesek.adatlap .visit-list .visit .user .infos > div {
  padding: 0 5px;
}

.szerzodesek.adatlap .visit-list .visit .user .infos i {
  font-size: 1rem;
  vertical-align: middle;
}

.szerzodesek.adatlap .access-list .user {
  padding: 10px;
}

.szerzodesek.adatlap .access-list .user .registered {
  margin: 0 5px;
}

.szerzodesek.adatlap .access-list .user .registered i {
  color: #32b76d;
  font-size: 1.34rem;
  vertical-align: sub;
}

.szerzodesek.adatlap .access-list .user .added-at {
  font-size: 0.9rem;
  color: grey;
}

h2.title {
  font-family: 'Open Sans', sans-serif !important;
  color: #1F4DA3;
  font-size: 1.44rem;
  text-transform: uppercase;
  font-weight: 700;
  margin: 10px 0 15px 0;
}

span.labels {
  background-color: #e0e5eb;
  border-radius: 20px;
  padding: 6px 10px;
  color: #616f80;
  font-size: 0.85rem;
  box-shadow: 0px 2px 10px -3px rgba(0, 0, 0, 0.64);
}

span.labels.label-user-registered {
  background-color: #1F4DA3;
  color: white;
  padding-left: 6px;
}

span.labels.label-user-registered:before {
  content: "verified_user";
  font-family: 'Material Icons';
  color: white;
  font-size: 1rem;
  vertical-align: bottom;
  margin: 0 3px 0 0;
  -webkit-font-feature-settings: 'liga';
}

span.labels.szla-status {
  color: white;
}

span.user-permission-label.perm1 {
  padding-left: 6px;
  background-color: var(--green);
  color: white;
}

span.user-permission-label.perm1:before {
  font-family: 'Material Icons';
  color: white;
  font-size: 1.2rem;
  content: "star";
  vertical-align: bottom;
  margin: 0 3px 0 0;
  -webkit-font-feature-settings: 'liga';
}

span.user-permission-label.perm2 {
  padding-left: 6px;
  background-color: var(--danger);
  color: white;
}

span.user-permission-label.perm2:before {
  font-family: 'Material Icons';
  color: white;
  font-size: 1.2rem;
  content: "stars";
  vertical-align: sub;
  margin: 0 3px 0 0;
  -webkit-font-feature-settings: 'liga';
}

.no-companies-found {
  text-align: center;
}

.no-companies-found > .wrapper {
  padding: 2rem;
}

.no-companies-found > .wrapper > i {
  color: var(--info);
  font-size: 2.8rem;
  margin: 0 0 10px 0;
}

.no-companies-found > .wrapper h2 {
  color: #909fb2;
}

.no-companies-found > .wrapper h2 + p {
  font-size: 1.1rem;
  color: #9e9e9e;
}

.no-companies-found > .wrapper a.mdc-button {
  color: white !important;
  font-weight: normal !important;
}

body.ceges-felhasznalok .invited-users .name {
  font-size: 1.1rem;
}

body.ceges-felhasznalok .invited-users .name .labels {
  margin: 0 0 0 5px;
  font-size: 0.7rem;
}

body.ceges-felhasznalok .invited-users .status {
  font-weight: bold;
}

body.ceges-felhasznalok .invited-users .status.pending {
  color: var(--orange);
}

body.ceges-felhasznalok .invited-users .status.active {
  color: var(--green);
}

body.ceges-felhasznalok .invited-users table tr.pending td, body.ceges-felhasznalok .invited-users table tr.pending th {
  background-color: #f7f7f7;
  background-image: urL("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKklEQVQYV2P8////fwYouH7nCQMjTADE0VSRgQjAOCCFjNduP/4PkoEBANR8GIxcBGjvAAAAAElFTkSuQmCC");
  color: #748596;
}

.tab-containers .tab-container {
  display: none;
}

.tab-containers .tab-container h2 {
  font-weight: bold;
  font-size: 1.5rem;
  color: var(--blue);
  text-transform: uppercase;
  margin: 15px 0 20px 0;
  font-family: "Open Sans", serif;
}

.tab-containers .tab-container.active {
  display: block;
}

.tab-containers .tab-container .content-group > h3 {
  margin: 0 0 15px 0;
}

.tab-containers .tab-container .content-group + .content-group {
  margin: 15px 0 0 0;
}

.szla-preview > .wrapper {
  position: relative;
  height: 100%;
  background-color: #909fb2;
  box-shadow: inset 5px 0 160px -50px #313232;
}

.szla-preview > .wrapper embed {
  height: 100%;
  width: 100%;
  overflow: auto;
  position: relative;
}

.szla-preview .no-doc-attached {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.szla-preview .no-doc-attached > .wrapper {
  background-color: white;
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  color: #909fb2;
  box-shadow: 0 15px 45px -15px #171b20;
}

.szla-preview .no-doc-attached > .wrapper i {
  font-size: 4rem;
  color: var(--blue);
}

.szla-preview .no-doc-attached > .wrapper h3 {
  font-size: 2rem;
  color: var(--info);
}

.szla-preview .no-doc-attached.ng-scope {
  display: block;
}

md-input-container.fullwidth {
  width: 100%;
}

.mdc-input-wrapper > label {
  width: 100%;
}

body.admin.kintlevosegkezeles .create-progress {
  line-height: 35px;
  font-weight: bold;
  font-size: 1rem;
  padding: 0 10px;
  color: var(--green);
}

body.admin.kintlevosegkezeles #automations > .row {
  position: relative;
  background-color: #fafafa;
  border-radius: 4px;
  margin: 10px 0;
  border: 1px solid #dddddd;
  margin-left: 10px;
}

body.admin.kintlevosegkezeles #automations > .row .col-md-2 {
  padding-left: 20px;
}

body.admin.kintlevosegkezeles #automations > .row .close {
  position: absolute;
  right: 10px;
  top: 10px;
}

body.admin.kintlevosegkezeles #automations .n {
  position: absolute;
  background-color: #DC3545;
  font-size: 0.85rem;
  color: white;
  width: 25px;
  line-height: 25px;
  border-radius: 25px;
  text-align: center;
  left: -12px;
  top: 50%;
  transform: translateY(-50%);
}

body.admin.kintlevosegkezeles #automations .md-errors-spacer {
  display: none !important;
}

body.admin.kintlevosegkezeles #automations md-input-container {
  margin-bottom: 0;
}

body.szamlazas.szamla-kezeles .inv-trans {
  font-size: 0.85rem;
  padding: 4px 6px;
  vertical-align: inherit;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts {
  margin: 10px 10px 10px 20px;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper {
  background-color: white;
  box-shadow: 0 5px 20px -5px #c7ccd2;
  border-radius: 5px;
  display: flex;
  align-items: flex-start;
  padding: 10px;
  margin: 0 -10px;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .label {
  margin: 0 0 2px 0;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.65rem;
  color: #9aa3ab;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper > div {
  padding: 0 10px;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .n {
  position: relative;
  flex-basis: 0px;
  padding: 0;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .n .nix {
  position: absolute;
  background-color: #fa635c;
  padding: 0;
  text-align: center;
  color: white;
  font-weight: bold;
  border-radius: 25px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  z-index: 1;
  left: -22px;
  top: -20px;
  box-shadow: 0px 5px 25px -7px black;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .send-after .v {
  font-size: 0.95rem;
  font-weight: bold;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .send-after .temptitle {
  font-size: 0.85rem;
  color: #505050;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info {
  flex: 1;
  text-align: right;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .stack {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin: 0 -10px;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .stack > div {
  padding: 0 10px;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .opened {
  color: var(--blue);
  margin: 0 10px 0 0;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .opened i {
  font-size: 1rem;
  vertical-align: middle;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .opened .when {
  font-size: 0.75rem;
  color: #888888;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .send-status i {
  font-size: 1rem;
  vertical-align: middle;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .send-status.sent {
  color: #38a438;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .send-status.cannotsent {
  color: var(--red);
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .info .sent-at {
  font-size: 0.75rem;
  color: #888888;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .status {
  text-align: right;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .status .stat {
  font-weight: bold;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .status .stat.stat-progress {
  color: #fa635c;
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am > .wrapper .status .stat.stat-done {
  color: var(--green);
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am.done > .wrapper .n .nix {
  background-color: var(--green);
}

body.szamlazas.szamla-kezeles .koveteleskezelo > .wrapper .alerts .am + .am {
  margin: 15px 0 0 0;
}

body.szamlazas.szamla-kezeles .page-header {
  margin: 0;
}

body.szamlazas.szamla-kezeles .page-header h1 {
  margin-bottom: 20px;
}

body.szamlazas.szamla-kezeles .page-title {
  margin-left: 25px;
  position: relative;
}

body.szamlazas.szamla-kezeles .page-title .addon-text {
  position: absolute;
  font-size: 0.75rem;
  left: 60px;
  color: #909fb2;
  bottom: -6px;
  font-family: "Open Sans", serif;
}

body.szamlazas.szamla-kezeles .page-title .addon-text strong {
  color: var(--orange);
}

body.szamlazas.szamla-kezeles .content-holder > .content {
  position: relative;
}

body.szamlazas.szamla-kezeles .preloader {
  position: absolute;
  background-color: #d1ddec;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

body.szamlazas.szamla-kezeles .preloader .inside {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 1.2rem;
  color: #909fb2;
}

body.szamlazas.szamla-kezeles .preloader .inside md-progress-circular {
  margin: 0 auto 25px auto;
}

body.szamlazas.szamla-kezeles .preloader .inside h2 {
  display: none;
  color: black;
}

body.szamlazas.szamla-kezeles .preloader .inside h2.ng-binding {
  display: block;
}

body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper {
  padding: 0;
}

body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper,
body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper > .container-fluid {
  height: 100%;
}

body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper > .container-fluid {
  display: flex;
  flex-wrap: wrap;
}

body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper > .container-fluid .szla-controls,
body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper > .container-fluid .szla-preview {
  flex-basis: 50%;
}

body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper > .container-fluid .szla-controls > .wrapper {
  padding: 15px;
}

body.szamlazas.szamla-kezeles .content-holder > .content > .wrapper {
  display: none;
}

body.szamlazas.szamla-kezeles .content-holder > .content.ng-scope > .wrapper {
  display: block;
}

body.szamlazas.szamla-kezeles .detail-block {
  background-color: white;
  border-radius: 25px;
  box-shadow: 0 5px 20px -5px #c7ccd2;
}

body.szamlazas.szamla-kezeles .detail-block .row-wrapper {
  padding: 0 15px;
  overflow: hidden;
}

body.szamlazas.szamla-kezeles .detail-block .row-wrapper .row:nth-child(even) {
  background-color: #f6f8f9;
}

body.szamlazas.szamla-kezeles .partner-overview-closable {
  background-color: white;
  border-radius: 25px;
  box-shadow: 0 5px 20px -5px #c7ccd2;
  overflow: hidden;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .main-panel {
  display: flex;
  font-size: 1.2rem;
  cursor: pointer;
  background-color: #0076B5;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .main-panel > div {
  padding: 15px;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .main-panel .name {
  flex: 1;
  color: white;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .main-panel .tax {
  flex: 1;
  font-size: 1.1rem;
  color: #97c5f2;
  text-align: right;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .detail-panel {
  border-top: 3px solid #ececec;
  padding: 0 15px;
  display: none;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .detail-panel .row > div:nth-child(2) {
  text-align: right;
}

body.szamlazas.szamla-kezeles .partner-overview-closable .detail-panel .row:nth-child(even) {
  background-color: #f6f8f9;
}

body.szamlazas.szamla-kezeles .szla-details .row > div:nth-child(2) {
  text-align: right;
}

body.szamlazas.szamla-kezeles .szla-details .szla-status {
  font-size: 1rem;
  padding-left: 8px;
}

body.szamlazas.szamla-kezeles .szla-details .szla-status i {
  vertical-align: sub;
  font-size: 1.2rem;
}

body.szamlazas.szamla-kezeles .no-szla-found {
  font-size: 1.3rem;
  color: #909fb2;
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
}

body.szamlazas.szamla-kezeles .no-szla-found h2 {
  color: black;
}

body.szamlazas.szamla-kezeles .no-szla-found > i {
  color: #0076B5;
  margin: 0 0 15px 0;
  font-size: 4rem;
}

body.szamlazas.szamla-kezeles .comments .ajxmsg,
body.szamlazas.szamla-kezeles .cashflows .ajxmsg {
  margin: 0 0 15px 0;
}

body.szamlazas.szamla-kezeles .comments .adder,
body.szamlazas.szamla-kezeles .cashflows .adder {
  display: flex;
  align-items: center;
  margin: 0 0 45px 0;
}

body.szamlazas.szamla-kezeles .comments .adder .input,
body.szamlazas.szamla-kezeles .cashflows .adder .input {
  flex: 1;
  padding-right: 15px;
}

body.szamlazas.szamla-kezeles .comments .adder .input .mdc-notched-outline,
body.szamlazas.szamla-kezeles .cashflows .adder .input .mdc-notched-outline {
  background-color: white;
  z-index: 1;
}

body.szamlazas.szamla-kezeles .comments .adder .input input[type=text],
body.szamlazas.szamla-kezeles .cashflows .adder .input input[type=text] {
  font-weight: bold;
  color: #222222;
}

body.szamlazas.szamla-kezeles .comments .adder .input input[type=text],
body.szamlazas.szamla-kezeles .comments .adder .input i.mdc-text-field__icon--leading,
body.szamlazas.szamla-kezeles .cashflows .adder .input input[type=text],
body.szamlazas.szamla-kezeles .cashflows .adder .input i.mdc-text-field__icon--leading {
  z-index: 2;
}

body.szamlazas.szamla-kezeles .comments .adder .input i.mdc-text-field__icon--leading,
body.szamlazas.szamla-kezeles .cashflows .adder .input i.mdc-text-field__icon--leading {
  pointer-events: none;
}

body.szamlazas.szamla-kezeles .comments .adder .input .mdc-text-field,
body.szamlazas.szamla-kezeles .cashflows .adder .input .mdc-text-field {
  width: 100%;
  margin: 0;
}

body.szamlazas.szamla-kezeles .comments .adder .input .mdc-text-field-character-counter,
body.szamlazas.szamla-kezeles .cashflows .adder .input .mdc-text-field-character-counter {
  padding-left: 0;
}

body.szamlazas.szamla-kezeles .comments .adder .sender button,
body.szamlazas.szamla-kezeles .cashflows .adder .sender button {
  height: 56px;
}

body.szamlazas.szamla-kezeles .comments .list,
body.szamlazas.szamla-kezeles .cashflows .list {
  position: relative;
  margin: 0 0 0 15px;
}

body.szamlazas.szamla-kezeles .comments .list:before,
body.szamlazas.szamla-kezeles .cashflows .list:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 65px;
  bottom: 65px;
  width: 10px;
  background-color: #cdd8e4;
}

body.szamlazas.szamla-kezeles .comments .list > .comment,
body.szamlazas.szamla-kezeles .cashflows .list > .comment {
  margin: 0 0 0 18px;
}

body.szamlazas.szamla-kezeles .comments .list > .comment > .wrapper,
body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper {
  background-color: white;
  border-radius: 5px;
  padding: 15px;
  font-size: 1.1rem;
  box-shadow: 0 5px 20px -5px #c7ccd2;
  position: relative;
}

body.szamlazas.szamla-kezeles .comments .list > .comment > .wrapper:before,
body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper:before {
  content: "";
  counter-increment: section -1;
  content: counter(section);
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--info);
  padding: 0;
  line-height: 40px;
  border-radius: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  z-index: 1;
  color: white;
  font-weight: 300;
  font-size: 1.1rem;
  box-shadow: 0px 5px 25px -7px black;
}

body.szamlazas.szamla-kezeles .comments .list > .comment > .wrapper .date,
body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper .date {
  font-size: 0.8rem;
  color: #909fb2;
}

body.szamlazas.szamla-kezeles .comments .list > .comment > .wrapper .message,
body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper .message {
  margin: 5px 0 0 0;
  color: black;
  font-weight: bold;
}

body.szamlazas.szamla-kezeles .comments .list > .comment > .wrapper .message .paid-date,
body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper .message .paid-date {
  color: var(--blue);
}

body.szamlazas.szamla-kezeles .comments .list > .comment > .wrapper .author,
body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper .author {
  font-size: 0.8rem;
  margin: 5px 0 0 0;
  color: var(--info);
}

body.szamlazas.szamla-kezeles .comments .list > .comment + .comment,
body.szamlazas.szamla-kezeles .cashflows .list > .comment + .comment {
  margin: 15px 0 0 25px;
}

body.szamlazas.szamla-kezeles .cashflows {
  margin: 15px 0 0 10px;
}

body.szamlazas.szamla-kezeles .cashflows > h3 {
  margin: 0 0 10px 0;
}

body.szamlazas.szamla-kezeles .cashflows .list > .comment > .wrapper .message {
  font-weight: normal !important;
}

body.szamlazas.szamla-kezeles .cashflows form {
  border-left: 5px solid #e4ecf5;
  margin-left: 5px;
}

body.szamlazas.szamla-kezeles .cashflows .adder {
  margin: 0 0 15px 0 !important;
  flex-wrap: wrap;
}

body.szamlazas.szamla-kezeles .cashflows .adder .md-errors-spacer {
  display: none;
  height: 0px;
}

body.szamlazas.szamla-kezeles .cashflows .adder md-input-container i {
  color: rgba(0, 0, 0, 0.54);
}

body.szamlazas.szamla-kezeles .cashflows .adder input[type=number] {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--cyan);
}

body.szamlazas.szamla-kezeles .cashflows .adder > div {
  padding: 5px !important;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .input.type,
body.szamlazas.szamla-kezeles .cashflows .adder > .input.source {
  flex-basis: 50%;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .input.amount {
  flex-basis: 50%;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .input.paydate {
  flex: 1;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .input.paydate .md-datepicker-input {
  color: var(--blue) !important;
  font-size: 1.1rem !important;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .sender {
  flex-basis: 112px;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .input.invcreator md-switch {
  margin: 0 !important;
}

body.szamlazas.szamla-kezeles .cashflows .adder > .input.break {
  flex-basis: 100%;
  height: 0;
}

body.szamlazas.szamla-kezeles md-input-container.outlined md-select-value {
  background-color: white;
  line-height: 56px;
  padding: 0 15px;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper {
  position: relative;
  margin: 0 0 0 15px;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 65px;
  bottom: 25px;
  width: 10px;
  background-color: #cdd8e4;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item {
  margin: 10px 0 10px 25px;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper {
  position: relative;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .ico {
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .ico .wrapper {
  position: relative;
  background-color: var(--blue);
  padding: 0;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  z-index: 1;
  box-shadow: 0px 5px 25px -7px black;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .ico .wrapper i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  font-size: 1.5rem;
  color: white;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .data {
  background-color: white;
  border-radius: 5px;
  padding: 15px;
  font-size: 1.14rem;
  box-shadow: 0 5px 20px -5px #c7ccd2;
  position: relative;
  z-index: 2;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .data .time {
  font-size: 0.8rem;
  color: #909fb2;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .data .title {
  margin: 5px 0 0 0;
  color: black;
  font-weight: bold;
}

body.szamlazas.szamla-kezeles .history-listing > .wrapper .history-item > .wrapper .data .addon {
  font-size: 0.8rem;
  margin: 5px 0 0 0;
  color: var(--info);
}

body.szamlazas.szamla-kezeles .mdc-tab-scroller__scroll-area--scroll {
  border: 1px solid #d6dde4;
  border-radius: 5px;
  background-color: #e7ebef;
  box-shadow: inset 0 -7px 15px -13px #6a7c8f;
}

.email-alerts .alert-list > .wrapper .sends {
  margin: 20px 20px 20px 45px;
}

.email-alerts .alert-list > .wrapper .sends > .wrap {
  position: relative;
  padding: 0;
  display: flex;
  align-items: center;
}

.email-alerts .alert-list > .wrapper .sends > .wrap:before {
  content: "";
  counter-increment: section -1;
  content: counter(section);
  position: absolute;
  left: -45px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--blue);
  padding: 0;
  line-height: 25px;
  border-radius: 25px;
  text-align: center;
  width: 25px;
  height: 25px;
  z-index: 1;
  color: white;
  font-weight: 300;
  font-size: 0.85rem;
  box-shadow: 0px 5px 25px -7px black;
}

.email-alerts .alert-list > .wrapper .sends > .wrap .who {
  flex-basis: 40%;
}

.email-alerts .alert-list > .wrapper .sends > .wrap .sended {
  flex-basis: 140px;
  text-align: center;
}

.email-alerts .alert-list > .wrapper .sends > .wrap .status {
  text-align: right;
  flex: 1;
}

.email-alerts .alert-list > .wrapper .sends > .wrap .status .status-text {
  font-weight: bold;
}

.email-alerts .alert-list > .wrapper .sends > .wrap .status .status-text .unreaded {
  color: var(--orange);
}

.email-alerts .alert-list > .wrapper .sends > .wrap .status .status-text .readed {
  color: var(--green);
}

.email-alerts .alert-list > .wrapper .sends > .wrap .status .read_at {
  font-size: 0.8rem;
}

.email-alerts .alert-list > .wrapper .sends + .sends > .wrap:after {
  position: absolute;
  height: 1px;
  background-color: #d2d8dd;
  content: "";
  width: 100%;
  top: -10px;
}

.email-alerts .alert-maker .maker-holder .wrapper label {
  font-weight: bold;
  color: #909fb2;
}

.email-alerts .alert-maker .maker-holder .wrapper md-chips {
  margin: 5px 0 15px 0;
}

.alert i {
  vertical-align: sub;
  font-size: 1.2rem;
  margin: 0 4px 0 0;
}

.mdc-tab-bar .badge.bubble {
  position: absolute;
  background-color: var(--red);
  color: white;
  border-radius: 25px;
  z-index: 2;
  top: 4px;
  right: -11px;
  font-size: 0.68rem;
  font-weight: normal;
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
}

body.document-view {
  font-size: 0.8rem;
}

body.document-view header {
  background-color: #0076B5 !important;
  position: fixed;
  z-index: 101 !important;
}

body.document-view header > .wrapper {
  width: 100%;
  padding: 0 10px 0 0;
}

body.document-view header > .wrapper .logo {
  flex-basis: 250px !important;
  background-color: transparent !important;
}

body.document-view header > .wrapper .logo img {
  width: 65% !important;
}

body.document-view header > .wrapper .menu {
  flex: 1;
}

body.document-view header > .wrapper .menu ul, body.document-view header > .wrapper .menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.document-view header > .wrapper .menu ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.9rem;
}

body.document-view header > .wrapper .menu ul li {
  margin: 0 10px;
}

body.document-view header > .wrapper .menu ul a, body.document-view header > .wrapper .menu ul a:visited {
  padding: 5px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}

body.document-view header > .wrapper .buttons a.btn-primary {
  color: white !important;
}

body.document-view .footer {
  position: fixed;
  z-index: 200 !important;
  bottom: 0;
  left: 0;
  right: 65%;
  font-size: 0.8rem;
  text-align: center;
  padding: 10px;
}

body.document-view .footer .menu {
  display: block;
  font-size: 0.6rem;
  margin: 0 0 8px 0;
}

body.document-view .footer .menu ul, body.document-view .footer .menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.document-view .footer .menu ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.6rem;
}

body.document-view .footer .menu ul li {
  margin: 0 10px;
}

body.document-view .footer .menu ul a, body.document-view .footer .menu ul a:visited {
  padding: 5px;
  color: #909fb2;
  font-weight: bold;
  text-decoration: none;
}

body.document-view .footer .copyright {
  font-size: 0.6rem;
  color: #ababab !important;
  text-shadow: 1px 1px 0 #fbfbfb;
}

body.document-view .footer .copyright a, body.document-view .footer .copyright a:visited {
  color: #7e7e7e;
}

body.document-view > .wrapper {
  height: 100%;
  position: relative;
  z-index: 100;
  background-color: #f7fcff;
}

body.document-view > .wrapper > .sidebar {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  bottom: 0;
  width: 35%;
  min-width: 300px;
  padding: 60px 10px 10px 10px;
  background: white;
  box-shadow: 0 20px 30px -10px rgba(0, 31, 48, 0.32);
}

body.document-view > .wrapper > .sidebar h2 {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #587a8d;
  font-family: "Open Sans", serif;
  background-color: #001f30;
}

body.document-view > .wrapper > .sidebar .group {
  border-radius: 5px;
}

body.document-view > .wrapper > .sidebar .group > .wrap {
  padding: 0;
  height: 100%;
}

body.document-view > .wrapper > .sidebar .group > .wrap h2 {
  padding: 15px;
  margin: 0 -10px;
}

body.document-view > .wrapper > .sidebar .group > .wrap h2 i {
  vertical-align: sub;
  margin-right: 9px;
  color: #cd1717;
}

body.document-view > .wrapper > .sidebar .group > .wrap .inside {
  height: calc(100% - 50px);
  max-height: calc(100% - 50px);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px 0;
}

body.document-view > .wrapper > .sidebar .group > .wrap .inside .row > div[class*=col-] {
  padding-top: 5px;
  padding-bottom: 5px;
}

body.document-view > .wrapper > .sidebar .group + .group {
  margin-top: 10px;
}

body.document-view > .wrapper > .sidebar .contacts-line > div {
  padding: 4px 0;
}

body.document-view > .wrapper > .sidebar .contacts-line > div i {
  font-size: 1rem;
  vertical-align: top;
  width: 18px;
  margin-right: 5px;
  text-align: center;
}

body.document-view > .wrapper > .sidebar .contacts-line > div a, body.document-view > .wrapper > .sidebar .contacts-line > div a:visited {
  text-decoration: none;
}

body.document-view > .wrapper > .sidebar .versions .inside {
  padding: 0 !important;
  margin: 0 -10px !important;
}

body.document-view > .wrapper > .sidebar .versions .version {
  margin: 5px 0;
  padding: 10px;
  font-size: 0.94rem;
  color: #909fb2;
  position: relative;
}

body.document-view > .wrapper > .sidebar .versions .version .date {
  font-size: 0.7rem;
}

body.document-view > .wrapper > .sidebar .versions .version .index {
  position: absolute;
  text-align: right;
  color: #d4d7d9;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

body.document-view > .wrapper > .sidebar .versions .version .live {
  background-color: #32b76d;
  color: white;
  padding: 2px 5px;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 0.6rem;
  border-radius: 3px;
}

body.document-view > .wrapper > .sidebar .versions .version .draft {
  background-color: #ed7f0e;
  color: white;
  padding: 2px 5px;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: 0.6rem;
  border-radius: 3px;
}

body.document-view > .wrapper > .sidebar .versions .version.live a {
  color: #32b76d;
}

body.document-view > .wrapper > .sidebar .versions .version.current a {
  font-weight: bold;
  color: #ed7f0e;
}

body.document-view > .wrapper > .sidebar .versions .version + .version {
  border-top: 1px solid #e3e3e3;
}

body.document-view > .wrapper > .document-wrapper {
  padding: 60px 0 0 35%;
  background-color: #f7fcff;
}

body.document-view > .wrapper > .document-wrapper .doc-header {
  position: fixed;
  top: 60px;
  background-color: #001f30;
  padding: 25px;
  padding-top: 40px;
  right: 0;
  left: 35%;
}

body.document-view > .wrapper > .document-wrapper .doc-header:before {
  content: "";
  left: 0;
  top: 45px;
  bottom: 0;
  background-color: #021018;
  box-shadow: 6px 0 10px -1px black;
  width: 5px;
  position: absolute;
}

body.document-view > .wrapper > .document-wrapper .doc-header h1 {
  font-size: 1.65rem;
  margin: 0 0 5px 0;
  font-family: "Open Sans", serif;
  font-weight: bold;
  color: white;
}

body.document-view > .wrapper > .document-wrapper .doc-header .subdata {
  margin: 10px 0 0 0;
}

body.document-view > .wrapper > .document-wrapper .doc-header .subdata .serialnumber {
  color: #00a6ff;
  font-weight: bold;
  font-size: 1.2rem;
  margin-right: 10px;
}

body.document-view > .wrapper > .document-wrapper .doc-header .subdata .own-serial {
  background-color: #3a7799;
  padding: 4px 12px;
  margin-right: 10px;
  border-radius: 3px;
  color: white;
}

body.document-view > .wrapper > .document-wrapper .doc-header .subdata .version {
  font-weight: bold;
  color: #ed7f0e;
  font-size: 1rem;
}

body.document-view > .wrapper > .document-wrapper .doc-header .subdata .prev-version {
  float: right;
  text-align: right;
  color: #DC3545;
}

body.document-view > .wrapper > .document-wrapper .doc-header .subdata .prev-version i {
  font-size: 1rem;
  vertical-align: text-bottom;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions > div {
  background-color: #64747c;
  line-height: 30px;
  margin: 0 2px;
  font-size: 0.85rem;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions > div a {
  display: block;
  padding: 0 8px;
  line-height: 30px;
  color: white;
  text-decoration: none;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions .download {
  background-color: #34af6a;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions .copy {
  flex-basis: 40px;
  background-color: transparent;
  text-align: center;
  cursor: pointer;
  transition: transform .4s;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions .copy:hover {
  transform: scale(1.2);
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions i {
  font-size: 1.2rem;
  vertical-align: sub;
  color: #f3f8fb;
}

body.document-view > .wrapper > .document-wrapper .doc-header .actions i.copied {
  color: #32b76d;
}

body.document-view > .wrapper > .document-wrapper .contents {
  padding: 60px 25px 25px 25px;
  font-size: 1.1rem;
  line-height: 1.5;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview {
  box-shadow: -5px -10px 25px -22px #b3bec5;
  border-top: 1px solid white;
  margin: 15px -25px -25px -25px;
  padding: 15px 25px 25px 25px;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview h3 {
  margin: 0 0 15px 0;
  color: #a6becd;
  font-weight: 300;
  font-size: 1.8rem !important;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version {
  opacity: 0.5;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version strong {
  background-color: transparent;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .head {
  background-color: #e7f1f7;
  border-radius: 5px;
  padding: 10px;
  margin: 0px 0;
  font-size: 0.9rem;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .head strong {
  color: #0076B5;
  font-size: 1.15rem;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .head .type {
  font-weight: bold;
  margin-right: 5px;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .head .type i {
  margin-top: -12px;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .head .live {
  background-color: #32b76d;
  color: white;
  padding: 2px 4px;
  margin-left: 5px;
  border-radius: 3px;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .c {
  padding: 0 0 0 25px;
  display: none;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .c > .wrap {
  border-left: 4px solid #0076B5;
  padding: 10px;
  font-size: 0.8rem;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .c > .wrap ul, body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .c > .wrap li, body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version .c > .wrap ol {
  margin: 0 0 0 10px;
  padding: 0;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version.picked {
  opacity: 1;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version.picked .c {
  display: block;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version:last-child .type {
  display: none;
}

body.document-view > .wrapper > .document-wrapper .contents .versions-overview .version:last-child .c {
  display: none;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access {
  height: 100%;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access > .wrap {
  height: 100%;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access > .wrap .contents {
  height: 100%;
  background-color: #f7f7f7;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .doc-header {
  text-align: center;
  padding-bottom: 40px;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .doc-header .locker {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -35px;
  background-color: white;
  width: 75px;
  height: 75px;
  line-height: 75px;
  border-radius: 75px;
  text-align: center;
  z-index: 10;
  box-shadow: 0 15px 30px -20px black;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .doc-header .locker i {
  color: #cd1717;
  font-size: 40px;
  vertical-align: middle;
  margin-top: -4px;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .doc-header h1 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #0076B5;
  line-height: 1.6;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .doc-header .serialnumber {
  font-size: 1.1rem;
  font-weight: 300;
  color: #909fb2;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter {
  max-width: 550px;
  margin: 5rem auto;
  text-align: center;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter h2 {
  font-weight: bold;
  text-transform: uppercase;
  color: black;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter h2 + p {
  font-size: 1rem;
  color: #adadad;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap {
  border: 1px solid #efe9e9;
  padding: 25px;
  background-color: white;
  border-radius: 15px;
  margin: 20px 0;
  box-shadow: 0 12px 30px -24px black;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .title {
  font-weight: bold;
  font-size: 1.1rem;
  margin: 10px 0 5px 0;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .email {
  width: 85%;
  margin: 0 auto;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .email input[type=text] {
  font-size: 1.4rem;
  text-align: center;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-adder .pin {
  display: flex;
  align-items: center;
  width: 85%;
  margin: 0 auto;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-adder .pin > div {
  padding: 5px 10px;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-adder .pin input[type=text] {
  text-align: center;
  width: 100%;
  font-weight: bold;
  font-size: 2rem;
  line-height: 60px;
  padding: 0;
  background-color: #f1f1f1;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
}

body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-submit {
  margin-top: 20px;
}

.comparer {
  margin: 20px 0 0 0;
}

.comparer .title {
  font-size: 1.05rem;
  font-weight: bold;
}

.comparer .compare-wrapper {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 5px -5px 0 -5px;
}

.comparer .compare-wrapper > div {
  padding: 0 5px;
}

body.products .content h1 {
  color: #bfe2f5;
  font-weight: 300;
  font-family: "Open Sans", serif;
  text-transform: uppercase;
  font-size: 3.3rem;
  margin: 3rem 0 55px 0;
}

body.products .content h1.has-sub {
  margin: 3rem 0 15px 0;
}

body.products .content h1 + .subtitle {
  color: #5ea9dd;
  font-size: 0.9rem;
  margin: 0 0 21px 0;
}

body.products .content h1 + .subtitle i {
  font-size: 1.2rem;
  vertical-align: sub;
}

body.products .content h1 + .subtitle a, body.products .content h1 + .subtitle a:visited {
  color: #b7e0fd;
}

body.products .content .content-wrapper {
  background-color: white;
  border-radius: 25px;
  box-shadow: 0 10px 47px -26px black;
  min-height: 500px;
  /*transform: rotate(2deg);*/
}

body.products .content .content-wrapper > .wrap {
  padding: 60px 55px;
  /*transform: rotate(-2deg);*/
  color: #4a5154;
}

body.products .content .content-wrapper > .wrap > .products .product .more {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.products .content .content-wrapper > .wrap > .products .product .more .price {
  color: #32b76d;
}

body.products .content .content-wrapper > .wrap > .products .product .more i {
  font-size: 1.2rem;
  margin-right: 5px;
  vertical-align: sub;
  color: #32b76d;
}

body.products .content .content-wrapper > .wrap > .products .product + .product {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #e8ecf1;
}

.logo-selector {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-size: 0.8rem;
}

.logo-selector label {
  border: 1px solid #909fb2;
  border-radius: 5px;
  font-size: 0.9rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 3px;
  margin: 0 5px 0 0;
}

.logo-selector label .button {
  background-color: #909fb2;
  color: white;
  font-size: 0.8rem;
  padding: 5px;
  flex-basis: 150px;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 4px;
}

.logo-selector input[type=file]::file-selector-button {
  display: none;
}

.modification-list .ico-action, .company-list .ico-action {
  font-weight: bold;
}

.modification-list .ico-action i, .company-list .ico-action i {
  font-size: 1rem;
}

.modification-list .ico-action.action-edit, .company-list .ico-action.action-edit {
  color: #ed7f0e;
}

.modification-list .ico-action.action-create, .company-list .ico-action.action-create {
  color: #32b76d;
}

.modification-list .changehash, .company-list .changehash {
  font-size: 0.85rem;
  color: #bdbdbd;
}

.modification-list tr.modifylist, .company-list tr.modifylist {
  display: none;
}

.modification-list .modify-list-items, .company-list .modify-list-items {
  background-color: #f0f3f5;
}

.modification-list .modify-list-items > .wrapper, .company-list .modify-list-items > .wrapper {
  padding: 15px;
}

.modification-list .modify-list-items > .wrapper h4, .company-list .modify-list-items > .wrapper h4 {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.modification-list .modify-list-items > .wrapper table, .company-list .modify-list-items > .wrapper table {
  background-color: white;
  border: 1px solid white;
}

.modification-list .modify-list-items > .wrapper table thead td, .company-list .modify-list-items > .wrapper table thead td, .modification-list .modify-list-items > .wrapper table thead th, .company-list .modify-list-items > .wrapper table thead th {
  background-color: #e0e3e7;
  color: #5b5c5c;
}

.modification-list .modify-list-items > .wrapper table td, .company-list .modify-list-items > .wrapper table td, .modification-list .modify-list-items > .wrapper table th, .company-list .modify-list-items > .wrapper table th {
  padding: 10px;
}

.modification-list .modify-list-items > .wrapper table tbody, .company-list .modify-list-items > .wrapper table tbody {
  font-size: 0.8rem;
}

.modification-list .modify-list-items > .wrapper table tbody tr > td, .company-list .modify-list-items > .wrapper table tbody tr > td,
.modification-list .modify-list-items > .wrapper table tbody tr > th,
.company-list .modify-list-items > .wrapper table tbody tr > th {
  border-top: 1px solid #e2e5e7;
}

.modification-list .modify-list-items > .wrapper table tbody .title, .company-list .modify-list-items > .wrapper table tbody .title {
  color: black;
  font-weight: bold;
}

.modification-list .modify-list-items > .wrapper table tbody .old-value, .company-list .modify-list-items > .wrapper table tbody .old-value {
  color: #eb4444;
  width: 35%;
}

.modification-list .modify-list-items > .wrapper table tbody .new-value, .company-list .modify-list-items > .wrapper table tbody .new-value {
  color: #2dab2d;
  width: 35%;
}

.modification-list .modify-list-items > .wrapper table tbody > tr:first-child td, .company-list .modify-list-items > .wrapper table tbody > tr:first-child td, .modification-list .modify-list-items > .wrapper table tbody > tr:first-child th, .company-list .modify-list-items > .wrapper table tbody > tr:first-child th {
  border-top: none !important;
}

.company-list .logo {
  padding: 10px;
  text-align: center;
}

.company-list .modify-list-items > .wrapper {
  padding: 15px;
}

.company-list .referencia-leiras h4 {
  font-size: 1.1rem;
  font-weight: bold;
  margin: 0 0 10px 0;
}

.company-list .referencia-leiras .ref-cont {
  padding: 10px;
  background-color: white;
  margin: 10px 0;
  white-space: initial;
  border-radius: 5px;
}

.company-list .referencia-leiras .ref-cont p {
  margin: 2px 0;
}

.referencia-lista > .wrapper {
  padding: 25px;
  font-size: 0.9rem;
}

.referencia-lista > .wrapper .list > article > .wrap {
  display: flex;
}

.referencia-lista > .wrapper .list > article > .wrap > .logo {
  padding: 0;
  text-align: center;
  flex-basis: 120px;
}

.referencia-lista > .wrapper .list > article > .wrap > .logo img {
  max-width: 120px;
  width: 120px;
}

.referencia-lista > .wrapper .list > article > .wrap > .data {
  padding: 0 0 0 15px;
  flex: 1;
}

.referencia-lista > .wrapper .list > article > .wrap > .data h3 {
  color: #0076B5;
}

.referencia-lista > .wrapper .list > article > .wrap > .data .web i {
  font-size: 1rem;
  vertical-align: sub;
  margin-right: 4px;
}

.referencia-lista > .wrapper .list > article > .wrap > .data .web a, .referencia-lista > .wrapper .list > article > .wrap > .data .web a:visited {
  color: #909fb2;
  text-decoration: none;
}

.referencia-lista > .wrapper .list > article > .wrap > .data .desc {
  margin-top: 10px;
}

.referencia-lista > .wrapper .list article + article {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 3px solid #f1f3f7;
}

body.general-settings form .mdc-input-wrapper {
  padding: 0 !important;
}

body.general-settings form .mdc-input-wrapper h5 {
  font-weight: bold;
  color: #909fb2;
  margin: 0 0 8px 0;
  font-size: 1.1rem;
}

body.general-settings form .mdc-input-wrapper h5 + .desc {
  margin: 0 0 10px 0;
  font-size: 0.9rem;
  color: #b9c0c7;
  font-style: italic;
}

body.single-product .more-details {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body.single-product .more-details .price {
  color: #32b76d;
}

body.single-product .more-details .price i {
  font-size: 1.2rem;
  margin-right: 5px;
  vertical-align: sub;
  color: #32b76d;
}

body.single-product .more-details .link i {
  font-size: 1.4rem;
  margin-right: 5px;
  vertical-align: sub;
  color: #0076B5;
}

body.gyik .content > .wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

body.gyik .content > .wrapper > .header {
  text-align: center;
  margin-top: 2vw;
}

body.gyik .content > .wrapper > .header h1 {
  color: #909fb2;
  font-weight: bold;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}

body.logged-in header i {
  vertical-align: middle;
  font-size: 1.1rem;
  margin: 0 3px;
}

body.logged-in header .user {
  color: white;
  padding: 0 5px 0 20px;
}

md-dialog.version-pre-selector {
  max-width: 500px;
}

md-dialog.version-pre-selector .md-dialog-content {
  padding: 0 !important;
}

md-dialog.version-pre-selector .md-dialog-content .pre-header {
  background-color: #ededed;
  border-bottom: 1px solid #d6d9db;
  padding: 25px;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector {
  padding: 15px;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .title {
  text-align: center;
  font-weight: bold;
  font-size: 1.1rem;
  color: #c7c7c7;
  margin: 10px 0 15px 0;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper ul, md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li {
  list-style: none;
  margin: 0;
  padding: 0;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li {
  padding: 15px;
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #dbdbdb;
  line-height: 1.4;
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(180deg, #fdfdfd 0%, #ededed 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#FDFDFD', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(180deg, #fdfdfd 0%, #ededed 100%);
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li .title {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  color: #4987a7;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li .d {
  color: #5a5959;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li .next-version {
  margin-top: 10px;
  font-size: 0.8rem;
  color: #a19c9c;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li .next-version .contract-version, md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li .next-version .szerzodesek.adatlap .page-header h1 .version, .szerzodesek.adatlap .page-header h1 md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li .next-version .version {
  background-color: #f7984d;
  color: white;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li.selected {
  /* ff 3.6+ */
  /* safari 5.1+,chrome 10+ */
  /* opera 11.10+ */
  background: -o-linear-gradient(180deg, #004b72 0%, #013d5d 100%);
  /* ie 6-9 */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013D5D', endColorstr='#004B72', GradientType=1 );
  /* ie 10+ */
  /* global 94%+ browsers support */
  background: linear-gradient(180deg, #004b72 0%, #013d5d 100%);
  color: white;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li.selected .title {
  color: #ffffff;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li.selected .d {
  color: #b1d3e5;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li.selected .next-version {
  color: #698b9d;
}

md-dialog.version-pre-selector .md-dialog-content .version-type-selector > .wrapper li + li {
  margin-top: 10px;
}

body.document-view .doc-header .sidebar-toggler {
  display: none;
  position: absolute;
  left: 15px;
  top: 42px;
  border: 1px solid #35454e;
  border-radius: 10px;
  padding: 10px;
}

body.document-view .doc-header .sidebar-toggler i {
  color: #6d9ab3;
}

@media screen and (max-width: 1600px) {
  html, body {
    font-size: 1rem;
  }
  .szerzodesek .version-change-editor .label {
    left: -140px;
  }
}

@media all and (max-width: 1240px) {
  .szerzodesek.adatlap .content-wrapper .side-access.show {
    position: fixed;
    top: 170px;
    right: 30px;
    min-height: 50%;
    background: #f3f3f3;
    box-shadow: 0 5px 120px -15px #bfc9cf;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid white;
  }
  .szerzodesek.adatlap .content-wrapper .side-access .header .group {
    flex-wrap: wrap;
  }
  .szerzodesek.adatlap .content-wrapper .side-access .header .group .h,
  .szerzodesek.adatlap .content-wrapper .side-access .header .group .bt {
    flex-basis: 100%;
  }
  .szerzodesek.adatlap .content-wrapper .side-access .header .group .bt {
    padding-top: 4px;
  }
  .szerzodesek.adatlap .content-wrapper .side-access .header {
    border-top: none;
  }
  .szerzodesek.adatlap .content-wrapper .side-modify .btn.accesscloser {
    right: 4px;
  }
  .szerzodesek.adatlap .content-wrapper .side-access .fix-closer {
    display: block;
  }
  .szerzodesek.adatlap .content-wrapper .side-modify .btn.accesscloser {
    display: none !important;
  }
}

@media all and (max-width: 1024px) {
  html, body {
    font-size: 1.1rem;
  }
  .szerzodesek .version-change-editor .label {
    left: -165px;
    top: 157px;
  }
  body.ceges-felhasznalok table th {
    width: initial !important;
  }
  .login-block .form-holder .forgot-password-link a,
  .login-block .form-holder .remember-checkbox {
    font-size: 0.75rem;
  }
  .login-block .form-holder .remember-checkbox {
    font-size: 0.85rem;
  }
  header > .wrapper > .menu-tgl > .wrapper:hover .text {
    display: none !important;
  }
  header > .wrapper > .menu-tgl > .wrapper i {
    font-size: 40px;
  }
  header > .wrapper > .menu-tgl > .wrapper i {
    pointer-events: none;
  }
  .page-header h1 {
    font-size: 2rem;
  }
  .page-header h1 + .desc {
    font-size: 1.1rem;
  }
  .mdc-data-table {
    overflow-y: auto;
    max-width: 100%;
  }
  .mdc-data-table table {
    width: 1400px;
  }
  body.ceges-felhasznalok .invited-users tbody th {
    padding: 10px;
  }
  body.gyik .content > .wrapper {
    max-width: 870px;
  }
  body.document-view header .menu ul {
    display: none !important;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header h1 {
    font-size: 1.2rem;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header .subdata .serialnumber {
    font-size: 1rem;
  }
  body.document-view > .wrapper > .sidebar .group > .wrap .inside {
    font-size: 0.72rem !important;
  }
  body.document-view > .wrapper > .document-wrapper .contents {
    font-size: 0.95rem !important;
  }
}

/* DOC responsives */
@media all and (min-width: 1600px) {
  body.document-view > .wrapper > .sidebar {
    width: 415px !important;
  }
  body.document-view > .wrapper > .document-wrapper {
    padding-left: 415px !important;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header {
    left: 415px !important;
  }
  body.document-view .footer {
    left: 0;
    right: calc(100% - 415px);
  }
}

@media all and (max-width: 1200px) {
  body.document-view > .wrapper > .sidebar {
    width: 415px !important;
  }
  body.document-view > .wrapper > .document-wrapper {
    padding-left: 415px !important;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header {
    left: 415px !important;
  }
  body.document-view .footer {
    left: 0;
    right: calc(100% - 415px);
  }
  body.public-layout header > .wrapper {
    max-width: 1024px !important;
    width: 1024px !important;
    flex-wrap: wrap;
  }
  body.public-layout header > .wrapper > .menu {
    order: 2;
    flex-basis: 100%;
  }
  body.public-layout header > .wrapper > .logo {
    flex-basis: calc(100% - 300px);
    text-align: left;
  }
  body.public-layout header > .wrapper > .buttons {
    flex-basis: 300px;
  }
  body.public-layout header > .wrapper > .logo img {
    max-height: 56px;
    width: auto;
    max-width: initial;
    text-align: left;
    position: relative;
    left: initial;
    top: initial;
    transform: none;
  }
  .pw,
  body.oldal.read > .content {
    width: 100%;
    max-width: 100%;
  }
  body.oldal.read > .content {
    padding: 0 15px;
  }
  body.public-layout .menu ul li > a {
    font-size: 0.75rem;
  }
  body.public-layout .footer > .wrapper {
    width: 100%;
    max-width: 100%;
  }
  .auth-adv-wrapper > .form {
    padding: 10px;
  }
  .auth-adv-wrapper > .adv-place {
    flex-basis: 25%;
  }
  .auth-adv-wrapper > .form {
    flex-basis: 50%;
  }
  body > .content {
    padding: 0 15px;
  }
  body.products .content h1 {
    margin-top: 30px;
  }
  body.public-layout header {
    height: auto !important;
    max-height: initial !important;
  }
  .auth-adv-wrapper {
    margin: 0;
  }
}

@media all and (max-width: 870px) {
  body.public-layout header > .wrapper {
    max-width: 100% !important;
    width: 100% !important;
    flex-wrap: wrap;
  }
  body.public-layout.login-singlepage header > .wrapper {
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
  }
  body.document-view > .wrapper > .document-wrapper {
    padding-left: 300px !important;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header {
    left: 300px !important;
  }
  body.gyik .content > .wrapper {
    max-width: 100%;
  }
  .page-header {
    margin: 0 !important;
  }
  body.tasks .draft-check > .wrapper .draft-item-info a {
    font-size: 0.85rem !important;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action {
    display: flex;
    flex-wrap: nowrap;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action button {
    outline: none !important;
    cursor: pointer;
    padding: 15px 2px;
    font-size: 0.95rem !important;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action button i {
    font-size: 0.9rem !important;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action button:first-child {
    flex-basis: 60%;
    border-radius: 5px 0 0 5px;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft > .wrap .action button:last-child {
    flex-basis: 40%;
    border-radius: 0 5px 5px 0;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft {
    padding-left: 0;
  }
  body.tasks .draft-check > .wrapper .draft-list .draft > .wrap {
    padding: 10px;
  }
  .draft-prev,
  .placeholder-loading {
    width: 100%;
    margin: 10px 0 20px 0;
    font-size: 0.78rem !important;
  }
  .draft-prev .text {
    font-size: 0.78rem;
  }
  body.ceges-felhasznalok .wb.info-block .block-head h3 {
    font-size: 1.2rem !important;
  }
  body.ceges-felhasznalok .invited-users span.labels.label-user-registered {
    display: block;
    margin: 5px 0 0 0;
    padding: 2px 5px;
  }
  .on-mobile {
    display: block;
  }
  html, body {
    font-size: 1rem;
  }
  body.login-singlepage .login-block:not(.no-abs), body.login-singlepage .login-auth-block, body.login-singlepage .register-block:not(.no-abs), body.login-singlepage .verify-block {
    max-width: 90%;
    width: 90%;
  }
  .login-block .head,
  .register-block .head,
  .login-auth-block .head,
  .verify-block .head {
    padding: 2rem 1rem;
  }
  .login-block .form-holder,
  .register-block .form-holder,
  .login-auth-block .form-holder,
  .verify-block .form-holder {
    padding: 2rem;
  }
  .login-block .form-holder .forgot-password-link,
  .register-block .form-holder .forgot-password-link,
  .login-auth-block .form-holder .forgot-password-link,
  .verify-block .form-holder .forgot-password-link {
    text-align: left;
  }
  .login-block .form-holder .forgot-password-link {
    padding: 0 18px;
  }
  .login-block .form-holder .remember-checkbox {
    padding: 0;
  }
  .login-block .errors {
    font-size: 0.79rem;
  }
  .dropdown-item {
    padding: 1.1rem 1rem;
  }
  .content-holder > .sidebar {
    flex-basis: 90%;
    min-width: 0%;
  }
  .content-holder > .sidebar.collapsed {
    flex-basis: 0px;
  }
  header > .wrapper > .account > .wrapper .user {
    display: none;
  }
  header > .wrapper > .companies {
    padding: 0 10px 0 0;
  }
  header > .wrapper > .menu-tgl > .wrapper {
    height: 57px;
    border-radius: 0;
  }
  header > .wrapper > .account > .wrapper .face {
    padding-right: 0;
  }
  header > .wrapper > .menu-tgl {
    padding: 0 10px 0 0;
  }
  .content-holder > .sidebar {
    background-color: #2b2e31;
  }
  .sidebar ul.menu.group-title, .sidebar ul.menu li.group-title {
    color: #595959;
    background: #27292d;
  }
  .sidebar ul.menu a, .sidebar ul.menu li a {
    padding: 10px 10px 10px 15px;
    font-size: 1.1rem;
  }
  .sidebar ul.menu i, .sidebar ul.menu li i {
    width: 34px;
    font-size: 26px;
    vertical-align: text-bottom;
  }
  .page-header {
    flex-wrap: wrap;
  }
  .page-header > .title {
    flex-basis: 100%;
    order: 2;
  }
  .page-header > .addition {
    flex-basis: 100%;
  }
  .page-breadcrumb {
    text-align: left;
  }
  .page-header h1 i {
    font-size: 2rem;
  }
  .page-header h1 {
    font-size: 1.78rem;
  }
  .page-header h1 + .desc {
    font-size: 0.8rem;
    padding: 0;
  }
  .page-header .header-adder-btns {
    display: none;
  }
  body.document-view > .wrapper > .sidebar {
    position: fixed;
    z-index: 100;
    top: 180px;
    left: 0;
    right: 0;
    display: none;
    padding-top: 0 !important;
  }
  body.document-view > .wrapper > .sidebar.opened {
    display: block;
    overflow-x: auto;
  }
  body.document-view > .wrapper > .document-wrapper {
    padding-left: 0 !important;
    padding-bottom: 65px;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header {
    left: 0 !important;
    background-color: #021520;
  }
  body.document-view .footer {
    left: 0;
    right: 0;
    background-color: white;
    border-top: 1px solid #dce1e5;
    box-shadow: 0 -10px 20px -10px rgba(100, 105, 108, 0.18);
  }
  body.document-view .doc-header .sidebar-toggler {
    display: block;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header {
    padding-left: 80px !important;
  }
  body.logged-in header .user {
    white-space: nowrap;
  }
  body.document-view .footer.goback {
    position: relative !important;
    z-index: 1 !important;
  }
  .show-on-mobile {
    display: block;
  }
  body.document-view.auth-required > .wrapper > .document-wrapper.ungranted-access .doc-header {
    padding: 2rem 2rem 40px 2rem !important;
    line-height: 1.2 !important;
  }
}

@media all and (max-width: 480px) {
  body.document-view > .wrapper > .sidebar {
    width: auto !important;
  }
  body.document-view header > .wrapper .buttons {
    display: none;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header {
    padding: 10px;
    padding-top: 43px;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header h1 {
    font-size: 1rem;
    height: 40px;
    overflow: hidden;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header .subdata .serialnumber {
    font-size: 0.85rem;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header .subdata {
    margin-top: 5px;
  }
  body.document-view > .wrapper > .sidebar .group:not(.versions) > .wrap .inside {
    font-size: 1rem !important;
    padding: 12px 15px !important;
  }
  body.document-view > .wrapper > .sidebar .versions .version {
    padding: 10px 22px;
  }
  body.document-view > .wrapper > .sidebar .group > .wrap .inside .row + .row {
    margin-top: 10px;
  }
  body.document-view > .wrapper > .sidebar .group > .wrap .inside .row > div:first-child {
    color: #a7b0b5;
  }
  body.document-view.auth-required .footer {
    display: none;
  }
  body.document-view.auth-required > .wrapper > .document-wrapper.ungranted-access .doc-header {
    padding: 1rem 1rem 40px 1rem !important;
  }
  body.document-view > .wrapper > .document-wrapper.ungranted-access .doc-header h1 {
    height: auto !important;
    line-height: 1.2 !important;
  }
  body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-adder .pin {
    width: 100%;
  }
  body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-adder .pin input[type=text] {
    line-height: 55px;
  }
  body.document-view > .wrapper > .document-wrapper.ungranted-access .granter > .wrap .pin-adder .pin > div {
    padding: 5px;
  }
  body.document-view.auth-required header > .wrapper .buttons {
    display: block !important;
  }
  body.document-view.auth-required header > .wrapper .buttons a {
    font-size: 0.7rem;
  }
  body.document-view.auth-required header > .wrapper .logo {
    flex-basis: 40% !important;
  }
  body.document-view:not(.auth-required) header > .wrapper {
    padding: 0 !important;
  }
  body.document-view:not(.auth-required) header > .wrapper .logo {
    flex-basis: 100% !important;
  }
  body.document-view > .wrapper > .document-wrapper .doc-header .actions > div a {
    font-size: 0.7rem;
  }
  body.document-view:not(.logged-in) header > .wrapper .logo img {
    width: 40% !important;
  }
  body.login-singlepage .login-block:not(.no-abs), body.login-singlepage .login-auth-block, body.login-singlepage .register-block:not(.no-abs), body.login-singlepage .verify-block {
    width: 100%;
    max-width: 100%;
  }
  .auth-adv-wrapper > .form {
    flex-basis: 100%;
    order: 1;
  }
  .auth-adv-wrapper > .adv-place.place-left {
    order: 2;
    flex-basis: 100%;
  }
  .auth-adv-wrapper > .adv-place.place-right {
    order: 2;
    flex-basis: 100%;
  }
  body.public-layout .menu ul li {
    flex-basis: 100%;
  }
  body.public-layout .menu ul li > a {
    font-size: 1rem;
    text-align: center;
  }
  body.public-layout .footer {
    padding: 0 15px;
  }
  body.public-layout.login-singlepage header {
    margin: 0 !important;
  }
  body.public-layout header > .wrapper > .logo {
    flex-basis: calc(100% - 68px);
  }
  body.public-layout:not(.login-singlepage) header > .wrapper .menu-toggler i {
    color: #0076B5;
  }
  body.login-singlepage:before {
    border-top: 39px solid #0076b5;
  }
  body.public-layout.login-singlepage header > .wrapper > .logo {
    padding: 3px 10px 95px 10px;
  }
  body.public-layout header > .wrapper > .logo img {
    height: 45px;
  }
  body.public-layout header > .wrapper > .menu {
    display: none;
  }
  body.public-layout header > .wrapper > .menu.opened {
    display: block !important;
  }
  body.public-layout.login-singlepage header > .wrapper > .buttons {
    padding: 55px 15px 15px 15px;
    text-align: right;
  }
  body.public-layout:not(.login-singlepage) header > .wrapper > .buttons {
    display: none;
  }
  body.public-layout:not(.login-singlepage) header > .wrapper > .menu.opened {
    border-top: 1px solid #d6e5ed;
    border-bottom: 1px solid #d6e5ed;
    background: #f9fbff;
    padding: 10px 0;
  }
  body.public-layout:not(.login-singlepage) header > .wrapper > .menu.opened + .buttons {
    display: block;
    padding-top: 20px;
  }
  body.public-layout.login-singlepage header > .wrapper > .menu li > a {
    color: #0c4d70;
    text-align: right;
  }
  body.public-layout header > .wrapper > .buttons {
    flex-basis: 100%;
    order: 10;
    text-align: center;
  }
  body.products .content h1 {
    color: #0076b5;
    font-size: 9vw;
    margin: 1rem 0;
  }
  body.products .content h1 + .subtitle a, body.products .content h1 + .subtitle a:visited {
    color: #596c76;
  }
  body.products .content .content-wrapper > .wrap {
    padding: 15px;
  }
  body.single-product .more-details {
    flex-wrap: wrap;
  }
  body.single-product .more-details .price {
    padding: 10px 0;
    font-size: 1.2rem;
  }
  body.products .content h1.has-sub {
    margin: 1rem 0;
  }
  .referencia-lista > .wrapper .list > article > .wrap > .logo {
    flex-basis: 100%;
    text-align: left;
    padding: 0 0 15px 0;
  }
  .referencia-lista > .wrapper .list > article > .wrap > .data {
    padding: 0;
  }
  .referencia-lista > .wrapper {
    padding: 0;
  }
  .referencia-lista > .wrapper .list > article > .wrap {
    flex-wrap: wrap;
  }
  .contact-form > .wrapper .inp.name, .contact-form > .wrapper .inp.company, .contact-form > .wrapper .inp.email, .contact-form > .wrapper .inp.phone {
    flex-basis: 100%;
  }
  .contact-form > .wrapper {
    padding: 0;
  }
}
/*# sourceMappingURL=master.css.map */