/*
Theme Name: My Raula Child Theme
Theme URI: http: //mysite.com/
Description: This is a custom child theme I have created.
Author: My Name
Author URI: http: //mysite.com/
Template: Raula
Version: 0.1
*/
.add-accessories-btn{
	margin-right: 8px !important;
}
.bike-detail-page .share-bike {
    float: left;
}



/*-----------------------Shop-Inventory--------------------------*/
.add_button a.btn-add-bike{
	
	margin-bottom: 10px;
}

/*-----------------------Shop-Inventory--------------------------*/
.pricing-row input[type="number"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #000;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 10px;
    width: 30%;
}
.bike-type select{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #000;
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0 10px;
    width: 100%;
}

#image-holder .thumb-image {
    float: left;
    width: 100px;
    position: relative;
    padding: 5px;
}

.drop-zone {
    border: 3px dashed;
    border-radius: 8px;
    height: 100px;
    margin: 10px;
    min-width: 100px;
    width: 50%;
}
.drop-zone input {
    display: inline-block;
    float: left;
    height: 58px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

#image-holder .images{
    display: inline-block;
}

.billing-information select.select_country {
    display: block;
    width: 150px;
    float: left;
    line-height: 58px;
    border: 1px solid #727272;
    height: 58px;
    padding: 0 5px;
    margin-left: 27px;
}
.payment-errors ul{background: #f2dede;margin: 0px;padding: 20px;color: #900;}
.saved_cards li {width: 100%;float: left;font-size: 20px;font-family: 'Conv_Graphik-Regular-Web';font-weight: 300;color: #999;cursor: pointer;}
.saved_cards li.active{color: #063}
.existing-information .add_card a{
    width: 233px;
    float: left;
    height: 59px;
    line-height: 59px;
    background: #999;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: 'Conv_DIN Condensed Bold';
    font-weight: 700;
    letter-spacing: 3px;
    margin: 20px 0px;}
.existing-information .add_card a.active{background: #000;}
.existing-information{
    width: 100%;
    float: left;
    margin-top: 22px;
    padding-bottom: 36px;
    border-bottom: 1px solid #e8e8e8;
}
.cancel_account_discription .add_cards_btn span{    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    margin-top: 30px;
    display: inline-block;
cursor: pointer;}
.modal-body .billing-information input,
.modal-body .billing-information select,
.modal-body .payment-information input,
.modal-body .payment-information select{width: 100%}

.modal-body .payment-information .select_month_div,
.modal-body .payment-information .select_year_div{float: left;width: 46%;}

.modal-body .billing-information h3,
.modal-body .payment-information h3{padding: 10px 0px;border-bottom: solid 1px #e7e7e7;}
.modal-body .billing-information .row,
.modal-body .payment-information .row{padding: 10px 0px;}
#add_credit_card .success_message{padding: 20px;color: #063;background-color: #dff0d8;display: none;}
#notifications_section,#payouts_section,#transactions_section,#cancel_account_section{display: none;}
#cancel_account_section{display: block;}
.saved_cards .encypted_numbers i{font-size: 15px;margin: 0px 2px;}
#payouts_section .saved_cards li{color: #333;}
#payouts_section .saved_cards li i.delete_bank_now,
#payouts_section .saved_cards li i.delete_card_now{color: #900;font-size: 20px;cursor: pointer;}
#payouts_section .saved_cards li{cursor: default;}
#payouts_section .del_loading_div,
#payouts_section .del_response_div{padding: 20px}
#payouts_section .del_loading_div p,
#payouts_section .del_response_div p{padding: 10px 20px;}
#payouts_section .saved_cards li i.make_this_default{color: #999;font-size: 20px;}
#payouts_section .saved_cards li i.default_card{color: #063;font-size: 20px;}
#payouts_section .saved_cards li .default_text{color: #063;}

/*** Rider Referal Start ***/
.referal-code > p {
    font-size: 20px;
    padding: 20px;
    text-align: center;
}
.referal-code span {
    background: #ccc none repeat scroll 0 0;
    font-weight: bold;
}
.invite-email.fb button {
    background: #38559e none repeat scroll 0 0;
    border: 1px solid #707070;
    color: #fff;
    float: left;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    width: 334px;
    text-align:center;
}
.invite-email.fb button  span{
   margin:7%;
}
/** End Rider Referal **/

.reservation-table table th.w-150,
.reservation-table table td.w-150{
    text-align: center;
}
.reservation-table #response_message p{padding: 10px 20px;}

.shop-detailBox h3  { text-transform: capitalize;}

.checkout-info .response_message .error_checkout{padding: 20px;color: #900;}
.checkout-info .response_message .error_checkout ul li{list-style: disc;}
.checkout-info .response_message .error_checkout ul {padding-left: 20px;}

.checkout-info .response_message response_message p{padding: 20px;}


/*Reservation styling prakash*/
.w-150 button,
.w-150 select{margin:0px auto;}
/*Reservation styling prakash ends*/

button.process-check-btn{
    background: none repeat scroll 0 0 #000;
    color: #fff;
    float: right;
    font-size: 20px;
    margin: 30px 0 0;
    text-align: center;
    border:none;
    padding: 10px 20px;
}

input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:0 0 3px red;
}

input:invalid {
  box-shadow: none;
}

/*Prakash rao css*/
#searching_bikes{
    background: #dff0d8;
    padding: 10px 20px;
    margin-bottom: 20px;
}

.job_title_content > p{
    float: left;
    font-family: "Conv_Graphik-Regular-Web";
    font-size: 20px;
    margin-bottom: 40px;
    text-align: left;
    width: 100%;
}

.reservation-detail #response_message p{padding: 10px 20px;}
#add_bank_account .success_message{padding: 20px; background: #dff0d8;color: #063;}
#add_bank_account .payment-errors{ background: #f2dede;color: #900;}
.modal-body .nav-tabs li{border: none;}
.modal-body .nav-tabs li.active a{padding: 10px 30px;background: #286090;color: #fff;}
.modal-body .nav-tabs li a,
.modal-body .nav-tabs li i{line-height: normal;color: #286090; left: -7px;
    position: relative;
    top: -2px;}
    
.modal-body .nav-tabs li.active i{line-height: normal;color: #fff}
.modal-body .nav-tabs li a{padding: 10px 30px;background: #fff;color: #286090;border: solid 1px #e7e7e7;}

.modal-body .payment-errors,
.modal-body .success_message{display: none;}
/*.table > thead > tr > th{border: none !important;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
 border:solid 1px #ccc;   
}*/
#bill-pay .coupon_code{padding-bottom: 10px;}
.coupon_code .title{font-size: 18px;margin-bottom: 20px;}
.coupon_code input[type="text"]{border: solid 1px #ccc;padding: 4px;float: right;}
.coupon_code input[type="button"]{
    background: none repeat scroll 0 0 #000;
    color: #fff;
    float: right;
    font-size: 20px;
    line-height: 29px;
    text-align: center;
    margin: 0px;
    width: 100px;
    border: none;
    margin-left: 10px;
}
.coupon_code .title .bg-info small{font-size: 12px ; font-style: italic;}
.coupon_code .title .bg-info{padding: 0px 5px;float: right;}
.coupon_code #response_msg{margin: 5px 0px;}
#ref_code_disc{color: #f00;}
.pickup_dropoff .pd_errors{
    background-color: #f2dede;
    color: #900;
}
.shop-list-row a{float: none !important; width: auto !important; }

#addcards_tab i{line-height: auto !important;}

/*.my-reservations .reservation-table.upcoming-trips-content{overflow-x:none !important;}*/
#past-notfound .bg-danger{padding: 10px 20px;}
#upcoming-notfound .bg-danger{padding: 10px 20px;}

.accessories_list input[type="number"]{float: left;margin-left: 0px !important;}
.accessories_list input[type="number"]{background: #fff;}
.accessories_list input[type="number"]:disabled{background: #eec;}

.accessories_list input[type="text"].accessory_price,
.accessories_list input[type="number"].total_amount_accessories{margin-left: 8px !important;}

.dropoff_address label.same_label{width: 100%}
.dropoff_address input.same_address{float: none !important;margin-left: 10px; width: auto !important;}
.hovered_label{cursor: pointer;}

.where input[type="text"]{font-size: 23px !important}
.search_section input{font-size: 19px !important}
#bill-pay .brand-total  { width: 33% !important; float: right !important;}
#checkout-page{padding-top: 45px !important;}
.checkout-page h2.page_title_name{margin-bottom: 0px !important;}
.checkout-page .checkout-info{margin-top: 30px !important;}
.modal-body .nav li span,.modal-body .nav li i{
    line-height: auto !important;
}
.shop_of_mnth_wrapper {width: 100% ;}
.shop_of_mnth_wrapper a{width: auto;padding-left: 10px 20px;color: #000;margin:0px auto;}
.pac-container:after{content:none !important;}
.wppb-user-forms ul li, #wppb-login-wrap p, #select_user_to_edit_form p{overflow: auto !important;}
.login-signup .loginPopup-close{cursor: pointer;z-index: 9;}
.cancel_account .del_response_div p{padding: 10px 32px;}
.review-details .review-row p{margin-bottom: 20px;}
.bike-detail-page .bike-detail h3{margin-top: 0px !important;}
.bike-upload-photo p.image_upload_errors{color: #900;background-color: #f2dede;padding: 10px;display: none;clear: both;}
#upload_bike_images{clear: both;}

.modal-footer li {display: inline-block;}
.modal-footer ul {float: left;}

h3.checkout-info-title ul li{    display: inline-block;     }
h3.checkout-info-title span{    float: left;    }
.nav li  a#addcards_tab i.fa.fa-credit-card{line-height: auto !important;}
.nav li  a#addaccount_tab i.fa.fa-university{line-height: auto !important;}

.my-message {
    background-color: #f1f1f1;
    margin-top: 86px;
    width: 100%;
}
.my-message .container{
    padding-top: 20px; 
}
.my-new-message{
    background-color: #f1f1f1;
    width: 100%;
}
.my-new-message .container{
    padding-top: 20px; 
}

.ui-widget-content {

	background: transparent !important;

}
#ui-datepicker-div {
	background-color: #fff !important;
}