.card-js.dark input,
.card-js.dark select {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
    height: 36px;
    border: none;
    border-bottom: 1px solid #d9d9d9;
    /*border: 1px solid #d9d9d9;*/
    /*border-radius: 4px;*/
    /*box-shadow: none;*/
    background-color: #1a1a1a;
    /*box-sizing: border-box;*/
    padding: 0;
    /*-webkit-transition: border-color .15s linear,box-shadow .15s linear;*/
    /*-moz-transition: border-color .15s linear,box-shadow .15s linear;*/
    /*-ms-transition: border-color .15s linear,box-shadow .15s linear;*/
    /*-o-transition: border-color .15s linear,box-shadow .15s linear;*/
    /*transition: border-color .15s linear,box-shadow .15s linear;*/
}

.card-js.dark input.card-number,
.card-js.dark input.name,
.card-js.dark input.address,
.card-js.dark input.city,
.card-js.dark input.state,
.card-js.dark input.zipCode,
/*.card-js.dark input.country,*/
.card-js.dark input.cvc {
    padding-left: 38px;
    width: 100%;
}

.card-js.dark input::placeholder {
    color: #ABA9A9;
}

.card-js.dark input:-ms-input-placeholder {
    color: #ABA9A9;
}

.card-js.dark input::placeholder {
    color: #ABA9A9;
}

.card-js.dark .has-error input,
.card-js.dark .has-error input:focus {
    border-color: #F64B2F;
    box-shadow: none;
}


.card-js .icon {
    position: absolute;
    display: block;
    width:24px;
    height:17px;
    left: 8px;
    top: 5px;
    pointer-events: none;
}
.card-js .icon.right {
    right: 8px;
    left: auto;
}
.card-js .icon.popup {
    cursor: pointer;
    pointer-events: auto;
}
.card-js .icon .svg {
    fill: #FFFFFF;
}
.card-js .icon.popup .svg {
    fill: #aaa !important;
}

.card-js.dark button:disabled {
    cursor: not-allowed;
    pointer-events: all !important;
}