@charset "UTF-8";
.grilabs-pos-inline {
position: fixed;
width: 100%;
left: 0;
height: 100%;
top: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 99999999;
display: none;
}
.grilabs-pos-inline .grilabs--pos--grimodal {
width: 400px;
margin: 0;
left: 50%;
margin-left: -200px;
position: absolute;
top: 50px;
border: 2px solid #333;
border-radius: 3px;
background: #FFF;
box-shadow: 0 0 13px -10px #333;
}
.grilabs-pos-inline .grilabs--pos--grimodal button.grilabs--grimodal--close {
border: 0 none;
float: none;
text-align: center;
width: 32px;
height: 32px;
position: absolute;
right: -10px;
top: -10px;
border-radius: 100%;
background-color: #333;
line-height: 46px;
padding: 0;
z-index: 99;
}
.grilabs-pos-inline .grilabs--pos--grimodal button.grilabs--grimodal--close img {
float: none !important;
display: inline-block !important;
max-width: none;
max-height: none !important;
width: 25px;
height: 25px;
position: absolute;
top: 3px;
right: 3px;
}
#grilabs--inline--iframe, #grilabs--inline--iframe--mobile {
background-color: transparent;
z-index: 2;
position: relative;
}
.grilabs--pos--loading {
padding-top: 100px;
text-align: center;
position: absolute;
left: 0;
width: 100%;
top: 0;
z-index: 0;
background-color: #fff;
}
.grilabs--pos--loading img {
float: none !important;
display: inline-block !important;
max-height: none !important;
max-width: none !important;
margin-bottom: 40px;
}
.grilabs--pos--loading h5 {
font-size: 14px;
}
.grilabs--pos--loading h4 {
font-size: 16px;
}
#gl-loading-installments {
position: absolute;
right: 70px;
margin-top: -53px;
}
#installmentInputs {
width: 100%;
float: left;
display: block;
padding: 10px 5px;
margin-top: 5px;
}
#installmentInputs label {
font-weight: normal;
text-align: center;
width: 88px !important;
height: 88px !important;
display: block;
float: left;
border: 1px solid #ddd;
margin: 5px 3px !important;
padding: 15px 7px 3px 7px;
background-color: #fff;
color: #333;
cursor: pointer;
position: relative;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none; -ms-user-select: none;
user-select: none;
}
@media screen and (min-width: 720px) {
#installmentInputs label:nth-child(4n+4), #installmentInputs label:last-child {
margin-right: 0 !important;
}
#installmentInputs label:nth-child(4n+5), #installmentInputs label:first-child {
margin-left: 0 !important;
clear: both;
}
}
@media screen and (max-width: 720px) {
#installmentInputs label {
width: 31% !important;
}
#installmentInputs label:nth-child(3n+3), #installmentInputs label:last-child {
margin-right: 0 !important;
}
#installmentInputs label:nth-child(3n+4), #installmentInputs label:first-child {
margin-left: 0 !important;
}
}
#installmentInputs label.active {
background-color: #fff;
border-color: #343a40;
}
#installmentInputs label.active::before, #installmentInputs label.active::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
border-color: transparent;
border-style: solid;
}
#installmentInputs label.active::before {
border-width: 1.1em;
border-right-color: #343a40;
border-bottom-color: #343a40;
}
#installmentInputs label.active::after {
background-image: url(//www.anatoliantresholdtravel.com/wp-content/plugins/grilabs-woocommerce-pos/assets/image/check-mark.svg);
background-size: 60%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
right: 0px;
bottom: 0px;
content: " ";
width: 24px;
height: 24px;
}
#installmentInputs label.active .installment-big {
font-weight: bold;
}
#installmentInputs label .installment-big {
width: 100%;
display: block;
font-weight: normal;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
#installmentInputs label .installment-big:after {
position: absolute;
content: " ";
width: 20px;
height: 1px;
background: #c9c9c9;
left: 50%;
bottom: -1px;
margin-left: -10px;
}
#installmentInputs label .installment-amounts {
width: 100%;
display: block;
font-size: 10px;
line-height: 15px;
margin-top: 5px;
}
#installmentInputs label .installment-amounts strong {
font-size: 12px;
width: 100%;
display: block;
}
#installmentInputs label .installment-amounts small {
width: 100%;
display: block;
font-size: 11px;
color: #AAA;
}
#installmentInputs.modern-form-installments {
float: right;
padding-right: 0;
background: #f5f5f5;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 0;
padding-left: 5px;
}
#installmentInputs.modern-form-installments label {
width: 90px !important; }
#installmentInputs.modern-form-installments label:nth-child(3n+3), #installmentInputs.modern-form-installments label:nth-child(4n+4) {
margin-right: 3px !important;
}
#installmentInputs.modern-form-installments label:last-child {
margin-right: 0px !important;
}
#installmentInputs.modern-form-installments label:nth-child(4n+5), #installmentInputs.modern-form-installments label:nth-child(3n+4) {
margin-left: 3px !important;
}
#installmentInputs.modern-form-installments label:nth-child(5n+1) {
margin-left: 0px !important;
}
@media screen and (max-width: 720px) {
#installmentInputs.modern-form-installments label {
width: 88px !important;
margin-left: 5px !important;
margin-right: 5px !important;
}
#installmentInputs.modern-form-installments label:nth-child(4n+5), #installmentInputs.modern-form-installments label:nth-child(3n+4), #installmentInputs.modern-form-installments label:nth-child(6n+6) {
margin-left: 5px !important;
margin-right: 5px !important;
}
#installmentInputs.modern-form-installments label:nth-child(6n+6), #installmentInputs.modern-form-installments label:nth-child(3n+3) {
margin-right: 5px !important;
}
#installmentInputs.modern-form-installments label:nth-child(6n+7) {
margin-left: 5px !important;
}
}
#installmentInputs:empty {
display: none;
}
.gl-mobile-fullscreen-grimodal {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999999999;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.65);
}
.gl-mobile-fullscreen-grimodal .grilabs--grimodal--close {
width: 40px;
position: absolute;
background: rgba(0, 0, 0, 0.75);
z-index: 99;
right: 2px;
padding: 7px;
border-radius: 5px;
top: 4px;
}
.gl-card-cvc-row {
float: right !important;
width: 40% !important;
margin: 0 !important;
margin-left: 10% !important;
}
.gl-card-expiry-row {
float: left !important;
width: 50% !important;
margin: 0 !important;
}
.gl-card-expiry-row input {
width: 100px !important;
}
.wc-credit-card-form .gl-external-payment-methods--inline {
width: 100%;
background: #EEE;
border-radius: 5px;
height: 50px;
margin: 5px 0;
border: 1px dashed rgba(0, 0, 0, 0.1);
}
.wc-credit-card-form .gl-external-payment-methods--inline ul {
overflow-x: auto;
white-space: nowrap;
padding: 0;
margin: 0;
height: 65px;
padding-top: 5px;
list-style: none;
}
@media screen and (max-width: 720px) {
.wc-credit-card-form .gl-external-payment-methods--inline ul {
text-align: center;
}
}
.wc-credit-card-form .gl-external-payment-methods--inline ul li {
display: inline-block;
width: 30%;
line-height: 50px;
margin: 0 1.5%;
padding: 0;
height: 50px;
text-align: center;
}
@media screen and (max-width: 720px) {
.wc-credit-card-form .gl-external-payment-methods--inline ul li {
width: auto;
}
}
.wc-credit-card-form .gl-external-payment-methods--inline ul li button {
padding: 0;
margin: 0;
}
.wc-credit-card-form .gl-external-payment-methods--inline #pym-garantipay-initbutton {
color: #bdbdbd;
height: 40px;
padding: 0 5px;
margin: 5px;
background-color: #fff;
}
.wc-credit-card-form .gl-external-payment-methods--inline #pym-garantipay-initbutton img {
margin: 0 !important;
height: 40px;
width: 100%;
}
 .grilabs-payment-form-full-container {
width: 100%;
display: block;
user-select: none;
}
.grilabs-payment-form-full-container .gl--input-type-select select {
border: 2px solid #ccc !important;
box-shadow: 0 0 0 !important;
}
.grilabs-payment-form-full-container .custom-select, .grilabs-payment-form-full-container .gl--input-type-select {
position: relative;
margin-bottom: 10px;
float: left;
width: 100%;
}
.grilabs-payment-form-full-container .custom-select svg, .grilabs-payment-form-full-container .gl--input-type-select svg {
position: absolute;
right: 12px;
top: calc(50% - 3px);
width: 10px;
height: 6px;
stroke-width: 2px;
stroke: #9098a9;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
pointer-events: none;
}
.grilabs-payment-form-full-container .custom-select select, .grilabs-payment-form-full-container .gl--input-type-select select {
-webkit-appearance: none;
padding: 11px 40px 11px 12px;
width: 100%;
border: 1px solid #e8eaed;
border-radius: 5px;
background: #fff;
box-shadow: 0 1px 3px -2px #9098a9;
cursor: pointer;
font-family: inherit;
font-size: 16px;
transition: all 150ms ease;
}
.grilabs-payment-form-full-container .custom-select select:required:invalid, .grilabs-payment-form-full-container .gl--input-type-select select:required:invalid {
color: #5a667f;
}
.grilabs-payment-form-full-container .custom-select select option, .grilabs-payment-form-full-container .gl--input-type-select select option {
color: #223254;
}
.grilabs-payment-form-full-container .custom-select select:focus, .grilabs-payment-form-full-container .gl--input-type-select select:focus {
outline: none;
}
.grilabs-payment-form-full-container .custom-select select:hover + svg, .grilabs-payment-form-full-container .gl--input-type-select select:hover + svg {
stroke: #07f;
}
.grilabs-payment-form-full-container .cart-not-empty-alert {
width: 300px;
max-width: 100%;
padding: 5px 10px;
border-radius: 4px;
background-color: lightyellow;
color: #333;
margin: 0 auto;
text-align: center;
box-shadow: 0 0 3px #EEE;
border: 1px solid #ddd;
}
.grilabs-payment-form-full-container .cart-not-empty-alert img {
float: left;
margin-top: 5px;
}
.grilabs-payment-form-full-container .gl--input-group {
width: 100%;
float: left;
margin-bottom: 10px;
}
.grilabs-payment-form-full-container .gl--input-group label {
font-size: 14px;
color: #000;
}
.grilabs-payment-form-full-container .gl--input-group.gl--input-type-input-checkbox > label {
float: right;
width: calc(100% - 40px);
text-align: left;
padding: 0;
line-height: 30px;
cursor: pointer;
}
.grilabs-payment-form-full-container .gl--input-group.gl--input-type-input-checkbox > label a {
outline: 0;
text-decoration: none;
transition: opacity 0.2s ease;
}
.grilabs-payment-form-full-container .gl--input-group.gl--input-type-input-checkbox > label a:hover {
opacity: 0.75;
}
.grilabs-payment-form-full-container .gl--input-group.gl--input-type-input-checkbox .round {
float: left;
width: 28px;
}
.grilabs-payment-form-full-container .gl--input-group .round + label {
display: none;
}
.grilabs-payment-form-full-container .gl--input-group .round {
position: relative;
}
.grilabs-payment-form-full-container .gl--input-group .round label {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 50%;
cursor: pointer;
height: 28px;
left: 0;
position: absolute;
top: 0;
width: 28px;
margin: 0;
}
.grilabs-payment-form-full-container .gl--input-group .round label:after {
border: 2px solid #fff;
border-top: none;
border-right: none;
content: "";
height: 6px;
left: 7px;
opacity: 0;
position: absolute;
top: 8px;
transform: rotate(-45deg);
width: 12px;
}
.grilabs-payment-form-full-container .gl--input-group .round input[type=checkbox] {
visibility: hidden;
}
.grilabs-payment-form-full-container .gl--input-group .round input[type=checkbox]:checked + label {
background-color: #66bb6a;
border-color: #66bb6a;
}
.grilabs-payment-form-full-container .gl--input-group .round input[type=checkbox]:checked + label:after {
opacity: 1;
}
.grilabs-payment-form-full-container #form-preview * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grilabs-payment-form-full-container .payment-container {
font-family: "Montserrat", sans-serif;
font-weight: 500;
font-size: 12px;
margin-top: 30px;
text-align: center;
}
.grilabs-payment-form-full-container .payment-container * {
font-family: "Montserrat", sans-serif;
}
.grilabs-payment-form-full-container .payment-container .payment-box {
width: 600px;
max-width: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
position: relative;
margin-left: auto;
margin-right: auto;
display: inline-block;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
text-align: left;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: 0 0 35px -20px #333;
border: 5px solid rgba(255, 255, 255, 0.5);
overflow: hidden;
overflow: hidden;
}
@media screen and (max-width: 768px) {
.grilabs-payment-form-full-container .payment-container .payment-box {
width: 100%;
}
}
.grilabs-payment-form-full-container .payment-container .payment-box .set-z-index {
z-index: 2;
position: relative;
width: 100%;
float: left;
}
.grilabs-payment-form-full-container .payment-container .payment-box:before {
z-index: 1;
content: " ";
position: absolute;
left: 0;
top: 0;
width: 100%;
opacity: 1;
height: 100%;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide {
width: 1100px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .fields {
width: 25%;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .fields input {
width: calc(100% - 24px);
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount {
float: left;
width: 50%;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra {
width: calc(50% - 24px);
display: block;
margin: 20px 10px;
float: left;
margin-top: 0;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button input, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra input {
width: 80%;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button .switch, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra .switch {
width: 100%;
margin: 0;
height: 60px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button .switch .switch-label, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra .switch .switch-label {
height: 60px;
line-height: 50px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button .switch .switch-selection, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra .switch .switch-selection {
height: 56px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button .switch .switch-input:checked + .switch-label-on ~ .switch-selection, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra .switch .switch-input:checked + .switch-label-on ~ .switch-selection {
left: 50%;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .gri-df-button .switch .switch-input:checked + .switch-label, .grilabs-payment-form-full-container .payment-container .payment-box.wide .amount .extra .switch .switch-input:checked + .switch-label {
font-weight: bold;
color: #F5F5F5;
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .col-mid {
float: left;
width: 20%;
margin-top: 20px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.wide .col-mid .styled-checkboxes {
width: 100%;
}
.grilabs-payment-form-full-container .payment-container .payment-box.long {
width: 220px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .fields {
margin-left: 10px;
padding-right: 10px;
padding-right: 0;
width: calc(100% - 20px);
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .amount {
margin-left: 10px;
margin-right: 10px;
padding: 0;
width: calc(100% - 20px);
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .amount .gri-df-button {
width: 45%;
float: left;
margin: 2.5%;
margin-top: 0;
position: relative;
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .amount .gri-df-button.custom-amount-button {
position: relative;
text-indent: -3000px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .amount .gri-df-button.custom-amount-button input {
position: absolute;
left: 0;
width: 100%;
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .amount .gri-df-button span {
padding-top: 5px;
padding-bottom: 5px;
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .styled-checkboxes {
margin: 5px 10px;
width: calc(100% - 20px);
}
.grilabs-payment-form-full-container .payment-container .payment-box.long .switch {
margin: 10px;
width: calc(100% - 20px);
}
.grilabs-payment-form-full-container .payment-container .payment-box .sprites {
position: absolute;
width: 0;
height: 0;
pointer-events: none;
user-select: none;
}
.grilabs-payment-form-full-container .payment-box .title {
background-color: #00BCD4;
font-weight: 900;
letter-spacing: 1px;
width: 100%;
text-transform: uppercase;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.grilabs-payment-form-full-container .payment-box .payment-button {
background-color: #00BCD4;
width: 100%;
text-transform: uppercase;
color: #fff;
text-align: center;
padding-top: 12px;
padding-bottom: 12px;
font-size: 18px;
bottom: 0px;
cursor: pointer;
font-weight: 800;
float: left;
display: block;
outline: 0;
border: 0 none;
-webkit-transition: background-color 0.2s;
-moz-transition: background-color 0.2s;
-ms-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.grilabs-payment-form-full-container .payment-box .payment-button:hover {
background-color: #607D8B;
}
.grilabs-payment-form-full-container .payment-box .fields {
width: 59%;
display: block;
margin-top: 20px;
margin-left: 15px;
float: left;
}
@media screen and (max-width: 768px) {
.grilabs-payment-form-full-container .payment-box .fields {
width: 100%;
padding-right: 10px;
padding-left: 10px;
margin-left: 0;
margin-right: 0;
}
}
.grilabs-payment-form-full-container .payment-box .fields ::-webkit-input-placeholder {
color: #999;
font-size: 15px;
}
.grilabs-payment-form-full-container .payment-box .fields :-moz-placeholder { color: #999;
font-size: 15px;
}
.grilabs-payment-form-full-container .payment-box .fields ::-moz-placeholder { color: #999;
font-size: 15px;
}
.grilabs-payment-form-full-container .payment-box .fields :-ms-input-placeholder {
color: #999;
font-size: 15px;
}
.grilabs-payment-form-full-container .payment-box .fields input, .grilabs-payment-form-full-container .payment-box .fields textarea {
width: 100%;
font-size: 17px;
padding: 10px;
border-radius: 4px;
color: #5C5C5C;
font-family: "Montserrat", sans-serif;
font-weight: 500;
-webkit-font-smoothing: antialiased;
border: 2px solid #ccc;
resize: vertical;
-webkit-transition: all 0.1s;
-moz-transition: all 0.1s;
-ms-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.grilabs-payment-form-full-container .payment-box .fields input:focus, .grilabs-payment-form-full-container .payment-box .fields textarea:focus {
transform: scale(1.01);
border-color: #384F5A;
box-shadow: 0 0 0;
outline: 0;
}
.grilabs-payment-form-full-container .payment-box .amount {
width: 30%;
display: block;
margin-top: 20px;
margin-right: 15px;
float: right;
}
@media screen and (max-width: 768px) {
.grilabs-payment-form-full-container .payment-box .amount {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-right: 0;
margin-left: 0;
}
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button {
width: 100%;
background-color: #00BCD4;
margin-bottom: 10px;
text-align: center;
color: #fff;
padding: 20px 0px 20px 0px;
border-radius: 4px;
font-size: 20px;
cursor: pointer;
-webkit-transition: 400ms background-color;
-moz-transition: 800ms opacity, 800ms right;
-ms-transition: 800ms opacity, 800ms right;
-o-transition: 800ms opacity, 800ms right;
transition: 200ms background-color;
border: 2px solid #ccc;
position: relative;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button span {
float: left;
width: 100%;
font-size: 12px;
background: #000;
position: absolute;
right: 0;
bottom: 0;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button.hasSpan {
padding: 15px 0px 25px 0px;
}
@media screen and (max-width: 768px) {
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button {
width: 45%;
margin-left: 2.5%;
margin-right: 2.5%;
float: left;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button.custom-amount-button {
position: relative;
text-indent: -3000px;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button.custom-amount-button input {
position: absolute;
left: 0;
width: 100%;
}
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button:hover {
background-color: #607D8B;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button.selected {
background-color: #607D8B;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button input {
min-width: 34px;
font-size: 20px;
font-weight: 500;
border: none;
background-color: transparent;
color: white;
font-family: Montserrat, sans-serif;
font-stretch: normal;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
text-align: center;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
box-shadow: 0 0 0;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button input.set-amount {
max-width: 96px;
padding: 0;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button input:focus {
outline: none;
border: 0 none;
border-bottom: 2px solid #fff;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button.selected input:focus {
border-bottom-color: #5a667f;
}
.grilabs-payment-form-full-container .payment-box .amount .gri-df-button strong {
font-weight: normal;
}
.grilabs-payment-form-full-container .switch {
position: relative;
margin: 20px auto;
height: 36px;
width: 58.5%;
background: white;
float: left;
margin-left: 15px;
border-radius: 3px;
}
.grilabs-payment-form-full-container .switch-label {
position: relative;
z-index: 2;
float: left;
width: 49%;
line-height: 26px;
font-size: 13px;
color: #5C5C5C;
text-align: center;
cursor: pointer;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}
.grilabs-payment-form-full-container .switch-label:active {
font-weight: bold;
}
.grilabs-payment-form-full-container .switch-label-off {
padding-left: 2px;
}
.grilabs-payment-form-full-container .switch-label-on {
padding-right: 2px;
}
.grilabs-payment-form-full-container .switch-input {
display: none !important;
}
.grilabs-payment-form-full-container .switch-input:checked + .switch-label {
font-weight: bold;
color: #F5F5F5;
-webkit-transition: 0.15s ease-out;
-moz-transition: 0.15s ease-out;
-o-transition: 0.15s ease-out;
transition: 0.15s ease-out;
}
.grilabs-payment-form-full-container .switch-input:checked + .switch-label-on ~ .switch-selection {
left: 50%;
}
.grilabs-payment-form-full-container .switch-selection {
display: block;
position: absolute;
z-index: 1;
top: 2px;
left: 1%;
width: 49%;
height: 32px;
background: #65bd63;
border-radius: 3px;
background-color: #607D8B;
-webkit-transition: left 0.15s ease-out;
-moz-transition: left 0.15s ease-out;
-o-transition: left 0.15s ease-out;
transition: left 0.15s ease-out;
}
.grilabs-payment-form-full-container .styled-checkboxes {
top: 242px;
left: 13px;
margin-left: 13px;
display: block;
float: left;
width: 60%;
}
.grilabs-payment-form-full-container .styled-checkboxes .single-checkbox {
padding-top: 5px;
padding-bottom: 5px;
}
.grilabs-payment-form-full-container .styled-checkboxes .single-checkbox label {
padding-top: 5px;
top: 0;
}
.grilabs-payment-form-full-container .styled-checkboxes .single-checkbox label[onclick] {
border-bottom: 1px dotted #000;
}
.grilabs-payment-form-full-container .styled-checkboxes label {
position: relative;
top: -8px;
font-size: 13px;
color: gray;
}
.grilabs-payment-form-full-container .styled-checkboxes .checkbox {
overflow: hidden;
-webkit-appearance: none;
background-color: #fafafa;
border: 1px solid #607D8B;
padding: 0px;
border-radius: 3px;
display: inline-block;
position: relative;
outline: none;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
margin-right: 5px;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
float: left;
}
.grilabs-payment-form-full-container .styled-checkboxes .checkbox:checked {
background-color: #607D8B;
border: 1px solid #607D8B;
color: white;
}
.grilabs-payment-form-full-container .styled-checkboxes .checkbox:checked:before {
display: none;
}
.grilabs-payment-form-full-container .styled-checkboxes .checkbox:checked:after {
content: "✔";
font-size: 16px;
position: relative;
color: white;
width: 20px;
height: 20px;
padding: 0;
top: 0;
left: 0;
text-align: center;
line-height: 18px;
}
@media screen and (max-width: 768px) {
.grilabs-payment-form-full-container .styled-checkboxes {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 0;
}
}
.grilabs-payment-form-full-container .confirm {
display: none;
position: absolute;
top: 335px;
left: 15px;
right: 15px;
font-size: 16px;
-webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.grilabs-payment-form-full-container .confirm i {
font-weight: bold;
text-decoration: underline;
font-style: normal;
}
.grilabs-payment-form-full-container .description {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
line-height: 24px;
color: #fff;
font-style: italic;
}
.grilabs-payment-form-full-container .set-amount::-webkit-input-placeholder {
color: #fff;
font-size: 14px;
}
.grilabs-payment-form-full-container .set-amount:-moz-placeholder { color: #fff;
font-size: 14px;
}
.grilabs-payment-form-full-container .set-amount::-moz-placeholder { color: #fff;
font-size: 14px;
}
.grilabs-payment-form-full-container .set-amount:-ms-input-placeholder {
color: #fff;
font-size: 14px;
}
.grilabs-payment-form-full-container .gl--external-link-icon {
width: 16px;
height: 16px;
display: inline-block;
margin-left: 10px;
}.alertify .ajs-dimmer {
position: fixed;
z-index: 1981;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0;
background-color: #252525;
opacity: .5;
}
.alertify .ajs-modal {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 0;
overflow-y: auto;
z-index: 1981;
}
.alertify .ajs-dialog {
position: relative;
margin: 5% auto;
min-height: 110px;
max-width: 500px;
padding: 24px 24px 0 24px;
outline: 0;
background-color: #fff;
}
.alertify .ajs-dialog.ajs-capture:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: 1;
}
.alertify .ajs-reset {
position: absolute !important;
display: inline !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
.alertify .ajs-commands {
position: absolute;
right: 4px;
margin: -14px 24px 0 0;
z-index: 2;
}
.alertify .ajs-commands button {
display: none;
width: 10px;
height: 10px;
margin-left: 10px;
padding: 10px;
border: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
}
.alertify .ajs-commands button.ajs-close {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC);
}
.alertify .ajs-commands button.ajs-maximize {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC);
}
.alertify .ajs-header {
margin: -24px;
margin-bottom: 0;
padding: 16px 24px;
background-color: #fff;
}
.alertify .ajs-body {
min-height: 56px;
}
.alertify .ajs-body .ajs-content {
padding: 16px 24px 16px 16px;
}
.alertify .ajs-footer {
padding: 4px;
margin-left: -24px;
margin-right: -24px;
min-height: 43px;
background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
text-align: right;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
margin: 4px;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
float: left;
clear: none;
text-align: left;
}
.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
margin: 4px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
min-width: 88px;
min-height: 35px;
}
.alertify .ajs-handle {
position: absolute;
display: none;
width: 10px;
height: 10px;
right: 0;
bottom: 0;
z-index: 1;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
-webkit-transform: scaleX(1) ;
transform: scaleX(1) ;
cursor: se-resize;
}
.alertify.ajs-no-overflow .ajs-body .ajs-content {
overflow: hidden !important;
}
.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
left: 0;
right: 0;
padding: 0;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
margin-left: -24px;
margin-right: -24px;
}
.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
padding: 0;
}
.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
left: 0;
right: 0;
}
.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
display: inline-block;
}
.alertify.ajs-closable .ajs-commands button.ajs-close {
display: inline-block;
}
.alertify.ajs-maximized .ajs-dialog {
width: 100% !important;
height: 100% !important;
max-width: none !important;
margin: 0 auto !important;
top: 0 !important;
left: 0 !important;
}
.alertify.ajs-maximized.ajs-modeless .ajs-modal {
position: fixed !important;
min-height: 100% !important;
max-height: none !important;
margin: 0 !important;
}
.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=);
}
.alertify.ajs-resizable .ajs-dialog,
.alertify.ajs-maximized .ajs-dialog {
padding: 0;
}
.alertify.ajs-resizable .ajs-commands,
.alertify.ajs-maximized .ajs-commands {
margin: 14px 24px 0 0;
}
.alertify.ajs-resizable .ajs-header,
.alertify.ajs-maximized .ajs-header {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
padding: 16px 24px;
}
.alertify.ajs-resizable .ajs-body,
.alertify.ajs-maximized .ajs-body {
min-height: 224px;
display: inline-block;
}
.alertify.ajs-resizable .ajs-body .ajs-content,
.alertify.ajs-maximized .ajs-body .ajs-content {
position: absolute;
top: 50px;
right: 24px;
bottom: 50px;
left: 24px;
overflow: auto;
}
.alertify.ajs-resizable .ajs-footer,
.alertify.ajs-maximized .ajs-footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
min-width: 548px;
}
.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
display: block;
}
.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
cursor: move;
}
.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
display: none;
}
.alertify.ajs-modeless .ajs-modal {
overflow: visible;
max-width: none;
max-height: 0;
}
.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
display: inline-block;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC);
}
.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
position: absolute;
}
.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=);
}
.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
max-height: 500px;
overflow: auto;
}
.alertify.ajs-basic .ajs-header {
opacity: 0;
}
.alertify.ajs-basic .ajs-footer {
visibility: hidden;
}
.alertify.ajs-frameless .ajs-header {
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 60px;
margin: 0;
padding: 0;
opacity: 0;
z-index: 1;
}
.alertify.ajs-frameless .ajs-footer {
display: none;
}
.alertify.ajs-frameless .ajs-body .ajs-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
padding-top: 0;
}
.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
margin-top: 0;
}
.ajs-no-overflow {
overflow: hidden !important;
outline: none;
}
.ajs-no-overflow.ajs-fixed {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll!important;
}
.ajs-no-selection,
.ajs-no-selection * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 568px) {
.alertify .ajs-dialog {
min-width: 150px;
}
.alertify:not(.ajs-maximized) .ajs-modal {
padding: 0 5%;
}
.alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
min-width: initial;
min-width: auto ;
}
}
@-moz-document url-prefix() {
.alertify button:focus {
outline: 1px dotted #3593D2;
}
}
.alertify .ajs-dimmer,
.alertify .ajs-modal {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-property: opacity, visibility;
transition-property: opacity, visibility;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
}
.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
visibility: hidden;
opacity: 0;
}
.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.alertify.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-duration: 250ms;
animation-duration: 250ms;
}
.alertify .ajs-dialog.ajs-shake {
-webkit-animation-name: ajs-shake;
animation-name: ajs-shake;
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes ajs-shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes ajs-shake {
0%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-slideIn;
animation-name: ajs-slideIn;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-slideOut;
animation-name: ajs-slideOut;
-webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-zoomIn;
animation-name: ajs-zoomIn;
}
.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-zoomOut;
animation-name: ajs-zoomOut;
}
.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-fadeIn;
animation-name: ajs-fadeIn;
}
.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-fadeOut;
animation-name: ajs-fadeOut;
}
.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-pulseIn;
animation-name: ajs-pulseIn;
}
.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-pulseOut;
animation-name: ajs-pulseOut;
}
.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-flipInX;
animation-name: ajs-flipInX;
}
.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-flipOutX;
animation-name: ajs-flipOutX;
}
.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
-webkit-animation-name: ajs-flipInY;
animation-name: ajs-flipInY;
}
.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
-webkit-animation-name: ajs-flipOutY;
animation-name: ajs-flipOutY;
}
@-webkit-keyframes ajs-pulseIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes ajs-pulseIn {
0%,
20%,
40%,
60%,
80%,
100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes ajs-pulseOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes ajs-pulseOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@-webkit-keyframes ajs-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes ajs-zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@-webkit-keyframes ajs-zoomOut {
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
}
@keyframes ajs-zoomOut {
0% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.25, 0.25, 0.25);
transform: scale3d(0.25, 0.25, 0.25);
}
}
@-webkit-keyframes ajs-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes ajs-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes ajs-fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes ajs-fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes ajs-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes ajs-flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes ajs-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes ajs-flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes ajs-flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes ajs-flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@-webkit-keyframes ajs-flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes ajs-flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@-webkit-keyframes ajs-slideIn {
0% {
margin-top: -100%;
}
100% {
margin-top: 5%;
}
}
@keyframes ajs-slideIn {
0% {
margin-top: -100%;
}
100% {
margin-top: 5%;
}
}
@-webkit-keyframes ajs-slideOut {
0% {
margin-top: 5%;
}
100% {
margin-top: -100%;
}
}
@keyframes ajs-slideOut {
0% {
margin-top: 5%;
}
100% {
margin-top: -100%;
}
}
.alertify-notifier {
position: fixed;
width: 0;
overflow: visible;
z-index: 1982;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.alertify-notifier .ajs-message {
position: relative;
width: 260px;
max-height: 0;
padding: 0;
opacity: 0;
margin: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.alertify-notifier .ajs-message.ajs-visible {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
opacity: 1;
max-height: 100%;
padding: 15px;
margin-top: 10px;
}
.alertify-notifier .ajs-message.ajs-success {
background: rgba(91, 189, 114, 0.95);
}
.alertify-notifier .ajs-message.ajs-error {
background: rgba(217, 92, 92, 0.95);
}
.alertify-notifier .ajs-message.ajs-warning {
background: rgba(252, 248, 215, 0.95);
}
.alertify-notifier .ajs-message .ajs-close {
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 16px;
cursor: pointer;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: center center;
background-color: rgba(0, 0, 0, 0.5);
border-top-right-radius: 2px;
}
.alertify-notifier.ajs-top {
top: 10px;
}
.alertify-notifier.ajs-bottom {
bottom: 10px;
}
.alertify-notifier.ajs-right {
right: 10px;
}
.alertify-notifier.ajs-right .ajs-message {
right: -320px;
}
.alertify-notifier.ajs-right .ajs-message.ajs-visible {
right: 290px;
}
.alertify-notifier.ajs-left {
left: 10px;
}
.alertify-notifier.ajs-left .ajs-message {
left: -300px;
}
.alertify-notifier.ajs-left .ajs-message.ajs-visible {
left: 0;
}
.alertify-notifier.ajs-center {
left: 50%;
}
.alertify-notifier.ajs-center .ajs-message {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.alertify-notifier.ajs-center .ajs-message.ajs-visible {
left: 50%;
-webkit-transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
transition-timing-function: cubic-bezier(0.57, 0.43, 0.1, 0.65);
}
.alertify-notifier.ajs-center.ajs-top .ajs-message {
top: -300px;
}
.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
top: 0;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
bottom: -300px;
}
.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
bottom: 0;
}.alertify .ajs-dialog {
background-color: white;
-webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25);
border-radius: 2px;
}
.alertify .ajs-header {
color: black;
font-weight: bold;
background: #fafafa;
border-bottom: #eee 1px solid;
border-radius: 2px 2px 0 0;
}
.alertify .ajs-body {
color: black;
}
.alertify .ajs-body .ajs-content .ajs-input {
display: block;
width: 100%;
padding: 8px;
margin: 4px;
border-radius: 2px;
border: 1px solid #CCC;
}
.alertify .ajs-body .ajs-content p {
margin: 0;
}
.alertify .ajs-footer {
background: #fbfbfb;
border-top: #eee 1px solid;
border-radius: 0 0 2px 2px;
}
.alertify .ajs-footer .ajs-buttons .ajs-button {
background-color: transparent;
color: #000;
border: 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
color: #3593D2;
}
.alertify-notifier .ajs-message {
background: rgba(255, 255, 255, 0.95);
color: #000;
text-align: center;
border: solid 1px #ddd;
border-radius: 2px;
}
.alertify-notifier .ajs-message.ajs-success {
color: #fff;
background: rgba(91, 189, 114, 0.95);
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-error {
color: #fff;
background: rgba(217, 92, 92, 0.95);
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}
.alertify-notifier .ajs-message.ajs-warning {
background: rgba(252, 248, 215, 0.95);
border-color: #999;
}