/*
    /* basic colors 

    E21418 – main red
    B51600 – main red hover
    111111 - dark
    F4F2ED – background color

    1280px site width
*/


@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-thinitalic-webfont.3053989.eot");
    src: url("../media/fonts/averta-thinitalic-webfont.3053989.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-thinitalic-webfont.9b47b7e.woff) format("woff"), url(../media/fonts/averta-thinitalic-webfont.6f279d6.ttf) format("truetype");
    font-style: italic;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-thin-webfont.b1a896d.eot");
    src: url("../media/fonts/averta-thin-webfont.b1a896d.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-thin-webfont.2a971d3.woff) format("woff"), url(../media/fonts/averta-thin-webfont.9431e5f.ttf) format("truetype");
    font-style: normal;
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-extrathinitalic-webfont.895ea73.eot");
    src: url("../media/fonts/averta-extrathinitalic-webfont.895ea73.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-extrathinitalic-webfont.ace707a.woff) format("woff"), url(../media/fonts/averta-extrathinitalic-webfont.408f96b.ttf) format("truetype");
    font-style: italic;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-extrathin-webfont.1ccdaa5.eot");
    src: url("../media/fonts/averta-extrathin-webfont.1ccdaa5.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-extrathin-webfont.fb461a6.woff) format("woff"), url(../media/fonts/averta-extrathin-webfont.c47dbee.ttf) format("truetype");
    font-style: normal;
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-lightitalic-webfont.d725d2b.eot");
    src: url("../media/fonts/averta-lightitalic-webfont.d725d2b.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-lightitalic-webfont.3d1d360.woff) format("woff"), url(../media/fonts/averta-lightitalic-webfont.08492a7.ttf) format("truetype");
    font-style: italic;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-light-webfont.df18d81.eot");
    src: url("../media/fonts/averta-light-webfont.df18d81.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-light-webfont.606fe39.woff) format("woff"), url(../media/fonts/averta-light-webfont.616203c.ttf) format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-regularitalic-webfont.83464f2.eot");
    src: url("../media/fonts/averta-regularitalic-webfont.83464f2.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-regularitalic-webfont.b3ad97e.woff) format("woff");
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-regular-webfont.eca5880.eot");
    src: url("../media/fonts/averta-regular-webfont.eca5880.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-regular-webfont.5dd8325.woff) format("woff"), url(../media/fonts/averta-regular-webfont.45a8fd3.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-semibolditalic-webfont.6667a7e.eot");
    src: url("../media/fonts/averta-semibolditalic-webfont.6667a7e.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-semibolditalic-webfont.1f60149.woff) format("woff"), url(../media/fonts/averta-semibolditalic-webfont.6a7937c.ttf) format("truetype");
    font-style: italic;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-semibold-webfont.78fc1a3.eot");
    src: url("../media/fonts/averta-semibold-webfont.78fc1a3.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-semibold-webfont.6ab9367.woff) format("woff");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-semibolditalic-webfont.6667a7e.eot");
    src: url("../media/fonts/averta-semibolditalic-webfont.6667a7e.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-semibolditalic-webfont.1f60149.woff) format("woff"), url(../media/fonts/averta-semibolditalic-webfont.6a7937c.ttf) format("truetype");
    font-style: italic;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-semibold-webfont.78fc1a3.eot");
    src: url("../media/fonts/averta-semibold-webfont.78fc1a3.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-semibold-webfont.6ab9367.woff) format("woff"), url(../media/fonts/averta-semibold-webfont.41bd5c5.ttf) format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-bolditalic-webfont.a1d511d.eot");
    src: url("../media/fonts/averta-bolditalic-webfont.a1d511d.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-bolditalic-webfont.705a109.woff) format("woff"), url(../media/fonts/averta-bolditalic-webfont.76ec683.ttf) format("truetype");
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-bold-webfont.eb6d2d1.eot");
    src: url("../media/fonts/averta-bold-webfont.eb6d2d1.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-bold-webfont.c99c830.woff) format("woff"), url(../media/fonts/averta-bold-webfont.0af8786.ttf) format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-extrabolditalic-webfont.96875cb.eot");
    src: url("../media/fonts/averta-extrabolditalic-webfont.96875cb.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-extrabolditalic-webfont.a53d226.woff) format("woff"), url(../media/fonts/averta-extrabolditalic-webfont.de2698a.ttf) format("truetype");
    font-style: italic;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-extrabold-webfont.1afc8d0.eot");
    src: url("../media/fonts/averta-extrabold-webfont.1afc8d0.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-extrabold-webfont.e94972c.woff) format("woff"), url(../media/fonts/averta-extrabold-webfont.181aa66.ttf) format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-blackitalic-webfont.d1613e5.eot");
    src: url("../media/fonts/averta-blackitalic-webfont.d1613e5.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-blackitalic-webfont.be77cb8.woff) format("woff"), url(../media/fonts/averta-blackitalic-webfont.370d228.ttf) format("truetype");
    font-style: italic;
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: Averta;
    src: url("../media/fonts/averta-black-webfont.d64c74a.eot");
    src: url("../media/fonts/averta-black-webfont.d64c74a.eot?#iefix") format("embedded-opentype"), url(../media/fonts/averta-black-webfont.ad93af6.woff) format("woff"), url(../media/fonts/averta-black-webfont.94318e7.ttf) format("truetype");
    font-style: normal;
    font-weight: 900;
    font-display: swap;
}

body {
    font-family: Averta, Arial, sans-serif !important;
    font-size: 120% !important;
    color: #4a4a4a !important;
    background-color: #F4F2ED !important;
}

h1 {
    display: block;
    font-size: 2.2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

h2 {
    display: block;
    font-size: 1.5em;
    line-height: 3em;
    font-weight: 400;
}

h3 {
    display: block;
    font-size: 1.17em;
    line-height: 1.5em;
    font-weight: 700;
}

p {
    color: #4a4a4a !important;
    margin-bottom: 1.5em;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    /* background-color: #ee416b!important; */
    background-color: var(--bs-primary) !important;
    /* border-color: #ee416b !important; */
    border-color: var(--bs-primary) !important;
}

a.azpromo:hover {
    /* color: #ee416b!important; */
    color: var(--bs-primary) !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid #ee416b;
    font-weight: 600 !important;
}

a.azpromo {
    color: #000 !important;
    text-decoration: none !important;
    border-bottom: 0.5px solid #BEBEBE !important;
}


.subtitle {
    letter-spacing: .0071428571em !important;
    line-height: 0.1rem !important;
    margin-bottom: 1.5em !important;
    font-weight: 500 !important;
}

.datailtitle {
    letter-spacing: .0071428571em !important;
    line-height: 0.1rem !important;
    margin-bottom: 0.7em !important;
    font-weight: 500 !important;
}

.btn-xs {
    padding: .5rem 1rem !important;
    font-size: 1em !important;
    font-weight: 500 !important;
    border-radius: .2rem !important;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:visited {
    background-color: #EDF2F4 !important;
}

.lsp-lg {
    letter-spacing: 3px !important;
}

.lsp-md {
    letter-spacing: 1px !important;
}

/* Do not show the "remove tag" (x) button when only a single tag remains */
/* .tagify__tag:only-of-type .tagify__tag__removeBtn {
    display: none !important;
} */

.azcolor {
    background-color: var(--bs-primary) !important;
    color: white !important;
}

.azcolor-light {
    background-color: #f6cece !important;
    background-color: #fbc8c8 !important;
    color: #E31313 !important;
}

.toasttext {
    font-family: Averta, Arial, sans-serif !important;
    font-size: 120% !important;
}

.toasttitle {
    font-family: Averta, Arial, sans-serif !important;
    font-size: 130% !important;
}

/* cursors */
.cur_alias {
    cursor: alias;
}

.cur_all-scroll {
    cursor: all-scroll;
}

.cur_auto {
    cursor: auto;
}

.cur_cell {
    cursor: cell;
}

.cur_col-resize {
    cursor: col-resize;
}

.cur_context-menu {
    cursor: context-menu;
}

.cur_copy {
    cursor: copy;
}

.cur_crosshair {
    cursor: crosshair;
}

.cur_default {
    cursor: default;
}

.cur_e-resize {
    cursor: e-resize;
}

.cur_ew-resize {
    cursor: ew-resize;
}

.cur_grab {
    cursor: grab;
}

.cur_grabbing {
    cursor: grabbing;
}

.cur_help {
    cursor: help;
}

.cur_move {
    cursor: move;
}

.cur_n-resize {
    cursor: n-resize;
}

.cur_ne-resize {
    cursor: ne-resize;
}

.cur_nesw-resize {
    cursor: nesw-resize;
}

.cur_ns-resize {
    cursor: ns-resize;
}

.cur_nw-resize {
    cursor: nw-resize;
}

.cur_nwse-resize {
    cursor: nwse-resize;
}

.cur_no-drop {
    cursor: no-drop;
}

.cur_none {
    cursor: none;
}

.cur_not-allowed {
    cursor: not-allowed;
}

.cur_pointer {
    cursor: pointer;
}

.cur_progress {
    cursor: progress;
}

.cur_row-resize {
    cursor: row-resize;
}

.cur_s-resize {
    cursor: s-resize;
}

.cur_se-resize {
    cursor: se-resize;
}

.cur_sw-resize {
    cursor: sw-resize;
}

.cur_text {
    cursor: text;
}

.cur_w-resize {
    cursor: w-resize;
}

.cur_wait {
    cursor: wait;
}

.cur_zoom-in {
    cursor: zoom-in;
}

.cur_zoom-out {
    cursor: zoom-out;
}


/** begin::Top menu */
.menuframe {
    width: 100%;
    background-color: #333333;
}

.topmenu {
    min-height: 80px;
    max-height: 80px;
    background-color: #333333;
    font-size: 0.95em;
    font-weight: 500;
    max-width: 1280px;
    width: 100%;
    margin: auto;
      font-size: 16px;

}

.topmenu a,
.topmenu a:visited {
    color: #BEBEBE;
}

.topmenu a:hover,
.topmenu a:active {
    color: #FFF;
}

.menu-sub-dropdown a,
.menu-sub-dropdown a:visited {

    color: #333333;
    font-size: 0.95em;
}

.menu-sub-dropdown a:hover,
.menu-sub-dropdown a:active {

    color: var(--bs-primary) !important;
}

.topmenu a.active {
    color: #FCFCFC;
}

/** end::Top menu */

/** begin::Left menu */
.leftmenu {
    min-height: calc(100vh - 60px);
    /* 60px top menu correction */
}

.leftmenu a.active {

    border-left: 3px solid #E21418 !important;
}

.menu-hover-primary {
    color: var(--bs-primary) !important;
}

.border-primary {
    border-color: var(--bs-primary) !important;
}

.menu-section {
    color: #000 !important;
}

/** end::Left menu */

.mainbox {
    background-color: #F4F2ED;
    min-height: calc(100vh - 60px);
    /* 60 px top menu correction */
    max-width: 1280px !important;
    margin: auto;
    padding: 0;
    margin-top: 60px;
}

.mainbox-small {
    background-color: #F4F2ED;
    min-height: calc(100vh - 60px);
    /* 60 px top menu correction */
    max-width: 840px !important;
    margin: auto;
    padding: 0;
    margin-top: 60px;
}

.boxcontent {
    background-color: #ffffff;
    padding: 20px 30px;
}

.boxlogin {
    width: 380px;
    height: 400px;
    background-color: #ffffff;
}

.boxresetpasswd {
    width: 480px;
    height: 350px;
    background-color: #ffffff;
}

.boxinfo {
    background-color: #ffffff;
    padding: 10px 20px;
    margin: 0;
}

.logo-bck {
    background-position: right top;
    background-image: url('../images/logoframe.svg');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.reset-passwd-box {
    position: absolute;
    padding: 0 12px;
    top: 410px;
    /* based on .boxlogin height */
}


input[type='radio'],
input[type='checkbox'] {
    border-color: #BEBEBE !important;
}

.icon-link:hover,
.icon-link:active {
    color: #333 !important;
}

.icon-link,
.icon-link:visited {
    color: #787878 !important;
}

.partnertext {
    text-transform: uppercase;
    font-size: 0.6em !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 2em;
}

img.partnerbox {
    max-width: 200px;
    max-height: 100px;
    height: auto;
    width: auto;
}

.abeceda:hover,
.abeceda:active {

    background-color: #BEBEBE !important;
    color: #FFF;
}

.file-input {
    pointer-events: none;
    position: relative;
    overflow: hidden;
}

.file-input>* {
    pointer-events: none;
}

.file-input>input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: all;
    cursor: pointer;
    height: 100%;
    width: 100%;
}

/** begin::progressbar **/

.stepper-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 20px 150px 50px 150px;
}

.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    font-size: 0.9em;

    @media (max-width: 768px) {
        font-size: 12px;
    }
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    color: #fff;

    font-weight: 600;
}

.stepper-item.active .step-counter {

    background-color: #E21418;
}

.stepper-item.completed .step-counter {

    background-color: #E21418;
}

.stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #E21418;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}

.stepper-item:last-child::after {
    content: none;
}

/** end::progressbar **/

.bi-arrow-right-circle-fill:hover {
    color: #E21418 !important;
}