@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url("../fonts/RobotoCondensed-Regular-Cyrillic.woff2") format("woff2");
}

.uni_zaglavie {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.uni_button {
    height: 70px !important;
    width: 270px !important;
    background: url("uni_head_new.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: end !important;
}

.uni_button:hover {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background: url("uni_head_new_hover.png") !important;
}

.uni_button:hover :nth-child(n) {
    display: none !important;
}

.uni_button_body {
    display: flex !important;
    width: 180px !important;
}

.uni_button_body_left {
    display: flex !important;
    flex-direction: column !important;
}

.uni_button_body_right {
    flex: 1 !important;
    display: flex !important;
    justify-content: end !important;
    align-items: center !important;
    padding: 5px !important;
}

.uni_button_txt1 {
    color: white !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-shadow: 1px 1px #c70a00 !important;
    text-align: center !important;
}

.uni_button_txt2 {
    color: white !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-shadow: 1px 1px #c70a00 !important;
    text-align: center !important;
}

.uni_button_line {
    border-bottom: 1px solid white !important;
    margin-bottom: 2px !important;
}

.uni_button_without {
    height: 70px !important;
    width: 270px !important;
    background: url("uni_head_new_hover.png") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: end !important;
}

.uni_button_custom {
    cursor: pointer !important;
}

/* uni popup */
.modalpayment_uni {
    display: none;
    position: fixed !important;
    z-index: 999999 !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    background-color: rgb(0, 0, 0) !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
}

.modalpayment_content_uni {
    position: relative !important;
    background-color: #fefefe !important;
    margin: auto !important;
    padding: 0 !important;
    max-width: 50% !important;
    box-shadow:
        0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

.uni_body {
    padding: 0px !important;
    color: #696969 !important;
}

.uni_image {
    vertical-align: bottom !important;
    max-height: 100% !important;
    max-width: 100% !important;
}

.uni_title_head {
    width: 100%;
    padding: 8px 15px 5px 15px !important;
    color: #000000 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.uni_title {
    width: 100%;
    padding: 8px 15px 5px 15px !important;
    color: #000000 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    text-align: left !important;
}

.uni_title p {
    padding: 0px !important;
    margin: 5px 0px !important;
}

.uni_title p span {
    font-weight: 400 !important;
}

.uni_calc {
    width: max-content !important;
    max-width: 100% !important;
    align-self: flex-end !important;
    padding: 8px 25px 5px 15px !important;
    color: #000000 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    text-align: left !important;
}

.uni_calc_back {
    background-image: url("uni_arrow.png");
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: auto !important;
    width: 100% !important;
    display: flex !important;
}

.uni_calc_logo {
    flex-grow: 1 !important;
}

.uni_body_txt {
    padding: 20px !important;
}

/** uni grp container */
.uni_gpr_container {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    max-width: 100% !important;
    margin: 10px auto !important;
    border-radius: 14.5px 14.5px 80px 14.5px !important;
    padding: 10px !important;
    border: 2px solid #d4d4d8 !important;
    -webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
    box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
}

.uni_gpr_container_row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    column-gap: 100px !important;
    width: 100% !important;
    margin-bottom: 5px !important;
}

.uni_gpr_column {
    text-wrap: nowrap !important;
    flex-grow: 1 !important;
    color: black !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
}

.uni_gpr_column_right {
    color: black !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
}

.uni_red {
    color: #ed1c24 !important;
}

.uni_sub {
    font-size: 14px !important;
}

select.uni_txt_right {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #ed1c24 !important;
    border-left: 0px none white !important;
    border-top: 0px none white !important;
    border-right: 0px none white !important;
    border-bottom: 1px solid #b0b0b0 !important;
    background-color: white !important;
    width: 100% !important;
}

select.uni_txt_right:active,
select.uni_txt_right:focus {
    outline: none !important;
}

/** uni grp container */
.uni_panel_help_text {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    color: black !important;
    padding: 15px 0px 0px 0px !important;
}

.uni_buttons {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.uni_btn_primary {
    position: relative !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-align: center !important;
    background: #a1a1aa !important;
    color: #ed1c24 !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    padding: 0px !important;
    border-radius: 6px !important;
    text-shadow: 1px 1px #729696 !important;
}

.notify-badge {
    position: absolute !important;
    left: -10px !important;
    top: -10px !important;
    background-image: url("uni_logo.png") !important;
    background-repeat: no-repeat !important;
    border-radius: 20px;
    width: 40px !important;
    height: 40px !important;
    padding: 0px !important;
    z-index: 20 !important;
    box-shadow: 6px 6px 7px 0px rgba(105, 105, 105, 0.75) !important;
    -webkit-box-shadow: 6px 6px 7px 0px rgba(105, 105, 105, 0.75) !important;
    -moz-box-shadow: 6px 6px 7px 0px rgba(105, 105, 105, 0.75) !important;
}

.uni_btn_primary_inner {
    padding: 10px 25px !important;
    height: 100% !important;
    border: 3px solid #d4d4d8 !important;
    -webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
    box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
    border-radius: 6px !important;
    z-index: 10 !important;
    position: relative !important;
    top: 4px !important;
    left: 4px !important;
}

.uni_btn_primary_inner_text {
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    position: relative !important;
    top: -4px !important;
    left: -4px !important;
}

.uni_btn_seccondary {
    cursor: pointer !important;
    text-align: center !important;
    background: #a1a1aa !important;
    color: white !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    padding: 0px !important;
    border-radius: 6px !important;
    text-shadow: 1px 1px #729696 !important;
}

.uni_btn_seccondary_inner {
    padding: 10px 25px !important;
    height: 100% !important;
    border: 3px solid #d4d4d8 !important;
    -webkit-box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
    box-shadow: 1px 1px 1px 1px #f4f4f5 !important;
    border-radius: 6px !important;
    z-index: 10 !important;
    position: relative !important;
    top: 4px !important;
    left: 4px !important;
}

/* Етикети и компактен попъп по ширина на прозореца (не по User-Agent) */
.uni-popup-label-mobile {
    display: none !important;
}

@media (max-width: 767.98px) {
    .uni-popup-label-desktop {
        display: none !important;
    }

    .uni-popup-label-mobile {
        display: inline !important;
    }

    .modalpayment_content_uni {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    .uni_body {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .uni_body_txt {
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .uni_title_head {
        font-size: 16px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .uni_title {
        font-size: 14px !important;
        white-space: normal !important;
    }

    .uni_title p {
        margin: 0px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .uni_calc {
        width: 100% !important;
        padding: 8px 10px 5px 10px !important;
        font-size: 14px !important;
    }

    .uni_calc_back {
        background-image: none !important;
    }

    .uni_calc_logo {
        display: none !important;
    }

    .uni_gpr_container {
        width: 100% !important;
        border-radius: 14.5px !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important;
    }

    .uni_gpr_container_row {
        column-gap: 0 !important;
    }

    .uni_gpr_column {
        text-wrap: wrap !important;
        font-size: 16px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .uni_gpr_column_right {
        font-size: 16px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    select.uni_txt_right {
        font-size: 16px !important;
    }

    .uni_panel_help_text {
        font-size: 12px !important;
        padding: 15px 0px 20px 0px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    .uni_buttons {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 10px !important;
    }

    .uni_buttons > .uni_btn_seccondary,
    .uni_buttons > .uni_btn_primary {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .uni_btn_primary {
        font-size: 14px !important;
        border-radius: 3px !important;
    }

    .notify-badge {
        left: -5px !important;
        top: -5px !important;
        background-size: cover !important;
        border-radius: 12px !important;
        width: 24px !important;
        height: 24px !important;
    }

    .uni_btn_primary_inner {
        padding: 5px 25px !important;
        width: 100% !important;
        border: 2px solid #d4d4d8 !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
    }

    .uni_btn_seccondary {
        font-size: 14px !important;
        border-radius: 3px !important;
    }

    .uni_btn_seccondary_inner {
        padding: 5px 10px !important;
        width: 100% !important;
        border: 2px solid #d4d4d8 !important;
        border-radius: 3px !important;
        box-sizing: border-box !important;
    }
}

.uni_btn_seccondary_inner_text {
    width: 100% !important;
    height: 100% !important;
    z-index: 10 !important;
    position: relative !important;
    top: -4px !important;
    left: -4px !important;
}

/** checkout */
.uni_table {
    width: 100% !important;
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: black !important;
    padding: 0px !important;
    margin: 0px !important;
}

.uni_row_title {
    width: 60% !important;
    padding: 2px !important;
    background: transparent !important;
}

.uni_row_input {
    width: 40% !important;
    padding: 2px !important;
    background: transparent !important;
}

.uni_input {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    width: 100% !important;
    border: 1px solid #696969 !important;
    padding: 0px !important;
    margin: 0px !important;
    max-height: 22px !important;
}

.passive {
    background: #f5f5f5 !important;
}

.uni_row {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    padding: 2px !important;
    background: transparent !important;
}

.uni_btn_pre {
    cursor: pointer !important;
    text-align: center !important;
    border: 1px solid #708090 !important;
    background: #d20210 !important;
    color: white;
    width: 100px !important;
}

.uni_hr {
    border-top: 0px solid white !important;
    border-right: 0px solid white !important;
    border-bottom: 1px solid #dcdcdc !important;
    border-left: 0px solid white !important;
}

.uni_text_cc {
    text-align: right !important;
    font-size: 11px !important;
}

/** popup */
.uni-label-container {
    z-index: 999999 !important;
    position: fixed !important;
    top: calc(100% / 3 - 130px) !important;
    left: 122px !important;
    display: table !important;
    visibility: hidden;
}

.uni-label-text {
    width: 410px !important;
    height: 260px !important;
    color: #696969 !important;
    background: #f5f5f5 !important;
    display: table-cell !important;
    vertical-align: top !important;
    padding-left: 5px !important;
    border: 1px solid #d20210 !important;
    border-radius: 3px !important;
}

.uni-label-text > img {
    max-width: 400px !important;
    max-height: 140px !important;
}

.uni-label-text-a {
    text-align: center !important;
}

.uni-label-text-a a {
    color: #d20210 !important;
}

.uni-label-text-a a:hover {
    color: #d20210 !important;
    text-decoration: underline !important;
}

.uni-label-arrow {
    display: table-cell !important;
    vertical-align: middle !important;
    color: #f5f5f5 !important;
    opacity: 1 !important;
}

.uni_float {
    z-index: 999999 !important;
    position: fixed !important;
    width: 120px !important;
    height: 60px !important;
    top: calc(100% / 3 - 30px) !important;
    left: 0px !important;
    background-color: #ffffff !important;
    border-top: 1px solid #d20210 !important;
    border-right: 1px solid #d20210 !important;
    border-bottom: 1px solid #d20210 !important;
    color: #fff !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    text-align: center !important;
    box-shadow: 2px 2px 3px #999 !important;
    cursor: pointer !important;
}

.uni-my-float {
    margin-top: 12px !important;
}

/** responsive */
@media (max-width: 1199px) {
    .modalpayment_content_uni {
        max-width: 600px !important;
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}