Server : Apache System : Linux 145.162.205.92.host.secureserver.net 5.14.0-611.45.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Apr 1 05:56:53 EDT 2026 x86_64 User : tradze ( 1001) PHP Version : 8.1.34 Disable Function : NONE Directory : /home/tradze/www/test.tradze.com/resources/assets/css/ |
.light-bg {
background: url('../img/light-bg.jpg') repeat-x;
height: auto;
padding-bottom: 75px;
}
.account-form-details {
background: url('../img/form-title-bg.jpg') repeat-x;
width: 100%;
height: 98px;
padding: 28px 0px;
}
.title-form {
font-size: 24px;
color: #855b17;
text-align: center;
}
.inline-block {
display: inline-block;
}
.pt10 {
padding-top: 10px;
}
.gray-form-bg {
background: #5c5c5c;
padding: 20px;
margin-bottom: 10px;
}
.couples-massage {
background: #ffd962;
width: 100%;
padding: 5px 20px 3px 20px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
color: #855b17;
}
.couples-massage .radio-inline {
margin: 10px 20px 10px 0px;
}
.title-couple {
margin-top: 10px;
}
.four-massage {
background: #ffd962;
width: 100%;
padding: 5px 20px 3px 20px;
margin-bottom: 10px;
font-size: 16px;
font-weight: bold;
color: #855b17;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
margin-left: -20px;
position: absolute;
margin-top: 2px;
}
.gray-form-bg label {
display: inline-block;
font-weight: normal;
margin-bottom: 1px;
font-size: 14px;
max-width: 100%;
color: #fff;
}
.gray-form-bg .form-control {
background-color: #ffffff;
background-image: none;
border: none;
border-radius: 0px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555555;
display: block;
font-size: 14px;
height: 30px;
line-height: 1.42857;
padding: 6px 5px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
width: 100%;
}
.code-btn {
background: #ffd962;
border: none;
color: #855b17;
text-align: center;
font-size: 14px;
font-family: "Proxima Nova";
height: 30px;
padding-top: 1px;
width: 100%;
}
.gray-form-bg .form-group {
margin-bottom: 10px;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.counter-background {
background: #ffd962;
border-bottom: 5px solid #d8b74f;
padding: 76px 0px 76px 0px;
margin-bottom: 10px;
}
.clock-icon {
margin-left: 50px;
}
.title-book {
font-size: 18px;
line-height: 20px;
color: #855b17;
text-align: right;
padding-top: 13px;
padding-left: 10px;
}
#book-time-01 {
margin-top: 10px;
}
/* start counter css reset -----------------*/
.flip-clock-wrapper {
margin: 0px;
}
.flip-clock-wrapper ul {
background: #000 none repeat scroll 0 0;
border-radius: 0px;
float: left;
font-size: 80px;
font-weight: bold;
height: 40px;
line-height: 87px;
margin: 2px;
position: relative;
width: 40px;
}
.flip-clock-wrapper ul li a div div.inn {
background-color: #333;
border-radius: 0px;
color: #ccc;
font-size: 30px;
height: 200%;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 2px #000;
width: 100%;
z-index: 1;
}
.flip-clock-wrapper ul li a div.up::after {
background-color: rgba(0, 0, 0, 0.4);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 19px;
width: 100%;
z-index: 5;
}
.flip-clock-divider {
display: inline-block;
float: left;
height: 30px;
position: relative;
width: 15px;
}
.flip-clock-wrapper ul li a div.down {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
bottom: 0;
transform-origin: 50% 0 0;
}
.flip-clock-wrapper ul li a div div.inn {
background-color: #333;
border-radius: 0px;
color: #ccc;
font-size: 30px;
/*height: 65px;*/
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 2px #000;
width: 100%;
z-index: 1;
}
.flip-clock-dot.top {
top: 25px;
}
.flip-clock-dot.bottom {
bottom: 10px;
}
.flip-clock-dot {
background: #855b17 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
display: block;
height: 5px;
left: 5px;
position: absolute;
width: 5px;
}
.flip-clock-divider .flip-clock-label {
position: absolute;
right: -60px;
text-shadow: none;
top: -1.5em;
color: #855b17;
font-size: 10px;
font-weight: bold;
}
.flip-clock-divider.minutes .flip-clock-label {
right: -65px;
}
.flip-clock-divider.seconds .flip-clock-label {
right: -68px;
}
.flip-clock-wrapper ul li {
height: 100%;
left: 0;
line-height: 38px;
position: absolute;
text-decoration: none !important;
top: 0;
width: 100%;
z-index: 1;
}
/* TABS MASSAGE --------------------------------*/
.book-now-active {
background: #ffd962;
border-left: 5px solid #ffd962;
border-right: 5px solid #ffd962;
border-top: 5px solid #ffd962;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #855b17;
padding: 10px 0px;
display: block;
margin-top: 20px;
}
.book-now {
background: #202020;
font-size: 18px;
font-weight: 500;
text-align: center;
color: #fff;
padding: 9px 0px;
border-left: 5px solid #202020;
border-right: 5px solid #202020;
border-top: 5px solid #202020;
display: block;
margin-top: 20px;
}
.book-now-active a {
color: #855b17;
display: block;
}
.book-now-active a:hover, .book-now-active a:focus {
color: #855b17;
}
.book-now a {
color: #5c5c5c;
display: block;
}
.book-now a:hover {
color: #ffd962 !important;
}
.book-now:hover {
background: #ffd962;
border-left: 5px solid #ffd962;
border-right: 5px solid #ffd962;
border-top: 5px solid #ffd962;
color: #855b17 !important;
font-weight: bold;
border-right: 5px solid #202020;
}
.book-later {
background: #202020;
font-size: 18px;
font-weight: 500;
text-align: center;
color: #fff;
padding: 9px 0px;
border-left: 5px solid #202020;
border-right: 5px solid #202020;
border-top: 5px solid #202020;
display: block;
margin-top: 20px;
border-right: 5px solid #202020;
}
.book-later-active {
background: #ffd962;
border-left: 5px solid #ffd962;
border-right: 5px solid #ffd962;
border-top: 5px solid #ffd962;
font-size: 18px;
font-weight: bold;
text-align: center;
color: #855b17;
padding: 10px 0px;
display: block;
margin-top: 20px;
text-transform: uppercase;
}
.book-later-active a {
color: #855b17;
display: block;
}
.book-later-active a:hover {
color: #855b17;
}
.book-later a {
color: #fff;
display: block;
}
.book-later a:hover {
color: #855b17;
font-weight: bold;
}
.book-later:hover {
background: #ffd962;
border-left: 5px solid #202020;
border-right: 5px solid #ffd962;
border-top: 5px solid #ffd962;
color: #855b17 !important;
font-weight: bold;
}
.massage-background {
background: #303030;
/*border-left: 5px solid #ffd962;*/
/*border-right: 5px solid #ffd962;*/
/*border-bottom: 5px solid #ffd962;*/
padding: 20px;
}
.select-therapist {
background: url('../img/shaded-background.png');
width: 100%;
height: 30px;
padding: 7px 10px 5px 10px;
color: #fff;
font-size: 14px;
margin-bottom: 20px;
}
.available-status {
background-color: rgba(0, 0, 0, 0.5);
color: #ffd962;
font-size: 18px;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
width: 100%;
height: auto;
z-index: 99999 !important;
padding: 53px 0px;
}
.therapist {
display: inline-block;
position: relative;
cursor: pointer;
}
.therapist::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: inset 0 0 0 0 rgba(255, 217, 98, 1);
transition: box-shadow .1s ease;
}
.therapist:hover::after {
box-shadow: inset 0 0 0 5px rgba(255, 217, 98, 1);
}
.therapist img {
display: block;
position: relative;
}
.zoom-icon {
position: absolute;
bottom: 0px;
right: 0px;
z-index: 999;
}
.time-available {
font-size: 14px;
color: #fff;
margin-top: 3px;
text-align: center;
margin-bottom: 10px;
}
.load-more-btn {
background: #ffd962;
text-align: center;
border-bottom: 5px solid #d8b74f;
color: #855b17;
font-size: 14px;
font-weight: bold;
padding: 10px 0px 10px 0px;
display: block;
margin-bottom: 20px;
}
.load-more-btn a {
color: #855b17;
}
.load-more-btn:hover, .load-more-btn:focus {
color: #855b17;
}
.therapist-name {
font-size: 18px;
color: #ffd962;
margin-bottom: 20px;
}
.therapist-description {
font-size: 12px;
line-height: 18px;
color: #fff;
margin-top: 20px;
margin-bottom: 20px;
text-align: justify;
padding-right: 10px;
}
.therapist-technique {
font-size: 18px;
color: #ffd962;
margin-top: 20px;
}
.txt-technique {
font-size: 12px;
line-height: 18px;
color: #fff;
margin-top: 20px;
}
/* START SELECT FOCAL POINTS ----------------------------------------*/
.zen-content-section {
margin-bottom: 24px;
padding: 12px;
position: relative;
}
.focalpoints-body-back .popover, .focalpoints-body-front .popover {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #ffd962;
/*border-color: -moz-use-text-color -moz-use-text-color #d8b74f;*/
border-image: none;
border-radius: 0;
border-style: none;
border-width: 0 0 2px;
color: #202020;
}
.focalpoints-body-back .popover .popover-content, .focalpoints-body-front .popover .popover-content {
padding: 0px 14px;
}
.focalpoints-body-back .popover.left > .arrow::after, .focalpoints-body-front .popover.left > .arrow::after {
border-left-color: #ffd962;
}
.zen-form-focalpoint {
background-color: #fafafa;
text-align: center;
margin-top: 70px;
padding: 10px 20px;
border-bottom: 6px solid #e1e1e1;
}
.choose-focalpoint {
background: #ffd962;
padding: 12px 0px 8px 0px;
text-align: center;
font-size: 14px;
}
.zen-form-focalpoint .focalpoints-body-back {
background-image: url("../img/body-back.png");
background-size: 100% 100%;
display: inline-block;
height: 745px;
position: relative;
width: 298px;
margin-top: -100px;
}
.zen-form-focalpoint .focalpoints-body-front {
background-image: url("../img/body-front.png");
background-size: 100% 100%;
display: inline-block;
height: 745px;
left: 0;
position: relative;
top: 0;
width: 298px;
margin-top: -100px;
}
.zen-form-focalpoint .focalpoint {
background-color: #333333;
border: 6px solid #333333;
border-radius: 50%;
cursor: pointer;
height: 16px;
margin-left: -6px;
margin-top: -6px;
position: absolute;
width: 16px;
}
.zen-form-focalpoint .focalpoint:hover {
background-color: #ffd962;
}
.zen-form-focalpoint .focalpoint.selected {
background-color: #ffd962;
margin-left: -8px;
margin-top: -8px;
padding: 4px;
}
.item-focalpoint {
width: 130px;
}
.popover {
background-clip: padding-box;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
display: none;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
left: 0;
letter-spacing: normal;
line-height: 1.42857;
max-width: 276px;
padding: 1px;
position: absolute;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
top: 0;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
z-index: 1060;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
background-color: #ffd962;
border-bottom: none;
border-radius: 0px 0px 0 0;
font-size: 14px;
margin: 0;
padding: 4px 14px 4px 14px;
border-bottom: 2px solid #d8b74f;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow, .popover > .arrow::after {
border-color: transparent;
border-style: solid;
display: block;
height: 0;
position: absolute;
width: 0;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow::after {
border-width: 10px;
content: "";
}
.popover.top > .arrow {
border-bottom-width: 0;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
left: 50%;
margin-left: -11px;
}
.popover.top > .arrow::after {
border-bottom-width: 0;
border-top-color: #ffd962;
bottom: 1px;
content: " ";
margin-left: -10px;
}
.popover.right > .arrow {
border-left-width: 0;
border-right-color: rgba(0, 0, 0, 0.25);
left: -11px;
margin-top: -11px;
top: 50%;
}
.popover.right > .arrow::after {
border-left-width: 0;
border-right-color: #ffd962;
bottom: -10px;
content: " ";
left: 1px;
}
.popover.bottom > .arrow {
border-bottom-color: rgba(0, 0, 0, 0.25);
border-top-width: 0;
left: 50%;
margin-left: -11px;
top: -11px;
}
.popover.bottom > .arrow::after {
border-bottom-color: #ffd962;
border-top-width: 0;
content: " ";
margin-left: -10px;
top: 1px;
}
.popover.left > .arrow {
border-left-color: rgba(0, 0, 0, 0.25);
border-right-width: 0;
margin-top: -11px;
right: -11px;
top: 50%;
}
.popover.left > .arrow::after {
border-left-color: #fff;
border-right-width: 0;
bottom: -10px;
content: " ";
right: 1px;
}
.reservation-button {
background: #ffd962;
color: #855b17;
font-size: 14px;
border-bottom: 5px solid #d8b74f;
text-align: center;
display: block;
padding: 20px 5px;
margin-top: 30px;
font-family: 'Proxima Nova';
}
.reservation-button:hover {
background: #5c5c5c;
color: #ffd962;
}
.reservation-button:focus {
background: #5c5c5c;
color: #ffd962;
}
.checkout-button {
background: #5c5c5c;
color: #ffd962;
font-size: 18px;
border-bottom: 5px solid #d8b74f;
text-align: center;
display: block;
padding: 20px 5px;
margin-top: 30px;
font-family: 'Proxima Nova';
}
.checkout-button:hover {
background: #ffd962;
color: #855b17;
}
.checkout-button:focus {
background: #ffd962;
color: #855b17;
}
/* SELECT DATE CALENDAR ---------------------------------------------------*/
.select-date {
background: url('../img/shaded-background.png');
width: 100%;
height: 30px;
padding: 7px 10px 5px 10px;
color: #fff;
font-size: 14px;
margin-bottom: 10px;
}
.datepicker {
padding-left: 30px;
}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
background-color: #ffd962;
background-image: linear-gradient(to bottom, #ffd962, #ffd962);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #855b17;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled.disabled:hover, .datepicker table tr td.active[disabled], .datepicker table tr td.active[disabled]:hover, .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled[disabled]:hover {
background-color: #ffd962;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
background: #ffd962;
cursor: pointer;
color: #855b17;
}
.table-condensed > thead > tr > th, .table-condensed > thead > tr > td {
padding: 15px;
border-bottom: none;
}
.datepicker td, .datepicker th {
border: medium none;
border-radius: 0px;
height: 20px;
text-align: center;
width: 20px;
}
.table-condensed > tbody > tr > td {
padding: 20px;
font-size: 16px;
border-top: 1px solid #cfcfcf;
border-right: 1px solid #cfcfcf;
font-family: 'Proxima Nova';
color: #fff;
}
.table-condensed > tbody > tr:first-child > td {
border-top: none
}
.table-condensed > tbody > tr > td:last-child {
border-right: none;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
background-color: rgba(255, 217, 98, 0.1);
}
.datepicker th {
color: #ffd962;
text-transform: uppercase;
}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
cursor: pointer;
font-size: 14px;
}
/* SELECT TIME --------------------------------------*/
.time-background {
background: url('../img/shaded-background.png');
width: 100%;
height: auto;
padding: 20px;
}
.time-background .time {
color: #fff;
font-weight: bold;
font-size: 12px;
margin-top: 15px;
text-align: left;
}
.legend-bg {
background: url('../img/shaded-background.png');
width: 100%;
height: auto;
padding: 10px 20px;
text-align: center;
margin: 0 auto;
margin-top: 5px;
}
.legend-bg ul {
margin: 0px;
padding: 0px;
text-align: center;
}
.legend-bg ul li {
float: none;
display: inline-block;
padding: 0px 10px;
font-size: 12px;
font-weight: bold;
color: #fff;
}
/* RESPONSIVE CSS
-------------------------------------------------------------------------------*/
/* Portrait tablets and medium desktops */
@media (min-width: 1260px) and (max-width: 1280px) {
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
.code-btn {
font-size: 13px;
}
.counter-background {
padding: 76px 0px 76px 0px;
}
.clock-icon {
margin-left: 8px;
}
.title-book {
font-size: 16px;
line-height: 16px;
padding-top: 17px;
padding-left: 5px;
}
#book-time-01 {
margin-top: 10px;
margin-left: -50px;
}
.datepicker {
padding-left: 00px;
}
.available-status {
font-size: 14px;
padding: 36px 0px;
}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.counter-background {
background: #ffd962;
border-bottom: 5px solid #d8b74f;
padding: 33px 0px 50px 0px;
margin-bottom: 10px;
}
.clock-icon {
margin-left: 80px;
}
.title-book {
font-size: 18px;
line-height: 20px;
color: #855b17;
text-align: right;
padding-top: 13px;
padding-left: 10px;
}
#book-time-01 {
margin-left: 30px;
margin-top: 25px;
}
.zen-datepicker .btn-default, .zen-datepicker .btn-default:active {
padding: 10px;
}
.zen-datepicker {
padding: 2px;
}
.available-status {
font-size: 14px;
padding: 69px 0px;
}
.four-massage {
padding: 19px 20px 15px 20px;
}
.code-btn {
font-size: 12px;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
.counter-background {
background: #ffd962;
border-bottom: 5px solid #d8b74f;
padding: 20px 0px 20px 0px;
margin-bottom: 10px;
}
.clock-icon {
margin-left: 200px;
}
.title-book {
font-size: 18px;
line-height: 20px;
color: #855b17;
text-align: right;
padding-top: 10px;
margin-left: 5px;
}
#book-time-01 {
margin-left: 170px;
margin-top: 20px;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.available-status {
font-size: 14px;
padding: 72px 0px;
}
.four-massage {
padding: 19px 20px 15px 20px;
}
}
/* Landscape phones and smaller samsung */
@media (min-width: 330px) and (max-width: 480px) {
.datepicker {
padding-left: 0px;
margin-left: -5px;
margin-bottom: 10px;
}
.available-status {
font-size: 14px;
padding: 54px 0px;
}
.table-condensed > tbody > tr > td {
padding: 5px;
}
.legend-bg {
margin-bottom: 10px;
}
.legend-bg ul li {
padding: 0px 5px;
font-size: 11px;
}
.code-btn {
font-size: 12px;
padding: 0px;
}
.counter-background {
background: #ffd962;
border-bottom: 5px solid #d8b74f;
padding: 20px 0px 20px 0px;
margin-bottom: 10px;
}
.clock-icon {
margin-left: 100px;
}
.title-book {
font-size: 15px;
line-height: 17px;
color: #855b17;
text-align: left;
padding-top: 10px;
padding-left: 10px;
}
.couples-massage {
font-size: 14px;
padding: 3px 10px;
margin-top: 13px;
}
.four-massage {
font-size: 14px;
margin-top: 13px;
padding: 16px 10px;
}
#book-time-01 {
margin-left: 40px;
}
.flip-clock-wrapper ul {
background: #000 none repeat scroll 0 0;
border-radius: 0px;
float: left;
font-size: 30px;
font-weight: bold;
height: 33px;
line-height: 60px;
margin: 1px;
position: relative;
width: 30px;
}
.flip-clock-wrapper ul li a div.up::after {
background-color: rgba(0, 0, 0, 0.4);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 16px;
width: 100%;
z-index: 5;
}
.flip-clock-dot {
background: #855b17 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
display: block;
height: 3px;
left: 3px;
position: absolute;
width: 3px;
}
.flip-clock-wrapper ul li a div div.inn {
background-color: #333;
border-radius: 0px;
color: #ccc;
font-size: 30px;
height: 200%;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 2px #000;
width: 100%;
z-index: 1;
}
.flip-clock-divider {
display: inline-block;
float: left;
height: 30px;
position: relative;
width: 10px;
}
.flip-clock-dot.top {
top: 22px;
}
.flip-clock-dot.bottom {
bottom: 15px;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.reservation-button {
font-size: 13px;
}
.checkout-button {
font-size: 16px;
}
}
/* Landscape phones and smaller iphone */
@media (min-width: 300px) and (max-width: 325px) {
.datepicker {
padding-left: 0px;
margin-left: -10px;
margin-bottom: 10px;
}
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
cursor: pointer;
font-size: 12px;
}
.available-status {
font-size: 12px;
padding: 54px 0px;
}
.table-condensed > tbody > tr > td {
font-size: 13px;
}
.table-condensed > tbody > tr > td {
padding: 0px;
font-size: 10px;
}
.legend-bg {
margin-bottom: 10px;
}
.legend-bg ul li {
padding: 0px 5px;
font-size: 11px;
}
.code-btn {
font-size: 9px;
}
.counter-background {
background: #ffd962;
border-bottom: 5px solid #d8b74f;
padding: 20px 0px 20px 0px;
margin-bottom: 10px;
}
.clock-icon {
margin-left: 60px;
}
.title-book {
font-size: 15px;
line-height: 17px;
color: #855b17;
text-align: left;
padding-top: 10px;
padding-left: 10px;
}
.couples-massage {
font-size: 13px;
padding: 2px 10px;
margin-top: 13px;
}
.four-massage {
font-size: 13px;
margin-top: 13px;
padding: 15px 10px;
}
#book-time-01 {
margin-left: 5px;
}
.flip-clock-wrapper ul {
background: #000 none repeat scroll 0 0;
border-radius: 0px;
float: left;
font-size: 30px;
font-weight: bold;
height: 33px;
line-height: 60px;
margin: 1px;
position: relative;
width: 30px;
}
.flip-clock-wrapper ul li a div.up::after {
background-color: rgba(0, 0, 0, 0.4);
content: "";
height: 3px;
left: 0;
position: absolute;
top: 16px;
width: 100%;
z-index: 5;
}
.flip-clock-dot {
background: #855b17 none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
display: block;
height: 3px;
left: 3px;
position: absolute;
width: 3px;
}
.flip-clock-wrapper ul li a div div.inn {
background-color: #333;
border-radius: 0px;
color: #ccc;
font-size: 30px;
height: 200%;
left: 0;
position: absolute;
text-align: center;
text-shadow: 0 1px 2px #000;
width: 100%;
z-index: 1;
}
.flip-clock-divider {
display: inline-block;
float: left;
height: 30px;
position: relative;
width: 10px;
}
.flip-clock-dot.top {
top: 22px;
}
.flip-clock-dot.bottom {
bottom: 15px;
}
.tab-massage .nav-tabs > li {
font-size: 14px;
font-weight: 500;
text-align: center;
}
.zen-form-focalpoint {
margin-top: 30px;
}
.zen-form-focalpoint .focalpoints-body-back {
margin-top: 20px;
}
.zen-form-focalpoint .focalpoints-body-front {
margin-top: 0px;
}
.reservation-button {
font-size: 13px;
}
.checkout-button {
font-size: 16px;
}
}