/* ********************************************* */
/* * Guillermo Escobar (guillermo.jemo.com.mx) * */
/* ********************************************* */
:root { }
/* ********************************************* */
/* ********************************************* */
/* * JEMO v14.0 - System                       * */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* ********************************************* */
/* * JEMO Fields format                        * */
/* ********************************************* */
/* ********************************************* */
.region {  }
.region-user-header-one {  }
.region-user-header-two .block + .block { margin-top: 16px; }
.region-user-body-one .block + .block { margin-top: 16px; }
.region-user-body-two .block + .block { margin-top: 32px; }
.region-user-body-three .block + .block { margin-top: 16px; }

.region.region-content-body-left .block + .block { margin-top: 16px; }
.region.region-content-body-left .block .block-header { margin-bottom: 16px; }

.region-footer-body-one .block + .block,
.region-footer-body-two .block + .block,
.region-footer-body-three .block + .block,
.region-footer-body-four .block + .block { margin-top: 16px; }

#user-register-form { overflow: hidden; }
#user-register-form fieldset { margin: 0; padding: 0; }
@media screen and (min-width:1280px) {
    #user-register-form .field-name-field-first-name { width: 50%; float: left; padding-right: 8px; }
    #user-register-form .field-name-field-last-name { width: 50%; float: left; padding-left: 8px; }
    /*#user-register-form .form-item-mail { width: 50%; float: left; padding-right: 8px; }
    #user-register-form .form-item-conf-mail { width: 50%; float: left; padding-left: 8px; }*/
}
/* ********************************************* */


.field-type-text-with-summary p img { line-height: 1.5rem; margin-top: 4px; }




.breadcrumb { margin-bottom: 1rem; padding: 0; font-size: 0.875rem; font-weight: 300; }
@media screen and (min-width:1280px) { }
.field-name-field-actions { margin-top: 32px; }
.field-name-field-actions .field-items { display: flex; flex-wrap: wrap; gap: 8px 8px; flex-direction: column; }
.field-name-field-actions .field-items .field-item { -webkit-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); -moz-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); transition: 0.2s; }
.field-name-field-actions .field-items .field-item:hover { -webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); }
.field-name-field-actions .field-items .field-item a { position: relative; display: block; border-radius: 4px; padding: 8px 24px 8px 24px; line-height: inherit; font-size: inherit; text-decoration: none; text-align: center; }
.field-name-field-actions .field-items .field-item a[href*="https://"]:after { float: right; content: "\ec86"; margin-left: 8px; font-family: boxicons; }
.jemo-theme-mode .field-name-field-actions .field-items .field-item:nth-child(1) a { background: var(--mode-2-1-0); color: var(--mode-1-1-0); }
.jemo-theme-mode .field-name-field-actions .field-items .field-item:nth-child(2) a { background: var(--mode-1-1-0); color: var(--mode-2-1-0); }
.field-name-field-actions .field-items .field-item.even {  }
.field-name-field-actions .field-items .field-item.odd {  }

@media screen and (min-width:1280px) {
    .field-name-field-actions .field-items { flex-direction: row; }
    .field-name-field-actions .field-items .field-item a { display: inline-block; }
}
@media screen and (min-width:1280px) { }
.field-name-field-body-actions { margin-top: 32px; }
.field-name-field-body-actions .field-items { display: flex; flex-wrap: wrap; gap: 8px 8px; flex-direction: column; }
.field-name-field-body-actions .field-items .field-item { -webkit-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); -moz-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); transition: 0.2s; }
.field-name-field-body-actions .field-items .field-item:hover { -webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); }
.field-name-field-body-actions .field-items .field-item a { position: relative; display: block; border-radius: 4px; padding: 8px 24px 8px 24px; line-height: inherit; font-size: inherit; text-decoration: none; text-align: center; }
.field-name-field-body-actions .field-items .field-item a[href*="https://"]:after { float: right; content: "\ec86"; margin-left: 8px; font-family: boxicons; }
.field-name-field-body-actions .field-items .field-item.even {  }
.field-name-field-body-actions .field-items .field-item.odd {  }
@media screen and (min-width:1280px) {
    .field-name-field-body-actions .field-items { flex-direction: row; }
    .field-name-field-body-actions .field-items .field-item a { display: inline-block; }
}
.field-name-field-paragraph-actions { margin-top: 32px; }
.field-name-field-paragraph-actions .field-items { display: flex; flex-wrap: wrap; gap: 8px 8px; flex-direction: column; }
.field-name-field-paragraph-actions .field-items .field-item { -webkit-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); -moz-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); transition: 0.2s; }
.field-name-field-paragraph-actions .field-items .field-item:hover { -webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); }
.field-name-field-paragraph-actions .field-items .field-item a { position: relative; display: block; border-radius: 4px; padding: 8px 24px 8px 24px; line-height: inherit; font-size: inherit; text-decoration: none; text-align: center; }
.field-name-field-paragraph-actions .field-items .field-item a[href*="https://"]:after { float: right; content: "\ec86"; margin-left: 8px; font-family: boxicons; }
@media screen and (min-width:1280px) {
    .field-name-field-paragraph-actions .field-items { flex-direction: row; }
    .field-name-field-paragraph-actions .field-items .field-item a { display: inline-block; }
}
.field-name-field-paragraph-buttons { margin-top: 32px; }
.field-name-field-paragraph-buttons .field-items { display: flex; flex-wrap: wrap; gap: 8px 8px; }
.field-name-field-paragraph-buttons .field-items .field-item { -webkit-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); -moz-box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.35); transition: 0.2s; }
.field-name-field-paragraph-buttons .field-items .field-item:hover { -webkit-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); box-shadow: 0px 16px 16px -8px rgba(0,0,0,0.25); }
.field-name-field-paragraph-buttons .field-items .field-item a { position: relative; display: inline-block; border-radius: 4px; padding: 8px 24px 8px 24px; line-height: inherit; font-size: inherit; text-decoration: none; }
.field-name-field-paragraph-buttons .field-items .field-item a[href*="https://"]:after { float: right; content: "\ec86"; margin-left: 8px; font-family: boxicons; }
.field-name-field-paragraph-buttons .field-items .field-item.even {  }
.field-name-field-paragraph-buttons .field-items .field-item.odd {  }
@media screen and (min-width:1280px) { }
.field-name-field-paragraph-links { margin-top: 16px; }
.field-name-field-paragraph-links .field-items { display: flex; flex-wrap: wrap; }
.field-name-field-paragraph-links .field-items .field-item { text-transform: uppercase; font-weight: 600; }
.field-name-field-paragraph-links .field-items .field-item:last-child:after { float: right; margin-top: -2px; margin-left: 8px; content: "\ebe6"; font-family: boxicons; font-size: 20px; line-height: 1.5; color: var(--primary-1-0); }
.field-name-field-paragraph-links .field-items .field-item a[href*="https://"]:after { float: right; content: "\ec86"; margin-left: 8px; font-family: boxicons; }
@media screen and (min-width:1280px) { }
.language-switcher-locale-url { margin: 0; border: 0; padding: 0; list-style: none; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; }
.language-switcher-locale-url > li { padding: 0 4px; background: transparent; }
.language-switcher-locale-url > li span,
.language-switcher-locale-url > li a { display: block; padding: 8px 4px; }
.language-switcher-locale-url > li img { width: 24px; height: 12px; border-radius: 2px; }
@media screen and (min-width:1280px) { }
/*
.region-content,
.region-sidebar-first,
.region-sidebar-second { margin-bottom: calc(4vw + 1em); }
@media screen and (min-width:1280px) { }
*/
/* ********************************************* */
/* ********************************************* */
/* * JEMO Default Format                       * */
/* ********************************************* */
/* ********************************************* */
.block .block-container .block-header { margin-bottom: 32px; }

.block-og-menu .block-container .block-body {  }
.block-og-menu .block-container .block-body ul > li + li {  }
.block-og-menu .block-container .block-body ul > li > a { position: relative; display: block; padding: 4px 0; }
.block-og-menu .block-container .block-body ul > li > a:after { content: "\ea50"; position: absolute; right: 0; font-family: boxicons; font-size: 18px; line-height: inherit; vertical-align: middle; transition: margin 0.2s; }
/* ********************************************* */
.cart_contents,
.customer_profile_billing,
.checkout-buttons { padding: 0; }
.checkout-buttons { margin: 0 !important; }

.commerce-product-field { margin: 16px 0; }
.commerce-product-field.commerce-product-field-commerce-price {  }
.commerce-product-field.commerce-product-field-commerce-price .field-name-commerce-price .field-items .field-item { text-align: right; font-size: 1.5rem;  }

.field {  }
.field.field-label-inline .field-label { display: inline-block; margin-right: 8px; }
.field.field-type-text {  }
/*
.field.field-type-text.field-name-field-subtitle { margin-bottom: 16px; font-size: 1.5rem; }
.field.field-type-text.field-name-field-description { margin-bottom: 16px; font-weight: 600; }
*/
.field-type-taxonomy-term-reference { margin: 0 0 8px 0; font-size: 0.875rem; }
.field-type-taxonomy-term-reference ul { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; border: 0; padding: 0; list-style: none; }
.field-type-taxonomy-term-reference ul > li + li:before { content: " / "; margin-right: 4px; opacity: 0.5; }
.field-type-text-with-summary { margin-bottom: 32px; }
.field-type-commerce-product-reference { margin: 16px 0; padding: 16px; border-radius: 4px; }
/* ********************************************* */

/* ********************************************* */
.view > .view-content > .views-row { position: relative; }
.views-field.views-field-view-node .field-content a { border: 1px solid var(--primary-1-0); padding: 8px 16px; font-weight: 400; }
/* ********************************************* */
/* ********************************************* */
/* * JEMO CMS System CSS                       * */
/* ********************************************* */
/* ********************************************* */
#toolbar { z-index:1000 !important; -webkit-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25); -moz-box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25); box-shadow:0px 4px 4px 0px rgba(0,0,0,0.25); background-color:#545454; }
#toolbar .toolbar-shortcuts ul { height: auto !important; padding: 4px 0 !important; }
.advanced-help-topic pre.readme { background: transparent; }
.ajax-progress-throbber, .help-block { display: none; }
.button-primary { position: relative; display: inline-block; border-radius: 4px; padding: 8px 24px 8px 24px; line-height: inherit; font-size: inherit; text-decoration: none; }
/*.button-primary:after { content: ""; display: inline-block; position: absolute; right: 8px; width: 24px; height: 16px; background: url("icons/arrow_right_alt_black_24dp.svg"); background-repeat: no-repeat; background-size: 24px; filter: brightness(0%) invert(100%); -webkit-filter: brightness(0%) invert(100%); -moz-filter: brightness(0%) invert(100%); }*/
.backdrop-default { background: #000000 !important; background-color: #000000; width: 100% !important; height: 100% !important; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; }

.calendar-calendar {  }
.calendar-calendar th.days { padding: 8px; background-color: transparent; color: inherit; }
.calendar-calendar tr { background-color: transparent; }
.calendar-calendar .month-view .full td.single-day .calendar-empty,
.calendar-calendar .month-view .full td.single-day.empty,
.calendar-calendar .month-view .full td.date-box.empty { background: transparent; }
.calendar-calendar td { color: inherit; }
.calendar-calendar td.empty { color: inherit; opacity: 0.5; }
.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview { padding: 8px; background: var(--primary-1-0);  }
.calendar-calendar .month-view .full tr td.single-day.today,
.calendar-calendar .month-view .full td.date-box.today { border-color: var(--primary-2-0); }
.calendar-calendar .month-view .full .inner .monthview,
.calendar-calendar .week-view .full .inner .weekview,
.calendar-calendar .day-view .full .inner .dayview { margin: 2px auto; border-radius: 4px; }
.calendar-calendar td .inner div.day a { color: var(--primary-2-0); }
.cke_top { position: sticky !important; top: 64px; }



.commerce-product-field-field-image { margin-bottom: 2rem; }
.commerce-product-field-field-image .field .field-items .field-item { overflow: hidden; }
.commerce-product-field-field-image .field .field-items .field-item a { display: block; }
.commerce-product-field-field-image .field .field-items .field-item img { transition: transform 0.2s; }
.commerce-product-field-field-image .field .field-items .field-item img:hover { transform: scale(1.1); }
.element-invisible { margin-bottom: 0; }
/*
.field {  }
.field.field-name-body { margin-bottom: 32px; }
.field.field-name-body h5,
.webform-component-markup h5 { margin: 0 0 1.5rem 0; }
*/
/*.field-type-text-long img { width: 100% !important; height: auto !important; }*/
.field-content {  }
.field-content .field-content-paragraph + .field-content-paragraph { margin-top: 32px; }
.fieldset-wrapper { clear: both; }

.help-block { display: none; font-size: 12px; }
.i18n-en {}
.i18n-es {}
.i18n-de {}
.i18n-ru {}

.messages { margin: 0 0 16px 0 !important; border-radius: 4px; padding: 8px 16px 8px 48px; font-size: 0.875rem; }
.messages ul { margin: 0 !important; list-style: none; }
.messages ul > li + li { margin-top: 0; }
.messages a { display: inline; white-space: nowrap; color: #000000 !important; }
.modal-default { position: fixed; overflow: hidden; top: 50% !important; left: 50% !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%,-50%); margin: 0 auto; }
.modal-default .modal-dialog { width: 100% !important; height: auto !important; margin: 0 !important; }
.modal-default .modal-dialog.ctools-modal-dialog {  }
.modal-default .modal-dialog.ctools-modal-dialog .modal-content { margin: 16px; }
.modal-default .modal-dialog.ctools-modal-dialog .modal-header .modal-title { font-size: 1.25rem; font-size: 400; }
@media screen and (min-width:768px) {
    .modal-default { width: 50% !important; }
}
@media screen and (max-width:767px) {
    .modal-default { width: 100% !important; }
}
.more-link { text-align: left; font-weight: 600; }
.paragraphs-items-field-body-paragraphs .field .field-items .field-item {  }

.jemo-light-mode .more-link { border-top: 1px solid var(--light-1); }
.jemo-dark-mode .more-link { border-top: 1px solid var(--dark-4); }
.more-link a:after { content: "\ea50"; font-family: boxicons; font-size: 20px; line-height: inherit; vertical-align: middle; transition: margin 0.2s; }
.more-link a:hover:after { margin-left: 8px; }
/* ********************************************* */
.resizable-textarea .grippie { height: 8px; border-radius: 4px; opacity: 0.5; display: none; }
.resizable-textarea .grippie:active, .resizable-textarea .grippie:hover, .resizable-textarea .grippie:focus { opacity: 1; }

.rooms-search-result__unit-type { margin: 0; padding: 32px 0; }
.rooms-search-result__unit-type:nth-child(odd) {  }
.rooms-search-result__unit-type:nth-child(even) {  }
.rooms-search-result__booking-form { margin: 0; border: 0; }
.rooms-search-result__booking-form tbody tr th,
.rooms-search-result__booking-form tbody tr td { border: 0 !important; }
.rooms-search-result__select-units .form-item { margin: 0; }
.rooms-search-result__select-units .form-item { display: flex; flex-direction: column-reverse; }
.rooms-search-result__booking-legend .booking-legend { padding-top: 24px; }
.rooms-search-result__booking-legend .booking-legend .form-submit { width: 100%; }
.rooms-search-result__unit_options_wrapper { display: none; }
.rooms-search-result__unit_options_wrapper .no-unit-fieldset,
.rooms-search-result__unit_options_wrapper .no-unit-fieldset legend { margin: 0; }
.rooms-management-form .rooms-date-range,
.rooms-management-form .form-item-rooms,
.rooms-management-form .rooms-group,
.rooms-management-form .form-actions { margin-bottom: 16px; }
/*
.rooms-management-form .form-item-operation,
.rooms-management-form .form-item-amount { margin-bottom: 16px; }
*/



.webform-client-form {  }
.webform-client-form > div { display: flex; flex-wrap: wrap; }
.webform-client-form .form-item {  }
.webform-client-form .form-item.webform-component,
.webform-client-form .form-actions{ position: relative; width: 100%; }
.webform-client-form .form-item.webform-component .field-prefix { position: absolute; top: 32px; left: 16px; }
.webform-client-form .form-item.webform-component-date .webform-container-inline { display: flex; gap: 8px; }
.webform-client-form .form-item.webform-component-date .webform-container-inline .form-item { flex: 1 1 auto; }

.webform-client-form .form-item.webform-component--message { clear:both; }
.webform-client-form .form-item.webform-component--time .webform-container-inline { display: flex; align-items: center; }
.webform-client-form .form-item.webform-component--time .webform-container-inline .form-item { flex: 1 1 auto; align-self: center; margin: 0; }
.webform-client-form .form-item.webform-component--time .webform-container-inline .form-item-submitted-time-hour { padding-right: 8px; }
.webform-client-form .form-item.webform-component--time .webform-container-inline .form-item-submitted-time-minute { padding-left: 8px; }
.webform-client-form .form-item.webform-component-select,
.webform-client-form .form-item.webform-component--privacy { clear: both; }
.webform-client-form .form-item.webform-component--privacy .form-item .form-radio { position: absolute; top: 10px; }
.webform-client-form .form-item.webform-component--privacy .form-item .option { display: inline-block; padding-left: 24px; }
@media screen and (min-width:1024px) {
    .webform-client-form .form-item.webform-component--first-name { width: 50%; float: left; padding-right: 8px; }
    .webform-client-form .form-item.webform-component--last-name { width: 50%; float: right; padding-left: 8px; }
    .webform-client-form .form-item.webform-component--email { width: 50%; float: left; padding-right: 8px; }
    .webform-client-form .form-item.webform-component--phone { width: 50%; float: right; padding-left: 8px; }
    .webform-client-form .form-item.webform-component--date { width: 50%; float: left; padding-right: 8px; }
    .webform-client-form .form-item.webform-component--time { width: 50%; float: left; padding-left: 8px; }
    .webform-client-form .form-item.webform-component--checkin { width: 50%; float: left; padding-right: 8px; }
    .webform-client-form .form-item.webform-component--checkout { width: 50%; float: right; padding-left: 8px; }
    .webform-client-form .form-item.webform-component--rooms { width: 50%; float: left; padding-right: 8px; }
    .webform-client-form .form-item.webform-component--adults { width: 50%; float: left; padding-left: 8px; }
    .webform-client-form .form-item.webform-component--children { width: 50%; float: right; padding-left: 8px; }
}
@media screen and (max-width:1023px) { }
.wow:first-child { visibility: hidden; }


form .form-item { margin: 0 0 1rem 0; }
form .form-item .description { display: none; margin-top: 2px; opacity: 0.5; font-size: 12px; line-height: 1.25; }
form .captcha {  }
form .captcha .form-item label { display: inline-block; }
form .captcha .form-item span.field-prefix { display: inline-block; margin: 0 8px; }
form .captcha .form-item input { display: inline-block; width: auto; padding: 4px 8px; }
form .captcha .form-item .description {  }
form .form-actions { clear: both; margin-top: 2rem; text-align: left; }
form .form-actions input[type="submit"] {  }
form .form-submit { margin-right: 8px; padding: 8px 24px 8px 24px; }
form .checkout-cancel, .checkout-back { padding: 8px 16px !important; }
form .button-operator { display: inline-block; margin-right: 0px; padding: 8px !important; }
/*
form.webform-client-form { border-radius: 4px; padding: 24px; -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.1); }
*/
/* ********************************************* */
ul.links.inline > li:first-child { padding-left: 0; }
/* ********************************************* */
ul.menu,
ul.menu > li { margin: 0; border: 0; padding: 0; list-style: none; }
ul.menu > li > a { padding: 4px 8px; text-decoration: none; }
ul.menu > li > a:hover,
ul.menu > li > a:focus {  }
ul.menu > li > a.active {  }
/* ********************************************* */

@media screen and (min-width:768px) { }
@media screen and (max-width:767px) { }

#sliding-popup {  }
#sliding-popup.sliding-popup-bottom {  }
#sliding-popup.sliding-popup-bottom .eu-cookie-compliance-banner { padding: 8px 0; }
#sliding-popup.sliding-popup-bottom .eu-cookie-compliance-banner .popup-content { margin: 0 auto;  }
#sliding-popup.sliding-popup-bottom .eu-cookie-compliance-banner .popup-content #popup-text { margin-top: 0 !important; }
#sliding-popup.sliding-popup-bottom .eu-cookie-compliance-banner .popup-content #popup-text p { font-size: 1rem !important; }
#sliding-popup.sliding-popup-bottom .eu-cookie-compliance-banner .popup-content #popup-buttons { margin-bottom: 0 !important; }

#ui-datepicker-div { position: fixed !important; top: 50% !important; left: 50% !important; z-index: 999999 !important; border: 0; padding: 16px; background: var(--mode-1-2-0);
-webkit-box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.25); box-shadow: 0px 8px 16px -8px rgba(0,0,0,0.25);
-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
#ui-datepicker-div .ui-widget-header { border: 0; padding: 16px; background: none; }
#ui-datepicker-div .ui-widget-header a { padding: 16px; }
#ui-datepicker-div .ui-datepicker-calendar,
#ui-datepicker-div .ui-datepicker-calendar tr, 
#ui-datepicker-div .ui-datepicker-calendar tr th, 
#ui-datepicker-div .ui-datepicker-calendar tr td,
#ui-datepicker-div .ui-datepicker-calendar tr td .ui-state-default { margin: 0; border: 0; padding: 0; }
#ui-datepicker-div .ui-datepicker-calendar tr td .ui-state-default { padding: 8px 16px; }
#ui-datepicker-div .ui-datepicker-calendar tr th span { display: block; padding: 8px 16px; }
#ui-datepicker-div .ui-datepicker-calendar tr td .ui-state-default,
#ui-datepicker-div .ui-datepicker-calendar tr td .ui-state-hover { background: none; color: var(--primary-1-0); }
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-active { background: var(--color-1-9-0); }
#ui-datepicker-div .ui-datepicker-calendar tr .ui-datepicker-today .ui-state-highlight,
#ui-datepicker-div .ui-datepicker-calendar tr .ui-datepicker-today .ui-state-hover { background: var(--primary-1-0); color: var(--mode-1-2-0); }
#ui-datepicker-div .ui-datepicker-calendar .ui-datepicker-unselectable .ui-state-default { background: none; color: var(--mode-2-2-0); }
.ui-datepicker .ui-datepicker-prev { top: 20px; left: 8px; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-prev.ui-datepicker-prev-hover { border: 0; background: none; }
.ui-datepicker .ui-datepicker-next { top: 20px; right: 8px;  cursor: pointer; }
.ui-datepicker .ui-datepicker-next.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-datepicker-prev-hover { border: 0; background: none; }
/*  
.ui-widget {font-family:Verdana,Arial,sans-serif;font-size:1.1em}
.ui-widget .ui-widget {font-size:1em}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family:Verdana,Arial,sans-serif;font-size:1em; }
.ui-widget-content { border:1px solid #aaa;background:#fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}
.ui-widget-content a { color:#222; }
.ui-widget-header { border: 1px solid #aaa; background:#ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color:#222; font-weight:700;}
.ui-widget-header a { color:#222; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default { border:1px solid #d3d3d3; background:#e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight:400; color:#555; }
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited { color:#555; text-decoration:none; }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus { border:1px solid #999; background:#dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight:400; color:#212121; }
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active { border: 1px solid #aaa; background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight:400; color: #212121; }
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited { color:#212121; text-decoration: none; }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error { border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary { font-weight:700; }
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight:400; }
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled { opacity:.35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); }
.ui-icon { width: 16px; height: 16px; }
.ui-icon,
.ui-widget-content .ui-icon { background-image:url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon { background-image:url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image:url(images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon { background-image:url(images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon { background-image:url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon { background-image:url(images/ui-icons_2e83ff_256x240.png) }
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}  
*/

div.commerce_add_to_cart_confirmation_overlay { position: absolute; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: none; }
div.messages.commerce-add-to-cart-confirmation { position: relative; overflow: hidden; left: auto; width: 100%; background-color: #fff; margin-left: 0 !important; padding: 0;  }
div.messages.commerce-add-to-cart-confirmation .message-inner { padding: 0 15px 25px; }
div.messages.commerce-add-to-cart-confirmation .message-inner .commerce-add-to-cart-confirmation-close {
  background: url('../images/btn_add-to-cart-close.png') no-repeat 0 0;
  display: block;
  height: 17px;
  position: absolute;
  right: 15px; /* LTR */
  top: 15px;
  width: 18px;
}
/* Title */
div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
  float: left; /* LTR */
  font-size: 14px;
  font-weight: bold;
  padding: 10px 30px 10px 20px;
  text-align: center;
  text-transform: uppercase;
  width: 65%;
}

/* Button */
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
  height: 100%;
  padding: 45px 4%;
  position: absolute;
  right: 0; /* LTR */
  top: 0;
  width: 35%;
}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: px;
  font-weight: bold;
  margin-bottom: 8px;
  padding: 8px;
  text-align: center;
  display: block;
  font-weight: bold;
  word-wrap: break-word;
  color: #fff;
}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue .commerce-add-to-cart-confirmation-close {
  background: #ccc;
  height: auto;
  position: static;
  width: auto;
}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout a:hover,
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.continue a:hover {
  cursor: pointer;
  background-color: #555;
  text-decoration: none;
}

/* Product display */
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display {
  clear: both;
  padding: 15px;
  width: 65%;
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display:after {
  clear:both;
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .content .field-name-field-images {
  position: absolute;
  top: 0;
  left: -130px;
  width: 130px;
  margin: 0;
  text-align: center;
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .commerce-product-sku .commerce-product-sku-label,
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .views-label,
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .field-label {
  float: left; /* LTR */
  font-weight: bold;
  padding-right: 5px; /* LTR */
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field {
  clear: both;
  margin: 0;
  text-align: left; /* LTR */
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .field-label {
  display: inline;
  float: left; /* LTR */
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total {
  clear: both;
  font-size: 20px;
  margin-top: 25px;
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total .views-label {
  float: left; /* LTR */
  padding-right: 5px; /* LTR */
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total .field-content {
  display: inline;
  float: right; /* LTR */
}

/*
 * Style
 */
/* Overlay */
div.messages.commerce-add-to-cart-confirmation { border-color: var(--mode-1-1-0); -webkit-box-shadow: 0px 16px 16px -4px rgba(0,0,0,0.15); -moz-box-shadow: 0px 16px 16px -4px rgba(0,0,0,0.15); box-shadow: 0px 16px 16px -4px rgba(0,0,0,0.15); color: inherit; }
/* Close button */
div.messages.commerce-add-to-cart-confirmation .message-inner .commerce-add-to-cart-confirmation-close {
  background: var(--mode-1-4-0);
}
/* Title */
div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
  color: inherit;
}
/* Button */
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
  background-color: var(--mode-1-2-0);
}
div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper .button.checkout a {
  background-color: var(--primary-1-0);
}
/* Product display */
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .content .field-name-field-images img {
  border: #d7d7d7 solid 1px;
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .commerce-product-sku .commerce-product-sku-label,
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .views-label,
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .field .field-label {
  color: inherit;
}
div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display .view-content .views-field-commerce-total .field-content {
  color: inherit;
}

/*
 * @media rules
 */

@media (max-width: 967px) {
  div.messages.commerce-add-to-cart-confirmation {
    width: 90%;
    margin: 0 !important;
    left: 5%;
  }
  div.messages.commerce-add-to-cart-confirmation .message-inner .added-product-title {
    width: 100%;
	float: none;
  }
  div.messages.commerce-add-to-cart-confirmation .message-inner .button-wrapper {
    position: relative;
    width: 100%;
    padding: 15px;
    clear: both;
    margin-top: 25px;
  }
  div.messages.commerce-add-to-cart-confirmation .view-confirm-message-product-display {
    width: 100%;
  }
}