.credit-card-box .panel-title {
display: inline;
font-weight: bold;
}
.credit-card-box .form-control.error {
border-color: red;
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
.credit-card-box label.error {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
.credit-card-box .payment-errors {
font-weight: bold;
color: red;
padding: 2px 8px;
margin-top: 2px;
}
.credit-card-box label {
display: block;
} .credit-card-box .display-table {
display: table;
}
.credit-card-box .display-tr {
display: table-row;
}
.credit-card-box .display-td {
display: table-cell;
vertical-align: middle;
width: 50%;
} .credit-card-box .panel-heading img {
min-width: 180px;
}
.card-credict {
width: 35px !important;
min-width: 35px !important;
display: none;
}
.card-off {
opacity: .2;
}
.tooltipHelp {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.clave {
width: 50%;
display: inline-block;
}
.icon-card {
position: absolute;
right: 30px;
margin-top: 10px;
}
.ip {
margin-left: -5px;
}
.slect_data {
padding: 0.6180469716em;
background-color: #f2f2f2;
color: #43454b;
border: 0;
width: 50%;
box-sizing: border-box;
font-weight: normal;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
}
.tooltipHelp .tooltipHelptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1000;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltipHelp .tooltipHelptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
z-index: 1000;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
#img_toll {
max-height: max-content !important;
float: unset !important;
margin: auto;
width: 600px;
}
.tooltipHelp:hover .tooltipHelptext {
visibility: visible;
opacity: 1;
}