/* Style all input fields */
input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
}

    /* Style the submit button */
    input[type=button] {
        background-color: #e7efec;
        color: white;
    }

.card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
/* The message box is shown when the user clicks on the password field */
#message {
    display: none;
    background: #fbf4a4;
    color: #000;
    position: relative;
    padding: 20px;
    margin-top: 10px;
}

    #message p {
        padding: 10px 35px;
        font-size: 12px;
    }

/* Add a green text color and a checkmark when the requirements are right */
.valid {
    color: green;
    font-size: 13px;
    font-weight: normal;
}

.razo_pay_btn {
    background-color: #03A9F4;
    color: #fff;
    margin-right: 5px;
    padding: 12px 0px;
    width: 100%;
}

.fa-refresh {
    font-size: 17px;
    padding: 13px;
    border-radius: 50px;
    color: #48abf9;
}

.summary-single-line {
    border-bottom: 1px dashed #dcdcdc;
    padding: 10px;
}

    .summary-single-line p {
        font-size: 14px;
        font-weight: 400;
    }

    .summary-single-line h5 {
        font-size: 15px;
        font-weight: 600;
    }

.gnd-total {
    background: #eee;
    color: #000;
    padding: 10px;
}

    .gnd-total h5 {
        font-size: 18px;
        font-weight: 700;
    }

.pay-method p {
    visibility: hidden;
}

.stripe_pay_btn {
    background-color: #03A9F4;
    color: #fff;
    padding: 12px 0px;
}

.valid:before {
    position: relative;
    left: -5px;
    content: "✔";
}

.invalid {
    color: red;
    font-size: 13px;
    font-weight: normal;
}

    .invalid:before {
        position: relative;
        left: -5px;
        color: red;
        content: "✖";
    }

.payment p {
    font-weight: 600;
}

#drpCurrency {
    height: 40px;
    margin-top: 0px;
    color: #1b1818;
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    flex-grow: 1 !important;
}

/*  .centered {
         margin-top:50px;
        }
*/
.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
}

.pay-method h4 {
    font-size: 14px;
    font-weight: 700;
}

@media(max-width:991px) {
    .mob-top-10 {
        margin-top: 10px !important;
    }

    .razo_pay_btn {
        font-size: 14px;
    }

    .stripe_pay_btn {
        font-size: 14px;
    }
}

@media(max-width:767px) {

    .razo_pay_btn {
        margin-right: 0px;
    }
}