body {
box-sizing: border-box;
}
body .nopadding-left {
padding-left: 0;
}
body .nopadding {
padding: 0;
}
.h5 {
font-size: 16px;
}
.row-expiry .dropdown-month,
.row-expiry .expiry-separator,
.row-expiry .dropdown-year {
display: inline-block;
}
.row-expiry .expiry-separator {
padding: 0 5px;
line-height: 33px;
text-align: center;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.expiry-input .col-xs-4 {
width: 35%;
}
.mobile #iCVC {
-webkit-text-security: disc;
}
.form-control:focus {
outline: 0;
}
.invalid {
border-color: #f16e68;
-webkit-box-shadow: 0 0 5px #f16e68;
-moz-box-shadow: 0 0 5px #f16e68;
box-shadow: 0 0 5px #f16e68;
}
.valid {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
-webkit-box-shadow: 0 0 5px #3c763d;
-moz-box-shadow: 0 0 5px #3c763d;
box-shadow: 0 0 5px #3c763d;
}
.amount-field {
position: relative;
}
.col-amount,
.col-dot,
.col-amount-minor {
position: relative;
float: left;
}
.col-amount {
width: 45%;
}
.col-dot {
width: 4%;
padding: 6px 4px;
text-align: center;
}
.col-amount-minor {
width: 50%;
}
.noresize {
resize: none;
}
.vresize {
resize: vertical;
}
#description {
min-height: 60px;
word-break: break-all;
}
#formPayment #description {
/* display: inline-table; */
}
label {
word-break: break-all;
}
.tooltip-link {
color: #a5a5a5;
}
.tooltip-link:hover {
color: #939393;
}
.grey-tooltip + .tooltip > .tooltip-inner {
background-color: #3f3f3f;
}
.grey-tooltip + .tooltip > .tooltip-arrow {
border-top-color: #3f3f3f;
}
.loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
font-size: 8px;
text-indent: -9999em;
border: 9px solid rgba(167, 167, 167, 0.4);
border-left-color: #5cb85c;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.loader,
.loader::after {
width: 72px;
height: 72px;
border-radius: 50%;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.load-block {
position: fixed;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100vh;
background-color: rgba(27, 27, 27, 0);
}
.panel-heading label {
margin: 4px 0;
}
.payment-systems {
display: inline-flex;
float: right;
height: 29px;
text-align: right;
align-items: center;
}
#typecard-icon {
display: block;
width: 30px;
height: 20px;
background-image: url('../modules/payment-systems/img/pan_logo/type-card.svg');
background-repeat: no-repeat;
-webkit-transition: opacity, background-image 1s;
-moz-transition: opacity, background-image 1s;
-o-transition: opacity, background-image 1s;
transition: opacity, background-image 1s;
}
#typecard-block {
padding: 6px 7px;
}
#typecard-icon.VISA {
background-image: url('../modules/payment-systems/img/pan_logo/type-visa.svg');
}
#typecard-icon.MASTERCARD {
background-image: url('../modules/payment-systems/img/pan_logo/type-mastercard.svg');
}
#typecard-icon.MAESTRO {
background-image: url('../modules/payment-systems/img/pan_logo/type-maestro.svg');
}
#typecard-icon.MIR {
background-image: url('../modules/payment-systems/img/pan_logo/type-mir.svg');
}
#typecard-icon.JCB {
background-image: url('../modules/payment-systems/img/pan_logo/type-jcb.svg');
}
#typecard-icon.AMEX {
background-image: url('../modules/payment-systems/img/pan_logo/type-amex.svg');
}
.finish-container .row {
margin-bottom: 5px;
}
#error-container.well {
margin-bottom: 0;
color: #ff4a4a;
font-weight: bold;
border: 0;
border-top: 1px solid #e3e3e3;
border-radius: 0 0 5px 5px;
}
#error-container.well p {
margin: 0;
}
#orderNumber {
word-break: break-all;
}
@media (max-width: 420px) {
body {
box-sizing: border-box;
min-width: 380px;
}
.payment-systems img {
width: auto;
height: 25px;
}
}
@media (max-width: 380px) {
body {
box-sizing: border-box;
min-width: 320px;
}
.payment-systems img {
width: auto;
height: 20px;
}
}
#generated-link {
word-break: break-all;
}
label.value {
word-break: break-word;
}
.input-group input.form-control:-moz-read-only {
background-color: #eee;
border-color: #b3b3b3;
cursor: not-allowed;
}
input::-ms-clear {
display: none;
}
|