
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<style >
:root {
--primaryColor: #dc0000;
--lightColor: rgba(220, 0, 0, 0.18);
--primaryFont: "poppins";
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.selectable.selected .vdpCellContent,
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.selectable .vdpCellContent:hover {
background: var(--primaryColor) !important;
color: #fff !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell .vdpCellContent {
border: 1px solid var(--lightColor);
color: var(--primaryColor) !important;
cursor: pointer;
margin: 0;
background: var(--lightColor);
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot > span {
border: 1px solid var(--primaryColor) !important;
color: var(--primaryColor) !important;
font-weight: 700;
cursor: pointer;
transition: all .3s ease;
width: 100%;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot > span:hover {
border: 1px solid var(--primaryColor) !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot.actived > span {
background: var(--primaryColor) !important;
color: #fff !important;
}
button.arrowPrevious svg rect,
button.arrowNext svg rect {
stroke: var(--primaryColor) !important;
}
button.arrowPrevious svg path,
button.arrowNext svg path {
fill: var(--primaryColor) !important;
}
.appointment_widgets--booking .widgets-action-buttons .widgets-action button {
background: var(--primaryColor) !important;
}
.appointment_widgets--booking .widgets-action-buttons .action-back-link {
color: var(--primaryColor) !important;
}
footer a.action-back-link svg path {
fill: var(--primaryColor) !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.today .vdpCellContent:after {
color: var(--primaryColor) !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.today .vdpCellContent:after {
color: var(--primaryColor) !important;
}
.appointment_widgets--booking {
font-family: var(--primaryFont);
}
.appointment_widgets--info {
display: flex !important;
}
/*
.appointment_widgets .appointment_widgets--inner.direct-widget {
width: 100% !important;
max-width: 850px !important;
}
*/
.appointment_widgets--booking .appointment_widgets--info {
justify-content: flex-start !important;
}
.appointment_widgets--booking .appointment_widgets--steps {
flex: 0 0 66% !important;
max-width: 66% !important;
padding-top: 1.5rem;
}
#appointment_widgets > div > div > div.appointment_widgets--services > div > div {
border: 2px solid #000 !important;
box-shadow: 0px 0px 20px #0000000d !important;
border-radius: 5px !important;
}
/*
.appointment_widgets {
max-width: 850px !important;
margin: 0 auto !important;
}
*/
@media only screen and (max-width: 765px) {
.appointment_widgets--booking .appointment_widgets--steps {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
@media only screen and (max-width: 765px) {
.appointment_widgets--info {
display: flex !important;
}
.appointment_widgets--info {
display: flex !important;
}
.hl-app .hl_button,
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot.actived button {
background: var(--primaryColor) !important;
background: var(--primaryColor) !important;
color: #fff;
border-color: var(--primaryColor) !important;
border-color: var(--primaryColor) !important;
}
}
</style >
<style >
:root {
--primaryColor: #dc0000;
--lightColor: rgba(220, 0, 0, 0.18);
--primaryFont: "poppins";
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.selectable.selected .vdpCellContent,
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.selectable .vdpCellContent:hover {
background: var(--primaryColor) !important;
color: #fff !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell .vdpCellContent {
border: 1px solid var(--lightColor);
color: var(--primaryColor) !important;
cursor: pointer;
margin: 0;
background: var(--lightColor);
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot > span {
border: 1px solid var(--primaryColor) !important;
color: var(--primaryColor) !important;
font-weight: 700;
cursor: pointer;
transition: all .3s ease;
width: 100%;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot > span:hover {
border: 1px solid var(--primaryColor) !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot.actived > span {
background: var(--primaryColor) !important;
color: #fff !important;
}
button.arrowPrevious svg rect,
button.arrowNext svg rect {
stroke: var(--primaryColor) !important;
}
button.arrowPrevious svg path,
button.arrowNext svg path {
fill: var(--primaryColor) !important;
}
.appointment_widgets--booking .widgets-action-buttons .widgets-action button {
background: var(--primaryColor) !important;
}
.appointment_widgets--booking .widgets-action-buttons .action-back-link {
color: var(--primaryColor) !important;
}
footer a.action-back-link svg path {
fill: var(--primaryColor) !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.today .vdpCellContent:after {
color: var(--primaryColor) !important;
}
.appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.today .vdpCellContent:after {
color: var(--primaryColor) !important;
}
.appointment_widgets--booking {
font-family: var(--primaryFont);
}
.appointment_widgets--info {
display: flex !important;
}
/*
.appointment_widgets .appointment_widgets--inner.direct-widget {
width: 100% !important;
max-width: 850px !important;
}
*/
.appointment_widgets--booking .appointment_widgets--info {
justify-content: flex-start !important;
}
.appointment_widgets--booking .appointment_widgets--steps {
flex: 0 0 66% !important;
max-width: 66% !important;
padding-top: 1.5rem;
}
#appointment_widgets > div > div > div.appointment_widgets--services > div > div {
border: 2px solid #000 !important;
box-shadow: 0px 0px 20px #0000000d !important;
border-radius: 5px !important;
}
/*
.appointment_widgets {
max-width: 850px !important;
margin: 0 auto !important;
}
*/
@media only screen and (max-width: 765px) {
.appointment_widgets--booking .appointment_widgets--steps {
flex: 0 0 100% !important;
max-width: 100% !important;
}
}
@media only screen and (max-width: 765px) {
.appointment_widgets--info {
display: flex !important;
}
.appointment_widgets--info {
display: flex !important;
}
.hl-app .hl_button,
.appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot.actived button {
background: var(--primaryColor) !important;
background: var(--primaryColor) !important;
color: #fff;
border-color: var(--primaryColor) !important;
border-color: var(--primaryColor) !important;
}
}
</style >
<style > :root { --primaryColor: #dc0000; --lightColor: rgba(220, 0, 0, 0.18); --primaryFont: "poppins"; } .appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.selectable.selected .vdpCellContent, .appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.selectable .vdpCellContent:hover { background: var(--primaryColor) !important; color: #fff !important; } .appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell .vdpCellContent { border: 1px solid var(--lightColor); color: var(--primaryColor) !important; cursor: pointer; margin: 0; background: var(--lightColor); } .appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot > span { border: 1px solid var(--primaryColor) !important; color: var(--primaryColor) !important; font-weight: 700; cursor: pointer; transition: all .3s ease; width: 100%; } .appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot > span:hover { border: 1px solid var(--primaryColor) !important; } .appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot.actived > span { background: var(--primaryColor) !important; color: #fff !important; } button.arrowPrevious svg rect, button.arrowNext svg rect { stroke: var(--primaryColor) !important; } button.arrowPrevious svg path, button.arrowNext svg path { fill: var(--primaryColor) !important; } .appointment_widgets--booking .widgets-action-buttons .widgets-action button { background: var(--primaryColor) !important; } .appointment_widgets--booking .widgets-action-buttons .action-back-link { color: var(--primaryColor) !important; } footer a.action-back-link svg path { fill: var(--primaryColor) !important; } .appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.today .vdpCellContent:after { color: var(--primaryColor) !important; } .appointment_widgets--booking .appointment_widgets--steps .widgets-date-block .vdpCell.today .vdpCellContent:after { color: var(--primaryColor) !important; } .appointment_widgets--booking { font-family: var(--primaryFont); } .appointment_widgets--info { display: flex !important; } /* .appointment_widgets .appointment_widgets--inner.direct-widget { width: 100% !important; max-width: 850px !important; } */ .appointment_widgets--booking .appointment_widgets--info { justify-content: flex-start !important; } .appointment_widgets--booking .appointment_widgets--steps { flex: 0 0 66% !important; max-width: 66% !important; padding-top: 1.5rem; } #appointment_widgets > div > div > div.appointment_widgets--services > div > div { border: 2px solid #000 !important; box-shadow: 0px 0px 20px #0000000d !important; border-radius: 5px !important; } /* .appointment_widgets { max-width: 850px !important; margin: 0 auto !important; } */ @media only screen and (max-width: 765px) { .appointment_widgets--booking .appointment_widgets--steps { flex: 0 0 100% !important; max-width: 100% !important; } } @media only screen and (max-width: 765px) { .appointment_widgets--info { display: flex !important; } .appointment_widgets--info { display: flex !important; } .hl-app .hl_button, .appointment_widgets--booking .appointment_widgets--steps .widgets-slot-block .widgets-time-slots .widgets-time-slot.actived button { background: var(--primaryColor) !important; background: var(--primaryColor) !important; color: #fff; border-color: var(--primaryColor) !important; border-color: var(--primaryColor) !important; } } </style >