/*
Theme Name: BookIt
Text Domain: BookIt
Version: 1.9
Tested up to: 5.9
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Appointment Booking system
Tags: appointment, booking
Author: Chetan Jadvani
*/

.payment-container,.step-selector {

    
   
    display: block;
    text-align: center;

}

.payment-container > .payment,.step-selector {
    display: flex;
    flex-flow: column;
    width: 351px;
    margin: auto;
    color: rgb(33, 40, 48);
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(222, 223, 227);
    border-radius: 6px;
    box-shadow: none;
    padding: 20px;
    
}

.payment-container > .payment > div> p{
    text-align: center;
    display: block;
    line-height: 19px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.amount-container {
   padding:10px;
    border-left: 0;
    border-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.amount-container >div {
    display: block;
    color: inherit;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    height: auto;
    padding: 0;
    width: 28%;
    margin:5px;
    border: 2px solid #dedfe3;
    border-radius: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background: 0 0;
    overflow: hidden;    
    border-radius: 6px;
    border: 2px solid rgba(33, 40, 48, 0.2);
    color: rgb(33, 40, 48);
}

.accept-payment >div , .cause > div {

    display: flex;
    padding:4px 14px;
    border:1px solid black;
    margin: 0px 18px;
}
 .error {
    border:0 !important;
    display: flex;
    padding: 4px 14px;
    margin: 0px 18px;
}
 .error  >span {
    color:red;
}
.accept-payment>div>input {
    width:70%;
    height:35px;
    border:0px;
    outline: 0;
	margin-bottom:0px !important;
}
.accept-payment>div>select , .cause > div > select {
    width:37%;
    height:35px;
    border: 0;
    outline: 0;;
	margin-bottom:0px !important;
}
.cause {
    margin-top: 15px;
}
.cause > div > select {
    width: 100%;
    text-transform: capitalize;
}
.btn-pay,.step > button {
    margin: 10px 18px;
}

.btn-pay > button,.step > button {
    outline: 0;
    border: 0;
    color: white;
    background-color: #124822;
    width: 100%;
    padding: 10px;
    cursor: pointer;
}
.user-email {
    margin-top:15px;
}
.user-email input {
    width: 88% !important;
    height: 44px !important;
    padding: 10px !important;
	margin-bottom:0px !important;
	margin:auto;
}


element.style {
    background-color: #124822;
    color: white;
}


.step-selector > .step {
    display: flex;
    flex-direction: row;
    padding: 5px 10px;
    align-items: baseline;
}

.step-selector > .step > label {
    margin: 0 10px;
    text-align: left;
}

.number {
    display: flex;
    flex-direction: row;
    height: 50px;
    width: 100%;
    padding: 0 15px;
  
    border-radius: 0;
    border: 1px solid #AAABAF;
}

.number > input {
    border:0 !important;
    height: 100% !important;
    outline: 0;
}

.message {
    align-items: center;
    justify-content: center;
}