.hookmeup-hook-preview
{
background: #FFFDE7;
border: 1px dashed #F8E71C;
clear: both;
color: #545454 !important;
font-size: 12px !important;
font-style: italic;
padding: 10px;
margin: 0;
text-align: center;
word-wrap: break-word;
}:root {
--app-color: #bada55;
}
.nobodys-gateway-active #place_order {
display: none;
}
.woocommerce-checkout #payment ul.payment_methods li .nobodys-pagomovil input,
.woocommerce-checkout #payment ul.payment_methods li .nobodys-pagomovil img {
margin: auto;
margin-left: auto;
}
.pagomovil>.app-wrapper>.modal.in {
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
margin: auto auto;
}
#payment .payment_methods label{
margin-left: auto !important;
}
#payment .payment_methods li label{
margin-left: auto;
}
#payment .payment_methods li label.upload-screenshot__btn {
margin-left: 0!important;
font-size: 1em;
margin-bottom: 0.5em;
padding: .5em!important;
}
.pagomovil > .app-wrapper > .pagomovil__app.app > label{
margin: auto;
}
.nobodys-pagomovil .pagomovil {
letter-spacing: 0px;
color: #000;
display: -ms-grid;
display: block;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-ms-grid-rows: (max-content)[2];
grid-template-rows: repeat(2, -webkit-max-content);
grid-template-rows: repeat(2, max-content);
justify-items: center;
}
.nobodys-pagomovil .pagomovil .modal-triggers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.nobodys-pagomovil .pagomovil .modal-triggers .open-modal {
display: none;
}
.nobodys-pagomovil .pagomovil .modal-triggers .open-modal.active {
display: block;
}
.nobodys-pagomovil .pagomovil__title {
display: block;
margin: 0.6rem;
}
.nobodys-pagomovil .pagomovil .app-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
width: auto;
justify-content:flex-start;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nobodys-pagomovil .pagomovil .app {
-webkit-box-flex: 0;
-ms-flex: 0 1 1%;
flex: 0 1 1%;
margin: 0.9rem;
display: -ms-grid;
display: grid;
}
.nobodys-pagomovil .pagomovil .app__name {
margin: .25rem auto !important;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
text-align: center;
order: 2;
}
.nobodys-pagomovil .pagomovil .app__radio {
width: 100%;
display: block;
margin: auto!important;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.nobodys-pagomovil .pagomovil .app__radio:checked~.app__icon .color-prueba {
opacity: 1;
}
.nobodys-pagomovil .pagomovil .app__icon {
margin: 0 auto!important;
background-color: #b3b3b3;
border-radius: 10px;
height: 60px!important;
width: 60px!important;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative!important;
display: block;
overflow: hidden;
}
#payment .payment_methods .nobodys-pagomovil .pagomovil .app__icon img {
margin: 0 auto;
background-color: #b3b3b3;
border-radius: 10px;
height: 60px;
width: 60px;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute!important;
max-height: 100% !important;
}
.nobodys-pagomovil .pagomovil .app__icon .color-prueba {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
justify-content: center;
}
.nobodys-pagomovil #mask {
position: absolute;
z-index: 9000;
background-color: #000;
display: none;
}
.nobodys-pagomovil #boxes .window {
position: fixed;
width: 440px;
height: 200px;
display: none;
z-index: 9999;
padding: 20px;
}
.nobodys-pagomovil #boxes #dialog {
width: 375px;
height: 203px;
}
.modal-body-pagomovil .modal-nb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
height: 100%;
}
.modal_image_qr img {
max-width: 170px!important;
max-height: max-content!important;
margin-bottom: .8em!important;
display: grid;
}
.modal-body-pagomovil .modal-nb__btn {
cursor: pointer;
border-radius: 6px;
text-decoration: none!important;
color: #FFF;
border: none;
font-weight: 600;
}
.modal-body-pagomovil .modal-nb__btn-copy {
color: white!important;
height: auto;
width: -webkit-min-content;
width: -moz-min-content;
width: auto;
padding: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-body-pagomovil .modal-nb__btn-copy:hover {
opacity: 0.9;
}
.modal-body-pagomovil .modal-nb__btn-next {
width: 100%;
padding: 0.8em;
text-align: center;
}
.modal-body-pagomovil .modal-nb__btn-next.disabled {
background-color: #a3a3a39c;
}
.modal-body-pagomovil .modal-nb__btn-next:hover {
opacity: 0.9;
}
.modal-body-pagomovil .modal-nb__btn-next--checkout {
background-color: #b3b3b3;
color: white!important;
cursor: not-allowed;
display: block;
margin-bottom: .8em;
}
.modal-body-pagomovil .modal-nb__btn-next--checkout.enabled {
color: white;
cursor: pointer;
background-color: var(--app-color);
}
.modal-body-pagomovil .modal-nb__btn-back {
border: none;
background: none;
color: #000;
font-weight: 600;
}
.modal-body-pagomovil .modal-nb__btn-back:hover {
color: #b3b3b3;
}
.modal-body-pagomovil .modal-nb__text {
margin-bottom: 0.8em;
text-align: center;
width: 100%;
color: #000;
font-weight: 600;
}
.modal-body-pagomovil .modal-nb__text p {
margin: 0;
}
.modal-body-pagomovil .modal-nb__number,
.modal-body-pagomovil .modal-nb .modal-nb__imgInput {
border: 2px dashed;
border-radius: 6px;
background: #EFEFEF;
width: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: .5rem;
margin-bottom: 0.8em;
}
.modal-body-pagomovil .modal-nb__number span,
.modal-body-pagomovil .modal-nb__imgInput span {
font-weight: 700;
color: #000;
font-size: 1.5em;
padding: 0 0.5em;
}
.modal-body-pagomovil .modal-nb__imgInput {
height: 40%;
border-radius: 10px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.modal-body-pagomovil .modal-nb__imgInput.disabled {
border-color: #b3b3b3;
}
.modal-body-pagomovil .modal-nb__imgInput.active {
border-color: var(--app-color)!important;
}
.modal-body-pagomovil .modal-nb .upload-screenshot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.5em;
background: none!important;
margin-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-body-pagomovil .modal-nb .upload-screenshot span.nb-placeholder-text {
font-weight: 600;
font-size: 1em;
white-space: nowrap;
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.modal-body-pagomovil .modal-nb .upload-screenshot span.nb-placeholder-text.disabled {
color: #000;
}
.modal-body-pagomovil .modal-nb .upload-screenshot span.nb-placeholder-text.active {
color: var(--app-color) !important;
}
.modal-body-pagomovil .modal-nb .upload-screenshot__btn {
border: 1px solid #bfbfbf;
border-radius: 6px;
padding: .5em;
font-size: 0.9em;
background-color: white;
font-weight: 600;
color: black;
text-decoration: none!important;
z-index: 100;
transition: ease .5s background-color;
cursor: pointer;
}
.modal-body-pagomovil .modal-nb .upload-screenshot__btn:hover {
border: 1px solid whitesmoke;
background-color: #b3b3b3;
transition: ease .5s background-color;
color: white;
}
.modal-body-pagomovil .modal-nb .upload-screenshot__input {
position: absolute;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
}
.modal-body-pagomovil .modal-nb__number {
position: relative;
margin-bottom: 0.8em;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.modal-body-pagomovil .modal-nb__number .popuptext {
position: absolute;
border-radius: 6px;
left: 0%;
-webkit-transform: translateX(-120%);
transform: translateX(-120%);
padding: 0.5em;
color: white;
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
font-weight: 600;
font-size: 1em;
transition: opacity .5s ease;
}
.modal-body-pagomovil .modal-nb__number.popup:hover .popuptext {
opacity: 1;
}
.modal-body-pagomovil .modal-nb__orderPrice {
text-align: center;
font-size: 2em;
line-height: initial;
margin: 0;
margin-bottom: 0.8em;
font-weight: bold;
color: #000;
}
.btn-pagomov {
border-radius: 2.5px;
text-decoration: none;
color: #FFF;
border: none;
width: 95%;
font-size: 15px;
text-align: center;
background-color: #0274be;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bolder;
margin: 1rem 0;
}
.btn-pagomov:hover {
background-color: gray;
color: white;
-webkit-transition: background-color .5s ease;
transition: background-color .5s ease;
}
.btn-pagomov a {
padding: .5rem 0;
}
.btn-pagomov a,
.btn-pagomov .page-title {
width: 100%;
color: white;
}
#hidden_field,
#hidden_field2 {
top: 0;
left: 0;
position: fixed;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
.loader {
background-color: transparent;
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top: 4px solid var(--app-color);
width: 20px;
height: 20px;
-webkit-animation: spin .5s linear infinite;
animation: spin .5s linear infinite;
display: none;
z-index: 1000;
}
.loader.active {
display: block;
} .nobody-tooltip {
position: relative;
display: inline-block;
}
.nobody-tooltip .tooltiptext {
font-size: medium !important;
visibility: hidden;
background: linear-gradient(90deg, #4b6bb7a5 0%, #18284892 100%) !important;
width: 140px;
color: #fff !important;
text-align: center;
border-radius: 6px;
padding: 5px; position: absolute;
z-index: 1;
top: 25%;
left: 105%;
margin-right: -85px;
opacity: 0;
transition: all 0.3s;
}
.nobody-tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tooltip {
position: relative;
border-bottom: 1px dotted black;
}
.tooltip span {
visibility: hidden;
width: 10em;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 9;
top: -1em;
left: 100%;
margin-left: 1em;
opacity: 0;
transition: opacity 1s;
}
.tooltip input {
display: none;
}
.tooltip input:checked+span {
visibility: visible;
opacity: 1;
}
#snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 0.8em;
position: fixed;
z-index: 100000;
left: 50%;
bottom: 10px;
font-weight: 700;
}
#snackbar.show {
visibility: visible;  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
} @-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 10px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 10px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 10px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 10px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
div.modal-triggers {
display: none;
} div.modal-body-pagomovil {
padding: 1.8em;
background-color: white;
width: 400px;
box-shadow: 10px 10px 60px #00000026;
border-radius: 10px;
} .modal-button-pagomovil__exit {
position: absolute;
margin-left: 355px !important;
margin-top: -45px;
border-radius: 50px;
width: 35px;
font-size: 22px;
font-weight: 600;
font-family: fantasy;
color: white;
text-align: center;
height: 35px;
cursor: pointer;
} div.overlay-background{
top:0;
left:0;
width: 100%;
height: 100%;   
justify-content: center;
align-items: center;
z-index: 99999!important;
background: rgb(0 0 0 / 55%);
overflow-y: auto;
display: none;
position: fixed;
}
@media (max-width: 420px) {
div.modal-body-pagomovil {
width: 90%;
height: auto;
}  
.modal-button-pagomovil__exit {
margin-left: 75% !important;
}
}:root {
--app-color: #bada55;
}
.nobodys-gateway-active #place_order {
display: none;
}
.woocommerce-checkout #payment ul.payment_methods li .nobodys-pagomovil input,
.woocommerce-checkout #payment ul.payment_methods li .nobodys-pagomovil img {
margin: auto;
margin-left: auto;
}
.pagomovil>.app-wrapper>.modal.in {
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
margin: auto auto;
}
#payment .payment_methods label{
margin-left: auto !important;
}
#payment .payment_methods li label{
margin-left: auto;
}
#payment .payment_methods li label.upload--screenshot__btn {
margin-left: 0!important;
font-size: 1em;
margin-bottom: 0.5em;
padding: .5em!important;
}
.pagomovil > .app-wrapper > .pagomovil__app.app > label{
margin: auto;
}
.nobodys-pagomovil .pagomovil {
letter-spacing: 0px;
color: #000;
display: -ms-grid;
display: block;
-ms-grid-columns: 100%;
grid-template-columns: 100%;
-ms-grid-rows: (max-content)[2];
grid-template-rows: repeat(2, -webkit-max-content);
grid-template-rows: repeat(2, max-content);
justify-items: center;
}
.nobodys-pagomovil .pagomovil .modal-triggers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.nobodys-pagomovil .pagomovil .modal-triggers .open-modal {
display: none;
}
.nobodys-pagomovil .pagomovil .modal-triggers .open-modal.active {
display: block;
}
.nobodys-pagomovil .pagomovil__title {
display: block;
margin: 0.6rem;
}
.nobodys-pagomovil .pagomovil .app-wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
width: auto;
justify-content:flex-start;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.nobodys-pagomovil .pagomovil .app {
-webkit-box-flex: 0;
-ms-flex: 0 1 1%;
flex: 0 1 1%;
margin: 0.9rem;
display: -ms-grid;
display: grid;
}
.nobodys-pagomovil .pagomovil .app__name {
margin: .25rem auto !important;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
text-align: center;
order: 2;
}
.nobodys-pagomovil .pagomovil .app__radio {
width: 100%;
display: block;
margin: auto!important;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.nobodys-pagomovil .pagomovil .app__radio:checked~.app__icon .color-prueba {
opacity: 1;
}
.nobodys-pagomovil .pagomovil .app__icon {
margin: 0 auto!important;
background-color: #b3b3b3;
border-radius: 10px;
height: 60px!important;
width: 60px!important;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
position: relative!important;
display: block;
overflow: hidden;
}
#payment .payment_methods .nobodys-pagomovil .pagomovil .app__icon img {
margin: 0 auto;
background-color: #b3b3b3;
border-radius: 10px;
height: 60px;
width: 60px;
right: 0;
top: 0;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
overflow: hidden;
position: absolute!important;
max-height: 100% !important;
}
.nobodys-pagomovil .pagomovil .app__icon .color-prueba {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
justify-content: center;
}
.nobodys-pagomovil #mask {
position: absolute;
z-index: 9000;
background-color: #000;
display: none;
}
.nobodys-pagomovil #boxes .window {
position: fixed;
width: 440px;
height: 200px;
display: none;
z-index: 9999;
padding: 20px;
}
.nobodys-pagomovil #boxes #dialog {
width: 375px;
height: 203px;
}
.modal-body-pagomovil .modal-nb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0;
height: 100%;
}
.modal_image_qr img {
max-width: 170px!important;
max-height: max-content!important;
margin-bottom: .8em!important;
display: grid;
}
.modal-body-pagomovil .modal-nb__btn-- {
cursor: pointer;
border-radius: 6px;
text-decoration: none!important;
color: #FFF;
border: none;
font-weight: 600;
}
.modal-body-pagomovil .modal-nb__btn---copy {
color: white!important;
height: auto;
width: -webkit-min-content;
width: -moz-min-content;
width: auto;
padding: 0.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-body-pagomovil .modal-nb__btn---copy:hover {
opacity: 0.9;
}
.modal-body-pagomovil .modal-nb__btn---next {
width: 100%;
padding: 0.8em;
text-align: center;
}
.modal-body-pagomovil .modal-nb__btn---next.disabled {
background-color: #a3a3a39c;
}
.modal-body-pagomovil .modal-nb__btn---next:hover {
opacity: 0.9;
}
.modal-body-pagomovil .modal-nb__btn---next--checkout {
background-color: #b3b3b3;
color: white!important;
cursor: not-allowed;
display: block;
margin-bottom: .8em;
}
.modal-body-pagomovil .modal-nb__btn---next--checkout.enabled {
color: white;
cursor: pointer;
background-color: var(--app-color);
}
.modal-body-pagomovil .modal-nb__btn---back {
border: none;
background: none;
color: #000;
font-weight: 600;
}
.modal-body-pagomovil .modal-nb__btn---back:hover {
color: #b3b3b3;
}
.modal-body-pagomovil .modal-nb__text {
margin-bottom: 0.8em;
text-align: center;
width: 100%;
color: #000;
font-weight: 600;
}
.modal-body-pagomovil .modal-nb__text p {
margin: 0;
}
.modal-body-pagomovil .modal-nb__number,
.modal-body-pagomovil .modal-nb .modal-nb__imgInput___ {
border: 2px dashed;
border-radius: 6px;
background: #EFEFEF;
width: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center; 
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: .5rem;
margin-bottom: 0.8em;
}
.modal-body-pagomovil .modal-nb__number span,
.modal-body-pagomovil .modal-nb__imgInput___ span {
font-weight: 700;
color: #000;
font-size: 1.5em;
padding: 0 0.5em;
}
.modal-body-pagomovil .modal-nb__imgInput___ {
height: 40%;
border-radius: 10px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.modal-body-pagomovil .modal-nb__imgInput___.disabled {
border-color: #b3b3b3;
}
.modal-body-pagomovil .modal-nb__imgInput___.active {
border-color: var(--app-color)!important;
}
.modal-body-pagomovil .modal-nb .upload--screenshot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1.5em;
background: none!important;
margin-bottom: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal-body-pagomovil .modal-nb .upload--screenshot span.nb-placeholder-text {
font-weight: 600;
font-size: 1em;
white-space: nowrap;
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
}
.modal-body-pagomovil .modal-nb .upload--screenshot span.nb-placeholder-text.disabled {
color: #000;
}
.modal-body-pagomovil .modal-nb .upload--screenshot span.nb-placeholder-text.active {
color: var(--app-color) !important;
}
.modal-body-pagomovil .modal-nb .upload--screenshot__btn {
border: 1px solid #bfbfbf;
border-radius: 6px;
padding: .5em;
font-size: 0.9em;
background-color: white;
font-weight: 600;
color: black;
text-decoration: none!important;
z-index: 100;
transition: ease .5s background-color;
cursor: pointer;
}
.modal-body-pagomovil .modal-nb .upload--screenshot__btn:hover {
border: 1px solid whitesmoke;
background-color: #b3b3b3;
transition: ease .5s background-color;
color: white;
}
.modal-body-pagomovil .modal-nb .upload--screenshot__input_ {
position: absolute;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
cursor: pointer;
}
.modal-body-pagomovil .modal-nb__number {
position: relative;
margin-bottom: 0.8em;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.modal-body-pagomovil .modal-nb__number .popuptext {
position: absolute;
border-radius: 6px;
left: 0%;
-webkit-transform: translateX(-120%);
transform: translateX(-120%);
padding: 0.5em;
color: white;
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
font-weight: 600;
font-size: 1em;
transition: opacity .5s ease;
}
.modal-body-pagomovil .modal-nb__number.popup:hover .popuptext {
opacity: 1;
}
.modal-body-pagomovil .modal-nb__orderPrice {
text-align: center;
font-size: 2em;
line-height: initial;
margin: 0;
margin-bottom: 0.8em;
font-weight: bold;
color: #000;
}
.btn-pagomov {
border-radius: 2.5px;
text-decoration: none;
color: #FFF;
border: none;
width: 95%;
font-size: 15px;
text-align: center;
background-color: #0274be;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: bolder;
margin: 1rem 0;
}
.btn-pagomov:hover {
background-color: gray;
color: white;
-webkit-transition: background-color .5s ease;
transition: background-color .5s ease;
}
.btn-pagomov a {
padding: .5rem 0;
}
.btn-pagomov a,
.btn-pagomov .page-title {
width: 100%;
color: white;
}
#hidden_field,
#hidden_field2 {
top: 0;
left: 0;
position: fixed;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
.loader {
background-color: transparent;
border: 4px solid #f3f3f3;
border-radius: 50%;
border-top: 4px solid var(--app-color);
width: 20px;
height: 20px;
-webkit-animation: spin .5s linear infinite;
animation: spin .5s linear infinite;
display: none;
z-index: 1000;
}
.loader.active {
display: block;
} .nobody-tooltip {
position: relative;
display: inline-block;
}
.nobody-tooltip .tooltiptext {
font-size: medium !important;
visibility: hidden;
background: linear-gradient(90deg, #4b6bb7a5 0%, #18284892 100%) !important;
width: 140px;
color: #fff !important;
text-align: center;
border-radius: 6px;
padding: 5px; position: absolute;
z-index: 1;
top: 25%;
left: 105%;
margin-right: -85px;
opacity: 0;
transition: all 0.3s;
}
.nobody-tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
} @-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tooltip {
position: relative;
border-bottom: 1px dotted black;
}
.tooltip span {
visibility: hidden;
width: 10em;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 9;
top: -1em;
left: 100%;
margin-left: 1em;
opacity: 0;
transition: opacity 1s;
}
.tooltip input {
display: none;
}
.tooltip input:checked+span {
visibility: visible;
opacity: 1;
}
#snackbar_trf {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 0.8em;
position: fixed;
z-index: 100000;
left: 50%;
bottom: 10px;
font-weight: 700;
}
#snackbar_trf.show {
visibility: visible;  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
} @-webkit-keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 10px;
opacity: 1;
}
}
@keyframes fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 10px;
opacity: 1;
}
}
@-webkit-keyframes fadeout {
from {
bottom: 10px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes fadeout {
from {
bottom: 10px;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
div.modal-triggers {
display: none;
} div.modal-body-pagomovil {
padding: 1.8em;
background-color: white;
width: 400px;
box-shadow: 10px 10px 60px #00000026;
border-radius: 10px;
} .modal-button-pagomovil__exit_ {
position: absolute;
margin-left: 355px !important;
margin-top: -45px;
border-radius: 50px;
width: 35px;
font-size: 22px;
font-weight: 600;
font-family: fantasy;
color: white;
text-align: center;
height: 35px;
cursor: pointer;
} div.overlay-background{
top:0;
left:0;
width: 100%;
height: 100%;   
justify-content: center;
align-items: center;
z-index: 99999!important;
background: rgb(0 0 0 / 55%);
overflow-y: auto;
display: none;
position: fixed;
}
@media (max-width: 420px) {
div.modal-body-pagomovil {
width: 90%;
height: auto;
}  
.modal-button-pagomovil__exit_ {
margin-left: 75% !important;
}
}