diff --git a/src/app/app.scss b/src/app/app.scss index ad3c15c..8c1a777 100644 --- a/src/app/app.scss +++ b/src/app/app.scss @@ -7,5 +7,21 @@ @import "../assets/css/theme.scss"; //Essentail SCSS// - -@import "../assets/css/essential.scss"; +.cab_sidemenu_bg{background:#4d4d4d;background-size: cover !important;background-position: center !important;} +.cab_sidemenu_wrapper{width:100%;height:100%;} +.cab_profile_banner{width:100%;padding-top:80px;} +.cab_profile_picture{width:100px;height:100px;margin:0 auto;border:2px solid #f7941e;background-size: 25px !important;border-radius:50%;background: url("../assets/img/avatar.png");background-position: center;background-repeat: no-repeat;} +.cab_profile_banner h6{color:#fff;margin:0px;font-size:16px;font-weight: 400;padding-bottom: 7px;padding-top: 15px;padding-left:10px;padding-right:10px;text-align: center;} +.cab_profile_banner p{color:#fff;margin:0px;font-size:20px;font-weight:300;padding-left:10px;padding-right:10px;text-align: center;} +.cab_profile_picture img{width:100%;height:100%;border-radius:50%;} +.cab_sidemenu_list{width:100%;padding-left: 30px;padding-top: 30px;} +.cab_sidemenu_list ul{width:100%;padding:0px;margin:0px;} +.cab_sidemenu_list ul li{list-style: none;color: #fff;font-size:16px;font-weight:300;padding-top:15px;padding-bottom:15px;background-position: left !important;background-repeat: no-repeat !important;padding-left: 35px;background-size:23px !important;} +.cab_sidemenu_list ul .book{background: url("../assets/img/book.png");} +.cab_sidemenu_list ul .trip{background: url("../assets/img/trip.png");} +.cab_sidemenu_list ul .rate{background: url("../assets/img/rate.png");} +.cab_sidemenu_list ul .payment{background: url("../assets/img/payment.png");} +.cab_sidemenu_list ul .offer{background: url("../assets/img/offer.png");} +.cab_sidemenu_list ul .settings{background: url("../assets/img/settings.png");} +.cab_sidemenu_list ul .logout{background: url("../assets/img/logout.png");} +// @import "../assets/css/essential.scss"; diff --git a/src/assets/css/essential.scss b/src/assets/css/essential.scss deleted file mode 100644 index 66cb130..0000000 --- a/src/assets/css/essential.scss +++ /dev/null @@ -1,215 +0,0 @@ - -/* LANDING */ - -.cab_landing_wrapper{width:80%;height:100%;margin:0 auto;padding-top: 10%;} -.cab_logo{width:100%;text-align: center;} -.cab_logo img{width:200px;} -.cab_footer{width:100%;text-align: center;} -.cab_footer p{color: #3d3a3b;font-weight: 500;font-size: 18px;} -.cab_footer li{list-style: none;display: inline-block;} -.cab_sign_btn{height:45px;width:100%;background:#ff9c00;color: #fff;text-transform: capitalize !important;font-size: 16px;font-weight: 400;} -.cab_sign_btn1{height:45px;width:100%;border:1px solid #ff9c00;color: #ff9c00;background:transparent;text-transform: capitalize !important;font-size: 16px;font-weight: 400;} -.cab_form p{color: #3d3a3b;font-weight: 500;font-size: 18px;} -.cab_req{color: #e42727;padding-top: 7px;font-weight: 500;text-align: center;font-size: 15px;} - -/* LOGIN */ - -.cab_login_wrapper{width:100%;height:100%;padding-top: 10%;} -.cab_login_wrapper h4{color: #404041;font-size: 25px;font-weight: 400;} -.cab_login_wrapper hr{border:2px solid #f7941e;height:0px;border-radius:20px;width:35px;margin-left:0px;} -.cab_phone_number{width:100%;height:50px;border-bottom:2px solid #ff9c00;} -.cab_phone_code{width:50px;height:100%;-webkit-appearance: none;-moz-appearance: none;background: transparent !important;text-align: center;border:none;padding-left: 10px;color: #3d3a3b;font-size: 18px;} -.cab_phone_code option{text-align: center;} -.cab_phone_input{width:calc(100% - 50px);height:100%;border:none;color:#3d3a3b;font-size: 18px;padding-left: 10px;padding-right: 20px;} -.cab_phone_input::-webkit-input-placeholder {color:#3d3a3b;} -.cab_phone_input::-moz-placeholder {color:#3d3a3b;} -.cab_phone_input:-ms-input-placeholder {color:#3d3a3b;} -.cab_phone_input:-moz-placeholder {color:#3d3a3b;} -.cab_login_wrapper{width:100%;} -.cab_call{background: url("../assets/img/number.png");background-position: right;background-repeat: no-repeat;} -.cab_pass{background: url("../assets/img/password.png");background-position: right;background-repeat: no-repeat;} -.cab_user{background: url("../assets/img/user.png");background-position: right;background-repeat: no-repeat;} -.cab_mail{background: url("../assets/img/email.png");background-position: right;background-repeat: no-repeat;} -.cab_search{background: url("../assets/img/search.png") !important;background-position: right;background-repeat: no-repeat;} -.cab_currentlocation{background: url("../assets/img/currentlocation.png");background-position: right;background-repeat: no-repeat;} -.cab_location{background: url("../assets/img/location.png");background-position: right;background-repeat: no-repeat;} -.cab_confirmpass{background: url("../assets/img/confirmpass.png");background-position: right;background-repeat: no-repeat;} -.cab_form_row .item-block{background: transparent;padding-left:0px;border:none !important;margin:0 auto !important;width:200px !important;} -.cab_form_row .item-inner{border:none !important;} -.cab_form_row .checkbox-checked{background:#ff9c00 !important;border:1px solid #ff9c00 !important;} -.item .item-ios .checkbox-ios{margin-left:0px !important;margin-right:10px !important;} -.item .item-md .checkbox-md{margin-left:0px !important;margin-right:10px !important;} - -/* HOME */ - -.cab_map{width:100%;height:100%;position: relative;} -.cab_map #map{width:100%;height:100%; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray; -webkit-filter: grayscale(99%); -webkit-backface-visibility: hidden;} -.cab_home_custom_header{position: fixed;left:0px;right:0px;top:0px;width:100%;z-index: 99;} -.gmnoprint{display:none !important;} -.cab_footer_location{width: 100%;padding:10px;} -.cab_location_input{width:100%;height:45px;font-weight:300;border:none;color:#fff;font-size: 18px;background: transparent;background-position: right !important;background-repeat: no-repeat !important;background-size: 23px !important;} -.cab_current{background: url("../assets/img/currentlocation.png");} -.cab_destination{background: url("../assets/img/location.png");} -.cab_location_input::-webkit-input-placeholder {color:#fff;} -.cab_location_input::-moz-placeholder {color:#fff;} -.cab_location_input:-ms-input-placeholder {color:#fff;} -.cab_location_input:-moz-placeholder {color:#fff;} -.cab_footer_btn_bay{width:100%;} -.cab_footer_btn{width:50%;height:50px;font-weight: 300;letter-spacing: 2px;border-radius:0px !important;background: #4d4d4d;color:#FFF;text-align: center;font-size: 16px;margin:0px;text-transform: capitalize !important;} -.cab_button_search{width:60px;height:60px;border-radius:50%;color:#fff;position: fixed;top:75px;right:0px;font-size: 20px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;} - -/* SIDEMENU */ - -.cab_sidemenu_bg{background:#4d4d4d;background-size: cover !important;background-position: center !important;} -.cab_sidemenu_wrapper{width:100%;height:100%;} -.cab_profile_banner{width:100%;padding-top:80px;} -.cab_profile_picture{width:100px;height:100px;margin:0 auto;border:2px solid #f7941e;background-size: 25px !important;border-radius:50%;background: url("../assets/img/avatar.png");background-position: center;background-repeat: no-repeat;} -.cab_profile_banner h6{color:#fff;margin:0px;font-size:16px;font-weight: 400;padding-bottom: 7px;padding-top: 15px;padding-left:10px;padding-right:10px;text-align: center;} -.cab_profile_banner p{color:#fff;margin:0px;font-size:20px;font-weight:300;padding-left:10px;padding-right:10px;text-align: center;} -.cab_profile_picture img{width:100%;height:100%;border-radius:50%;} -.cab_sidemenu_list{width:100%;padding-left: 30px;padding-top: 30px;} -.cab_sidemenu_list ul{width:100%;padding:0px;margin:0px;} -.cab_sidemenu_list ul li{list-style: none;color: #fff;font-size:16px;font-weight:300;padding-top:15px;padding-bottom:15px;background-position: left !important;background-repeat: no-repeat !important;padding-left: 35px;background-size:23px !important;} -.cab_sidemenu_list ul .book{background: url("../assets/img/book.png");} -.cab_sidemenu_list ul .trip{background: url("../assets/img/trip.png");} -.cab_sidemenu_list ul .rate{background: url("../assets/img/rate.png");} -.cab_sidemenu_list ul .payment{background: url("../assets/img/payment.png");} -.cab_sidemenu_list ul .offer{background: url("../assets/img/offer.png");} -.cab_sidemenu_list ul .settings{background: url("../assets/img/settings.png");} -.cab_sidemenu_list ul .logout{background: url("../assets/img/logout.png");} - -/* MY-TRIPS */ - -.cab_mytrips_wrapper{width:100%;height: 100%;} -.cab_trip_tabs_bay{} -.cab_trip_tabs_bay ul{width:100%;margin:0px;padding:0px;border-bottom:2px solid #f7941e;} -.cab_trip_tabs_bay ul li{padding: 0px;margin:0px;text-transform: capitalize !important;list-style: none;width:33.3%;float: left;text-align: center;color:#f7941e;padding: 12px;font-weight: 300;font-size: 16px;} -.cab_trip_tabs_bay ul .active{background:#f7941e;color: #fff;box-shadow: 0px 0px 10px 0px #888888 !important;border-radius: 5px !important;} -.cab_trip_content{width:100%;height:calc(100% - 45px);} -.cab_trip_content ul{width:100%;padding:0px;margin:0px;padding-top: 20px;} -.cab_trip_content ul li{width:100%;height:100%;background: url("../assets/img/trip_yellow.png");position: relative;background-position: top 10px left 15px !important;background-repeat: no-repeat !important;background-size: 20px;padding-left: 50px;padding-right: 50px;padding-top:10px;padding-bottom:10px;text-align: left;border-bottom: 1px solid #e4e4e4;} -.cab_trip_content ul li h6{margin:0px;padding:0px;color: #f7941e;font-size: 14px;font-weight: 300;} -.cab_trip_content ul li p{margin:0px;font-style: italic;color: #404041;font-weight: 300;font-size: 12px;padding-top: 5px;} -.cab_trip_content ul li ion-icon{ float: right;color: #f7941e;position: absolute;right:20px;top: 35%;} - -/* TRIP-DETAIL */ - -.cab_trip_detail_wrapper{width:100%;padding: 10px;} -.cab_trip_detail_wrapper h4{margin:0px;color:#404041;font-weight: 400;font-size: 16px;} -.cab_trip_detail_wrapper p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 10px;font-size: 14px !important;color: #a8a8a8;font-weight:300;padding-bottom: 0px;margin-bottom: 0px;bottom: 0px !important;letter-spacing: 1px !important;} -.cab_trip_detail_wrapper hr{border:1px solid #f7941e;height:0px;border-radius:5px;position: relative;bottom: 22px; z-index: -9;} -.cab_trip_detail_wrapper .to{width:50px;height:30px;border-radius:50%;background:#fff;color: #f7941e;text-align: center;margin:0 auto; padding: 3px;font-size:23px; z-index: 9;letter-spacing: 3px;padding-top: 5px;padding-left: 6px;margin-top: 20px;margin-bottom: 20px;} -.cab_trip_detail_wrapper p strong{background:#f7941e;color: #fff;padding-left: 10px;padding-right: 10px;border-radius: 4px;font-weight: 400;} -.cab_ratting{padding-top: 25px;padding-bottom:25px;text-align: center; width:205px;margin: 0 auto;} -.cab_ratting:not(:checked) > input {position:absolute;top:-9999px;clip:rect(0,0,0,0);} -.cab_ratting:not(:checked) > label {float:right;width:1em;padding:0 .1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size: 40px;line-height:1.2;color:#ddd;} -.cab_ratting:not(:checked) > label:before {content: '★ ';} -.cab_ratting > input:checked ~ label {color: #f70;} -.cab_ratting:not(:checked) > label:hover, -.cab_ratting:not(:checked) > label:hover ~ label {color: gold;} -.cab_ratting > input:checked + label:hover, -.cab_ratting > input:checked + label:hover ~ label, -.cab_ratting > input:checked ~ label:hover, -.cab_ratting > input:checked ~ label:hover ~ label, -.cab_ratting > label:hover ~ input:checked ~ label {color: #ea0;} -.cab_ratting > label:active {position:relative;top:2px;left:2px;} - -/* RIDEPOP */ - -.cab_ride_pop{width:100%;height:100%;position: relative;background: rgba(0,0,0,0.7);} -.cab_ride_inner{width:100%;min-height:130px;position: absolute;bottom:0px;} -.cab_ride_down_arrow{margin:0 auto;color: #fff;text-align: center;font-size:20px;width:50px;height:50px;border-radius:25px;padding: 10px;position: relative;bottom: 25px;} -.cab_ride_inner p{text-align: center;color: #fff;margin:0px;padding: 0px;font-size: 18px;font-weight: 300;letter-spacing: 4px;position: relative;bottom:30px;} -.cab_ride_inner h6{text-align: center;color:#fff;margin:0px !important;font-weight: 200;padding-top: 10px;font-size: 16px;position: relative;bottom:32px;} -.cab_ride_fare_break{background:#fff;color:#f7941e;text-align: center;position: relative;bottom: 20px;} -.cab_ride_inner strong{color:#fff;} -.cab_ride_inner h5{color: #fff;margin: 0px;font-weight: 300;margin-top: 7px;font-size: 14px;} -.cab_ride_bottom_section{width:100%;border-top:1px solid #fff;margin-top:20px;} -.cab_ride_bottom_section li{width:20%;float: left;height:80px;background-size:50px;padding-top: 10px;text-align: center;list-style: none;background-position: center !important;background-repeat: no-repeat !important;} -.cab_ride_bottom_section p{font-size: 10px !important;margin:0px !important;padding:0px !important;bottom: 0px !important;letter-spacing: 1px !important;} -.c1{background: url("../assets/img/c1.png");} -.c2{background: url("../assets/img/c2.png");} -.c3{background: url("../assets/img/c4.png");} -.c4{background: url("../assets/img/c3.png");} -.c5{background: url("../assets/img/c5.png");} -.c6{background: url("../assets/img/c6.png");} -.cab_ride_offer{width:100%;text-align: center;border-top: 1px solid #fff;} -.cab_ride_offer li{float: left;color: #fff;list-style: none;width:50%;border-radius:0px;height:55px;padding-top: 15px;padding-bottom: 15px;font-size: 16px;font-weight: 300;} - -/* CONFIRM-MODAL */ - -.cab_pop_modal{width:300px;margin:0 auto;position: relative;top: 20%;background:#fff;} -.cab_pop_modal_head{width: 100%;color: #fff;text-align: center;padding: 10px;font-size: 18px;} -.cab_pop_modal p{text-align: center;color: #a8a8a8;font-size: 13px;padding-top: 20px;padding-bottom: 20px;} -.cab_pop_button{width:100%;color:#f7941e;height:40px;font-size: 15px;border:none;margin:0px;} -.cab_confirm_p{font-size: 20px;font-weight: 300;line-height: 30px;} - -/* COUPON-MODAL */ - -.cab_coupon_wrapper{padding-top:20%;} -.cab_pop_detail_left{width:65px;height:50px;background-position:left;background-size: 65px;background-repeat: no-repeat;} -.cab_pop_details{padding: 3px;width:calc(100% - 65px);} -.cab_coupon_box{width:80%;margin:0 auto;height:50px;text-align:center;border:2px solid #353639;border-radius:0px;background:#28292c;} -.cab_coupon_input{width:100%;height:100%;background:transparent !important;border:none;text-align:center;color:#ff9000; font-size: 20px;font-weight: 300;} -.cab_coupon_input::-webkit-input-placeholder {color:#ff9000;} -.cab_coupon_input::-moz-placeholder {color:#ff9000;} -.cab_coupon_input:-ms-input-placeholder {color:#ff9000;} -.cab_coupon_input:-moz-placeholder {color:#ff9000;} -.cab_coupon_bg{background:#2e2f32 !important;} -.cab_coupon_wrapper p{color:#fff;text-align:center;margin:0px;line-height: 18px;font-weight: 300;letter-spacing: 1px;padding-top: 40px;padding-bottom: 40px;} -.cab_coupon_apply{width:100%;height:50px;border-radius:0px;text-align:center;background:#ff9000;font-size:18px;font-weight: 400;color:#fff;letter-spacing: 4px;} -.cab_coupon_content{width:100%; padding: 20px;} -.cab_coupon_content li{width:100%;list-style:none !important;padding-top: 10px;padding-bottom: 10px;border-bottom:1px solid #353639;} -.cab_coupon_content li .child{width:50%;float:left;color:#8d8c8c;font-size: 15px;} -.cab_coupon_content p{color:#ff9000;text-align:left;padding-bottom:20px;padding-top:20px;font-size: 18px;} - -/* SEARCH-RESULT-PAGE */ - -.cab_search_result_page{width:100%;} -.cab_search_result_page ul{width:100%;margin:0px;padding:10px;} -.cab_search_result_page ul li{width:100%;border-bottom:1px solid #4a4a4a;padding-top:15px;padding-bottom:15px;padding-left:10px;} -.cab_search_result_page p{color:#fff;margin:0px;font-size: 18px;font-weight:300;padding: 10px;letter-spacing: 4px;} -.cab_search_result_page ul li h5{color:#ff9000;margin:0px;padding:0px;padding-bottom: 5px;font-size: 14px;letter-spacing: 1px;font-weight: 400;} -.cab_search_result_page ul li h6{color:#929292;margin:0px;padding:0px;font-weight: 400;} - -/*EDIT-PROFILE*/ - -.cab_edit_profile_wrapper{width:100%;padding-top: 40px;} -.cab_edit_profilepic_edit{width:100px;height:100px;margin:0 auto;position:relative;border-radius:50%;border: 2px solid #f7941e;background-color:#f7941e !important;background-size: 25px !important;background: url(../assets/img/avatar.png);background-position: center;background-repeat: no-repeat;} -.cab_edit_profilepic_edit img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center;} -.cab_edit_profile_edit_form{width:100%;padding-top: 20px;} -.cab_edit_profile_edit_row{width:100%;} -.cab_edit_profile_input{width:100%;} - -.edit_circle{width:30px;height:30px;position:absolute;top:0px;right:0px;background-color:#f7941e;color:#fff;text-align:center;border-radius: 50%;padding:7px;} -.edit_circle input{width: 100%;opacity: 0;z-index: 99;position: absolute;right: 0px;} -.edit_circle ion-icon{position: absolute;top: 6px;right: 8px;} -.picker-wrapper{background: #ff9000 !important;} -.picker-toolbar{background: #ff9000 !important;} -.single_btn{width: 100% !important} -.txt_cntr{text-align: center} -.clr_wht{color: #fff} -.rate_est{font-size: 15px;padding-top: 5px} -.estim_li{padding-top: 5px !important;} -.button-md:hover:not(.disable-hover) { - background: #f7941e; -} - -.loader { - border: 7px solid #fff; - border-radius: 50%; - border-top: 10px solid #ff9000; - width: 50px; - height: 50px; - -webkit-animation: spin 2s linear infinite; /* Safari */ - animation: spin 2s linear infinite; -} -@-webkit-keyframes spin { - 0% { -webkit-transform: rotate(0deg); } - 100% { -webkit-transform: rotate(360deg); } -} - -@keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } -} \ No newline at end of file diff --git a/src/pages/forgot/forgot.ts b/src/pages/forgot/forgot.ts index 9775a4a..6752b9a 100644 --- a/src/pages/forgot/forgot.ts +++ b/src/pages/forgot/forgot.ts @@ -15,7 +15,8 @@ export class ForgotPage { constructor(public navCtrl: NavController, public navParams: NavParams, private formbuilder: FormBuilder, private myservice: Myservice) { this.forgotForm = this.formbuilder.group({ - email: ['', Validators.compose([Validators.required, Validators.pattern("[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}")])] + email: ['', Validators.compose([Validators.required, Validators.pattern("[a-zA-Z0-9.-_]{1,}@[a-zA-Z.-]{2,}[.]{1}[a-zA-Z]{2,}")])], + from:['user'] }) } diff --git a/src/pages/home/home.scss b/src/pages/home/home.scss index d06c5b3..788a33b 100644 --- a/src/pages/home/home.scss +++ b/src/pages/home/home.scss @@ -12,6 +12,6 @@ page-home { .cab_location_input:-ms-input-placeholder {color:#fff;} .cab_location_input:-moz-placeholder {color:#fff;} .cab_footer_btn_bay{width:100%;} - .cab_footer_btn{width:50%;height:50px;font-weight: 300;letter-spacing: 2px;border-radius:0px !important;background: #4d4d4d;color:#FFF;text-align: center;font-size: 16px;margin:0px;text-transform: capitalize !important;} + .cab_footer_btn{width:100%;height:50px;font-weight: 300;letter-spacing: 2px;border-radius:0px !important;background: #4d4d4d;color:#FFF;text-align: center;font-size: 16px;margin:0px;text-transform: capitalize !important;} .cab_button_search{width:60px;height:60px;border-radius:50%;color:#fff;position: fixed;top:75px;right:0px;font-size: 20px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;} } diff --git a/src/pages/landing/landing.scss b/src/pages/landing/landing.scss index 64a4c55..9d3362b 100644 --- a/src/pages/landing/landing.scss +++ b/src/pages/landing/landing.scss @@ -11,7 +11,7 @@ page-landing { .cab_logo img{width:200px;} .cab_footer{width:100%;text-align: center;} .cab_footer p{color: #3d3a3b;font-weight: 500;font-size: 18px;} - .cab_footer li{list-style: none;display: inline-block;color: #3d3a3b;font-size: 35px;margin:10px;} + .cab_footer li{list-style: none;display: inline-block;color: #3d3a3b;font-size: 30px;margin:10px;} .cab_sign_btn{height:45px;width:100%;background:#ff9c00;color: #fff;text-transform: capitalize !important;font-size: 18px;font-weight: 300;} .cab_sign_btn1{height:45px;width:100%;border:1px solid #ff9c00;color: #ff9c00;background:transparent;text-transform: capitalize !important;font-size: 18px;font-weight: 300;} .cab_form p{color: #3d3a3b;font-weight: 500;font-size: 18px;} diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss index da843c7..f7d855c 100644 --- a/src/pages/profile/profile.scss +++ b/src/pages/profile/profile.scss @@ -8,4 +8,24 @@ page-profile { .edit_circle{width:30px;height:30px;position:absolute;top:0px;right:0px;background-color:#f7941e;color:#fff;text-align:center;border-radius: 50%;padding:7px;} .edit_circle input{width: 100%;opacity: 0;z-index: 99;position: absolute;right: 0px;} .edit_circle ion-icon{position: absolute;top: 6px;right: 8px;} +.picker-wrapper{background: #ff9000 !important;} +.picker-toolbar{background: #ff9000 !important;} +.single_btn{width: 100% !important} +.txt_cntr{text-align: center} +.clr_wht{color: #fff} +.rate_est{font-size: 15px;padding-top: 5px} +.estim_li{padding-top: 5px !important;} +.button-md:hover:not(.disable-hover) { + background: #f7941e; +} + +.cab_phone_number{width:100%;height:50px;border-bottom:2px solid #ff9c00;} +.cab_phone_code{width:50px;height:100%;-webkit-appearance: none;-moz-appearance: none;background: transparent !important;text-align: center;border:none;padding-left: 10px;color: #3d3a3b;font-size: 18px;} +.cab_phone_code option{text-align: center;} +.cab_phone_input{width:calc(100% - 50px);height:100%;border:none;color:#3d3a3b;font-size: 18px;padding-left: 10px;padding-right: 20px;} +.cab_phone_input::-webkit-input-placeholder {color:#3d3a3b;} +.cab_phone_input::-moz-placeholder {color:#3d3a3b;} +.cab_phone_input:-ms-input-placeholder {color:#3d3a3b;} +.cab_phone_input:-moz-placeholder {color:#3d3a3b;} +.cab_footer_btn{width:50%;height:50px;font-weight: 300;letter-spacing: 2px;border-radius:0px !important;background: #4d4d4d;color:#FFF;text-align: center;font-size: 16px;margin:0px;text-transform: capitalize !important;} }