label {
    color: var(--secundary-color);
    font-size: 16px;
    font-family: var(--secundary-font)
}

.labelFormatDate {
    color: var(--primary-color);
    z-index: 1
}

h3 {
    font-size: 25px !important
}

input {
    height: 55px;
    padding-left: 16px;
    text-align: left;
    border: 1px solid var(--primary-color);
    border-radius: 5px
}

.container .col-12, .container .col-3, .container .col-6, .container .col-9, .container .col-sm-3, .container .col-sm-6, .container .col-xs-12, .container .row, .row-data-3, .row-data2, data-card {
    padding-left: 0;
    padding-right: 0
}

.form-control-redeem {
    border: 1px solid #ced4da !important
}

.send-card button, .send-check button {
    padding: 14px 0 17px 16px !important
}

#fileInput {
    display: none
}

#input-order-date, #receiptTotal, #tip, #txtVoucher {
    border: 1px solid var(--primary-color) !important
}

#groupDate, .input-order {
    width: 233px
}

.row-data {
    margin-bottom: 230px
}

#creditAmount, #maxCred {
    margin-left: 23px
}

.fr .tooltip-global {
    margin-left: 1px !important
}

.toogle-button {
    display: inline-block;
    height: 20px;
    font-style: italic;
    font-size: 20px;
    color: var(--secundary-color);
    cursor: pointer
}

.panel-title {
    position: relative;
    margin-top: 21px;
    width: 290px
}

    .panel-title::after {
        margin-left: 5px;
        content: "\f107";
        top: 0;
        right: auto !important;
        position: absolute;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-style: normal;
        color: #82a0bc;
        padding: 2px 0 0 6px
    }

    .panel-title[aria-expanded=true]::after {
        content: "\f106"
    }

#grid-videos .col-12 {
    margin: 43px auto 52px;
    padding: 0 !important
}

.panel-heading {
    margin-top: 8px;
    border-bottom: solid 1.5px var(--color-0);
    width: 299px;
    opacity: .5
}

#collapseVideo {
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    -webkit-transition: height .5s;
    transition: height .5s;
    overflow: hidden
}

.dropdown {
    height: 55px;
    border: solid 1px var(--color-0) !important;
    border-radius: 5px;
    color: var(--color-0) !important;
    resize: none
}

    .dropdown .dropdown-toggle {
        text-transform: capitalize;
        text-align: left;
        font-size: 16px;
        color: var(--color-0);
        padding: 5px 10px 5px 5px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

        .dropdown .dropdown-toggle::after {
            position: absolute;
            right: 10px;
            top: 45%
        }

    .dropdown .dropdown-menu {
        width: 100%
    }

        .dropdown .dropdown-menu li a {
            color: var(--primary-color);
            font-size: 16px;
            white-space: normal;
            word-wrap: break-word
        }

.select-icon {
    position: absolute;
    top: 33%;
    left: 5px
}

.l-white, .l-white2 {
    width: 80%
}

.image-upload {
    margin-top: 0;
    margin-bottom: 0
}

    .image-upload-summary > input, .image-upload > input {
        visibility: hidden;
        width: 0;
        height: 0
    }

.title-min {
    margin-top: 152px
}

.title1 {
    margin: 50px 0 20px
}

#searchError2, .label-mar {
    margin-bottom: 9px
}

.input-file-pag {
    height: 18px !important;
    margin-top: -12px !important
}

.summary {
    background-color: var(--color-1);
    width: 369px;
    margin-top: 153px;
    position: fixed;
    z-index: 2;
    border-radius: 10px;
    box-shadow: 0 .5rem 1rem rgb(0 0 0 / 15%);
    color: var(--tertiary-color);
    left: 80%;
    transform: translateX(-50%)
}

.btn-vCode, .labelFormatDate, .panel-category {
    color: var(--primary-color)
}

.s-title {
    margin: 40px 0 44px;
    padding: 0
}

.row-summary {
    margin-left: 46px;
    max-width: 278px
}

.row-upload::after {
    content: "";
    width: 476px;
    height: 0;
    display: block;
    border-top: 1px solid #82a0BC46;
    margin-top: 0
}

.row-order {
    margin-top: 27px
}

.row-voucher {
    margin-top: 23px
}

.row-totSum {
    margin-top: 24px;
    margin-bottom: 57.8px
}

    .row-order p, .row-totSum p, .row-voucher p {
        margin-bottom: 12px
    }

.row-order::after, .row-voucher::after {
    content: "";
    width: 400px;
    height: 0;
    display: block;
    border-top: 1px solid #82a0BC46
}

.row-order::after {
    margin-top: 13px
}

.row-voucher::after {
    margin-top: 11px
}

.row-upload {
    margin-top: 0;
    height: 47.5px
}

.pad, .pad2 {
    margin: 20px 16px 0 0
}

.pad {
    max-width: 233px
}

.pad2 {
    max-width: 235px
}

.label-redem-check {
    margin-top: 6px
}

.div-gTotal, .div-maxCred {
    margin-top: 20px
}

.div-title2 {
    margin-top: 50px
}

.in-code {
    max-width: 434.24px
}

.tooltip-lost::before {
    bottom: 92%
}

.btn-vCode {
    border-radius: 100px;
    height: 51px;
    width: 51px;
    text-align: center;
    padding-top: 11px;
    background: var(--color-4) 0 0 no-repeat padding-box;
    box-shadow: 0 3px 6px #00000029;
    margin-left: 10.2px;
    border: 1px solid var(--color-4)
}

    .body-pre-body, .btn-vCode:hover {
        background: no-repeat padding-box #fff
    }

    .btn-vCode + .fa-angle-right {
        border: 5px solid var(--primary-color)
    }

#btnVoucherCode {
    padding-top: 10px
}

.spinner-btn-code {
    padding-top: 15px !important
}

.div-voucher-tot {
    margin: 0 0 50px
}

.div-enter, .div-title2 {
    margin-bottom: 20px !important
}

.div-voucher-dinamic {
    margin: 0 5px 2px 0
}

.head-voucher {
    width: 100%;
    max-height: 130px
}

.body-pre-body {
    height: 3.5px
}

.body-voucher {
    height: 204.4px;
    background: transparent radial-gradient(closest-side at 50% 50%,var(--bg-voucher-gradiant) 0,var(--bg-voucher) 100%) 0 0 no-repeat padding-box
}

.foot-voucher {
    height: 41.65px;
    background: no-repeat padding-box #fff
}

.body-voucher-check {
    height: 45.7px;
    width: 45.7px;
    transform: matrix(1,0,0,1,0,0);
    margin-top: -15%;
    border: 1px solid #fff
}

#fileError, .p-vCode {
    margin: 0
}

.foot-voucher img {
    max-height: 40px;
    margin-top: 1px;
    max-width: 80% !important;
    padding: 5px;
    margin-left: auto;
    margin-right: auto
}

.body-voucher .voucher-price {
    padding-top: 0;
    margin-bottom: 0
}

.p-vCode {
    padding-top: 22px
}

.p-vUsage {
    margin-bottom: 10px
}

.p-vRecipient, .vou-list-grand {
    margin-bottom: 5px
}

.p-vValid {
    margin-bottom: 6px;
    line-height: 13px
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23304D6D' stroke-linecap='round' stroke-linejoin='round' stroke-width='3.5' d='M3 11l5 3l9-9'/%3e%3c/svg%3e")
}

.form-check-input:checked {
    background-color: #fff;
    border-color: #fff
}

#dwlCard, #dwlCheck {
    overflow: auto;
    max-height: 343px
}

#icon-order-date {
    position: absolute;
    top: 17px;
    left: 10px;
    cursor: pointer;
    font-size: 18px
}

.labelFormatDate {
    margin-bottom: -50px !important;
    padding-top: 20px;
    position: absolute;
    text-align: left;
    font: medium 12px / 67px Montserrat;
    letter-spacing: 0;
    opacity: 1;
    padding-left: 45px !important
}

.icon-order-date {
    padding-left: 8px
}

#input-order-date {
    background-color: transparent !important;
    padding-left: 35px;
    text-align: left;
    cursor: pointer;
    padding-top: 6px;
    color: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    opacity: 1
}

.carousel-div-item:first-child, .carousel-div-item:last-child {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: transform 2s;
    opacity: 1
}

.carousel-fade .carousel-item {
    opacity: 1;
    transition-property: none
}

.panel-category {
    height: 24px;
    margin: 34px auto 14px;
    font-family: var(--secundary-font);
    font-size: 20px;
    line-height: 20px;
    opacity: 1
}

.multiple .carousel-inner .carousel-item-next, .multiple .carousel-inner .carousel-item-prev, .multiple .carousel-inner .carousel-item.active {
    display: flex;
    padding-bottom: 16px
}

.carousel-inner {
    display: block !important
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active, .form-check-input:disabled {
    opacity: 1
}

.carousel-control-next, .carousel-control-prev {
    top: 146.3px
}

    .carousel-control-next .btn-vCode {
        background: var(--color-4)
    }

    .carousel-control-prev .btn-vCode {
        margin-left: -29px;
        background: var(--color-4)
    }

.content-top-tittle {
    transform: translate(-50%);
    top: 50%
}

.carousel {
    max-width: 552px
}

.data-card .col-12, .data-card .col-3, .data-card .col-4, .data-card .col-5, .data-card .col-6, .data-card .col-9, .data-card .col-md-6, .data-card .col-sm-3 {
    margin: 0 auto 9px
}

.div-get {
    margin: 20px 0 0 !important;
    width: 226px
}

.btn-submit-sumary {
    max-width: 278px;
    margin-top: 17px
}

.btn-submit-form {
    max-width: 215px;
    margin-top: 10px
}

.div-check {
    margin: 20px 5px 20px 0 !important
}

    .div-check .form-check {
        margin-right: 18px
    }

input::placeholder {
    color: var(--color-0) !important
}

.div-amount {
    margin: 20px 0 0 !important
}

.chkheigth {
    height: 20px;
    margin-top: -4px
}

.div-chkheigth {
    height: 20px;
    margin: 20px 0 0
}

label.checkbox-title {
    font-size: 16px;
    line-height: 18px;
    color: var(--color-0)
}

    label.checkbox-title input[type=checkbox], label.checkbox-title input[type=radio] {
        margin-right: 6px;
        display: inline-block;
        vertical-align: middle
    }

input[type=radio]:checked {
    border: solid 1px var(--primary-color);
    background: var(--primary-color)
}

.bi-calendar {
    position: absolute;
    right: .5em;
    top: .6em;
    cursor: pointer;
    z-index: 1;
    display: inline
}

#searchError2 {
    margin-top: -16px
}

.btn-redeem {
    max-width: 278px;
    height: 55px;
    margin: 0 0 11px 1px
}

.btn-done {
    width: 126px;
    height: 55px;
    margin: 0 0 40.03px 2px
}

.s-title2 {
    margin: 37px 0 28px;
    padding: 0
}

.sum-subtitle2 {
    margin-bottom: 6px
}

.sum-subtitle2-row {
    margin: 15px 0 24px
}

.sum-dat2 {
    margin-bottom: 20px
}

.dat-confirmation::after {
    content: "";
    width: 277px;
    height: 0;
    display: block;
    border-top: 1px solid #82a0BC46;
    margin-top: 0
}

#divCarouselConfirmation, #divVoucherImgConfirmation {
    margin: 0 0 75px
}

.co-subtitle {
    max-width: 538px;
    line-height: 30px;
    margin: 6px 0 52.42px
}

.input-group-text {
    padding-right: 11px
}

#labelOrderDate {
    height: 55px;
    width: 233px
}

#input-order-date::placeholder {
    color: var(--color-0) !important;
    opacity: .5 !important
}

.div-voucher-sumary {
    overflow-y: scroll;
    max-height: 88px;
    padding: 0;
    scrollbar-width: thin;
    width: 293px !important;
    max-width: 129%
}

::-webkit-scrollbar {
    height: 12px;
    width: 8px;
    background: #eeeff1
}

::-webkit-scrollbar-thumb {
    background: #d7d7d7;
    -webkit-border-radius: 1ex
}

.div-voucher-sumary .col-10 {
    width: 216px !important
}

.div-voucher-sumary .col-2 p {
    width: 62px !important
}

#cardExpired:read-only {
    background-color: #fff !important
}

#cardExpired:disabled {
    background-color: #e9ecef !important
}

.btn-blue:hover {
    background-color: var(--secundary-color) !important;
    border-color: var(--secundary-color) !important
}

.paid {
    margin-top: 15px
}

#listVoucher {
    overflow: auto;
    max-height: 90px;
    scrollbar-width: thin
}

#linkImageReceipt {
    float: right
}

.slick-slide {
    width: 195px
}

#carouselRedeemVoucher {
    max-width: 840px
}
.pad2 .label-mar {
    white-space: nowrap;
}
    .pad2 .label-mar .tool-tip-content-global.tool-tip-S {
        white-space: normal !important;
    }

@media (max-width:575.98px) {
    #groupDate, .autentic, .l-white, .l-white2, .pad2, .summary {
        width: 100%
    }

    h1 .title-min::after {
        margin: 24px auto 24px -5.5px !important
    }

    .formchek2 {
        margin-top: 20px
    }

    .row-data {
        margin-bottom: 70px
    }

    .div-data-first, .input-order, .pad {
        max-width: 100%
    }

    .image-upload {
        margin-top: 0
    }

    .pad {
        margin: 20px 16px 0 0
    }

    .pad2 {
        max-width: inherit
    }

    .title-min {
        margin-top: 48px !important
    }

    #receiptTotal, #tip {
        display: block;
        width: 100%
    }

    #divVoucherImg {
        text-align: center
    }

    #btnCarruNext, #btnCarruNextC, #btnCarruPrev, #btnCarruPrevC {
        display: none
    }

    .carousel {
        padding: 0
    }

    h1.title-min2 {
        max-width: 216px
    }

    .co-subtitle {
        max-width: 100%;
        margin: 5px 0 10.84px
    }

    .title-min2 {
        margin-top: 97px
    }

    .summary {
        transform: translateX(0);
        position: unset;
        box-shadow: none;
        margin-top: 0 !important
    }

    .row-summary {
        margin-left: 0;
        max-width: 100%
    }

    .dat-confirmation .col-12, .summary .row {
        padding: 0 !important
    }

    #divVoucherImgConfirmation {
        margin: 45px 0 80.5px;
        padding-left: 0
    }

    .s-title2 {
        margin: 0 0 28px
    }

    .dat-confirmation::after {
        content: "";
        width: 402px
    }

    .sum-subtitle2-row {
        margin-left: 0;
        margin-right: 23px
    }

    .btn-done {
        margin: 0 0 89px -10px
    }

    .btn-redeem {
        margin: 0;
        width: 262px
    }

    #divCarouselConfirmation {
        margin-left: 28px;
        margin-bottom: 80.5px;
        margin-inline: 0px
    }

    #divItemsCarouselConfirm .div-voucher-dinamic {
        margin: 0 14.15px 20px 14px
    }

    #sumaryConfir, .row-data, .row-data-3, .row-data-first2 {
        display: flex;
        justify-content: center !important
    }

    .dat-sumary-confirm {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .btn-done {
        margin-left: 10px !important
    }

    .div-confirm-tit {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%
    }

    .carousel {
        width: 100%;
        display: contents
    }

    .carousel-item {
        margin: 0
    }

    .div-voucher-dinamic {
        margin: 0 14px 20px
    }

    .carousel-inner {
        width: 576px;
        margin-left: -20px;
        margin-right: -20px
    }
    .modal-footer {
        padding: 1rem;
    }
    @media (max-width:479.8px) {
        .container .col-12, .container .col-3, .container .col-6, .container .col-9, .container .col-sm-3, .container .col-sm-6, .container .col-xs-12, .container .row {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .carousel-inner {
            display: block !important
        }

        .data-2, .data-3, .data-card, .div-how, .row-data-1 {
            width: 100% !important;
            padding-left: 10px !important;
            padding-right: 10px !important
        }

        .row-data2 {
            width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        #groupDate, .btn-redeem, .dat-confirmation::after, .l-white {
            width: 100%
        }

        .btn-submit-form, .col-xs-12 input, .data-card .col-12, .data-card .col-12 input, .data-card .col-xs-12, .data-card .col-xs-12 input, .div-data-first, .input-order, .pad {
            max-width: 100%
        }

        .row-data {
            margin-bottom: 45px
        }

        .co-subtitle {
            max-width: 477px
        }

        .btn-redeem {
            margin: 0 0 8px
        }

        .div-data-first2, .row-summary {
            margin-left: 0
        }

        #divCarouselConfirmation, .btn-done, .col-12, .col-xs-12 {
            margin-left: 0 !important
        }

        .dropdown {
            margin-right: 3px
        }

        .col-12, .col-xs-12 {
            margin-right: 0 !important
        }

        .btn-done {
            max-width: 100% !important;
            width: 100% !important
        }

        .carousel-item {
            transition: none;
            margin: 0
        }

        .div-voucher-dinamic {
            margin: 0 14px 20px
        }

        .div-amount {
            margin-top: 20px !important
        }

        #divVoucherImgConfirmation {
            margin: 50px 0
        }

        .sum-subtitle2-row {
            margin-left: 0;
            margin-right: 0
        }

        .dat-sumary-confirm {
            padding-left: 5px !important;
            padding-right: 5px !important
        }

        .row-summary {
            margin-left: 0;
            max-width: 100%;
            width: 100% !important
        }

        .dat-sumary-confirm, .div-confirm-tit {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
            max-width: 100%
        }

        .panel-heading {
            max-width: 299px !important
        }

        .title-min {
            margin-top: 50px !important
        }
    }

    @media (max-width:307.98px) {
        .panel-title::after {
            top: 50%;
            right: 0 !important
        }

        .panel-title {
            max-width: 273px !important
        }
    }
}

@media (min-width:576px) and (max-width:767.98px) {
    .row-data {
        margin-bottom: 60px
    }

    .row-data2 {
        padding-left: 28px;
        padding-right: 28px
    }

    #divVoucherImg {
        text-align: center
    }

    .div-data-first, h1.title-min2 {
        max-width: 100%
    }

    .div-voucher-dinamic {
        margin: 0 0 20px 28.15px
    }

    .first-voucher {
        margin-left: 0
    }

    .l-white, .l-white2 {
        width: 100%
    }

    .pad2 {
        margin: 20px 0 0
    }

    .title-min {
        margin-top: 60px !important
    }

    .carousel-control-next .btn-vCode {
        margin-right: -25px !important
    }

    .carousel-control-prev .btn-vCode {
        margin-left: -25px !important
    }

    #btnCarruNext, #btnCarruNextC, #btnCarruPrev, #btnCarruPrevC {
        display: none
    }

    .carousel {
        max-width: 100%;
        padding: 0;
        margin-left: 12px
    }

        .carousel .div-voucher-dinamic {
            margin: 0 14.08px 20px 14.07px
        }

    #sumaryConfir, .div-data-first2 {
        max-width: 100%;
        width: 100%
    }

    .co-subtitle {
        max-width: 100%;
        margin: 7px 0 0
    }

    .title-min2 {
        margin-top: 97px
    }

    .summary {
        transform: translateX(0);
        position: unset;
        box-shadow: none;
        margin-top: 0 !important
    }

    .row-summary {
        margin-left: 26px
    }

    .dat-confirmation .col-12, .summary .row {
        padding: 0 !important
    }

    #divVoucherImgConfirmation {
        margin: 50px 0;
        max-width: 100%
    }

        #divVoucherImgConfirmation .div-voucher-dinamic, #divVoucherImgConfirmation.div-voucher-dinamic {
            margin: 0 28.15px 20px 0
        }

    .s-title2 {
        margin: 0 0 28px
    }

    .dat-confirmation::after {
        content: "";
        width: 492px
    }

    .sum-subtitle2-row {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }

    .btn-done {
        margin: 0 0 89px 13px
    }

    .btn-redeem {
        margin: 0
    }

    .creditAmountCon {
        margin-right: 23px
    }

    #carouselRedeemTravelVoucher {
        width: 100%;
        margin-left: 0
    }

    #divCarouselConfirmation {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 80.5px;
        margin-left: 0;
        width: 106%;
        margin-top: 22px
    }

    .row-data, .row-data-first2 {
        display: flex;
        justify-content: center !important;
        padding: 0
    }

    .div-confirm-tit {
        max-width: 100%;
        margin-inline: 0px;
        padding-left: 12px;
        padding-right: 12px
    }

    .title-min2 {
        max-width: 100%;
        margin-left: 0
    }

    .dat-sumary-confirm {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: 100%
    }

    #sumaryConfir .row-summary {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .l-white, .l-white2, .summary {
        width: 100%
    }

    .row-data {
        margin-bottom: 75px
    }

    .last {
        margin-right: 0 !important
    }

    .title-min {
        margin-top: 75px !important
    }

    .carousel-control-prev .btn-vCode {
        margin-left: -29px !important
    }

    .carousel {
        max-width: 547px
    }

    h1.title-min2 {
        max-width: 285px
    }

    .co-subtitle {
        max-width: 532px;
        margin: 12px 0 2.85px
    }

    .title-min2 {
        margin-top: 97px
    }

    .summary {
        transform: translateX(0);
        position: unset;
        box-shadow: none;
        margin-top: 0 !important
    }

    .row-summary {
        margin-left: 56px;
        max-width: 627px
    }

    .dat-confirmation .col-12, .summary .row {
        padding: 0 !important
    }

    #divVoucherImgConfirmation {
        margin: 45px 0;
        padding-left: 0
    }

    .s-title2 {
        margin: 0 0 28px
    }

    .dat-confirmation::after {
        content: "";
        width: 627px
    }

    .sum-subtitle2-row {
        text-align: left;
        margin-left: 0;
        margin-right: 8px
    }

    .btn-done {
        margin: 0 0 111px
    }

    .btn-redeem {
        margin: 0
    }

    .div-confirm-tit {
        padding-left: 0
    }

    #divCarouselConfirmation {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 80.52px;
        margin-left: 67px !important;
        max-width: 548px !important
    }

        #divCarouselConfirmation .carousel-control-next .btn-vCode {
            margin-right: -3px !important
        }

        #divCarouselConfirmation .carousel-control-prev .btn-vCode {
            margin-left: -26px !important
        }

    #sumaryConfir .row-summary {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:992px) and (max-width:1199.98px) {
    .row-data {
        margin-bottom: 212px
    }

    .last {
        margin-right: 0 !important
    }

    .l-white {
        width: 100%
    }

    .title-min {
        margin-top: 95px
    }

    .carousel-control-prev .btn-vCode {
        margin-left: -29px !important
    }

    .carousel {
        max-width: 547px
    }

    .div-data-first2 {
        max-width: 575px;
        margin-left: 35px
    }

    h1.title-min2 {
        max-width: 309px
    }

    .co-subtitle {
        max-width: 404px;
        margin: 12px 0 4.31px
    }

    #divVoucherImgConfirmation {
        margin: 0 0 186.1px
    }

    #sumaryConfir {
        margin-top: 97px !important
    }

    .title-min2 {
        margin-top: 97px
    }

    #divCarouselConfirmation .div-voucher-dinamic {
        width: 94%
    }

    #divCarouselConfirmation .carousel-control-next .btn-vCode {
        margin-right: -6px !important
    }

    #divCarouselConfirmation .carousel-control-prev .btn-vCode {
        margin-left: -15px !important
    }

    #divCarouselConfirmation {
        margin-bottom: 186px
    }
}

@media (min-width:1200px) and (max-width:1399.98px) {
    .row-data {
        margin-bottom: 163px
    }

    .l-white {
        width: 100%
    }

    .div-data-first2 {
        max-width: 700px
    }

    h1.title-min2 {
        max-width: 336px
    }

    .co-subtitle {
        max-width: 538px;
        margin: 12px 0 0
    }

    #divCarouselConfirmation, #divVoucherImgConfirmation {
        margin: 0 0 119.5px
    }

    #sumaryConfir {
        margin-top: 95px !important
    }

    .title-min {
        margin-top: 95px
    }

    #divCarouselConfirmation {
        margin-bottom: 119.5px
    }
}

@media (min-width:1400px) {
    #linkImageReceipt {
        display: none
    }
}