@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:after,*:before{box-sizing:border-box}:root{--color-white: #fff;--transition-speed-normal: .2s;--transition-speed-delay: .3s}body{line-height:1.5;scrollbar-width:thin}ul,ol{padding-left:0;list-style:none}a{text-decoration:none;transition:color .2s,opacity .3s}a:hover{opacity:.8}img{max-width:100%}p{font-size:.875rem;line-height:2;letter-spacing:.08em}select,input[type=text],input[type=tel],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}table,tr,td{font-size:.875rem;border:1px solid #eee}td{padding:1rem}input,textarea{padding:.8rem;border:2px solid #e6e6e6}.-tab,.-sp{display:none}@media screen and (max-width: 960px){.-pc{display:none}.-tab{display:block}}@media screen and (max-width: 599px){h3{line-height:1}.-sp{display:block}a:hover{opacity:1}select,input[type=text],input[type=tel],input[type=email],textarea{max-width:100%;font-size:16px}}.alignfull{width:var(--vw);margin-left:50%;transform:translate(-50%)}.taxonomy-category{display:flex}.wp-block-post-terms a{display:inline-block;padding:.25rem .5rem;font-size:.625rem;font-weight:700;letter-spacing:.2em}.widget-area{flex-basis:21.93%;max-width:250px}.widget-area h2{padding:0 0 .8rem .8rem;margin:0;font-size:1.6rem;font-weight:400;letter-spacing:.2em;border-bottom:2px solid}.widget-area .wp-block-group{margin-top:4rem}.widget-area .wp-block-group ul{padding:0 .4rem;margin:2.4rem auto 0}.widget-area .wp-block-group li{padding:0 .4rem .8rem;font-size:.875rem}.widget-area .wp-block-group li:not(:first-child){margin-top:.4rem}.widget-area .wp-block-group li a{display:block;width:100%;padding-bottom:.8rem;border-bottom-style:dotted;border-bottom-width:1px}.widget-area .wp-block-group li a.wp-block-latest-comments__comment-link,.widget-area .wp-block-group li a.wp-block-latest-comments__comment-author{display:inline;border:none}.wp-block-search__label{display:none}.wp-block-search .wp-block-search__input{padding-left:.8rem;border-color:#8b8b8b;border-right:none;border-radius:.5rem 0 0 .5rem}.wp-block-search .wp-block-search__button{margin-left:0;cursor:pointer;border-radius:0 .5rem .5rem 0;transition:opacity .3s}.wp-block-search .wp-block-search__button:hover{opacity:.8}.wp-block-button{font-size:inherit;text-align:center}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{font-size:1.2rem}.comment-respond{margin:8rem 0}.form-submit input{width:25rem;padding:2rem 0;color:var(--color-white);text-indent:.1rem;letter-spacing:.1rem;cursor:pointer;border:none;transition:color .2s,opacity .3s}.form-submit input:hover{opacity:.8}.wp-block-latest-posts__featured-image a{width:100%;overflow:hidden}.wp-block-latest-posts__featured-image a:hover{opacity:1}.wp-block-latest-posts__featured-image a:hover img{transform:translateZ(0) scale(1.08)}.wp-block-latest-posts__featured-image img{width:100%;vertical-align:bottom;transition:transform 1s cubic-bezier(.19,.82,.27,1),-webkit-transform 1s cubic-bezier(.19,.82,.27,1)}.wp-block-query .wp-block-post-title{margin:.75rem 0 0;font-size:1.125rem}.wp-block-latest-posts.columns-3 li{width:calc(33.3333% - 3rem)}.wp-block-latest-posts.columns-3 li:nth-child(3n){margin:0 0 1.25em}.wp-block-latest-posts.columns-3 li:not(:nth-child(3n)){margin:0 4.4rem 1.25em 0}.wp-block-image{overflow:hidden}.wp-block-image img{height:auto;vertical-align:bottom}.p-single__article .attachment-post-thumbnail{width:100%;height:400px;margin-top:2.4rem;object-fit:cover}.wp-block-latest-comments__comment-meta{line-height:1.5}.wpcf7{width:80%;max-width:816px;margin:0 auto}.wpcf7 input,.wpcf7 textarea{width:100%;padding:.8rem;margin-top:.4rem;border:2px solid #e6e6e6;border-radius:0}.wpcf7 .wpcf7-submit{display:block;width:fit-content;min-width:250px;padding:1.375rem 5rem;margin:1.25rem auto 0;font-size:.75rem;color:var(--color-white);text-indent:.3125rem;letter-spacing:.3125rem;cursor:pointer;background-color:var(--wp--preset--color--palette-main)!important;border:none;transition:color .2s,opacity .3s}.wpcf7 .wpcf7-submit:hover{color:var(--wp--preset--color--palette-text);opacity:.8}.wpcf7 .wpcf7-response-output{font-size:.875rem}.comment-reply-title>small{display:block;margin:10px 0 0}.wp-block-cover{padding:1em 0}.wp-block-navigation-item__label{font-size:.875rem}:where(.wp-block-columns.is-layout-flex){gap:1.25em}@media screen and (max-width: 960px){.wp-block-button__link{padding:.875rem 2rem}.wp-block-buttons>.wp-block-button.has-custom-font-size{width:50%}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-latest-posts.is-grid{flex-direction:column;align-items:center;width:80%;margin:0 auto}.wp-block-latest-posts.columns-3 li{width:100%}.wp-block-latest-posts.columns-3 li:nth-child(3n),.wp-block-latest-posts.columns-3 li:not(:nth-child(3n)){margin:0}.wp-block-column iframe{display:block;width:100%;height:48vw;margin:0 auto;border:0}.wp-block-buttons{justify-content:center}.wp-block-image img{width:100%}}@media screen and (max-width: 599px){.wp-block-latest-posts li{font-size:1.3rem}.wp-block-latest-posts.columns-3 li:not(:first-child){margin-top:3.2rem}.wp-block-latest-posts__featured-image.aligncenter{margin-bottom:.5em}.p-single__article .attachment-post-thumbnail{height:44vw}.wp-block-buttons{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size{width:20rem}.wp-block-cover{min-height:250px!important}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:12.5rem}.wpcf7{width:90%}.wpcf7 input,.wpcf7 textarea{width:100%;padding:.8rem;margin-top:.4rem;border:2px solid #e6e6e6}.wpcf7 .wpcf7-submit{min-width:200px;padding:.875rem 3rem;margin:1.5rem auto 0;color:var(--color-white);text-indent:.3125rem;letter-spacing:.3125rem}.wpcf7 .wpcf7-response-output{font-size:.875rem}}.site-header{position:relative;z-index:10}.header-menu .wp-block-navigation__container{position:relative;width:fit-content}.header-menu .wp-block-navigation__container>li{transition:opacity var(--transition-speed-normal)}.header-menu .wp-block-navigation__container .has-child:hover .wp-block-navigation__submenu-container a{opacity:1}.header-menu .wp-block-navigation__submenu-container.wp-block-navigation-submenu{transition:var(--transition-speed-normal)}.header-menu .wp-block-navigation__responsive-container-content{gap:0}.header-menu .wp-block-navigation-item{position:static;padding:0 1.5rem 1.625rem;cursor:pointer;background-color:transparent;opacity:1}.header-menu .wp-block-navigation-item.has-child li{transition:opacity var(--transition-speed-normal)}.header-menu .wp-block-navigation-item.has-child .wp-block-navigation-item{padding:.8125rem 1.5rem}.header-menu .wp-block-navigation__submenu-icon{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container{position:absolute;top:2.9375rem;right:0;left:50%;z-index:10;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100vw!important;height:0;overflow:hidden;background-color:var(--wp--preset--color--base-1);border:none;transform:translate(-50%)}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container:hover>.menu-item{opacity:1}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container a{padding:0;color:var(--wp--preset--color--palette-text);opacity:0}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container .menu-item{padding:1.3rem 2.4rem}@media screen and (max-width: 599px){.header-top-spacer{display:none}.wp-block-navigation__responsive-container-open{position:absolute;top:-2.8rem;right:.9rem;display:flex;flex-direction:column;gap:.4rem;width:1.25rem;height:1.25rem}.wp-block-navigation__responsive-container-open .menu-bar{width:100%;height:1px;content:"";background-color:var(--wp--preset--color--palette-text);transition:all var(--transition-speed-normal)}.wp-block-navigation__responsive-container-open svg{display:none}.wp-block-navigation__responsive-container-open.-open .menu-bar{transform-origin:left}.wp-block-navigation__responsive-container-open.-open .menu-bar:first-of-type{transform:rotate(45deg)}.wp-block-navigation__responsive-container-open.-open .menu-bar:nth-of-type(2){opacity:0}.wp-block-navigation__responsive-container-open.-open .menu-bar:nth-of-type(3){transform:rotate(-45deg)}.wp-block-navigation__responsive-container-close{top:1rem;right:1rem}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{width:100%;padding:1rem .5rem!important;border-bottom:1px solid #f0f0f0}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container{left:0;flex-direction:column;width:100%!important;height:auto;padding:0!important;transform:none}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container a{color:var(--wp--preset--color--palette-text);opacity:1}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation-item{cursor:default}.header-menu .wp-block-navigation__container .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child{border-bottom:none}.header-menu .wp-block-navigation__container{width:92%}.header-menu .wp-block-navigation-item{align-items:flex-start!important;width:100%;padding:0}.header-menu .wp-block-navigation-item.has-child .wp-block-navigation-item{padding:0}.header-menu .wp-block-navigation-item.has-child .wp-block-navigation-item .wp-block-navigation-item__content{padding-left:2rem!important}.header-menu .wp-block-navigation__container:hover .has-child:hover .wp-block-navigation__submenu-container{height:auto}}.site-footer .wp-block-site-title{margin:0;line-height:1.5}.site-footer .copyright{display:block;width:fit-content;margin:4rem auto 0;font-size:1.2rem;text-align:center;letter-spacing:1px}.site-footer .wp-block-group.site-footer-sns{gap:.75rem}@media screen and (max-width: 599px){.site-footer .wp-block-site-logo{width:15rem}.site-footer .copyright{font-size:1rem}.site-footer .l-menu__wrapper ul{justify-content:center;width:95%;margin:0 auto}.site-footer .l-menu__wrapper .menu-item{margin-bottom:.6rem}.site-footer .l-menu-sns__list{margin-top:2.8rem}}.l-pagination ul.page-numbers{display:flex;justify-content:center;margin-top:18rem;font-size:1.4rem;text-align:center}.l-pagination span.page-numbers,.l-pagination a.page-numbers{padding:.1rem .8rem}.l-pagination span.page-numbers.current,.l-pagination a.page-numbers.current{color:var(--color-white)}@media screen and (max-width: 960px){.l-pagination ul.page-numbers{margin-top:8rem}}.wp-block-button__link{letter-spacing:.4em}.wp-block-group.post-nav{margin-top:2.5rem}.c-sidebar:where(.is-layout-flex){gap:2.5rem}.c-sidebar .wp-block-search__button-outside{width:100%}.c-sidebar .wp-block-group:has(ul){width:100%}.c-sidebar .wp-block-latest-posts__list,.c-sidebar .wp-block-categories-list{display:flex;flex-direction:column;gap:.25rem;width:100%}.c-sidebar .wp-block-latest-posts__list li,.c-sidebar .wp-block-categories-list li{width:100%;padding:.5rem .25rem .8rem;border-color:#b6b1aa;border-bottom-style:dotted;border-bottom-width:1px}.home .wp-block-latest-posts__list a{font-size:1.8rem}.home-slider{overflow:hidden}.home-slider.wp-block-group{max-width:none}.home-slider .swiper-slide{display:flex}.home-contents{width:100%;max-width:1068px;padding:0 2.4rem;margin:0 auto}@media screen and (max-width: 960px){.p-home__wrapper .swiper{margin-top:3.2rem}.p-home__wrapper .swiper-slide.-pc{display:block}.p-home-contents{width:90%;padding:0;margin:0 auto}}@media screen and (max-width: 599px){.p-home__wrapper .swiper{margin-top:0}.p-home__wrapper .swiper-slide.-pc{display:none}.p-home-slider__image{height:80vw}.p-home-slider__image.-default{background-image:url(//autodesign7.site/wp-content/themes/introductory_theme_ver2/assets/dist/images/default_mv-sp.jpg)}}.p-single__title{margin:.4rem 0 0;font-size:2.8rem;font-weight:400}.p-single__shareButtons{display:flex;align-items:center;margin-top:8rem}.p-single__shareButtons .fb-share-button{display:flex}.p-single__shareTwitter{display:flex;margin-left:.8rem}.post-navigation-link-previous.button-prev{text-align:left}.post-navigation-link-previous.button-prev a{display:inline-flex;gap:1rem;justify-content:center;width:10rem;padding:.875rem 0}.post-navigation-link-previous.button-prev a:before{content:"<<"}.post-navigation-link-next.button-next{margin-left:auto}.post-navigation-link-next.button-next a{display:inline-flex;gap:1rem;justify-content:center;width:10rem;padding:.875rem 0}.post-navigation-link-next.button-next a:after{content:">>"}@media screen and (max-width: 599px){.p-single__shareButtons{display:flex;align-items:center;margin-top:4rem}.p-single__shareButtons .fb-share-button{display:flex}}.wp-block-post-featured-image{overflow:hidden}.wp-block-post-featured-image a:hover{opacity:1}.wp-block-post-featured-image a:hover .attachment-post-thumbnail{transform:scale(1.1)}.attachment-post-thumbnail{transition:all var(--transition-speed-delay)}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.material-icons {
font-family: 'Material Icons' !important;
font-weight: 600;
font-style: normal;
font-size: 24px !important; display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
}
.hidden_panel {
display: none !important;
}
.scrollBlock {
overflow: hidden;
}
.topPanelIndex {
z-index: 100;
}
.bottomPanelIndex {
z-index: 100;
}
.calendarNotFound {
color: red;
font-size: 2em;
padding: 1em;
text-align: center;
}
.shortcode_error {
background-color: #fff8e5;
border: 1px solid #ccd0d4;
border-left-color: #ffb900;
border-left-width: 4px;
padding: 1px 12px;
}
.shortcode_error > p {
margin: 0 !important;
}
.booking_package_nonce_error {
background-color: #ffe5e5;
border: 1px solid #ccd0d4;
border-left-color: #ff0000;
border-left-width: 4px;
padding: 1px 12px;
}
.booking_package_nonce_error > p {
margin: 0 !important;
}
.opening_effect_calendar {
animation-name: opening_effect_calendar;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
}
#booking_package_json_format_error_panel {
background-color: #ffe5e5;
border: 1px solid #ccd0d4;
border-left-color: #ff0000;
border-left-width: 4px;
padding: 1px 12px;
}
#returnToSchedules {
margin: 10px 0;
}
#booking_package_verificationCodePanel {
position: fixed;
height: auto !important;
top: 0;
left: 0;
right: 0;
bottom: 0; z-index: 15990;
background-color: rgba(0, 0, 0, 0.3);
}
#booking_package_verificationCodeContent {
max-width: 500px;
position: fixed;
padding: 2%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
word-break: break-word;
margin: auto;
background-color: #FFF;
box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
#booking_package_verificationCodeContent span {
display: block;
}
#booking_package_verificationCodeContent .address {
font-weight: 400;
margin-bottom: 0.6em;
}
#booking_package_verificationCodeContent input {
text-align: center;
border: 1px solid #d6d6d6;
}
#booking_package_verificationCodeContent button {
width: 100%;
}
#booking-package input, #booking-package select, #booking-package textarea, #booking_package_verificationCodeContent input, #booking-package_inputFormPanel input, #booking-package_inputFormPanel select #booking-package_inputFormPanel textarea {
border-width: 1px;
margin: auto 0;
}
#booking_package_verificationCodeContent input {
margin-bottom: 1em;
width: 100%;
}
#booking-package .maximumCharge, #booking-package .minimumCharge, #booking-package .toCharge {
margin: 0;
padding: 0;
}
#booking-package-loginform {
display: none;
}
#booking-package-loginform p {
padding: 0 10px 10px 10px;
margin: 0;
width: 100%;
box-sizing: border-box;
}
#booking-package-loginform label {
display: inline-block;
font-weight: normal;
padding-bottom: 5px;
}
#addUserFileds tr {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 1em;
text-align: left;
}
#booking-package-loginform label, #booking-package-user-form label, #booking-package-user-profile label {
display: block;
}
#booking-package-loginform p {
font-size: inherit;
}
#booking-package-user-form, #booking-package-loginform, #booking-package-subscription_form, #booking-package-subscribed_panel, #booking-package-user-edit-form {
max-width: 320px;
padding: 8% 10px;
margin: auto;
}
#booking-package-user-form .titlePanel, #booking-package-user-edit-form .titlePanel, #booking-package-subscribed_panel .titlePanel, #booking-package_myBookingHistory .titlePanel, #booking-package_myBookingDetails .titlePanel, #booking-package_myBookingDetailsFroVisitor .titlePanel {
display: table;
width: 100%;
}
#booking-package-user-form .title, #booking-package-user-edit-form .title, #booking-package-subscribed_panel .title, #booking-package_myBookingHistory .title, #booking-package_myBookingDetails .title, #booking-package_myBookingDetailsFroVisitor .title {
float: left;
font-size: 1.2em;
font-weight: 600;
text-transform: uppercase;
}
#booking-package-user-form .closeButton, #booking-package-user-edit-form .closeButton, #booking-package-subscribed_panel .closeButton, #booking-package_myBookingHistory .closeButton, #booking-package_myBookingDetails .closeButton, #booking-package-loginform .closeButton {
float: right;
cursor: pointer;
margin: 0;
font-size: 1.5em !important;
font-weight: normal;
}
#addCustomFormFieldPanel table {
border-spacing: 0;
border-width: 0;
}
#addCustomFormFieldPanel tr {
display: grid;
grid-template-columns: 1fr 1fr;
}
#addCustomFormFieldPanel th {
grid-start: 1;
}
#addCustomFormFieldPanel td {
}
#booking-package-loginform .closeButton {
width: 100%;
text-align: right;
float: none;
}
#booking-package_myBookingHistory, #booking-package_myBookingDetails {
padding: 8% 10px;
}
#booking-package_myBookingHistoryTable table {
font-size: 1em;
}
#booking-package_myBookingHistoryTable tr {
cursor: pointer;
}
#booking-package_myBookingHistoryTable th {
font-weight: normal;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1;
}
#booking-package_myBookingHistoryTable td, #booking-package_myBookingHistoryTable th {
padding-left: 0px;
padding-right: 0.5em;
padding-bottom: 7px;
}
#booking-package_myBookingHistoryTable .statusTd {
padding-right: 0em;
width: 140px;
}
#booking-package_myBookingHistoryTable .pendingLabel {
display: table;
width: 100%;
text-align: center;
padding: 2px 0px;
border: 1px solid #f06767;
border-radius: 0;
color: #FFF;
background-color: #f06767;
text-transform: uppercase;
}
#booking-package_myBookingHistoryTable .approvedLabel {
display: table;
width: 100%;
text-align: center;
padding: 2px 0px;
border: 1px solid #98c878;
border-radius: 0;
color: #FFF;
background-color: #98c878;
text-transform: uppercase;
}
#booking-package_myBookingHistoryTable .canceledLabel {
display: table;
width: 100%;
text-align: center;
padding: 2px 0px;
border: 1px solid #f0c267;
border-radius: 0;
color: #FFF;
background-color: #f0c267;
cursor: text;
text-transform: uppercase;
}
#booking-package-subscribed_panel table {
font-size: 1em;
}
#booking-package-subscribed_panel .delete_icon {
font-weight: normal;
cursor: pointer;
display: table-cell;
vertical-align: middle;
}
#booking-package-subscribed_panel .canceled {
color: #e23e3e;
}
#booking-package-user-form .errorPanel, #booking-package-user-edit-form .errorPanel, #booking-package-subscription_form .errorPanel, #booking-package-subscribed_panel .errorPanel {
background-color: #FFD5D5;
}
#booking-package-subscription_form .subscription {
text-align: center;
font-size: 1.4em;
margin-bottom: 1.4em;
}
#booking-package-subscription_form .name, #booking-package-subscribed_panel .name {
}
#booking-package-subscription_form .amount, #booking-package-subscribed_panel .amount {
text-align: right;
font-weight: 600;
}
#booking-package-memberActionPanel {
width: 100%; display: table;
margin: 0;
}
#booking-package-memberActionPanel .userTopButtonPanel {
display: table;
width: 100%;
margin: 0;
}
#booking-package-memberActionPanel .hiddenLoginErrorPanel {
animation-name: hiddenLoginErrorPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
height: 0;
opacity: 0;
margin: 0 !important;
padding: 0 !important;
}
#booking-package-memberActionPanel label {
font-weight: normal;
}
#booking-package-memberActionPanel button, #booking-package-memberActionPanel input[type=submit] {
margin-top: 1em;
margin-bottom: 1em;
text-transform: uppercase;
}
#booking-package-memberActionPanel div, #booking-package-user-edit-form div, #booking-package-memberActionPanel .row_reCAPTCHA {
margin-bottom: 0; }
#booking-package-memberActionPanel .row_reCAPTCHA {
display: contents;
}
#booking-package-memberActionPanel div { }
#booking-package-memberActionPanel .member_login_error {
text-align: center;
}
#booking-package-loginform .member_login_error {
text-align: left;
}
#booking-package-memberActionPanel .displayName {
display: block;
text-align: right;
}
#booking-package-memberActionPanel .loginform {
display: block !important;
}
#booking-package-memberActionPanel .login, #booking-package-memberActionPanel .logout, #booking-package-memberActionPanel .register, #booking-package-memberActionPanel .edit {
cursor: pointer;
margin: 0 5px;
float: right;
text-transform: uppercase;
display: block;
}
#booking-package-memberActionPanel .login:hover, #booking-package-memberActionPanel .logout:hover, #booking-package-memberActionPanel .register:hover, #booking-package-memberActionPanel .edit:hover {
text-decoration: underline;
}
#booking-package-memberActionPanel .register {
}
#booking-package-memberActionPanel .change_user_password_button {
display: block;
}
#booking-package-memberActionPanel .delete_user_button {
margin-left: 1em;
}
#booking-package-memberActionPanel .login_error, #booking-package-loginform .login_error {
margin: 12px 0 16px;
border-left: 4px solid #dc3232;
padding: 10px;
background-color: #FFF;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
#booking-package-loginform .login_error {
margin: 5px 0;
padding: 5px 10px;
}
#booking-package {
animation-name: nextPageVisitorDetails;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
width: 100%;
display: table;
margin: 0;
}
#booking-package .calendarWidthForHotel {
animation-name: nextPageVisitorDetails;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
width: 50%;
float: left;
position: -webkit-sticky;
position: sticky;
box-sizing: border-box;
}
.calendarWidthForHotel_in_dashboard {
animation-name: nextPageVisitorDetails;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
width: 50%;
float: left;
position: -webkit-sticky;
position: sticky;
box-sizing: border-box;
}
#booking-package input[type=text], #booking-package textarea, #booking-package-user-form input[type=text], #booking-package-user-form input[type=password], #booking-package-user-form textarea, #booking-package-loginform input[type=text], #booking-package-loginform input[type=password], #booking-package-loginform textarea, #booking-package-user-edit-form input[type=text], #booking-package-user-edit-form input[type=password], #booking-package-user-edit-form textarea {
border: 1px solid #d6d6d6;
}
#booking-package select, #booking-package-user-form select {
border: 1px solid #ddd;
}
#booking-package_servicePage {
width: 60%;
float: left;
margin: 0;
box-sizing: border-box;
}
#booking-package_serviceDetails {
width: 40%;
float: left;
position: relative;
position: -webkit-sticky;
position: sticky;
padding-left: 1em;
margin: 0;
box-sizing: border-box;
}
#booking-package_servicePage .noSticky, #booking-package_serviceDetails .noSticky {
position: relative !important;
}
#booking-package_serviceDetails .title, #booking-package_servicePage .title {
font-size: 1.4em;
font-weight: normal;
text-align: center;
padding: 10px 0;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
}
#booking-package_servicePage .title {
position: relative;
position: -webkit-sticky;
position: sticky;
}
#booking-package_schedulePage input[type=checkbox], #optionsMainPanel input[type=checkbox], #booking-package_servicePage input[type=checkbox] {
margin-right: 0.5em;
}
#booking-package_schedulePage input[type=checkbox], #optionsMainPanel input[type=checkbox][disabled], #booking-package_servicePage input[type=checkbox] {
cursor: pointer !important;
}
#booking-package_schedulePage input[type=checkbox], #optionsMainPanel label, #booking-package_servicePage label {
font-weight: normal;
}
#booking-package_durationStay {
animation-name: nextPageVisitorDetails;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
width: 50%;
float: left;
margin: 0em;
padding-left: 1em;
box-sizing: border-box;
}
#booking-package_durationStay button, #booking-package_serviceDetails .select_date_button, #booking-package_serviceDetails .returnButton {
width: 100%;
font-weight: normal;
}
#booking-package_serviceDetails .returnButton {
margin-left: 0;
}
#booking-package_durationStay select {
padding: 0.2em 0.5em;
width: 100%;
}
#booking-package_durationStay .bookingDetailsTitle {
position: relative;
position: -webkit-sticky;
position: sticky;
font-size: 1.4em;
font-weight: normal;
text-align: center;
padding: 10px 0;
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
z-index: 1;
}
#booking-package_durationStay .error_empty_value {
background-color: #FFD5D5;
}
#booking-package_durationStay .errorPanel {
background-color: #FFD5D5;
}
#booking-package_durationStay .name {
width: 100%;
display: inline-block;
text-align: left;
font-weight: normal;
padding-bottom: 5px;
float: left;
}
#booking-package_durationStay .forNights{
float: left;
margin-left: 0.1em;
}
#booking-package_durationStay .value {
width: 100%;
text-align: left;
clear: left;
}
#booking-package_durationStay .required:after {
position: relative;
top: 3px;
content: '*';
color: #ff1c1c;
margin-left: 2px;
display: inline;
}
#booking-package_durationStay .row { margin-left: 0em;
margin-right: 0em;
padding: 0.5em;
border-style: solid;
border-width: 0px;
border-bottom-width: 1px;
box-sizing: border-box;
}
#booking-package_durationStay .optionsTitle, #booking-package_durationStay .guestsTitle {
font-size: 1.1em;
font-weight: normal;
}
#booking-package_durationStay .options_row, #booking-package_durationStay .guests_row {
margin-left: 0em;
margin-right: 0em;
padding: 0.5em;
box-sizing: border-box;
}
#booking-package_durationStay .rowRoom, #booking-package_durationStay .roomNoLabel {
margin-left: 0em;
margin-right: 0em;
padding: 0.5em;
box-sizing: border-box;
text-transform: capitalize;
}
#booking-package_myBookingDetails_panel .roomNoLabel {
text-transform: capitalize;
display: block;
}
#booking-package_durationStay .roomNoLabel {
margin: 0;
font-weight: normal;
padding-bottom: 0;
}
#booking-package_durationStay .rowRoom {
padding: 0 0.5em 0.5em 0.5em;
}
#booking-package_durationStay .addRoomButton {
float: right;
color: #2626ff;
font-weight: normal;
cursor: pointer;
}
#booking-package_durationStay .deleteRoomButton {
font-family: 'Material Icons' !important;
font-weight: normal; padding: 0.5em;
padding-bottom: 0;
margin: 0px;
float: right;
cursor: pointer;
}
#booking-package_durationStay .chooseDate {
color: #ff1a1a; }
#booking-package_durationStay .clearLabel {
float: right;
color: #2626ff;
cursor: pointer;
font-weight: normal;
}
#booking-package_durationStay .openDetails {
animation-name: openDetails;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
height: inherit
}
#booking-package_durationStay .closeDetails {
animation-name: closeDetails;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
height: inherit;
display: none;
}
#summaryListPanel {
display: table;
}
#summaryListPanel .list, #summaryPanel .list {
display: table;
clear: left;
}
#summaryListPanel .totalLengthOfStayLabel {
color: #2626ff;
cursor: pointer;
font-weight: normal;
float: none;
margin-bottom: 0;
}
#summaryListPanel .summaryTitle, #summaryPanel .summaryTitle {
float: left;
clear: left;
}
#summaryListPanel .summaryValue, #summaryPanel .summaryValue {
margin-left: 0.5em;
float: left;
}
#summaryListPanel .stayAndGuestsPanel, #summaryListPanel .stayAndOptionsPanel {
margin-left: 1em;
}
#booking-package .position_sticky {
position: -webkit-sticky !important;
position: sticky !important;
}
#booking-package .nextPageBookingDetails {
animation-name: nextPageBookingDetails;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
padding: 0;
padding-right: 10px;
left: 0%;
width: 35%;
}
#booking-package .returnPageBookingDetails {
animation-name: returnPageBookingDetails;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
position: 0;
left: 0%;
width: 50%;
}
#booking-package .nextPageVisitorDetails {
animation-name: nextPageVisitorDetails;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
padding: 0;
padding-left: 10px; width: 65%;
float: left;
box-sizing: border-box;
}
@keyframes hiddenLoginErrorPanel {
from {
opacity: 1;
height: inherit;
margin: 12px 0 16px;
padding: 10px;
} to {
opacity: 0;
height: 0;
margin: 0;
padding: 0;
}
}
@keyframes openDetails {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes closeDetails {
from {
opacity: 1;
}
to {
opacity: 0;
display: none;
}
}
@keyframes nextPageBookingDetails {
from {
width: 50%;
left: 50%;
}
to {
width: 35%;
left: 0%;
}
}
@keyframes nextPageVisitorDetails {
from {
opacity: 0
}
to {
opacity: 1;
}
}
@keyframes returnPageBookingDetails {
from {
width: 35%;
left: 0%;
}
to {
width: 50%;
left: 50%;
}
}
#calendarStatus {
text-align: center;
font-size: 1.3em;
font-weight: bold;
}
#booking-package_calendarPage { margin: 0em; }
#booking-package_calendarPage div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#booking-package_calendarPage input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0.5em 0em 0.5em 0.5em;
font-size: 1em;
border: 1px solid #969696;
display: inline;
}
#booking-package_calendarPage textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100px;
margin: 0;
padding: 0.5em 0em 0.5em 0.5em;
font-size: 1em;
border: 1px solid #969696;
}
#booking-package_calendarPage select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2em;
margin: 2px 0px; font-size: 1em;
border: 1px solid #969696;
}
#booking-package_calendarPage label {
}
#booking-package_calendarPage .radio_title {
margin-left: 0.5em;
}
#booking-package_calendarPage .available_day {
cursor: pointer;
}
#booking-package_calendarPage .available_day:hover {
background-color: #EAEDF3;
}
#booking-package_calendarPage .close {
background: #f5f5f5;
} #booking-package_calendarPage .calendarHeader { display: flex;
justify-content: space-between;
padding: 10px 0;
}
#booking-package_calendarPage .arrowFont {
font-weight: normal;
font-size: 2em !important;
width: 1.1em;
vertical-align: middle;
}
#booking-package_calendarPage .arrowLeft {
cursor: pointer;
text-align: left;
font-weight: normal;
margin: 5px 0 0 0;
}
#booking-package_calendarPage .arrowRight {
cursor: pointer;
text-align: right;
font-weight: normal;
margin: 5px 0 0 0;
}
#booking-package_calendarPage .calendar {
display: grid;
display: -ms-grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: auto;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto; margin-bottom: 10px;
}
#booking-package_calendarPage .border_bottom_width {
border-bottom-width: 1px !important;
}
#booking-package_calendarPage .day_slot  {
display: grid;
border-width: 1px;
border-style: solid;
margin-left: -1px;
margin-bottom: -1px;
padding: 0;
text-align: center;
height: 4.5em;
}
#booking-package_calendarPage .week_slot {
border-width: 1px;
border-style: solid;
margin-left: -1px;
margin-bottom: -1px;
padding: 5px 0;
text-align: center;
}
#booking-package_calendarPage .selected_day_slot {
background-color: #b1daff;
}
#booking-package_calendarPage .selected_start_day {
}
#booking-package_calendarPage .selected_start_day > .dateField {
}
#booking-package_calendarPage .selected_day_range {
}
#booking-package_calendarPage .selected_day_range > .dateField {
}
#booking-package_calendarPage .selected_end_day {
}
#booking-package_calendarPage .selected_end_day > .dateField {
}
#booking-package_calendarPage .descriptionLabelForDay {
display: none;
width: 100%;
font-size: 0.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#booking-package_calendarPage .dateField {
vertical-align: middle;
text-align: center;
padding: 5px 0;
} #booking-package_calendarPage .symbolPanel, #booking-package_calendarPage .numberInsteadOfSymbols {
display: inline;
vertical-align: middle;
width: 100%;
overflow: hidden;
font-weight: inherit;
font-size: 1em !important;
text-align: center;
text-overflow: clip;
white-space: nowrap;
padding: 5px 0;
}
#booking-package_calendarPage .remainderPanel {
position: relative;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 1.5em;
color: #ababab;
}
#booking-package_calendarPage .approvedCount {
color: #98c878;
display: inline;
margin-right: 5px;
}
#booking-package_calendarPage .pendingCount {
color: #f06767;
display: inline;
margin-left: 5px;
}
#booking-package_calendarPage .datePanel {
font-size: 1.2em;
margin: 0.5em 0em 0.5em 0em;
}
#booking-package_calendarPage .titleMessage {
font-size: 1.2em;
text-align: center;
margin: 0.5em 0em 0.5em 0em;
}
#booking-package_calendarPage .accountPanel {
border-color: #969696;
border-width: 1px 0px 0px 0px;
border-bottom-width: 0px;
border-style: solid;
float: left;
width: 100%;
padding: 10px 5px;
}
#booking-package_calendarPage .unSelectPanel {
background-color: rgb(242,242,242);
}
#booking-package_calendarPage .errorPanel {
background: #FFD5D5;
}
#booking-package_calendarPage .inputPanel {
display: table;
border-color: #969696;
border-width: 1px 0px 0px 0px;
border-bottom-width: 0px;
border-style: solid;
float: left;
width: 100%;
padding: 10px 5px;
}
#booking-package_calendarPage .indispensableLabel:after {
content: ' ※';
color: #ff0000;
}
#booking-package_calendarPage .inputName {
display: table-cell;
vertical-align: middle;
width: 30%;
}
#booking-package_calendarPage .inputValue {
display: table-cell;
vertical-align: middle;
width: 70%;
white-space: pre-wrap;
word-break: break-word; }
#booking-package_calendarPage .inputValueHidden {
display: none;
}
#booking-package_calendarPage .buttonPanel {
display: table;
float: right;	
}
#booking-package_calendarPage .backButton {
border: 1px solid #969696;
border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
border-right-width: 1px;
background: #ededed;
cursor: pointer;
font-size: 1em;
vertical-align: bottom;
padding: 5px 10px;
margin: 10px 10px 10px 0px;
color: #000000;
line-height: 1;
font-weight: normal;
}
#booking-package_calendarPage .hiddenButton {
display: none;
}
#booking-package_calendarPage .calendarButton {
background: #FFF;
border: solid 1px #969696;
padding: 0.3em;
}
.calendarData {
text-align: center;
font-size: 1.4em;
font-weight: normal;
vertical-align: middle; }
.moveMonthButton {
vertical-align: middle;
margin: auto 0;
}
#booking-package_schedulePage { position: relative;
width: 100%; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
} #booking-package_schedulePage div, #booking-package_servicePage div {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#booking-package_schedulePage button { }
#booking-package_schedulePage .topPanel {
position: relative;
position: -webkit-sticky;
position: sticky;
display: table;
top: 0;
width: 100%;
height: 50px;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
z-index: 3;
}
#bottomPanel {
display: flex;
justify-content: left;
padding: 10px 0px;
bottom: 0;
z-index: 3;
border-style: solid;
border-width: 0;
border-top-width: 1px;
}
#bottomPanel > button {
margin: 0;
margin-left: 10px;
font-weight: normal;
}
#booking-package_schedulePage .topPanelNoAnimation {
position: relative;
display: table;
top: 0;
width: 100%;
height: 50px;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
z-index: 3;
}
#booking-package_schedulePage .space_between {
justify-content: space-between;
}
#booking-package_schedulePage .bottomPanelForPositionInherit {
position: inherit;
position: -webkit-sticky;
position: sticky;
width: 100%;
}
#booking-package_schedulePage .bottomPanel {
position: relative;
position: -webkit-sticky;
position: sticky;
width: 100%;
bottom: 0;
border-style: solid;
border-width: 0;
border-top-width: 1px;
padding: 10px 0px;
z-index: 3;
}
#booking-package_schedulePage .bottomPanelNoAnimation {
position: relative;
width: 100%;
float: left;
}
#booking-package_schedulePage .right_button { margin-right: 10px;
}
#booking-package_schedulePage .selectedDate {
text-align: center;
font-size: 1.4em; display: table-cell;
vertical-align: middle;
}
#booking-package_schedulePage .leftButtonPanel {
display: table-cell;
vertical-align: middle;
}
#booking-package_schedulePage .rightButtonPanel {
display: table-cell;
vertical-align: middle;
}
#booking-package_schedulePage .headingPosition { }
#booking-package_schedulePage .daysListPanel {
position: relative;
top: 0px;
bottom: inherit;
left: 0;
right: 90px;
width: 90px;
right: 15%;
width: 15%; overflow-y: hidden;
overflow-x: hidden;
}
#booking-package_schedulePage .daysListPanelNoAnimation {
position: relative;
top: 0px;
bottom: inherit;
left: 0;
right: 90px;
width: 90px;
right: 15%;
width: 15%; overflow-y: hidden;
overflow-x: hidden;
float: left;
}
#booking-package_schedulePage .scheduleListPanel {
position: absolute;
top: 50px;
bottom: inherit;
left: 0;
right: 90px;
width: 90px;
right: 15%;
width: 15%;
border-right: 1px solid #ddd;
overflow-y: auto;
overflow-x: hidden;
background: #FFF;
}
#booking-package_schedulePage .courseListPanel {
position: absolute;
top: 50px;
bottom: inherit;
left: 90px;
left: 15%;
right: 0;
width: 85%;
margin-bottom: -1px;
border-width: 0px;
border-bottom-width: 0px;
border-bottom-style: solid; overflow-y: hidden;
overflow-x: hidden; }
#booking-package_schedulePage .courseListPanelNoAnimation {
position: relative;
top: 0px;
bottom: inherit;
left: 0%;
right: 0;
width: 85%; overflow-y: hidden;
overflow-x: hidden; float: left;
}
#booking-package_schedulePage .positionSticky {
position: -webkit-sticky !important;
position: sticky;
}
#booking-package_schedulePage .scheduleListPanel {
left: 50%;
width: 50%;
z-index: 100;
}
#booking-package_schedulePage .postionDefaultForCourseListPanel {
animation-name: postionDefaultForCourseListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 90px;
left: 15%;
right: 0;
}
#booking-package_schedulePage .postionDefaultForCourseListPanelNoAnimation {
left: 90px;
left: 0%;
right: 0;
}
#booking-package_schedulePage .postionReturnForCourseListPanel {
animation-name: postionReturnForCourseListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 90px;
left: 15%;
right: 0;
width: 85%;
}
#booking-package_schedulePage .postionReturnForCourseListPanelNoAnimation {
left: 90px;
left: 0%;
right: 0;
width: 85%;
}
#booking-package_schedulePage .postionLeftForCourseListPanel {
animation-name: postionLeftForCourseListPanel;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 0px;
width: 50%;
z-index: 1;
}
#booking-package_schedulePage .postionLeftForCourseListPanelNoAnimation {
left: 0px;
width: 50%;
z-index: 1;
}
#booking-package_schedulePage .postionDefaultForScheduleListPanel {
animation-name: postionDefaultForScheduleListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 50%;
right: 0;
width: 0%;
white-space: normal;
overflow-y: auto;
}
#booking-package_schedulePage .postionDefaultForScheduleListPanelNoAnimation {
left: 50%;
right: 0;
width: 0%;
white-space: normal;
overflow-y: auto;
}
#booking-package_schedulePage .postionCenterForScheduleListPanel {
animation-name: postionCenterForScheduleListPanel;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 50%;
width: 50%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
z-index: 2;
white-space: normal;
overflow-y: hidden;
}
#booking-package_schedulePage .postionCenterForScheduleListPanelNoAnimation {
left: 0%;
width: 50%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
z-index: 2;
white-space: normal;
overflow-y: hidden;
float: left;
}
#booking-package_schedulePage .positionOfPanelNotHavingCourseForScheduleListPanel { box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
z-index: 2;
white-space: normal;
}
#booking-package_schedulePage .addAbsoluteOfPosition {
position: absolute;
}
#booking-package_schedulePage .addRelativeOfPosition {
position: relative;
top: 0;
}
#booking-package_schedulePage .positionOfNextPanelNotHavingCourseForScheduleListPanel {
animation-name: positionOfNextPanelNotHavingCourseForScheduleListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 0%;
width: 20%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
z-index: 100;
white-space: normal;
}
#booking-package_schedulePage .positionOfReturnPanelNotHavingCourseForScheduleListPanel {
animation-name: positionOfReturnPanelNotHavingCourseForScheduleListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 20%;
width: 80%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
z-index: 100;
white-space: normal;
}
#booking-package_schedulePage .postionLeftZeroForScheduleListPanel {
animation-name: postionLeftZeroForScheduleListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 0%;
width: 20%;
z-index: 100;
white-space: nowrap;
}
#booking-package_schedulePage .postionRetrunForScheduleListPanel {
animation-name: postionRetrunForScheduleListPanel;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 50%;
width: 50%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
z-index: 100;
opacity: 1;
}
#booking-package_schedulePage .positionCenterFormPanel {
animation-name: positionCenterFormPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 20%;
width: 80%;
z-index: 100;
white-space: normal;
}
#booking-package_schedulePage .positionReturnFormPanel {
animation-name: positionReturnFormPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 100%;
width: 0%;
z-index: 100;
white-space: normal;
}
@keyframes postionDefaultForCourseListPanel {
from {
left: 0;
right: 50%;
}
to {
left: 90px;
left: 15%;
right: 0;
}    
}
@keyframes postionReturnForCourseListPanel {
from {
left: 0;
right: 50%;
width: 50%;
}
to {
left: 90px;
left: 15%;
right: 0%;
width: 85%;
} 
}
@keyframes postionLeftForCourseListPanel {
from {
left: 0px;
width: 100%;
}
to {
left: 0px;
width: 50%;
}
}
@keyframes postionDefaultForScheduleListPanel {
from {
left: 50%;
right: 0;
width: 50%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
overflow-x: hidden;
white-space: nowrap;
}
to {
left: 100%;
right: 0;
width: 0%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
overflow-x: hidden;
white-space: nowrap;
}
}
@keyframes postionCenterForScheduleListPanel {
from {
left: 100%;
width: 0%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
overflow-x: hidden;
white-space: nowrap;
}
to {
left: 50%;
width: 50%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
overflow-x: hidden;
white-space: normal;
}
}
@keyframes positionOfNextPanelNotHavingCourseForScheduleListPanel {
from {
left: 20%;
width: 80%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
overflow-x: scroll;
white-space: nowrap;
}
to {
left: 0%;
width: 20%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
overflow-x: hidden;
white-space: normal;
}
}
@keyframes positionOfReturnPanelNotHavingCourseForScheduleListPanel {
from {
left: 0%;
width: 20%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
overflow-x: scroll;
white-space: nowrap;
}
to {
left: 20%;
width: 80%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
overflow-x: hidden;
white-space: normal;
}
}
@keyframes postionLeftZeroForScheduleListPanel { from {
left: 50%;
width: 50%;
}
to {
left: 0%;
width: 20%;
}
}
@keyframes postionRetrunForScheduleListPanel {
from {
left: 0%;
}
to {
left: 50%;
}
}
@keyframes positionCenterFormPanel {
from {
left: 100%;
width: 0%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
overflow-x: hidden;
white-space: nowrap;
}
to {
left: 20%;
width: 80%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
overflow-x: hidden;
white-space: nowrap;
}
}
@keyframes positionReturnFormPanel {
from {
left: 20%;
width: 80%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
overflow-x: hidden;
white-space: nowrap;
}
to {
left: 100%;
width: 0%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0);
overflow-x: hidden;
white-space: nowrap;
}
}
#booking-package_schedulePage ::-webkit-scrollbar {
width: 5px;
}
#booking-package_schedulePage ::-webkit-scrollbar-track {
border-radius: 5px;
background-color: rgba(0, 0, 0, .1);
}
#booking-package_schedulePage ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 50, .5);
border-radius: 5px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
#booking-package_schedulePage .box_shadow {
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
}
#booking-package_schedulePage .courseCostPanel, #booking-package_schedulePage .serviceCost, #booking-package_servicePage .serviceCost {
padding-left: 0.5em;
text-align: right;
}
#booking-package_schedulePage .week_slot { }
#booking-package_schedulePage .selectable_day_slot, #booking-package_schedulePage .selectable_service_slot, #booking-package_schedulePage .selectable_time_slot, #booking-package_servicePage .selectable_service_slot {
width: 100%;
border-width: 0; border-bottom-width: 1px;
border-style: solid;
border-right-width: 0;
cursor: pointer;
padding: 10px; box-sizing: border-box;
}
#booking-package_schedulePage .selectable_day_slot {
display: flex;
justify-content: space-evenly;
}
#booking-package_schedulePage .selectable_time_slot {
display: flex;
justify-content: left;
}
#booking-package_schedulePage .selectable_service_slot, #booking-package_servicePage .service_details {
display: grid;
grid-template-columns: 1fr 1fr;
}
#booking-package_servicePage .selectable_service_slot{
margin-left: 0px;
margin-right: 0px;
} #booking-package_servicePage .optionTitle {
display: none;
}
#booking-package_schedulePage .descriptionOfService, #booking-package_servicePage .descriptionOfService {
white-space: pre-wrap;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
}
#booking-package_servicePage .selectable_day_slot {
margin-left: 0px;
}
#booking-package_servicePage .selected_element {
border-left: 5px solid #46b450;
padding-left: 5px;
box-sizing: border-box;
margin-left: 0px;
}
#booking-package_servicePage .selectOptionList {
margin-left: 1em;
}
#booking-package_servicePage .selectable_option_element {
padding-left: 10px;
grid-column-start: 1;
grid-column-end: 3;
display: flex;
justify-content: space-between;
word-wrap: break-word;
}
#booking-package_servicePage .selected_option_element {
border-left: 5px solid #46b450;
padding-left: 5px;
}
#booking-package_schedulePage .closed {
width: 100%;
border-width: 0; border-bottom-width: 1px;
border-style: solid;
border-right-width: 0;
padding: 10px; color: red;
}
#booking-package_schedulePage .selectPanelActive, #booking-package_schedulePage .selected_day_slot, #booking-package_schedulePage .selected_service_slot, #booking-package_schedulePage .selectedTimeSlotPanel { color: #32373c;
}
#booking-package_schedulePage .selectable_day_slot:hover { }
#booking-package_schedulePage .subtitle {
margin-left: 1em;
}
#booking-package_schedulePage .remainingSlots {
margin-left: 1em;
}
#booking-package_schedulePage .previous_available_day_button {
}
#booking-package_schedulePage .previous_available_day_button:before {
}
#booking-package_schedulePage .next_available_day_button {
}
#booking-package_schedulePage .next_available_day_button:after {
}
#booking-package_schedulePage .bookingButton {
float: right;
}
#booking-package_inputFormPanel { }
#booking-package_inputFormPanel button { font-weight: normal;
}
#booking-package_myBookingDetails .returnButton {
float: left;
}
#booking-package_myBookingDetails .buttonPanel {
display: table;
width: 100%;
}
#booking-package_myBookingDetails .cancelButton {
float: right;
}
#booking-package_inputFormPanel ul, #booking-package_myBookingDetails ul, #booking-package_serviceDetails ul, #booking-package_myBookingDetailsFroVisitor ul {
display: block;
font-size: 1em;
margin: 0;
padding-top: 0;
padding-bottom: 0;
}
#booking-package_inputFormPanel .editButton {
font-size: 1em !important;
font-weight: normal;
color: #7f85ec;
cursor: pointer;
margin-left: 0.5em;
}
#booking-package_inputFormPanel .title_in_form, #booking-package_myBookingDetails .selectedDate {
position: relative;
position: -webkit-sticky;
position: sticky;
top: 0;
padding: 10px 0;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
text-align: center;
font-weight: normal;
font-size: 1.4em; vertical-align: middle;
z-index: 3;
}
#booking-package_inputFormPanel .row, #booking-package_myBookingDetails .row, #booking-package_serviceDetails .row, #booking-package_myBookingDetailsFroVisitor .row, #booking-package-user-form .row, #booking-package-loginform .row, #booking-package-user-edit-form .row {
padding: 10px;
margin: 0; border-style: solid;
border-width: 0;
border-bottom-width: 1px; width: 100%;
box-sizing: border-box;
}
#booking-package_inputFormPanel .error_empty_value, #booking-package_serviceDetails .error_empty_value, #booking-package-user-form .error_empty_value, #booking-package-user-edit-form .error_empty_value {
background-color: #FFD5D5;
}
#booking-package_inputFormPanel .name, #booking-package_serviceDetails .name, #booking-package_myBookingDetailsFroVisitor .name, #booking-package_myBookingDetails_panel .name, #booking-package-user-form .name, #booking-package-loginform .name, #booking-package-user-edit-form .name {
display: inline-block;
font-weight: normal;
padding-bottom: 5px;
}
#booking-package_inputFormPanel .value, #booking-package_serviceDetails .value, #booking-package_myBookingDetailsFroVisitor .value, #booking-package_myBookingDetails_panel .value, #booking-package-user-form .value, #booking-package-loginform .value, #booking-package-user-edit-form .value {
}
#myBookingDetails_status .value {
text-transform: uppercase;
}
#booking-package_inputFormPanel .applyCouponButton {
}
#booking_package_totalNumberOfGuests .errorMessage {
color: #ff1c1c;
}
#booking-package_inputFormPanel .addedAllServices, #booking-package_serviceDetails .addedAllServices, #booking-package_myBookingDetailsFroVisitor .addedAllServices {
display: inline-block;
width: 90%;
}
#booking-package_serviceDetails .addedAllServices {
width: 100%;
}
#booking-package_pay_with_paypal, #booking-package_pay_with_stripe { }
#booking-package_inputFormPanel .addedService, #booking-package_serviceDetails .addedService, #booking-package_myBookingDetailsFroVisitor .addedService {
display: inline-block;
display: table;
width: 100%;
}
#booking-package_inputFormPanel .addedService_click, #booking-package_serviceDetails .addedService_click, #booking-package_myBookingDetailsFroVisitor .addedService_click {
color: #2626ff;
cursor: pointer;
font-weight: normal;
float: none;
margin-bottom: 0;
}
#booking-package_inputFormPanel .breakdownPanel, #booking-package_inputFormPanel .costPerGuests {
margin-left: 1em;
}
#booking-package_inputFormPanel .serviceName, #booking-package_serviceDetails .serviceName, #booking-package_myBookingDetailsFroVisitor .serviceName, #booking-package_myBookingDetails .serviceName { }
#booking-package_inputFormPanel .serviceCost, #booking-package_myBookingDetailsFroVisitor .serviceCost, #booking-package_myBookingDetails .serviceCost { margin-left: 1em;
}
#booking-package_inputFormPanel .cost_zero {
}
#booking-package_inputFormPanel .reflectPanel, #booking-package_myBookingDetailsFroVisitor .reflectPanel { margin-left: 0.4em;
}
#booking-package_serviceDetails .serviceCost {
float: right;
margin-left: 0em;
}
#booking-package_inputFormPanel .description, #booking-package_durationStay .description {
font-weight: normal;
margin-top: 5px;
white-space: pre-wrap;
word-break: break-word;
}
#booking-package_inputFormPanel label, #booking-package-subscription_form label, #editCustomFormFieldPanel label, #addCustomFormFieldPanel label {
display: flex;
justify-content: left;
margin-bottom: 5px;
}
#booking-package_inputFormPanel label:last-child, #booking-package-subscription_form label:last-child, #editCustomFormFieldPanel label:last-child, #addCustomFormFieldPanel label:last-child {
margin-bottom: 0;
}
#booking-package_inputFormPanel .required:after, #addCustomFormFieldPanel .required:after {
position: relative;
top: 3px;
content: '*';
color: #ff1c1c;
margin-left: 2px;
display: inline;
}
#booking-package_inputFormPanel .form_text, #booking-package-loginform .form_text, #booking-package-user-form .form_text, #booking-package-user-edit-form .form_text {
width: 100%;
padding: 0.2em;
}
#booking-package_inputFormPanel select, #booking-package-user-form select, #booking-package-user-edit-form select {
padding: 0.2em 0.5em;
width: 100%;
}
#booking-package_inputFormPanel textarea {
padding: 0.2em;
width: 100%;
}
#booking-package_inputFormPanel .radio_title {
font-weight: normal;
margin: auto 0 auto 0.5em;
}
#booking-package_inputFormPanel .row_reCAPTCHA {
border-bottom-width: 0;
margin-top: 0.5em;
}
#booking-package_inputFormPanel .cartPanel { margin-top: 1em;
padding: 0;
}
#booking-package_inputFormPanel .book_now_button, #booking-package_inputFormPanel .next_page_button, #booking-package-subscription_form .book_now_button {
width: 100%; }
#booking-package_inputFormPanel .payTypeLabel {
font-weight: normal;
margin-bottom: 0.5em;
}
#booking-package_inputFormPanel .orLabel, #booking-package-subscription_form .orLabel {
display: table; text-align: center;
white-space: nowrap;
margin: 10px 0px;
}
#booking-package_inputFormPanel .orLabel:before, #booking-package-subscription_form .orLabel:before {
content: '';
display: table-cell;
width: 50%;
background: -webkit-linear-gradient(transparent 50%, #ddd, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
background: linear-gradient(transparent 50%, #ddd, currentColor calc(50% + 1px), transparent calc(50% + 1px));
-webkit-background-clip: padding;
background-clip: padding;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
#booking-package_inputFormPanel .orLabel:after, #booking-package-subscription_form .orLabel:after {
content: '';
display: table-cell;
width: 50%;
background: -webkit-linear-gradient(transparent 50%, #ddd, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
background: linear-gradient(transparent 50%, #ddd, currentColor calc(50% + 1px), transparent calc(50% + 1px));
-webkit-background-clip: padding;
background-clip: padding;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
#booking-package_inputFormPanel .bottomBarPanel, #booking-package_pay_with_stripe_konbini .bottomBarPanel { margin-top: 1em;
}
#booking-package_inputFormPanel .return_form_button {
width: 100%; }
#card-element {
margin: 5px 0px;
padding: 10px;
border: 1px solid #ddd;
border-radius: 6px;
background-color: #FFF;
}
#payment-request-button {
margin: 0px 10px;
}
#card-errors {
color: #ff1c1c;
margin-bottom: 5px;
}
#payment-request-button {
margin: 0px;
}
#bookingBlockPanel {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
min-height: 360px; z-index: 16000;
}
#bookingBlockPanel .loader {
left: 50%;
top: 50%;
position: fixed;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#bookingBlockPanel .loader #spinner {
box-sizing: border-box;
stroke: #673AB7;
stroke-width: 3px;
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
animation: line 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite, rotate 1.6s linear infinite;
}
@keyframes light {
100% { 
outline-color: transparent;
outline-offset: 10px;
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0); 
}
to {
-webkit-transform: rotate(450deg);
transform: rotate(450deg);
} 
}
@keyframes rotate {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(450deg);
transform: rotate(450deg);
}
}
@-webkit-keyframes line {
0% {
stroke-dasharray: 2, 85.964;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
stroke-dasharray: 65.973, 21.9911;
stroke-dashoffset: 0; 
}
100% {
stroke-dasharray: 2, 85.964;
stroke-dashoffset: -65.973;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
@keyframes line {
0% {
stroke-dasharray: 2, 85.964;
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
stroke-dasharray: 65.973, 21.9911;
stroke-dashoffset: 0;
}
100% {
stroke-dasharray: 2, 85.964;
stroke-dashoffset: -65.973;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
}
#bookingBlockPanel img {
position: absolute;
left: 50%;
top: 50%;
width: 100px;
margin-top: -50px;
margin-left: -50px;
}
.bottom_test {
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #FFF;
text-align: center;
font-weight: bold;
background-color: #23282d;
}
#card-element { }
@keyframes opening_effect_calendar {
from {
opacity: 0
}
to {
opacity: 1;
}    
}
@media only screen and (max-width: 480px) {
#booking-package_schedulePage .selectable_service_slot, #booking-package_servicePage .selectable_service_slot {
display: block;
}
#booking-package_schedulePage .serviceCost, #booking-package_servicePage .serviceCost {
text-align: initial;
display: block;
}
#booking_package_verificationCodeContent {
max-width: 100%;
padding: 5%;
left: 0;
right: 0;
transform: translate(0%, -50%);
}
#booking-package_myBookingDetails .returnButton {
float: left;
}
#booking-package_myBookingDetails .cancelButton {
float: left;
}
#booking-package_servicePage {
width: 100%;
}
#booking-package_serviceDetails {
width: 100%;
padding-left: 0;
}
#booking-package_schedulePage .selectedDate {
font-size: 1em;
font-weight: bold;
}
#booking-package_durationStay {
animation-name: none;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
width: 100%;
float: none;
margin: 0em;
padding-left: 0;
}
#booking-package_schedulePage .addAbsoluteOfPosition {
position: absolute !important;
}
#booking-package_schedulePage .addRelativeOfPosition {
position: relative !important;
top: 0;
}
#booking-package .position_sticky {
position: relative !important;
position: relative !important;
}
#booking-package .calendarWidthForHotel {
animation-name: none;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
width: 100%;
float: none;
position: inherit;
position: inherit;
}
.calendarWidthForHotel_in_dashboard {
animation-name: none;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
width: 100%;
float: none;
position: inherit;
position: inherit;
}
#booking-package .nextPageBookingDetails {
animation-name: none;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
padding: 0;
padding-right: 0;
left: none;
width: 100%;
}
#booking-package .returnPageBookingDetails {
animation-name: none;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
position: 0;
left: 0%;
width: 100%;
}
#booking-package .nextPageVisitorDetails {
animation-name: none;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: liner;
position: relative;
padding: 0;
padding-left: 0; width: 100%;
float: none;
}
#booking-package_calendarPage .day_slot {
height: 4em;
}
#booking-package_calendarPage .symbolPanel {
display: inline;
vertical-align: middle;
width: 100%;
overflow: hidden;
font-weight: normal;
font-size: 1em !important;
text-align: center;
text-overflow: clip;
white-space: nowrap;
padding: 0;
}
#booking-package_schedulePage .daysListPanel {
position: relative;
right: 90px;
width: 90px;
right: 30%;
width: 30%;
}
#booking-package_schedulePage .daysListPanelNoAnimation {
position: relative;
right: 90px;
width: 90px;
right: 30%;
width: 30%;
float: left;
}
#booking-package_schedulePage .scheduleListPanel {
position: absolute;
right: 90px;
width: 90px;
right: 30%;
width: 30%;
}
#booking-package_schedulePage .positionSticky {
position: -webkit-sticky !important;
position: sticky;
}
#booking-package_schedulePage .scheduleListPanel {
left: 50%;
width: 50%;
z-index: 100;
}
#booking-package_schedulePage .courseListPanel { width: 70%;
left: 30%;
}
#booking-package_schedulePage .courseListPanelNoAnimation {
left: 0%;
right: 0;
width: 70%;
float: left;
}
#booking-package_schedulePage .postionDefaultForCourseListPanel {
animation-name: postionDefaultForCourseListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 90px;
left: 30%;
right: 0;
}
#booking-package_schedulePage .postionReturnForCourseListPanel {
animation-name: postionReturnForCourseListPanel;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 90px;
left: 30%;
right: 0;
width: 70%;
}
#booking-package_schedulePage .postionLeftForCourseListPanel { animation-name: postionLeftForCourseListPanel;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 0px;
width: 50%;
z-index: 1;
}
#booking-package_schedulePage .postionLeftForCourseListPanelNoAnimation {
left: 0px;
width: 50%;
z-index: 1;
}
#booking-package_schedulePage .postionCenterForScheduleListPanel {
animation-name: postionCenterForScheduleListPanel;
animation-duration: 0.8s;
animation-iteration-count: 1;
animation-timing-function: liner;
left: 50%;
width: 50%;
box-shadow: -5px 0px 5px 0 rgba(0,0,0,0.1);
z-index: 2;
white-space: normal;
overflow-y: hidden;
}
#booking-package_schedulePage .postionCenterForScheduleListPanelNoAnimation {
left: 0%;
width: 50%;
z-index: 2;
float: left;
}
@keyframes postionDefaultForCourseListPanel {
from {
left: 0;
right: 50%;
}
to {
left: 90px;
left: 30%;
right: 0;
}    
}
@keyframes postionReturnForCourseListPanel {
from {
left: 0;
right: 50%;
}
to {
left: 90px;
left: 30%;
right: 0%;
width: 70%;
} 
}
}