body {
".input"background-color: {#ffffff
}
.form {
borderbackground: "1px#fff;
solid #ced4da", padding-left: 3rem;
displaywidth: "block",100%;
height: 30rem;
width: "12rem",
height: "34px",
box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.075);
}
.form2 {
background: #fff;
padding: "0.375rem-0.75rem", padding: 10px;
fontwidth: "12px65%;
Arial, Helvetica, sans-serif", height: 30rem;
fontSizemargin: ".75rem",
0 auto;
box-shadow: 5px lineHeight: "1.5",
5px 8px rgba(0, 0, 0, 0.075);
}
.v2 {
borderRadiusbackground: "2px",#fff;
border-radius: 3px;
backgroundColorpadding: "#fff",10px;
width: 58%;
boxShadow height: "inset 0 1px 1px rgba(0, 0, 0, .075)",
backgroundClip: "padding-box",
},
40rem !important;
margin: 0 auto;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.075);
}
.code {
width: 58% !important;
height: 25rem;
margin: 0 auto;
}
p {
font-size: 20px;
font: Arial, Helvetica, sans-serif;
padding: 0.8rem 1rem 0.6rem;
font-size: 1rem;
font-weight: 400;
height: 1.5rem;
color: #555;
}
.fa-user, .fa-calendar, .fa-key, .fa-credit-card {
color: white;
}
.input-group-text {
margin-right: -1px;
}
.input-group-text {
background-color: #1e2761
}
.navbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px;
}
/*
headeer top
*/
.topbar{
background-color: #212529;
padding: 0;
}
.topbar .container .row {
margin:-7px;
padding:2px 0 0 0;
}
.topbar .container .row .col-md-12 {
padding:0;
}
.topbar p{
margin:0;
display:inline-block;
font-size: 13px;
color: #f1f6ff;
}
.topbar p > i{
margin-right:5px;
}
.topbar p:last-child{
text-align:right;
}
header .navbar {
margin-bottom: 0;
}
.topbar li.topbar {
display: inline;
padding-right: 18px;
line-height: 52px;
transition: all .3s linear;
}
.topbar li.topbar:hover {
color: #1bbde8;
}
.topbar ul.info i {
color: #131313;
font-style: normal;
margin-right: 8px;
display: inline-block;
position: relative;
top: 4px;
}
.topbar ul.info li {
float: right;
padding-left: 30px;
color: #ffffff;
font-size: 13px;
line-height: 44px;
}
.topbar ul.info i span {
color: #aaa;
font-size: 13px;
font-weight: 400;
line-height: 50px;
padding-left: 18px;
}
ul.social-network {
border:none;
margin:0;
padding:0;
}
ul.social-network li {
border:none;
margin:0;
}
ul.social-network li i {
margin:0;
}
ul.social-network li {
display:inline;
margin: 0 5px;
border: 0px solid #2D2D2D;
padding: 5px 0 0;
width: 32px;
display: inline-block;
text-align: center;
height: 32px;
vertical-align: baseline;
color: #000;
}
ul.social-network {
list-style: none;
margin: 5px 0 10px -25px;
float: right;
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
will-change: opacity, transform;
transition: .3s ease-out;
color: #fff;
}
a {
color: #0a0a0a;
text-decoration: none;
}
li {
list-style-type: none;
}
.bg-image-full {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.bg-dark {
background-color: #222!important;
}
.mx-background-top-linear {
background: -webkit-linear-gradient(45deg, #b031da 48%, #1b1e21 48%);
background: -webkit-linear-gradient(left, #b031da 48%, #1b1e21 48%);
background: linear-gradient(45deg, #b031da 48%, #1b1e21 48%);
}
#clear {
background-color: #1e2761;
color: white;
}
#submit {
background-color: #7a2048;
color: white;
border-radius: 2px !important;
margin-right: 2.5rem;
}
#submit2 {
background-color: hsl(180, 100%, 30%);
color: white;
border-radius: none;
width: 100%;
margin: 0 auto;
}
#submit3 {
margin: 0 auto;
width: 60%;
}
.min {
height: 5rem;
}
.v2 {
width: 46%;
margin: 0 auto;
height: 20rem;
}
.el {
margin-bottom: -111px;
margin-right: -109px;
}
.el2 {
height: 30rem;
}
/* Font awesome styles */
.fa-info-circle {
color: #222;
}
/* Form Validation */
/* Hide all steps by default: */
.tab {
display: none;
}
.additionalInputs {
border: 1px solid #ced4da;
display: block;
width: 12rem;
height: 34px;
padding: 0.375rem-0.75rem;
font: 12px Arial, Helvetica, sans-serif;
font-size: .75rem;
line-height: 1.5;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
background-clip: padding-box;
}
/* Style the tab */
.tab2 {
overflow: hidden;
border: 1px solid #ccc;
background-color: #f1f1f1;
}
/* Style the buttons inside the tab */
.tab2 button {
background-color: inherit;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab2 button:hover {
background-color: #ddd;
}
/* Create an active/current tablink class */
.tab2 button.active {
background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
height:100rem;
}
#number:hover {
background-color: #eee;
display: block;
width: 12rem;
height: 34px;
padding: 0.375rem-0.75rem;
font: 12px Arial, Helvetica, sans-serif;
font-size: .75rem;
line-height: 1.5;
border-radius: 2px;
background-color: #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
background-clip: padding-box;
}
/*
#customer_id {
display: none;
}
*/
.img-box {
width: 30px;
height: 15px;
}
.card img {
width: 100%;
object-fit: fill;
}
.fab.fa-cc-amex {
color: #1c6acf;
font-size: 32px;
}
.fab.fa-cc-mastercard {
font-size: 32px;
color: red;
}
.fab.fa-cc-discover {
font-size: 32px;
color: orange;
} |