Book

/* calendar Section Box Shadow */ #hl_widget > div { -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.31) !important; -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.31) !important; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.31) !important; padding: 30px !important; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0px solid #000000; } /* calendar Section Box Shadow */ /* calendar border */ #hl_widget > div > div.hl_widget-body > div > div > div > div > div.hl_widget--pick-date > div.vdpComponent.date-picker-calendar > div, #hl_widget > div > div.hl_widget-body > div > div > div > div > div.hl_widget--pick-date > div.vdpComponent.date-picker-calendar > div > div { -webkit-box-shadow: 0px 0px 1px 0px #56bbaf; -moz-box-shadow: 0px 0px 1px 0px #56bbaf; box-shadow: 0px 0px 1px 0px #56bbaf; border-radius: 5px !important; } /* calendar border */ /* calendar date and hover color */ .vdpCell.selected .vdpCellContent { color: #fff !important; background: #56bbaf !important; } .vdpCell.selected .vdpCellContent:hover { color: #fff !important; background: #56bbaf !important; } .selectable .vdpCellContent { color: #56bbaf !important; border-radius: 50% !important; font-weight: 500 !important; } .vdpCell.selectable:hover .vdpCellContent { color: #fff !important; background: #56bbaf !important; } /* calendar date and hover color */ /* Select Date Button color */ #hl_widget > div > div.hl_widget-footer > button { border-color: #56bbaf !important; background-color: #56bbaf !important; color: #fff !important; } /* Select Date Button color */ /* Time Active color , Hover Color , Border Color */ .hl-app .hl_widget-step1 .hour-select input:checked + label { background-color: #56bbaf!important; border-color: #56bbaf!important; color: #fff !important; } .hl-app a { color: #2a2a2a !important; } .hl-app .hl_button.--primary { border-color: #56bbaf !important; background-color: #56bbaf!important; color: #fff; } .hl-app .hl_widget-step1 .hour-select label { display: block; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; padding: 7px 20px; border: 1px solid #56bbaf !important; border-radius: 4px; max-width: 150px; margin: 0 auto; font-weight: 500; } .hl-app .hl_widget-step1 .hour-select label:hover { color: #fff !important; background-color: #56bbaf !important; } /* Time Active color , Hover Color , Border Color */ /* calander Arrow Color */ .vdpArrowNext::after { margin-left: -.5em; border-left-color: #56bbaf !important; } .vdpArrowPrev::after { margin-left: -.8em; border-right-color: #56bbaf !important; } /* calander Arrow Color */ /* For mobile Select Time color */ @media only screen and (max-width: 649px) { .hl-app .--primary { border-color: #56bbaf !important; background-color: #56bbaf!important; color: #fff; } } /* For mobile Select Time color */