Styling for the booking steps

This commit is contained in:
Alex Tselegidis 2020-08-31 13:55:03 +03:00
parent 3a77c07c5c
commit e1053dd33a

View file

@ -55,7 +55,7 @@ body {
#book-appointment-wizard #company-name { #book-appointment-wizard #company-name {
display: inline-block; display: inline-block;
font-size: 24px; font-size: 24px;
font-weight: light; font-weight: lighter;
color: #FFF; color: #FFF;
margin: 0 10px 0 15px; margin: 0 10px 0 15px;
float: left; float: left;
@ -105,19 +105,18 @@ body {
height: 35px; height: 35px;
width: 35px; width: 35px;
float: left; float: left;
background: #FFF; background: #225d4d;
padding: 8px; padding: 8px;
margin-right: 12px; margin-right: 12px;
margin-top: 5px; margin-top: 5px;
border-radius: 8px; border-radius: 8px;
transition: all .2s linear;
} }
#book-appointment-wizard .book-step strong { #book-appointment-wizard .book-step strong {
font-size: 12px; font-size: 12px;
display: block; display: block;
text-align: center; text-align: center;
color: #a2b9b3; color: #0bb98d;
} }
#book-appointment-wizard .active-step { #book-appointment-wizard .active-step {
@ -126,14 +125,14 @@ body {
width: 45px; width: 45px;
float: left; float: left;
background: #FFF; background: #FFF;
padding: 8px; padding: 6px;
margin-right: 12px; margin-right: 12px;
margin-top: 0; margin-top: 0;
} }
#book-appointment-wizard .active-step strong { #book-appointment-wizard .active-step strong {
color: #429a82; color: #429a82;
font-size: 18px; font-size: 20px;
} }
#book-appointment-wizard #frame-footer { #book-appointment-wizard #frame-footer {