Skip to content

D
dcarfixers_angular
Commit 8a5e0a43 by amal
Options

sfhsdgfs

parent b652f97f
Showing with 721 additions and 764 deletions
src/app/home/dashboard/dashboard.component.scss
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
} }
} }
} }
.service-align-center{ .service-align-center {
padding-left: 0px !important; padding-left: 0px !important;
text-align: center; text-align: center;
} }
...@@ -152,10 +152,8 @@ ...@@ -152,10 +152,8 @@
// width: calc(100% - 120px); // width: calc(100% - 120px);
width: 100%; width: 100%;
float: left; float: left;
padding-top: 0px; padding-top: 0px;
padding-bottom: 0px; padding-bottom: 0px;
h5 { h5 {
color: #2655bf; color: #2655bf;
font-size: 18px; font-size: 18px;
...@@ -547,811 +545,761 @@ ...@@ -547,811 +545,761 @@
.address_height { .address_height {
height: 65px !important; height: 65px !important;
} }
.login_modal_wrapper { .login_modal_wrapper {
background: url("/assets/images/asset_login_bg.png"); background: url("/assets/images/asset_login_bg.png");
background-position: center; background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: scroll;
.modal_close {
width: 50px;
height: 50px;
border: 1px solid #fff;
position: fixed;
top: 10px;
right: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
z-index: 999;
color: #fff;
text-align: center;
font-size: 30px;
padding: 0px;
font-weight: 700;
cursor: pointer;
}
.login_modal_content {
max-width: 700px;
min-height: 400px;
background: #ffffff;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
padding: 30px;
padding-top: 50px;
position: relative;
top: 85px;
.login_modal_inner {
width: 90%;
margin: 0 auto;
h3 {
text-align: center;
text-transform: uppercase;
color: #1e1e1e;
font-weight: 600;
padding-bottom: 10px;
}
.facebook_btn {
background-color: #3b5998;
color: #fff;
text-align: center;
width: 100%;
height: 45px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border: none;
font-size: 20px;
font-weight: 300;
&:focus {
outline: none;
}
img {
margin-left: 10px;
}
}
h6 {
text-align: center;
width: 100%;
margin: 0px;
padding: 0px;
}
.search {
background: url("/assets/images/asset_search.png");
background-position: right 10px top 5px;
background-repeat: no-repeat;
padding-right: 50px;
}
input {
border: 1px solid #1e1e1e;
height: 40px;
width: 100%;
border-radius: 25px;
padding-left: 15px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: left;
font-size: 16px;
&::placeholder {
color: #bbbbbb;
}
&:focus {
outline: none;
}
}
select {
border: 1px solid #1e1e1e;
background: url("/assets/images/asset_down_arrow.png");
height: 40px;
width: 100%;
padding-left: 15px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: center;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 16px;
cursor: pointer;
background-position: right 10px top 10px;
background-repeat: no-repeat; background-repeat: no-repeat;
&::placeholder { position: relative;
color: #bbbbbb; overflow: scroll;
} .modal_close {
&:focus { width: 50px;
outline: none; height: 50px;
} border: 1px solid #fff;
} position: fixed;
.row { top: 10px;
margin-bottom: 25px; right: 10px;
} border-radius: 50%;
.next_btn { -webkit-border-radius: 50%;
background-image: url("/assets/images/asset_double_right.png"); -moz-border-radius: 50%;
background-position: right 10px top 10px; -ms-border-radius: 50%;
} -o-border-radius: 50%;
.prev_btn { z-index: 999;
background-image: url("/assets/images/asset_double_left.png"); color: #fff;
background-position: left 10px top 10px; text-align: center;
} font-size: 30px;
.log_btn { padding: 0px;
height: 40px; font-weight: 700;
width: 160px;
border-radius: 25px;
color: #fff;
background-color: #2655bf;
border: none;
font-size: 16px;
font-weight: 300;
background-repeat: no-repeat;
background-size: 20px;
&:focus {
outline: none;
}
}
.log_btn_diabled{
cursor: not-allowed;
background: #929292;
}
.wizard_signin {
height: 40px;
width: 48%;
display: inline-block;
border-radius: 25px;
color: #2655bf;
border: 2px solid #2655bf;
background: transparent;
font-size: 16px;
font-weight: 500;
background-repeat: no-repeat;
background-size: 20px;
margin:3px;
&:focus {
outline: none;
}
}
.wizard_quotes {
height: 40px;
width: 48%;
margin:3px;
display: inline-block;
border-radius: 25px;
color: #fff;
border: 2px solid #2655bf;
background: #2655bf;
font-size: 16px;
font-weight: 500;
background-repeat: no-repeat;
background-size: 20px;
&:focus {
outline: none;
}
}
.create_account {
background-image: url("/assets/images/asset_signin.png");
background-repeat: no-repeat;
background-position: right 13px top 7px;
}
p {
text-align: center;
color: #2655bf;
width: 100%;
font-size: 16px;
cursor: pointer;
}
h6 {
text-align: center;
width: 100%;
font-size: 16px;
a {
color: #2655bf;
margin-left: 5px;
margin-right: 5px;
cursor: pointer; cursor: pointer;
} }
} .login_modal_content {
} max-width: 700px;
} min-height: 400px;
} background: #ffffff;
.wizard_inner { margin: 0 auto;
width: 100%; border-radius: 10px;
.add_images { -webkit-border-radius: 10px;
width: 100%; -moz-border-radius: 10px;
ul { -ms-border-radius: 10px;
margin: 0px; -o-border-radius: 10px;
padding: 0px; padding: 30px;
text-align: center; padding-top: 50px;
li {
list-style: none;
width: 80px;
height: 90px;
border: 1px dashed #a8a8a8;
display: inline-block;
text-align: center;
position: relative;
margin: 4px;
span {
position: relative; position: relative;
font-size: 50px; top: 85px;
top: 5px; .login_modal_inner {
} width: 90%;
img { margin: 0 auto;
width: 100%; h3 {
height: 100%; text-align: center;
object-fit: cover; text-transform: uppercase;
object-position: center;
}
input {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
height: 120px;
}
}
}
}
.service_methods{
max-height: 200px;
overflow: scroll;
ul{
padding:0px;
margin:0px;
li{
list-style: none;
width: 100%;
color: #060708;
border:1px dashed #929292;
cursor: pointer;
padding: 5px;
margin-bottom: 10px;
padding-left: 15px;
background-image: url("/assets/images/asset_down_time_arrow.png");
background-position: right 5px top 2px;
background-repeat: no-repeat;
background-size: 30px;
}
.service_list {
ul {
padding: 0px;
margin: 0px;
padding-top: 0px;
li {
list-style: none;
display: inline-block;
position: relative;
min-width: 100%;
margin: 0px;
padding: 0px;
border:none;
background-image: none;
margin-bottom: 5px;
#custom_check_button {
margin: 0px;
background-color: #fff;
border-radius: 0px !important;
overflow: auto;
color: #1e1e1e; color: #1e1e1e;
border: 1px solid #e7e7e7; font-weight: 600;
position: relative; padding-bottom: 10px;
height: 30px; }
outline: none; .facebook_btn {
background-color: #3b5998;
color: #fff;
text-align: center;
width: 100%; width: 100%;
height: 45px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
border: none;
font-size: 20px;
font-weight: 300;
&:focus {
outline: none;
}
img {
margin-left: 10px;
}
} }
#custom_check_button p { h6 {
text-align: center;
width: 100%;
margin: 0px; margin: 0px;
position: absolute; padding: 0px;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 2px;
color: #1e1e1e;
text-transform: uppercase;
} }
#custom_check_button label { .search {
background: url("/assets/images/asset_search.png");
background-position: right 10px top 5px;
background-repeat: no-repeat;
padding-right: 50px;
}
input {
border: 1px solid #1e1e1e;
height: 40px;
width: 100%; width: 100%;
margin: 0px; border-radius: 25px;
padding-left: 15px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: left;
font-size: 16px;
&::placeholder {
color: #bbbbbb;
}
&:focus {
outline: none;
}
} }
#custom_check_button label span { select {
border: 1px solid #1e1e1e;
background: url("/assets/images/asset_down_arrow.png");
height: 40px;
width: 100%;
padding-left: 15px;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: center; text-align: center;
display: block; -webkit-appearance: none;
-moz-appearance: none;
font-size: 16px;
cursor: pointer;
background-position: right 10px top 10px;
background-repeat: no-repeat;
&::placeholder {
color: #bbbbbb;
}
&:focus {
outline: none;
}
} }
#custom_check_button label input { .row {
position: absolute; margin-bottom: 25px;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 0;
} }
#custom_check_button input:checked+p { .next_btn {
background-color: #58b19f; background-image: url("/assets/images/asset_double_right.png");
color: #fff; background-position: right 10px top 10px;
border-radius:0px !important;
margin: 0px;
} }
} .prev_btn {
} background-image: url("/assets/images/asset_double_left.png");
} background-position: left 10px top 10px;
} }
} .log_btn {
height: 40px;
.textarea_input { width: 160px;
width: 100%; border-radius: 25px;
border: 1px solid #1e1e1e; color: #fff;
color: #bfbfbf; background-color: #2655bf;
padding-top: 10px; border: none;
border-radius: 20px; font-size: 16px;
-webkit-border-radius: 20px; font-weight: 300;
-moz-border-radius: 20px; background-repeat: no-repeat;
-ms-border-radius: 20px; background-size: 20px;
-o-border-radius: 20px; &:focus {
text-align: left !important; outline: none;
&:focus {
outline: none;
}
}
.selected_services {
ul {
margin: 0px;
padding: 0px;
li {
list-style: none;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
border: 1px solid #1e1e1e;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: center;
color: #1e1e1e;
margin: 3px;
a {
margin-left: 10px;
cursor: pointer;
font-weight: 600;
}
}
}
}
}
.quote_service_wrapper {
width: 90%;
background: #f5f5f5;
margin: 0 auto;
min-height: 500px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 20px;
.quote_header {
width: 100%;
padding: 10px;
h4 {
margin: 0px;
padding: 0px;
color: #1e1e1e;
padding-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
p {
margin: 0px;
padding: 0px;
color: #4e4e4e;
font-weight: 400;
font-size: 15px;
}
}
.quote_schedule_header {
background: #f9f7f7;
border: 1px solid #e8e8e8;
h4 {
margin: 0px;
color: #1e1e1e;
font-size: 18px;
padding: 10px;
}
.quote_arrow {
height: 40px;
width: 40px;
margin: 0px;
padding: 0px;
background: transparent;
border: none;
background-repeat: no-repeat;
background-position: center;
&:focus {
outline: none;
}
}
.quote_arrow.left {
background-image: url("/assets/images/asset_quote_left.png");
}
.quote_arrow.right {
background-image: url("/assets/images/asset_quote_right.png");
}
.schedule_dates {
width: calc(100% - 80px);
height: 35px;
ul {
padding: 0px;
margin: 0px;
li {
list-style: none;
display: inline-block;
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 40px;
background: #2655bf;
color: #fff;
font-size: 14px;
text-align: center;
padding: 7px;
border: 2px solid #f9f7f7;
}
}
}
}
.quote_schedule_list {
border: 1px solid #e8e8e8;
background: #ffffff;
ul {
margin: 0px;
padding: 0px;
max-height: 500px;
overflow: scroll;
li {
list-style: none;
padding: 10px;
border-bottom: 10px solid #f5f5f5;
.mechanic_profile {
padding: 5px;
.mechanic_profile_inner {
background: #fbfbfb;
padding: 10px;
padding-right: 0px;
.mechanic_photo_wrapper {
float: left;
width: 100px;
.mechanic_photo {
width: 100px;
height: 100px;
background: #bfbfbf;
margin-bottom: 5px;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
} }
.rating { }
.star-container { .log_btn_diabled {
.star { cursor: not-allowed;
font-size: 16px; background: #929292;
} }
} .wizard_signin {
height: 40px;
width: 48%;
display: inline-block;
border-radius: 25px;
color: #2655bf;
border: 2px solid #2655bf;
background: transparent;
font-size: 16px;
font-weight: 500;
background-repeat: no-repeat;
background-size: 20px;
margin: 3px;
&:focus {
outline: none;
} }
} }
.mechanic_detail { .wizard_quotes {
width: calc(100% - 100px); height: 40px;
float: left; width: 48%;
padding: 10px; margin: 3px;
padding-left: 15px; display: inline-block;
padding-top: 0px; border-radius: 25px;
h4 { color: #fff;
margin: 0px; border: 2px solid #2655bf;
padding: 0px; background: #2655bf;
font-size: 15px; font-size: 16px;
color: #060708; font-weight: 500;
padding-bottom: 5px; background-repeat: no-repeat;
background-size: 20px;
&:focus {
outline: none;
} }
h5 { }
margin: 0px; .create_account {
padding: 0px; background-image: url("/assets/images/asset_signin.png");
font-size: 15px; background-repeat: no-repeat;
background-position: right 13px top 7px;
}
p {
text-align: center;
color: #2655bf;
width: 100%;
font-size: 16px;
cursor: pointer;
}
h6 {
text-align: center;
width: 100%;
font-size: 16px;
a {
color: #2655bf; color: #2655bf;
margin-left: 5px;
margin-right: 5px;
cursor: pointer;
} }
p { }
margin: 0px; }
padding: 0px; }
color: #767676; }
font-size: 16px;
line-height: 20px; .wizard_inner {
padding-top: 5px; width: 100%;
} .add_images {
h6 { width: 100%;
color: #959595; ul {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
background-image: url("/assets/images/asset_call.png"); text-align: center;
background-repeat: no-repeat; li {
padding: 8px; list-style: none;
background-size: 16px; width: 80px;
padding-left: 30px; height: 90px;
background-position: 5px; border: 1px dashed #a8a8a8;
} display: inline-block;
.view_profile { text-align: center;
border: 1px solid #898989; position: relative;
color: #898989; margin: 4px;
background: transparent; span {
margin: 5px; position: relative;
padding-left: 15px; font-size: 50px;
padding-right: 15px; top: 5px;
border-radius: 20px;
height: 35px;
font-size: 14px;
&:focus {
outline: none;
}
} }
.book_now { img {
float:right; width: 100%;
border: 1px solid #2655bf; height: 100%;
color: #2655bf; object-fit: cover;
background: transparent; object-position: center;
margin: 5px;
padding-left: 15px;
padding-right: 15px;
border-radius: 20px;
height: 35px;
font-size: 14px;
&:focus {
outline: none;
}
} }
.book_now_disabled{ input {
float:right; position: absolute;
border: 1px solid #808080; top: 0px;
color: #808080; left: 0px;
background: transparent; right: 0px;
margin: 5px; bottom: 0px;
padding-left: 15px; opacity: 0;
padding-right: 15px; height: 120px;
border-radius: 20px;
height: 35px;
font-size: 14px;
&:focus {
outline: none;
}
pointer-events: none;
cursor: default;
text-decoration: none;
} }
} }
} }
.offer{ }
.service_methods {
color: #a8a8a8; max-height: 200px;
text-align: justify; overflow: scroll;
font-size: 12px; ul {
.panel-heading{ padding: 0px;
padding: 10px; margin: 0px;
margin-bottom: 5px; li {
list-style: none;
width: 100%;
color: #060708;
border: 1px dashed #929292;
cursor: pointer;
padding: 5px;
margin-bottom: 10px;
padding-left: 15px; padding-left: 15px;
padding-right: 15px; background-image: url("/assets/images/asset_down_time_arrow.png");
background-color: #2655bf; background-position: right 5px top 2px;
background-image: url("/assets/images/asset_double_right.png");
background-position: right 10px top 8px;
background-repeat: no-repeat; background-repeat: no-repeat;
.panel-title{ background-size: 30px;
padding: 0px;
margin:0px;
a{
color: #fff;
font-weight: 300;
font-size: 15px;
}
}
} }
.panel-collapse{ .service_list {
background-color: #f5f5f5; ul {
padding: 0px;
.panel-body{ margin: 0px;
font-size: 15px; padding-top: 0px;
font-weight: 400; li {
.row{ list-style: none;
padding:10px; display: inline-block;
border-bottom: 1px solid #fff; position: relative;
min-width: 100%;
margin: 0px;
padding: 0px;
border: none;
background-image: none;
margin-bottom: 5px;
#custom_check_button {
margin: 0px;
background-color: #fff;
border-radius: 0px !important;
overflow: auto;
color: #1e1e1e;
border: 1px solid #e7e7e7;
position: relative;
height: 30px;
outline: none;
width: 100%;
}
#custom_check_button p {
margin: 0px;
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 2px;
color: #1e1e1e;
text-transform: uppercase;
}
#custom_check_button label {
width: 100%;
margin: 0px;
}
#custom_check_button label span {
text-align: center;
display: block;
}
#custom_check_button label input {
position: absolute;
left: 0px;
bottom: 0px;
right: 0px;
opacity: 0;
}
#custom_check_button input:checked+p {
background-color: #58b19f;
color: #fff;
border-radius: 0px !important;
margin: 0px;
}
} }
} }
} }
}
} }
.textarea_input {
width: 100%;
border: 1px solid #1e1e1e;
color: #bfbfbf;
padding-top: 10px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
-o-border-radius: 20px;
text-align: left !important;
&:focus {
outline: none;
}
} }
.scheduletiming_listing { .selected_services {
width: calc(100% - 80px);
margin: 0 auto;
height: 200px;
position: relative;
left: 5px;
ul { ul {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
width: 50%;
height: 100%;
overflow: scroll;
display: inline-block;
position: relative;
#custom_check_button {
border-radius: 0px !important;
overflow: auto;
position: relative;
outline: none;
color: #908d8d;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
}
#custom_check_button p {
margin: 0px;
position: absolute;
color: #908d8d;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 5px;
cursor: pointer;
}
#custom_check_button label {
width: 100%;
}
#custom_check_button label span {
text-align: center;
display: block;
}
#custom_check_button label input {
position: absolute;
top: -20px;
}
#custom_check_button input:checked+p {
background-color: #ef5958;
color: #fff;
border-radius: 0px !important;
margin: 0px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
}
li { li {
width: 100%; list-style: none;
background: #f5f5f5; display: inline-block;
color: #908d8d; padding-left: 15px;
padding-right: 15px;
border: 1px solid #1e1e1e;
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
-o-border-radius: 25px;
text-align: center; text-align: center;
padding: 7px; color: #1e1e1e;
border: 1px solid #fff; margin: 3px;
cursor: pointer; a {
margin-left: 10px;
cursor: pointer;
font-weight: 600;
}
} }
} }
} }
.scheduletiming_btm_btns { }
width: calc(100% - 80px);
position: relative; .quote_service_wrapper {
left: 5px; width: 90%;
margin: 0 auto; background: #f5f5f5;
.btm_btns { margin: 0 auto;
width: 50%; min-height: 500px;
display: inline-block; border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
padding: 20px;
.quote_header {
width: 100%;
padding: 10px;
h4 {
margin: 0px;
padding: 0px;
color: #1e1e1e;
padding-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
p {
margin: 0px;
padding: 0px;
color: #4e4e4e;
font-weight: 400;
font-size: 15px;
}
}
.quote_schedule_header {
background: #f9f7f7;
border: 1px solid #e8e8e8;
h4 {
margin: 0px;
color: #1e1e1e;
font-size: 18px;
padding: 10px;
}
.quote_arrow {
height: 40px; height: 40px;
text-align: center; width: 40px;
background-image: url("/assets/images/asset_down_time_arrow.png"); margin: 0px;
background-color: #f5f5f5; padding: 0px;
border: 1px solid #fff; background: transparent;
background-position: center; border: none;
background-repeat: no-repeat; background-repeat: no-repeat;
cursor: pointer; background-position: center;
background-size: 25px; &:focus {
outline: none;
}
}
.quote_arrow.left {
background-image: url("/assets/images/asset_quote_left.png");
}
.quote_arrow.right {
background-image: url("/assets/images/asset_quote_right.png");
}
.schedule_dates {
width: calc(100% - 80px);
height: 35px;
ul {
padding: 0px;
margin: 0px;
li {
list-style: none;
display: inline-block;
width: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 40px;
background: #2655bf;
color: #fff;
font-size: 14px;
text-align: center;
padding: 7px;
border: 2px solid #f9f7f7;
}
}
}
}
.quote_schedule_list {
border: 1px solid #e8e8e8;
background: #ffffff;
ul {
margin: 0px;
padding: 0px;
max-height: 500px;
overflow: scroll;
li {
list-style: none;
padding: 10px;
border-bottom: 10px solid #f5f5f5;
.mechanic_profile {
padding: 5px;
.mechanic_profile_inner {
background: #fbfbfb;
padding: 10px;
padding-right: 0px;
.mechanic_photo_wrapper {
float: left;
width: 100px;
.mechanic_photo {
width: 100px;
height: 100px;
background: #bfbfbf;
margin-bottom: 5px;
img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
}
.rating {
.star-container {
.star {
font-size: 16px;
}
}
}
}
.mechanic_detail {
width: calc(100% - 100px);
float: left;
padding: 10px;
padding-left: 15px;
padding-top: 0px;
h4 {
margin: 0px;
padding: 0px;
font-size: 15px;
color: #060708;
padding-bottom: 5px;
}
h5 {
margin: 0px;
padding: 0px;
font-size: 15px;
color: #2655bf;
}
p {
margin: 0px;
padding: 0px;
color: #767676;
font-size: 16px;
line-height: 20px;
padding-top: 5px;
}
h6 {
color: #959595;
margin: 0px;
padding: 0px;
background-image: url("/assets/images/asset_call.png");
background-repeat: no-repeat;
padding: 8px;
background-size: 16px;
padding-left: 30px;
background-position: 5px;
}
.view_profile {
border: 1px solid #898989;
color: #898989;
background: transparent;
margin: 5px;
padding-left: 15px;
padding-right: 15px;
border-radius: 20px;
height: 35px;
font-size: 14px;
&:focus {
outline: none;
}
}
.book_now {
float: right;
border: 1px solid #2655bf;
color: #2655bf;
background: transparent;
margin: 5px;
padding-left: 15px;
padding-right: 15px;
border-radius: 20px;
height: 35px;
font-size: 14px;
&:focus {
outline: none;
}
}
.book_now_disabled {
float: right;
border: 1px solid #808080;
color: #808080;
background: transparent;
margin: 5px;
padding-left: 15px;
padding-right: 15px;
border-radius: 20px;
height: 35px;
font-size: 14px;
&:focus {
outline: none;
}
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
}
.offer {
color: #a8a8a8;
text-align: justify;
font-size: 12px;
.panel-heading {
padding: 10px;
margin-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
background-color: #2655bf;
background-image: url("/assets/images/asset_double_right.png");
background-position: right 10px top 8px;
background-repeat: no-repeat;
.panel-title {
padding: 0px;
margin: 0px;
a {
color: #fff;
font-weight: 300;
font-size: 15px;
}
}
}
.panel-collapse {
background-color: #f5f5f5;
.panel-body {
font-size: 15px;
font-weight: 400;
.row {
padding: 10px;
border-bottom: 1px solid #fff;
}
}
}
}
}
.scheduletiming_listing {
width: calc(100% - 80px);
margin: 0 auto;
height: 200px;
position: relative;
left: 5px;
ul {
margin: 0px;
padding: 0px;
width: 50%;
height: 100%;
overflow: scroll;
display: inline-block;
position: relative;
#custom_check_button {
border-radius: 0px !important;
overflow: auto;
position: relative;
outline: none;
color: #908d8d;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
}
#custom_check_button p {
margin: 0px;
position: absolute;
color: #908d8d;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
padding: 5px;
cursor: pointer;
}
#custom_check_button label {
width: 100%;
}
#custom_check_button label span {
text-align: center;
display: block;
}
#custom_check_button label input {
position: absolute;
top: -20px;
}
#custom_check_button input:checked+p {
background-color: #ef5958;
color: #fff;
border-radius: 0px !important;
margin: 0px;
-webkit-border-radius: 0px !important;
-moz-border-radius: 0px !important;
-ms-border-radius: 0px !important;
-o-border-radius: 0px !important;
}
li {
width: 100%;
background: #f5f5f5;
color: #908d8d;
text-align: center;
padding: 7px;
border: 1px solid #fff;
cursor: pointer;
}
}
}
.scheduletiming_btm_btns {
width: calc(100% - 80px);
position: relative;
left: 5px;
margin: 0 auto;
.btm_btns {
width: 50%;
display: inline-block;
height: 40px;
text-align: center;
background-image: url("/assets/images/asset_down_time_arrow.png");
background-color: #f5f5f5;
border: 1px solid #fff;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
background-size: 25px;
}
}
}
}
}
.service_list {
width: 100%;
padding: 10px;
background: #f9f7f7;
border: 1px solid #e8e8e8;
padding: 10px;
h4 {
margin: 0px;
padding: 0px;
color: #1e1e1e;
padding-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
p {
margin: 0px;
padding: 0px;
color: #4e4e4e;
font-weight: 400;
font-size: 15px;
float: left;
padding-left: 5px;
padding-right: 5px;
} }
} }
.service_map {
width: 100%;
border: 1px solid #e8e8e8;
height: 600px;
margin-top: 10px;
}
} }
}
} agm-map {
.service_list { height: 100%;
width: 100%; }
padding: 10px; \ No newline at end of file
background: #f9f7f7;
border: 1px solid #e8e8e8;
padding: 10px;
h4 {
margin: 0px;
padding: 0px;
color: #1e1e1e;
padding-bottom: 10px;
font-size: 20px;
font-weight: 600;
}
p {
margin: 0px;
padding: 0px;
color: #4e4e4e;
font-weight: 400;
font-size: 15px;
float: left;
padding-left: 5px;
padding-right: 5px;
}
}
.service_map {
width: 100%;
border: 1px solid #e8e8e8;
height: 600px;
margin-top: 10px;
}
}
agm-map {
height: 100%;
}
\ No newline at end of file
src/styles.scss
...@@ -480,4 +480,12 @@ section.module.parallax { ...@@ -480,4 +480,12 @@ section.module.parallax {
.invisible { .invisible {
opacity: 0 !important; opacity: 0 !important;
}
.no_datafound {
width: 100%;
text-align: center;
p {
color: #37547e;
}
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment