/* ## COMMONS ## */
.h-100 {
    height: 100% !important;
}

.w-100 {
    width: 100% !important;
}

.font-pluxee-DemiBold {
    font-family: 'TT Travels DemiBold' !important;
}

.font-pluxee-Bold {
    font-family: 'TT Travels Bold' !important;
}

.font-pluxee-normal {
    font-family: 'TT Travels' !important;
}

.bg-ultragreen {
    background-color: #00EB5E !important;
}

.bg-white {
    background-color: #FFF !important;
}

.center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.flex-columns {
    flex-direction: column !important;
}

.error-message {
    color: #B30000;
    font-family: 'TT Travels DemiBold';
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: inherit;
    display: block;
}

.form-group.pluxee.invalid > .pluxee-input {
    border: 1px solid #B30000 !important;
    background-color: #FCF1EE !important;
    margin-bottom: 12px !important;
}

.form-group.pluxee.invalid > .pluxee-input-label {
    color: #B30000 !important;
}
.error_input {
    color: #B30000 !important;
    font-family: 'TT Travels' !important;
    font-size: 12px !important;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: none;
}
input.error + .error_input {
    display: block !important;
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.color-deep-blue {
    color: #221C46 !important;
}

.bg-color-deep-blue {
    background-color: #221C46 !important;
}

.bg-color-white {
    background-color: #FFF !important;
}
:root {
    --bs-table-hover-bg: #F7F7F9 !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.mw-593 {
    max-width: 593px !important;
}
/* ## END  COMMONS ## */

/* ## FOOTER ## */
#footer_bottom {
    height: 74px;
}

.footer_logo {
    width: 118px;
    height: 33px;
    flex-shrink: 0;
}

.socialNetworks_footer {
    padding: 0 !important;
    border-left-width: 0;
    width: 100% !important;
    text-align: center;
    font-family: 'TT Travels';
    text-transform: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer_width {
    display: flex;
    justify-content: center;
    align-items: center;
    height: inherit;
    padding: 0 !important;
    width: unset !important;
    margin-left: 100px !important;
    margin-right: 100px !important;
    max-width: unset !important;
}

.copyright {
    color: #FFF;
    font-family: 'TT Travels' !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    width: 100% !important;
    text-align: end !important;
    padding-top: 0 !important;
}

.body-pluxee {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0 !important;
}

#content, #company, #merchantsInvoices, #merchantsTransactions, #signaling, #callUsMerchant, #accessMerchant, #passwordMerchant {
    flex: 1;
    height: calc(100vh - 185px);
    /* height: calc(100vh - 149px); */
    background-color: #FFF !important;
}

/* ## END FOOTER ## */

/* ## HEADER ## */
#navbarMerchants {
    height: 70px !important;
    border-bottom: 1px solid #85FD96;
    background: #FFF;
}

#navigationMerchants {
    height: 70px !important;
    box-shadow: 0 0 8px rgba(0, 235, 94, 0.10) !important;
    border-width: 0;
}

.navigationMerchants__mainHeader {
    width: 100% !important;
    padding-top: 0 !important;
    height: inherit !important;
    max-width: 100% !important;
}
.logotipoMobile {
    display: none;
    height: 41px !important;
    width: 41px !important;
    padding: 0 !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 40px;
}

.navigationMerchants__mainHeader--logo {
    padding-top: 0 !important;
}

.privateArea {
    position: relative !important;
    top: -67px !important;
    right: 0 !important;
    height: 70px !important;
    width: 64px !important;
    margin-right: 130px !important;
}

.header-link {
    text-transform: none !important;
    color: #221C46 !important;
    text-align: center;
    font-family: 'TT Travels DemiBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.navigationMerchants__mainHeader--menus.menuMerchants {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: -70px !important;
}

.logotipo {
    height: 70px !important;
    width: auto !important;
}

.vector {
    vertical-align: middle !important;
}

.menuMerchants__dropDown {
    position: relative !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

    .menuMerchants__dropDown:hover {
        cursor: pointer;
    }

.menuMerchants__area--dropDown {
    overflow: hidden;
    height: 0;
    line-height: 35px;
    -webkit-transition: height .3s ease;
    -moz-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
    background-color: #fff;
    width: 201px;
    box-shadow: 4px 4px 0px 0px rgba(34, 28, 70, 0.2);
    padding: 0;
    position: absolute;
    transform: translate3d(90px, 58px, 0px);
    top: 10px;
    will-change: transform;
    left: -15px;
    margin-left: 0 !important;
}

    .menuMerchants__area--dropDown > li {
        width: 100%;
        height: 34px;
        flex-shrink: 0;
    }

.menuMerchants__dropDown:hover > .menuMerchants__area--dropDown {
    min-height: 136px !important;
    padding: 0;
}

.menuMerchants__area--dropDown a {
    padding-left: 13px !important;
    color: #221C46;
    font-family: 'TT Travels';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: none !important;
    padding-right: 0;
    height: 34px;
    display: flex !important;
    justify-content: start;
    align-items: center !important;
}

    .menuMerchants__area--dropDown a:hover {
        background-color: #DEF3FB !important;
    }

.companyLogo {
    width: 48px !important;
    height: 48px !important;
}

.privateArea:active, .privateArea:hover {
    background-color: unset !important;
    border-radius: unset !important;
    box-shadow: unset !important;
}

    .privateArea:active .submenu_dropdown,
    .privateArea:hover .submenu_dropdown {
        height: auto !important;
    }

.submenu_dropdown {
    position: absolute !important;
    right: 98px !important;
    overflow: hidden !important;
    height: 0 !important;
    line-height: 35px !important;
    -webkit-transition: height .3s ease !important;
    -moz-transition: height .3s ease !important;
    -o-transition: height .3s ease !important;
    transition: height .3s ease !important;
    background-color: #fff !important;
    width: 182px !important;
    box-shadow: 4px 4px 0px 0px rgba(34, 28, 70, 0.2) !important;
    padding: 0 !important;
    transform: translate3d(90px, 58px, 0px) !important;
    top: 10px !important;
    will-change: transform !important;
    margin-left: 0 !important;
}

.menu__links--right {
    text-transform: unset !important;
}

.acessData, .companyData, .end_session {
    background-color: #fff !important;
    color: #221C46 !important;
    text-align: right !important;
    font-family: 'TT Travels' !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.end_session {
    color: #FF7375 !important;
    font-weight: 600 !important;
    text-align: right !important;
}

ul.submenu_dropdown > a > li.dorpdownLinks {
    width: 180px !important;
    height: 34px !important;
    padding: 0 !important;
    border: unset !important;
    background-color: #fff !important;
    text-transform: unset !important;
    display: flex !important;
    justify-content: end;
    align-items: center !important;
}

.companyData li {
    color: #221C46 !important;
}

.menu__links--right > span {
    padding-right: 15px !important;
}

ul.submenu_dropdown > a:hover > li.dorpdownLinks {
    background-color: #DEF3FB !important;
}
.nav-btn-mobile{
    display:none;
}

.nav-button {
    position: absolute;
    z-index: 1111;
    height: 43px;
    display: none;
    width: 50px;
    right: 0;
    top: 0;
    padding: 22px 12px;
    object-position: center;
    text-align: center;

  }

  .nav-button #nav-icon3 {
    width: 24px;
    height: 22px;
    display: inline-block;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }

  .nav-button #nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #221C46;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }

  .nav-button #nav-icon3 span:nth-child(1) { top: 0; }
  .nav-button #nav-icon3 span:nth-child(2), .nav-button #nav-icon3 span:nth-child(3) { top: 7px; }
  .nav-button #nav-icon3 span:nth-child(4) { top: 14px; }

  .nav-open #nav-icon3 span:nth-child(1) { top: 9px; width: 0; left: 50%; }
  .nav-open #nav-icon3 span:nth-child(2) { transform: rotate(45deg); }
  .nav-open #nav-icon3 span:nth-child(3) { transform: rotate(-45deg); }
  .nav-open #nav-icon3 span:nth-child(4) { top: 9px; width: 0; left: 50%; }

.main-menu-mobile{
    margin-top: 70px !important;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    opacity: 0;
    visibility: hidden;
    background: #221C46;
    position:fixed;
    z-index:11111;
    right: -100%; 
    transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.main-menu-mobile > footer {
    margin-top: auto;
    margin-bottom: 70px;
}
.main-menu-mobile > footer > .delay-inset {
    display: block !important;
    width: 100% !important;
}
  .nav-open .main-menu-mobile {
    opacity: 1;
    visibility: visible;
    right: 0;
    transition: right 0.5s ease-in-out, opacity 0.5s ease-in-out;
  }
  .main-menu-mobile .nav li {
    opacity: 0;
    transform: translateX(50px); 
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
  }

  .nav-open .main-menu-mobile .nav li {
    opacity: 1;
    transform: translateX(0px);
    transition: transform 0.2s, opacity 0.2s;
  }

  .main-menu-mobile .nav li a{
    text-decoration: none;
    color: #FFF;
  }
  .main-menu-mobile .nav li {
    display: block;
    padding: 35px 35px 0px;
    width: 100%;
    color: #FFF;
    font-family: 'TT Travels' !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.main-menu-mobile .nav li .exit{
    color:#FF7375;
}
body.nav-open {
    overflow: hidden; 
  }
.delay-inset {
    padding: 0 !important;
    height: 2px;
    background-color: #fff;
    padding: 0;
    width: 90% !important;
    margin: 35px auto auto auto;
}
/* ## END HEADER ## */

/* ## BODY ## */
.banner-home {
    height: 228px !important;
    width: auto !important;
    padding: 0 !important;
    background: url(/assets/images/pluxee/plx-banner-home.svg) center;
}

.banner-title {
    color: #221C46 !important;
    font-family: 'TT Travels Bold' !important;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: none !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 228px;
}

.pluxee-title {
    color: #221C46 !important;
    font-family: 'TT Travels Bold' !important;
    font-size: 40px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

.pluxee-subtitle {
    color: #221C46 !important;
    font-family: 'TT Travels Bold';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

.margin-title-callus {
    margin: 80px auto 80px auto;
    max-width: 80%;
}

#merchantsDashboard--width {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

#merchantsDashboard {
    background-color: #FFF !important;
}

.boxCardHome {
    background: #FFF;
    box-shadow: 3px 3px 0px 5px rgba(34, 28, 70, 0.20);
    height: 302px;
    width: 350px;
    min-width: 251px !important;
    margin: 62px auto auto auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}
.boxCardHome:hover {
    background-color: #DEF3FB !important;
    box-shadow: 3px 3px 0px 5px rgba(34, 28, 70, 0.20);
}
.floatLeft {
    float: left;
}

.imgVendas, .imgStick, .imgInvoice, .imgContract {
    width: 100%;
    height: 164px;
    flex-shrink: 0;
    margin: 36px auto auto auto;
}

.boxCardTitle {
    color: #221C46;
    text-align: center;
    font-family: 'TT Travels DemiBold';
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
    max-width: 90%;
}

.text-align-start {
    text-align: start !important;
}

.container-btn-info {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}
.container-btn-info-mobile {
    display: none;
    justify-content: center !important;
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}
.btn-info-size {
    padding: 0 30px;
    width: auto;
}

#passwordMerchant__width {
    width: 70%;
    padding-bottom: 55px;
    padding-top: 55px;
    margin: auto;
    max-width: 890px !important;
}

.changePassword__whiteBox {
    padding: 0 !important;
}
.invoiceExcel {
    height: 27px;
    cursor: pointer
}
.title {
    color: #221C46;
    font-family: 'TT Travels DemiBold';
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none !important;
}

.modalTitle {
    color: #221C46;
    font-family: 'TT Travels DemiBold';
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: none !important;
}

.pluxee-input-label {
    color: #221C46 !important;
    font-family: 'TT Travels DemiBold' !important;
    text-transform: none !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pluxee-input-label-disabled {
    color: #7A7A7A !important;
    font-family: 'TT Travels DemiBold' !important;
    text-transform: none !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.pluxee-input {
    font-family: 'TT Travels' !important;
    border: 0.5px solid #9D9D9D !important;
    border-radius: 0 !important;
    background: #FFF !important;
    max-width: 100% !important;
    width: 358px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
    padding: 0 15px !important;
    margin-top: 7px;
}
.form-group:hover > .pluxee-input {
    background-color: #DEF3FB !important;
    border-color: #1B51DC !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #1B51DC !important;
}
.form-group:hover > .pluxee-input-label {
    color: #1B51DC !important;
}
.form-group > .pluxee-input:focus {
    background-color: #DEF3FB !important;
    border-color: #1B51DC !important;
    outline: 0 !important;
    box-shadow: none !important;
    color: #1B51DC !important;
}
  .form-group:focus-within label {
      color: #1B51DC !important;
  }

.form-group.invalid > .pluxee-input {
    border-color: #B30000 !important;
    background-color: #FCF1EE !important;
}

.form-group.invalid > .pluxee-input-label {
    color: #B30000 !important
}

.form-group.pluxee {
    padding: 35px 35px 0 35px;
}

.pluxee-input-disabled {
    font-family: 'TT Travels' !important;
    color: #7A7A7A !important;
    border-radius: 0 !important;
    background: #DEDDE3 !important;
    max-width: 100% !important;
    width: 358px !important;
    height: 42px !important;
    flex-shrink: 0 !important;
    padding: 0 15px !important;
    margin-top: 7px;
}

.pluxee-text-info {
    color: #9D9D9D;
    font-family: 'TT Travels';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    max-width: 358px;
}

#changePassword_new1 {
    margin-bottom: 10px !important;
}

.pluxee-text-deepblue {
    color: #221C46;
    font-family: 'TT Travels';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.email-letter {
    height: 320px;
    width: 320px;
}

.callus-email {
    color: #221C46;
    background-color: #C7FCCA !important;
    font-size: 25px;
    text-align: center;
    font-family: 'TT Travels DemiBold';
    font-style: normal;
    font-weight: 600;
    padding: 20px 80px;
    border: solid 1px #221C46;
    border-radius: 0px;
}

    .btn-pluxee-sm:hover,
    .btn-pluxee-sm:focus {
        fill: #C7FCCA !important;
        stroke-width: 1px;
        stroke: #221C46;
        background: url('/assets/images/pluxee/plx-btn-small-hover.svg') center no-repeat !important;
        width: 146px;
        height: 37px;
        flex-shrink: 0;
    }

.btn-pluxee-md {
    fill: #00EB5E;
    stroke-width: 1px;
    stroke: #221C46;
    background: url('/assets/images/pluxee/plx-btn-medium.svg') center no-repeat;
    width: 179px;
    height: 37px;
    flex-shrink: 0;
}
.btn-pluxee-md:hover,
.btn-pluxee-md:focus {
    fill: #C7FCCA !important;
    stroke-width: 1px;
    stroke: #221C46;
    background: url('/assets/images/pluxee/plx-btn-medium-hover.svg') center no-repeat !important;
    width: 179px;
    height: 37px;
    flex-shrink: 0;
}
.btn-pluxee-lg {
    fill: #00EB5E;
    stroke-width: 1px;
    stroke: #221C46;
    background: url('/assets/images/pluxee/plx-btn-large.svg') center no-repeat;
    width: 302px;
    height: 48px;
    flex-shrink: 0;
}
.btn-pluxee-lg:hover,
.btn-pluxee-lg:focus {
    fill: #C7FCCA !important;
    stroke-width: 1px;
    stroke: #221C46;
    background: url('/assets/images/pluxee/plx-btn-large-hover.svg') center no-repeat !important;
    width: 302px;
    height: 48px;
    flex-shrink: 0;
}
.btn-pluxee-md-bold {
    fill: #00EB5E;
    stroke-width: 1px;
    stroke: #221C46;
    background: url('/assets/images/pluxee/plx-btn-md-bold.svg') center no-repeat;
    width: 253px;
    height: 55px;
    flex-shrink: 0;
    padding: 0 !important;
}
.btn-pluxee-md-bold:hover,
.btn-pluxee-md-bold:focus {
    fill: #C7FCCA !important;
    stroke-width: 1px;
    stroke: #221C46;
    background: url('/assets/images/pluxee/plx-btn-md-bold-hover.svg') center no-repeat !important;
    width: 253px;
    height: 55px;
    flex-shrink: 0;
    padding: 0 !important;
}
.btn-pluxee-text {
    color: #221C46;
    text-align: center;
    font-family: 'TT Travels DemiBold';
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    text-transform: none !important;
}

.btn-pluxee-success {
    max-width: 238px;
    height: 37px;
    flex-shrink: 0;
    fill: #00EB5E;
    stroke-width: 1px;
    stroke: #221C46;
    display: block;
    border: solid 1px #221C46;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    background-color: #00EB5E;
}

.btn-pluxee-info {
    max-width: 238px;
    height: 37px;
    flex-shrink: 0;
    fill: #FFF;
    stroke-width: 1px;
    stroke: #221C46;
    color: #221C46;
    display: block;
    border: solid 1px #221C46;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    background-color: #FFF;
}

    .btn-pluxee-info:hover,
    .btn-pluxee-info:focus {
        background-color: #221C46 !important;
        border-color: #221C46 !important;
        color: #FFFFFF !important;
    }
    .btn-pluxee-success:hover,
    .btn-pluxee-success:focus {
        background-color: #C7FCCA !important;
        border-color: #221C46 !important;
    }

.btn-pluxee-primary {
    max-width: 238px;
    height: 37px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    background-color: #221C46;
    color: #fff !important;
}

    .btn-pluxee-primary:hover,
    .btn-pluxee-primary:focus {
        border: solid 1px #221C46;
        background-color: #FFF !important;
        color: #221C46 !important;
    }

.btn-pluxee-danger {
    max-width: 238px;
    height: 37px;
    flex-shrink: 0;
    fill: #FFF;
    stroke-width: 1px;
    stroke: #FF7375;
    display: block;
    border: solid 1px #FF7375;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    background-color: #FFF;
    color: #FF7375;
    width: 135px;
    margin-left: 20px;
}

.color-pluxee-danger {
    color: #FF7375;
}

.color-pluxee-inherit {
    color: inherit;
}

.btn-pluxee-fitContent {
    width: fit-content;
    padding-top: 0;
    padding-bottom: 0;
}

.btn-pluxee-danger:hover,
.btn-pluxee-danger:hover.color-pluxee-danger,
.btn-pluxee-danger:focus {
    border-color: #ff7375 !important;
    background-color: #ff7375 !important;
    color: #fff !important;
}

.no-margin-left {
    margin-left: 0px;
}

#enterInput {
    padding: 0 !important;
}

.changePassword__form--submit {
    text-align: start !important;
    display: inline-flex !important;
}

.container-btn-pluxee {
    display: flex;
    justify-content: start;
}

.normal-label {
    color: #221C46;
    font-family: 'TT Travels';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.modal {
    top: 0 !important;
}

.modal-footer {
    border-top-width: 0 !important;
}

#btn-modal {
    min-width: 95px !important;
    padding: 0 !important;
}

.text-link {
    text-decoration-line: underline !important;
}

.modal-content {
    border-radius: 0 !important;
}

.modal-dialog-lg {
    max-width: 1000px !important;
}

.modal-content.pluxee {
    border: 2px solid #221C46;
    background: #FFF;
    box-shadow: 4px 4px 0px 0px rgba(34, 28, 70, 0.20);
    padding: 25px;
    min-height: fit-content !important;
}

.modal-footer > .btn {
    height: 37px !important;
}

.modal-body.normal-label {
    text-align: center !important;
    font-family: 'TT Travels DemiBold' !important;
    font-size: 25px !important;
}

.btn {
    border-radius: 0 !important;
}

.justify-content-center {
    justify-content: center !important;
}

.d-flex {
    display: flex !important;
}

.payed {
    color: #00EB5E
}

.pending {
    color: #FFDC37
}

.processing {
    color: #17CCF9
}

#merchantsInvoices--width,
#merchantsTransactions--width {
    width: 90% !important;
    max-width: 1700px !important;
    margin-top: 88px !important;
}

.merchantsTransactions__searchArea {
    max-width: 1118px;
    height: 110px !important;
    flex-shrink: 0;
    background-color: #00EB5E !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.merchantsTransactions--width.box, .merchantsInvoices--width.box {
    padding: 15px 90px 90px 90px !important;
}

#merchantsInvoices--width > div.merchantsInvoices--width.box.merchantsInvoices__box > table > tbody > tr > td.open_close::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url('/assets/images/pluxee/Vector_up.svg') center no-repeat;
    background-size: 100%;
    padding: 0 !important;   
}
#merchantsInvoices--width > div.merchantsInvoices--width.box.merchantsInvoices__box > table > tbody > tr.accordion.accordion-toggle.collapsed>.open_close:after {
    transform: rotate(180deg);
}
#merchantsInvoices--width > div.merchantsInvoices--width.box.merchantsInvoices__box > table > tbody > tr.accordion.accordion-toggle:not(.collapsed) {
    border-bottom-color: transparent !important;
    --bs-table-bg: #F7F7F9 !important;
    --bs-table-hover-bg: #F7F7F9 !important;
}
.pluxee-select-md {
    width: 358px !important;
    height: 42px !important;
    flex-shrink: 0;
    border: 0.5px solid #9D9D9D !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#accessMerchant__width {
    padding-top: 70px;
}

.accessForm__whiteBox {
    padding: 40px 60px !important;
    max-width: 1041px;
    background-color: #F7F7F9;
    margin: auto;
    border-radius: 0;
}

    .accessForm__whiteBox.passwordChange {
        max-width: 400px !important;
    }

.accessForm__form--Change {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#company {
    background-color: #eee
}

#company__width {
    width: 80%;
    padding-bottom: 55px;
    margin: auto;
    max-width: 1600px
}

.spaceBetweenBoxes {
    margin: 60px 0
}

.companyForm__whiteBox {
    background-color: #F7F7F9;
    padding: 30px;
    border-radius: 0px;
}
.stickerBanner {
    width: 100%;
    height: auto;
    margin-top: -2px !important;
}
.sticker {
    display: flex;
    justify-content: left;
    margin-left: -10px;
    width: 256px;
    height: 450px;
}
.whiteBox__sticker {
    padding-top: 47px;
}
.whiteBox__sticker.error {
    padding-top: 52px;
}
#signaling__width {
    margin-top: 90px;
    padding-bottom: 0 !important;
}
.signaling__width--box {
    padding: 19px 8px 0 8px !important;
}
.whiteBox__form--text {
    padding-bottom: 0 !important;
}
.sticker-error {
    color: var(--Error-message, #B30000);
    font-family: 'TT Travels DemiBold' !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 593px !important;
}
.accordionList__accordionInfo--information.invoiceInformation {
    padding-top: 41px;
    width: 31%;
    margin: auto;
}
.invoiceInformation__lines {
    width: 100% !important;
}
.accordionList__accordionInfo--seeTransactions {
    padding-bottom: 41px !important;
}
.accordionList__accordionInfo.hiddenRow {
    background-color: #F7F7F9 !important;
}
/* ## END BODY ## */

/* ## TABLE ## */
.table-head-pluxee {
    max-width: 1514px !important;
    width: 100% !important;
    height: 74px !important;
    flex-shrink: 0;
    background-color: #221C46 !important;
}

table.pluxee > thead.table-head-pluxee > tr > th {
    background-color: inherit !important;
    color: #FFF !important;
    font-family: 'TT Travels' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

table > tbody > tr > td {
    color: #221C46 !important;
    font-family: 'TT Travels' !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

table.pluxee > tbody > tr:not(.accordionb) {
    height: 63px !important;
}

.purchase {
    color: #006245 !important
}

.devolution {
    color: #B30000 !important;
}

.bottomNotes {
    padding-left: 90px;
}

.bottomNotes--purchase,
.bottomNotes--devolution {
    color: #221C46;
    font-family: 'TT Travels';
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

div.bottomNotes > div.bottomNotes--purchase > span,
div.bottomNotes > div.bottomNotes--devolution > span {
    padding-left: 10px;
}

table.pluxee > tbody > tr > td.col.purchase > span,
table.pluxee > tbody > tr > td.col.devolution > span {
    font-family: 'TT Travels DemiBold' !important;
}
/* ## END TABLE ## */

/* ## PAGINATION ## */
.myPager {
    float: right;
    text-align: right;
    padding-right: 90px;
}
.paginate_button {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background-color: #fff;
    border: 0.1rem solid #D1CFD7;
    border-radius: 0 !important;
    color: #D1CFD7 !important;
    margin: 0;
    text-align: center;
    height: 40px;
    width: 40px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paginate_button:focus {
    box-shadow: none;
}

.paginate_button.previous, .paginate_button.next {
    font-size: 1.4rem;
    line-height: 1.5rem;
    vertical-align: top;
}
.ellipsis {
    padding: 0 1em;
    color: #333 !important
}
.ellipsis:hover,
.ellipsis:focus {
    background-color: unset !important;
    border-color: unset !important;
}
.paginate_button.previous {
    border-radius: 0.2rem 0 0 0.2rem;
    font-size: 0;
}
.paginate_button.previous:not(.disabled):hover::before {
    background-image: url('/assets/images/pluxee/plx-ic-chevronDoubleLeftCircleOutline-medium-1-checkedBlue.svg');
}

.paginate_button.previous::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url('/assets/images/pluxee/plx-ic-chevronDoubleLeftCircleOutline-medium-1-gray.svg');
    background-size: 100%;
}

.paginate_button.next {
    border-radius: 0 0.2rem 0.2rem 0;
    font-size: 0;
}
.paginate_button.next:not(.disabled):hover::before {
    background-image: url('/assets/images/pluxee/plx-ic-chevronDoubleRightCircleOutline-medium-2-checkedBlue.svg');
}

.paginate_button.next::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url('/assets/images/pluxee/plx-ic-chevronDoubleRightCircleOutline-medium-2-gray.svg');
    background-size: 100%;
}

.paginate_button.current, .paginate_button.current:hover {
    background-color: #1B51DC !important;
    border-color: #1B51DC !important;
    color: #FFF !important;
    cursor: default;
}

.paginate_button:hover,
.paginate_button:focus {
    background-color: #DEF3FB !important;
    border-color: #1B51DC !important;
    color: #1B51DC !important;
}

.paginate_button.disabled, &.disabled:hover {
    background-color: #FFF !important;
    border: 0.1rem solid #D1CFD7 !important;
    border-radius: 0;
    color: #D1CFD7 !important;
    cursor: default;
}
/* ## END PAGINATION ## */
.dateMobile {
    display: none;
}
.invoicePeriodMobile {
    display: none;
}
.openPdfMobile {
    display: none;
}
.descriptionValue {
    color: #221C46 !important;
}
.valueTransaction > span{
    padding: 15px;
}
.callUsBox {
    max-width: 1300px;
    margin: auto;
}
#contractDataForm  .pluxee-title,
#company__width  .pluxee-title {
    margin-top: 60px !important;
}
.accessForm__whiteBox.passwordChange  .accessForm__form--Change.mobile,
.accessForm__whiteBox.passwordChange  .passwordChangeMobile,
.accessForm__whiteBox.passwordChange  .pluxee-subtitle.text-start.mobile {
    display: none;
}
.stickerBanner {
    height: 100% !important;
    object-fit: cover !important;
    object-position: left;
}
@media (max-width: 1500px) {
    div.col-md-6 > a.boxCardHome,
    div.col-lg-6 > a.boxCardHome {
        width: 250px;
        margin: 20px auto auto auto;
    }
    #signaling__width {
        margin-top: 50px;
    }
    .nav-btn-mobile {
        display: none;
    }
    .accordionList__accordionInfo--information.invoiceInformation {
        width: 34%;
    }
}
@media screen and (max-width:1440px) {
    .navigationMerchants__mainHeader--logo img {
        height: 70px !important;
        width: auto !important;
    }
    .navigationMerchants__mainHeader--menus.menuMerchants {
        justify-content: end !important;
        margin-right: 200px;
    }
    .nav-btn-mobile {
        display: none;
    }
    .email-letter {
        height: 270px;
    }
    .callus-email {
        font-size: 20px;
    }
}

@media screen and (max-width:1300px) {
    .accordionList__accordionInfo--information.invoiceInformation {
        width: 36%;
    }
}
@media screen and (max-width:1200px) {
    .privateArea {
        margin-right: 0 !important;
    }
    .navigationMerchants__mainHeader--menus.menuMerchants {
        margin-right: 70px;
    }
    .nav-btn-mobile {
        display: none;
    }
    .boxCardHome {
        height: 250px !important;
    }
    .imgVendas, .imgStick, .imgInvoice, .imgContract {
        height: 144px !important;
        margin-top: 12px !important;
    }
    .email-letter {
        height: 220px;
    }
    .callus-email {
        padding: 20px 40px;
    }
    .accordionList__accordionInfo--information.invoiceInformation {
        width: 38%;
    }
    .stickerBanner {
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
}

@media screen and (max-width:1024px) {
    .navigationMerchants__mainHeader--logo img {
        height: 70px !important;
        width: auto !important;
    }
    .header-link {
        font-size: 20px !important;
    }
    .nav-btn-mobile {
        display: none;
    }
    .accordionList__accordionInfo--information.invoiceInformation {
        width: 40%;
    }
}
@media (max-width: 990px) {
    div.col-12 > a.boxCardHome.floatLeft,
    div.col-sm-12 > a.boxCardHome.floatLeft {
        float: unset;
    }

    .boxCardHome {
        width: 60% !important;
        height: 253px !important;
        margin-bottom: 40px !important;
    }
    .homeBanner {
        display: none;
    }

    #merchantsDashboard--width {
        padding: 0 0 40px 0 !important;
    }
    .navigationMerchants__mainHeader--logo {
        background: url(/assets/images/pluxee/plx_logo_mobile_bg.svg) left no-repeat;
        display: block !important;
        height: 70px;
    }
    .logotipo {
        display: none !important;
    }
    .logotipoMobile {
        display: block !important;
    }
    .nav-btn-mobile {
        display: none;
    }
    .callUsBox {
        flex-direction: column;
    }
    .callEmail {
        order: 2;
        margin-top: 60px !important;
        margin-bottom: 45px !important;
    }
    .callBtn {
        order: 1;
        text-align: center;
    }
    .accordionList__accordionInfo--information.invoiceInformation {
        width: 50%;
    }
    .accessForm__whiteBox .pluxee-input-disabled,
    .accessForm__whiteBox .pluxee-input,
    .companyForm__whiteBox .pluxee-input-disabled,
    .companyForm__whiteBox .pluxee-input {
        width: -webkit-fill-available !important;
        margin-bottom: 0 !important;
    }
    #contractDataForm .form-group.pluxee.invalid > .error-message,
    #profileForm .form-group.pluxee.invalid > .error-message {
        display: block !important;
    }
    #contractDataForm .form-group.pluxee > .error-message,
    #profileForm .form-group.pluxee > .error-message {
        display: none !important;
    }
}
@media (max-width: 767px) {
    #navigationMerchants {
        display: block !important;
    }
    .menuMerchants img {
        padding: 0 !important;
    }
    .header-link {
        font-size: 15px !important;
        padding: 0 0 0 12px !important;
    }
    .companyLogo {
        width: 36px !important;
        height: 55px !important;
    }
    .navigationMerchants__mainHeader--menus.menuMerchants {
        margin-right: 55px !important;
    }
    .nav-btn-mobile {
        display: none;
    }
    a.facebook_footer img {
        padding-right: 0 !important;
    }
    a.linkedin_footer img {
        padding-left: 0 !important;
    }
    .navigationMerchants__mainHeader--menus.menuMerchants {
        display: none !important;
    }
    .nav-btn-mobile {
        display: block !important;
    }
    .privateArea {
        display: none !important;
    }
    #merchantsTransactions td,
    #merchantsInvoices td {
        padding-left: 8px !important;
    }
    .accordionList__accordionInfo--information.invoiceInformation {
        width: 77%;
    }
    #commentBox {
        text-align: center !important;
    }
    #signaling__width .sticker {
        justify-content: center !important;
        margin: auto !important;
    }
    #signaling__width > .pluxee-title,
    #signaling__width > .pluxee-subtitle {
        text-align: center !important;
    }
}
@media (max-width: 575.98px) {
    .col-12.col-hide {
        display: none;
    }
    .banner-home {
        height: 136px !important;
        width: auto !important;
        padding: 0 !important;
        background: url(/assets/images/pluxee/plx-banner-home-mobile.svg) center;
    }
    .navigationMerchants__mainHeader--logo {
        background: url(/assets/images/pluxee/plx_logo_mobile_bg.svg) left no-repeat;
        display: block !important;
        height: 70px;
    }
    .logotipo {
        display: none !important
    }
    .logotipoMobile {
        display: block !important;
    }
    .navigationMerchants__mainHeader--menus.menuMerchants {
        display: none !important;
    }
    .privateArea {
        display: none !important;
    }
    #passwordMerchant__width {
        width: 95% !important;
    }
    #merchantsDashboard--width {
        margin-top: 30px;
    }
    #footer_bottom {
        height: 109px !important;
    }
    .footer_width {
        flex-direction: column;
        width: 100% !important;
        margin: 0 !important;
    }
    .footer_logo {
        display: none !important;
    }
    .homeBanner {
        display: none;
    }
    .banner-title {
        font-size: 24px !important;
        max-width: 285px;
        margin: auto;
        height: 136px !important;
    }
    .copyright {
        font-size: 11px !important;
        text-align: center !important;
        padding-top: 20px !important;
    }
    .socialNetworks_footer > a > img {
        padding: 0 !important;
    }
    .socialNetworks_footer > a {
        padding-right: 25px !important;
    }
    a.instagram_footer {
        padding-right: 0 !important;
    }
    
    .boxCardHome {
        width: 250px !important;
    }
    .boxCardHome > img {
        height: 144px !important;
    }
    .imgStick, .imgInvoice, .imgContract {
        margin-top: 12px !important;
    }
    .boxCardTitle {
        word-break: break-word;
        padding-left: 30px;
        padding-right: 30px;
    }
    .nav-btn-mobile {
        display: block !important;
    }

    .pluxee-input {
        width: 100% !important;
    }
    #merchantsInvoices--width, #merchantsTransactions--width {
        margin-top: 35px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }
    .merchantsTransactions--width.box, .merchantsInvoices--width.box {
        padding: 0 !important;
    }
    #merchantsTransactions--width > .pluxee-title,
    #merchantsInvoices--width > .pluxee-title {
        font-size: 25px !important;
        text-align: center;
        margin-bottom: 10px !important;
    }
    #accessMerchant__width > .pluxee-title {
        font-size: 25px !important;
        text-align: center;
        margin-bottom: 40px !important;
    }
    #contractDataForm  .pluxee-title,
    #company__width  .pluxee-title {
        font-size: 25px !important;
        text-align: center;
        margin-bottom: 14px !important;
        margin-top: 54px !important;
    }
    #contractDataForm .form-group.pluxee.invalid > .error-message,
    #profileForm .form-group.pluxee.invalid > .error-message {
        display: block !important;
    }
    #contractDataForm .form-group.pluxee > .error-message,
    #profileForm .form-group.pluxee > .error-message {
        display: none !important;
    }
    .spaceBetweenBoxes {
        margin: 54px 0 !important;
    }
    .companyForm__whiteBox,
    .accessForm__whiteBox {
        background-color: #fff !important;
        padding: 0 !important;
    }
    .accessForm__whiteBox .form-group.pluxee,
    .companyForm__whiteBox .form-group.pluxee {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 25px !important;
    }
    .accessForm__whiteBox .pluxee-input-disabled,
    .accessForm__whiteBox .pluxee-input,
    .companyForm__whiteBox .pluxee-input-disabled,
    .companyForm__whiteBox .pluxee-input {
        width: -webkit-fill-available !important;
        margin-bottom: 0 !important;
    }
    #merchantsTransactions--width > .boxCardTitle,
    #merchantsInvoices--width > .boxCardTitle {
        font-size: 18px !important;
        text-align: center !important;
        margin-bottom: 7px !important
    }
    #merchantsInvoices th {
        font-size: 14px !important;
    }
    #merchantsInvoices--width > .bottomNotes {
        display: grid;
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #merchantsInvoices--width > .bottomNotes > .bottomNotes--payed,
    #merchantsInvoices--width > .bottomNotes > .bottomNotes--pending,
    #merchantsInvoices--width > .bottomNotes > .bottomNotes--processing {
        text-align: left;
    }
    .openPdf {
        display: none !important;
    }
    .openPdfMobile {
        display: flex !important;
    }
    .accordionList__accordionInfo--seeTransactions {
        display: none !important;
    }
    .invoiceInformation__lines.visible-xs {
        display: flex;
        justify-content: center;
    }
    .invoiceInformation__lines.document {
        display: none !important;
    }
    .accordionList__accordionInfo--information.invoiceInformation {
        padding-top: 15px !important;
        padding-bottom: 25px !important;
        width: 90%;
    }
    tr.accordion.accordion-toggle {
        background-color: #F7F7F9 !important;
    }
    .accordionList__accordionInfo.hiddenRow {
        background-color: #F7F7F9 !important;
    }
    .merchantsTransactions__searchArea {
        background: url(/assets/images/pluxee/plx-bg-searchArea.svg) center !important;
        height: 221px !important;
        width: 100% !important;
        margin: 0 !important;
    }
    .selectMonth {
        font-size: 24px !important;
        margin-bottom: 28px !important;
    }
    #monthSelect {
        width: 241px !important;
        border-radius: 0;
    }

    .form-select.pluxee-select-md {
        width: 200px !important;
    }

    .bottomNotes {
        padding-left: 0 !important;
    }

    .modal-dialog-lg {
        max-width: 100% !important;
    }
    .dateDesktop {
        display: none !important;
    }
    .dateMobile {
        display: table-cell !important;
    }
    .container-btn-info-mobile {
        display: flex !important;
    }
    .container-btn-info {
        display: none !important;
    }
    form div.container-btn-info-mobile {
        margin-top: 20px !important;
    }
    td.invoicePeriod {
        display: none !important;
    }
    th.detail > span.hidden-xs {
        display: none !important;
    }
    .invoicePeriodMobile {
        display: table-cell !important;
    }
    #merchantsTransactions td,
    #merchantsInvoices td {
        padding-left: 8px !important;
    }
    #merchantsInvoices tr.accordion,
    #merchantsInvoices tr.accordionb  {
        border-color: #FFF !important;
    }
    #merchantsInvoices td.value {
        padding-right: 0 !important;
    }
    #merchantsInvoices td.value > span {
        padding: 5px !important;
    }
    #merchantsInvoices td.value > span.BGpayed {
        background-color: #00EB5E;
    }
    #merchantsInvoices td.value > span.BGpending {
        background-color: #FFDC37;
    }
    #merchantsInvoices td.value > span.BGprocessing {
        background-color: #17CCF9;
    }
    .bottomNotes--purchase,
    .bottomNotes--devolution {
        display: none !important;
    }
    .merchantsTransactions--width--lineTable {
        border-color: #FFF !important
    }
    .accordionb.d-sm-none {
        border-color: #FFF !important
    }
    .valueTransaction.devolution > span{
        background-color: #EA0001 !important;
        color: #FFF !important;
        padding: 15px;
    }
    .descriptionValue.devolution {
        color: #B30000 !important;
    }
    .myPager {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-top: 15px !important;
        text-align: center !important;
        padding: 0 !important;
        float: none !important;
    }
    .myPager > .pagination {
        margin-bottom: 0 !important;
    }
    .modalTitle {
        font-size: 25px !important;
        text-align: center !important;
    }
    #changePasswordModal .modal-body  .form-group.pluxee {
        padding-left: 0 !important;
    }
    #changePasswordModal .modal-content.pluxee {
        width: -webkit-fill-available !important;
    }
    #changePasswordModal .pluxee-input {
        width: fit-content !important;
    }
    .changePassword__form--submit {
        display: unset !important;
        margin-top: 0 !important;
    }
    .changePassword__form--submit > .btn-pluxee-danger {
        margin-top: 25px !important;
    }
    .accessMerchant__width--form  .btn-pluxee-danger {
        margin-top: 25px !important;
        margin-left: 0 !important;
    }
    .margin-title-callus {
        font-size: 25px !important;
        margin-top: 40px !important;
        margin-bottom: 60px !important;
    }
    .callus-email {
        font-size: 18px !important;
        padding: 22px 11px !important;
    }
    .email-letter {
        width: 60% !important;
        height: auto;
        margin: auto;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    #accessMerchant__width {
        padding-top: 54px !important;
    }
    .btnsection {
        flex-direction: column !important;
    }
    .accessForm__whiteBox.passwordChange > h1.pluxee-subtitle {
        display: none;
    }
    .accessForm__whiteBox.passwordChange  .accessForm__form--Change.desktop {
        display: none;
    }
    .accessForm__whiteBox.passwordChange  .accessForm__form--Change.mobile {
        display: flex !important;
    }
    .accessForm__whiteBox.passwordChange  .pluxee-subtitle.text-start.mobile {
        display: block;
        font-size: 25px !important;
        margin-bottom: 0 !important;
    }
    .accessForm__whiteBox.passwordChange.bg-white {
        margin-top: 60px;
    }
    .mobile-flex {
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .accessForm__whiteBox.passwordChange.bg-white .row.mobile {
        margin-left: -5%;
        width: 110%;
    }
    .accessForm__whiteBox.passwordChange.bg-white .row.mobile > .col-6:not(.mobile-flex) {
        width: 41.66666667%;
    }
    .accessForm__whiteBox.passwordChange.bg-white .row.mobile > .col-6.mobile-flex {
        width: 58.33333333%;
    }
    .accessForm__whiteBox.passwordChange  .passwordChangeMobile {
        display: block !important;
    }
    #signaling__width > .pluxee-title {
        font-size: 25px !important;
        text-align: center !important;
        width: 90% !important;
        margin: auto !important;
        margin-bottom: 15px !important;
    }
    #signaling__width > .pluxee-subtitle {
        font-size: 18px !important;
        text-align: center !important;
    }
    #signaling__width {
        margin-top: 35px !important;
        width: 90% !important;
    }
    #commentBox {
        text-align: center !important;
    }
    #signaling__width .sticker {
        justify-content: center !important;
        margin: auto !important;
    }
    #commentBox > .btn.btn-pluxee-md-bold {
        background: url('/assets/images/pluxee/plx-btn-medium.svg') center no-repeat !important;
        width: 179px !important;
        height: 37px !important;
    }
    #commentBox > .btn.btn-pluxee-md-bold > .btn-pluxee-text {
        font-size: 16px !important;
    }
}
@media (max-width: 375px) {
    .accessForm__whiteBox.passwordChange  .pluxee-subtitle.text-start.mobile {
        font-size: 20px !important;
    }
    .accessForm__whiteBox.passwordChange > .row.mobile > .col-6 > .cofre-banner {
        height: 100%;
        width: 120px;
    }
}
@media (max-width: 320px) {
    .margin-title-callus {
        font-size: 20px !important;
    }
    .callus-email {
        font-size: 14px !important;
        padding: 15px 10px !important;
    }
    .accessForm__whiteBox.passwordChange  .pluxee-subtitle.text-start.mobile {
        font-size: 20px !important;
    }
    .accessForm__whiteBox.passwordChange > .row.mobile > .col-6 > .cofre-banner {
        height: 100%;
        width: 120px;
    }
}
/*Not Found Page*/

.error-message {
    color: var(--Error-message, #B30000) !important;
    font-family: 'TT Travels DemiBold' !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    margin-bottom: 10px !important;
    max-width: 358px;
    min-width: 358px;
    display: inline-block;
}

.error-content {
    margin: auto;
    width: 50%;
    display: grid;
    justify-content: center;
  }
  .error-content .error-icon {
    width: 100%;
    height: 335px;
    margin: auto;
  }
  .error-content .error-statusmessage {
    font-size: 24px !important;
    font-family: 'TT Travels DemiBold' !important;
    font-style: normal !important;
    margin-top: 82px !important;
    margin-bottom: 55px !important;
    font-weight: 600 !important;
    line-height: 130% !important;
    letter-spacing: -1.2px !important;
    text-align: center !important;
  }
  .error-title {
    color: #221C46;
    font-family: "TT Travels DemiBold";
    font-size: 60px;
    font-style: normal;
    margin-top: 7vw;
    font-weight: 900;
    line-height: 110%;
    letter-spacing: -3px;
  }
  .error-title::before {
    content: "";
    display: inline-block;
    width: 42px;
    height: 42px;
    background-image: url('../images/pluxee/plx-X-Mark.svg');
    margin-right: 10px;
  }
  /*##################################################################*/

  button:disabled,
.disabled-link {
    pointer-events: none; /* Prevents clicks */
    opacity: 0.5; /* Makes it look disabled */
    cursor: default; /* Shows a disabled cursor */
}