/* Complete Webiste Font */ /* Font Color */ /* Webiste Core Color For NSUI #0093b2*/ /* End */ /* View Profile Icon Display */ /* $sideNavLinkColor: #333333 !default; */ /* Header Nav Drop Down */ /* Media Query */ /* Member Roaster & New Member Setting */ /* New Template Color Combination Varibale */ /* Media Query */ /* Added by Waleed */ @import url(webcontent-templates.min.css?t=1716551373375); @import url(font-awesome.min.css?t=1716551373375); @import url(new-password.min.css?t=1716551373375); @import url(table-responsive.min.css?t=1716551373375); d-flex, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card, #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation, #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row > .ui-panelgrid-cell > span, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr td .mp-value-text, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr td, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol, #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a, #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box, #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content, #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu, #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner, #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view, #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para, #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .loginc-page, #ui-area .bonita-login-layout .cnbar-brand, #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p, #ui-area .bonita-login-layout .login-content, footer .custom-footer .footer-bottom .footer-social, footer .custom-footer .footer-top .footer-address .footer-phone, footer .custom-footer .footer-top .footer-quicklinks ul, footer .custom-footer .footer-top .footer-logos, #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul, #ui-area .custom-header .header-area .smartphone-nav-div .ui-link, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li a, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .brand-wrapper, #ui-area .custom-header .header-area .header-top, #ui-area .public-layout .from-layer-two-div ul, #ui-area .private-layout .from-layer-two-div ul, #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child, #ui-area .public-layout .sub-navigation-portlet .sub-nav, #ui-area .private-layout .sub-navigation-portlet .sub-nav, #ui-area .public-layout .action-button-custom .cta-box, #ui-area .private-layout .action-button-custom .cta-box, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span8, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span8, #ui-area .public-layout .cc-area-custom .text-with-image-container .content .row-fluid, #ui-area .private-layout .cc-area-custom .text-with-image-container .content .row-fluid, #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row, #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio, #ui-area .public-layout .cc-area-custom .bio-listing [class*=col-sm], #ui-area .private-layout .cc-area-custom .bio-listing [class*=col-sm], #ui-area section#portlet_password-reminder .portlet-content .alert, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before, #ui-area .public-layout.content-layout .ui-paginator, #ui-area .private-layout.content-layout .ui-paginator { display: flex; } list-style, footer .custom-footer .footer-top .footer-quicklinks ul, #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div ul, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul, #ui-area .public-layout .floating-div ul, #ui-area .private-layout .floating-div ul, #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children, #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul, #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children, #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul { list-style: none; margin: 0; padding: 0; } /* animation keyframes */ .teetime-webservice .ui-overlay-a, .teetime-webservice .ui-page-theme-a, .teetime-webservice .ui-page-theme-a .ui-panel-wrapper { background-color: #fff !important; } .teeTimeContent ul { background: #fff !important; } /* For Tee Sheet Reservation Button Color and Icons Color */ /* For Tee Sheet Reservation Button Color and Icons Color */ /* For teeShett Time Fonts and Reservation Button Padding */ /* For Tee Sheet Reservation Button Color and Icons Color */ /* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */ /* Teetime Color Configration */ /** * @deprecated As of Mueller (7.2.x) */ /** * @deprecated As of Mueller (7.2.x) */ /** * @deprecated As of Mueller (7.2.x) */ /** * @deprecated As of Mueller (7.2.x) */ /* Complete Webiste Font */ /* Font Color */ /* Webiste Core Color For NSUI #0093b2*/ /* End */ .loadingmask-message { background: transparent; border-width: 0; display: block; height: 1em; margin-left: auto; margin-right: auto; position: relative; text-align: left; width: 1em; } .loadingmask-message .loadingmask-message-content { -webkit-animation: loading-animation 1.2s infinite ease-out; animation: loading-animation 1.2s infinite ease-out; background: transparent; border-radius: 50%; border-width: 0; clear: both; color: transparent; height: 1em; margin: 0; overflow: hidden; padding: 0; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); width: 1em; } .logo { display: inline-block; line-height: 1; vertical-align: middle; } /* ---------- Main content body ---------- */ .portal-iframe #main-content { width: 100%; } /* ---------- Separator ---------- */ .separator { border-top: 1px solid #cdced9; } /* ---------- Status ---------- */ .entry-status { border-left: 4px solid transparent; } span.alert { display: inline-block; } /* ---------- Update manager ---------- */ .update-available { margin-top: 10px; padding: 2px; text-align: left; } .quick-access-nav { position: absolute; top: -1000px; width: 100%; z-index: 1000; } .quick-access-nav a { background: #333; background: rgba(51, 51, 51, 0.9); border: 1px solid #fff; left: 0; outline: none; padding: 8px; position: absolute; right: 0; text-align: center; } .quick-access-nav a:focus { color: #fff; top: 1000px; } @media (max-width: 991.98px) { .responsive-table-horizontal { display: block; position: relative; width: 100%; } .responsive-table-horizontal:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .responsive-table-horizontal tbody { display: block; overflow-x: auto; position: relative; white-space: nowrap; width: auto; } .responsive-table-horizontal tbody tr { display: inline-block; vertical-align: top; } .responsive-table-horizontal tbody tr td { display: block; margin-bottom: 20px; } .responsive-table-horizontal tbody tr td:first-child { text-align: left; } .responsive-table-horizontal thead { display: block; float: left; margin-right: 10px; } .responsive-table-horizontal thead:after { clear: both; content: ""; display: block; font-size: 0; height: 0; visibility: hidden; } .responsive-table-horizontal thead th { display: block; margin-bottom: 20px; text-align: right; } .responsive-table-horizontal thead th:first-child { text-align: right; } .ie9 .responsive-table-horizontal thead { float: none; } } .important { font-weight: bold; } .highlight { background: #ffc; font-weight: bold; margin: 0 1px; } .hide-accessible { clip: rect(0 0 0 0) !important; position: absolute !important; /*Webkit and IE7 let clipped content change the scroll height of the page*/ /*Scale webkit to 0*/ -webkit-transform: scale(0); -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 0; /*Change IE7 to using fixed*/ *position: fixed !important; /*...And reset back to absolute for IE6*/ _position: absolute !important; } .force-offset { display: block !important; position: absolute !important; visibility: hidden !important; } .unselectable, .unselectable * { -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover { background: transparent; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover { background: transparent; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after { border-color: #a6a6a6; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; } .lfr-asset-category-container .no-matches { color: #999; } .lfr-asset-category-search-container { background-color: #d3dadd; border-bottom-color: #aeb8bc; } .lfr-asset-category-list a.selected { background-color: #eee; } .lfr-categories-selector-search-results-path { color: #575757; font-size: 0.9em; text-align: right; width: 25%; } .lfr-asset-column-actions-content { background-color: #d7f1ff; } .lfr-asset-column-actions .lfr-asset-column-actions-content { border-color: #88c5d9; } .lfr-asset-column-details .lfr-asset-categories { color: #7d7d7d; } .lfr-asset-column-details .lfr-asset-categories .lfr-asset-category { color: #555; } .lfr-asset-column-details .lfr-asset-description { color: #444; font-style: italic; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } .lfr-asset-column-details .lfr-asset-icon { border-right-color: #999; color: #999; } .lfr-asset-column-details .lfr-asset-tags { color: #7d7d7d; } .lfr-asset-column-details .lfr-asset-tags .tag { color: #555; } .lfr-asset-panels .lfr-panel.lfr-extended, .lfr-asset-column-details .lfr-panel.lfr-extended { border-color: #ccc; } .lfr-form-row { border-bottom-color: #ccc; } .lfr-form-row:hover { border-bottom-color: #ccc; } .lfr-form-row .handle-sort-vertical { background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%; } .lfr-edit-layout-panel .taglib-form-navigator .button-holder { background-color: #fff; } .form-control-inline { background-color: transparent; font-size: 1.125rem; font-weight: 700; } .form-control-inline:not(:hover) { border-color: transparent; } .form-control-inline::-webkit-input-placeholder { color: #a7a9bc; font-style: italic; } .form-control-inline:-ms-input-placeholder { color: #a7a9bc; font-style: italic; } .form-control-inline::-ms-input-placeholder { color: #a7a9bc; font-style: italic; } .form-control-inline::placeholder { color: #a7a9bc; font-style: italic; } .definition-of-terms dt { color: #333; font-weight: normal; width: 100%; word-break: break-word; } @media (min-width: 576px) { .definition-of-terms dt { width: auto; } } .lfr-code { background: #fff; border-color: #777; font-family: monospace; } .lfr-code tr td.line-numbers { background: #fafafa; } .lfr-code tr td.line-numbers:before { color: #aaa; text-shadow: 1px 1px #fff; } .popup-alert-notice .countdown-timer { font-size: 1.1em; font-weight: bold; } .lfr-token { background-color: #b3daef; border-color: #5fa8ff; color: #444; text-decoration: none; } .lfr-token:hover { background-color: #d1e5ef; } .lfr-token-primary { font-weight: bold; } .lfr-token-primary, .lfr-token-primary:hover { background-color: #b3daef; } .lfr-token-close:hover { text-decoration: none; } .lfr-button { background: no-repeat 0 50%; } .lfr-table > tbody > tr > th, .lfr-table > thead > tr > th, .lfr-table > tfoot > tr > th { font-weight: bold; } .lfr-checkbox-preselected { opacity: 0.5; } .lfr-header-row { border-bottom-color: #7b7b7b; } .lfr-header-row .lfr-search-combobox { border-color: #5f5f5f; } .openid-login input[type=text] { background: url(../images/common/openid.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; } .page-extra-settings .lfr-panel-titlebar .lfr-panel-title { font-size: 1em; } .lfr-pagination .lfr-pagination-controls li .lfr-pagination-link { color: #333; font-weight: normal; } .lfr-panel.lfr-extended, .lfr-panel-container, .lfr-floating-container { border-color: #dedede #bfbfbf #bfbfbf #dedede; } .lfr-panel-container, .lfr-floating-container { background: #fff; } .lfr-panel-titlebar .lfr-panel-title { font-size: 1.2em; font-weight: bold; } .lfr-panel-titlebar .lfr-panel-button { background: url(../images/application/panel_header_toggler_close.png) no-repeat 0 0; } .lfr-panel-titlebar .lfr-panel-button:hover { background-position: 0 100%; } .lfr-panel.lfr-collapsible .lfr-panel-titlebar { background: url(../images/arrows/05_down.png) no-repeat 2px 50%; } .lfr-panel.lfr-collapsed .lfr-panel-titlebar { background-image: url(../images/arrows/05_right.png); } .lfr-panel.lfr-collapsed .lfr-panel-titlebar .lfr-panel-button { background-image: url(../images/application/panel_header_toggler_open.png); } .lfr-panel.lfr-extended .lfr-panel-titlebar { background: #d6d6d6 url(../images/application/panel_header.png) repeat-x 0 0; border-bottom-color: #cdcdcd; } .lfr-panel-container .lfr-extended.lfr-collapsible .lfr-panel-titlebar { border-top-color: #cecece; } .js .lfr-floating-trigger { background-image: url(../images/arrows/05_down.png); background-position: 100% 50%; background-repeat: no-repeat; text-decoration: none; } .lfr-panel-page .panel-page-content { border-left-color: #ccc; } .lfr-panel-page .lfr-add-content h2 { border-color: #ccc; } .lfr-panel-page .lfr-add-content h2 span { background: #efefef; } .lfr-panel-page .lfr-add-content .lfr-content-category h2 { border-bottom-color: #ccc; } .lfr-panel-page .lfr-add-content .lfr-content-category h2 span { background: none; } .lfr-panel-content .paginator-container { background: #cfd2d5; border-bottom-color: #dcdee0; border-top-color: #dcdee0; } .lfr-panel-content .paginator-page-container .paginator-page-link { background: none; border-color: #cfd2d5; } .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page { background: #99a7b3 url(../images/application/current_page_hover_bg.png) repeat-x 0 0; border-color: #6b7785 #7c8994 #919fa9; color: #fff; font-weight: bold; } .lfr-panel-content .paginator-page-container .paginator-page-link.paginator-current-page:hover { background: #5094d7 url(../images/application/current_page_bg.png) repeat-x 0 0; border-color: #31659c #396ea8 #4c8ccb; } #portlet-set-properties fieldset fieldset legend { font-size: 1.1em; } .lfr-preview-file-content { border-bottom-color: #6d6d6e; } .lfr-preview-file-image-current-column, .lfr-preview-file-video-current-column { background: url(../images/common/checkerboard.png); } .lfr-preview-file-toolbar { background: #333; opacity: 0.5; } .lfr-preview-file-toolbar .icon-arrow-1-l { background: url(../images/document_library/preview_left.png) no-repeat 0 50%; } .lfr-preview-file-toolbar .icon-arrow-1-r { background: url(../images/document_library/preview_right.png) no-repeat 0 50%; } .lfr-preview-file-toolbar .icon-zoomin { background: url(../images/document_library/preview_zoom.png) no-repeat 0 50%; } .lfr-preview-file-image-current-column:hover .lfr-preview-file-toolbar { opacity: 1; } .lfr-preview-file-info { background: #333; color: #fff; opacity: 0.5; } .lfr-preview-file-info:hover { opacity: 1; } .lfr-preview-file-index { font-weight: bold; } .lfr-preview-file-image-current { background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; } .lfr-preview-file-image img { background: url(../images/aui/loading_indicator.gif) no-repeat 50% 50%; border-color: #aeb8bc; } .lfr-preview-file-image-selected img, .lfr-preview-file-image:hover img { border-color: #00a2ea; } .lfr-preview-file-loading-indicator { background: #333; color: #fff; } .lfr-preview-file-image-overlay-content { background: url(../images/common/checkerboard.png); border-color: #555; } .firefox .lfr-preview-video-content div.video-node { height: 100%; } textarea.lfr-editor-textarea { font-family: monospace; } .lfr-rich-editor.ace_editor { border-color: #a1a2a4; } .lfr-plain-editor textarea, .lfr-rich-editor.ace_editor { font-family: "Monaco", "Menlo", "Droid Sans Mono", "Courier New", monospace; font-size: 12px; } .sidebar-sm { font-size: 0.875rem; } .sidebar-sm .sheet-subtitle { font-size: 0.75rem; margin-bottom: 1rem; } .sidebar-sm .form-group { margin-bottom: 1rem; } .sidebar-sm .form-control { border-radius: 0.1875rem; font-size: 0.875rem; height: 2rem; line-height: 1.5; min-height: auto; padding: 0.25rem 0.75rem; } .sidebar-sm .form-control.form-control-tag-group { height: auto; } .sidebar-sm .form-control.form-control-tag-group .form-control-inset { margin-bottom: 0; margin-top: 0; } .sidebar-sm .form-control.form-control-tag-group .label { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-right: 0; padding-top: 0; } .sidebar-sm .form-control[type=file] { padding: 0; } .sidebar-sm select.form-control:not([size]) { height: 2rem; } .sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control { min-height: auto; padding: 0.285rem 0.75rem; } .sidebar-sm .btn:not(.btn-unstyled) { border-radius: 0.1875rem; font-size: 0.875rem; line-height: 1.15; padding: 0.4375rem 0.75rem; } .sidebar-sm .btn:not(.btn-unstyled).close { padding: 0.4375rem; } .sidebar-sm .btn.btn-monospaced, .sidebar-sm .btn.btn-monospaced.btn-sm { height: 2rem; padding: 0.1875rem 0; width: 2rem; } .sidebar-sm .input-group-item .input-group-text { font-size: 0.875rem; height: 2rem; min-width: 2rem; padding-left: 0.75rem; padding-right: 0.75rem; } .sidebar-sm .input-group-item .btn .btn-section { font-size: 0.5625rem; } .sidebar-sm .list-group-item-flex { padding: 0.5rem 0.25rem; } .sidebar-sm .list-group-item-flex .autofit-col { padding-left: 0.25rem; padding-right: 0.25rem; } .lfr-spa-loading-bar { background: #2fa4f5; } .lfr-tag-selector-popup label { border-bottom-color: #eee; } .lfr-tag-selector-popup .no-matches { color: #999; } .lfr-toolbar { background-color: #e5e4e8; } .lfr-toolbar .lfr-button:focus { border-color: #000; } .lfr-toolbar .lfr-button:hover { border-color: #ccc #777 #777; } .lfr-toolbar .lfr-separator { border-left-color: #fff; border-right-color: #ccc; font-size: 12px; } .lfr-toolbar .lfr-button, .lfr-emoticon-container .lfr-button { border-color: #e5e4e8; } .lfr-emoticon-container { background: #e5e4e8; border-color: #ccc; } .lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links { line-height: 1; } .lfr-translation-manager .lfr-translation-manager-translation { text-decoration: none; } .lfr-translation-manager .lfr-translation-manager-translation:hover { background-color: #d1e5ef; } .lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing { background-color: #598bec; border-color: #224fa8; color: #fff; } .lfr-tree a { text-decoration: none; } .tree-drag-helper { z-index: 1035; } .lfr-upload-container .upload-target { border-color: #ddd; } .lfr-upload-container .upload-target h4 span { text-transform: lowercase; } .lfr-upload-container .upload-target .drop-file-text { font-weight: normal; } .lfr-upload-container a.browse-button { background-image: url(../images/common/add.png); background-repeat: no-repeat; color: white; font-size: 1.2em; font-weight: bold; text-decoration: none; } .lfr-upload-container a.clear-uploads { background-image: url(../images/common/remove.png); background-repeat: no-repeat; } .lfr-upload-container a.cancel-uploads { background-image: url(../images/common/close.png); background-repeat: no-repeat; } .lfr-upload-container .upload-list-info h4 { font-size: 1.3em; } .lfr-upload-container .cancel-button { color: #869cad; } .lfr-upload-container .delete-button { color: #869cad; } .lfr-upload-container .file-added .success-message { font-weight: normal; } .lfr-upload-container .upload-error { opacity: 1; } .lfr-upload-container .multiple-files .upload-error { background: #fdd url(../images/messages/error.png) no-repeat 5px 5px; border-color: #900; color: #900; font-weight: normal; } .lfr-upload-container .upload-complete .error-message, .lfr-upload-container .upload-complete .success-message { font-weight: bold; } .lfr-upload-container .file-uploading { background-color: #ffc; } .lfr-upload-container .progress-bar { background: #fff; margin-top: 25px; text-align: left; width: 100%; } .lfr-upload-container .progress { background: #8db2e3; } .upload-drop-active .lfr-upload-container .upload-target { background-color: #ddedde; border-color: #7d7; border-style: dashed; } /* ---------- Cards ---------- */ /* ---------- Cards horizontal ---------- */ /* ---------- Dialogs ---------- */ /* ---------- Splitter ---------- */ /* ---------- Toggle card ---------- */ /* ---------- File icons colors ---------- */ /* ---------- File icons text colors ---------- */ /* ---------- User icons background colors ---------- */ /* ---------- User icons border color ---------- */ /* ---------- User icons colors ---------- */ .aspect-ratio.aspect-ratio-8-to-3 { padding-bottom: 37.5%; } .lfr-autocomplete-input-list .yui3-aclist-list { margin: 0; } .liferay-autocomplete-input-mirror { left: -9999px; overflow-x: hidden; overflow-y: auto; position: absolute; top: -9999px; visibility: hidden; white-space: pre-wrap; word-wrap: break-word; } .card-tab-group .card-tab:nth-child(n+2) { border-left: 4px solid #65b6f0; padding-left: 20px; } .card-tab-group .card-tab:nth-child(n+2) .card-tab { border-left: 4px solid #93ccf5; padding-left: 20px; } .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab { border-left-color: #c2e2f9; } .card-tab-group .card-tab:nth-child(n+2) .card-tab .card-tab .card-tab { border-left-width: 0; padding-left: 0; } .hsv-palette .hsv-view-container .hsv-label-value-hex .hsv-value { width: 95px; } .hsv-palette .hsv-view-container .hsv-value { width: 56px; } .yui3-color-picker-popover .palette-container { border-collapse: separate; } .dialog-iframe-popup .hsv-palette-modal.modal-dialog { bottom: 0 !important; left: 0 !important; margin: 0; max-width: none; right: 0 !important; top: 0 !important; width: 100%; } @media (min-width: 768px) { .dialog-iframe-popup .hsv-palette-modal.modal-dialog { bottom: auto !important; height: 100%; left: 50% !important; max-height: 375px; max-width: 650px; right: auto !important; top: 50% !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content { bottom: 0; left: 0; overflow: visible; position: absolute; right: 0; top: 0; } @media (max-width: 767.98px) { .dialog-iframe-popup .hsv-palette-modal.modal-dialog > .hsv-palette-modal-content { border-radius: 0; border-width: 0; } } @media (max-width: 767.98px) { .dialog-iframe-popup .hsv-palette-modal.modal-dialog .modal-body { padding: 1rem; } } .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-default-size.hsv-container { width: 100%; } .dialog-iframe-popup .hsv-palette-modal.modal-dialog .hsv-image-container { margin: 0; } .dialog-bd { min-height: 30px; } .dialog-content { border: 1px solid #c8c9ca; padding: 5px; } .dialog-iframe-popup .sheet > .lfr-nav { margin-top: -24px; } .dialog-iframe-popup .contacts-portlet .portlet-configuration-container .form { position: static; } .dialog-iframe-popup .lfr-form-content { padding: 15px; } .dialog-iframe-popup .portlet-body, .dialog-iframe-popup .portlet-boundary, .dialog-iframe-popup .portlet-column, .dialog-iframe-popup .portlet-layout { height: 100%; } .dialog-iframe-popup .portlet-column { position: static; } .dialog-iframe-popup .dialog-body > .container-fluid-1280, .dialog-iframe-popup .dialog-body .container-view, .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280, .dialog-iframe-popup .export-dialog-tree .container-view, .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280, .dialog-iframe-popup .lfr-dynamic-uploader .container-view, .dialog-iframe-popup .lfr-form-content > .container-fluid-1280, .dialog-iframe-popup .lfr-form-content .container-view, .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280, .dialog-iframe-popup .portlet-configuration-body-content .container-view, .dialog-iframe-popup .process-list > .container-fluid-1280, .dialog-iframe-popup .process-list .container-view, .dialog-iframe-popup .roles-selector-body > .container-fluid-1280, .dialog-iframe-popup .roles-selector-body .container-view { padding-top: 20px; } .dialog-iframe-popup .dialog-body > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .dialog-body > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .dialog-body .container-view > .nav-tabs-default, .dialog-iframe-popup .dialog-body .container-view .nav-tabs-underline, .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .export-dialog-tree > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .export-dialog-tree .container-view > .nav-tabs-default, .dialog-iframe-popup .export-dialog-tree .container-view .nav-tabs-underline, .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .lfr-dynamic-uploader > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .lfr-dynamic-uploader .container-view > .nav-tabs-default, .dialog-iframe-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline, .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .lfr-form-content > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .lfr-form-content .container-view > .nav-tabs-default, .dialog-iframe-popup .lfr-form-content .container-view .nav-tabs-underline, .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .portlet-configuration-body-content > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .portlet-configuration-body-content .container-view > .nav-tabs-default, .dialog-iframe-popup .portlet-configuration-body-content .container-view .nav-tabs-underline, .dialog-iframe-popup .process-list > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .process-list > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .process-list .container-view > .nav-tabs-default, .dialog-iframe-popup .process-list .container-view .nav-tabs-underline, .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 > .nav-tabs-default, .dialog-iframe-popup .roles-selector-body > .container-fluid-1280 .nav-tabs-underline, .dialog-iframe-popup .roles-selector-body .container-view > .nav-tabs-default, .dialog-iframe-popup .roles-selector-body .container-view .nav-tabs-underline { margin-left: -15px; margin-right: -15px; margin-top: -20px; } .dialog-iframe-popup .dialog-body > .lfr-nav + .container-fluid-1280, .dialog-iframe-popup .export-dialog-tree > .lfr-nav + .container-fluid-1280, .dialog-iframe-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-1280, .dialog-iframe-popup .lfr-form-content > .lfr-nav + .container-fluid-1280, .dialog-iframe-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-1280, .dialog-iframe-popup .process-list > .lfr-nav + .container-fluid-1280, .dialog-iframe-popup .roles-selector-body > .lfr-nav + .container-fluid-1280 { padding-top: 0; } .dialog-iframe-popup .login-container { padding: 1rem; } .dialog-iframe-popup .management-bar-default, .dialog-iframe-popup .navbar-default { border-left-width: 0; border-radius: 0; border-right-width: 0; border-top-width: 0; margin-bottom: 0; } .dialog-iframe-popup .navbar ~ .portlet-configuration-setup, .dialog-iframe-popup .portlet-export-import-container { height: calc(100% - 48px); position: relative; } @media (min-width: 576px) { .dialog-iframe-popup .navbar ~ .portlet-configuration-setup, .dialog-iframe-popup .portlet-export-import-container { height: calc(100% - 48px); } } .dialog-iframe-popup .navigation-bar > .container-fluid, .dialog-iframe-popup .navigation-bar > .container-xl, .dialog-iframe-popup .navigation-bar > .container-lg, .dialog-iframe-popup .navigation-bar > .container-md, .dialog-iframe-popup .navigation-bar > .container-sm { margin-left: 24px; margin-right: 24px; padding: 0; } .dialog-iframe-popup .panel-group .panel { border-left-width: 0; border-radius: 0; border-right-width: 0; } .dialog-iframe-popup .panel-group .panel + .panel { border-top-width: 0; margin-top: 0; } .dialog-iframe-popup .panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; } .dialog-iframe-popup .portlet-configuration-setup .lfr-nav { margin-left: auto; margin-right: auto; max-width: 1280px; padding-left: 3px; padding-right: 3px; } @media (min-width: 576px) { .dialog-iframe-popup .portlet-configuration-setup .lfr-nav { padding-left: 8px; padding-right: 8px; } } .dialog-iframe-popup .lfr-dynamic-uploader, .dialog-iframe-popup .process-list { bottom: 0; display: block; left: 0; overflow: auto; position: absolute; right: 0; top: 48px; -webkit-overflow-scrolling: touch; } @media (min-width: 576px) { .dialog-iframe-popup .lfr-dynamic-uploader, .dialog-iframe-popup .process-list { top: 48px; } } .dialog-iframe-popup .portlet-export-import-publish-processes { top: 0; } @media (min-width: 768px) { .dialog-with-footer #main-content, .dialog-with-footer #wrapper { height: calc(100% - 60px); } } .dialog-with-footer .button-holder.dialog-footer, .dialog-with-footer .sheet-footer.dialog-footer { background-color: #FFF; border-top: 1px solid #c0bfbe; bottom: 0; display: flex; flex-direction: row-reverse; left: 0; margin: 0; padding: 10px 24px; width: 100%; } @media (min-width: 768px) { .dialog-with-footer .button-holder.dialog-footer, .dialog-with-footer .sheet-footer.dialog-footer { position: fixed; } } .dialog-with-footer .button-holder.dialog-footer .btn, .dialog-with-footer .sheet-footer.dialog-footer .btn { margin-left: 1rem; margin-right: 0; } @media (min-width: 768px) { .dialog-with-footer .dialog-body, .dialog-with-footer .lfr-dynamic-uploader, .dialog-with-footer .lfr-form-content, .dialog-with-footer .portlet-configuration-body-content, .dialog-with-footer .roles-selector-body { padding-bottom: 60px; } } .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer { bottom: 0; } .dialog-with-footer .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer { display: none; } .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content { display: flex; flex-direction: column; overflow: visible; } .dialog-with-footer .portlet-configuration-edit-permissions .portlet-configuration-body-content > form { flex-grow: 1; max-width: none; overflow: auto; } .dialog-with-footer .portlet-configuration-edit-templates .portlet-configuration-body-content { bottom: 0; } .portlet-layout.dragging { border-collapse: separate; } .drop-area { background-color: #d3dadd; } .active-area { background: #ffc; } .portlet-boundary.yui3-dd-dragging { opacity: 0.6; } .portlet-boundary.yui3-dd-dragging .portlet { border: 2px dashed #ccc; } .sortable-layout-proxy { opacity: 1; } .sortable-layout-proxy .portlet-topper { background-image: none; } .proxy { cursor: move; opacity: 0.65; position: absolute; } .proxy.generic-portlet { height: 200px; width: 300px; } .proxy.generic-portlet .portlet-title { padding: 10px; } .proxy.not-intersecting .forbidden-action { background: url(../images/application/forbidden_action.png) no-repeat; display: block; height: 32px; position: absolute; right: -15px; top: -15px; width: 32px; } .resizable-proxy { border: 1px dashed #828f95; position: absolute; visibility: hidden; } .sortable-proxy { background: #727c81; margin-top: 1px; } .sortable-layout-drag-target-indicator { margin: 2px 0; } .yui3-dd-proxy { z-index: 1110 !important; } .lfr-editable { outline: 1px dashed #68bb30; outline-offset: 2px; position: relative; } .lfr-editable:after { background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%; content: ""; display: block; height: 20px; position: absolute; right: 5px; top: 5px; width: 30px; } .lfr-editable:focus:after { display: none; } .lfr-editable:focus:hover { background-color: transparent; } .lfr-editable:hover { background-color: rgba(255, 255, 255, 0.3); outline-color: #519226; } .lfr-editable:hover:after { background-color: #519226; } .lfr-editable-notice-close { margin-left: 1em; } .lfr-portlet-title-editable { margin-top: 0; z-index: 9999; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content { padding: 0; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input { margin-bottom: 0; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label { display: none; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content { display: inline-block; vertical-align: bottom; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group { margin-top: 0; } .lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn { display: inline-block; float: none; margin-top: 0; width: auto; } .alloy-editor-container .alloy-editor { outline: 0; } .alloy-editor-container .alloy-editor.alloy-editor-placeholder { color: #2b4259; } .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) { border-left-color: #dbdde1; color: #b0b4bb; } .alloy-editor-container .alloy-editor.alloy-editor-placeholder.readonly { color: #ccc; } .alloy-editor-container .alloy-editor-icon { color: #869cad; } .has-error .alloy-editor-container .alloy-editor.alloy-editor-placeholder.ae-placeholder:not(:focus) { border-left-color: #cc6677; } .cke_dialog .cke_dialog_ui_input_text { height: auto; } .cke_editable_inline a { cursor: pointer; } .cke_panel.cke_combopanel { width: 220px; } .cke_panel_block .cke_panel_grouptitle { font-size: 20px; line-height: 20px; margin-top: 0; } .cke_panel_block .cke_panel_list { margin-left: 0; } .cke_panel_block .cke_panel_list .cke_panel_listItem { line-height: initial; } .cke_panel_block .cke_panel_list .cke_panel_listItem a:hover { text-decoration: none; } /* ---------- CKEditor table ---------- */ .cke_show_border { width: 500px; } .cke_show_border td { height: 15px; } /* ---------- CKEditor image resizer ---------- */ .cke_widget_image .cke_image_resizer { bottom: -15px; height: 5px; outline-color: transparent; padding: 5px; right: -15px; width: 5px; } .html-editor.portlet { background: #fff; color: #000; line-height: 1; padding: 1em; text-align: start; } .html-editor.portlet-message-boards { -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; word-wrap: break-word; } .html-editor.portlet-message-boards blockquote { background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px; border: 1px solid #777; padding: 5px 45px; } .html-editor.portlet-message-boards blockquote:after { background: url(../images/message_boards/quoteright.png) no-repeat 50%; content: ""; display: block; float: right; height: 24px; margin-right: -35px; margin-top: -25px; width: 31px; z-index: 999; } .html-editor.portlet-message-boards blockquote cite { display: block; font-weight: bold; } .html-editor.portlet-message-boards pre { background: #f9f9f9; border: 1px solid #777; padding: 0.5em; } .lfr-source-editor { border-color: #ccc; } .lfr-source-editor .lfr-source-editor-toolbar li > .btn { background-color: #fff; border: transparent; color: #717383; outline: 0; } .lfr-source-editor .lfr-source-editor-code { background-color: #fff; color: #2b4259; } .lfr-source-editor .lfr-source-editor-code .ace_gutter { background-color: #ededef; color: #868896; overflow: hidden; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget { font-family: fontawesome-alloy; text-align: center; vertical-align: middle; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed { background-image: none; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before { content: "\f0d7"; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before { content: "\f0da"; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell { color: #fff; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line { background-color: #717383; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer { border-right: solid 1px #ccc; } .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info { background-image: none; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line { background-color: #ededef; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant { color: #34adab; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag { color: #1d5ec7; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string { color: #ff6c58; } .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex { color: #f00; } .lfr-source-editor.ace_dark .lfr-source-editor-code { background-color: #47474f; color: #fff; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter { background: #54555e; color: #fff; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line { background-color: #009aed; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line { background-color: #11394e; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor { color: #fff; } .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag { color: #4d91ff; } .lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter { border-color: #ccc; } .mce-content-body { text-align: start; } .file-icon-color-0 { background-color: #FFF; color: #6b6c7e; } .file-icon-color-1 { background-color: #FFF; color: #a7a9bc; } .file-icon-color-2 { background-color: #FFF; color: #50d2a0; } .file-icon-color-3 { background-color: #FFF; color: #af78ff; } .file-icon-color-4 { background-color: #FFF; color: #ffb46e; } .file-icon-color-5 { background-color: #FFF; color: #ff5f5f; } .file-icon-color-6 { background-color: #FFF; color: #4b9bff; } .file-icon-color-7 { background-color: #FFF; color: #272833; } .lfr-item-viewer .image-viewer-base { outline: none; } .lfr-item-viewer .item-preview:hover { cursor: pointer; } .lfr-item-viewer .aspect-ratio a.item-preview { background-position: center center; background-repeat: no-repeat; background-size: cover; } .lfr-item-viewer .search-info { background-color: #d3e8f1; } .lfr-item-viewer .search-info .keywords { font-size: 1.4em; font-weight: bold; } .lfr-item-viewer .search-info .change-search-folder { font-size: 0.8em; font-weight: normal; } .lfr-item-viewer .progress-container { background-color: #fff; } .lfr-item-viewer.uploading > div:not(.progress-container) { opacity: 0.3; } .image-viewer-caption { color: #777; } .image-viewer-footer-control, .image-viewer-footer-control:focus, .image-viewer-footer-control:hover { color: #777; } @media (min-width: 576px) { .image-viewer-sidenav-menu { background-color: transparent; border-left-width: 0; } } .image-viewer-sidenav dd { color: #8b8b8b; margin-bottom: 16px; } @media (min-width: 576px) { .image-viewer-sidenav dd { color: #777; } } .image-viewer-sidenav .h5 { color: #869cad; margin-bottom: 3px; } @media (min-width: 576px) { .image-viewer-sidenav .h5 { color: #fff; } } .image-viewer-sidenav .nav-tabs-default > li { padding-left: 20px; } .image-viewer-sidenav .nav-tabs-default > li:first-child { padding-left: 0; } .image-viewer-sidenav .nav-tabs-default > li:first-child > a { padding-left: 0; } .image-viewer-sidenav .nav-tabs-default > li > a { border-color: transparent; color: #777; padding-left: 0; padding-right: 0; } .image-viewer-sidenav .nav-tabs-default > li > .active { background-color: transparent; } .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover { border-color: transparent; color: #777; } @media (min-width: 576px) { .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover { color: #fff; } } .image-viewer-sidenav .nav-tabs-default > li > .active:after { background-color: #65b6f0; bottom: -10px; content: ""; display: block; height: 2px; left: 0; position: relative; right: 0; } .image-viewer-sidenav-body { padding-top: 0; } .lfr-item-viewer .lfr-item-viewer-close { color: #fff; opacity: 1; } .lfr-item-viewer .lfr-item-viewer-close, .lfr-item-viewer .lfr-item-viewer-close:focus, .lfr-item-viewer .lfr-item-viewer-close:hover { color: #fff; } .lfr-item-viewer .lfr-item-viewer-close .icon-monospaced { color: #777; } .lfr-item-viewer-icon-info { color: #fff; } .nav.list-group li > a:focus, .nav.list-group li > a:hover { background-color: #e5f5fc; color: #009ae5; } .nav.list-group > .active { border-width: 1px 0 0 0; } .nav.list-group > .active > a, .nav.list-group > .active > a:focus, .nav.list-group > .active > a:hover { background-color: #60bfef; border: 1px solid #60bfef; color: #fff; } .nav.list-group .list-group-item { padding: 0; } .nav.list-group .list-group-item.nav-header { background-color: #f3f3f3; padding-left: 10px; padding-right: 10px; } .lfr-page-templates li a { padding: 0; } .lfr-page-templates li a label { cursor: pointer; display: block; padding: 5px 0 5px 5px; } .menu { position: absolute; width: auto; } .menu .notice-message { background-image: none; margin: 3px; padding: 6px; } .menu-content { background: #fff; list-style: none; min-width: 150px; } .menu-content li { margin: 0; padding: 0; } .menu-content li .disabled { color: #999; } .menu-content { background: #ccc9c9 url(../images/application/menu_bg.png) repeat-x 0 0; border: 1px solid; border-color: #aeafb1 #777879 #777879 #aeafb1; padding: 2px 0; } .menugroup-content .menu-label { background: #d2d6de; color: #5b677d; display: block; padding: 5px 3px; text-shadow: 1px 1px #fff; } .menugroup-content ul { display: block; min-width: 0; } .menu-content li { border-bottom: 1px solid #bcbbbb; border-top: 1px solid #eee; display: block; margin: 0; padding: 0; } .menu-content li.first { border-top-width: 0; } .menu-content li.last { border-bottom-width: 0; } .menu-content li a, .menu-content li .disabled { color: #2c2f34; display: block; padding: 4px 5px; text-decoration: none; } .menu-content li a.focus, .lfr-menu-expanded li a:focus { background-color: #5b677d; color: #fff; text-shadow: -1px -1px #2c2f34; } .app-view-drop-active { background-color: #00a2ea; font-weight: bold; } .category-portlets .app-view-drop-active { background-color: #00a2ea; color: #fff; } .basecelleditor [class~=form-validator-message] { clip: rect(auto auto auto auto); width: auto; } .document-library-file-entry-cell-editor-hidden { display: none; } .previous-level { display: inline-block; font-size: 21px; line-height: 21px; margin-right: 5px; text-decoration: none; vertical-align: middle; } .has-control-menu .lfr-asset-anchor { height: 74px; margin-top: -74px; } .lfr-asset-anchor { display: block; height: 10px; margin-top: -10px; position: relative; z-index: -1; } .lfr-url-error { display: inline-block; white-space: normal; overflow-wrap: break-all; word-wrap: break-all; } .lfr-page-layouts { padding: 0; } .lfr-page-layouts input[type=radio] { opacity: 0; position: absolute; } .lfr-page-layouts input[type=radio]:checked + .card-horizontal.card, .lfr-page-layouts input[type=radio]:checked + .card-horizontal .card { background-color: #f8f9fa; cursor: default; } .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after { background-color: #007BFF; bottom: -1px; content: ""; height: 4px; left: -1px; position: absolute; right: -1px; transition: height 0.15s ease-in-out; } .lfr-page-layouts .card-horizontal.card, .lfr-page-layouts .card-horizontal .card { cursor: pointer; outline: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .lfr-page-layouts .card-horizontal.card:hover, .lfr-page-layouts .card-horizontal .card:hover { background-color: #f8f9fa; text-decoration: none; } .lfr-page-layouts .card-horizontal.card:focus, .lfr-page-layouts .card-horizontal .card:focus { background-color: #f8f9fa; border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .lfr-page-layouts .card-horizontal.card:active, .lfr-page-layouts .card-horizontal.card.active, .lfr-page-layouts .card-horizontal .card:active, .lfr-page-layouts .card-horizontal .card.active { background-color: #e9ecef; } .lfr-page-layouts .card-horizontal::after { border-radius: 0 0 1px 1px; bottom: -1px; content: ""; height: 0; left: -1px; position: absolute; right: -1px; transition: height 0.15s ease-in-out; } .lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after { background-color: #007BFF; height: 4px; } .lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after { background-color: #007BFF; height: 4px; } .lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after { background-color: #007BFF; height: 4px; } .dialog-iframe-popup:not(.article-preview) #main-content, .dialog-iframe-popup:not(.article-preview) #wrapper { bottom: 0; left: 0; overflow: auto; padding: 0; position: absolute; right: 0; top: 0; -webkit-overflow-scrolling: touch; } .modal { display: block; margin: 0; overflow: hidden; position: fixed; } .modal-body { overflow: auto; } .modal-body.dialog-iframe-bd { overflow: hidden; padding: 0; } @media (min-width: 576px) { .modal-dialog { max-width: none; } } .modal-dialog.modal-dialog-sm { max-width: 500px; } .modal-hidden { display: none; } .modal-open .modal { overflow: hidden; } .portal-popup .columns-max > .portlet-layout.row { margin-left: 0; margin-right: 0; } .portal-popup .columns-max > .portlet-layout.row > .portlet-column { padding-left: 0; padding-right: 0; } .dragging .portlet-column.customizable { background-color: #cffccf; outline: 3px solid #5eaf3d; } .customizable-layout-column-content { background-color: #c92c3c; } .customizable-layout-column-content.yui3-widget-content-expanded { margin: 0 15px; } .layout-customizable-controls { background-color: rgba(201, 44, 60, 0.8); } .customizable .customizable-layout-column-content { background-color: #5eaf3d; } .customizable .layout-customizable-controls { background-color: rgba(94, 175, 61, 0.8); } .layout-customizable-controls-container { margin: 0 15px; position: relative; } .layout-customizable-controls { font-size: 1.5em; padding: 4px 16px; position: absolute; width: 100%; z-index: 15; } .layout-customizable-controls label { color: #fff; } .paginator-link { background: #eee no-repeat scroll 50% 1px; border: 1px solid #f0f1f2; border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1; color: #1f1e1e; display: inline-block; height: 20px; padding: 0; text-indent: -9999px; width: 20px; } .paginator-page-link { height: auto; text-indent: 0; } .paginator-current-page { background: #0083bd url(../images/application/paginator_link_current_bg.png) 0 0 repeat-x; border-color: #38b6ef #006d9e #006d9e #46b4e6; color: #fff; text-shadow: -1px -1px #003c57; } .paginator-first-link { background-image: url(../images/arrows/paging_first.png); } .paginator-prev-link { background-image: url(../images/arrows/paging_previous.png); } .paginator-last-link { background-image: url(../images/arrows/paging_last.png); } .paginator-next-link { background-image: url(../images/arrows/paging_next.png); } .paginator-current-page-report, .paginator-total { color: #555; font-size: 0.9em; } .paginator-current-page-report { margin-left: 2em; } .taglib-page-iterator .search-pages .page-links { padding: 0; } .info-panel .panel-group { margin-left: -1rem; margin-right: -1rem; } .lfr-panel-container { background: #fff; } .lfr-panel-content { padding: 5px 10px; } .lfr-panel-basic .lfr-panel-content { padding-left: 15px; } .panel-hd { background: #c0c2c5 url(../images/application/panel_header_bg.png) repeat-x 0 0; border: 1px solid; border-color: #c8c9ca #aeb2b8 #aeb2b8 #c8c9ca; padding-left: 10px; text-shadow: 1px 1px #fff; } .sheet > .panel-group .sheet-footer { margin-bottom: 0; } .sheet-footer .btn { margin-right: 0.5rem; } .sheet-footer .btn:last-child { margin-right: 0; } @media (min-width: 576px) { .sheet .display-style-icon .lfr-asset-item { width: 25%; } } .splitter { background-color: #f8f9fa; border-radius: 1px 1px 0 0; padding: 10px 15px; position: relative; z-index: 1; } .splitter.splitter-spaced { border-radius: 1px; margin-bottom: 20px; } .table > tbody > tr.splitter { height: auto; } .table > tbody > tr.splitter > td { padding: 0; } .lfr-nav.nav-tabs { margin-bottom: 20px; } .tab-active strong { font-weight: normal; } .tab-back { float: right; } .tab-back-content { border-width: 0; padding: 1px; } .tag-items { list-style: none; margin: 0 1em 0 0; padding: 0 1em 0.5em 1em; white-space: normal; } .tag-items li { display: inline-block; margin: 0 1em 0 0; max-width: 100%; } .tag-selected { color: #000; font-weight: bold; text-decoration: none; } .tag-cloud .tag-popularity-1 { font-size: 1em; } .tag-cloud .tag-popularity-2 { font-size: 1.3em; } .tag-cloud .tag-popularity-3 { font-size: 1.6em; } .tag-cloud .tag-popularity-4 { font-size: 1.9em; } .tag-cloud .tag-popularity-5 { font-size: 2.2em; } .tag-cloud .tag-popularity-6 { font-size: 2.5em; } .tagselector-content { border-width: 0; padding: 0; } .tagselector-content .textboxlistentry-holder { border-bottom: 2px solid #869cad; margin-bottom: 10px; padding: 0; } .categoriesselector-content .textboxlistentry-holder { background-color: transparent; border-width: 0; padding: 0; } .lfr-portal-tooltip { display: inline-block; } .lfr-portal-tooltip, .lfr-portal-tooltip a { -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } .tooltip { max-width: 200px; } .tooltip .tooltip-arrow { background-color: #000; height: 0.6rem; position: absolute; transform: rotate(45deg); width: 0.6rem; } .tooltip.top .tooltip-arrow, .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -0.3rem; } .tooltip.right .tooltip-arrow, .tooltip.left .tooltip-arrow { margin-top: -0.3rem; top: 50%; } .tooltip.bottom { padding-top: 0.3rem; } .tooltip.bottom .tooltip-arrow { top: 0; } .tooltip.left { padding-right: 0.3rem; } .tooltip.left .tooltip-arrow { right: 0; } .tooltip.right { padding-left: 0.3rem; } .tooltip.right .tooltip-arrow { left: 0; } .tooltip.top { padding-bottom: 0.3rem; } .tooltip.top .tooltip-arrow { bottom: 0; } .tree-node .icon-check { padding-right: 2px; } .tree-node .icon-check:before { content: "\f096"; } .tree-node .tree-node-checked .icon-check { padding-right: 0; } .tree-node .tree-node-checked .icon-check:before { content: "\f046"; } .tree-node [class^=icon-] { margin-right: 5px; } .tree-node .tree-node-checkbox-container { margin-right: 0; } .tree-node .tree-node-selected .tree-label { background: none; } .tree-node-content .tree-hitarea { color: #999; font-size: 10px; padding-right: 6px; } .tree-node-content .tree-label { margin-left: 3px; } .tree-node-content .tree-node-hidden-hitarea { visibility: hidden; } .tree-node-selected .tree-label { background-color: transparent; } .underlay { clear: both; top: 100%; } .underlay .yui3-widget-hd { height: 38px; } .underlay-hidden { display: none; } .underlay-content { background: #f4f3f3 url(../images/common/message_panel_shadow.png) repeat-x 0 0; border: 0 solid #aeafb1; border-width: 0 1px 1px; } .underlay-close { position: absolute; right: 5px; top: 5px; } .user-icon-color-0 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #6b6c7e; } .user-icon-color-1 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #4b9bff; } .user-icon-color-2 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #ffb46e; } .user-icon-color-3 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #ff5f5f; } .user-icon-color-4 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #50d2a0; } .user-icon-color-5 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #ff73c3; } .user-icon-color-6 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #9be169; } .user-icon-color-7 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #af78ff; } .user-icon-color-8 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #ffd76e; } .user-icon-color-9 { background-color: #FFF; box-shadow: 0 0 0 1px #dee2e6; color: #5fc8ff; } /* ---------- Column widths ---------- */ .portlet-column-content.empty { padding: 50px; } /* ---------- Wrapper ---------- */ #wrapper { padding-bottom: 0; padding-top: 2em; position: relative; } /* ---------- Input file ---------- */ /* ---------- Table ---------- */ .app-view-entry:hover .entry-thumbnail { border-color: #7abfdd; } .app-view-entry.selected .entry-thumbnail { border-color: #057cb0; } .app-view-entry.selected .entry-metadata dt, .app-view-entry.selected .entry-metadata dd, .app-view-entry.selected .entry-metadata .entry-categories, .app-view-entry.selected .entry-metadata .entry-tags, .app-view-entry.selected .entry-metadata .entry-description { color: #f0f0f0; } .app-view-entry .entry-title { font-weight: bold; } .app-view-entry .entry-link { text-decoration: none; } .app-view-entry .entry-metadata dt, .app-view-entry .entry-metadata dd, .app-view-entry .entry-metadata .entry-categories, .app-view-entry .entry-metadata .entry-tags, .app-view-entry .entry-metadata .entry-description { color: #333; word-wrap: break-word; } .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary { font-weight: bold; } .app-view-entry .entry-metadata .entry-categories .taglib-asset-categories-summary .asset-category { font-weight: normal; } .app-view-entry.selected, .app-view-entry.selected:hover { background-color: #00a2ea; } .app-view-entry.selected a, .app-view-entry.selected a:focus, .app-view-entry.selected a:hover { color: #fff; } .app-view-entry.selected a .lfr-icon-menu-arrow { color: #333; } .app-view-entry.active-area, .app-view-entry.active-area.hover, .app-view-entry.active-area td { background-color: #5ad300; } .app-view-entry:hover, .app-view-entry.hover { background-color: #d3e8f1; } .app-view-entry a.entry-link:hover { text-decoration: none; } .app-view-entry a.entry-link:hover .entry-metadata .entry-title .entry-title-text { text-decoration: underline; } .app-view-entry-taglib.entry-display-style.display-icon .entry-title { font-weight: normal; } .app-view-search-entry-taglib .entry-discussion a, .app-view-search-entry-taglib .entry-attachment a { text-decoration: none; } .app-view-search-entry-taglib .entry-discussion:hover, .app-view-search-entry-taglib .entry-attachment:hover { background-color: #d3e8f1; } .app-view-search-entry-taglib .entry-folder { color: #999; } .app-view-search-entry-taglib .entry-link .entry-thumbnail-image { color: #000; text-decoration: none; } .app-view-search-entry-taglib.alt { background-color: #edf0f3; } .app-view-search-entry-taglib.search { background-color: #fff; } .app-view-search-entry-taglib.search.alt { background-color: #e2e5e8; } .app-view-taglib .display-style .icon { background-image: url(../images/application/layouts.png); background-repeat: no-repeat; } .app-view-taglib .icon-display-descriptive { background-position: -32px 0; } .app-view-taglib .icon-display-icon { background-position: -16px 0; } .app-view-taglib .icon-display-list { background-position: 0 0; } .app-view-taglib .state-active .icon-display-descriptive { background-position: -32px 100%; } .app-view-taglib .state-active .icon-display-icon { background-position: -16px 100%; } @media (max-width: 767.98px) { .navbar .nav-display-style-buttons .display-style-buttons > .dropdown > .dropdown-menu { background-color: transparent; box-shadow: none; } } .navbar .nav-display-style-buttons .display-style-buttons-container .dropdown-toggle .caret { border-bottom-color: #333; border-top-color: #333; } .taglib-asset-metadata .metadata-entry-label { font-weight: normal; } .taglib-asset-metadata .metadata-author { font-weight: bold; } .taglib-asset-metadata .metadata-entry { color: #999; } .taglib-asset-metadata .metadata-author .asset-user-info .user-info { color: #009ae5; font-size: 14px; line-height: 14px; } .taglib-asset-metadata .metadata-author .asset-user-info .date-info { color: #8c8c8c; font-size: 13px; } .taglib-calendar table { border-color: #999; } .taglib-calendar tr th, .taglib-calendar tr td { border-bottom-color: #999; } .taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td { border-color: #999; } .taglib-calendar a:hover, .taglib-calendar a:focus { background-color: #ccc; } .taglib-calendar .calendar-inactive { color: #999; } .taglib-calendar .has-events a span { background: url(../images/calendar/event_indicator.png) no-repeat 50% 95%; } .taglib-calendar .has-events.calendar-current-day a span { background-image: url(../images/calendar/event_indicator_current.png); } .taglib-diff-addedline, #taglib-diff-results ins { background: #e6ffe6; } .taglib-diff-context { background: #eee; } .taglib-diff-deletedline, #taglib-diff-results del { background: #ffe6e6; } .taglib-diff-html div.diff-removed-image { background: #fdc6c6 url(../images/diff/minus.png); } .taglib-diff-html div.diff-added-image { background: #cfc url(../images/diff/plus.png) no-repeat; } .taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image { opacity: 0.55; } .taglib-diff-html span.diff-html-added { background-color: #cfc; font-size: 1em; } .taglib-diff-html span.diff-html-added img { border-color: #cfc; } .taglib-diff-html span.diff-html-changed { background: url(../images/diff/underline.png) bottom repeat-x; } .taglib-diff-html span.diff-html-changed img { border-color: #009; } .taglib-diff-html span.diff-html-removed { background-color: #fdc6c6; font-size: 1em; text-decoration: line-through; } .taglib-diff-html span.diff-html-removed img { border-color: #fdc6c6; } .diff-version-comparator .taglib-diff-html .diff-html-changed { background-image: none; border-bottom-color: #009ae5; } .diff-version-comparator .taglib-diff-html .diff-html-changed img { border-color: #009ae5; } .diff-version-comparator .diff-target-selector { border-left-color: #e5e5e5; } .diff-version-comparator .diff-version-filter { background-color: #f9f9f9; } .taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder { border-left-color: #dbdde1; } @media (min-width: 576px) { .taglib-discussion .lfr-discussion-details .taglib-user-display { word-wrap: break-word; } } .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name { font-weight: bold; text-decoration: none; } .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover { text-decoration: underline; } .taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar { background-size: 50px; } .taglib-discussion .lfr-discussion-actions li a, .taglib-discussion .lfr-discussion-actions li a span { text-decoration: none; } .taglib-discussion .lfr-discussion-actions li a:hover span, .taglib-discussion .lfr-discussion-actions li a:focus span { text-decoration: underline; } .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form { background: #ddd; border-radius: 4px; } .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar { background-size: 40px; } .lfr-discussion-reply.popover .lfr-discussion-reply-user-name { font-weight: bold; } .drop-zone.drop-enabled:not(.no-border) { outline-color: rgba(176, 180, 187, 0.5); } .drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) { background: #e8e6e8; color: #a5a6ac; } .drop-here-info .drop-icons span:nth-of-type(2) { background: #00c2ff; color: #fff; } .drop-here-info .drop-text { color: #fff; } .drop-active .drop-here-info { background-color: rgba(0, 0, 0, 0.6); z-index: 100; } .lfr-ddm-field-group { margin-bottom: 20px; } .lfr-ddm-field-group-inline { display: inline-block; vertical-align: bottom; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group { background: transparent; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active { background: transparent; opacity: 1; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label:focus { background: transparent; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .message { color: #000; opacity: 0.7; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .number { background: #333; font-size: 18px; opacity: 1; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab.active .tab-label .tab-icon { color: #333; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label { background: transparent; outline: 0; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus { text-decoration: none; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number { opacity: 1; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number { background: #ccc; color: #fff; font-size: 14px; font-weight: bold; opacity: 0.6; text-decoration: none; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .message { color: #000; font-size: 12px; } .taglib-header { border-bottom-color: #c8c9ca; color: #555; } .taglib-header .header-back-to a { font-weight: bold; text-decoration: none; } a.taglib-icon, a.taglib-icon:focus, a.taglib-icon:hover { text-decoration: none; } a.taglib-icon:focus .taglib-text, a.taglib-icon:hover .taglib-text { text-decoration: underline; } a.taglib-icon.btn:focus .taglib-text, a.taglib-icon.btn:hover .taglib-text { text-decoration: none; } .taglib-icon[lang] > img { vertical-align: baseline; width: 16px; } .taglib-icon-label { margin-left: 12px; } .input-localized .palette-item-inner .lfr-input-localized-flag { font-size: 16px; opacity: 0.5; } .input-localized.input-localized-focused .palette-item-inner .lfr-input-localized-flag { opacity: 1; } .input-localized .palette-item-inner { border-color: #666; } .input-localized .palette-item, .input-localized .palette-item-inner, .input-localized .palette-item-hover, .input-localized .palette-item-hover .palette-item-inner { border-color: transparent; } .input-localized .lfr-input-localized .lfr-input-localized-state { background: #ddd; } .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error { background: #ff0047; } .input-localized .palette-item-selected .lfr-input-localized-state { background: #27c1f2; } .taglib-move-boxes .choice-selector label { background: #ebf1f9; border-bottom-color: #8db2f3; } .taglib-move-boxes .sortable-container .move-option { background-color: transparent; } .taglib-move-boxes .sortable-container .move-option.move-option-dragging { background-color: #fafafa; } .taglib-move-boxes .sortable-container .move-option .handle { color: #999; } .taglib-image-selector .change-image-controls { background: #fff; } .taglib-image-selector .icon-check { background: #fff; opacity: 0; z-index: -1; } .taglib-image-selector .progress-wrapper .progressbar { background: #b0b4bb; opacity: 0.7; } .taglib-image-selector.check-active .icon-check { opacity: 1; z-index: 0; } .taglib-image-selector.drop-active { outline-width: 0; } .taglib-image-selector.drop-active .browse-image-controls { opacity: 0; } .taglib-image-selector.drop-active .icon-check { opacity: 0; } .taglib-image-selector.drop-active .image-wrapper { opacity: 0.15; } .taglib-image-selector.drop-active .error-wrapper { opacity: 0; } .taglib-image-selector.progress-active .image-wrapper { opacity: 0.15; } .taglib-image-selector.progress-active .browse-image-controls { opacity: 0; } .taglib-image-selector.progress-active .drop-here-info { opacity: 0; } .taglib-image-selector.progress-active .icon-check { opacity: 0; } .dialog-iframe-popup { background-color: #fff; } .portlet-item-selector .management-bar { border-bottom-color: #e7e7ed; border-top: 1px solid #e7e7ed; } .item-selector .card-row { align-items: center; } .item-selector .drop-zone { background-color: #f1f2f5; } .item-selector .input-file { height: 0.1px; opacity: 0; overflow: hidden; position: absolute; width: 0.1px; z-index: -1; } .item-selector .input-file + label { position: relative; } .item-selector .input-file + label::before { border-radius: 4px; bottom: -2px; content: ""; display: block; left: -2px; position: absolute; right: -2px; top: -2px; transition: box-shadow 0.15s ease-in-out; } .item-selector .input-file:focus + label::before { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff; } .lfr-tree-display-page .tree-node .tree-node-over .tree-label { text-decoration: none; } .lfr-tree-display-page .tree-label { cursor: default; } .lfr-tree-display-page .tree-label a { color: black; } .lfr-tree-display-page .tree-label .layout-page-invalid { color: #aaa; font-style: italic; } .lfr-tree-display-page .tree-label .layout-page-invalid:hover { cursor: default; text-decoration: none; } .lfr-tree-radio.lfr-tree-root-node-hidden .lfr-root-node + .tree-container { margin-left: 0; } .lfr-map { border-color: #ccc; } .lfr-map .search-controls { font-size: 15px; } .navbar .navbar-search { background-color: #f3f3f3; } @media (min-width: 576px) { .navbar .navbar-search { background-color: transparent; } } .taglib-portlet-preview.show-borders { border-color: #828f95; } .taglib-portlet-preview.show-borders .title { background-color: #d3dadd; font-size: 1.4em; font-weight: bold; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column { position: relative; } @media (min-width: 576px) { .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive { margin-left: 375px; width: auto; } } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table { position: static; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header { left: 12px; position: fixed; right: 12px; top: -1px; z-index: 1020; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th { display: block; padding: 0; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper { overflow-x: hidden; } @media (min-width: 576px) { .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper { margin-left: 375px; } } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table { border-collapse: collapse; width: 100%; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th { border-radius: 0; } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td, .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th { width: auto; } @media (min-width: 576px) { .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child, .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child { left: 0; position: absolute; right: 15px; } } .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th { height: auto; } .lfr-search-container-wrapper a { color: #212529; } .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle { color: #6c757d; } .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover { background-color: #f7f8f9; border-radius: 4px; color: #212529; } .lfr-search-container-wrapper .list-group { margin-bottom: 0; } .lfr-search-container-wrapper .list-group .list-group-item:nth-last-child(2) { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } .lfr-search-container-wrapper .list-group .list-group-item h4 { font-size: 0.875rem; line-height: 1.5; margin-bottom: 0; } .lfr-search-container-wrapper .list-group .list-group-item h5, .lfr-search-container-wrapper .list-group .list-group-item h6, .lfr-search-container-wrapper .list-group .list-group-item .h5, .lfr-search-container-wrapper .list-group .list-group-item .h6 { font-size: 0.875rem; font-weight: 400; line-height: 1.5; margin-bottom: 0; } .lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 { font-weight: 600; } .lfr-search-container-wrapper .list-group .list-group-item h6 + h5 { font-weight: 600; } .lfr-search-container-wrapper .list-group .list-group-item .checkbox { margin-top: 0; } .lfr-search-container-wrapper .list-group + .taglib-search-iterator-page-iterator-bottom { margin-top: 20px; } .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child, .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child { border-bottom-left-radius: 1px; } .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child, .lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child { border-bottom-right-radius: 1px; } .lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column { word-break: break-all \9 ; word-wrap: break-word; } @media (min-width: 576px) { .lfr-asset-type-column, .lfr-author-column, .lfr-city-column, .lfr-country-column, .lfr-email-address-column, .lfr-job-title-column, .lfr-region-column, .lfr-removed-by-column, .lfr-replier-column, .lfr-scope-column, .lfr-screen-name-column, .lfr-type-column, .lfr-user-column, .lfr-users-column { max-width: 125px; min-width: 100px; } } .lfr-completion-date-column, .lfr-create-date-column, .lfr-date-column, .lfr-display-date-column, .lfr-expiration-date-column, .lfr-last-post-date-column, .lfr-modified-date-column, .lfr-removed-date-column, .lfr-reply-date-column, .lfr-revision-column, .lfr-size-column { white-space: nowrap; } .lfr-description-column, .lfr-role-column { max-width: 375px; min-width: 375px; } .lfr-email-address-column, .lfr-name-column, .lfr-parent-organization-column, .lfr-screen-name-column, .lfr-title-column, .lfr-url-column, .lfr-wiki-column { max-width: 200px; min-width: 200px; } .lfr-email-column, .lfr-mobile-column, .lfr-website-column { min-width: 100px; } @media (min-width: 576px) { .lfr-email-column, .lfr-mobile-column, .lfr-website-column { min-width: 115px; } } .lfr-email-column .checkbox-container .form-group, .lfr-mobile-column .checkbox-container .form-group, .lfr-website-column .checkbox-container .form-group { margin-bottom: 0; } .user-info .user-details .date-info { color: #8c8c8c; } .user-info .user-details .user-name { color: #009ae5; } .taglib-search-toggle .toggle-advanced { color: inherit; } .taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus { text-decoration: none; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced { background-color: #fcfcfc; border-color: #ddd; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .btn.close { margin-right: 5px; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content { position: relative; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields { margin-bottom: 0; } .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend { color: #999; font-size: 13px; } .taglib-social-activities .day-separator { border-bottom-color: #ccc; } .taglib-social-bookmarks a.social-bookmark-link { background-repeat: no-repeat; } .taglib-user-display a .user-name { text-decoration: underline; } .taglib-user-display .avatar { background: no-repeat center; background-size: 60px; } .taglib-user-display .avatar.author:after { background: rgba(50, 168, 230, 0.5); } .taglib-user-display .user-name { font-size: 1.1em; font-weight: bold; } .js .taglib-webdav.visible { background: #f0f5f7; } .js .taglib-webdav table { border-color: #828f95; } .taglib-workflow-status .workflow-id, .taglib-workflow-status .workflow-version, .taglib-workflow-status .workflow-status { color: #999; } .widget-toolbar .btn + .btn, .widget-toolbar .widget-group + .widget-group { margin-left: 1rem; } .widget-mode-detail { padding-top: 1rem; } .widget-mode-detail .title { font-size: 36px; } .widget-mode-detail .sub-title { font-size: 26px; margin-bottom: 32px; } .widget-mode-detail .widget-metadata { margin-bottom: 2rem; } .widget-mode-detail .widget-mode-detail-text { margin-top: 48px; } .widget-mode-detail .widget-mode-detail-text img { max-width: 100%; } .widget-mode-detail .widget-mode-detail-text p { font-size: 18px; line-height: 1.8; } .widget-mode-card .card { display: flex; height: calc(100% - 24px); margin-bottom: 24px; } .widget-mode-card .card-header { overflow: hidden; padding: 0; } .widget-mode-card .card-title { position: relative; } @media (min-width: 768px) { .widget-mode-card .visible-interaction { position: absolute; right: -8px; } } .widget-mode-simple .widget-topbar { margin-bottom: 8px; } .widget-mode-simple .widget-metadata { margin-bottom: 24px; } .widget-mode-simple .widget-toolbar { margin-top: 1.5rem; } .widget-mode-simple .widget-content .cover-image { margin-bottom: 24px; } .modify-pages li { position: relative; } .modify-pages li.lfr-nav-hover .delete-tab { opacity: 1; } .modify-pages .delete-tab { color: #444; cursor: pointer; display: block; font-size: 20px; font-weight: bold; height: 16px; line-height: 6px; margin-top: -8px; opacity: 0; overflow: hidden; padding: 3px 0; position: absolute; right: 1px; text-shadow: 0 1px #fff; top: 50%; } .modify-pages .delete-tab:hover { color: #b50303; } .modify-pages .drag-handle { cursor: move; left: 3px; margin-left: 15px; position: absolute; top: 15px; } .controls-hidden .modify-pages .drag-handle { display: none; } @media (min-width: 768px) { .touch .modify-pages .drag-handle { display: none; } } .nav li .toolbar { margin-top: 5px; } .navbar-nav .nav-item.hover:after { bottom: -0.125rem; content: ""; height: 0.125rem; position: absolute; width: 100%; } .navigation-pane .body-row { height: 100%; overflow: hidden; position: relative; width: 100%; } .navigation-pane .body-row ul li a .icon { float: left; margin-right: 5px; } .navigation-pane .lfr-component { margin-left: 0; } .navigation-pane .navigation-entry { position: relative; } .navigation-pane .navigation-entry.folder.error { display: block; padding: 6px 8px; } .navigation-pane .navigation-entry .browse-folder, .navigation-pane .navigation-entry .nav-item-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .navigation-pane .navigation-entry .nav-item-icon { vertical-align: middle; } .navigation-pane .navigation-entry .overlay.entry-action { bottom: 0; display: block; overflow: hidden; position: absolute; right: 0; top: 0; } .navigation-pane .navigation-entry .overlay.entry-action .btn { border-width: 0; margin: 0; padding: 11px 14px; } @media (min-width: 768px) { .navigation-pane .navigation-entry .overlay.entry-action .btn { padding: 11px; } } .nav-menu ul { padding-left: 10px; } .nav-menu li a.ancestor { font-weight: bold; } .nav-menu li a.selected { color: #000; font-weight: bold; text-decoration: none; } .nav-menu-style-arrows ul { list-style-image: url(../images/arrows/04_right.png); } .portlet-navigation .nav-pills > li > a { margin-bottom: 2px; } .portlet-navigation .nav-pills > li > .dropdown-menu { margin-top: 0; } .split-button-dropdowns { list-style: none; margin: 0; padding: 0; } .split-button-dropdowns > li { display: inline-block; padding-left: 2px; padding-right: 2px; } .form-options { border: 1px solid #aaa; display: inline-block; vertical-align: middle; } .form-options input { border-width: 0; display: inline; float: left; } .form-triggers { float: left; } .form-trigger { background: #c4c4c4 url(../images/application/button_bg.png) repeat-x 0 0; border-left: 1px solid #bbb; display: inline-block; float: left; } .form-trigger img { background: no-repeat 50% 40%; height: 25px; padding: 0 3px; vertical-align: middle; width: 16px; } .form-trigger:focus, .form-trigger:hover { background-color: #83b0ca; background-image: url(../images/application/button_bg_over.png); } .trigger-selected { background-color: #ebebeb; background-image: url(../images/application/button_bg_selected.png); } .trigger-selected:focus, .trigger-selected:hover { background-color: #b7def4; background-image: url(../images/application/button_bg_selected_over.png); } .options-trigger img { background-image: url(../images/common/configuration.png); } .save-trigger img { background-image: url(../images/common/check.png); } /* ---------- Portlet topper ---------- */ /* ---------- Portlet decorator ---------- */ /* ---------- Portlet header ---------- */ body.portlet { border-width: 0; } .portlet-icon-back { margin-top: -2px; } .portlet-topper { position: relative; } .portlet-topper .portlet-topper-toolbar .portlet-icon-back { background: url(../images/arrows/12_left.png) no-repeat 0 50%; padding: 5px 5px 5px 18px; } .portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text { display: none; } .portlet-title-editable { cursor: pointer; } .portlet-title-text { display: inline-block; margin-top: 0; max-width: 95%; overflow: hidden; text-overflow: ellipsis; vertical-align: top; white-space: nowrap; } .panel-page-content .portlet-title-text, .panel-page-body .portlet-title-text { cursor: auto; } .portlet-minimized .portlet-content { padding: 0; } .portlet-nested-portlets .portlet-boundary { left: 0 !important; position: relative !important; top: 0 !important; } .portlet-layout .portlet-header { margin-bottom: 1rem; } .portlet-draggable .portlet-topper { cursor: move; } @media (min-width: 576px) { .portlet .visible-interaction { display: none; } } .portlet:hover .visible-interaction, .portlet.open .visible-interaction { display: block; } @media (max-width: 767.98px) { .controls-hidden .portlet .visible-interaction { display: none; } } .lfr-status-alert-label, .lfr-status-error-label, .lfr-status-info-label, .lfr-status-progress-label, .lfr-status-success-label { background: none no-repeat 0 50%; padding: 3px 3px 3px 20px; } .lfr-status-alert-label { background-image: url(../images/messages/alert.png); color: #663; } .lfr-status-error-label { background-image: url(../images/messages/error.png); color: #900; } .lfr-status-help-label, .lfr-status-info-label, .lfr-status-progress-label { background-image: url(../images/messages/info.png); color: #34404f; } .lfr-status-help-label { background-image: url(../images/portlet/help.png); } .lfr-status-progress-label { background-image: url(../images/aui/loading_indicator.gif); } .lfr-status-success-label { background-image: url(../images/messages/success.png); color: #384f34; } .portlet-msg { background: #eee none no-repeat 6px 50%; border: 1px solid #555; color: #34404f; font-weight: bold; margin: 2px auto 14px; padding: 6px 6px 6px 30px; text-align: left; } .lfr-message { position: relative; } .lfr-message .lfr-message-control { background-color: #333; display: inline-block; } .lfr-message .lfr-message-controls { display: none; left: 3px; margin: -8px 8px 0 3px; position: absolute; top: 50%; z-index: 10; } .lfr-message .lfr-message-close { background-image: url(../images/portlet/close_borderless.png); background-position: 0 0; background-repeat: no-repeat; } .lfr-message .lfr-message-close-all { color: #fff; display: none; font-size: 0.8em; margin-left: 10px; padding: 1px 10px; text-shadow: 1px 1px 0 #000; vertical-align: top; } .lfr-message .lfr-message-close-all a { color: #fff; } .lfr-message .lfr-message-controls-hover .lfr-message-close-all { display: inline-block; } .lfr-message.pending { background-image: url(../images/common/time.png); } .lfr-message-content.alert { margin-bottom: 0; } .lfr-message-close { cursor: pointer; } /* ---------- Standard styles defined in the JSR 168 specification ---------- */ /* ---------- Fonts ---------- */ /* ---------- Sections ---------- */ .portlet-section-selected, .portlet-section-selected a { background: #727c81; color: #fff; font-weight: bold; text-decoration: none; } .portlet-section-selected a:hover, .portlet-section-selected a:focus { background-color: #727c81; } /* ---------- Forms ---------- */ /* ---------- Icons ---------- */ /* ---------- Menus ---------- */ @media (min-width: 576px) { .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper, .portlet.open > .portlet-topper { opacity: 1; transform: translateY(-97%); } } @media (min-width: 576px) { .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable, .portlet.open > .portlet-content-editable { border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; } } .portlet { margin-bottom: 10px; position: relative; } .portlet > .portlet-content-editable { border-color: transparent; } .portlet > .portlet-topper { display: none; } @media (min-width: 576px) { .portlet > .portlet-topper { display: flex; left: 0; opacity: 0; position: absolute; right: 0; transition: opacity 0.25s, transform 0.25s; top: 0; } } @media (min-width: 576px) and (prefers-reduced-motion: reduce) { .portlet > .portlet-topper { transition: none; } } .portlet-content-editable { border-color: transparent; border-radius: 0 0; border-style: solid; border-width: 1px 1px 1px 1px; } /* ---------- Portlet topper ---------- */ .portlet-actions { float: right; } .portlet-name-text { font-size: 0.875rem; font-weight: 600; } .portlet-options { display: inline-block; } .portlet-title-default { box-flex: 1; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .portlet-title-menu { box-flex: 0; -moz-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .portlet-title-menu > span > a { display: inline-block; text-decoration: none; } .portlet-topper { background-color: #f7f7f7; border-color: transparent; border-radius: 0 0; border-style: solid; border-width: 1px 1px 1px 1px; color: rgba(0, 0, 0, 0.5); display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 3px 12px 3px 24px; position: relative; } .portlet-topper-toolbar { margin: 0; padding-left: 0; } .portlet-topper-toolbar > a, .portlet-topper-toolbar > span > a, .portlet-topper-toolbar .lfr-icon-menu > a { color: rgba(0, 0, 0, 0.5); } .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover { text-decoration: none; } @media (max-width: 767.98px) { .lfr-configurator-visibility { opacity: 0.5; } } @media (min-width: 576px) { .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper { opacity: 0.5; } .lfr-configurator-visibility .portlet-content-editable { opacity: 0.5; } } /* ---------- Portlet controls in mobile ---------- */ @media (max-width: 767.98px) { .controls-visible .portlet-content-editable { border-color: transparent; border-top-left-radius: 0; border-top-right-radius: 0; } } @media (max-width: 767.98px) { .controls-visible .portlet-topper { display: -webkit-box; display: -moz-box; display: box; display: -moz-flex; display: -ms-flexbox; display: flex; } } .controls-visible .portlet-topper-toolbar { display: block; } .lfr-configurator-visibility .portlet-borderless-bar { opacity: 0.6; } .lfr-configurator-visibility .portlet-content .lfr-icon-actions { opacity: 1; } .lfr-panel-page { width: 100%; } .lfr-panel-page .portlet-title { font-size: 13px; } .lfr-panel-page .lfr-add-content h2 span { background-color: #d3dadd; } .main-content-body { margin-top: 20px; } .restricted, .restricted td { background: #fdd; border-width: 0; } .restricted * { color: #727c81; } .alt.restricted td { background-color: #ffc0c0; } .hover.restricted td { background-color: #d3bdc0; } .alt.restricted td.first, .restricted td.first { background-image: url(../images/messages/error.png); background-position: 5px 50%; background-repeat: no-repeat; padding-left: 28px; } .portlet-borderless .portlet-content { padding: 1rem; } .portlet-decorate .portlet-content { background: #fff; border-color: transparent; border-style: solid; border-width: 1px 1px 1px 1px; padding: 1rem; word-wrap: break-word; } .portlet-barebone .portlet-content { padding: 0; } /* ---------- Dynamic data list display/Journal portlet ---------- */ .portlet-dynamic-data-lists-display .lfr-ddm-field-group, .portlet-dynamic-data-lists .lfr-ddm-field-group { margin-bottom: 10px; margin-top: 10px; padding: 28px 24px 28px; } /* ---------- Breadcrumb taglib ---------- */ .breadcrumb.breadcrumb-vertical { display: inline-block; text-align: center; } .breadcrumb.breadcrumb-vertical li { display: block; } .breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only { background: none; } .breadcrumb.breadcrumb-vertical .divider { background: url(../images/arrows/07_down.png) no-repeat 50% 100%; display: block; height: 10px; overflow: hidden; text-indent: 101%; white-space: nowrap; } /* ---------- Calendar taglib ---------- */ .taglib-calendar tr.portlet-section-header th, .taglib-calendar tr td { border-width: 0; } .taglib-calendar tr td a { background-color: #f0f5f7; border: 1px solid #fff; border-bottom-width: 0; border-left-width: 0; display: block; height: 15px; padding: 5px 0; } .taglib-calendar tr td a:hover { background-color: #727c81; color: #fff; } .taglib-calendar tr td.calendar-inactive { background-color: #fff; color: #b5bfc4; } .taglib-calendar tr th { border-bottom-color: #d7d7d7; } .taglib-calendar table td { border-width: 0; } .taglib-calendar .calendar-current-day, .taglib-calendar .calendar-current-day a { background-color: #fff; } .taglib-calendar .calendar-current-day a { border: 1px solid #727c81; color: #369; text-decoration: underline; } /* ---------- Navbar form search ---------- */ .navbar form { margin: 0; } .menu-content, .underlay-content { box-shadow: 2px 4px 7px rgba(0, 0, 0, 0.5); } .lfr-ddm-container .file-entry-upload-progress { border-radius: 0 0 4px 4px; } .lfr-preview-file-image img { box-shadow: 0 3px 5px -3px rgba(0, 0, 0, 0.8); } .lfr-preview-file-image-current-column { box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.8); } .lfr-preview-file-image-current-column { box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8); } .portlet-document-library .lfr-ddm-small-image-preview, .portlet-dynamic-data-mapping .lfr-ddm-small-image-preview { box-shadow: 0 1px 3px #ccc; } .portlet-document-library-upload-mask .overlaymask-content { border-radius: 5px; } .overlaymask-content { background-color: #fff; } :not(.inline-item) > .loading-animation { margin-bottom: 20px; margin-top: 20px; } .product-menu .loading-animation { margin-top: 160px; } .lfr-search-combobox-item { border-radius: 1px; } .lfr-search-combobox .field-input-text { border-radius: 4px 1px 1px 4px; } .lfr-search-combobox .button-input { border-radius: 1px 4px 4px 1px; } .lfr-upload-container .progress-bar, .lfr-upload-container .progress, .lfr-editable:after { border-radius: 10px; } .portlet-language .portlet-body .current-language, .portlet-language .portlet-body .taglib-icon, .portlet-language .portlet-body .taglib-language-list-text { border-radius: 10px; } body > .lfr-menu-list ul, .active-area-proxy, .entry-display-style .entry-thumbnail, .lfr-api-results, .lfr-translation-manager, .lfr-translation-manager-translation, .lfr-upload-container .cancel-button .modify-pages .delete-tab, .portlet-image-gallery-display .image-thumbnail img, .rule-group-instance-container .rule-group-instance, .select-documents, .select-files, .taglib-ratings.stars:hover, .taglib-ratings.stars:hover .liferay-rating-vote > div, .taglib-ratings.stars .rating-focused > div, .tags-search-combobox .field-input-text { border-radius: 4px; } .entry-display-style, .lfr-search-combobox, .lfr-upload-container .upload-file, .lfr-upload-container .upload-target, .portlet-document-library .common-file-metadata-container.selected, .portlet-document-library-display .common-file-metadata-container.selected, .portlet-image-gallery-display .image-icon, .select-documents, .select-files { border-radius: 5px; } .portlet-dynamic-data-list-display .lfr-ddm-container .lfr-ddm-repeatable-placeholder, .portlet-dynamic-data-lists .lfr-ddm-container .lfr-ddm-repeatable-placeholder { border-radius: 6px; } .menu-content { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group { box-shadow: none; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number { box-shadow: 0 0 5px 0 #333; transition-duration: 0.25s; transition-property: box-shadow; transition-timing-function: ease-out; } .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number { border-radius: 50%; } .underlay-content { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .input-localized .lfr-input-localized-state { border-radius: 3px; } .input-localized .lfr-input-localized .lfr-input-localized-state { box-shadow: 0 0 3px #ddd; } .input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error { box-shadow: 0 0 3px #ff0047; } .input-localized .palette-item-selected .lfr-input-localized-state { box-shadow: 0 0 3px #27c1f2; } .lfr-content-preview-popup .lfr-content-preview-popup-content { border-radius: 0; box-shadow: 8px 3px 7px rgba(0, 0, 0, 0.25); } .lfr-message .lfr-message-control { border-radius: 10px; } .lfr-token { border-radius: 8px; } .staging-tabview-list { border-radius: 0; } .site-variations-tabview-list .tab-content, .staging-tabview-list .tab-active .tab-content, .tagselector-content .textboxlistentry-holder .lfr-tag-selector-input:focus { box-shadow: none; } .rule-group-instance-container .rule-group-instance { box-shadow: 1px 1px 2px #999; } .lfr-action-label { border-radius: 2px; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress { -webkit-animation: progress-bar-stripes 0.5s linear infinite; animation: progress-bar-stripes 0.5s linear infinite; background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0)); background-size: 40px 40px; transition: width, 0.5s, ease-out; } @media (prefers-reduced-motion: reduce) { .lfr-progress-active .progress-bar-status, .lfr-upload-container .file-uploading .progress-bar .progress { transition: none; } } @-webkit-keyframes highlight-animation { from { background-color: #ffc; } to { background-color: transparent; } } @keyframes highlight-animation { from { background-color: #ffc; } to { background-color: transparent; } } .highlight-animation { -webkit-animation: highlight-animation 0.7s; animation: highlight-animation 0.7s; } .lfr-spa-loading .lfr-spa-loading-bar { -webkit-animation: shift-rightwards 1s ease-in-out infinite; animation: shift-rightwards 1s ease-in-out infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .lfr-spa-loading-bar { -webkit-transform: translateX(100%); transform: translateX(100%); } @-webkit-keyframes shift-rightwards { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 40% { -webkit-transform: translateX(0%); transform: translateX(0%); } 60% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes shift-rightwards { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); } 40% { -webkit-transform: translateX(0%); transform: translateX(0%); } 60% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(100%); transform: translateX(100%); } } .mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .lfr-icon-menu-text, .mobile.touch body:first-of-type .portlet-content .lfr-icon-actions .taglib-text { max-width: 200px; } .portlet-boundary.yui3-dd-dragging { -webkit-transform: scale(0.8); transform: scale(0.8); transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media (prefers-reduced-motion: reduce) { .portlet-boundary.yui3-dd-dragging { transition: none; } } .portlet-document-library .entry-thumbnail .label, .portlet-document-library-display .workflow-status .label, .portlet-journal .entry-thumbnail .label { border-bottom-left-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle { box-shadow: none; } @-webkit-keyframes lfr-drop-active { 0% { background-color: #ebebeb; border-color: #ddd; } 50% { background-color: #ddedde; border-color: #7d7; -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { background-color: #ddedde; border-color: #7d7; } 100% { background-color: #ebebeb; border-color: #ddd; } } @keyframes lfr-drop-active { 0% { background-color: #ebebeb; border-color: #ddd; } 50% { background-color: #ddedde; border-color: #7d7; -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { background-color: #ddedde; border-color: #7d7; } 100% { background-color: #ebebeb; border-color: #ddd; } } .upload-drop-active .lfr-upload-container .upload-target { -webkit-animation: none; animation: none; } .upload-drop-active .portlet-document-library .document-container { box-shadow: inset 0 0 5px #b8c1d1; } .upload-drop-intent .lfr-upload-container .upload-target { -webkit-animation: lfr-drop-active 1s ease 0.2s infinite; animation: lfr-drop-active 1s ease 0.2s infinite; } .quick-access-nav a { box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup, .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_toolgroup:hover { box-shadow: initial; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button:hover { box-shadow: none; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:after { background-image: linear-gradient(#fff, #e4e4e4); border-radius: 2px; } .cke_toolbar.cke_toolbar__a11yhelpbtn .cke_button .cke_button_label:hover:after { background-image: linear-gradient(#f2f2f2, #ccc); } /* ---------- Switches ---------- */ input.switch:focus ~ .switch-bar:before { box-shadow: 0 0 3px #00f; } input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before, input.switch:empty ~ .switch-bar .switch-icon, input.switch:empty ~ .switch-bar .switch-toggle:after, input.switch:empty ~ .switch-bar .switch-toggle:before { transition: all 100ms ease-in; } @media (prefers-reduced-motion: reduce) { input.switch:empty ~ .switch-bar:after, input.switch:empty ~ .switch-bar:before, input.switch:empty ~ .switch-bar .switch-icon, input.switch:empty ~ .switch-bar .switch-toggle:after, input.switch:empty ~ .switch-bar .switch-toggle:before { transition: none; } } /* ---------- Image selector ---------- */ .taglib-image-selector .icon-check { transition: opacity 0.2s ease-in-out; border-radius: 30px; } @media (prefers-reduced-motion: reduce) { .taglib-image-selector .icon-check { transition: none; } } .taglib-image-selector .progress-wrapper .progressbar { border-radius: 0; } /* ---------- Drop here info ---------- */ .drop-here-info { transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .drop-here-info { transition: none; } } .drop-here-info .drop-icons { transition: all 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .drop-here-info .drop-icons { transition: none; } } .drop-here-info .drop-icons span { transition: all 0.3s ease-in-out; border-radius: 3px; } @media (prefers-reduced-motion: reduce) { .drop-here-info .drop-icons span { transition: none; } } .drop-here-info .drop-icons span:nth-of-type(1) { box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08); -webkit-transform: rotate(25deg); transform: rotate(25deg); } .drop-here-info .drop-icons span:nth-of-type(2) { box-shadow: 0 6px 0 -2px rgba(0, 0, 0, 0.15); -webkit-transform: scale(0.8); transform: scale(0.8); } .drop-here-info .drop-icons span:nth-of-type(3) { box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08); -webkit-transform: rotate(-25deg); transform: rotate(-25deg); } .drop-active .drop-here-info span:nth-of-type(1) { -webkit-transform: rotate(-20deg); transform: rotate(-20deg); } .drop-active .drop-here-info span:nth-of-type(2) { -webkit-transform: scale(1); transform: scale(1); } .drop-active .drop-here-info span:nth-of-type(3) { -webkit-transform: rotate(15deg); transform: rotate(15deg); } /*This file allows you to override default styles in one central location for easier upgrade and maintenance.*/ .breadcrumb-horizontal { font-size: 0.875rem; padding: 0; } .bg-lighter { background-color: #f8f9fa !important; } .text-lighter { color: #f8f9fa !important; } .bg-gray-dark { background-color: #343a40 !important; } .text-gray-dark { color: #343a40 !important; } .list-group-item-flex > .autofit-col:first-of-type { padding-left: 10px; padding-right: 4px; } @media (min-width: 768px) { .info-panel { bottom: 0; position: absolute; top: 0; } .info-panel > .sidenav-menu { bottom: 0; position: absolute; right: 0 !important; top: 0; } } .navbar-top { padding-bottom: 0.907rem; padding-top: 0.907rem; } .navbar-top .portlet:hover, .navbar-top .portlet.open { z-index: 1035; } .navbar-blank { flex-wrap: wrap; } .navbar-blank .lexicon-icon { font-size: 0.625rem; margin: 0 0 0 0.25rem; } .navbar-classic { background-color: #fff; } .navbar-classic.navbar-light { border-bottom: 1px solid #e7e7ed; } @media (max-width: 575.98px) { .navbar-classic .navbar-blank { margin-top: 1rem; } } .navbar-classic .navbar-form { padding: 0; } .navbar-classic .navbar-form .field-wrapper { right: 0; top: 0; } .navbar-classic .navbar-form .field-wrapper .lfr-icon-item { color: #6b6c7e; } @media (max-width: 767.98px) { .navbar-classic .portlet-search-bar { width: 100%; } } .navbar-classic .portlet-search-bar .input-group-item { margin-left: 0; } .navbar-classic .logo:hover { text-decoration: none; } @media (min-width: 992px) { .navbar-classic .navbar-nav .nav-item:not(:last-of-type) .nav-link { margin-right: 16px; } } .navbar-classic .nav-link { color: #6b6c7e; font-size: 0.9375rem; font-weight: 600; } @media (min-width: 576px) { .sidebar-default .sidebar-header { padding-top: 0; } } .sidebar-default .sidebar-header .sidebar-title { font-size: 1rem; font-weight: 600; padding-top: 0.5rem; } .sidebar-default .sidebar-header .sidebar-subtitle { font-size: 0.875rem; font-weight: 600; } .sidebar-default .sidebar-header h4 { padding-top: 8px; } .sidebar-default .sidebar-header .text-default { color: #6c757d; font-size: 0.875rem; font-weight: 400; } .sidebar-default .sidebar-header .icon-monospaced { color: #6c757d; } @media (min-width: 576px) { .sidebar-default .navbar-default { background-color: transparent; } .sidebar-default .navbar-default .navbar-nav { border-bottom: 1px solid #cdced9; width: 100%; } } .sidebar-default .navbar-default .active > a { font-weight: 600; padding: 13px 16px; } .sidebar-default .navbar-default .active > a:after { content: ""; height: 4px; left: 0; right: 0; } .sidebar-default .navbar-collapse { border-bottom: 1px solid #cdced9; } @media (min-width: 576px) { .sidebar-default .navigation-bar-light, .sidebar-default .sidebar-block > .list-group-item, .sidebar-default .panel, .sidebar-default .panel-group .panel { background-color: transparent; border-color: transparent; } } div.splitter { background-color: transparent; padding-left: 0; } .table-list th:first-child, .table-list td:first-child { padding-left: 18px; padding-right: 6px; } .widget-mode-detail { background-color: #fff; } .widget-mode-detail .title { color: #272833; font-weight: 700; line-height: 1.25; } .widget-mode-detail .sub-title { color: #a0a1b0; font-weight: 400; } .widget-mode-detail .widget-metadata { font-size: 0.875rem; } .widget-mode-detail .widget-metadata .inline-item-before { margin-right: 1rem; } .widget-mode-detail .widget-metadata .username { color: #272833; font-weight: 600; line-height: 2; } .widget-mode-detail .aspect-ratio { padding-bottom: 480px; } .widget-mode-card .card { border-radius: 8px; } .widget-mode-card .card-header { border-radius: 8px 8px 0 0; } .widget-mode-card .card-body { padding: 24px; } .widget-mode-card .widget-topbar .title-link { color: #272833; } .widget-mode-card .widget-topbar .title { font-size: 1.5rem; font-weight: 700; margin-right: 24px; } .widget-mode-card .widget-metadata { font-size: 0.875rem; margin-bottom: 16px; } .widget-mode-card .widget-metadata .inline-item-before { margin-right: 1rem; } .widget-mode-card .widget-metadata .username { color: #272833; font-weight: 600; } .widget-mode-card .widget-resume { font-size: 15px; line-height: 1.6; margin-bottom: 0; } .widget-mode-card .card-footer { background-color: transparent; padding: 0 1rem 1rem; } .widget-mode-card .widget-toolbar { border-top: 1px solid #e7e7ed; padding-top: 8px; } .widget-mode-simple .widget-mode-simple-entry:not(:last-child) { border-bottom: 1px solid #e7e7ed; margin-bottom: 24px; padding-bottom: 24px; } .widget-mode-simple .widget-topbar .title-link { color: #272833; } .widget-mode-simple .widget-topbar .title { font-size: 1.75rem; font-weight: 700; } .widget-mode-simple .widget-metadata { font-size: 0.875rem; } .widget-mode-simple .widget-metadata .inline-item-before { margin-right: 1rem; } .widget-mode-simple .widget-metadata .username { color: #272833; font-weight: 600; } .widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless { margin-left: -0.75rem; } .portlet-layout .portlet .management-bar > .container-fluid-max-xl, .portlet-layout .portlet .navbar-underline > .container-fluid-max-xl { padding-left: 0; padding-right: 0; } .portlet-layout .portlet .portlet-title-text { color: #6c757d; font-size: 0.875rem; font-weight: 600; line-height: 2.2; margin-bottom: 0; text-transform: uppercase; } .portlet > .portlet-topper { font-size: 0.87rem; padding: 0 4px 0 8px; } @media (min-width: 768px) { .portlet > .portlet-topper { display: block; white-space: nowrap; } } @media (min-width: 576px) { .portlet > .portlet-topper { right: auto; } } .portlet > .portlet-topper .portlet-title-default { display: inline-block; line-height: 1.5rem; vertical-align: middle; } .portlet > .portlet-topper .portlet-name-text { margin-right: 0.75rem; } .portlet > .portlet-topper .portlet-topper-toolbar { display: inline-block; vertical-align: middle; } .portlet > .portlet-topper .portlet-topper-toolbar, .portlet > .portlet-topper .icon-monospaced { height: 1.5rem; line-height: 1.5rem; width: 1.5rem; } .portlet > .portlet-topper .lexicon-icon { height: 0.875rem; width: 0.875rem; } .portlet:hover > .portlet-topper, .portlet.open > .portlet-topper { z-index: 999; } .portlet-decorate .portlet { margin-bottom: 24px; } .portlet-decorate .portlet-content { background-color: #fff; border: 1px solid #e7e7ed; border-radius: 0.25rem; padding: 24px; } .portlet-barebone .panel, .portlet-borderless .panel { background-color: transparent; } .portlet-barebone .panel.card, .portlet-borderless .panel.card { border-color: #cdced9; box-shadow: none; } .portlet-barebone .panel-default, .portlet-borderless .panel-default { border-color: #cdced9; } .portlet-barebone .widget-mode-detail, .portlet-borderless .widget-mode-detail { background-color: transparent; } .portlet-hello-world .portlet .portlet-content { background: #4885b7 url(../images/portlet_hello_world/welcome_bg.jpg) bottom left; background-clip: padding-box; background-size: cover; color: #FFF; min-height: 390px; padding-top: 30px; } @media (min-width: 576px) { .portlet-hello-world .portlet .portlet-content { padding-left: 50px; } } .portlet-hello-world .portlet .portlet-content .portlet-header { margin-bottom: 0; } .portlet-hello-world .portlet .portlet-content .portlet-title-text { color: #FFF; font-size: 2rem; font-weight: 700; text-transform: none; } .portlet-hello-world .portlet .portlet-content .portlet-body { padding-right: 30%; } @media (min-width: 576px) { .portlet-hello-world .portlet .portlet-content .portlet-body { padding-right: 60%; } } /**NS Connect modification start**/ /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "龜"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "邏"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "駱"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "爛"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "ï¥"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "雷"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: normal; font-display: auto; src: url("nsconnect/fontawesome/webfonts/fa-brands-400.eot"); src: url("nsconnect/fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("nsconnect/fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("nsconnect/fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("nsconnect/fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("nsconnect/fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: auto; src: url("nsconnect/fontawesome/webfonts/fa-solid-900.eot"); src: url("nsconnect/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("nsconnect/fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("nsconnect/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("nsconnect/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("nsconnect/fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900; } /**NS Connect modification end**/ body header .field-wrapper { position: absolute; right: 4px; top: 2px; } body header .field-wrapper a { color: #fff; } body header .field-wrapper, body header .form-group { margin-bottom: 0; } body header .portlet { margin-bottom: 0; } body header .portlet:hover { z-index: 1034; } body header .search-input { font-size: 0.88rem; padding: 0.28rem 2rem 0.28rem 1rem; } body header .text-default { color: #6b6c7e; font-weight: 600; } body header .user-personal-bar .fieldset { position: relative; } body header .user-personal-bar .user-avatar-link .panel-notifications-count { right: calc(100% - 0.75rem); top: -0.35rem; } body .user-avatar-link { display: block; position: relative; } body .user-avatar-link .panel-notifications-count { margin: 0; position: absolute; right: calc(100% - 0.7rem); top: -0.4rem; } body .user-avatar-link .text-default { align-items: center; display: flex; } body .user-avatar-link .text-default .user-full-name { margin-left: 0.5rem; } @media (max-width: 575.98px) { body .user-avatar-link .text-default .user-full-name { display: none; } } @media (min-width: 576px) { .btn-group + .info-panel { top: auto; } } /* @import url(nav-media.css?t=1716551373375); */ /* @import url(Tabs.css?t=1716551373375); */ /* @import url(weather.min.css?t=1716551373375); */ /* @import url(scroll-nav.css?t=1716551373375); */ /* @import url(back-to-top.min.css?t=1716551373375); */ /* Complete Webiste Font */ /* Font Color */ /* Webiste Core Color For NSUI #0093b2*/ /* End */ /* View Profile Icon Display */ /* $sideNavLinkColor: #333333 !default; */ /* Header Nav Drop Down */ /* Media Query */ /* Member Roaster & New Member Setting */ /* New Template Color Combination Varibale */ /* Media Query */ /* Added by Waleed */ d-flex, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a, #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card, #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation, #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row > .ui-panelgrid-cell > span, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr td .mp-value-text, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr td, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol, #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a, #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box, #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content, #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu, #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area, #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner, #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view, #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para, #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .loginc-page, #ui-area .bonita-login-layout .cnbar-brand, #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p, #ui-area .bonita-login-layout .login-content, footer .custom-footer .footer-bottom .footer-social, footer .custom-footer .footer-top .footer-address .footer-phone, footer .custom-footer .footer-top .footer-quicklinks ul, footer .custom-footer .footer-top .footer-logos, #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul, #ui-area .custom-header .header-area .smartphone-nav-div .ui-link, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li a, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .brand-wrapper, #ui-area .custom-header .header-area .header-top, #ui-area .public-layout .from-layer-two-div ul, #ui-area .private-layout .from-layer-two-div ul, #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child, #ui-area .public-layout .sub-navigation-portlet .sub-nav, #ui-area .private-layout .sub-navigation-portlet .sub-nav, #ui-area .public-layout .action-button-custom .cta-box, #ui-area .private-layout .action-button-custom .cta-box, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span8, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span8, #ui-area .public-layout .cc-area-custom .text-with-image-container .content .row-fluid, #ui-area .private-layout .cc-area-custom .text-with-image-container .content .row-fluid, #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row, #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio, #ui-area .public-layout .cc-area-custom .bio-listing [class*=col-sm], #ui-area .private-layout .cc-area-custom .bio-listing [class*=col-sm], #ui-area section#portlet_password-reminder .portlet-content .alert, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before, #ui-area .public-layout.content-layout .ui-paginator, #ui-area .private-layout.content-layout .ui-paginator { display: flex; } list-style, footer .custom-footer .footer-top .footer-quicklinks ul, #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div ul, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul, #ui-area .public-layout .floating-div ul, #ui-area .private-layout .floating-div ul, #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children, #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul, #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children, #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul { list-style: none; margin: 0; padding: 0; } /* animation keyframes */ .teetime-webservice .ui-overlay-a, .teetime-webservice .ui-page-theme-a, .teetime-webservice .ui-page-theme-a .ui-panel-wrapper { background-color: #fff !important; } .teeTimeContent ul { background: #fff !important; } /* For Tee Sheet Reservation Button Color and Icons Color */ /* For Tee Sheet Reservation Button Color and Icons Color */ /* For teeShett Time Fonts and Reservation Button Padding */ /* For Tee Sheet Reservation Button Color and Icons Color */ /* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */ /* Teetime Color Configration */ .stmt-pmnt-btn { background: #1b1c1c !important; } .ui-area-btn-primary { background-color: #005076 !important; color: #fff !important; text-decoration: none !important; } .ui-area-btn-primary:hover { background-color: #80acc1 !important; /* color: $dark-fontColor !important; */ } .ui-area-btn-secondry { background-color: #337a9c !important; color: #fff !important; border: none !important; } .ui-area-btn-secondry:hover { background-color: #80acc1 !important; /* color: $dark-fontColor !important; */ } .ui-area-btn-previous { background-color: #80acc1 !important; color: #fff !important; } .ui-area-btn-previous:hover { background-color: #ccdee6 !important; color: #9E6632 !important; } .ui-area-btn-statement { background-color: #80acc1 !important; color: #fff !important; } .ui-area-btn-statement:hover { background-color: #ccdee6 !important; color: #9E6632 !important; } .ui-area-btn-statement-active { background-color: #005076 !important; color: #fff !important; } .ui-area-btn-next { background-color: #80acc1 !important; color: #fff !important; } .ui-area-btn-next:hover { background-color: #ccdee6 !important; color: #9E6632 !important; } .ui-area-btn-success { background-color: #005983 !important; color: #fff !important; } .ui-area-btn-success:hover { background-color: #757575 !important; color: #fff !important; } .ui-area-btn-danger, .ui-confirm-dialog .ui-dialog-footer .ui-confirmdialog-yes, .btn-cancel-invitation { background-color: #f1331e !important; color: #fff !important; } .ui-area-btn-danger:hover { background-color: #9c1202 !important; color: #fff !important; } .ui-area-btn-make-payment { background-color: #005076 !important; color: #fff !important; } .ui-area-btn-make-payment:hover { background-color: #80acc1 !important; color: #fff !important; } .ui-area-btn-warning { background-color: #f1331e !important; color: #fff !important; } .ui-area-btn-warning:hover { background-color: #9c1202 !important; } #ui-area .btn-success { background-color: #0271c9 !important; color: #fff !important; background-image: none; border: none; } .ui-area-btn-inverse { background-color: #99bdcd !important; color: #000 !important; } .ui-area-btn-info, .ui-confirm-dialog .ui-dialog-footer .buddy-list-no-btn { background-color: #80acc1 !important; color: #fff !important; } .ui-area-btn-info:hover { background-color: #9E6632 !important; /* color: $Light-fontColor !important; */ } .ui-area-btn-print, .ui-confirm-dialog .ui-dialog-footer .ann-yes-btn { background-color: #337a9c; color: #fff; } .ui-area-btn-print:hover { background-color: #80acc1; /* color: $Light-fontColor !important; */ } .stmt-print-button { background-color: #337a9c !important; color: #fff !important; } .stmt-print-button:hover { background-color: #80acc1 !important; /* color: $Light-fontColor !important; */ } .ui-area-btn-campaign-on { background-color: #ccdee6 !important; color: #fff !important; } html .btn { text-shadow: 0 1px 1px rgba(255, 255, 255, 0) !important; } html .btn { margin: 0 !important; padding: 4px 12px; } .tabButton { background-color: #99bdcd; border: medium none; color: #fff; margin: 0 !important; } .textfieldsbt2 { background-color: #99bdcd; border: medium none black; color: #fff; } .aui #ui-area .ui-area-btn, .aui #ui-area .events-cal-link, .aui #ui-area .btn:not(.lfr-icon-menu) { background: transparent; color: #9E6632; border: 1px solid #9E6632; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; border-radius: 50px !important; font-size: var(--btnFontSize) !important; white-space: nowrap; padding: var(--btnPadding) !important; line-height: normal !important; max-width: 100%; box-shadow: none; -webkit-box-shadow: none; -webkit-transition: 0.2s background ease-in-out, 0.2s color ease-in-out; -moz-transition: 0.2s background ease-in-out, 0.2s color ease-in-out; -ms-transition: 0.2s background ease-in-out, 0.2s color ease-in-out; transition: 0.2s background ease-in-out, 0.2s color ease-in-out; letter-spacing: var(--btnLetterSpacing); will-change: background, color; text-align: center; display: inline-block; font-family: "ITC Avant Garde Pro Md", sans-serif; } .aui #ui-area .ui-area-btn:hover, .aui #ui-area .events-cal-link:hover, .aui #ui-area .btn:hover:not(.lfr-icon-menu), .aui #ui-area .ui-area-btn:focus, .aui #ui-area .events-cal-link:focus, .aui #ui-area .btn:focus:not(.lfr-icon-menu) { background-color: #9E6632; color: #fff; text-decoration: none; } .aui #ui-area .ui-area-btn-danger { background-color: #f1331e; border: none; } .aui #ui-area .ui-area-btn-danger:hover, .aui #ui-area .ui-area-btn-danger:focus { background-color: #9c1202; text-decoration: none; } .aui #ui-area .ui-area-btn-success { background-color: #005983 !important; border: none; } .aui #ui-area .ui-area-btn-success:hover, .aui #ui-area .ui-area-btn-success:focus { background-color: #9E6632 !important; text-decoration: none !important; } .aui #ui-area a.btn:not(.lfr-icon-menu) { -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; border-radius: 50px !important; } .aui #ui-area .events-cal-link { background-color: #005076 !important; } .aui #ui-area .events-cal-link { text-transform: uppercase !important; padding: 0.8rem 0.8rem !important; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; -ms-border-radius: 50px !important; border-radius: 50px !important; } .aui #ui-area .events-cal-link:hover { background-color: #99bdcd !important; } @media (max-width: 767.98px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199.98px) { .hidden-md { display: none !important; } } @media print { .hidden-print { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } .hidden-md { display: none !important; } } @media (min-width: 768px) and (max-width: 991.98px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-tablet { display: inherit !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767.98px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .visible-phone { display: inherit !important; } .hidden-phone { display: none !important; } } @media (min-width: 200px) and (max-width: 400.98px) { .space-close { display: none !important; } } @media (min-width: 560px) and (max-width: 750.98px) { .space-close { display: inherit !important; } } @media (min-width: 801px) { .space-close { display: none !important; } } @media (min-width: 641px) { .seperator-datatable { display: none; } } /* #ui-datepicker-div .ui-datepicker-header { background: $secondry-bg !important; } */ .mp-grid-col label { font-size: 16px !important; } .mp-grid-col input { font-size: 16px !important; } html { font-family: "lexia", serif; } /* Media Queries for popup ----------- */ @media only screen and (max-width: 1024px) { .ui-dialog { left: 10% !important; position: fixed !important; top: 11% !important; width: 80% !important; } .avatar { width: 70px !important; height: 120px !important; } .hidden-min { display: none !important; } /* .ui-confirm-dialog { */ /* width: 72% !important; */ /* left: 8% !important; */ /* } */ } @media only screen and (min-width: 1025px) { .ui-dialog { left: 20% !important; position: fixed !important; top: 11% !important; width: 60% !important; } .ui-confirm-dialog { width: 40% !important; left: 30% !important; } } @media (max-width: 640px) { .ui-datatable-reflow thead { display: none; } .ui-column-title, .reference-id { font-size: 14px; } .ui-datatable-even { font-size: 14px; } .ui-datatable-odd { font-size: 14px; } .ui-datatable tbody td { padding: 4px 1px 4px 1px !important; } td { font-size: 14px !important; } .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text { font-size: 14px; } .ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 { height: initial !important; } label.text-center { font-size: 14px; } th { font-size: 14px; text-align: center !important; } html label { font-size: 14px; } .ui-selectonemenu-panel .ui-selectonemenu-list-item { font-size: 14px; } html h1 { font-size: 25px; } html h3 { font-size: 18px; } .main-label { font-size: 14px; } .ui-datatable-tablewrapper { border-left: 1px solid #c0bfbe; border-right: 1px solid #c0bfbe; } .col-amount { text-align: left !important; } .col-right { float: right; } .ui-outputlabel.ui-widget { font-size: 14px; } .ui-chkbox-label { font-size: 14px; } .ui-selectlistbox-item.ui-corner-all { font-size: 14px; } button.ui-datepicker-trigger.ui-button { width: 8%; padding: 3px; float: right; height: 33px; } .hasDatepicker { width: 90% !important; } td.ui-grid-col-1 { width: 8.33333% !important; } td.ui-grid-col-2 { width: 16.66666% !important; } td.ui-grid-col-3 { width: 25% !important; } td.ui-grid-col-4 { width: 33.33% !important; } } /* End: Media Queries for popup ----------- */ /* 1px to 640px */ @media (min-width: 1px) and (max-width: 640px) { .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.hasDatepicker { font-size: 14px; } .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { font-size: 14px; } } /* 1px to 979px */ @media (min-width: 1px) and (max-width: 979px) { html select, html textarea, html input[type=text], html input[type=password], html input[type=datetime], html input[type=datetime-local], html input[type=date], html input[type=month], html input[type=time], html input[type=week], html input[type=number], html input[type=email], html input[type=url], html input[type=search], html input[type=tel], html input[type=color], html .uneditable-input { padding: 4px; } } @media (min-width: 1px) and (max-width: 979px) and (min-width: 300px) and (max-width: 767px) { html select, html textarea, html input[type=text], html input[type=password], html input[type=datetime], html input[type=datetime-local], html input[type=date], html input[type=month], html input[type=time], html input[type=week], html input[type=number], html input[type=email], html input[type=url], html input[type=search], html input[type=tel], html input[type=color], html .uneditable-input { padding: 4px !important; } } @media (max-width: 400px) { .chit-height { height: 400px; } button.ui-datepicker-trigger.ui-button { width: 7%; } } @media (max-width: 320px) { td.ui-grid-col-4 { width: 100% !important; } } @media (max-width: 640px) and (min-width: 401px) { .chit-height { height: 325px; } } @media (min-width: 641px) and (max-width: 740px) { .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text { font-size: 14px !important; } .chit-height { height: 325px; } .bar-text { font-size: 14px !important; } th, table { font-size: 14px !important; } .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.hasDatepicker { font-size: 14px; } .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { font-size: 14px; } .ui-datatable-tablewrapper { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } } /* 741px and above */ @media (min-width: 741px) { .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all.hasDatepicker { font-size: 14px; } .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { font-size: 14px; } } /* 641px to 767px */ @media (min-width: 641px) and (max-width: 767px) { .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text { font-size: 14px !important; } html .table th, html .table td { padding: 3px; } html .btn { padding: 11px 6px; } .reference-id { font-size: 11px; } } /* 641px and above */ @media (min-width: 641px) { .col-amount { text-align: right !important; } .reference-id { font-size: 14px; } .hasDatepicker { width: 80% !important; } .ui-calendar input { height: 30px !important; } } /* 641px to 979px */ @media (min-width: 641px) and (max-width: 979px) { .ui-outputlabel { padding: 11px 4px; } button.ui-datepicker-trigger.ui-button { width: 20px; } } /* 768px to 979px */ @media (min-width: 768px) and (max-width: 979px) { /* html .btn { padding: 11px 12px; } */ } /* 980px and above */ @media (min-width: 980px) { .ui-outputlabel { padding: 5px 0; } .ui-fluid .ui-inputtext { max-width: 270px; } .ui-fluid .ui-autocomplete-input { max-width: 270px; } .ui-fluid .ui-selectonemenu { max-width: 270px; } .ui-fluid .ui-selectcheckboxmenu { max-width: 270px; } .ui-fluid .ui-calendar, .ui-fluid .ui-calendar input { max-width: 235px; } .ui-fluid .ui-selectmanymenu { max-width: 270px; } button.ui-datepicker-trigger.ui-button { width: 30px; } } /* 641px to 767px */ @media (min-width: 641px) and (max-width: 1250px) { .pmnt-create-cc-error { margin-left: 5px; } } .ui-paginator-pages { display: inline-flex !important; } /*End: New Member Paginator Classes*/ .new-members { padding-right: 20px; } .ui-datagrid { display: block !important; } .ui-datagrid-column { background-color: #fff; border: 0px !important; padding: 1px; } .ui-widget-content { border: 0px !important; } .ui-grid-row { display: block !important; } .box { border: 1px solid #c0bfbe !important; border-radius: 1px !important; width: 100%; height: 175px; text-align: center; } .address-box { width: 100%; text-align: center; } .box th { font-size: larger !important; } td.amount-position { text-align: right !important; } span.amount-position { float: right !important; } th.heading-position { text-align: center !important; } td.left-position { text-align: left !important; } td.center-position { text-align: center !important; } .ui-selectcheckboxmenu-panel { background-color: #fff; } .ui-paginator-current { display: block !important; } .ui-dialog-title { color: #fff !important; text-shadow: none; } .ui-state-default { margin-bottom: 10px; } html input[type=color], html input[type=date], html input[type=datetime], html input[type=datetime-local], html input[type=email], html input[type=month], html input[type=number], html input[type=password], html input[type=search], html input[type=tel], html input[type=text], html input[type=time], html input[type=url], html input[type=week], html select, html textarea, html .uneditable-input { color: #000 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label { background-color: #fff; border: 1px solid grey !important; cursor: pointer; display: block; margin: 0; padding: 3px 26px 3px 5px; } .ui-panel-content { padding: 0.5em 0em !important; } /*Added on 10-12-2015*/ .ui-icon-circle-close { background-position: -32px -192px !important; background-color: black; } .ui-datagrid-content-empty { background-color: #f1331e !important; border: 1px solid #c0bfbe !important; border-radius: 1px !important; padding: 8px 35px 8px 14px; } .ui-dialog { overflow-y: auto !important; max-height: 80% !important; } .ui-confirm-dialog { overflow-y: hidden; } .ui-chkbox { display: inline-flex !important; margin-right: 10px; } .table-heading { background-color: #005983 !important; color: #fff; font-weight: 700; vertical-align: middle; text-align: center; } .cross { float: right; padding-right: 5px; font-size: 20px !important; } .cancel-trash { color: #f1331e; float: right; font-size: large; font-size: 20px !important; } .distant { margin-right: 5px; } .label-custom { white-space: normal !important; } button.ui-datepicker-trigger { margin-left: 5px; } .text-bold, .ui-column-title, label.text-bold { font-weight: normal; } .responsive-image { height: 80px !important; width: 75px; padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); } .signature-image { width: 150px; height: 100px; margin-top: 5px; margin-bottom: 10px; } .row-margin { margin-left: 0px !important; } .mandatory { color: #f1331e; font-size: 20px; margin-left: 2px; display: inline; } html select, html textarea, html input[type=text], html input[type=password], html input[type=datetime], html input[type=datetime-local], html input[type=date], html input[type=month], html input[type=time], html input[type=week], html input[type=number], html input[type=email], html input[type=url], html input[type=search], html input[type=tel], html input[type=color], html .uneditable-input { height: auto; } .ui-panelgrid .ui-panelgrid-cell { padding: 4px 0; } .ui-chkbox .ui-chkbox-label { cursor: default; display: inline-block; margin: 1px 0 0 3px; outline: medium none; vertical-align: top; z-index: 1; } .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { margin-bottom: 3px; } .ui-scrollpanel-native { overflow-x: hidden; } .pref-save-btn-div { float: left; } html .btn-group-primefaces > .btn + .btn { margin-left: 5px; } @media (max-width: 767px) { html .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; margin-left: 0 !important; margin-top: 5px; margin-bottom: 2px !important; width: 100%; } } .ui-datalist-item { font-weight: 100 !important; } .ui-tree .ui-treenode-label { margin: 0; } .rc-icon { color: #F3EFE9 !important; } .RecentCharges-portlet .rc-icon { color: #F3EFE9 !important; } html label { cursor: context-menu; } .ui-panel-titlebar-icon { margin-top: 2px !important; margin-bottom: 5px; } .info-bar-left { margin-left: 10px; color: #1b1c1c !important; } .rc-message { font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .rc-message { font-size: 14px !important; } } .info-bar-right { float: right; margin-right: 10px; } .btn-responsive { padding: 2px; } /* implement colors .ui-panel-titlebar { background-color: black; color: white; text-shadow: none; } th, th.ui-state-default { background-color: black !important; color: white !important; text-shadow: none !important; } th { background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); } .main-label { background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); background-color: black !important; color: white; padding: 10px 10px 10px 10px !important; } .information-bar { background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0))); background-color: yellow; color: brown; padding: 10px 0px 10px 0px; width: 100% !important; font-weight: bold; margin-bottom: 5px; } .ui-confirmdialog-yes { background-color: #f1331e!important; color: white !important; font-weight: 100 !important; } .ui-confirmdialog-no { background-color: black!important; color: white !important; font-weight: 100 !important; } .ui-dialog-titlebar { background-color: yellow; } */ html .table-bordered caption + thead tr:first-child th, html .table-bordered caption + tbody tr:first-child th, html .table-bordered caption + tbody tr:first-child td, html .table-bordered colgroup + thead tr:first-child th, html .table-bordered colgroup + tbody tr:first-child th, html .table-bordered colgroup + tbody tr:first-child td, html .table-bordered thead:first-child tr:first-child th, html .table-bordered tbody:first-child tr:first-child th, html .table-bordered tbody:first-child tr:first-child td { vertical-align: middle; } html .table th, html .table td { word-wrap: break-word; vertical-align: middle; } th.ui-state-default { text-align: center !important; vertical-align: middle !important; } .ui-selectonemenu-items-wrapper { max-height: 250px !important; } .ui-outputlabel.ui-widget.label.label-info { white-space: normal; } .ui-confirm-dialog-severity { position: fixed; margin-top: 2px; } .ui-confirm-dialog-message { margin-left: 20px; } /* table { */ /* border-right: 1px dotted black; */ /* } */ .ui-selectlistbox-item.ui-corner-all { word-wrap: break-word; } .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { margin-bottom: -3px; } .ui-selectlistbox-filter.ui-inputfield.ui-widget.ui-state-default.ui-corner-all { width: 100%; padding-right: 20px; } .ui-selectonemenu-label.ui-inputfield.ui-corner-all { text-overflow: ellipsis; } .ui-fileupload-progress { display: none; } .ui-selectonemenu-filter-container { display: inherit !important; } button.ui-datepicker-trigger.ui-button { margin-bottom: 7px; } .ui-fileupload-choose { margin-bottom: 0px; } .ui-draggable .ui-dialog-titlebar { cursor: default; } /* font size settings */ .even-row { background-color: #f2f7f9; height: 35px; } .odd-row { background: #f2f7f9 !important; height: 35px; border-bottom: 1px solid #f2f7f9; border-top: 1px solid #f2f7f9; } .odd-col { padding: 8px; } .even-col { padding: 8px; } .grid { width: 100%; } .all-header { background-color: #005983 !important; color: #fff; padding: 8px; } .ui-colorpicker_field input[type=text], .ui-colorpicker_hex input[type=text] { background-color: transparent; border: 0px; height: 13px; width: 60px; } .ui-colorpicker_hsb_h.ui-colorpicker_field, .ui-colorpicker_hsb_s.ui-colorpicker_field, .ui-colorpicker_hsb_b.ui-colorpicker_field { display: none; } @media all and (-ms-high-contrast: none) { .ui-colorpicker_field input[type=text], .ui-colorpicker_hex input[type=text] { height: 19px; margin-top: -7px; } } @-moz-document url-prefix() { .ui-colorpicker_field input[type=text], .ui-colorpicker_hex input[type=text] { height: 18px; margin-top: -2px; } } .empty-div { display: none; } .ui-editor.ui-widget-content { border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .ui-timepicker-div .ui-widget-header { display: none; } .ui-spinner-down { bottom: -10px; } html .table { font-size: 16px !important; border-radius: 0px !important; } html .table thead th { font-size: 16px !important; } html .table td { border-top: 1px dotted #999999 !important; } html .table-bordered td { border-left: 1px dotted #999999 !important; } html .table-bordered th, html .table-bordered td { border-left: 0px dotted #999999 !important; } /* html .table td { */ /* background-color: #f1f1f3 !important; */ /* } */ /* End */ #ui-area h1, .events-list-portlet .heading-black, .cke_editable h1 { color: #005983; font-family: "Spectral", serif; font-size: var(--heading1); line-height: var(--lineheighth1); font-weight: 400; font-style: normal; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin: 0px 0 1rem; padding: 0px; letter-spacing: 0px; } #ui-area h1 small { color: #9E6632; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: 16px; line-height: 1.2; font-weight: 400; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; display: block; max-width: 31rem; } @media (max-width: 767.98px) { #ui-area h1 small { font-size: 20px; margin-bottom: 0.75rem; line-height: 1.4; max-width: 100%; } } @media (max-width: 1199.98px) { #ui-area h1 small { font-size: 54px; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area h1 small { font-size: 30px !important; } } #ui-area .golf-landing-layout h1 small { max-width: 31rem !important; } #ui-area h2, .heading-black, .cke_editable h2 { color: #9E6632; font-family: "Spectral", serif; font-size: var(--heading2); line-height: var(--lineheighth2); font-weight: 400; font-style: normal; text-transform: none; margin: 0 0 var(--headingh2mb); padding: 0px; letter-spacing: 0px; } h2.head2-small small { color: #9E6632; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: 18px; display: block; text-transform: uppercase; line-height: 1.5; margin-bottom: 5px; } @media (min-width: 2201px) and (max-width: 4000px) { h2.head2-small small { font-size: 27px !important; } } #ui-area h3 { color: #9E6632; font-family: "Spectral", serif; font-size: var(--heading3); line-height: var(--lineheighth3); font-weight: normal; font-style: normal; text-transform: none; margin: 0px 0 var(--headingh3mb); padding: 0px; letter-spacing: 0px; } #ui-area h4 { color: #1b1c1c; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--heading4); line-height: var(--lineheighth4); font-weight: normal; font-style: normal; text-transform: none; margin: 0 0 var(--headingh4mb); padding: 0px; letter-spacing: 0px; } #ui-area h5 { color: #005983; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--heading5); line-height: var(--lineheighth5); font-weight: normal; font-style: normal; text-transform: none; margin: 0 0 var(--headingh5mb); padding: 0px; letter-spacing: 1.8px; } #ui-area h6 { color: #9E6632; font-family: "ITC Avant Garde Gothic", sans-serif; font-size: var(--subheading1); line-height: var(--lineheightsubh1); font-weight: normal; font-style: normal; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin: 0 0 var(--subheadingmb); padding: 0px; letter-spacing: 2.4px; } #ui-area p { color: #1b1c1c; font-size: var(--paragraph); font-family: "lexia", serif; font-weight: 400 !important; font-style: normal; letter-spacing: 0px; line-height: var(--lineheightp); text-transform: none; margin: 0; padding: 0 0 var(--parapadding); hyphens: manual; } #ui-area .accordion-content-text { color: #1b1c1c; font-size: 16px; font-family: "lexia", serif; font-weight: 400; font-style: normal; letter-spacing: 0px; line-height: 1.8rem; text-transform: none; margin: 0; padding: 0 0 2rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .accordion-content-text { font-size: 24px !important; } } #ui-area .p-lage { font-size: 18px !important; line-height: 1.9rem !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .p-lage { font-size: 27px !important; } } /* #footer h3 { text-transform: capitalize; font-weight: normal; margin: 0; line-height: 32px !important; } */ #ui-area h2 span { text-align: center !important; display: block; font-size: 26px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area h2 span { font-size: 39px !important; } } #ui-area h3 span { display: block; font-size: 1.7rem; color: #005983; font-family: "Spectral", serif !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area h3 span { font-size: 2.55rem !important; } } #ui-area #content-wrapper-login .portlet-msg-error, #ui-area #content-wrapper-login .alert-error { font-size: 14px !important; word-break: normal !important; word-wrap: normal !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area #content-wrapper-login .portlet-msg-error, #ui-area #content-wrapper-login .alert-error { font-size: 21px !important; } } #ui-area .sub-title h3 { font-size: 22px; font-family: "Spectral", serif; color: #9E6632; font-weight: 600; line-height: 1; text-transform: none !important; letter-spacing: 0px; margin-top: 0; margin-bottom: 24px; text-align: left; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .sub-title h3 { font-size: 33px !important; } } #ui-area .small { font-size: 12px !important; font-family: "lexia", serif; line-height: 34px; color: #1b1c1c; margin-bottom: 15px; padding-bottom: 0px; font-weight: 300; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .small { font-size: 18px !important; } } #ui-area .portlet-document-library-display .entry-title { font-size: 16px !important; font-weight: 500 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .portlet-document-library-display .entry-title { font-size: 24px !important; } } #ui-area .btn.btn-primary { font-family: "ITC Avant Garde Pro Md", sans-serif !important; background: #005983; font-size: var(--btnFontSize) !important; color: #fff; text-decoration: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; border-radius: 50px; box-shadow: none; -webkit-box-shadow: none; border: 1px solid transparent; padding: var(--btnPadding) !important; -webkit-transition: 0.3s background ease-in-out, 0.3s color ease-in-out; -moz-transition: 0.3s background ease-in-out, 0.3s color ease-in-out; -ms-transition: 0.3s background ease-in-out, 0.3s color ease-in-out; transition: 0.3s background ease-in-out, 0.3s color ease-in-out; will-change: background, color; } #ui-area .btn.btn-primary:hover, #ui-area .btn.btn-primary:focus { background: transparent; color: #005983; border-color: #005983; } @media (min-width: 2201px) and (max-width: 4000px) { html input[type=color], html input[type=date], html input[type=datetime], html input[type=datetime-local], html input[type=email], html input[type=month], html input[type=number], html input[type=password], html input[type=search], html input[type=tel], html input[type=text], html input[type=time], html input[type=url], html input[type=week], html select, html textarea, html .uneditable-input { padding: 0.181vw 0.272vw; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: none !important; box-shadow: none !important; color: #1b1c1c !important; font-size: 16px; } input:-webkit-autofill { -webkit-text-fill-color: #1b1c1c !important; font-size: 16px !important; } #ui-area label { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 3.2px; padding-bottom: var(--labelPaddingB); } #ui-area label.portlet-msg-alert { -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; letter-spacing: 0.022vw; padding: 0.545vw 0.454vw !important; margin-top: 0.681vw; line-height: normal !important; font-size: 0.726vw !important; } @media (max-width: 576.98px) { #ui-area label.portlet-msg-alert { padding: 1.5vw 1.5vw !important; } } #ui-area label, #ui-area .btn-group > .dropdown-menu, #ui-area input, #ui-area select, #ui-area textarea, #ui-area .ui-widget { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--labelfs) !important; line-height: var(--lineheightlabel) !important; letter-spacing: 1.6px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area label, #ui-area .btn-group > .dropdown-menu, #ui-area input, #ui-area select, #ui-area textarea, #ui-area .ui-widget { font-size: 14px !important; } } @media screen and (min-width: 100px) and (max-width: 1199.98px) { #ui-area .portlet-document-library-display .entry-title { font-size: 14px !important; } #ui-area h1, .events-list-portlet .heading-black, .cke_editable h1 { font-size: 35px; line-height: 30px !important; margin: 0 0 2rem !important; } #ui-area h2, .heading-black, .cke_editable h2 { font-size: 30px !important; line-height: 1.2 !important; } #ui-area h4 { font-size: 22px !important; } #ui-area h5 { font-size: 1.286rem !important; } #ui-area .sub-title h3 { font-size: 22px !important; line-height: 30px !important; } #ui-area .accordion-content-text { font-size: 14px !important; line-height: 24px !important; } #ui-area .p-lage { font-size: 20px !important; } #ui-area #content-margin td { font-size: 14px !important; } #ui-area .chit-heading { font-size: 18px !important; } #ui-area .ui-widget { font-size: 14px !important; line-height: 29px !important; } #ui-area .mp-email { font-size: 14px !important; } html body { font-size: 14px !important; line-height: 29px !important; } html .table { font-size: 14px !important; /* line-height: 30px !important; */ } #ui-area .ui-widget, .label-custom { font-size: 14px !important; /* line-height: 30px !important; */ } #ui-area .ui-outputlabel.ui-widget { font-size: 14px !important; line-height: 29px !important; } #ui-area .mp-main-grid .ui-widget-header { font-size: 18px !important; font-weight: 600 !important; } #ui-area .portlet-msg-alert, #ui-area .alert-warning, #ui-area .er-portlet-msg-alert { font-size: 14px !important; line-height: 29px !important; } #ui-area .portlet-msg-info, #ui-area .alert-info, #ui-area .buddy-list-dg .ui-datagrid-content-empty, #ui-area .events-list-portlet .alert { font-size: 14px !important; line-height: 29px !important; } #ui-area .portlet-document-library-display .taglib-header h3.header-title span { font-size: 30px !important; line-height: 29px !important; } #ui-area .StatementSummary-portlet .stmt-print-button, #ui-area .StatementSummary-portlet .stmt-pmnt-btn { font-size: 14px !important; line-height: 29px !important; } #ui-area .ui-paginator .ui-paginator-current, #ui-area .ui-paginator .ui-paginator-rpp-options { font-size: 14px !important; line-height: 29px !important; } #ui-area .mp-dn-heading, .mp-header { font-size: 18px !important; margin-bottom: 30px; } .mp-grid-col label, html .label-success { font-size: 14px !important; line-height: 29px !important; } #ui-area, label, html input[type=color], html input[type=date], html input[type=datetime], html input[type=datetime-local], html input[type=email], html input[type=month], html input[type=number], html input[type=password], html input[type=search], html input[type=tel], html input[type=text], html input[type=time], html input[type=url], html input[type=week], html select, html textarea, html .uneditable-input { font-size: 14px !important; line-height: 29px !important; } #ui-area .bio-listing h1 { font-size: 30px !important; line-height: 26px !important; } .ui-dialog .ui-dialog-title { font-size: 16px !important; text-transform: none !important; font-weight: 600; } #ui-area .events-portlet .event-list-heading .events-title { font-size: 26px !important; } #ui-area .home-events-wrapper .events-portlet .events-advancelisting-eventdetail .events-advancelisting-eventdescription { font-size: 14px !important; line-height: 29px !important; } .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header { font-size: 18px !important; } #ui-area .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn { font-size: 14px !important; /* line-height: 30px !important; */ } } @media screen and (min-width: 100px) and (max-width: 979px) { html #ui-area .btn-group > .btn, html #ui-area .btn-group > .dropdown-menu, html #ui-area .btn-group > .popover, html #ui-area .btn, html #ui-area label, html #ui-area input, html #ui-area button, html #ui-area select, html #ui-area textarea { font-size: 14px !important; } } @media screen and (min-width: 980px) and (max-width: 1599px) { html #ui-area .btn-group > .btn, html #ui-area .btn-group > .dropdown-menu, html #ui-area .btn-group > .popover, html #ui-area .btn, html #ui-area label, html #ui-area input, html #ui-area button, html #ui-area select, html #ui-area textarea { font-size: 14px !important; } } .dining-guest-heading { font-size: 54px !important; } @media (min-width: 2201px) and (max-width: 4000px) { .dining-guest-heading { font-size: 81px !important; } } .chit-heading { font-size: 18px !important; line-height: 34px !important; background-color: #9E6632; padding: 8px 7px !important; margin-top: 0 !important; font-family: "lexia", serif !important; color: #fff !important; margin-bottom: 15px !important; text-align: left !important; } @media (min-width: 2201px) and (max-width: 4000px) { .chit-heading { font-size: 27px !important; } } .dining-search-label { color: #1b1c1c !important; font-size: 16px; font-weight: 400px; letter-spacing: 1px; text-transform: none; background-color: rgba(0, 0, 0, 0.51); } @media (min-width: 2201px) and (max-width: 4000px) { .dining-search-label { font-size: 24px !important; } } .rooms-search-label { color: #000 !important; font-size: 15px; font-weight: 400px; letter-spacing: 1px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.51); } @media (min-width: 2201px) and (max-width: 4000px) { .rooms-search-label { font-size: 22.5px !important; } } .dining-search-label .ui-widget-content { color: #fff !important; } .add-acc-panel h3.ui-accordion-header { padding: 0 0 0 1.5em; font-size: 30px; } @media (min-width: 2201px) and (max-width: 4000px) { .add-acc-panel h3.ui-accordion-header { font-size: 45px !important; } } .nm-box th { text-align: center !important; font-size: larger !important; } .nm-label { font-size: large !important; } .poa-property-heading label { color: #fff; text-align: right; padding-right: 5px; } .poa-property-heading h1 { color: #fff; padding-right: 5px; } .pref-heading { font-weight: bold !important; } .label-long-recent-acti { background-color: #D3E3E9; padding: 10px 0; text-shadow: none; } .announcement-portlet h1 { display: none; } .journal-content-article ul li, #ui-area .journal-content-article ol li { font-size: var(--paragraph); font-family: "lexia", serif; line-height: calc(var(--lineheightp) - 2px); font-weight: 400; letter-spacing: 0px; color: #1b1c1c; padding-bottom: 0px; margin-bottom: 0.5rem; text-align: left; } .journal-content-article ul ul li:last-child, .journal-content-article ul ol li:last-child, .journal-content-article ol ul li:last-child, #ui-area .journal-content-article ol ol li:last-child { padding-bottom: 10px !important; } #ui-area .journal-content-article p a, #ui-area .journal-content-article ul li a, #ui-area .journal-content-article ol li a, #ui-area .journal-content-article a { color: #005983; font-weight: inherit !important; text-decoration: none; border-bottom: 1px solid rgba(33, 158, 188, 0.4117647059); } #ui-area .journal-content-article p a:hover, #ui-area .journal-content-article ul li a:hover, #ui-area .journal-content-article ol li a:hover, #ui-area .journal-content-article a:hover { color: #9E6632; text-decoration: none !important; border-bottom: 1px solid #9E6632; } #ui-area .journal-content-article ol { margin: 0; list-style-position: outside; padding: 0 0 15px 25px; line-height: 28px; margin-bottom: 1.5rem; } .journal-content-article ul { margin: 0; list-style-position: inside; padding: 0px; line-height: 28px; list-style: none; margin-left: 2rem; margin-bottom: 1.5rem; } .journal-content-article ul li:before { position: absolute; font-family: "FontAwesome"; content: "\f178"; margin-left: -1.8rem; color: #005983; } #ui-area .journal-content-article ul ol, #ui-area .journal-content-article ol ul, #ui-area .journal-content-article ul ul, #ui-area .journal-content-article ol ol { padding-left: 0; margin-top: 10px; margin-left: 30px; margin-bottom: 0px; list-style-position: outside; line-height: 28px; } #ui-area .journal-content-article ul ol li:first-child, #ui-area .journal-content-article ul ul li:first-child { margin-top: 10px; } #ui-area .journal-content-article ul ol li:last-child, #ui-area .journal-content-article ul ul li:last-child { margin-bottom: 0px; padding-bottom: 0; } /* #ui-area .ui-widget-content{ color: $default-fontColor !important; } */ #ui-area blockquote { font-style: normal !important; color: #1b1c1c !important; font-size: 16px; font-family: "lexia", serif; line-height: 34px; text-align: left; margin: 0 0 30px 0 !important; font-weight: 400; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area blockquote { font-size: 24px !important; } } html .portlet-asset-publisher .asset-content, html .portlet-asset-publisher .asset-summary, html .portlet-asset-publisher .asset-title, html .portlet-asset-publisher .header-title, html .portlet-asset-publisher li.title-list, html .portlet-blogs .entry-body, html .portlet-blogs .entry-title, html .portlet-blogs .header-title, html .portlet-journal-content .journal-content-article, html .portlet-message-boards .header-title, html .portlet-message-boards .thread-body { hyphens: none; } .campaignCategory-portlet .ui-inputswitch-off + .ui-inputswitch-on { border: 0px; font-size: 12px; line-height: normal; padding: 0px; margin: 0px; text-shadow: none; position: relative; background: #005983; color: #fff; height: 30px; } .campaignCategory-portlet .ui-inputswitch-off + .ui-inputswitch-on + .ui-inputswitch-handle { line-height: normal !important; padding: 0px !important; margin: 0px !important; height: 30px; } .campaignCategory-portlet .ui-inputswitch-off + .ui-inputswitch-on span { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 2px; } .campaignCategory-portlet .ui-inputswitch-off { border: 0px; font-size: 12px; border: 1px solid #dbd9d5; line-height: normal; padding: 0px; margin: 0px; text-shadow: none; height: 30px; } .campaignCategory-portlet .ui-inputswitch-off span { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } #ui-area .real-estate-listings-portlet .rel-search-grid .ui-slider-range { background: #005983 !important; box-shadow: none !important; margin-top: 0; } #ui-area .real-estate-listings-portlet .rel-search-grid .ui-slider-horizontal { height: 0.5em; } #ui-area .real-estate-listings-portlet .rel-search-grid .rel-search-field-text { line-height: 30px; } #ui-area .real-estate-listings-portlet .rel-search-grid .rel-search-range { line-height: 30px; font-size: 12px; } #ui-area .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing { padding: 5px !important; margin: 10px !important; } .crm-portlet .ui-widget-content { border: 0 !important; background: #fff !important; color: #4a4a4a; } .crm-portlet label { display: block !important; } .crm-portlet .ui-inputfield, .crm-portlet .ui-widget-content .ui-inputfield, .crm-portlet .ui-widget-header .ui-inputfield { -webkit-box-shadow: inset 0 0 0 #8f8f8f !important; box-shadow: inset 0 0 0 #8f8f8f !important; color: #4a4a4a; } .crm-portlet .crm-eApp-nomadd-table .ui-datatable-tablewrapper table { width: 100% !important; } .crm-portlet .crm-eApp-nomadd-table .ui-datatable-tablewrapper table td { padding: 5px !important; } .crm-portlet .ui-datepicker-trigger { top: -13px; position: relative; border-radius: 5px !important; border: 1px solid #ccc; } .crm-portlet .crm-heading { text-align: center !important; } .crm-portlet .back-to-pros { width: auto !important; display: inline-block !important; border: 1px solid #005983 !important; background-color: #fff !important; color: #005983 !important; padding: 12px 25px !important; border-radius: 5px !important; } .crm-portlet .ui-selectonemenu-items-wrapper { max-width: 100% !important; } .crm-portlet .crm-form-container { text-align: center; /* MT#0181901: need to make the brief bio field bigger */ } .crm-portlet .crm-form-container .e-control-text, .crm-portlet .crm-form-container .e-control-textarea { background: #fff !important; } .crm-portlet .crm-form-container .ui-autocomplete { position: relative; } .crm-portlet .crm-form-container .ui-datatable-tablewrapper .ui-column-title + .ui-area-btn-danger { padding: 8px !important; background: #F44336 !important; border: 0px !important; border-radius: 3px !important; color: #fff !important; display: inline; } .crm-portlet .crm-form-container .ui-datatable-tablewrapper .ui-column-title + .ui-area-btn-danger + .ui-area-btn-success { padding: 8px !important; background: #535353 !important; border: 0px !important; border-radius: 3px !important; color: #fff !important; display: inline; text-decoration: none !important; } .crm-portlet .crm-form-container i.fa.fa-plus { display: inline-block !important; } .crm-portlet .crm-form-container i.fa.fa-times { display: inline-block !important; } .crm-portlet .crm-form-container .all-header { background-color: transparent !important; color: #000 !important; text-transform: uppercase; } .crm-portlet .crm-form-container .crm-question { margin: 10px 0px !important; } .crm-portlet .crm-form-container .crm-question div table { width: 100% !important; margin: auto; } .crm-portlet .crm-form-container label, .crm-portlet .crm-form-container p, .crm-portlet .crm-form-container .crm-question-label, .crm-portlet .crm-form-container .crm-int-heading { text-transform: uppercase !important; } .crm-portlet .crm-form-container input, .crm-portlet .crm-form-container .ui-autocomplete-input { width: 40% !important; border: 1px solid #ccc !important; padding: 13px 35px !important; border-radius: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .crm-portlet .crm-form-container input, .crm-portlet .crm-form-container .ui-autocomplete-input { width: 70% !important; padding: 5px 20px !important; } } .crm-portlet .crm-form-container .ui-calendar .hasDatepicker { width: 37% !important; height: 48px !important; } @media (min-width: 300px) and (max-width: 767px) { .crm-portlet .crm-form-container .ui-calendar .hasDatepicker { width: 70% !important; height: 40px !important; } } .crm-portlet .crm-form-container button.ui-datepicker-trigger.ui-button { margin-bottom: -23px; } @media (min-width: 300px) and (max-width: 767px) { .crm-portlet .crm-form-container button.ui-datepicker-trigger.ui-button { margin-bottom: -33px; left: -21px; position: relative; top: 1px; } } .crm-portlet .crm-form-container .crm-nomadd-pnlgrid * { text-align: center; } .crm-portlet .crm-form-container .ui-inputfield { background: transparent !important; border-radius: 5px !important; } .crm-portlet .crm-form-container .bio_brief_cls { height: 100px !important; } .crm-portlet .crm-form-container .ui-selectonemenu { width: 34% !important; border: 1px solid #ccc !important; padding: 13px 35px !important; border-radius: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .crm-portlet .crm-form-container .ui-selectonemenu { width: 57% !important; padding: 5px 20px !important; } } .crm-portlet .crm-form-container .ui-autocomplete { width: 37%; margin-left: -20px; } .crm-portlet .crm-form-container .ui-autocomplete-input { width: 100% !important; border: 1px solid #ccc !important; padding: 13px 35px !important; border-radius: 5px 0px 0px 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .crm-portlet .crm-form-container .ui-autocomplete-input { width: 89% !important; padding: 5px 20px !important; } } .crm-portlet .crm-form-container .ui-autocomplete .ui-autocomplete-dropdown { height: 89% !important; } .crm-portlet .crm-form-container .ui-selectonemenu-items-wrapper { max-width: 100% !important; } .crm-portlet .crm-form-container .ui-area-btn, .crm-portlet .crm-form-container .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .crm-portlet .crm-form-container .btn:not(.lfr-icon-menu), .crm-portlet .crm-form-container .aui #ui-area .events-cal-link, .aui #ui-area .crm-portlet .crm-form-container .events-cal-link { padding: 15px 50px !important; border-radius: 6px !important; text-transform: uppercase; } .crm-portlet .crm-form-container .crm-action-draft { background: #000 !important; } .crm-portlet .crm-form-container .crm-action-submit { background: #bb402a !important; color: #fff !important; } .crm-portlet .edit-prosp { width: 20px; } .crm-portlet .ui-datatable-tablewrapper table input { padding: 6px !important; width: 100% !important; } .crm-portlet .ui-datatable-tablewrapper table .ui-autocomplete-input { padding: 6px !important; width: 100% !important; } .crm-portlet .ui-datatable-tablewrapper table .ui-area-btn, .crm-portlet .ui-datatable-tablewrapper table .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .crm-portlet .ui-datatable-tablewrapper table .btn:not(.lfr-icon-menu), .crm-portlet .ui-datatable-tablewrapper table .aui #ui-area .events-cal-link, .aui #ui-area .crm-portlet .ui-datatable-tablewrapper table .events-cal-link { padding: 6px !important; margin: 5px; border: 1px solid #d7cdcd !important; color: #333 !important; font-size: 16px !important; border-radius: 0px !important; box-shadow: none !important; background: transparent !important; } @media (min-width: 300px) and (max-width: 767px) { .crm-portlet .ui-datatable-tablewrapper table .ui-area-btn, .crm-portlet .ui-datatable-tablewrapper table .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .crm-portlet .ui-datatable-tablewrapper table .btn:not(.lfr-icon-menu), .crm-portlet .ui-datatable-tablewrapper table .aui #ui-area .events-cal-link, .aui #ui-area .crm-portlet .ui-datatable-tablewrapper table .events-cal-link { font-size: 14px !important; } } .crm-portlet .ui-datatable-tablewrapper table .ui-area-btn:hover, .crm-portlet .ui-datatable-tablewrapper table .aui #ui-area .btn:hover:not(.lfr-icon-menu), .aui #ui-area .crm-portlet .ui-datatable-tablewrapper table .btn:hover:not(.lfr-icon-menu), .crm-portlet .ui-datatable-tablewrapper table .aui #ui-area .events-cal-link:hover, .aui #ui-area .crm-portlet .ui-datatable-tablewrapper table .events-cal-link:hover { background-color: #d93f28 !important; color: #fff !important; transition: all 0.3s linear 0s; } .crm-portlet .ui-datatable-tablewrapper table textarea { padding: 6px !important; width: 100% !important; display: block; } .crm-portlet .ui-datatable-tablewrapper table .ui-selectonemenu { padding: 6px !important; width: 80% !important; display: block; border: 1px solid #ddd; margin: 10px auto; } .crm-portlet .address-vertical-view table, .crm-portlet .crm-form-layout table { width: 100%; text-align: center; } .crm-portlet .address-vertical-view table td, .crm-portlet .crm-form-layout table td { padding: 0px !important; } .crm-portlet .custom-tooltip-icon { width: 20px; display: inline-block !important; } .crm-portlet .address-to-vertical .ui-selectonemenu { width: 26% !important; margin: 10px 10px; } .crm-portlet .ui-fileupload .ui-fileupload-upload, .crm-portlet .ui-fileupload .ui-fileupload-choose, .crm-portlet .ui-fileupload .ui-fileupload-cancel { background: none !important; padding: 12px 34px; box-shadow: none; border: 1px solid #d7cdcd !important; font-size: 11px !important; text-transform: uppercase; color: #4a4a4a !important; border-radius: 5px !important; } .crm-portlet .ui-fileupload .ui-fileupload-upload:hover, .crm-portlet .ui-fileupload .ui-fileupload-choose:hover, .crm-portlet .ui-fileupload .ui-fileupload-cancel:hover { background: #bb402a !important; color: #fff !important; } .crm-portlet .crm-nomadd-pnlgrid a:hover { background-color: #fff !important; color: #000 !important; } .crm-portlet .street-address-vertical textarea { width: 41%; border-radius: 5px !important; } .crm-portlet .selected-group { background: #007ad9 !important; width: 100% !important; display: block; color: white !important; text-shadow: none !important; font-weight: bold !important; font-style: italic !important; font-size: 14px !important; } .crm-portlet .section-group { color: black !important; font-size: 13px !important; } .crm-portlet .select-section { color: white !important; font-weight: bold !important; float: right !important; background: #1c76be !important; } .crm-portlet .section-detail { background-color: rgba(82, 53, 53, 0.0784313725) !important; border: #e0e0e0 !important; border-style: solid !important; border-width: thin !important; width: 100% !important; display: block !important; margin-bottom: 5px !important; height: 90px !important; } .crm-portlet .ui-wizard-nav-next, .crm-portlet .ui-wizard-nav-back { color: white !important; font-weight: bold !important; background: #1c76be !important; text-shadow: none !important; } .crm-portlet .renew-section { color: white !important; font-weight: bold !important; float: right !important; background: #1d7a0c !important; } .crm-portlet .mem-sub-grid .ui-widget-content { background: #e7e6e6 !important; } .crm-portlet .crm-state-menu { max-width: 120px !important; } .crm-portlet .crm-wizard-tab { background: #000 !important; color: #fff; } .crm-portlet .ui-waiverdialog-finish { background: #005983 !important; text-align: center; } .crm-portlet .cross { color: red !important; } .crm-portlet .crm-portlet .ui-state-highlight { background: #005983 !important; } .crm-portlet .sec-sub-property-grid .section-subscription, .crm-portlet .sec-sub-property-grid .section-sub-dur { display: block !important; } .crm-portlet .sec-sub-property-grid .sec-sub-property-grid .renew-section { color: #fff !important; } .crm-portlet .postal-code { text-transform: uppercase !important; } .crm-portlet .section-desc, .crm-portlet .section-duration { margin-left: 30px !important; } .crm-portlet .section-amount { float: right; padding: 5px !important; font-weight: bold !important; font-size: 16px !important; } .crm-portlet .waiver-scroll-panel { height: 200px; width: 97%; } .ui-confirm-dialog .buddy-list-yes-btn { background: #005983 !important; } .ui-confirm-dialog .buddy-list-no-btn { background: red !important; } html *:focus { outline: 0px dotted #212121 !important; outline: 0px auto -webkit-focus-ring-color !important; } /* Statement Summary */ .StatementSummary-portlet .stmt-heading + span { background: #f2f7f9 !important; padding: 5px 10px 10px 10px; border: 0px !important; display: block; } .StatementSummary-portlet .table-bordered { border: 0px !important; } .StatementSummary-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .StatementSummary-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .StatementSummary-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .StatementSummary-portlet .info-bar-left { float: left; } .StatementSummary-portlet .ui-area-btn-statement { background: transparent !important; padding: 4px 10px !important; font-weight: 400 !important; } .StatementSummary-portlet .stmt-info-button { border: 2px solid #99bdcd !important; color: #fff !important; background: #99bdcd !important; box-shadow: none !important; transition: all 0.3s linear 0s !important; } .StatementSummary-portlet .stmt-info-button:hover { background: #005983 !important; border: 2px solid #005983 !important; } .StatementSummary-portlet .stmt-previous-button, .StatementSummary-portlet .stmt-next-button { background: transparent !important; color: #337a9c !important; box-shadow: none !important; border: 2px solid #337a9c !important; } .StatementSummary-portlet .stmt-previous-button .distant, .StatementSummary-portlet .stmt-next-button .distant { margin: 0; } .StatementSummary-portlet .stmt-previous-button:hover, .StatementSummary-portlet .stmt-next-button:hover { background: transparent !important; color: Black !important; box-shadow: none !important; } .StatementSummary-portlet .stmt-previous-button:focus, .StatementSummary-portlet .stmt-next-button:focus { outline: 1px dotted #212121 !important; outline: 5px auto -webkit-focus-ring-color !important; } .StatementSummary-portlet .ui-area-btn-statement-active { background: #005983 !important; border-color: #005983 !important; text-shadow: none !important; color: #fff !important; } .StatementSummary-portlet .ui-area-btn-statement-active:hover { background: #99bdcd !important; border-color: #99bdcd !important; } .StatementSummary-portlet .label-info, .StatementSummary-portlet .label-custom { background-color: #ccdee6 !important; color: #005983 !important; text-shadow: none !important; font-weight: normal !important; padding: 5px; } .StatementSummary-portlet .stmt-message { color: #4a4a4a !important; font-weight: 300; } .StatementSummary-portlet .main-label { background-color: transparent !important; color: #000 !important; text-shadow: none !important; font-weight: normal !important; margin: 0px; } .StatementSummary-portlet .label-long-primary { margin: 0px !important; } .StatementSummary-portlet .label-custom { background-color: #ccdee6 !important; color: #c8102e !important; text-shadow: none !important; font-weight: 700 !important; padding: 12px; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .StatementSummary-portlet .label-custom { font-size: 14px !important; } } .StatementSummary-portlet .stmt-print-button, .StatementSummary-portlet .stmt-pmnt-btn { background: transparent !important; color: #337a9c !important; font-weight: 700 !important; box-shadow: none !important; border: 2px solid #99bdcd !important; padding: 10px 20px !important; border-radius: 5px !important; font-size: 16px !important; transition: all 0.3s linear 0s !important; /* &:before { content: '\f02f'; font-family: FontAwesome; font-weight: 400; margin-right: 4px; } */ } .StatementSummary-portlet .stmt-print-button:hover, .StatementSummary-portlet .stmt-pmnt-btn:hover { background: #005983 !important; color: #fff !important; text-decoration: none !important; } .StatementSummary-portlet .stmt-print-button:hover .stmt-print-icon, .StatementSummary-portlet .stmt-pmnt-btn:hover .stmt-print-icon { color: #fff !important; transition: all 0.3s linear 0s !important; } .StatementSummary-portlet .stmt-print-button .stmt-print-icon, .StatementSummary-portlet .stmt-pmnt-btn .stmt-print-icon { color: #337a9c !important; } .StatementSummary-portlet .ui-widget-header { border: 0px; } .StatementSummary-portlet .label-long-recent-acti { background-color: #ccdee6; } .StatementSummary-portlet .label-long-recent-acti * { color: #000 !important; font-weight: 700 !important; } .MemberProfile-portlet { /* Old Class */ } .MemberProfile-portlet .ui-calendar.date-of-birth, .MemberProfile-portlet .ui-calendar.date-of-birth input { display: flex; width: 100% !important; } .MemberProfile-portlet .ui-calendar.date-of-birth .ui-button-icon-only .ui-icon { left: 48% !important; top: 50% !important; } .MemberProfile-portlet .ui-calendar.date-of-birth button.ui-datepicker-trigger.ui-button { margin-bottom: 7px !important; margin-top: 0 !important; height: auto !important; } @media only screen and (min-width: 980px) { .MemberProfile-portlet .ui-calendar.date-of-birth, .MemberProfile-portlet .MemberProfile-portlet .ui-calendar.date-of-birth input { max-width: 270px !important; } } .MemberProfile-portlet .mp-grid-col .mp-edit-grid .ui-panelgrid-header.ui-widget-header { padding-top: 20px; } .MemberProfile-portlet .mp-picture-image { margin-top: 0 !important; } @media screen and (min-width: 200px) and (max-width: 767px) { .MemberProfile-portlet span.text-bold.mp-value-text { margin: 0 !important; } .MemberProfile-portlet .mp-picture-image { height: auto !important; } } .MemberProfile-portlet .mp-edit-grid .mp-value-text { margin: 7px 0 0 0 !important; } .MemberProfile-portlet .mp-label-status i { display: -webkit-inline-box; } .MemberProfile-portlet .mp-label-status { padding: 2px 5px; border-radius: 3px; color: #fff !important; } .MemberProfile-portlet .mp-label-status .member-status { font-family: "lexia", serif !important; } .MemberProfile-portlet .mp-dialog-grid .portlet-msg-alert { margin-top: 0px !important; } .MemberProfile-portlet .mp-picture-image { width: 200px !important; padding: 0px !important; border: 5px solid #ddd !important; height: 200px; object-fit: cover; box-shadow: none !important; } .MemberProfile-portlet .mp-grid-col .mp-grid, .MemberProfile-portlet .ui-grid-col-7 .mp-grid { border: 0px !important; } .MemberProfile-portlet .mp-grid-col .mp-grid .mp-odd-row, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-odd-row { background: #f2f7f9 !important; border: 0px; } .MemberProfile-portlet .mp-grid-col .mp-grid .even-row, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .even-row { background: #fff !important; } .MemberProfile-portlet .mp-grid-col .mp-grid .mp-even-col, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-even-col { font-weight: 400px; } .MemberProfile-portlet .mp-grid-col .mp-grid .mp-header, .MemberProfile-portlet .mp-grid-col .mp-grid .mp-edit-grid .ui-widget-header, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-header, .MemberProfile-portlet .ui-grid-col-7 .mp-grid .mp-edit-grid .ui-widget-header { letter-spacing: 0.2px; text-transform: capitalize !important; font-size: 26px !important; font-weight: 700 !important; font-family: "lexia", serif !important; color: #005983 !important; } .MemberProfile-portlet .dependent-box { min-height: 170px !important; background: #fff !important; border: 1px solid #eaeaea !important; margin: 0px; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } @media (min-width: 300px) and (max-width: 767px) { .MemberProfile-portlet .dependent-box { margin: 5px 0px !important; } } .MemberProfile-portlet .dependent-box:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); cursor: pointer; } .MemberProfile-portlet .dependent-box .mp-dep-picture-image { border-radius: 100% !important; width: 100px !important; height: 100px !important; background-image: url(../images/club-images/icon/ajax-loader-small.gif) !important; background-repeat: no-repeat !important; object-fit: cover !important; padding: 0px !important; margin-bottom: 20px; background-position: center center !important; } .mp-main-grid .ui-widget-header { letter-spacing: 0.2px; text-transform: capitalize !important; font-size: 26px !important; font-weight: 700 !important; font-family: "lexia", serif !important; color: #005983 !important; text-align: left; padding-left: 0; } /* Statement Summary */ .GiftCard-portlet .gc-heading { font-weight: 300; } .GiftCard-portlet .gc-heading + div { background: #f2f7f9 !important; padding: 5px 10px 10px 10px; border: 0px !important; display: block; } .GiftCard-portlet .gc-heading + div + label + div { background: #f2f7f9 !important; padding: 5px 10px 10px 10px; border: 0px !important; display: block; } .GiftCard-portlet .table-bordered { border: 0px !important; } .GiftCard-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .GiftCard-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .GiftCard-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .GiftCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .GiftCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .GiftCard-portlet .gc-label { background-color: #005983 !important; margin: 10px 0px 5px 0px !important; color: #fff !important; } .GiftCard-portlet .gc-btn-search, .GiftCard-portlet .gc-btn-reset { margin-top: 30px; } @media (min-width: 300px) and (max-width: 767px) { .GiftCard-portlet .gc-btn-search, .GiftCard-portlet .gc-btn-reset { margin-top: 5px !important; } } /*CREDIT BOOK START */ .CreditBook-portlet .cb-expand { color: #fff !important; } .CreditBook-portlet .ui-dialog-content { color: #005076 !important; margin-top: 9px; } /* Credit Card */ .CreditCard-portlet .ui-dialog-content .cross { margin: 10px 5px; } .CreditCard-portlet .table-bordered { border: 0px !important; } .CreditCard-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .CreditCard-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .CreditCard-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .CreditCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .CreditCard-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } /* Statement Summary */ .MakePayment-portlet .pmnt-main-div { background: #f2f7f9 !important; padding: 10px; border: 0px !important; display: block; } .MakePayment-portlet .pmnt-main-div .ui-commandlink { text-decoration: underline; margin: 10px 5px !important; } .MakePayment-portlet .table-bordered { border: 0px !important; } .MakePayment-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .MakePayment-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .MakePayment-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .MakePayment-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .MakePayment-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .MakePayment-portlet .info-bar-left { float: left; } .MakePayment-portlet .ui-area-btn-statement { background: transparent !important; padding: 4px 10px !important; margin-top: 15px !important; font-weight: 400 !important; } .MakePayment-portlet .stmt-info-button { border: 2px solid #99bdcd !important; color: #99bdcd !important; } .MakePayment-portlet .stmt-previous-button, .MakePayment-portlet .stmt-next-button { background: transparent !important; border: 0px solid #333943 !important; color: #337a9c !important; border: 2px solid #337a9c !important; } .MakePayment-portlet .stmt-previous-button .distant, .MakePayment-portlet .stmt-next-button .distant { margin: 0; } .MakePayment-portlet .stmt-previous-button:hover, .MakePayment-portlet .stmt-next-button:hover { background: transparent !important; color: Black !important; box-shadow: none !important; } .MakePayment-portlet .stmt-previous-button:focus, .MakePayment-portlet .stmt-next-button:focus { outline: 1px dotted #212121 !important; outline: 5px auto -webkit-focus-ring-color !important; } .MakePayment-portlet .ui-area-btn-statement-active { background: #99bdcd !important; border-color: #99bdcd !important; color: #fff !important; } .MakePayment-portlet .ui-area-btn-statement-active:hover { background: #ccdee6 !important; border-color: #ccdee6 !important; } .MakePayment-portlet .label-info, .MakePayment-portlet .label-custom { background-color: #005983 !important; color: #fff !important; text-shadow: none !important; font-weight: 700 !important; padding: 5px 10px !important; margin-top: 10px !important; } .MakePayment-portlet .stmt-message { color: #4a4a4a !important; font-weight: 300; } .MakePayment-portlet .main-label { background-color: transparent !important; color: #000 !important; text-shadow: none !important; font-weight: normal !important; } .MakePayment-portlet .label-long-primary { margin: 0px !important; } .MakePayment-portlet .label-custom { background-color: #ccdee6 !important; color: #005983 !important; text-shadow: none !important; font-weight: 700 !important; padding: 12px; font-size: 16px; } .MakePayment-portlet .ui-area-btn-make-payment { background: transparent !important; color: #337a9c !important; font-weight: 700 !important; box-shadow: none !important; border: 2px solid #99bdcd !important; padding: 10px 20px !important; border-radius: 5px !important; text-decoration: none !important; } .MakePayment-portlet .ui-area-btn-make-payment:hover { background: transparent !important; color: inherit !important; text-decoration: none !important; } .MakePayment-portlet .ui-area-btn-make-payment .pmnt-money { color: #337a9c !important; } .MakePayment-portlet .ui-widget-header { border: 0px; } .MakePayment-portlet .ui-widget-header .ui-icon { background-color: #ccdee6 !important; } .MakePayment-portlet .pmnt-info-bar { background-color: #005983; margin-bottom: 10px !important; } .MakePayment-portlet .label-long-recent-acti * { color: #000 !important; font-weight: 700 !important; } /* Statement Summary */ .StatementSettings-portlet .stmt-settings-heading + label + div + div { background: #f2f7f9 !important; padding: 10px; border: 0px !important; display: block; width: 100%; } @media (min-width: 300px) and (max-width: 767px) { .StatementSettings-portlet .stmt-settings-heading + label + div + div { width: calc(100% - 10px) !important; } } .StatementSettings-portlet .stmt-settings-heading + label + div + div + div { background: #f2f7f9 !important; padding: 10px; border: 0px !important; display: block; width: 100%; } @media (min-width: 300px) and (max-width: 767px) { .StatementSettings-portlet .stmt-settings-heading + label + div + div + div { width: calc(100% - 10px) !important; } } /* For Advance View */ .spa-margin-top { margin-top: 0px !important; background-size: cover !important; background-position: center center; } .SpaReservation-portlet .forward-controls a i, .SpaReservation-portlet .backward-controls a i { color: #005983; } .SpaReservation-portlet .ui-panel-titlebar { background: #005983 !important; } .SpaReservation-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .SpaReservation-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .SpaReservation-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a { text-decoration: none !important; font-size: 16px !important; } .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a .spa-trash, .SpaReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a .spa-trash { color: red !important; } .SpaReservation-portlet .spa-available-times table thead th { background: #005983 !important; } .SpaReservation-portlet .spa-available-times table thead th span { color: #fff !important; text-transform: uppercase; letter-spacing: 0.5px; } .SpaReservation-portlet .ui-area-btn-success { background: #005983 !important; text-decoration: none !important; border-radius: 20px !important; padding: 10px; border: 0 !important; box-shadow: none; } .SpaReservation-portlet .ui-area-btn-success:hover { background: #337a9c !important; } .SpaReservation-portlet .confirm-heading-label { color: #333943; font-weight: 300; font-size: 24px !important; line-height: 30px !important; } .SpaReservation-portlet .main-spa-div h1 { display: none; } .SpaReservation-portlet .main-spa-div.background-size .spa-margin-top .ui-widget-content { padding: 0px !important; margin: 0px !important; } .SpaReservation-portlet .spa-search-controls label { font-size: 12px !important; text-transform: uppercase; text-shadow: none; } .SpaReservation-portlet .ui-dialog-title { text-transform: capitalize; border: 0; color: #a6a096 !important; font-size: 12px !important; font-weight: 900 !important; text-transform: uppercase; text-shadow: none; } /* .SpaReservation-portlet .ui-state-active .ui-icon, .ui-widget-header .ui-icon { background-image: url(../images/club-images/ui-icons_ffffff_256x240.png) !important; } */ .spa-cancel-dialog { top: 30% !important; } .SpaReservation-portlet .main-spa-div .spa-margin-top .ui-selectonemenu { border-radius: 0px !important; box-shadow: 0px 1px 2px #dedede; border: 1px solid #ddd; padding: 3px; } .SpaReservation-portlet .main-spa-div .spa-margin-top .ui-selectonemenu-trigger { border-left: 1px solid #ddd; } .SpaReservation-portlet .spa-margin-top span + .row-fluid { display: none; } .SpaReservation-portlet .activity-slots table td.past-time { background-repeat: repeat !important; } .SpaReservation-portlet td.data-col.slot.open { background-image: url(../../../mac-new-theme/images/club-images/calendar-icon.jpg); background-repeat: no-repeat !important; background-position: center center; } .container.activity-reservation-container { width: 100%; } .horizontal-dates a:hover .calendar-year { color: #fff; background-color: #80acc1; font-size: 14px !important; } .horizontal-dates a:hover { background-color: #c8102e !important; color: #fff !important; } .SpaReservation-portlet #ui-datepicker-div .ui-state-active { background: #a6152d !important; color: #fff; } .SpaReservation-portlet #ui-datepicker-div .ui-datepicker-header { background: #c8102e !important; } .SpaReservation-portlet .btn-legend { color: #000 !important; } .SpaReservation-portlet .btn-legend { background-color: #f3f1ef !important; } .SpaReservation-portlet .horizontal-dates a { color: black; } .SpaReservation-portlet .footer-row td { background: #f3f2f0 !important; } .SpaReservation-portlet .horizontal-dates a.selected-date, .horizontal-dates a.selected-date .calendar-year { background-color: #005983 !important; color: #fff; } .SpaReservation-portlet span.calendar-year { color: #fff; background-color: #80acc1; font-size: 14px !important; } .horizontal-dates div { background-color: #f3f1ef !important; } .SpaReservation-portlet tr.header-row th, .SpaReservation-portlet tr.footer-row td { color: #000 !important; } .SpaReservation-portlet .callout ul li { margin-bottom: 30px; font-size: 16px; line-height: 24px; color: #4a4a4a; font-weight: 300; } .SpaReservation-portlet td.data-col.interval { background-color: #f3f2f0 !important; } .SpaReservation-portlet tr.header-row th, .SpaReservation-portlet tr.footer-row td { font-size: 12px !important; font-weight: 700 !important; } .SpaReservation-portlet td.data-col.interval { color: #ada8a3 !important; } .SpaReservation-portlet span.btn-reservation-sheet a.active, .SpaReservation-portlet span.btn-trainer-sheet a.active { background-color: #c8102e !important; border: 0 !important; } .spa-available-times { margin-top: 40px; } .SpaReservation-portlet button.ui-datepicker-trigger.ui-button { padding: 0px 0; margin-top: 6px; height: 30px; border: 1px solid #ddd; } .SpaReservation-portlet .gender-radio label { margin-top: 0px !important; padding: 5px; } .announcement-portlet .arrow { width: 100px; } .announcement-portlet .announcement-image { height: 350px !important; object-fit: cover !important; width: 100%; } .announcement-portlet .announcement-controls { padding: 20px !important; } .announcement-portlet span.announcement-details { background-color: transparent !important; margin: 0px !important; padding: 5px 10px !important; font-size: 12px !important; } .announcement-portlet span.announcement-details::hover { background-color: transparent !important; } .announcement-portlet .slick-prev i, .announcement-portlet .slick-next i { line-height: 30px; border: 2px solid #b0a794; border-radius: 80%; height: 30px; width: 30px; } .announcement-portlet .bx-wrapper .bx-viewport { border: 0px !important; } .announcement-portlet .announcement-date { display: none !important; } .announcement-content { border-bottom: none !important; display: block; box-sizing: border-box; } .announcement-content a { position: relative; display: block; padding: 0px 24px 10px 0 !important; border-bottom: 1.5px solid rgba(0, 0, 0, 0.25); color: #000; font-size: 17px; font-weight: 400; margin-bottom: 12px; margin-top: 12px; } .announcement-content a:hover span { text-decoration: underline; } .slider { box-sizing: border-box; margin-bottom: 0px; } .slider .slide { box-sizing: border-box; } @media screen and (max-width: 767.98px) { .slider .slide { position: relative; min-height: 370px; background-size: 100% auto; background-repeat: no-repeat; } } @media screen and (max-width: 480.98px) { .slider .slide { min-height: 450px; background-size: auto 65%; background-position: 85% top; background-repeat: no-repeat; } } @media screen and (min-width: 768px) { .slider .slide { background-size: cover; background-position: center center; background-repeat: no-repeat; } } .slider .slide .content { position: relative; box-sizing: border-box; } @media screen and (max-width: 767.98px) { .slider .slide .content { background: #005983; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 20px 60px; } .slider .slide .content h3, .slider .slide .content p { margin-bottom: 8px; } } @media screen and (min-width: 768px) { .slider .slide .content { background: rgba(153, 189, 205, 0.75); height: 100%; min-height: 330px; width: 45%; padding: 20px 20px 90px; min-width: 308px; } } @media screen and (min-width: 860px) { .slider .slide .content { width: 40%; } } @media screen and (min-width: 980px) { .slider .slide .content { width: 37%; padding: 30px 30px 90px; } } .slider .slide .content * { color: #fff !important; } .slider .slide .content *:first-child { margin-top: 0; } .slider .slide .content p { font-weight: 100; line-height: 24px; } .slider .slide .content a.arrow::after { position: absolute; right: 0; top: 4px; content: ""; height: 17px; width: 17px; padding: 1px; background-image: url("../images/club-images/icon/link-arrow-right-red.png"); background-size: 16px auto; background-repeat: no-repeat; background-position: center center; } .slider .slide .content .navigation { position: absolute; bottom: 0; left: 0; right: 0; } @media screen and (max-width: 767.98px) { .slider .slide .content .navigation { padding: 10px 20px 15px; } } @media screen and (min-width: 768px) { .slider .slide .content .navigation { padding: 20px; position: inherit !important; } } @media screen and (min-width: 980px) { .slider .slide .content .navigation { padding: 20px 30px; position: inherit !important; } } .slider .slide .content .navigation .count, .slider .slide .content .navigation .buttons { vertical-align: middle; display: inline-block; } .slider .slide .content .navigation .count { font-size: 14px; float: left; } @media screen and (max-width: 480.98px) { .slider .slide .content .navigation .count { display: none; } } .slider .slide .content .navigation .count b { color: #fff; font-weight: 900; } .slider .slide .content .navigation .count span { font-weight: 400; color: #dad4c9; } .slider .slide .content .navigation .buttons { float: right; } @media screen and (max-width: 480.98px) { .slider .slide .content .navigation .buttons { float: none; } } .slider .slide .content .navigation .slick-prev, .slider .slide .content .navigation .slick-next { background: transparent; border: none; box-shadow: none; padding-left: 4px; padding-right: 4px; } .slider .slide .content .navigation .slick-prev:focus, .slider .slide .content .navigation .slick-prev:active, .slider .slide .content .navigation .slick-next:focus, .slider .slide .content .navigation .slick-next:active { outline: 1px dotted transparent; } .slider .slide .content .navigation .slick-prev img, .slider .slide .content .navigation .slick-next img { width: 29px; height: auto; border: none; box-shadow: none; margin-bottom: 0; } .slider.content-bottom .slide { position: relative; min-height: 362px; background-size: cover; background-repeat: no-repeat; background-position: center top; } @media screen and (max-width: 480.98px) { .slider.content-bottom .slide { min-height: 450px; background-size: auto 65%; background-position: 85% top; background-repeat: no-repeat; } } .slider.content-bottom .slide .content { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 20px 60px; width: 100%; min-height: auto; height: auto; } .slider.content-bottom .slide .content h3, .slider.content-bottom .slide .content p { margin-bottom: 8px; } @media screen and (min-width: 768px) { .slider.content-bottom .slide .content { background: rgba(0, 89, 131, 0.92); } } @media screen and (min-width: 980px) { .slider.content-bottom .slide .content { text-align: left; padding: 18px 115px 16px 18px; } .slider.content-bottom .slide .content h3, .slider.content-bottom .slide .content p { margin-bottom: 0; } } .slider.content-bottom .slide .navigation { padding: 10px 20px 15px; } @media screen and (min-width: 980px) { .slider.content-bottom .slide .navigation { padding: 10px; text-align: center; left: auto; top: 50%; bottom: auto; transform: translateY(-50%); } .slider.content-bottom .slide .navigation .count, .slider.content-bottom .slide .navigation .buttons { display: block; float: none; margin-bottom: 8px; } } @media screen and (max-width: 480.98px) { .slider.content-bottom .slide .navigation .count { display: none; } } @media screen and (max-width: 480.98px) { .slider.content-bottom .slide .navigation .buttons { float: none; } } .announcement-content a { border-bottom: none; padding: 4px 24px 0px 0; } @media (min-width: 641px) and (max-width: 880px) { .announcement-portlet .left-side-view .slide .content { width: 47% !important; } } .announcement-portlet .left-side-view .slide .content { width: 37%; padding: 30px 30px 90px; position: absolute; top: 0px; } .announcement-portlet .left-side-view .announcement a { position: relative; display: block; padding: 0px 24px 0px 0 !important; border-bottom: 1.5px solid rgba(166, 160, 150, 0.25); color: #333943; font-family: "Sorts Mill Goudy", serif; font-size: 17px; font-weight: 400; margin-bottom: 0px !important; margin-top: 0px !important; } @media (max-width: 640px) and (min-width: 1px) { .announcement-portlet .left-side-view .slide .content { width: 100% !important; top: auto !important; bottom: 0 !important; position: relative !important; } } @media (max-width: 766px) and (min-width: 641px) { .announcement-portlet .announcement-image { height: 370px !important; } } @media only screen and (max-width: 767px) and (min-width: 300px) { .announcement-controls .announcement-control-buttons { text-align: center !important; width: 100%; margin-top: -40px !important; } } .announcement-portlet .announcement span.announcement-details { font-size: 13px !important; } /* Statement Summary */ .MemberReservations-portlet .ui-dialog .mr-icon { margin: 9px 3px; } .MemberReservations-portlet .ui-dialog .heading.mr-heading { font-size: 18px !important; line-height: 34px !important; background-color: #005076; padding: 8px 7px !important; font-family: "ITC Avant Garde Pro Md", sans-serif !important; color: #fff !important; margin-bottom: 15px !important; text-align: left !important; } .MemberReservations-portlet .mr-row-expand .mr-panelGrid .ui-widget-header { background: #005983 !important; border: 0px !important; border-radius: 3px; padding: 8px 5px; } @media (min-width: 300px) and (max-width: 767px) { .MemberReservations-portlet .mr-row-expand .mr-panelGrid .ui-widget-header { margin-top: 10px !important; } } .MemberReservations-portlet .mr-row-expand .mr-panelGrid .ui-widget-header span { color: #fff !important; } .MemberReservations-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .MemberReservations-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .MemberReservations-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } @media (min-width: 300px) and (max-width: 767px) { .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { padding: 10px !important; } } .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a { text-decoration: none !important; } .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a .mr-trash, .MemberReservations-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a .mr-trash { color: #1b1c1c !important; } /* Alert Custom Change */ /* Alerts Add By Northstar */ #ui-area .portlet-msg-alert button.close { background-image: url("../images/club-images/icon/success-x.png"); } #ui-area .portlet-msg-error, #ui-area .alert-error { position: relative; color: #fff; letter-spacing: 0.5px; background-color: #c8102e; border-radius: 0; border: none; text-shadow: none; padding: 10px 20px !important; margin-top: 0px; background-image: none !important; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .portlet-msg-error, #ui-area .alert-error { font-size: 14px !important; } } #ui-area .portlet-msg-alert:before { background-image: url("../images/club-images/icon/calendar-icon.png") !important; content: ""; padding: 10px; background-repeat: no-repeat; background-position: center center; margin-right: 10px; background-size: contain; } #ui-area .portlet-msg-error:before, #ui-area .alert-error:before { background-image: url("../images/club-images/icon/icon-warn.png") !important; content: ""; padding: 10px; background-repeat: no-repeat; background-position: center center; margin-right: 10px; background-size: contain; } #ui-area .portlet-msg-info button.close { background-image: url("../images/club-images/icon/success-x.png"); } #ui-area .portlet-msg-info, #ui-area .alert-info, #ui-area .buddy-list-dg .ui-datagrid-content-empty, #ui-area .events-list-portlet .alert { position: relative; color: #414141; font-weight: 700; letter-spacing: 0.5px; background-color: #f1f0ee; border-radius: 0; border: none; text-shadow: none; padding: 12px 10px !important; margin-top: 29px; background-image: none !important; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .portlet-msg-info, #ui-area .alert-info, #ui-area .buddy-list-dg .ui-datagrid-content-empty, #ui-area .events-list-portlet .alert { font-size: 14px !important; } } #ui-area .portlet-msg-alert, #ui-area .alert-warning, #ui-area .er-portlet-msg-alert { position: relative; color: #fff; letter-spacing: 0.5px; background-color: #414141 !important; border-radius: 0; border: none; text-shadow: none; padding: 12px 10px !important; margin-top: 15px; background-image: none !important; line-height: 25px !important; font-size: 16px !important; text-align: left; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .portlet-msg-alert, #ui-area .alert-warning, #ui-area .er-portlet-msg-alert { font-size: 14px !important; } } #ui-area .portlet-msg-info:before, #ui-area .alert-info:before, #ui-area .alert-warning:before, #ui-area .events-list-portlet .alert:before { background-image: url("../images/club-images/icon/info-icon.png"); content: ""; padding: 10px; background-repeat: no-repeat; background-position: center center; margin-right: 10px; background-size: contain; } #ui-area .portlet-msg-success button.close { background-image: url("../images/club-images/icon/success-x.png"); } #ui-area .portlet-msg-success { position: relative; color: #fff; font-weight: 300 !important; letter-spacing: 0.5px; background-color: #6ea15e; border-radius: 0; border: none; text-shadow: none; padding: 12px 20px !important; margin-top: 29px; background-image: none !important; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .portlet-msg-success { font-size: 14px !important; } } #ui-area .portlet-msg-success:before { background-image: url("../images/club-images/icon/success-icon.png"); content: ""; padding: 10px; background-repeat: no-repeat; background-position: center center; margin-right: 10px; background-size: contain; } /* Activity Reservation */ .activities-portlet .hold-time .time { font-size: 16px !important; font-family: "lexia", serif !important; } @media (min-width: 300px) and (max-width: 767px) { .activities-portlet .hold-time .time { font-size: 14px !important; } } .activities-portlet .forward-controls a i, .activities-portlet .backward-controls a i { color: #005983; } .activities-portlet .activity-sheet-container .activity-date-picker > span { padding: 7px 12px !important; } .activities-portlet .activity-warning-dialog .cross, .activities-portlet .activity-dialog .cross { margin-top: 15px; } .activities-portlet .radius-none { margin: 0px !important; } .activities-portlet .activity-dialog-heading { font-size: 18px !important; line-height: 34px !important; background-color: #005076; padding: 8px 7px; font-family: "ITC Avant Garde Pro Md", sans-serif !important; color: #fff !important; margin-bottom: 15px !important; text-align: left !important; } .activity-slots table td.past-time { background-repeat: repeat !important; } .activities-portlet td.data-col.slot.open { /* background-image: url(../images/club-images/icon/calendar-icon.jpg); background-repeat: no-repeat !important; background-position: center center; */ } .activities-portlet td.data-col.slot.open:after { font-family: FontAwesome; font-size: 12px; content: "\f274"; text-align: center !important; display: block; color: #005983; } .container.activity-reservation-container { width: 100%; } .horizontal-dates a:hover .calendar-year { background: #99bdcd; color: #fff !important; } .horizontal-dates a:hover { background-color: #005983 !important; color: #fff !important; } .activities-portlet #ui-datepicker-div .ui-state-active { background: #a6152d !important; color: #fff; } .activities-portlet #ui-datepicker-div .ui-datepicker-header { background: #c8102e !important; } .activities-portlet .btn-legend { color: #000 !important; } .activities-portlet .btn-legend { background-color: #99bdcd !important; } .activities-portlet .horizontal-dates a { color: black; } .activities-portlet .footer-row td { background: #005983 !important; } .activities-portlet .horizontal-dates a.selected-date, .horizontal-dates a.selected-date .calendar-year { background-color: #99bdcd !important; color: #fff; } .activities-portlet .horizontal-dates a.selected-date { background-color: #005983 !important; } .activities-portlet span.calendar-year { color: #fff; background-color: #80acc1; font-size: 14px !important; } .horizontal-dates div { background-color: #f2f7f9 !important; } .activities-portlet tr.header-row th, .activities-portlet tr.footer-row td { color: #000 !important; } html .activities-portlet .table thead th { background: #005983 !important; } .activities-portlet .callout ul li { margin-bottom: 30px; font-size: 16px; line-height: 24px; color: #4a4a4a; font-weight: 300; } #ui-area .container.activity-sheet-container, #ui-area .container.trainer-sheet-container { width: 100% !important; } .container.activity-container { width: 100% !important; } .activities-portlet tr.header-row th, .activities-portlet tr.footer-row td { font-size: 16px !important; font-weight: 700 !important; } @media (min-width: 300px) and (max-width: 767px) { .activities-portlet tr.header-row th, .activities-portlet tr.footer-row td { font-size: 14px !important; } } .activities-portlet td.data-col.interval { color: #fff !important; } .activities-portlet span.btn-reservation-sheet a.active, .activities-portlet span.btn-trainer-sheet a.active { background-color: #005983 !important; border: 0 !important; color: #fff !important; } .activities-portlet span.btn-trainer-sheet a, .activities-portlet span.btn-reservation-sheet a { color: #005983 !important; border-color: #005983 !important; } .activities-portlet span.btn-trainer-sheet a:hover, .activities-portlet span.btn-reservation-sheet a:hover { color: #fff !important; background-color: #005983 !important; } .legend-box.trainer-available, .legend-box.not-available, .legend-box.blocked { border-radius: 50% !important; border: 0px !important; } .legend.legend-label { font-size: 16px !important; text-transform: uppercase; font-weight: 900; text-transform: uppercase; color: #a6a096; } .legend-box { margin-top: 4px; } .legend-box.free { width: 12px !important; height: 13px !important; border: 0px !important; background-color: transparent !important; background-image: url(../images/club-images/icon/calendar-icon.jpg); } .legend-box.free:before { font-family: FontAwesome; font-size: 12px; content: "\f274"; text-align: center !important; display: block; color: #005983 !important; top: -4px; position: relative; } .legend-img.rain-out { content: url(../images/club-images/icon/activities-rain-out.jpg); width: 20px !important; height: 20px !important; } .legend-img.looking-for-partner { content: url(../images/club-images/icon/activities-looking-for-a-partners.jpg); width: 20px !important; height: 20px !important; } .legend-img.resource { content: url(../images/club-images/icon/activities-resourses.jpg); width: 20px !important; height: 20px !important; } .legend-img.member { content: url(../images/club-images/icon/activities-new-member.jpg); width: 20px !important; height: 20px !important; } .legend-img.guest { content: url(../images/club-images/icon/activities-guest.jpg); width: 20px !important; height: 20px !important; } /* Recent Charges*/ .RecentCharges-portlet { border-top: 0px solid #f3f2f0; padding-top: 10px; } .RecentCharges-portlet .rc-grid .ui-grid-responsive { margin: 10px 0px !important; } .RecentCharges-portlet .ui-panel-titlebar { background: #005983 !important; } .RecentCharges-portlet .ui-panel-titlebar span { color: #fff !important; } .RecentCharges-portlet .ui-panel-titlebar .ui-state-default { background-color: transparent !important; } .RecentCharges-portlet .rc-icon { color: #1b1c1c !important; } .RecentCharges-portlet .well { background: #f2f7f9 !important; border: 0px !important; box-shadow: none !important; border-radius: 0px !important; } .RecentCharges-portlet .main-label { background-color: #f2f7f9 !important; color: #000 !important; text-shadow: none !important; font-weight: 700 !important; padding: 12px !important; font-size: 13px; display: list-item !important; list-style: none; margin: 0px; border-bottom: 1px solid #e1dfdd !important; text-shadow: none !important; border-radius: 0px !important; } .RecentCharges-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .RecentCharges-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .RecentCharges-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; text-align: left !important; } .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even, .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd { border-bottom: 1px solid #e1dfdd !important; } .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .RecentCharges-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .RecentCharges-portlet .ui-datatable-tablewrapper .table-bordered { border: 0px !important; } .RecentCharges-portlet .label-long-primary { background-color: #f2f7f9 !important; margin: 0px !important; } .RecentCharges-portlet .label-long-primary * { color: #4a4a4a !important; font-weight: 700 !important; } .RecentCharges-portlet .ui-datalist-content dl { margin: 0px !important; } .RecentCharges-portlet .rc-label + .well div:first-child { font-weight: 900 !important; } .RecentCharges-portlet .ui-panel-titlebar { background: #ede9e6; border: 0px; color: #a7a197 !important; text-align: left !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .RecentCharges-portlet .ui-panel-titlebar .ui-state-default { background-color: #ede9e6 !important; border: 0px !important; } .RecentCharges-portlet ui-panel .ui-panel-content { padding: 0px !important; } .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn { background: transparent !important; color: #337a9c !important; font-weight: 700 !important; box-shadow: none !important; border: 2px solid #99bdcd !important; padding: 10px 20px !important; border-radius: 5px !important; font-size: 16px !important; transition: all 0.3s linear 0s !important; /* &:before { content: '\f02f'; font-family: FontAwesome; font-weight: 400; margin-right: 4px; } */ } .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn:hover { background: #005983 !important; color: #fff !important; text-decoration: none !important; } .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn:hover .pmnt-money { color: #fff !important; transition: all 0.3s linear 0s !important; } .RecentCharges-portlet .rc-make-pmnt-btn .pmnt-btn .pmnt-money { color: #337a9c !important; } @media (min-width: 300px) and (max-width: 767px) { .DiningReservation-portlet .dining-guest-input-container { width: 100% !important; } } @media (min-width: 300px) and (max-width: 767px) { .DiningReservation-portlet .dining-guest-input-container input { line-height: 20px !important; } } .DiningReservation-portlet .available-times { background-color: #005983; color: #fff !important; } .DiningReservation-portlet .available-times:hover { background-color: #99bdcd; } .DiningReservation-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .DiningReservation-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; } .DiningReservation-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; } .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a { text-decoration: none !important; } .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td a .dining-trash, .DiningReservation-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a .dining-trash { color: red !important; } .DiningReservation-portlet .buddy-wizard .add-buddy-panel { margin-top: 10px; } .DiningReservation-portlet .buddy-wizard .buddy-wizard-buddies .added-buddy { background: #005983 !important; } .DiningReservation-portlet .buddy-wizard .buddy-wizard-buddies .added-buddy a { text-shadow: none; } .DiningReservation-portlet .dining-guests-panel .dining-even-row td, .DiningReservation-portlet .dining-guests-panel .dining-odd-row td { padding-top: 0px !important; padding-bottom: 12px !important; } .DiningReservation-portlet .desktop-padding-left-10px { padding-left: 20px; } @media (min-width: 300px) and (max-width: 767px) { .DiningReservation-portlet .desktop-padding-left-10px { padding-left: 0px; } } /* Statement Summary */ .poa-portlet .poa-rt-folio-charges .ui-widget-header a.ui-panel-titlebar-icon { border: none !important; } .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller { position: relative; } .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn { height: 100% !important; margin: 0; } .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn span { position: relative; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn-left { left: 0; } .poa-portlet .ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-navscroller-btn-right { right: 0; } .poa-portlet .poa-stmt-icon { color: #005983 !important; } .poa-portlet .chit-height .rc-icon { padding-top: 16px; } .poa-portlet .poa-heading + table { background: #f2f7f9 !important; padding: 10px; border: 0px !important; display: block; border: 1px solid #f2f7f9 !important; margin-bottom: 10px !important; } @media (min-width: 300px) and (max-width: 767px) { .poa-portlet .poa-heading + table { width: calc(98% - 10px) !important; } } .poa-portlet .poa-heading + table + span { background: #f2f7f9 !important; padding: 10px; border: 0px !important; display: block; width: 100%; } @media (min-width: 300px) and (max-width: 767px) { .poa-portlet .poa-heading + table + span { width: calc(100% - 10px) !important; } } .poa-portlet .table-bordered { border: 0px !important; } .poa-portlet .ui-datatable-tablewrapper table { border: 0px !important; } .poa-portlet .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-weight: 700 !important; border: 5px solid #f2f7f9 !important; box-shadow: none; padding: 4px !important; } .poa-portlet .ui-datatable-tablewrapper table thead tr th span { color: #fff !important; font-weight: 700 !important; text-transform: uppercase; font-size: 13px !important; letter-spacing: 0.5px; margin: 0 !important; } .poa-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-even td, .poa-portlet .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background: #f2f7f9 !important; border: 0px !important; border-bottom: 1px solid #e1dfdd !important; } .poa-portlet .ui-area-btn-statement { padding: 4px 10px !important; margin-top: 15px !important; font-weight: 400 !important; } .poa-portlet .ui-area-btn-statement-active { background: #005983 !important; } .poa-portlet .ui-area-btn-statement { background: transparent !important; border: 1px solid #005983 !important; color: #337a9c !important; } .poa-portlet .ui-area-btn-statement:hover { background: #99bdcd !important; color: #1b1c1c !important; text-decoration: none !important; box-shadow: none !important; } .poa-portlet .ui-area-btn-statement:focus { outline: 1px dotted #212121 !important; outline: 5px auto -webkit-focus-ring-color !important; } .poa-portlet .ui-area-btn-statement-active { background: #99bdcd !important; color: #fff !important; border: 1px solid #99bdcd !important; } .poa-portlet .ui-area-btn-statement-active:hover { background: #005983 !important; border-color: #005983 !important; color: #1b1c1c; } .poa-portlet .label-info, .poa-portlet .label-custom { background: #005983 !important; color: #fff !important; text-shadow: none !important; font-weight: 700 !important; padding: 12px; font-size: 13px; } .poa-portlet .stmt-message { color: #4a4a4a !important; font-weight: 300; } .poa-portlet .label-long-primary { margin: 0px !important; } .poa-portlet .label-custom { background-color: #ccdee6 !important; color: #005983 !important; text-shadow: none !important; font-weight: 700 !important; padding: 12px; font-size: 13px; } .poa-portlet .poa-stmt-pmnt-btn { background: transparent !important; color: #337a9c !important; font-weight: 700 !important; box-shadow: none !important; border: 2px solid #99bdcd !important; padding: 10px 20px !important; border-radius: 5px !important; /* &:before { content: '\f02f'; font-family: FontAwesome; font-weight: 400; margin-right: 4px; } */ } .poa-portlet .poa-stmt-pmnt-btn:hover { background: transparent !important; color: inherit !important; text-decoration: underline !important; } .poa-portlet .poa-stmt-pmnt-btn .stmt-print-icon { color: #337a9c !important; } .poa-portlet .ui-widget-header { border: 0px !important; margin: 0; } .poa-portlet .ui-widget-header .ui-icon { background-color: #ccdee6 !important; } .poa-portlet .label-long-recent-acti { background-color: #ccdee6; } .poa-portlet .label-long-recent-acti * { color: #000 !important; font-weight: 700 !important; } .poa-portlet .information-bar { padding: 5px; left: 0 !important; width: 100% !important; } #ui-area .poa-portlet .poa-smart-vw-tab-label { height: 29px !important; padding-top: 0 !important; } #ui-area .poa-portlet .poa-smart-vw-tab-label a { padding: 0 !important; font-size: 14px !important; color: #000 !important; } #ui-area .poa-portlet .poa-smart-tab i { color: #000 !important; } /* WorkOrder Fixes Start */ .workOrder-portlet .ui-panel-titlebar { background: #003b5c !important; } /* WorkOrder Fixes End */ /* For Event List Styling */ .events-portlet { background-color: transparent !important; border: 0px !important; padding: 0px !important; background-color: #fff; border-top: 1px solid #eeeeee; padding-top: 50px; } .events-portlet .ui-tabs-panel span.ui-panel-title span.ui-chkbox-label, .events-portlet .ui-tabs-panel span.ui-panel-title { color: #000; } .events-portlet button.ui-datepicker-trigger.ui-button { margin: 0px !important; } .events-portlet .ui-area-btn, .events-portlet .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .events-portlet .btn:not(.lfr-icon-menu), .events-portlet .aui #ui-area .events-cal-link, .aui #ui-area .events-portlet .events-cal-link { padding: 6px 20px; box-shadow: none; border: 1px solid #005983 !important; font-size: 16px !important; text-transform: uppercase; background: transparent !important; color: #005983 !important; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .ui-area-btn, .events-portlet .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .events-portlet .btn:not(.lfr-icon-menu), .events-portlet .aui #ui-area .events-cal-link, .aui #ui-area .events-portlet .events-cal-link { font-size: 14px !important; } } .events-portlet .ui-area-btn:hover, .events-portlet .aui #ui-area .btn:hover:not(.lfr-icon-menu), .aui #ui-area .events-portlet .btn:hover:not(.lfr-icon-menu), .events-portlet .aui #ui-area .events-cal-link:hover, .aui #ui-area .events-portlet .events-cal-link:hover { background-color: #005983 !important; color: #fff !important; transition: all 0.3s linear 0s; } .events-portlet .events-reset-btn-container { margin: 0px 5px !important; } .events-portlet .events-advancelisting-eventdetail { background: #fff !important; } .events-portlet .ui-datagrid-column { background: #fff !important; } .events-portlet .event-list-heading { margin: 0px !important; } .events-portlet .event-list-heading .events-title { font-size: 54px; font-family: "lexia", serif; color: #005983; font-weight: 400; text-transform: uppercase; line-height: 55px; margin-top: 0px; margin-bottom: 25px; letter-spacing: 0; } .events-portlet .events-advancelisting-event { margin: 20px 0 !important; padding: 0px !important; background: white; border: 1px solid #efefef !important; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } .events-portlet .events-advancelisting-event:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); -webkit-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01); cursor: pointer; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .events-advancelisting-event .events-advancelisting-eventtitle { padding-left: 10px !important; } } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails { border-bottom: 0px !important; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails { padding-left: 10px !important; } } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .ui-grid-col-6, .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .ui-grid-col-12, .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .ui-grid-col-4 { margin-bottom: 10px; } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-eventtags, .events-portlet .events-advancelisting-event .events-advancelisting-eventdetails .events-advancelisting-ageguideline { color: #005983; font-weight: 500 !important; } .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer { width: 70% !important; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer { width: 100% !important; } } .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer .events-advancelisting-eventtimg { width: 100%; height: 370px !important; background: url("../images/club-images/icon/ajax-loader-small.gif"); background-repeat: no-repeat; background-position: center center; border: 1px solid #ececec !important; } .events-portlet .events-advancelisting-event .events-advancelisting-eventtimgcontainer img { width: 100% !important; object-fit: cover; border: 0px !important; } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventdescription { font-size: 16px; line-height: 34px; color: #1b1c1c; font-weight: normal; margin: 20px 0 30px !important; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventdescription { padding: 0px 10px !important; } } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname { font-size: 20px !important; color: #9E6632 !important; margin: 0px; letter-spacing: 0.5px; font-family: "ITC Avant Garde Gothic", sans-serif !important; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname { font-size: 15px !important; } } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus { padding: 10px 40px; background: #4a4a4a; color: #fff !important; text-transform: uppercase; font-family: "lexia", serif; letter-spacing: 2px; font-size: 10px; } @media (min-width: 300px) and (max-width: 767px) { .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus { padding: 5px 10px; font-size: 8px; } } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus-future { background: #005983 !important; } .events-portlet .events-advancelisting-event .events-advancelisting-eventdetail .events-advancelisting-eventname .events-advancelisting-eventstatus-reserved { background: #08221A !important; } .events-portlet .events-search-btn-container .events-search-btn-container .events-search-btn { background: #c8102e !important; color: #fff !important; } .events-portlet .events-sorting-label, .events-portlet .events-count-label { margin: 8px 10px; color: #005983; font-weight: 700 !important; text-transform: uppercase; } .events-portlet .events-advance-filters .ui-icon-calendar { background-image: url(../images/club-images/icon/date-icon.png) !important; background: transparent; border-radius: 0px; background-repeat: no-repeat; background-size: 12px; background-position: center center; } .events-portlet .events-advance-filters .date-filter-label, .events-portlet .events-advance-filters .weekdays-filter-label, .events-portlet .events-advance-filters .category-filter-label, .events-portlet .events-advance-filters .status-filter-label, .events-portlet .events-advance-filters .gender-filter-label, .events-portlet .events-advance-filters .age-filter-label { font-weight: 700 !important; text-transform: uppercase; } .events-portlet .events-advance-filters .from-date-filter-label, .events-portlet .events-advance-filters .to-date-filter-label { font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase; } .events-portlet .events-advance-filters .events-advance-filters-range-panel .ui-slider-range { background: #005983 !important; box-shadow: none !important; margin-top: 0; } .events-portlet .events-advance-filters .events-advance-filters-range-panel .ui-slider-horizontal { height: 0.5em; } .events-portlet .events-advance-filters .events-filter-btn { background: #005983 !important; color: #fff !important; } /* For Event Slider View */ .events-galleria ul { margin: 0px !important; } .events-galleria ul li img { width: 100% !important; object-fit: cover !important; height: 100% !important; } .events-galleria .ui-galleria-caption * { color: #fff !important; } textarea, .ui-selectonemenu, .ui-state-default, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { border: 1px solid rgba(166, 160, 150, 0.4) !important; } /* Simplelist View */ .events-simplelist-container .events-list-li .events-event-name { font-size: 20px !important; color: #005983 !important; margin: 0px; letter-spacing: 0.5px; font-family: "ITC Avant Garde Gothic", sans-serif !important; } @media (min-width: 300px) and (max-width: 767px) { .events-simplelist-container .events-list-li .events-event-name { font-size: 15px !important; } } .events-simplelist-container .events-list-li .events-event-date:before { content: "\f274"; font-family: FontAwesome; margin-right: 10px; color: #005983; } .events-simplelist-container .events-list-li span.events-event-time:before { content: "\f017"; font-family: FontAwesome; margin-right: 10px; color: #005983; } /* For Event Reservation Details Page */ @media (min-width: 1024px) and (max-width: 1199px) { .eventsReservation-portlet .er-self-container .ui-chkbox-label, .eventsReservation-portlet .er-adult-child-guest-container .ui-chkbox-label { font-size: 10px !important; } } @media (min-width: 767px) and (max-width: 1023px) { .eventsReservation-portlet .er-self-container .ui-chkbox-label, .eventsReservation-portlet .er-adult-child-guest-container .ui-chkbox-label { font-size: 10px !important; } } @media (min-width: 1024px) and (max-width: 1199px) { .eventsReservation-portlet .er-book-for-container .er-book-for { font-size: 13px !important; } } @media (min-width: 767px) and (max-width: 1023px) { .eventsReservation-portlet .er-book-for-container .er-book-for { font-size: 13px !important; } } .eventsReservation-portlet .er-schedules-dropdown .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { border: 0px !important; } .eventsReservation-portlet .er-reservation-url-container .er-reservation-url { width: 100% !important; border-radius: 3px 0px 0px 3px !important; } .eventsReservation-portlet .copy-clipboard-btn { padding: 10px 20px !important; margin-top: 0; border-radius: 0px 5px 5px 0px; background: #dbd9d5 !important; } .eventsReservation-portlet .copy-clipboard-btn .fa-clipboard { color: #6b6868 !important; } /* Member Roaster */ .MemberRoster-portlet { /* .roster-btn-reset i, .ui-area-btn-success i { display: none !important; } */ /* .roster-btn-search, .roster-btn-reset { background: none !important; padding: 12px 34px; box-shadow: none; border: 1px solid #d7cdcd !important; font-size: 11px !important; text-transform: uppercase; color: #4a4a4a !important; @media (min-width: 300px) and (max-width: 767px) { display: block !important; margin-bottom: 30px; text-align: center; } &:hover { background-color: #d93f28 !important; color: #fff !important; transition: all 0.3s linear 0s; cursor: pointer; } i { display: none !important; } } */ /* Member Roster Details */ /* .roster-profile-back-btn-container .roster-profile-back-btn i{ display: none; } */ } .MemberRoster-portlet .roster-normal-link, .MemberRoster-portlet .roster-resp-home-phone, .MemberRoster-portlet .roster-resp-cell-phone { font-size: 16px !important; } .MemberRoster-portlet .ui-area-btn, .MemberRoster-portlet .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .MemberRoster-portlet .btn:not(.lfr-icon-menu), .MemberRoster-portlet .aui #ui-area .events-cal-link, .aui #ui-area .MemberRoster-portlet .events-cal-link { box-shadow: none !important; } .MemberRoster-portlet .roster-search-alphabets-container, .MemberRoster-portlet .roster-search-alphabets-container + .ui-grid { background: #fff !important; margin: 0px !important; } .MemberRoster-portlet .roster-search-alphabets-container + .ui-grid { padding: 0px 10px 10px 10px; margin-bottom: 10px !important; } .MemberRoster-portlet .roster-search-item label { font-size: 16px !important; line-height: 19px !important; color: #1b1c1c; letter-spacing: 0.5px; text-transform: uppercase; font-family: "lexia", serif !important; font-weight: 700 !important; } .MemberRoster-portlet .ui-state-highlight, .MemberRoster-portlet .ui-widget-content .ui-state-highlight, .MemberRoster-portlet .ui-widget-header .ui-state-highlight { background: #005983 !important; } .MemberRoster-portlet .roster-row .vmi-grid-col .vmi-grid thead tr th { background: transparent !important; color: #333943 !important; font-size: 24px; text-align: left !important; font-family: "lexia", serif; font-weight: 300; } .MemberRoster-portlet .roster-profile-name h1 { margin: 0px; padding: 0px !important; line-height: normal !important; margin-bottom: 0px !important; text-align: left !important; } .MemberRoster-portlet .roster-profile-email a { font-weight: 300 !important; font-size: 16px; } .MemberRoster-portlet .roster-profile-pic { padding: 0px; width: 190px; height: 190px; border-radius: 50% !important; object-fit: cover; } .MemberRoster-portlet .roster-resp-view-member-box .member-img img { border-radius: 100% !important; width: 100px !important; height: 100px !important; background-image: url(../images/club-images/icon/ajax-loader-small.gif) !important; background-repeat: no-repeat !important; object-fit: cover !important; padding: 0px !important; margin-bottom: 20px; background-position: center center !important; } .MemberRoster-portlet .roster-resp-view-member-box .roster-name { margin: 0px !important; line-height: normal; } .MemberRoster-portlet .roster-search-item .ui-autocomplete { position: relative !important; } .MemberRoster-portlet .roster-resp-view-member-box-container { min-height: 170px !important; background: #fff !important; border: 0px !important; border: 1px solid #eaeaea !important; margin: 5px; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); } @media (min-width: 300px) and (max-width: 767px) { .MemberRoster-portlet .roster-resp-view-member-box-container { margin: 0px !important; } } .MemberRoster-portlet .roster-resp-view-member-box-container:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); cursor: pointer; } .MemberRoster-portlet .roster-resp-view-member-box-container .roster-res-simulator-img { position: absolute; right: 5px !important; top: 5px !important; } .MemberRoster-portlet .roster-resp-view-member-box-container .roster-member-name { color: #005983; font-weight: 700; } .MemberRoster-portlet .roster-dg .ui-paginator-bottom { background: transparent !important; border: 0px !important; } .MemberRoster-portlet .roster-search-alphabets-container { text-align: center !important; } .MemberRoster-portlet .roster-search-alphabets-container .active { background: #1b1c1c !important; } .MemberRoster-portlet .roster-search-alphabet { background-color: #005983 !important; color: #fff !important; } .MemberRoster-portlet .roster-search-alphabet:hover { background-color: #80acc1 !important; text-shadow: none !important; } .MemberRoster-portlet span.roster-resp-home-phone:before { content: "\f015"; font-family: FontAwesome; color: #005983; padding-right: 5px; } .MemberRoster-portlet span.roster-resp-cell-phone:before { content: "\f095"; font-family: FontAwesome; color: #005983; padding-right: 5px; } .MemberRoster-portlet span.roster-resp-home-phone img, .MemberRoster-portlet span.roster-resp-cell-phone img { display: none; } .MemberRoster-portlet span.roster-resp-home-phone { font-size: 13px; } .MemberRoster-portlet .roster-profile-email a { color: #005983 !important; font-weight: 700 !important; } .MemberRoster-portlet .roster-profile-email + table * { /* margin-top: 30px !important; */ background: white; border: 0px !important; padding: 0; } .MemberRoster-portlet .roster-profile-email + table { margin-top: 20px !important; } .MemberRoster-portlet .vmi-grid-col .roster-item { background: #fff !important; padding: 5px 10px 10px 10px; display: block; } .MemberRoster-portlet .vmi-grid-col .roster-item i { display: none; } .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header { letter-spacing: 0.2px; text-transform: capitalize !important; font-size: 26px !important; font-weight: 700 !important; font-family: "lexia", serif !important; color: #005983 !important; } .MemberRoster-portlet .roster-item table .vmi-odd-row { background: #f6f8f9 !important; border-bottom: 1px solid #d3d8e5; border-top: 1px solid #d3d8e5; } .MemberRoster-portlet .roster-item table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent { background: #fff !important; padding: 5px 10px 10px 10px; display: block; border: 5px solid #fff; } .MemberRoster-portlet .roster-item-dependent table .vmi-odd-row { background: #fff !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-profile-email a { color: #005983 !important; font-weight: normal !important; } .MemberRoster-portlet .roster-profile-email + table * { /* margin-top: 30px !important; */ background: white; border: 0px !important; padding: 0; } .MemberRoster-portlet .roster-profile-email + table { margin-top: 20px !important; } .MemberRoster-portlet .vmi-grid tr .vmi-even-col { font-weight: 700; } .MemberRoster-portlet .vmi-grid-col .roster-item { background: #fff !important; padding: 5px 10px 10px 10px; display: block; } .MemberRoster-portlet .vmi-grid-col .roster-item i { display: none; } .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header { letter-spacing: 0.2px; text-transform: uppercase; font-size: 14px; color: #005983 !important; font-weight: 900; font-family: "lexia", serif !important; } .MemberRoster-portlet .roster-item table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent { background: #fff !important; padding: 5px 10px 10px 10px; display: block; border: 5px solid #fff; } .MemberRoster-portlet .roster-item-dependent table .vmi-odd-row { background: #fff !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-member-dependents .roster-profile-pic-container img { margin: auto; border-radius: 100% !important; width: 100px !important; height: 100px !important; background-image: url(../../../mac-new-theme/images/club-images/ajax-loader-small.gif) !important; background-repeat: no-repeat !important; background-position: center center !important; } .MemberRoster-portlet .roster-member-dependents .roster-profile-pic-container { border: 0px !important; margin: 10px 0px 20px; } .MemberRoster-portlet .roster-member-dependents .roster-row h2 { font-size: 24px !important; line-height: 30px !important; color: #333943; margin-top: 20px; } .MemberRoster-portlet .roster-member-dependents .roster-row { border-top: 1px solid #ebeae9; margin-top: 30px; } .MemberRoster-portlet .roster-profile-back-btn-container .roster-profile-back-btn { /* background: transparent !important; padding: 0px; text-align: left; letter-spacing: .2px; text-transform: uppercase; font-size: 14px !important; color: $color-primary !important; font-weight: 900; font-family: $default-font-family !important; */ } .MemberRoster-portlet .roster-profile-name h1 { padding: 0 0 0 0px; font-size: 26px !important; text-transform: capitalize !important; text-align: left !important; line-height: 30px !important; } /* Calendar UI */ .calendar-portlet .searchcontainer-content table .table-columns tr th { font-size: 16px !important; background: #005983 !important; color: #fff !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet .searchcontainer-content table .table-columns tr th { font-size: 14px !important; } } .calendar-portlet .searchcontainer-content table .table-columns tr th .table-sort-liner a { font-size: 16px !important; color: #fff !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet .searchcontainer-content table .table-columns tr th .table-sort-liner a { font-size: 14px !important; } } .calendar-portlet .calendar-portlet-list-header, .calendar-portlet .calendar-list-item { font-size: 16px !important; color: #1b1c1c !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet .calendar-portlet-list-header, .calendar-portlet .calendar-list-item { font-size: 14px !important; } } .calendar-portlet .calendar-portlet .search-btn { margin-top: 5px !important; } .calendar-portlet .calendar-portlet-column-grid .scheduler-event { z-index: 3 !important; } .calendar-portlet #legendsDIV { margin: 10px 0px; } .calendar-portlet h1#upcoming-events-heading { display: none; } .calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span5 { width: 100%; padding: 30px 20px; background: #f2f7f9; margin-top: 10px; } .calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span5 .text-search { width: 300px !important; border-radius: 0px !important; box-shadow: 0px 1px 2px #dedede; } .calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span7 { padding: 30px 0px; text-align: left !important; width: 100%; margin-left: 0; font-size: 16px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet #_1_WAR_calendarportlet_calendarSecondRow .span7 { font-size: 14px !important; } } .calendar-portlet div#legendsDIV { float: right !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet div#legendsDIV { font-size: 14px !important; } } .calendar-portlet div#legendsDIV span { margin-left: 3px; margin-right: 15px; line-height: 30px; } .calendar-portlet .calendar-portlet-column-options .yui3-calendar-grid tbody .yui3-calendar-row td .yui3-calendar-day-selected { background: transparent !important; color: #a6a096 !important; font-weight: 700 !important; } .calendar-portlet .scheduler-view-table-header-table th { border: 5px solid #fff !important; background-color: #005983 !important; } .calendar-portlet .scheduler-base-views .scheduler-base-view { min-width: 50px; border: 0px; padding-left: 5px !important; padding-right: 5px !important; border-radius: 3px !important; } @media screen and (min-width: 200px) and (max-width: 767px) { .calendar-portlet #_1_WAR_calendarportlet_searchForm div#legendsDIV { float: none !important; padding-bottom: 40px !important; padding-top: 10px; } } .calendar-portlet .calendar-portlet-column-options .yui3-calendar-grid thead tr th { font-size: 13px !important; } span.scheduler-base-view-date { font-size: 16px; color: #1b1c1c !important; } @media (min-width: 300px) and (max-width: 767px) { span.scheduler-base-view-date { font-size: 14px !important; } } .lfr-current-day, .yui3-calendar-day:hover { background: #c8102e !important; } .calendar-portlet .calendar-portlet-column-grid .scheduler-view-table-header-table th { border: 5px solid #fff !important; } .calendar-portlet-column-options .yui3-calendarnav-prevmonth { /* background-image: url(../images/club-images/icon/link-arrow-left-red.png) !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat; float: left !important;*/ padding: 9px !important; top: 0px; border-color: transparent !important; } .calendar-portlet-column-options .yui3-calendarnav-prevmonth:before { content: "\f137"; position: relative; color: #fff !important; font-family: "fontawesome"; font-size: 18px !important; right: 10px; } .calendar-portlet-column-options .yui3-calendarnav-nextmonth { /* background-image: url(../images/club-images/icon/link-arrow-right-red.png) !important; background-position: center !important; background-size: contain !important; background-repeat: no-repeat; float: right !important;*/ border-color: transparent !important; padding: 9px !important; top: 0px; } .calendar-portlet-column-options .yui3-calendarnav-nextmonth:before { content: "\f138"; position: relative; color: #fff !important; font-family: "fontawesome"; font-size: 18px !important; right: 3px; } /* .calendar-portlet .calendar-portlet-column-options .yui3-calendar-header .yui3-calendar-header-label { font-weight: 700; } */ .nav-tabs li:nth-child(1) a:before { content: "\f073"; font-family: FontAwesome; color: #fff; padding-right: 5px; font-weight: 300; } .nav-tabs li:nth-child(2) a:before { content: "\f03a"; font-family: FontAwesome; color: #fff; padding-right: 5px; font-weight: 300; } .scheduler-view-month .scheduler-view-table-more, .scheduler-view-month .scheduler-view-table-events-overlay-node-close { font-size: 12px; text-decoration: underline; } /* .scheduler-view-month .calendar-portlet-event-approved, .scheduler-event-past { background: #f3f2f0 !important; color: #000 !important; text-shadow: none !important; } */ .scheduler-view-month .scheduler-event-title, .scheduler-view-month .scheduler-event-content { font-size: 12px !important; font-weight: 700 !important; } #wrap .calendar-portlet .first .popup_event_triger { font-size: 16px !important; color: #1b1c1c !important; } @media (min-width: 300px) and (max-width: 767px) { #wrap .calendar-portlet .first .popup_event_triger { font-size: 14px !important; } } #wrap .calendar-portlet .last .popup_event_triger { font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { #wrap .calendar-portlet .last .popup_event_triger { font-size: 14px !important; } } #wrap .calendar-portlet .heading-date-row td { background: #fff !important; padding: 30px 10px 10px !important; border: 0px !important; } #wrap .calendar-portlet .heading-date-row td { background: #fff !important; padding: 30px 10px 10px !important; border: 0px !important; } .calendar-portlet .calendar-portlet-column-grid button:not(:last-child) { margin-right: 4px !important; } /* Generel Calendar Icons */ .ui-datepicker-next .ui-icon { visibility: hidden !important; } .ui-datepicker-next:before { content: "\f138"; position: relative; color: #fff !important; font-family: "fontawesome"; font-size: 15px !important; left: 12px; top: 5px; } .ui-datepicker-prev .ui-icon { visibility: hidden !important; } .ui-datepicker-prev:before { content: "\f137"; position: relative; color: #fff !important; font-family: "fontawesome"; font-size: 15px !important; right: -3px !important; top: 5px; } .taglib-header .header-back-to a { padding: 8px 3px !important; } .StatementSettings-portlet .ui-icon-bullet { background-position: -81px -146px; } @media (min-width: 300px) and (max-width: 767px) { .ui-datatable-tablewrapper { border: 1px solid #ccc !important; } } @media (min-width: 300px) and (max-width: 767px) { .stmt-table .heading-position span { display: inline-block !important; width: 46%; float: left; padding: 2px 5px !important; display: inline-block; } } .add-tab-view .ui-tabs-nav { margin-bottom: 0px !important; border-color: #ddd !important; } .add-tab-view .ui-tabs-panel { padding: 0px !important; } .add-tab-view .add-grid { margin-top: 0px !important; border: 0px solid #ccc !important; } .rc-lsb:hover { color: #005983 !important; } .StatementSummary-portlet .label-custom { line-height: normal !important; font-weight: normal !important; } .StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th { border: 3px solid #f4f6f5 !important; } @media (min-width: 300px) and (max-width: 767px) { .member-status { font-size: 14px; } } .MemberProfile-portlet .mp-align span { float: left !important; } @media (min-width: 300px) and (max-width: 767px) { .ui-panelgrid .ui-grid-responsive .ui-grid-row { border: 0px !important; } } /* Fixing */ .btn.btn-primary { background-color: #005076 !important; color: #fff !important; text-decoration: none !important; background: transparent; } html .btn-group > .btn, html .btn-group > .dropdown-menu, html .btn-group > .popover, html .btn, html label, html input, html button, html select, html textarea { font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { html .btn-group > .btn, html .btn-group > .dropdown-menu, html .btn-group > .popover, html .btn, html label, html input, html button, html select, html textarea { font-size: 14px !important; } } .calendar-portlet .scheduler-view-agenda-container { font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet .scheduler-view-agenda-container { font-size: 14px !important; } } html input, html button, html select, html textarea { font-family: "lexia", serif !important; } /* For Member Lead Portlets*/ .MemberLead-portlet .lead-odd-col label { display: inline-block; } .MemberLead-portlet .mem-lead-basic-info, .MemberLead-portlet .mem-lead-contact-info { font-size: 30px; font-family: "Spectral", serif; line-height: 35px; color: #1b1c1c; margin-top: 0px !important; margin-bottom: 15px !important; padding: 0px; } /* General Change */ .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding: 0px 2px; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger { width: auto !important; border: 0px !important; border-left: 1px solid #ddd !important; } #ui-datepicker-div .ui-datepicker-header, .ui-datepicker-calendar .ui-datepicker-today a, #ui-datepicker-div .ui-state-active { background: #c8102e !important; } .ui-area-btn, .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .events-cal-link { border-radius: 3px !important; } .ui-selectonemenu-items-wrapper .ui-state-highlight, .ui-selectonemenu-items-wrapper .ui-state-hover { background: #c8102e !important; text-shadow: none !important; } .ui-datepicker-header a.ui-state-hover { background: #757575 !important; border: 0px !important; border-radius: 3px !important; top: 2px !important; } #ui-datepicker-div .ui-datepicker-header { background: #005076 !important; } #ui-area .ui-paginator span { border: 0px !important; } #ui-area .ui-paginator .ui-state-default { background: transparent !important; color: #1b1c1c !important; } #ui-area .ui-paginator .ui-paginator-pages .ui-state-active { border-radius: 50% !important; font-size: 12px; padding: 0px !important; color: #fff !important; margin-top: 4px; height: 20px; width: 20px; display: inline-block; text-align: center; border: 0px !important; box-shadow: none !important; background: #005983 !important; } #ui-area .ui-paginator .ui-paginator-first span { background-image: url(../images/club-images/icon/pagination-first-page.png) !important; background-position: center center !important; background-size: contain; } #ui-area .ui-paginator .ui-paginator-first span:before { content: "\f138"; position: relative; color: #fff !important; font-family: "fontawesome"; font-size: 18px !important; right: 3px; } #ui-area .ui-paginator .ui-paginator-prev span { background-image: url(../images/club-images/icon/link-arrow-left-red.png) !important; background-position: center center !important; background-size: contain; } #ui-area .ui-paginator .ui-paginator-next span { background-image: url(../images/club-images/icon/link-arrow-right-red.png) !important; background-position: center center !important; background-size: contain; } #ui-area .ui-paginator .ui-paginator-last span { background-image: url(../images/club-images/icon/pagination-last-page.png) !important; background-position: center center !important; background-size: contain; } .callout { background: #f3f2f0; box-sizing: border-box; height: 100%; padding: 20px !important; } @media screen and (min-width: 980px) { .callout { padding: 30px; } } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-top: 0; margin-bottom: 6px !important; } .callout p { margin-bottom: 16px; } .callout *:last-child { margin-bottom: 0; } .callout ul { margin-left: 18px; list-style: none; margin: 0; } .callout ul li { position: relative; font-weight: 100; margin-bottom: 8px; line-height: 24px; padding-left: 16px; } .callout ul li::before { content: "•"; margin-left: -16px; color: #a6a096; position: absolute; } .image-callout-wrap:hover { color: #ffffff; } .image-callout-wrap:hover span { text-decoration: underline; } @media screen and (min-width: 768px) { .image-callout-wrap { margin-bottom: 0px; float: left; height: 100%; margin-top: 0; display: inline-block; width: 100%; } .image-callout-wrap:not(:first-of-type) { margin-left: 1%; } } .image-callout-wrap .image-callout { box-sizing: border-box; position: relative; display: block; width: 100%; margin-bottom: 0px; height: 100%; background-color: #fff; background-size: cover; background-position: center top; background-repeat: no-repeat; } .image-callout-wrap .image-callout * { color: #fff; } .image-callout-wrap .image-callout span { position: absolute; box-sizing: border-box; display: block; text-align: left; background: #005983; font-family: "lexia", serif; font-weight: 300; font-size: 20px; bottom: 0; left: 0; width: 100%; background: rgba(0, 89, 131, 0.5); line-height: 24px; padding: 18px 60px 16px 20px; text-decoration: none; } @media screen and (min-width: 768px) { .image-callout-wrap .image-callout span { margin-top: 0; margin-bottom: 0; z-index: 9; font-size: 20px; line-height: 24px; padding: 18px 60px 16px 20px; } } @media screen and (min-width: 980px) { .image-callout-wrap .image-callout span { font-size: 24px; line-height: 30px; } } .image-callout-wrap .image-callout span:focus, .image-callout-wrap .image-callout span:active, .image-callout-wrap .image-callout span:hover { color: #fff; } .image-callout-wrap .image-callout span:after { content: ""; position: absolute; right: 20px; height: 30px; width: 30px; padding: 1px; background-image: url("../images/club-images/icon/link-arrow-right.png"); background-size: 28px 28px; background-position: center center; background-repeat: no-repeat; top: 12px; } @media screen and (min-width: 768px) { .image-callout-wrap .image-callout span:after { top: 16px; } } @media screen and (max-width: 767.98px) { .image-callout-wrap .image-callout.mobile-breakdown { background-image: none !important; height: auto; } .image-callout-wrap .image-callout.mobile-breakdown span { position: relative; } } div.image-callout-wrap { width: 100%; } div.image-callout-wrap:hover span { text-decoration: none; } div.image-callout-wrap a:hover span { text-decoration: underline; } .three-column-info-blocks .info-block h3 { float: left; width: 100%; } .three-column-info-blocks .info-block h3 img { float: left; margin-right: 14px; max-height: 100px; max-width: 100px; } .three-column-info-blocks .info-block a.arrow { margin: 10px 0 !important; padding: 8px 20px; background: #005983; color: #fff; } .bio-block { box-sizing: border-box; background: #f3f2f0; padding: 25px 20px 20px; margin-bottom: 25px; } @media screen and (max-width: 480.98px) { .bio-block { padding: 25px 15px 15px; } } @media screen and (min-width: 768px) { .bio-block { padding: 15px; } } .bio-block .left, .bio-block .right { box-sizing: border-box; display: inline-block; vertical-align: top; } @media screen and (max-width: 767.98px) { .bio-block .left, .bio-block .right { width: 100%; } } .bio-block .left { text-align: center; /*@include breakpoint(large) { width: 39%; }*/ } @media screen and (max-width: 767.98px) { .bio-block .left { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .bio-block .left { width: 35%; } } @media screen and (min-width: 860px) { .bio-block .left { width: 45%; padding-top: 8px; text-align: left; } } .bio-block .left .pic, .bio-block .left .bio { display: block; } @media screen and (min-width: 860px) { .bio-block .left .pic, .bio-block .left .bio { display: inline-block; vertical-align: top; } } .bio-block .left .pic { margin-bottom: 16px; } @media screen and (min-width: 860px) { .bio-block .left .pic { margin-right: 18px; margin-bottom: 0; float: left; width: 31%; } } .bio-block .left .pic img { max-width: 120px; max-height: 120px; border-radius: 50%; background-color: #f3f2f0; } @media screen and (min-width: 860px) { .bio-block .left .pic img { max-width: 100%; } } @media screen and (min-width: 768px) and (max-width: 859px) { .bio-block .left .bio { padding: 0 10px; } } @media screen and (min-width: 860px) { .bio-block .left .bio { float: left; width: 60%; } } .bio-block .left .bio * { display: block; } .bio-block .left .bio h5 { margin-bottom: 0px !important; } .bio-block .left .bio p.title { font-style: italic; font-weight: 100; margin-bottom: 4px; } @media screen and (min-width: 860px) { .bio-block .left .bio p.title { margin-bottom: 10px; } } .bio-block .left .bio a { font-size: 16px; word-break: break-all; } .bio-block .left .bio a.phone, .bio-block .left .bio a.phone:focus, .bio-block .left .bio a.phone:active, .bio-block .left .bio a.phone:hover { color: #1b1c1c; } .bio-block .right { padding: 15px; background: rgba(237, 233, 230, 0.95); /*@include breakpoint(large) { width: 60%; }*/ } @media screen and (min-width: 768px) { .bio-block .right { width: 64%; } } @media screen and (min-width: 860px) { .bio-block .right { width: 54%; } } .bio-block .right *:last-child { margin-bottom: 0; } .callout { background: #f3f2f0; box-sizing: border-box; height: 100%; padding: 20px !important; } /* Content Area Like Granite */ .card-view { background: #f3f2f0; } .card-view .sr-banners { width: 100%; height: 300px; object-fit: cover; } .card-view .sr-heading h2 { margin: 0 !important; padding: 17px 12.5px; background: #ede9e6; font-size: 33px; letter-spacing: 1px; font-weight: bold !important; position: relative; text-align: center; margin: -35px auto -30px !important; width: 75%; } .card-view .sr-content-area { padding: 40px; background: #f3f2f0; } .card-view-two { padding: 20px; background-color: #f3f2f0; margin-bottom: 40px; } .cvt-header { position: relative; } .cvt-heading { background: rgba(116, 112, 111, 0.86); display: block; position: absolute; bottom: 0; width: 100%; padding: 12.5px 0; text-align: center; color: #fff; padding: 10px 0; } .cvt-content-area { background-color: #f3f2f0; padding-top: 50px; } .featured-event { display: block; position: relative; background: #fff; box-sizing: border-box; box-shadow: 0px 0px 7px rgba(128, 128, 128, 0.5); margin-bottom: 20px; padding-left: 140px; min-height: 100px; } @media screen and (max-width: 480.98px) { .featured-event { padding-left: 0; } } .featured-event .left, .featured-event .right { display: inline-block; vertical-align: top; box-sizing: border-box; } .featured-event .left { position: absolute; width: 140px; left: 0; top: 0; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media screen and (max-width: 480.98px) { .featured-event .left { position: relative; width: 100%; height: 180px; right: 0; } } .featured-event .right { width: 100%; padding: 15px; } @media screen and (max-width: 480.98px) { .featured-event .right { padding: 20px; } } .featured-event .right *:first-child { margin-top: 0; } .featured-event .right *:last-child { margin-bottom: 0; } .featured-event .right h5 { margin-bottom: 2px; } @media screen and (max-width: 480.98px) { .featured-event .right h5 { font-size: 24px; line-height: 30px; margin-bottom: 4px; } } .featured-event .right p.subheadline { font-weight: 900; text-transform: uppercase; color: #005983; font-size: 12px; margin-bottom: 4px; line-height: 1.4; } @media screen and (max-width: 480.98px) { .featured-event .right p.subheadline { margin-bottom: 8px; } } .featured-event .right p.subheadline span:not(:last-child):after { content: "|"; margin-right: 4px; margin-left: 6px; } .featured-event .right p { font-size: 14px; font-weight: 100; line-height: 1.2; } .featured-event .right a { font-size: 14px; } @media screen and (max-width: 480.98px) { .featured-event .right a { display: block; background: #005983; border-radius: 3px; border: none; text-shadow: none; text-align: center; font-weight: 900; color: #fff; padding: 9px 20px 10px; margin-top: 30px !important; font-size: 15px; box-shadow: none; transition: background 0.1s ease; } .featured-event .right a:hover { background: #9B0618; color: #fff; transition: background 0.1s ease; } .featured-event .right a:after { display: none; } } .featured-cta-text-block { position: relative; box-sizing: border-box; margin-bottom: 30px; background: #f3f2f0 !important; padding: 20px; } @media screen and (min-width: 768px) { .featured-cta-text-block { padding: 18px; } } @media screen and (min-width: 980px) { .featured-cta-text-block { padding: 20px; } } @media screen and (min-width: 1200px) { .featured-cta-text-block { padding: 30px; } } .featured-cta-text-block h1, .featured-cta-text-block h2, .featured-cta-text-block h3, .featured-cta-text-block h4, .featured-cta-text-block h5, .featured-cta-text-block h6 { color: #1b1c1c; margin-bottom: 10px; margin-top: 0; } .featured-cta-text-block .btn { margin-bottom: 4px; } @media screen and (max-width: 480.98px) { .featured-cta-text-block .btn { display: block; } } @media screen and (min-width: 768px) { .featured-cta-text-block .btn { margin-bottom: 12px; } } @media screen and (min-width: 980px) { .featured-cta-text-block .btn { min-width: 150px; } } .featured-cta-text-block .left, .featured-cta-text-block .right { vertical-align: bottom; } @media screen and (min-width: 768px) { .featured-cta-text-block .left, .featured-cta-text-block .right { display: inline-block; } } .featured-cta-text-block .left *:last-child { margin-bottom: 20px; } @media screen and (min-width: 768px) { .featured-cta-text-block .left { width: 79%; } .featured-cta-text-block .left *:last-child { margin-bottom: 0; } } @media screen and (min-width: 768px) { .featured-cta-text-block .right { width: 20%; text-align: right; } } @media screen and (max-width: 767.98px) { .featured-cta-text-block.with-hours-block img { margin-bottom: 20px; width: 100%; } } .featured-cta-text-block.with-hours-block .hours-block { background-color: #ede9e6; padding: 15px; } @media screen and (max-width: 767.98px) { .featured-cta-text-block.with-hours-block .hours-block { margin-top: 20px; } } .featured-text-block { position: relative; box-sizing: border-box; margin-bottom: 30px; background: #f3f2f0; padding: 20px; } @media screen and (min-width: 768px) { .featured-text-block { padding: 16px; } } @media screen and (min-width: 980px) { .featured-text-block { padding: 20px; } } @media screen and (min-width: 1200px) { .featured-text-block { padding: 24px; } } .featured-text-block .left, .featured-text-block .right { vertical-align: top; } @media screen and (max-width: 767.98px) { .featured-text-block .left { margin-bottom: 20px; } } @media screen and (min-width: 768px) { .featured-text-block .left { position: absolute; left: 16px; top: 16px; } } @media screen and (min-width: 980px) { .featured-text-block .left { left: 20px; top: 20px; } } @media screen and (min-width: 1200px) { .featured-text-block .left { left: 24px; top: 24px; } } @media screen and (max-width: 767.98px) { .featured-text-block .left img { width: 100%; } } @media screen and (min-width: 768px) { .featured-text-block .left img { max-height: 135px; max-width: 180px; } } @media screen and (min-width: 980px) { .featured-text-block .left img { max-width: 200px; max-height: 200px; } } .featured-text-block .right { min-height: 135px; } @media screen and (min-width: 768px) { .featured-text-block .right { padding-left: 200px; } } @media screen and (min-width: 980px) { .featured-text-block .right { padding-left: 216px; } } @media screen and (min-width: 1200px) { .featured-text-block .right { padding-left: 230px; } } .featured-text-block h3 { margin-bottom: 10px; margin-top: 0; } .featured-cta-text-block { position: relative; box-sizing: border-box; margin-bottom: 30px; background: #f3f2f0; padding: 20px; } .featured-cta-text-block .left { width: 79%; } @media (min-width: 300px) and (max-width: 767px) { .featured-cta-text-block .left { width: 100% !important; } } .featured-cta-text-block .right { width: 20%; text-align: right; display: inline-block; vertical-align: bottom; } @media (min-width: 300px) and (max-width: 767px) { .featured-cta-text-block .right { width: 100% !important; } } .callout { background: #f3f2f0; box-sizing: border-box; height: 100%; padding: 20px !important; } @media screen and (min-width: 980px) { .callout { padding: 30px; } } .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 { margin-top: 0; margin-bottom: 6px !important; } .callout p { margin-bottom: 16px; } .callout *:last-child { margin-bottom: 0; } .callout ul { margin-left: 18px; list-style: none; margin: 0; } .callout ul li { position: relative; font-weight: 100; margin-bottom: 8px; line-height: 24px; padding-left: 16px; } .callout ul li::before { content: "•"; margin-left: -16px; color: #a6a096; position: absolute; } .image-callout-wrap:hover { color: #ffffff; } .image-callout-wrap:hover span { text-decoration: underline; } @media screen and (min-width: 768px) { .image-callout-wrap { margin-bottom: 0px; float: left; height: 100%; margin-top: 0; display: inline-block; width: 100%; } .image-callout-wrap:not(:first-of-type) { margin-left: 1%; } } .image-callout-wrap .image-callout { box-sizing: border-box; position: relative; display: block; width: 100%; margin-bottom: 0px; height: 100%; background-color: #fff; background-size: cover; background-position: center top; background-repeat: no-repeat; } .image-callout-wrap .image-callout * { color: #fff; } .image-callout-wrap .image-callout span { position: absolute; box-sizing: border-box; display: block; text-align: left; background: #005983; font-family: "lexia", serif; font-weight: 300; font-size: 20px; bottom: 0; left: 0; width: 100%; background: rgba(0, 89, 131, 0.5); line-height: 24px; padding: 18px 60px 16px 20px; text-decoration: none; } @media screen and (min-width: 768px) { .image-callout-wrap .image-callout span { margin-top: 0; margin-bottom: 0; z-index: 9; font-size: 20px; line-height: 24px; padding: 18px 60px 16px 20px; } } @media screen and (min-width: 980px) { .image-callout-wrap .image-callout span { font-size: 24px; line-height: 30px; } } .image-callout-wrap .image-callout span:focus, .image-callout-wrap .image-callout span:active, .image-callout-wrap .image-callout span:hover { color: #fff; } .image-callout-wrap .image-callout span:after { content: ""; position: absolute; right: 20px; height: 30px; width: 30px; padding: 1px; background-image: url("../images/club-images/icon/link-arrow-right.png"); background-size: 28px 28px; background-position: center center; background-repeat: no-repeat; top: 12px; } @media screen and (min-width: 768px) { .image-callout-wrap .image-callout span:after { top: 16px; } } @media screen and (max-width: 767.98px) { .image-callout-wrap .image-callout.mobile-breakdown { background-image: none !important; height: auto; } .image-callout-wrap .image-callout.mobile-breakdown span { position: relative; } } div.image-callout-wrap { width: 100%; } div.image-callout-wrap:hover span { text-decoration: none; } div.image-callout-wrap a:hover span { text-decoration: underline; } .hero-unit * { color: #fff !important; } .hero-unit { padding-top: 250px !important; border-radius: 0px !important; background: #333943; box-sizing: border-box; border-radius: 0; position: relative; margin-bottom: 0; background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 80px 0 20px; } @media (min-width: 300px) and (max-width: 767px) { .hero-unit { padding-top: 50px !important; } } .hero-unit:hover { text-decoration: none !important; } .hero-unit:after { position: absolute; content: ""; z-index: 1; height: 100%; width: 100%; left: 0; bottom: 0; background-image: url(../images/hero-overlay.png); background-repeat: no-repeat; background-position: center bottom; background-size: auto 75%; } .hero-unit h1 { font-size: 70px !important; line-height: 80px !important; } @media screen and (max-width: 480px) { .hero-unit h1 { font-size: 30px !important; color: #333943 !important; display: inline-block; padding: 15px 14px 9px; text-align: center; background: #FCFAF8; margin-top: 0; line-height: 1.2 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #B2AEA8; margin-bottom: 0 !important; width: 100%; } .hero-unit > .container-fluid, .hero-unit > .container-xl, .hero-unit > .container-lg, .hero-unit > .container-md, .hero-unit > .container-sm { display: inline-block; padding: 5px !important; background: #fff; width: auto; max-width: 95%; width: 100%; } } .links-block { box-sizing: border-box; margin: 20px 0; padding: 16px 10px 16px 10px; background: #f3f2f0; } .links-block .link-block span { display: block; background: #ede9e6; padding: 4px 10px; font-size: 13px; } @media screen and (max-width: 767px) { .links-block .link-block .span1 { float: left; width: 30px !important; text-align: left !important; } .links-block .link-block .span11 { width: calc(100% - 30px) !important; float: right !important; } .link-block { margin-bottom: 10px; } } .containerOverlay { position: relative; width: 100%; } .containerOverlay .overlay { position: absolute; bottom: 0; left: 0; width: 50%; height: 50%; background-color: rgba(76, 76, 75, 0.5); transition: 0.5s; /* ::before { content: 'aaa'; position: absolute; top: 10%; right: 10%; transition: .5s; } */ } .containerOverlay .overlay .text { font-weight: 400; font-size: 20px; text-align: left; text-shadow: 0.1px 0.1px 0.1px #111; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .containerOverlay p { color: #fff !important; text-transform: capitalize; line-height: inherit !important; } .containerImg a:hover .overlay, .containerImg a:focus .overlay { width: 100%; height: 100%; background-color: rgba(45, 45, 40, 0.8); } .containerImg:hover .overlay:before { transform: rotate(180deg); } .page-title-and-description-with-promotional-content .page-description { margin-bottom: 34px !important; } .page-title-and-description-with-promotional-content .callout { background: #f3f2f0; box-sizing: border-box; height: 100%; padding: 20px !important; } .static-image-block { box-sizing: border-box; } @media screen and (max-width: 767.98px) { .static-image-block { position: relative; min-height: 350px; background-size: auto 60%; background-repeat: no-repeat; background-position: center top; } } @media screen and (max-width: 480.98px) { .static-image-block { min-height: 400px; background-size: auto 60%; background-position: 60% top; background-repeat: no-repeat; } } @media screen and (min-width: 768px) { .static-image-block { background-size: cover; background-position: center center; background-repeat: no-repeat; } } .static-image-block .content { position: relative; box-sizing: border-box; } .static-image-block .content .btn { margin: 0; padding: 8px 20px; background: #005983; color: #fff; } @media screen and (max-width: 767.98px) { .static-image-block .content { background: #f3f2f0; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; min-height: 45%; } .static-image-block .content h3, .static-image-block .content p { margin-bottom: 8px; } } @media screen and (min-width: 768px) { .static-image-block .content { background: rgba(243, 242, 240, 0.75); height: 100%; width: 30%; padding: 24px 20px; min-height: 330px; min-width: 308px; } } @media screen and (min-width: 980px) { .static-image-block .content { width: 25%; padding: 36px 30px; } } .static-image-block .content * { color: #fff; } .static-image-block .content *:first-child { margin-top: 0; } .static-image-block .content *:last-child { margin-bottom: 0; } .static-image-block .content p { font-weight: 100; margin-bottom: 26px; } @media screen and (max-width: 767.98px) { .static-image-block.mobile-breakdown { margin-bottom: 12px; min-height: auto; background: none !important; } .static-image-block.mobile-breakdown .content { position: relative; text-align: left; padding: 17px 60px 16px 20px; } .static-image-block.mobile-breakdown .content p { display: none; } .static-image-block.mobile-breakdown .content * { font-size: 20px; font-weight: 300; line-height: 24px; margin-bottom: 0 !important; display: inline-block; } .static-image-block.mobile-breakdown .content a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; } .static-image-block.mobile-breakdown .content:hover h3 { text-decoration: underline; } .static-image-block.mobile-breakdown .content::after { content: ""; position: absolute; right: 20px; height: 30px; width: 30px; padding: 1px; background-image: url("/library/images/icon/link-arrow-right.png"); -webkit-background-size: 28px 28px; -o-background-size: 28px 28px; background-size: 28px 28px; background-position: center center; background-repeat: no-repeat; top: 12px; } } #ui-area a.transactional-content-wrap:hover { text-decoration: none; } #ui-area a.transactional-content-wrap:hover h3 { text-decoration: underline; } #ui-area a.transactional-content-wrap:hover span.btn { background: #9B0618; } #ui-area .transactional-content { position: relative; height: 100%; box-sizing: border-box; padding-bottom: 60px; background: #fff; box-shadow: 0px 0px 7px rgba(128, 128, 128, 0.5); min-height: 400px; } #ui-area .transactional-content h1, #ui-area .transactional-content h2, #ui-area .transactional-content h3, #ui-area .transactional-content h4, #ui-area .transactional-content h5, #ui-area .transactional-content h6, #ui-area .transactional-content p { margin-left: 0px !important; margin-right: 0px !important; } #ui-area .transactional-content .content { margin-top: 24px; } @media screen and (max-width: 767.98px) { #ui-area .transactional-content { margin-bottom: 30px; } } #ui-area .transactional-content * { color: #1b1c1c; font-weight: 100; } #ui-area .transactional-content *:not(.image) { margin-left: 24px; margin-right: 24px; } #ui-area .transactional-content .image { height: 250px; background-size: cover; background-position: center top; background-repeat: no-repeat; } @media screen and (min-width: 768px) { #ui-area .transactional-content .image { height: 200px; } } @media screen and (min-width: 980px) { #ui-area .transactional-content .image { height: 180px; } } #ui-area .transactional-content a.btn, #ui-area .transactional-content span.btn { position: absolute; left: 24px; right: 24px; bottom: 24px; margin: 0; padding: 8px 20px; background: #005983; color: #fff; } @media screen and (max-width: 979.98px) { #ui-area .transactional-content a.btn, #ui-area .transactional-content span.btn { width: 93% !important; } } @media screen and (max-width: 480.98px) { #ui-area .transactional-content a.btn, #ui-area .transactional-content span.btn { width: 87% !important; } } /* Parking */ .parking-availability { margin-right: 30px; margin-bottom: 20px; } .parking-availability-container { margin: 0% 5%; } .pa-header { font-weight: bold; text-align: center; } .pa-header, .pa-entry { margin-bottom: 10px; } .pa-header > div:first-child, .pa-entry > div:first-child { float: left; width: 40%; } .pa-header > div:not(:first-child), .pa-entry > div:not(:first-child) { float: left; width: 20%; } .pa-entry > div:not(.pa-entry-day-and-date) { line-height: 2; font-size: 20px; text-align: center; } .pa-entry .pa-entry-day-and-date { margin-bottom: 0px; font-weight: 700; font-size: 13px; line-height: 1.2; } .pa-entry .pa-entry-day { font-size: 11px; font-weight: 900; text-transform: uppercase; color: #A6A19B; margin-top: 16px; margin-bottom: 0; } .pa-entry .fa-circle.green { color: #79AB69; } .pa-entry .fa-circle.red { color: #C8102E; } .pa-entry .fa-circle.yellow { color: #EDC827; } .span4 .image + .image-title { margin: 20px 5px 50px; font-weight: bold; } .photo-list-container ul.photo-list-ul { margin-left: 0px !important; } /* For Default Desktop View */ @media screen and (min-width: 981px) and (max-width: 3200px) { .photo-list-container ul.cstm-tmplt-ul > li.cstm-tmplt-ul:nth-child(odd) .photo { margin-left: 5px; } .photo-list-container ul.cstm-tmplt-ul > li.cstm-tmplt-li:nth-child(even) { padding-left: 15px; } } /* start classes for single tile right side*/ #ui-area #content-margin .layout-region--right.cont-wrapper-two .wrapper-two-area .TilesWebContentTemplate .views-element-container { width: 100% !important; margin: 0 !important; } #ui-area #content-margin .layout-region.layout-region--right.cont-wrapper-two { font-size: inherit !important; } /* end classes for single tile right side*/ .TilesWebContentTemplate { /* .tiles-layout-content { position: relative; z-index: 0; } */ } .TilesWebContentTemplate .layout-container { margin: 0 auto; } .TilesWebContentTemplate #block-custom-tiles-content { display: flex; flex-wrap: wrap; flex-flow: row wrap; justify-content: space-between; } @media (min-width: 976px) { .TilesWebContentTemplate #block-custom-tiles-content:after { content: ""; flex: 0 1 auto; width: 32%; max-height: 300px; overflow: hidden; } } .TilesWebContentTemplate .views-element-container { padding: 0; } @media only screen and (max-width: 975px) { .TilesWebContentTemplate .views-element-container { margin: 0.5em 0 !important; width: 100% !important; } } @media (min-width: 976px) { .TilesWebContentTemplate .views-element-container { margin: 1em 0; width: 32% !important; } } .TilesWebContentTemplate .views-element-container:first-child { margin-left: 0 !important; } .TilesWebContentTemplate .views-element-container:last-child { margin-right: 0 !important; } .TilesWebContentTemplate .span4 { width: 100% !important; margin-left: 0px !important; } .TilesWebContentTemplate .views-element-container .span6 { width: 100% !important; } .TilesWebContentTemplate .field-content, .TilesWebContentTemplate .button-holder { display: block; } .TilesWebContentTemplate .gridfield-image { padding: 150px 0; position: relative; background-size: cover; background-color: #009ae1; } .TilesWebContentTemplate .gridfield-content { font-family: "lexia", serif; font-style: normal; position: absolute; width: 100%; height: 100%; bottom: -83%; transition: 0.25s bottom; padding: 15px 20px; background-color: rgba(0, 89, 131, 0.85); color: white; font-size: 0.85em; font-weight: 300; line-height: 1.4; } .TilesWebContentTemplate .gridfield-title { font-size: 1.4em; line-height: 1.15; font-weight: 500; white-space: pre; overflow: hidden; text-overflow: ellipsis; } .TilesWebContentTemplate .gridfield-body { margin: 1em 0; font-size: 16px; } .TilesWebContentTemplate .gridfield-readmore a { font-family: "lexia", serif; display: inline-block; color: white !important; text-transform: uppercase; line-height: 1.15 !important; font-weight: 400 !important; font-size: 0.85em; border: 2px solid white !important; border-radius: 5px; padding: 0.35em 0.5em !important; margin-top: 0.25em !important; font-size: 16px; } .TilesWebContentTemplate .gridfield-readmore a:hover { background-color: #005983 !important; color: #fff; } .TilesWebContentTemplate .gridfield-image:hover .gridfield-title { white-space: normal; } .TilesWebContentTemplate .gridfield-images { margin-left: -20px; margin-right: -20px; margin-bottom: 2em; } .TilesWebContentTemplate .gridfield-images .views-row { margin: 0 20px; overflow: hidden; position: relative; border: 1px solid transparent; } .TilesWebContentTemplate .gridfield-images .views-row:focus { border-color: #999; outline: none; } .TilesWebContentTemplate .gridfield-image:hover .gridfield-content, .TilesWebContentTemplate .slick-slide:focus .gridfield-content { bottom: 0; } .TilesWebContentTemplate .gridfield-images-wrapper ul { list-style-type: none; padding: 0 !important; } .TilesWebContentTemplate .gridfield-images-wrapper li { margin: 0 20px; } .TilesWebContentTemplate .gridfield-images-wrapper li:before { display: none !important; } .TilesWebContentTemplate .gridfield-list-images section { background-color: white; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); vertical-align: top; } .TilesWebContentTemplate .gridfield-date { font-weight: 100; text-transform: uppercase; font-size: 23px; border-bottom: 1px solid white; padding: 0 0 4px; margin: 0 0 10px; } .TilesWebContentTemplate .gridfield-date + .gridfield-title { font-size: 1em; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 3px 0; } .TilesWebContentTemplate .gridfield-content:hover .gridfield-date + .gridfield-title { white-space: normal; } .TilesWebContentTemplate .gridfield-list-images section, .TilesWebContentTemplate .gridfield-list-images .views-row { border: none; overflow: hidden; } .TilesWebContentTemplate .gridfield-list-images section { padding: 2em; } .TilesWebContentTemplate .gridfield-list-images section, .TilesWebContentTemplate #block-custom-tiles-content .gridfield-list-images .views-row, .TilesWebContentTemplate .gridfield-list-images nav { margin: 0; border: none; } .TilesWebContentTemplate .gridfield-list-images nav ul { display: flex; justify-content: center; align-items: baseline; padding: 0.5em 0.25em; margin: 0; background-color: #009ae1; } .TilesWebContentTemplate .gridfield-list-images nav li { display: inline-block; padding: 0; margin: 0 0.25em; } .TilesWebContentTemplate .gridfield-list-images nav li, .TilesWebContentTemplate .gridfield-list-images nav a { font-weight: 300; color: white; } .TilesWebContentTemplate .gridfield-list-images nav a { margin: 0; min-width: 38px; text-align: center; padding: 0.4em 0.8em; display: inline-block; background-color: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.2); } .TilesWebContentTemplate .gridfield-list-images nav a:hover { background-color: rgba(255, 255, 255, 0.4); border-color: rgba(255, 255, 255, 0.4); } .TilesWebContentTemplate .gridfield-list-images nav li:before { display: none; } .TilesWebContentTemplate .gridfield-list-images.gridfield-list-images-nointro section { position: relative; width: 100%; overflow: visible; padding: 0; height: 0; top: -40px; background-color: transparent; box-shadow: none; } .TilesWebContentTemplate .gridfield-list-images.gridfield-list-images-facilities { margin-top: 0; } .TilesWebContentTemplate .gridfield-list-images.gridfield-list-images-facilities section { top: 0; height: auto; border-width: 10px; } .TilesWebContentTemplate .gridfield-list-images.green .gridfield-image { background-color: rgb(1, 172, 171); } .TilesWebContentTemplate .gridfield-list-images.green .gridfield-content { background-color: rgba(1, 172, 171, 0.85); } .TilesWebContentTemplate .gridfield-list-images.blue .gridfield-image { background-color: rgb(0, 55, 104); } .TilesWebContentTemplate .gridfield-list-images.blue .gridfield-content { background-color: rgba(0, 55, 104, 0.85); } @media (min-width: 976px) { .TilesWebContentTemplate .layout--twocol > .layout-region--left { flex: 0 1 66%; } .TilesWebContentTemplate .layout--twocol > .layout-region--right { flex: 0 1 32%; } .TilesWebContentTemplate .ie .layout--twocol > .layout-region--left { flex-basis: 60%; } .TilesWebContentTemplate .ie .layout--twocol > .layout-region--right { flex-basis: 27%; } .TilesWebContentTemplate .frontpage-about-summary .views-field-body { width: 66%; } .TilesWebContentTemplate .gridfield-list-images { display: flex; flex-wrap: wrap; flex-flow: row wrap; justify-content: space-between; } .TilesWebContentTemplate .gridfield-list-images:after { content: ""; } .TilesWebContentTemplate .gridfield-list-images:after, .TilesWebContentTemplate .gridfield-list-images section, .TilesWebContentTemplate .gridfield-list-images .views-row, .TilesWebContentTemplate .gridfield-list-images nav { flex: 0 1 auto; width: 32%; max-height: 300px; overflow: hidden; } .TilesWebContentTemplate .gridfield-list-images nav { width: 100%; } .TilesWebContentTemplate .gridfield-list-images section { width: 66%; padding: 2em; } } .impersonation-msg { right: 0px !important; width: 100% !important; max-width: 100% !important; } .ach-create-btn { margin-bottom: 5px; } .ach-list-col-status { text-align: center !important; } .ach-list-col-activiation-date { text-align: center !important; } #ui-area .ChangePassword-portlet .cp-cell { position: relative !important; } #ui-area .ChangePassword-portlet .changePasswordError { padding: 5px 20px !important; } .msi-label { margin-top: 15px; } .fa-minus-square-wo { color: red; } .work-order-img img { width: 23px; height: 20px; } .member-info-grid label { word-break: break-all; } .work-order-detail-grid { text-align: left; } .member-info-grid { text-align: left; } .wo-no { color: #005983 !important; text-decoration: underline !important; } .wo-grid-col { padding: 5px !important; } @media (max-width: 740px) and (min-width: 641px) { .credit-book-box { height: 320px; } } .cbp-reset { width: 5% !important; margin-bottom: 6px !important; } .credit-book-box td { width: 50%; } .cross .rc-icon { color: #fff !important; margin-top: 9px; } .CreditBook-portlet button.ui-datepicker-trigger.ui-button { margin: 0 3px !important; vertical-align: text-bottom !important; } .CreditBook-portlet .cbp-reset { vertical-align: top !important; } .CreditBook-portlet span.ui-button-text.ui-c { padding-bottom: 1px !important; padding-top: 1px !important; vertical-align: bottom !important; } @media (max-width: 640px) { .del-col { display: block; } .name-col { display: none !important; } } .del-col { display: none; } .name-col { display: block; } .cc-icon-size { font-size: 1.5em; } .cc-del { margin-left: 10px; } .cc-grid-view .ui-grid-row { border-top: 0px !important; } @media (min-width: 980px) { .cc-form-msg { width: 220px; } .cc-exp-grid { width: 270px; } } @media (max-width: 980px) { .cc-exp-grid { width: 100%; } } .cc-openedge-iframe { border: 1px solid #c0bfbe !important; border-radius: 1px !important; width: 100%; } /* 321px and less */ @media (max-width: 321px) { .cc-openedge-iframe { height: 1342px; } } /* 322px to 548px */ @media (min-width: 322px) and (max-width: 548px) { .cc-openedge-iframe { height: 1302px; } } /* 549px to 840px */ @media (min-width: 549px) and (max-width: 840px) { .cc-openedge-iframe { height: 982px; } } /* 841px and above */ @media (min-width: 841px) { .cc-openedge-iframe { height: 947px; } } .cc-ezidebit-iframe { border: 1px solid #c0bfbe !important; border-radius: 1px !important; width: 100%; height: 771px; } .spa-search-controls .ui-calendar { display: flex; max-width: 95% !important; } @media (min-width: 300px) and (max-width: 767px) { .spa-search-controls .ui-calendar { max-width: 100% !important; } } .spa-search-controls .hasDatepicker { max-width: 100% !important; height: 41px !important; margin-top: 2px !important; } .spa-search-controls button.ui-datepicker-trigger.ui-button { height: 41px !important; margin-top: 2px !important; } @media (min-width: 980px) { .main-spa-div button.ui-datepicker-trigger.ui-button { top: 0px !important; } } .center-align { text-align: center; } .middle-align { vertical-align: middle; } .spaTaskAutoComplete { width: auto !important; } .center-align-update { display: block !important; width: 50px; margin: auto !important; } .center-align-cancel { display: block !important; width: 50px; margin: auto !important; } .spa-search-controls .ui-widget-content { background: transparent !important; } .margin-top { margin-top: 5px; } .background-size { background-size: 100% 100%; } .spa-floppy, .spa-pencil, .spa-trash { font-size: 1.5em !important; } .search-controls-label { color: #fff !important; font-weight: 700 !important; text-shadow: 1px 1px #000000; font-size: 1.1em !important; text-transform: uppercase; } .spaTaskAutoComplete { width: auto !important; } .spaProviderDropdown { width: 100px !important; } .spaCalendar input { width: auto !important; } .spa-res-list-buttons a { text-decoration: inherit !important; } .spa-res-list-buttons a:hover { text-decoration: inherit !important; } .spa-res-list-buttons a:active { text-decoration: inherit !important; } .spaNameSelectionAutocomplete { width: auto !important; } .spaNameSelectionAutocomplete input { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .cancel-dialog .ui-dialog-buttonpane { padding: 0.3em 0.4em 0.5em 0.4em !important; } .dropdown-autowidth { width: auto !important; } .gender-radio label { margin-top: 0px !important; } .inline-block { display: inline-block; } .span12.available-times-label { display: table-cell !important; } .span12.employeeName { display: table-cell !important; } @media screen and (min-width: 1025px) { .spa-member-rule-dialog .spa-dialog { width: 650px !important; margin-left: 100px; } } @media (max-width: 640px) { .spa-list-smartphone { display: block; } .spa-res-list-buttons { display: none; } .edit-reservation-label { font-size: 16px !important; } .confirm-heading-label { font-size: 18px !important; } .center-align-cancel, .center-align-update { width: 100px !important; display: inline !important; padding: 5px !important; } .span12.available-times-label { font-size: 14px; } .span12.employeeName { font-size: 14px; } } @media (min-width: 641px) { .spa-list-smartphone { display: none; } .spa-res-list-buttons { display: block; } .center-align-table-component { text-align: center !important; margin: auto !important; display: block !important; } .search-newService-btn { width: 200px; display: inline-block; } .make-newRes-btn { width: 200px !important; display: inline-block; } .dropdown-service { max-width: 210px; } .dropdown-provider { max-width: 210px; } } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display: inline-block; margin: 0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content: ":"; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content: "."; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before { display: none; } /* body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } @media (min-width: 1200px) { .container { width: 1050px; } } */ .main-container { padding: 15px; border: 1px solid #ccc; } /* h1 { font-size: 24px; color: #698167; font-family: 'Exo', sans-serif; font-weight: 400; margin: 0px; text-transform: uppercase; } h2 { font-size: 18px; color: #2f6098; font-family: 'Exo', sans-serif; font-weight: 500; text-transform: uppercase; } h3 { font-size: 12px; font-family: 'Exo', sans-serif; color: #2f6098; font-weight: 500; line-height: 3px !important; } h4 { font-size: 14px; font-family: 'Exo', sans-serif; color: red; font-weight: 500; line-height: 15px !important; text-transform: uppercase; } */ /* spa Reservation .spa-background { background-color: #ECECE1; } */ .margin-guest-hr { margin-top: 10px !important; margin-bottom: 10px !important; } .main-spa-div { background-image: url(../images/club-images/spa-reservation.jpg); padding: 10px; } .spa-margin-top { background-image: url("../images/club-images/spa-bg.png"); margin-top: 270px; padding: 10px; background: rgba(0, 0, 0, 0.8); } .SpaReservation-portlet .ui-datepicker-trigger.ui-button-icon-only .ui-button-text { padding: 2px 0 !important; } @media (max-width: 767px) { .spa-margin-top { margin-top: 20px; } .spa-margin-top h1 { font-size: 20px; } } .SpaReservation-portlet .spa-margin-top h1 { color: #fff !important; font-weight: 700; } /* .spa-margin-top label { color:#fff !important; font-weight:700 !important; text-shadow: 1px 1px #000000; font-size: 1.1em; text-transform: uppercase; } */ .heading-background { background-color: #005076; color: #fff; display: block; font-size: 17px; min-height: 20px; padding: 10px; } .heading-background h1 { color: #fff; font-size: 54px; } .maxPartyMsg { color: red; margin-bottom: 10px; margin-top: 10px; font-weight: bold; } .available-times-dis { background-color: #ccdee6; color: #cccccc; display: inline-block; width: 19%; text-align: center; padding: 5px; margin: 2px; } .available-times { background: #99bdcd; color: #000 !important; display: block; margin: 4px 5px 4px; padding: 14px 0; text-align: center; /* width: 48%; */ } @media (min-width: 300px) and (max-width: 767px) { .available-times { margin: 4px 0px 4px !important; } } .available-times:hover { background-color: #80acc1; color: white !important; text-decoration: none !important; cursor: pointer; } /* End */ /* SPA Calender Style */ .ui-timepicker-oneLine select { width: 80px; } .ui-datepicker { width: 17em !important; } .SpaReservation-portlet button.ui-datepicker-trigger.ui-button { height: 40px; } /* .ui-widget { font-size: 13px !important; } */ /*End SPA Calender Style */ .DiningReservation-portlet .dining-even-row .ui-grid-col-3 { margin: 0px; } .DiningReservation-portlet .availableTimes .heading-background { height: 40px !important; } .DiningReservation-portlet .ui-panel-titlebar { background-color: #005983 !important; } .DiningReservation-portlet .dining-even-col { padding: 10px 5px !important; } .DiningReservation-portlet .dining-odd-col { padding: 0px 10px; } .dining-time input, .dining-date input { width: calc(100% - 36px) !important; max-width: calc(100% - 36px) !important; } @media (min-width: 980px) { .dining-search-div button.ui-datepicker-trigger.ui-button { top: -3px !important; } } .dining-search-div { background-image: url(../images/club-images/dinig-reservation.jpg); padding: 10px; background-size: cover; } .dining-margin-top { margin-top: 195px; padding: 10px; } .DiningReservation-portlet .ui-corner-all { margin-top: 0 !important; } .DiningReservation-portlet .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { background: #fff !important; } .DiningReservation-portlet .ui-inputfield.ui-widget.ui-state-default.ui-corner-all.hasDatepicker { background: #fff !important; } .DiningReservation-portlet .ui-selectonemenu-trigger.ui-state-default.ui-corner-right { background: #fff !important; } .DiningReservation-portlet .ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only { background: #fff !important; } .dining-search-div .ui-widget-content { background: transparent !important; } @media screen and (min-width: 1921px) and (max-width: 2200px) { .dining-search-div .ui-widget-content { display: inline-block; } } .DiningReservation-portlet .ui-datepicker-trigger.ui-button-icon-only .ui-button-text { padding: 2px 0 !important; } .DiningReservation-portlet .ui-inputfield, .DiningReservation-portlet .ui-widget-content .ui-inputfield, .DiningReservation-portlet .ui-widget-header .ui-inputfield { color: #1b1c1c !important; text-shadow: none; } .DiningReservation-portlet .ui-state-default label { line-height: 20px !important; } .dining-even-row .ui-grid-col-3 { margin-left: 0px !important; } .availableTimes .heading-background { min-height: 40px !important; } @media screen and (min-width: 220px) and (max-width: 979px) { .DiningReservation-portlet .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { height: 30px; } } /* For Mobile Devices */ @media (max-width: 640px) { .dining-odd-col { width: 36%; } .dining-even-col { width: 64%; } .dining-pencil { font-size: 1.5em !important; } .dining-trash { font-size: 1.5em !important; } } /* For Desktop */ @media (min-width: 641px) { .dining-odd-col { width: 45%; } .dining-even-col { width: 55%; } } #ui-area .dining-search-label h3 { color: #fff !important; font-size: 30px; font-weight: normal; line-height: 30px; margin-bottom: 15px; } .dining-search-label .ui-button { margin-bottom: 0px !important; } .DiningReservation-portlet .hasDatepicker { width: 82% !important; } @media screen and (min-width: 220px) and (max-width: 767px) { .DiningReservation-portlet .hasDatepicker { width: 90% !important; } #ui-area .dining-margin-top { margin-top: 0px; } } @media screen and (min-width: 768px) and (max-width: 979px) { .DiningReservation-portlet .hasDatepicker { width: 78% !important; } } @media screen and (min-width: 980px) and (max-width: 1199px) { .DiningReservation-portlet .hasDatepicker { width: 77% !important; } } @media screen and (min-width: 980px) and (max-width: 1199px) { button.ui-datepicker-trigger.ui-button { padding: 0px 0 4px; } } @media (max-width: 979px) and (min-width: 641px) { .DiningReservation-portlet button.ui-datepicker-trigger.ui-button { top: -3px !important; } } /* MT#0269836: Integration of Seating Area for Dining Reservations */ .dining-slots-list { list-style-type: none; margin: 0px !important; } .dining-slots-list .dining-slot-list-item { width: 25%; float: left; } .dining-slot-div.active .available-times { background: #002278; color: #fff !important; font-weight: bold; } .dining-slot-sub-location { border: 1px solid #000; margin-left: 15px; margin-right: 10px; } .dining-sub-locations { border-style: ridge; border-left: solid 3px; margin: 4px 0 7px 5px; padding: 12px 0; text-align: center; display: block; text-decoration: none !important; } .dining-sub-locations .fa-times { color: #87000e !important; } .dining-popup-sub-location-link .fa-times { color: #87000e !important; float: right; } .dining-sub-location-label { font-weight: bold; margin-left: 10px; } .dining-sub-Locations-popup .ui-dialog-titlebar .ui-dialog-title { color: 35b8f !important; font-weight: bold; } .dining-sub-location-link { border-style: ridge; margin: 8px 6px 8px 6px; padding: 12px 0; display: block; text-decoration: none !important; } .dining-sub-locations-group { border-style: ridge; } .dining-sub-location-name { padding: 5px; } .dining-popup-back-btn { border: solid black 3px !important; border-radius: 13px !important; padding: 8px; } .dining-popup-sub-locations-panel { margin-bottom: 15px; } .dining-popup-sub-location-link { background: whitesmoke; margin: 0px; padding: 5px; display: block; text-decoration: none !important; } .dining-popup-sub-location-name { color: #035b8f; font-size: 15px; padding: 5px; font-weight: bold; } .dining-popup-close-btn { background: white; margin-top: 10px; margin-bottom: 10px; border: solid black 2px !important; border-radius: 12px !important; padding: 8px; } .dining-popup-back-label { margin-left: 12px; } .dining-confirm-details.ui-widget-overlay { position: initial; top: 0; left: 0; width: 100%; height: 100%; background: none; opacity: 0.3; } @media screen and (max-width: 767px) { .availableTimes .heading-background { min-height: 20px !important; } .dining-slots-list .dining-slot-list-item { width: 100% !important; } .dining-sub-locations-desktop { display: none !important; } .dining-sub-locations-mobile { display: block !important; } .dining-sub-Locations-popup { width: 310px !important; } .dining-slot-sub-location .ui-datagrid .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column { width: 50%; } .dining-slot-sub-location { margin-left: 7px; margin-right: 0px; padding-right: 5px; } } @media screen and (min-width: 768px) { .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column { width: 25% !important; } .dining-sub-locations-desktop { display: block !important; } .dining-sub-locations-mobile { display: none !important; } .dining-sub-Locations-popup { width: 400px !important; height: 300px; margin-left: 200px; } } /* MT#0269836: Integration of Seating Area for Dining Reservations */ .dining-slots-list { list-style-type: none; margin: 0px !important; } .dining-slots-list .dining-slot-list-item { width: 25%; float: left; } .dining-slot-div.active .available-times { background: #002278; color: #fff !important; font-weight: bold; } .dining-slot-sub-location { border: 1px solid #000; margin-left: 15px; margin-right: 10px; } .dining-sub-locations { border-style: ridge; border-left: solid 3px; margin: 4px 0 7px 5px; padding: 12px 0; text-align: center; display: block; text-decoration: none !important; } .dining-sub-locations .fa-times { color: #87000e !important; } .dining-popup-sub-location-link .fa-times { color: #87000e !important; float: right; } .dining-sub-location-label { font-weight: bold; margin-left: 10px; } .dining-sub-Locations-popup .ui-dialog-titlebar .ui-dialog-title { color: 35b8f !important; font-weight: bold; } .dining-sub-location-link { border-style: ridge; margin: 8px 6px 8px 6px; padding: 12px 0; display: block; text-decoration: none !important; } .dining-sub-locations-group { border-style: ridge; } .dining-sub-location-name { padding: 5px; } .dining-popup-back-btn { border: solid black 3px !important; border-radius: 13px !important; padding: 8px; } .dining-popup-sub-locations-panel { margin-bottom: 15px; } .dining-popup-sub-location-link { background: whitesmoke; margin: 0px; padding: 5px; display: block; text-decoration: none !important; } .dining-popup-sub-location-name { color: #035b8f; font-size: 15px; padding: 5px; font-weight: bold; } .dining-popup-close-btn { background: white; margin-top: 10px; margin-bottom: 10px; border: solid black 2px !important; border-radius: 12px !important; padding: 8px; } .dining-popup-back-label { margin-left: 12px; } .dining-confirm-details.ui-widget-overlay { position: initial; top: 0; left: 0; width: 100%; height: 100%; background: none; opacity: 0.3; } @media screen and (max-width: 767px) { .availableTimes .heading-background { min-height: 20px !important; } .dining-slots-list .dining-slot-list-item { width: 100% !important; } .dining-sub-locations-desktop { display: none !important; } .dining-sub-locations-mobile { display: block !important; } } @media screen and (min-width: 768px) { .dining-slot-sub-location .ui-datagrid .ui-datagrid-content .ui-datagrid-data .ui-datagrid-row .ui-datagrid-column { width: 25% !important; } .dining-sub-locations-desktop { display: block !important; } .dining-sub-locations-mobile { display: none !important; } } #ui-area .DiningReservation-portlet .dining-sub-Locations-popup { background: white !important; } /* MT#0226845: App Sanity */ @media (min-width: 300px) and (max-width: 767px) { html a:hover, html a:active, html a:focus { outline-width: 0px !important; outline: 0 !important; } html a:focus { outline-width: 0 !important; outline: 0 !important; } html div:focus { outline-width: 0 !important; outline: 0 !important; } html div:focus-within { outline: 0; } html a:focus-within { outline: 0; } html table tr td:focus-within { outline: 0; } html table tr:focus-within { outline: 0; } } /*-----------For Iphone6 Responsive css ------- */ @media screen and (min-height: 900px) { .reservationList { overflow: scroll !important; top: 52% !important; height: 590px !important; } .spa-cancel-dialog { top: 52% !important; } .ui-datatable-scrollable-body { height: 350px !important; } .reservationAlreadyAlertDialog { top: 20% !important; } .questionAnsDialog { overflow: scroll !important; top: 52% !important; height: 590px !important; } .salesItemInfoDialog { top: 48% !important; } .clockImg { margin: 0px 10px 0px 0; } .clockDateTime { vertical-align: 0px; } } /*-----------For other mobile Responsive css ------- */ @media screen and (max-height: 480px) { .ui-datatable-scrollable-body { height: 160px !important; } .waiverHideColumn { width: 60% !important; } } @media screen and (max-height: 400px) { .ui-datatable-scrollable-body { height: 100px !important; } .waiverHideColumn { display: none; } } /*-----------Event Reservation Responsive css ------- */ @media (min-width: 641px) and (max-width: 818px) { .memberIconColumn { width: 230px; } .memberIconRight { margin-left: 5px !important; } } @media (min-width: 419px) and (max-width: 425px) { .memberIconRight { margin-left: 46px !important; margin-top: -64px; } } @media (max-width: 418px) { .memberIconRight { margin-top: -58px; margin-left: -148px !important; } .childTxt { margin-top: 4px; text-align: left; } } @media (min-width: 419px) { .memberIconRight { margin-left: -10px; } .childTxt { margin-top: 4px; text-align: left; } } @media (max-width: 328px) { .memberIconRight { margin-top: -118px !important; margin-left: 50px !important; } } @media (min-width: 640px) { .adultTxt { margin-top: 4px; } .childTxt { margin-top: 4px; margin-right: 4%; width: 14%; text-align: right; } .innerMemberIconColumn { width: 100%; } .innerMemberButtonColumn { width: 240px; } .reservationList { width: 88% !important; margin-left: -3% !important; } .resAttendeeSICol { width: 200px; } .itemsColumnForCss { margin-top: -18px; } } @media (min-width: 1156px) { .innerMemberIconColumn { width: 230px; float: left; margin-right: 8%; } .innerMemberButtonColumn { float: left; width: 240px; } } @media (min-width: 1079px) { .reservationList { width: 90% !important; margin-left: -14% !important; } } @media (max-width: 640px) { .typeColumn { margin: -27px 0 0 33%; } .typeColumnHeader { margin-top: 4px !important; margin-bottom: -10px; } .ui-column-title { margin: 0em 1em -0.4em -0.4em !important; } .totalReservationLabel { width: 100%; float: left; text-align: left; } .publishReservationLabel { width: 100%; float: left; } } @media (max-width: 480px) { .typeColumn { margin: -27px 0 0 35%; } .typeColumnHeader { margin-top: 4px !important; margin-bottom: -10px; } .ui-column-title { margin: 0em 1em -0.4em -0.4em !important; } } .upcoming-events-area .events-portlet { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15); margin: 37px 0 73px 0; border: 2px solid #e4e4e4; padding: 40px; } .events-portlet h1.heading.event-list-heading { font-family: "lexia", serif !important; letter-spacing: 3px; font-size: 22px !important; text-transform: uppercase; font-weight: bold !important; margin-bottom: 0 !important; padding-bottom: 0px !important; } .events-event-reservation-dialog.ui-dialog { height: 90% !important; left: 2.5% !important; min-height: 90% !important; overflow-y: hidden; top: 5% !important; width: 95% !important; } .events-event-reservation-iframe { border: none; height: 100% !important; position: absolute; width: 100% !important; left: 0; top: 0; z-index: 300; } .events-advancelisting-eventtype { border-bottom: 0px solid #c1c1c1; border-top: 0px solid #c1c1c1; margin-bottom: 5px; padding: 10px 0; cursor: pointer; } .events-advancelisting-events { display: none; /* padding-left: 20px; */ } /*.events-advancelisting-event:nth-child(1) { margin-top: 5px; }*/ .events-advancelisting-eventdescription { color: #000; font-size: 15px; margin: 0 !important; padding: 0 !important; } .events-advancelisting-event { width: 100%; box-sizing: border-box; display: table; margin-bottom: 5px; /* padding: 5px;*/ cursor: pointer; } /*.events-advancelisting-itemhover:hover { background-color: #f8f8f8; }*/ .events-advancelisting-eventdetail { width: 100%; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .events-advancelisting-eventtypename { font-size: 18px; font-weight: bold; line-height: 1.25em; } .events-advancelisting-eventtimg { border-radius: 2px; } /* 641px and above */ @media (min-width: 641px) { .events-advancelisting-eventtimg { float: left; height: 195px !important; min-width: 281px; } .events-advancelisting-event { display: flex; } .events-advancelisting-eventtimgcontainer { margin-right: 20px; } } /* 640px and less */ @media (max-width: 640px) { .events-advancelisting-eventtimgcontainer { margin-bottom: 10px; text-align: center; } .events-advancelisting-event { display: table; } } .events-advancelisting-eventstatus { float: right; margin-left: 5px; text-transform: capitalize; font-size: 16px; } .events-advancelisting-eventstatus-reserved, .events-advancelisting-eventstatus-available { color: #003764; } .events-advancelisting-eventstatus-waitlist { color: yellow; } .events-advancelisting-eventstatus-unavailable { color: maroon; } .events-advancelisting-eventstatus-future { color: orange; } .events-advancelisting-eventstatus-noregistration { color: black; } .events-advancelisting-hr { margin: 10px 0 !important; } .events-advancelisting-clicktext { color: #c1c1c1; float: right; font-style: italic; } .events-pref-filters .ui-chkbox-box.ui-state-disabled { display: none; } .events-pref-filters .ui-state-disabled { font-weight: bold; margin-left: -30px; opacity: 1; text-decoration: underline; } .events-pref-checkbox-list-container { border: 1px solid #999; border-radius: 3px; height: 200px; overflow-y: auto; padding: 5px 0 0 5px; } /* 641px and above */ @media (min-width: 641px) { .event-pref-col { padding-left: 10px; } } .events-list-ul { list-style: outside none none; margin: 0 !important; } .events-list-li { background: #fff; padding: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ui-datagrid-row:nth-child(odd) .events-list-li, .events-portlet .ui-datagrid-row:nth-child(odd) .events-advancelisting-eventdetail { background: rgba(0, 0, 0, 0.025); } .events-event { cursor: pointer; } /*.events-hover:hover { background-color: #f1f1f1; }*/ .event-list-heading .fa-calendar { display: none; } .events-title-container { margin-bottom: 10px; } .events-title-hr { margin: 5px 0 0 !important; } /*.events-title { font-size: 24px; font-weight: 300; }*/ .events-event-reservation-iframe-loader-img { background: url(/northstar-primefaces-portlet/images/common/loader.gif) no-repeat center center; height: 64px; width: 64px; position: fixed; z-index: 200; left: 50%; top: 50%; margin: -25px 0 0 -25px; display: none; } .events-event-reservation-iframe-overlay { background-color: black; filter: alpha(opacity=50); /* IE */ opacity: 0.8; /* Safari, Opera */ -moz-opacity: 0.8; /* FireFox */ z-index: 100; background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; display: none; } .events-search-txt-container { float: left; } .events-search-btn-container { float: left; margin-left: 5px; } .events-reset-btn-container { float: left; margin-left: 5px; } .events-advancelisting-eventdetail div, .events-advancelisting-eventdetail span { padding: 0; /* color: #7b7b7b; */ } .events-advancelisting-eventdate { color: #1b1c1c; } .events-advancelisting-eventtime { color: #1b1c1c; } .events-advancelisting-eventslots { color: #1b1c1c; } /* events portlet classes */ .events-advancelisting-eventtimg { height: auto !important; width: auto !important; min-width: 209px !important; box-shadow: none !important; border: 3px solid #d9d9d9 !important; } .events-advancelisting-eventdate { background-color: transparent !important; color: #1b1c1c !important; } .events-advancelisting-eventtime { background-color: transparent !important; color: #1b1c1c !important; } .events-advancelisting-eventname { font-size: 30px; color: #005983; margin-bottom: 0px; font-weight: bold; font-family: "Spectral", serif !important; text-transform: uppercase; padding: 0 !important; } .events-advancelisting-eventstatus-reserved, .events-advancelisting-eventstatus-available { color: #005983 !important; } .events-advancelisting-event { border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } .events-advancelisting-eventdetails .ui-grid-col-6 { margin-bottom: 10px; } /*.events-portlet { margin-bottom: 30px; padding-bottom: 50px; }*/ .events-event-name { font-family: "lexia", serif; } .events-event-time { color: #005983; } /* end events portlet classes */ /* Custom Theme classes Start */ .events-list-li .ui-grid-col-3 { float: right; text-align: right; } .events-event a, .events-event-date { font-weight: 400; } @media screen and (min-width: 220px) and (max-width: 640px) { .events-list-li .ui-grid-col-3 { text-align: left; } } /* Custom Theme classes End */ /*Slider View Responsive Style start MT#0216155: Featured Events*/ .events-galleria ul { margin: 0px !important; } .events-galleria-img { width: 100% !important; height: 100% !important; } .events-galleria ui-galleria-caption { bottom: 65px !important; } .events-galleria .ui-icon-circle-triangle-e { position: absolute !important; top: auto !important; } .events-galleria .ui-galleria-filmstrip-wrapper { width: 80% !important; } /*portrait*/ @media only screen and (min-device-width: 360px) and (max-device-width: 667px) { .events-galleria { width: 100% !important; } } /*landscape*/ @media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (orientation: landscape) { .events-galleria { width: 94% !important; } } @media only screen and (min-device-width: 360px) and (max-device-width: 812px) and (orientation: landscape) { .events-galleria { width: 78% !important; } } @media only screen and (min-device-width: 813px) and (max-device-width: 1024px) and (orientation: landscape) { .events-galleria { width: 66% !important; } } /*Slider View Responsive Style End MT#0216155: Featured Events*/ svg.trainer-icon { max-width: 15px; overflow: visible; margin-right: 5px; padding: 0px 0px; margin-left: -3px; } .fa-map:before { content: "\f279"; margin-left: -2px; } .events-event-ActivityArea { color: #009ae5; } .events-event-trainer { color: #009ae5; } .calendar-portlet .search-calendar select.aui-field-select { min-height: 36px !important; border-color: #dbd9d5 !important; } .nav-tabs li a { color: #1b1c1c; } .calendar-add-event-btn { background-color: #005983 !important; background-image: none !important; } .scheduler-base-today { background-color: #005983 !important; background-image: none !important; } .scheduler-base-icon-prev { background-color: #005983 !important; background-image: none !important; border: 0 none !important; color: #fff !important; margin-right: 3px !important; text-shadow: none !important; padding: 6px 10px !important; } .scheduler-base-icon-next { background-color: #005983 !important; background-image: none !important; color: #fff !important; text-shadow: none !important; border: 0px !important; padding: 6px 10px !important; } .calendar-portlet .btn-group-content button { padding: 5px 8px !important; } .scheduler-base-view { background-color: #005983 !important; background-image: none !important; } .scheduler-base-views .active { background-color: #000 !important; color: #fff !important; } .yui3-calendar-day.yui3-calendar-day-selected { background-color: #005983 !important; color: #fff !important; } .calendar-portlet .calendar-portlet-column-grid .btn-primary { background-color: #005983 !important; background-image: none !important; border-radius: 0 !important; padding: 5px 19px !important; } .calendar-portlet .calendar-portlet-column-grid .btn-primary.active { background-color: #1b1c1c !important; } .calendar-portlet .btn-primary { background-color: #005983 !important; background-image: none !important; border-radius: 0 !important; } .yui3-calendar-header-label { color: #fff; text-align: center; } .yui3-u.yui3-calendarnav-nextmonth > span { background: #005983 none repeat scroll 0 0; color: #fff; display: block !important; font-weight: bold; margin-top: 0; padding: 10px 1px; position: absolute; } .yui3-u.yui3-calendarnav-prevmonth > span { background: #005983; padding: 10px 3px; margin-top: 0px; display: block !important; color: #fff; font-weight: bold; position: absolute; } .yui3-calendarnav-prevmonth { border-right-color: #fff !important; } .yui3-calendarnav-nextmonth { border-left-color: #fff !important; } th.yui3-calendar-weekday { background-color: #fff; border: 1px solid #c0bfbe !important; border-radius: 1px !important; color: #000 !important; font-weight: bold !important; } .yui3-calendar-grid .yui3-calendar-row td { color: #000; border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .yui3-calendar-prevmonth-day { border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .yui3-calendar-day { border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .yui3-calendar-day:hover { background: #005983 !important; color: #fff !important; } .lfr-current-day { background: #005076 !important; color: #fff !important; } .yui3-calendar-nextmonth-day { border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .yui3-calendar-header { background-color: #005983; padding-top: 8px; min-height: 27px; } /*.calendar-portlet .lfr-busy-day:after { display: none !important; }*/ .scheduler-view-table-header-table th { background-color: #1b1c1c !important; color: #fff; @incluide border; } .scheduler-base-view-date { display: block; margin: 10px 0 !important; } #editBtn { background-color: #005983 !important; background-image: none !important; color: #fff !important; margin-right: 2px; text-shadow: none !important; border: 1px solid; padding: 5px 10px; } #saveBtn { background-color: #005983 !important; background-image: none !important; border: 1px solid; color: #fff !important; margin-right: 2px; text-shadow: none !important; padding: 5px 10px; } #viewBtn { background-color: #005983 !important; background-image: none !important; color: #fff !important; margin-right: 2px; text-shadow: none !important; } #deleteBtn { background-color: #f1331e !important; background-image: none !important; color: #fff !important; text-shadow: none !important; } @media (max-width: 979px) { html .btn { padding: 4px 12px; font-size: 14px; } } /* calendar portlet "repeat popup" input margin and other class */ /* .calendar-portlet .yui3-widget-positioned { top: 5px !important; } */ .calendar-portlet-recurrence-content .calendar-portlet-recurrence-limit.control-group { margin-bottom: 10px !important; } .yui3-skin-sam .yui3-calendarnav-nextmonth, .yui3-skin-sam .yui3-calendarnav-nextmonth:hover { margin-right: 0px !important; } .yui3-skin-sam .yui3-calendarnav-prevmonth, .yui3-skin-sam .yui3-calendarnav-prevmonth:hover { margin-left: 0px !important; } #_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent { padding-top: 5px !important; padding-bottom: 5px !important; margin-top: 1px !important; height: 38px; } @media (min-width: 300px) and (max-width: 767px) { #_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent { margin-bottom: 10px !important; max-width: 100% !important; font-size: 14px; } } div#_1_WAR_calendarportlet_advanceSearch .control-group { margin-bottom: 10px !important; } .search-calendar select { padding-bottom: 3px !important; padding-top: 2px !important; } .calendar-portlet .scheduler-base-hd .btn-group-content button { padding: 5px 8px !important; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet .scheduler-base-hd .btn-group-content button { font-size: 14px !important; } } /* calendar table header border class */ .calendar-portlet .scheduler-view-table-header-col .scheduler-view-table-header-day div { border-right: 1px solid #eee; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .calendar-portlet .scheduler-view-table-header-col .scheduler-view-table-header-day div { font-size: 14px !important; } } /* end calendar table header border class */ /* ----------- start 200px to 667px ----------- */ @media screen and (min-width: 200px) and (max-width: 767px) { .calendar-portlet .close { width: auto !important; padding: 8px 0 !important; margin: 0 !important; } } /* iPad (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { input#_1_WAR_calendarportlet_keyword { width: 100% !important; font-size: 12px !important; } input#_1_WAR_calendarportlet_startDate { width: 100% !important; font-size: 12px !important; } input#_1_WAR_calendarportlet_endDate { width: 100% !important; font-size: 12px !important; } #_1_WAR_calendarportlet_advanceSearch input { width: 100% !important; } #_1_WAR_calendarportlet_calendarSecondRow input#_1_WAR_calendarportlet_txtSearchEvent { width: 250px !important; font-size: 12px !important; } } /* end calendar portlet "repeat popup" input margin and other class */ .calendar-portlet a:focus { outline: 0px auto -webkit-focus-ring-color !important; } /* classes by zain */ .calendar-portlet .nav-tabs .in-active a, .calendar-portlet .nav-tabs .in-active a:hover, .calendar-portlet .nav-tabs .in-active a:active, .calendar-portlet .nav-tabs .in-active a:focus { background-color: #80acc1; color: #fff !important; border: 1px solid transparent !important; } .calendar-portlet .nav-tabs .active a, .calendar-portlet .nav-tabs .active a:hover, .calendar-portlet .nav-tabs .active a:active, .calendar-portlet .nav-tabs .active a:focus { background-color: #1b1c1c; color: #fff !important; border: 1px solid transparent !important; } /* end classes by zain */ /* MT#0206255: Calendar - Day/Week - Issue */ .scheduler-view-week .scheduler-event { height: 70px; width: 95% !important; min-height: 50px; } .scheduler-view-day-table-col-shim { margin-bottom: 0px !important; } .scheduler-view-week-content, .scheduler-view-day-content { box-sizing: content-box !important; } .scheduler-view-day .scheduler-event-title, .scheduler-view-day .scheduler-event-content { font-size: 12px !important; display: -webkit-inline-box !important; } .scheduler-view-week .scheduler-event-title, .scheduler-view-week .scheduler-event-content { font-size: 12px !important; } .scheduler-view-day .scheduler-event-title { overflow: initial !important; } .unslider .unslider-nav li { display: inline-block; padding: 0px 2px; border-radius: 30px; cursor: pointer; height: 12px; } .unslider-nav li { background: dimgray; color: transparent !important; margin: 5px !important; } ol { /* text-align: center; */ } .unslider-nav li.unslider-active { background: rgba(0, 0, 0, 0.1); } .event-image { background-size: 100% 100%; width: 100%; height: 300px !important; cursor: pointer; } .event-detail { padding: 10px; color: #1b1c1c; background-color: #fff; opacity: 0.75; } .event-link { color: #005983; font-weight: 400px; cursor: pointer; } /* New Fix */ #MemberMessageTable { margin-bottom: 10px; } #NewStyle tr td { padding: 5px 0; } #NewStyle #ccSave { background: #005076; border: 0; padding: 8px; color: #fff; } #NewStyle #cancel { background: #b30606; border: 0; padding: 8px; color: #fff; } /*.additionalReservations table, tr, td{ vertical-align: middle !important; }*/ div#addAnotherReservationButtonDIV { margin: 0 0 10px 0; } div#Add_To_Cart_DIV { margin: 0 0 10px 0; } .ItemSelectionGuestHeading { color: #000 !important; } div[aria-describedby=showModalDialogDiv] { top: 0 !important; } /* MT#0150980: change color of buttons on event screen */ #main .btn-success + .btn-primary { background-color: #3279b5 !important; border: 0px; } /* MT#0150980: change color of buttons on event screen */ #main .btn-success + .btn-primary { background-color: #221F72 !important; border: 0px; } #main .btn-success + .btn-primary + .btn-warning { background-color: #eeeded !important; color: #464646; border: 0; } /* MT#0150469: 3 changes on event pop up */ div#showModalDialogDiv { height: 650px !important; } #Add_To_Cart_DIV input { background-color: #005076 !important; } /* .ui-dialog-titlebar + #showModalDialogDiv { height: 650px !important; } */ /* End */ #resDetailRowTotal0_0 { /* color: white !important; */ } .GuestItemLabel div span { /* color: white !important; */ } #resDetailRowTotalContainer0_0 > span { /* color: white !important; */ } .epReservationListButton { background: none repeat scroll 0 0 #b0b0b0 !important; border: medium none !important; border-radius: 5px !important; box-shadow: 0 0 2px #ffffff, 0 0 1px #000000 inset !important; color: #000000 !important; font-family: "lexia", serif; font-size: 12px !important; font-weight: bold !important; padding: 4px 12px !important; text-align: center !important; text-decoration: none !important; } .popoverContainerItemSummary { padding: 8px 8px 8px 8px !important; width: 282px !important; margin: 5px 0px 0px -250px !important; background: black !important; height: auto !important; background-repeat: no-repeat !important; } .popover.popoverItemSummary { background-color: #000 !important; box-shadow: none; } .homeHeading { color: #000; font-size: 20px !important; font-weight: bold; height: 30px !important; list-style-type: none; margin: 0 auto 30px; padding: 7px 10px 0 !important; position: relative; } .reservationStatus { font-family: "lexia", serif; font-size: 11px; font-weight: bold; } .seatingTimeBg { height: 45px; list-style-type: none; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 3px; position: relative; background: #005076; color: #ffffff; } .selectSeating textinput { border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: 0 0 2px #888888; font-size: 14px; font-family: "lexia", serif; height: 30px; outline: medium none; padding: 5px; width: 100%; } #menu_wrap { margin-left: auto; margin-right: auto; margin-top: 0; padding: 0 10px 0 0; position: relative; list-style: none; } .adultsSpan { font-family: "lexia", serif; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .fontClass { font-family: "lexia", serif; font-size: 14px; } .dropdownHeadCountItems { border: 1px solid #DDDDDD; border-radius: 5px; font-size: 12px; font-family: "lexia", serif; height: 30px; outline: medium none; padding: 5px; width: auto; margin-top: 6px; } .multiSelect { border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: 0 0 2px #888888; font-size: 12px; font-family: "lexia", serif; height: 18px; outline: medium none; padding: 5px; width: 233px; margin-top: 6px; } .inputTextBox { border: 1px solid #DDDDDD !important; border-radius: 5px !important; box-shadow: 0 0 2px #888888; font-size: 12px !important; font-family: "lexia", serif; height: 18px; outline: medium none; padding: 5px 1px !important; width: auto; margin-top: 6px; background-image: none !important; } .multiSelectOptions { width: 235px; } .editarea { border: 1px solid #DDDDDD; box-shadow: 0 0 2px #888888; color: #000000; float: left; outline: medium none; padding: 5px 0 0 10px; background-image: none; } #childrenSpan { font-size: 14px; font-family: "lexia", serif; } .agree { font-family: "lexia", serif; font-size: 14px; letter-spacing: normal !important; text-transform: capitalize; line-height: 22px; } .agree a { background-color: #ddddd2; border-radius: 4px; color: #000000; padding: 5px 10px; } .available-label { font-family: "lexia", serif; font-size: 14px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; } .availableSeats { background: none repeat scroll 0 0 #000; border: medium none; color: #ffffff; font-weight: bold; padding: 2px 12px; text-align: center; text-decoration: none; border: 1px solid #fff; } .table-margins { margin-left: 12px; margin-top: 2px; padding-top: 2px; } #ysearchinputmemberId_Reservation { margin-top: -7px !important; } .ysearchinput { border: 1px solid #DDDDDD !important; border-radius: 5px; box-shadow: 0 0 2px #888888 !important; color: #666666 !important; float: left; outline: medium none; width: 93% !important; height: 28px !important; min-height: 25px !important; margin-top: 0; text-align: left !important; padding-right: 16px; padding-left: 5px; } .ysearchinputDisabled { border: 1px solid #DDDDDD !important; border-radius: 5px; box-shadow: 0 0 2px #888888 !important; color: #666666 !important; float: left; outline: medium none; width: 93% !important; height: 25px !important; margin-top: -2px; text-align: left !important; padding-right: 16px; } .ysearchinputOther { border: 1px solid #DDDDDD !important; border-radius: 5px; box-shadow: 0 0 2px #888888 !important; color: #666666 !important; float: left; outline: medium none; width: 93% !important; height: 25px !important; margin-top: -2px; text-align: left !important; padding-right: 16px; } .noleftBorder { border: 0 none !important; /* color: #fff; */ height: 45px; } .partyof { border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: 0 0 2px #888888; color: #666666; float: left; outline: medium none; background-image: none !important; } .adultsSpanEvent { font-family: "lexia", serif; font-size: 14px; text-transform: uppercase; } .availableTotals { background: none repeat scroll 0 0 #ffffff; color: #4a4a4a; border: 1px solid #828282; } .buttonEM { background: #005983 !important; box-shadow: 0 0 2px #ffffff, 0 0 1px #000000 inset; color: #fff !important; cursor: pointer !important; font-weight: lighter; padding: 5px; text-align: center; text-decoration: none; letter-spacing: 1px; font-size: 12px !important; } .buttonEM:hover { background-color: #000 !important; } .button { background: none repeat scroll 0 0 #b9bfbf !important; border: medium none; color: #000000 !important; font-size: 12px; font-weight: bold; padding: 4px 12px; text-align: center; text-decoration: none; } .buttonDisable { background: none repeat scroll 0 0 #B0B0B0 !important; border: medium none; border-radius: 5px; box-shadow: 0 0 2px #FFFFFF, 0 0 1px #000000 inset; color: #6B6B6B !important; font-size: 12px; font-weight: bold; font-family: "lexia", serif; padding: 4px 12px; text-align: center; text-decoration: none; background-image: none !important; } .reservationsHeadings { background: none !important; color: #000000 !important; border: 0px; text-align: center; } .reservationsMainHeadings { background: none !important; color: #000; border: 0px; border-bottom: 1px solid #FF0000; text-align: center; } .reservationsTotal { background: none !important; color: #000; border: 0px; border-bottom: 1px solid #FF0000; text-align: center; } .reservationsHeadingsOptional { background-color: #f4f4f4 !important; color: #000; border: 0px; border-bottom: 0px solid #FF0000 !important; text-align: center; } .additionalReservations { background-color: #f2f7f9; border: 1px solid #ffffff; margin-top: 10px; padding-bottom: 30px; text-align: center; } .oddRow a { color: #b9bfbf; } .reservationsHeadings .optionalitems { color: #000000; font-size: 12px; text-align: center; } .reservationsHeadings .optionalitemsHeading { color: #000000; background-color: #f7f7f7; font-size: 12px; text-align: center; } .headCountItemAmount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .headCountItemTotalAmount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .optionalItemsAmount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .optionalTotalItemsAmount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .totalAmount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .grandTotalAmount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .totalCount { font-size: 14px; font-family: "lexia", serif; text-align: center !important; } .totalLabel { font-size: 14px; font-family: "lexia", serif; } #simplemodal-container { background-color: #ffffff; border: 3px solid #333467 !important; padding: 0 !important; top: 5% !important; width: 70% !important; } #simplemodal-container a.modalCloseImg { background-color: red !important; background-image: url(../images/ui-icons_ffffff_256x240.png) !important; background-position: -96px -128px !important; cursor: pointer !important; display: inline !important; height: 17px !important; padding: 1px !important; position: absolute !important; right: 5px !important; top: 7px !important; width: 17px !important; z-index: 99999 !important; } .simplemodal-data { height: 100%; overflow-x: hidden; overflow-y: hidden; width: 100%; } .button, .form legend, .legend, .mini-menu { margin-top: 0px !important; } #question-count-show { color: #FFF; font-family: "lexia", serif; margin: 0; padding: 0; font-weight: bold; } .QusetionAnswers { background-color: #f7f7f7; border-radius: 5px; margin: 10px 8px; padding: 5px; } .questionSpan { background: none !important; color: #585858 !important; font-family: "lexia", serif; font-size: 12px !important; font-weight: bold !important; line-height: 32px !important; margin: 0 !important; padding: 0 !important; } .multiselectCheckBox { margin-right: 5px; } .singleselectCheckBox { margin-right: 5px; } .OptionalItemBox { width: 45%; border-style: solid; border-color: #b41419; border-width: 5px; background: white; text-align: left; } .waitingRow { background-color: #000000; color: #fff; } .cancelledRow { background-color: #c8c3c3; color: #000000; } #itineraryList { border: 1px solid #DDDDDD; border-radius: 5px; box-shadow: 0 0 2px #888888; font-size: 14px; font-family: "lexia", serif; height: 30px; outline: medium none; padding: 5px; width: 235px; margin-top: 6px; background: none !important; } /*** Reservation List CSS ***/ .tableHeader { background: #005076 !important; border-right: 1px solid #ffffff; color: #ffffff !important; padding: 10px; text-transform: uppercase; } .tableHeader a { color: #fff; display: block; font-family: "lexia", serif; font-size: 14px; font-weight: normal; text-transform: uppercase; text-decoration: none; } .tableHeader a:hover { color: #ccc; /* font-family: $default-font-family; font-size:12px; */ } #sortTable23 .tableHeader a:hover { color: #ccc; } .oddRow { border: none; font-family: "lexia", serif; font-size: 14px !important; text-transform: uppercase; } .UGuestStatusLabel { color: #b9bfbf; font-size: 16px !important; text-transform: uppercase !important; } .evenRow { border: medium none; font-family: "lexia", serif; font-size: 14px; text-transform: uppercase; } .subheading { text-transform: uppercase; } .content { /* text-transform: uppercase; */ } .evenRow a { color: #b9bfbf; } .boldWhite { color: #000; font-family: "lexia", serif; font-size: 14px; font-weight: normal; text-transform: uppercase; } .tableNavigation { background-color: #A3A1A1; border-radius: 5px; box-shadow: 1px 1px 0 #FFFFFF; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 5px 27px 5px 20px; } .WGuestStatus { /* Waiting Status */ background-color: #FF8C73; } .WGuestStatusLabel { /* Waiting Status */ color: #000000; } .DGuestStatus { /* Cancelled Status */ background-color: #c8c3c3; color: #000000; } .DGuestStatusLabel { /* Cancelled Status */ color: #000; } .reservationTimeHeading { font-size: 14px; font-weight: bold; font-family: "lexia", serif; } .bookFor { font-size: 14px; font-weight: bold; font-family: "lexia", serif; } .reservationDaysHeading { font-size: 14px; font-weight: bold; font-family: "lexia", serif; text-decoration: underline; } .reservationDaysOnHeading { font-size: 14px; font-family: "lexia", serif; } .reservationListLink, .addCommentsSpan { color: #919292; cursor: pointer; display: inline-block; font-family: "lexia", serif; font-size: 15px; font-weight: bold; letter-spacing: 0; margin-bottom: 5px; margin-top: 5px; text-align: right; text-transform: uppercase; } .guestTableHeadingSeparator { /*border-bottom: 1px solid #b9bfbf;*/ } .ItemSelectionGuestHeading, .eventPortal_PopupHeading { background-color: #b9bfbf; color: #000; font-family: "lexia", serif; font-size: 17px; font-weight: bold; padding: 3px 12px; text-transform: capitalize; } .ItemSelectionHeading { color: #000; font-family: "lexia", serif; font-size: 14px; font-weight: bold; padding-bottom: 9px; padding-left: 12px; padding-top: 10px; } .ItemSelectionLabel { color: #000; font-size: 14px; font-family: "lexia", serif; font-weight: normal; padding-bottom: 18px; padding-left: 10px; } .ItemSelectionQTYField { font-size: 14px; font-family: "lexia", serif; width: 35px; text-align: right; padding: 0px 5px 0px 0px !important; height: 28px; /*padding-right: 12px !important;*/ background: none !important; } .GuestItemLabel { color: #202020; font-size: 12px; font-family: "lexia", serif; font-weight: bold; margin-bottom: 0px !important; height: 20px; text-align: left; } .GuestItemsDisplayTd:HOVER { text-decoration: underline; } .ItemsHeader { cursor: pointer; text-decoration: underline; } .ItemsHeader:HOVER { color: royalblue; } .GuestRowSeparator { border-bottom: dotted 1px; border-bottom-color: #fff; color: #000000 !important; } .DeleteReservationRow { background-color: #776364; color: #000; } .CustomCheckBox { background: transparent url("../images/checkbox_unchecked.gif"); } .MandatorySign { color: red; } .searialNumberTD { text-align: left !important; padding-left: 10px; } .addNewRow { position: absolute; margin-left: -25px; background: transparent url("../images/plus.png") no-repeat; padding-left: 25px; } .eventReservationFont { font-family: "lexia", serif; font-size: 14px; letter-spacing: 0px; text-transform: uppercase; } .eventReservationFontBold { font-family: "lexia", serif; font-size: 16px; letter-spacing: 0; margin-right: 5px; text-transform: capitalize; } .errorTextBox { border: 1px red solid !important; } .errorMessage { color: red; } .eventportal_CommentsTextBox { width: 153px; } .eventPortal_reservationHeadingsTH { color: #fff; font-family: "lexia", serif; font-size: 14px; /* text-align: left; */ text-transform: uppercase; padding: 10px 0; letter-spacing: 1px; } .eventPortal_memberHeading { color: #fff; font-family: "lexia", serif; font-size: 14px; letter-spacing: 1px; text-align: left !important; text-transform: uppercase; } .multiSelectOptions LABEL { display: block; padding: 2px 5px; color: #000 !important; } .eventPortal_applybutton, .eventPortal_quetionFinishbutton, .eventPortal_quetionUpdatebutton, .eventPortal_waiverFinishbutton, .newGuestButtonOk { background-color: #797a7a !important; border: medium none !important; color: white !important; } .eventPortal_cancelbutton, .eventPortal_quetionClosebutton, .eventPortal_waiverClosebutton, .newGuestButtonCancel { background-color: red !important; border: medium none !important; color: white !important; font-family: "lexia", serif; } .eventPortal_itemsPopupButtons, .eventPortal_questionsPopupButtons { padding-bottom: 20px; margin-left: 10px; margin-top: 5px; } .eventPortal_waiverCountShow { float: right; margin-right: 35px; } .eventPortal_waiverTitle { float: left; text-decoration: underline; } .eventPortal_questionContent { border: 1px solid #808080; height: 350px; overflow-y: auto !important; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; } .eventPortal_reservationSchedule { padding: 5px; } .eventPortal_seatingId { height: 18px; } #reservationSchedule.multiSelect { padding: 5px; } .eventPortal_Button { background-color: #005076 !important; border: medium none !important; border-radius: 0 !important; color: #fff !important; cursor: pointer; display: inline-block; line-height: 1.42857; margin-bottom: 0; /* padding: 3px 9px; */ text-align: center; text-decoration: none; vertical-align: middle; white-space: nowrap; font-size: 12px !important; } .eventPortal_createReservationButton { background: #005076 !important; box-shadow: 0px 0px 2px #FFF, 0px 0px 1px #000 inset; color: #fff !important; } input.multiSelect { color: #000; font-weight: normal; font-size: 14px !important; text-transform: uppercase !important; font-family: "lexia", serif; } #eventportal_typeTD input.multiSelect { background-color: #fff !important; color: #000; } #eventportal_typeTD input.multiSelect:hover { background-color: #fff !important; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /* box-shadow: 0 0 5px #ccc inset !important; font-family: $default-font-family; font-size: 14px !important; height: 35px !important; text-transform: uppercase !important; width: 250px !important; letter-spacing:1px; */ } input.multiSelect:hover { border: medium none !important; box-shadow: none !important; } input.button:hover { background-color: #000 !important; color: #fff !important; } .ui-menu .ui-menu-item a { color: #000 !important; font-size: 14px !important; letter-spacing: 1px !important; text-transform: uppercase !important; } .button.eventPortal_Button.epCloseButton { background-color: #a70e08 !important; color: #fff !important; padding: 5px; } input#reservationsList { padding: 5px; } #dAddNewGuestSpan0_1 span { color: #000; padding-left: 3px; } #NewStyle #sortTable23 .oddRow { border: 1px solid #eee; padding: 3px; } .MESSAGE { font-size: 13px !important; font-style: normal !important; } div#existingReservationAlert { height: auto !important; max-width: 450px; width: auto; } .eventPortal_Button:hover { background-color: #000 !important; } .button.eventPortal_Button.epCloseButton:hover { background-color: #000 !important; } input.btn.btn-info.epReservationListButton, input.button.textfieldsbt2 { background-color: #000 !important; border-radius: 0 !important; color: #fff !important; cursor: pointer !important; height: 30px; } input.btn.btn-info.epReservationListButton, input.button.textfieldsbt2 { height: auto !important; max-height: 30px; } #memberRuleMessage { font-family: "lexia", serif; } #waiverDIV img { box-shadow: 0 0 0 !important; margin-bottom: 0 !important; } .eventContent { font-family: "lexia", serif; font-size: 14px !important; letter-spacing: normal !important; line-height: 22px !important; } .eventContent > a { color: #a70e08 !important; } .eventDate { font-size: 14px !important; line-height: 22px !important; } .devicewidthinner td { font-family: "lexia", serif; font-size: 14px !important; line-height: 22px !important; } .reservationsHeadings th { background-color: #005983; padding: 5px 0px 5px 4px; } a:hover { color: #a70e08; text-decoration: underline; } div#memberRuleDiv { background-color: #ffffff; font-family: "lexia", serif; height: 150px; left: 50%; letter-spacing: 0; padding: 5px; position: fixed; transform: translate(-50%, -50%); width: 380px; z-index: 10003; } #overRideBtNo { background-color: #a70e08 !important; background-image: none !important; color: #fff !important; } #overRideBtYes { background-color: #5B5652 !important; color: #fff !important; } #memberRuleDiv #messageType { background-color: black; color: #fff; margin-bottom: 5px; text-align: center; } div#buttonsDIV { margin-right: 5px; } /* ----------- start 200px to 767px ----------- */ @media screen and (min-width: 200px) and (max-width: 767px) { div#seatingAndReservationDetailDIV { margin: 10px !important; } #closeBtnDIV input#closeBtnInput { width: 100% !important; margin-right: 5px; } #seatingAndReservationDetailDIV .seatingTimeBg { max-width: 95%; } div#addNewGuestNamePopup, div#confirmationAlert { width: 350px !important; } .popoverContainerHeadCountItemOnTotal { width: 250px !important; left: 0; right: 0; margin: 0 auto !important; } } /* ----------- end 200px to 767px ----------- */ #addNewGuestNamePopup input#newGuestButtonCancel { margin-top: 10px; } #eventReservationQuestionForm .wizard.vertical > .actions { margin-top: 5px !important; } .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { background: #a70e08; } .itemSelectionDIV { height: auto !important; } /* MT#0148098: Issues on Event Reservation screen on Sun City Lincoln Hills - UI End */ div#showModalDialogDiv { height: 650px !important; } input#Add_To_Cart, input#createButton, input#addToWaitListButton, input#reservationsList, input#closeButton { padding: 6px 12px !important; margin-bottom: 0px !important; margin-top: 0px !important; } td.commentsCol > input[type=text]:only-child { color: #000; min-height: 28px !important; width: 98%; margin: 0; } input.btn-primary[value="Buy Tickets"], input.btn-warning[value=Close] { margin: 0px !important; } #simplemodal-container a.modalCloseImg[title=Close] { margin: 0px 5px 0px 0px !important; padding: 9px 8px !important; } div#simplemodal-container { max-width: 350px !important; } div#simplemodal-container input.buttonEM { border: none !important; border-radius: 3px !important; font-weight: 100 !important; } div#simplemodal-container input.quickPickButtonCancel { background-color: #f0ad4e !important; } div#simplemodal-container input.quickPickButtonOK { background-color: #151414 !important; } div#confirmationAlert input.buttonEM { border: none !important; border-radius: 3px !important; font-weight: 100 !important; } div#confirmationAlert input.ButtonEM[value=Confirm] { background-color: #f0ad4e !important; } div#confirmationAlert input.ButtonEM[value=Cancel] { background-color: #151414 !important; } button.ui-dialog-titlebar-close > span.ui-icon-closethick { padding: 0px !important; margin: -12px 0px 0px -8px !important; } /* .ui-widget-header > .ui-dialog-title { color: #000 !important; font-size: 14px !important; letter-spacing: 1px; font-weight: lighter; } */ td.MESSAGE { display: block; margin: 0px auto !important; background-color: #dffec0; width: 98% !important; border-radius: 4px; border: 1px solid #c2e2a3; background-position-x: 6px; background-position-y: 7px; padding: 5px 0px 1px 30px !important; } div#confirmationAlert { height: auto; width: auto; max-width: 350px; } .smartphoneColWidth2 input.ysearchinput[type=text] { width: 100% !important; } /* Shopping Cart Payment */ span.shop-spinner > input:first-child { width: 100% !important; float: left; margin: 0px 0 0px 0px !important; padding: 7px 20px !important; } span.shop-spinner { display: inline-block !important; } span.shop-spinner > a.ui-button-text-only { margin: 0px 0 25px 0px !important; padding: 0px !important; position: absolute; } /* span.shop-spinner > a.ui-button-text-only > span > span { top: 0 !important; } */ span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) { top: 16px !important; padding: 0px !important; } span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) > span { margin: -5px 0px 0px -1px !important; position: relative; } label.ui-selectonemenu-label { display: block !important; margin: 0px !important; } .shop-desc-dialog .ui-dialog-content > .shop-box { width: 100% !important; } .shop-desc-dialog .ui-dialog-content > .shop-box img.cart-image { max-width: 300px; height: auto !important; width: 100%; margin: 0px 0px 5px; } @media screen and (max-width: 500px) { div#Add_To_Cart_DIV, input#Add_To_Cart, div#Update_To_Cart_DIV, input#Update_To_Cart, div#createButtonDIV, input#createButton, div#buttonsDIV, input#checkOUtButton { width: 100%; min-width: 100%; margin-bottom: 2px !important; } input#closeButton { width: 100%; } div#buttonsDIV { float: none !important; padding: 0px !important; } } th { text-align: center !important; } .guest-remove-btn { padding-bottom: 10px; } .guest-instruction { margin-bottom: 20px; } .guest-captcha-refresh { color: red; font-size: 16px; } .guest-captcha { color: #1b1c1c; border: 2px solid; border-color: #80acc1; background-color: #f1331e; margin-right: 5px; padding-left: 25px; padding-right: 25px; } @media screen and (min-width: 1200px) { .guestRegistration-portlet .gr-signin-section { margin-top: 84px; } } .guestRegistration-portlet .gr-signin-section .login-card { background: transparent; border: 1px solid #e2e2e2; padding: 30px; border-radius: 5px; } @media (min-width: 641px) and (max-width: 980px) { .guest-grid .guest-col { width: 37%; } .guest-fluid .ui-inputfield, .guest-fluid .ui-selectonemenu { width: 95%; } } @media (max-width: 640px) { .guest-grid .ui-inputfield { width: 100%; } .guest-fluid .ui-grid-row { border-top: 0px !important; } } .guest-registration input { margin-bottom: 10px !important; } .pmnt-makepmnt-btn-div { margin-bottom: 5px; } .pmnt-addresses .ui-widget-content { border: none; } .pmnt-total { margin-bottom: 10px; padding: 5px; } .pmnt-col-last-statement-balance { text-align: right !important; } .pmnt-col-recent-payments { text-align: right !important; } .pmnt-col-current-amnt-due { text-align: right !important; } .pmnt-col-amnt-due { text-align: right !important; } .cross { color: #fff !important; } .MakePayment-portlet .pmnt-main-div .label-info { padding: 7px; } /* 1px to 640px */ @media (min-width: 1px) and (max-width: 640px) { .pmnt-col-last-statement-balance { text-align: left !important; } .pmnt-col-recent-payments { text-align: left !important; } .pmnt-col-amnt-due { text-align: left !important; } } .pmnt-specific-dates { border: 1px solid #005983 !important; } tr.mp-disabled-row td { background-color: gainsboro !important; color: #566573; } .pmnt-create-ach-error { margin-top: 10px !important; } @media (max-width: 640px) { .add-tab-view li { width: 100%; } } @media (max-width: 400px) { .add-icon { display: none; } } .add-grid { border: 1px solid #c0bfbe; margin: 10px 0 30px !important; } span.add-email { word-break: break-all; } @CHARSET "ISO-8859-1"; #ui-area .campaignCategory-portlet .ui-datagrid-header { padding: 10px 0; } div.campaign-data-table-emails > div { float: left !important; } td.expand-col .ui-column-title { display: none !important; } @media (min-width: 640px) { .committee-details-table .ui-column-title { display: block !important; } .committee-details-table .ui-datatable-data .ui-column-title { display: none !important; } .expand-col { width: 20px !important; } } .memberCommittees-portlet .ui-widget-content .ui-panel-content .table-striped .ui-datatable-tablewrapper .ui-expanded-row .expand-col { padding: 0; } table.interest-view-box { width: 100%; } .interest-view-box { border: 1px solid #c0bfbe !important; border-radius: 1px !important; } #ui-area .MemberInterests-portlet .ui-datagrid-header { padding: 10px 0; } .MemberInterests-portlet button.ui-datepicker-trigger.ui-button { margin-bottom: 0 !important; } .MemberInterests-portlet button.ui-datepicker-trigger.ui-button { margin-top: -2px !important; } @media screen and (min-width: 200px) and (max-width: 767px) { .MemberInterests-portlet .ui-calendar input { padding-top: 3px; padding-bottom: 3px; } } .interest-view-box-without-value { height: 75px; } /* MT#0183501: Need option on interest to create a interest type (text box) instead of text field. */ .MemberInterests-portlet .interest-inputtextarea-field { width: 300px !important; border-radius: 5px !important; padding: 5px !important; border: 1px solid #d7cdcd !important; } /* MT#0226913 */ .MemberProfile-portlet .mp-align { text-align: center !important; } .MemberProfile-portlet .mp-label-status i { display: inline-block !important; } .MemberProfile-portlet .mp-update-delete-popup .ui-confirm-dialog-severity { position: absolute !important; } @media (min-width: 980px) { .mp-grid-col button.ui-datepicker-trigger.ui-button { top: 0px !important; margin-bottom: 0px !important; } } @media (min-width: 767px) and (max-width: 1023px) { .date-of-birth .ui-datepicker-trigger { margin-top: 0px !important; } } @media screen and (min-width: 220px) and (max-width: 767px) { .ui-confirm-dialog .ui-widget-content + .ui-dialog-footer .ui-confirmdialog-yes { margin-bottom: 5px; } } /* CALENDAR STYLE */ #ui-datepicker-div .ui-datepicker-header { background: #005983 !important; } #ui-datepicker-div .ui-state-active { background: #005983 !important; color: #fff; } #ui-datepicker-div .ui-state-default { border: 1px solid #cccccc; color: #1b1c1c; font-weight: bold; text-align: center; } .ui-datepicker .ui-datepicker-calendar .ui-state-highlight { border: 1px solid #ccc !important; background: #005983 !important; color: #fff !important; } div.mp-upload-image table.ui-fileupload-files { margin: 0px !important; } .MemberProfile-portlet .ui-grid-responsive { margin-top: 0; } .mp-trash { color: #f1331e !important; } .mp-upload { color: #005983 !important; } .mp-grid { text-align: left; } .mp-grid-col i { display: none !important; } .mp-picture-image { padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); margin-bottom: 5px; width: 180px; margin-top: 8px; } .mp-dn-heading { font-size: 26px !important; background: none !important; margin: 0 !important; line-height: normal !important; text-align: left; padding: 0 !important; font-family: "lexia", serif !important; font-weight: 700 !important; } .mp-header { background-color: transparent !important; color: #000 !important; padding: 12px 0px !important; text-align: left; font-size: 26px; font-weight: normal; text-align: left !important; } .col-head { width: 33.33333% !important; } #ui-area .vmi-grid, #ui-area .mp-grid-col { padding: 5px !important; } .mp-dep-picture-image { padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); width: 90px; height: 95px !important; margin-bottom: 5px; margin-top: 25px; } .dependent-box { width: 100%; text-align: center; border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .mp-view-button { margin-bottom: 10px; } .mp-upload-delete { font-size: 16px; } span.pm-secondary { word-break: break-all; } i.mp-upload { margin-right: 20px; } .mp-upload + a { margin-left: 10px; } .ui-datagrid-content-empty { color: #1b1c1c; background-color: #337a9c !important; border: 1px solid #c0bfbe !important; border-radius: 1px !important; } @media screen and (min-width: 220px) and (max-width: 1199px) { .MemberProfile-portlet .mp-image-style { margin-right: 10px; margin-bottom: 10px; } } @media screen and (min-width: 768px) and (max-width: 980px) { .mp-picture-image { width: 150px !important; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .MemberProfile-portlet .mp-grid-col { width: 100%; } } @media (max-width: 640px) { .mp-picture-image { margin-bottom: 0px; margin-top: 0px; } .mp-grid-col { padding: 0px !important; } .mp-dn-heading { text-align: center; } .mp-email { font-size: 15px; word-break: break-all; } } /* MT#0183641: Start */ .mp-avatar { position: relative; max-width: 205px; margin: 0px auto; } .mp-avatar .mp-avatar-preview { width: auto; height: 192px; max-width: 192px; margin: 0 auto; position: relative; border-radius: 100%; border: 5px solid #f8f8f8; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); } .mp-avatar .mp-avatar-preview div { width: 100%; height: 100%; border-radius: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .mp-avatar .mp-avatar-upload { position: absolute; top: 80px; left: -10px; z-index: 1; width: 35px; height: 35px; cursor: pointer; margin-bottom: 0; border-radius: 100%; background: #FFFFFF; display: inline-block; font-weight: normal; border: 1px solid transparent; transition: all 0.2s ease-in-out; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); } .mp-avatar .mp-avatar-upload:hover { background: #f1f1f1; border-color: #d6d6d6; } .mp-avatar .mp-avatar-upload a { width: 100%; height: 100%; margin-top: 8px; color: #757575 !important; display: inline-block; } .mp-avatar .mp-avatar-delete { position: absolute; top: 80px; right: -10px; z-index: 1; width: 35px; height: 35px; cursor: pointer; margin-bottom: 0; border-radius: 100%; background: #FFFFFF; display: inline-block; font-weight: normal; border: 1px solid transparent; transition: all 0.2s ease-in-out; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12); } .mp-avatar .mp-avatar-delete:hover { background: #f1f1f1; border-color: #d6d6d6; } .mp-avatar .mp-avatar-delete a { width: 100%; height: 100%; margin-top: 8px; color: #757575 !important; display: inline-block; } /* MT#0183641: End */ .MemberProfile-portlet .ui-state-default { margin-bottom: 0px; } .add-dependent .ui-inputtext { margin-bottom: 15px !important; } .add-dependent .ui-selectonemenu { margin: 0; margin-bottom: 15px; } .mp-update-delete-popup { overflow: hidden !important; } .ui-confirm-dialog.delete-popup-scroll { overflow: hidden !important; } /* MT#0205835: Add new CSS in The Conduit Theme */ .mr-res-wait-status-responsive { display: none; } @media (max-width: 800px) { .mr-res-wait-status-responsive { display: inline !important; } } .MemberReservations-portlet .mr-toggler { padding: 0px !important; } .MemberReservations-portlet .mr-detail-heading { color: #005983; } .MemberReservations-portlet .mr-datatable tr td { width: 100%; } .MemberReservations-portlet .mr-datatable thead { display: none; } .MemberReservations-portlet .mr-header { width: 100% !important; font-weight: 800; } .MemberReservations-portlet .mr-tee-time { background-color: yellowgreen !important; } .MemberReservations-portlet .mr-activity { background-color: antiquewhite !important; } .MemberReservations-portlet .mr-room { background-color: cornsilk !important; } .MemberReservations-portlet .mr-spa { background-color: palegoldenrod !important; } .MemberReservations-portlet .mr-dining { background-color: whitesmoke !important; } .MemberReservations-portlet .mr-event { background-color: yellow !important; } .MemberReservations-portlet td.text-center { text-align: center !important; } .MemberReservations-portlet .mr-datatable .ui-expanded-row-content td { background-color: transparent; } .MemberReservations-portlet .mr-datatable .mr-trash-summ { color: orangered; font-size: 1.5em; } .MemberReservations-portlet .mr-tree .ui-tree-toggler { display: none; } @media (max-width: 640px) { .MemberReservations-portlet .mr-panelGrid .ui-grid-row { border: 0px !important; } .MemberReservations-portlet .mr-toggler { width: 29px !important; } .MemberReservations-portlet .mr-datatable .mr-trash { font-size: 1.5em; } } @media (min-width: 641px) { .MemberReservations-portlet .mr-toggler { width: 16px !important; } .MemberReservations-portlet .mr-datatable .mr-trash { font-size: 1.25em; } } @media (max-width: 740px) { .MemberReservations-portlet .mr-pref-color-picker span.ui-button-text.ui-c { font-size: 16px; } } .MemberReservations-portlet .mr-pref-color-grid { margin-top: 30px; } .picture-image { padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); width: 100px; height: 110px !important; } .nm-dependent-box th { background-color: transparent !important; } .nm-box { border: 1px solid #c0bfbe !important; border-radius: 1px !important; width: 100%; text-align: center; } .nm-left-box { width: 40%; } .nm-right-box { width: 60%; } .nm-grid .ui-paginator { background-color: transparent; border: 0px; } .nm-grid .ui-datagrid-content-empty { background-color: #fee5e2 !important; border: 1px solid #fcaca5 !important; color: #b50303; } @media only screen and (min-width: 1025px) { .nm-desc-dialog { width: 40% !important; left: 30% !important; } } @media (max-width: 740px) { .nm-height { height: 300px; } } @media (min-width: 641px) and (max-width: 740px) { .nm-desc-dialog { overflow-y: hidden; } } /* ----------- paginator classes ----------- */ .NewMembers-portlet span.ui-paginator-next.ui-state-default.ui-corner-all { background-color: #37333d !important; color: #fff !important; box-shadow: none !important; } .NewMembers-portlet span.ui-paginator-last.ui-state-default.ui-corner-all { background-color: #37333d !important; color: #fff !important; box-shadow: none !important; } .NewMembers-portlet span.ui-paginator-first.ui-state-default.ui-corner-all { background-color: #37333d !important; color: #fff !important; box-shadow: none !important; } .NewMembers-portlet span.ui-paginator-prev.ui-state-default.ui-corner-all { background-color: #37333d !important; color: #fff !important; box-shadow: none !important; } .NewMembers-portlet span.ui-paginator-page.ui-state-default.ui-corner-all { background-color: #37333d !important; color: #fff !important; box-shadow: none !important; } .NewMembers-portlet .ui-paginator-bottom.ui-widget-header .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png) !important; } .NewMembers-portlet .ui-icon-seek-first { background-position: -80px -158px; } .NewMembers-portlet .ui-icon-seek-prev { background-position: -48px -158px !important; } .NewMembers-portlet .ui-icon-seek-next { background-position: -32px -158px !important; } .NewMembers-portlet .ui-icon-seek-end { background-position: -64px -158px !important; } .roster-resp-view-member-box-container .roster-res-simulator-img { position: absolute; right: 5px !important; top: 5px !important; } .NewMembers-portlet span.ui-paginator-pages { padding-left: 0; padding-right: 0; } /* ----------- end paginator classes ----------- */ .pinch-datatable { margin-top: 10px; } .pinch-dep-box { text-align: center; } .pinch-revert-icon { color: darkorange; } @media (max-width: 640px) { .pinch-revert-icon { display: none; } } .poa-smart-tab { text-align: center; margin-bottom: 5px; } .poa-backward-link span, .poa-forward-link span, .poa-backward-link a, .poa-forward-link a { background: rgba(162, 159, 159, 0.41) !important; margin-top: 6px !important; margin-bottom: 0px !important; margin-top: -10px !important; } .poa-backward-link a, .poa-forward-link a { font-size: 32px !important; text-align: center; border-radius: 5px !important; } .poa-backward-link a:focus, .poa-forward-link a:focus { outline: none !important; } .poa-backward-link span { font-size: 32px !important; text-align: center; border-radius: 5px !important; } .poa-forward-link span { font-size: 32px !important; text-align: center; border-radius: 5px !important; } .poa-forward-link span, .poa-forward-link a { width: 16%; float: right; display: inline-block; } .poa-backward-link span, .poa-backward-link a { width: 16%; float: left; display: inline-block; } .poa-smart-tab-vw span, .poa-smart-tab-vw a { width: 50%; } .poa-smart-tab-vw a.selected-tab { background-color: #1a4d69 !important; color: #fff !important; } .poa-smart-tab-vw a { text-decoration: none !important; } .poa-smart-tab-vw a { text-decoration: none; color: #7abee4; text-shadow: none; font-size: 14px !important; font-weight: normal; padding-top: 12px !important; padding-bottom: 15px !important; transition: 0.8s all ease; } .poa-smart-tab-vw { width: 60% !important; max-height: 130px; overflow-y: hidden; overflow-x: scroll !important; list-style: none; padding: 0; text-align: center; border-radius: 5px; } .poa-smart-vw-tab-label { display: inline-block !important; position: relative !important; width: 64% !important; background-size: contain; background-color: #d9d7d7; border-radius: 5px; margin-top: -10px !important; height: 25px !important; padding-top: 2% !important; overflow: hidden; } .poaProperty-portlet .mp-header { background: #005983 !important; padding: 10px !important; } .poaProperty-portlet .poa-billing-address-div, .poaProperty-portlet .property-address-div { text-align: center !important; } .data-border { border: 1px solid #c0bfbe !important; border-radius: 1px !important; } .poa-property-owners-detail { margin-bottom: 5px; margin-top: 5px; } .poa-property-details { margin-right: 5px; } .poa-property-details .guest-fluid .ui-grid-responsive { margin-top: 0 !important; } .poa-property-ownership-detail { margin-top: 5px; } .poa-property-violation-div { display: inline-block; width: 250px; background: #005983 !important; margin-right: 10px; margin-bottom: 20px; padding: 5px; } .poa-property-violation-div h1 { color: #fff !important; } .poa-property-balance-div { display: inline-block; width: 250px; background: #f1331e !important; margin-right: 10px; margin-bottom: 20px; border: 1px solid #156090 !important; background: #186ba0 !important; color: #fff !important; padding: 5px; } .poa-property-balance-div h1 { color: #fff !important; } .poa-property-heading h1 { color: #fff !important; } .poa-property-heading h1.lien-heading { width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: right; } @media only screen and (max-width: 500px) { .poa-property-violation-div, .poa-property-balance-div, .poa-property-lein-div { width: 100% !important; } } /* MT#0231506: Implement full length tab for Properties as well as POA account tab in My Account POA Portlets(Responsive View) */ .poa-property-lein-div { display: inline-block; width: 250px; background: #337a9c !important; margin-right: 10px; margin-bottom: 20px; padding: 5px; } .poa-property-owner-info { padding-left: 10px; } .poa-property-address-details { margin-top: 10px; margin-bottom: 10px; } .poa-property-photo-div { padding: 10px; } .poa-property-padding-left { padding-left: 5px; } .poa-property-rental-info-label { color: white !important; } .poa-property-owner-info-label { color: white !important; } .poa-property-info-label { color: white !important; } .poa-property-cur-owner-sel { border: 1px solid #c0bfbe !important; border-radius: 1px !important; color: #fff !important; } .st-bl-bar, .rec-pay-bar { background-color: #f1331e !important; } .st-bl-bar span, .rec-pay-bar span { color: #fff !important; } .rc-grid { padding: 0px; } .rc-grid { padding: 0; } .rc-label { margin-left: 3px; } .rc-min-label { margin-top: 15px; } .rc-tree { margin-left: -19px; } .ui-panel-title { text-shadow: none; } .rc-datatable th { /* padding: 0px !important; */ /* margin: 0px ; */ /* zoom: 1; */ display: none; } .RecentCharges-portlet .ui-datatable-tablewrapper { overflow: hidden; } .well { margin-bottom: 10px !important; } .RecentCharges-portlet .ui-dialog-content .rc-icon { color: #fff !important; margin-top: 9px; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .info-bar-left { font-size: 13px; } .info-bar-right { font-size: 13px; } .rc-icon { margin-top: 3px; } } .rooms-search-item .ui-selectonemenu, .rooms-search-item input { margin: 5px 0px; } .ui-datepicker-title { color: #fff; padding: 3px 0; } .rooms-search-item .ui-calendar { display: flex; max-width: 95% !important; } @media (min-width: 300px) and (max-width: 767px) { .rooms-search-item .ui-calendar { max-width: 100% !important; } } .rooms-search-item .hasDatepicker { max-width: 100% !important; height: 34px !important; } .rooms-search-item button.ui-datepicker-trigger.ui-button { height: 34px !important; } .RoomsReservation-portlet button.ui-datepicker-trigger.ui-button { margin-bottom: 0px; margin-top: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .RoomsReservation-portlet button.ui-datepicker-trigger.ui-button { margin-top: 5px !important; } } .RoomsReservation-portlet .rooms-main-div h1 { color: #fff !important; } .rooms-search-container .rooms-main-div { margin-top: 195px !important; padding: 10px; background-color: rgba(0, 0, 0, 0.8) !important; margin: 0; color: #fff; text-transform: uppercase; } .rooms-search-container { background-image: url(../images/club-images/rooms-reservation.png); background-repeat: no-repeat; padding: 10px; background-size: cover; background-position: center center; } .rooms-verify-reservation-container textarea { margin-bottom: 10px !important; } .room-img { border: 1px solid #c0bfbe !important; border-radius: 1px !important; margin-top: 10px; } .room-cell { text-align: center; } .room-btn { box-sizing: border-box; padding: 4px 2px !important; width: 100%; } html .well { margin-bottom: 0; border-color: rgba(0, 0, 0, 0.2); } .rooms-dg .ui-grid-row .ui-datagrid-column { padding-bottom: 5px; } hr.room-cell-hr { margin: 5px 0px 10px 0; } h4.room-name { margin: 0; } .room-chit { background-color: #fff; border: 1px solid #c0bfbe !important; border-radius: 1px !important; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); margin: auto auto 15px; padding: 25px; } .room-chit-dotted-row { border-bottom: 1px dashed #666; padding: 5px 0; } .room-right { float: right; } /* 641px and above */ @media (min-width: 641px) { .rooms-dg .ui-grid-row .ui-datagrid-column:nth-child(n+2) { padding-left: 5px; } .room-search-pg .ui-grid-col-3:nth-child(n+2) { padding-left: 10px; } .room-description { height: 1.2em; line-height: 1.2em; margin: 0 !important; overflow: hidden; padding-bottom: 5px; padding-right: 5px; padding-top: 5px; text-align: center; text-overflow: ellipsis; white-space: nowrap; display: block; } .rooms-book-now-btn { margin-left: 10px; } .rooms-search-btn { margin-top: 25px; } } /* 768px and above */ /* 1161px and above */ @media (min-width: 1161px) { .room-btn-row:nth-child(n+2) { padding-left: 3px; } .room-img { width: 240px; height: 180px !important; } } /* 641px to 1160px */ @media (min-width: 641px) and (max-width: 1160px) { .ui-grid-col-6.room-btn-row { width: 100% !important; } .ui-grid-col-3.room-btn-row { width: 100% !important; } .room-img { width: 240px; height: 120px !important; } } /* 1px to 640px */ @media (min-width: 1px) and (max-width: 640px) { .room-img { width: auto; height: auto !important; } .room-verify-btn { margin-bottom: 5px; } .ui-area-btn, .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .events-cal-link { width: 100%; box-sizing: border-box; } .rooms-main-div { margin-top: 0px !important; } button.ui-datepicker-trigger.ui-button { margin-top: 0px; } } /* 679px and above */ /* 1px to 1160px */ @media (min-width: 1px) and (max-width: 1160px) { .room-item-btn-container .ui-grid-col-3.room-btn-row { margin-top: 5px; } } .rooms-checkboxes-container .ui-chkbox.ui-widget { display: block !important; margin-bottom: 10px; } .rooms-pref-grid-col .ui-selectonemenu-label.ui-inputfield.ui-corner-all { width: auto !important; } .rooms-search-item.ui-grid-col-3 { padding-right: 5px; } .rooms-search-item.ui-grid-col-3:nth-child(4n) { padding-right: 0; } .room-detail-text-container { margin: 15px 0; } .room-details-container .ui-grid-col-6 { padding-right: 10px; } .room-details-container .ui-grid-col-6:nth-child(2n) { padding-right: 0; } .room-detail-heading { font-weight: 700; } .rooms-reservation-confirmation-container { margin-top: 10px; margin-bottom: 10px; } .room-btn.disable { cursor: not-allowed !important; } span.spouse-name-panel * { display: inline-block; margin: 5px; } .roster-search-item, .ui-grid-responsive { margin-bottom: 15px; margin-top: 0px !important; } .roster-search-alphabets-container { text-align: center; } .roster-resp-view-member-box { text-align: center; width: 100%; -ms-word-break: break-all; word-break: break-all; word-break: break-word; /*Non standard for webkit*/ -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; hyphenate-lines: 3; } .roster-resp-view-member-box-container { border: 1px solid #c0bfbe !important; border-radius: 1px !important; padding: 10px 5px; min-height: 200px; } .view-member-box { position: relative; } .view-member-box .member-box-link-container { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .view-member-box .roster-normal-link { position: relative; z-index: 1; } img.member-img { border: 1px solid #c0bfbe !important; border-radius: 1px !important; height: 75px; width: 75px; border-radius: 5px !important; } .roster-pref-chkbx-container .ui-chkbox.ui-widget { display: block !important; margin: 5px 0; } .roster-search-item .ui-autocomplete { width: 100%; } .roster-search-item .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all { width: 100%; } .roster-search-item .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { width: 100%; } .roster-search-item .ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .roster-search-item .ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .roster-search-alphabet-container { display: inline-block; line-height: 35px; margin: 0 0 5px 0; text-align: center; } .roster-search-alphabet { display: block; height: 100%; padding: 3px 25px; background-color: #005076; color: #fff !important; transition: 0.5s ease all; height: 30px; line-height: 30px; } .roster-search-alphabet:hover, .roster-search-alphabet-container .active { background-color: #80acc1; text-decoration: none !important; color: #fff !important; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8); } .roster-search-item .ui-outputlabel.ui-widget { margin-bottom: 0; } .roster-search-type-btn-container { margin-top: 5px; margin-bottom: 5px; } /* 980px and above */ @media (min-width: 980px) { .roster-search-reset-btn-container { margin-top: 31px; } } /* 641px to 979px */ @media (min-width: 641px) and (max-width: 979px) { .roster-search-reset-btn-container { margin-top: 42px; } .roster-btn-search { height: 32px; line-height: 2em; } .roster-btn-reset { height: 32px; line-height: 2em; } .roster-search-item .ui-selectonemenu { height: 38px; } .roster-search-item .ui-selectonemenu-label.ui-inputfield.ui-corner-all { height: 28px; line-height: 2em; } .roster-search-item .ui-icon.ui-icon-triangle-1-s.ui-c { margin-top: 10px; } .roster-search-item .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { height: 38px; } } /* 641px and above */ @media (min-width: 641px) { .roster-reset-btn-container { padding-left: 5px; } .ui-grid-col-4.roster-item:nth-child(1n+2) { padding-left: 10px; } .ui-grid-col-6.roster-item:nth-child(2n) { padding-left: 10px; } .ui-grid-col-4.roster-item-dependent:nth-child(1n+2) { padding-left: 10px; } .ui-grid-col-6.roster-item-dependent:nth-child(2n) { padding-left: 10px; } .roster-col-address { max-width: 350px; } .roster-dg .ui-grid-row .ui-datagrid-column:nth-child(n+2) { padding-left: 5px; } .roster-search-item.ui-grid-col-3 { padding-right: 5px; } .roster-search-item.ui-grid-col-3:nth-child(4n) { padding-right: 0; } .roster-pref-col.ui-grid-col-3 { padding-right: 10px; } .roster-pref-col.ui-grid-col-3:nth-child(4n) { padding-right: 0; } .MemberRoster-portlet .vmi-main-grid .ui-grid-col-6:first-child { border-right: 3px solid #fff; } } /* 1px to 640px */ @media (min-width: 1px) and (max-width: 640px) { .roster-reset-btn-container { padding-left: 0; } .roster-search-reset-btn-container .ui-grid-col-6 { margin-bottom: 5px; } .roster-profile-pic-container { text-align: center; } .roster-profile-name { text-align: center; } .roster-profile-email { text-align: center; } /* .ui-grid-col-4.roster-item:nth-child(2n) { padding-left: 0px; } .ui-grid-col-4.roster-item:nth-child(3n) { padding-left: 0px; } .ui-grid-col-6.roster-item:nth-child(2n) { padding-left: 0px; } */ } /* 641px to 1210px */ @media (min-width: 641px) and (max-width: 1210px) { .roster-info { padding-left: 10px; } } .roster-profile-pic { background: #fff; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); padding: 0.25em; width: 12em; box-sizing: border-box; margin-top: 8px; } .roster-dependent-pic { height: 200px !important; } .roster-item .ui-grid-row:nth-child(2n) { background-color: #fff; } .roster-item-dependent .ui-grid-row:nth-child(2n+3) { background-color: #fff; } .roster-basic-info .ui-grid-row:nth-child(2n) { background-color: #fff; } .roster-item .ui-grid-row { border: 1px solid #c0bfbe !important; border-radius: 1px !important; line-height: 35px; padding-left: 5px; } .roster-item-dependent .ui-grid-row { border: 1px solid #c0bfbe !important; border-radius: 1px !important; line-height: 35px; padding-left: 5px; } .roster-basic-info .ui-grid-row { border: 1px solid #c0bfbe !important; border-radius: 1px !important; line-height: 35px; padding-left: 5px; } .ui-grid-row.roster-profile-pic-container { border-top: medium none; margin-bottom: 10px; } .roster-row { margin-top: 10px; } .roster-address-type-name { font-weight: bold; } .roster-table .ui-datatable-tablewrapper table { table-layout: auto; } .roster-norecords { margin-top: 10px; } .roster-member-address-tabs-container { margin-bottom: 5px; } .roster-table th, .roster-table td { padding: 8px 2px !important; } .roster-col-statistics { text-align: center !important; width: 25px; } .roster-col-vcard { text-align: center !important; width: 25px; } .roster-dg .ui-grid-row .ui-datagrid-column { padding-bottom: 5px; } .roster-export-link-container { margin-right: 0px; margin-top: -10px; } .roster-export-link-container a { background-color: #005076; color: #fff; padding: 6px; border-radius: 3px; transition: 0.5s all ease; } @media (min-width: 300px) and (max-width: 767px) { .roster-export-link-container a { margin-bottom: 10px !important; display: block; text-align: center; } } .roster-export-link-container a:hover, .roster-export-link-container a:focus { background-color: #337a9c; color: #fff; text-decoration: none !important; } .roster-col-buddy { width: 25px; text-align: center !important; } .roster-buddy-img { width: 20px; height: 20px; } .roster-buddy-receiver-img-and-name-container { text-align: center; padding-top: 5px; } .roster-buddy-request-message-container { padding-left: 10px; } .roster-buddy-request-message-label { padding: 0px; } .roster-buddy-request-message-text-area { width: 100% !important; } .roster-buddy-message-container { padding-top: 10px; } .roster-buddy-btns-container { padding-top: 10px; } .ui-grid-row.roster-odd-row { height: auto !important; } .ui-grid-row.roster-even-row { height: auto !important; } /* ----------- paginator classes ----------- */ .MemberRoster-portlet span.ui-paginator-next.ui-state-default.ui-corner-all { background-color: #005076 !important; color: #fff !important; box-shadow: none !important; } .MemberRoster-portlet span.ui-paginator-last.ui-state-default.ui-corner-all { background-color: #005076 !important; color: #fff !important; box-shadow: none !important; } .MemberRoster-portlet span.ui-paginator-first.ui-state-default.ui-corner-all { background-color: #005076 !important; color: #fff !important; box-shadow: none !important; } .MemberRoster-portlet span.ui-paginator-prev.ui-state-default.ui-corner-all { background-color: #005076 !important; color: #fff !important; box-shadow: none !important; } .MemberRoster-portlet span.ui-paginator-page.ui-state-default.ui-corner-all { background-color: #80acc1 !important; color: #fff !important; box-shadow: none !important; } .MemberRoster-portlet .ui-paginator-bottom.ui-widget-header .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png) !important; } .MemberRoster-portlet .ui-icon-seek-first { background-position: -80px -158px; } .MemberRoster-portlet .ui-icon-seek-prev { background-position: -48px -158px !important; } .MemberRoster-portlet .ui-icon-seek-next { background-position: -32px -158px !important; } .MemberRoster-portlet .ui-icon-seek-end { background-position: -64px -158px !important; } .roster-resp-view-member-box-container .roster-res-simulator-img { position: absolute; right: 5px !important; top: 5px !important; } .MemberRoster-portlet span.ui-paginator-pages { padding-left: 0; padding-right: 0; } /* ----------- end paginator classes ----------- */ .MemberRoster-portlet span.ui-panel-title { color: #fff; } .roster-search-alphabet-container .active { background: #007663; } .roster-search-alphabet:hover { background: black; } .roster-search-item, .ui-grid-responsive { margin-bottom: 15px; margin-top: 5px !important; } .roster-search-alphabets-container { text-align: center; } .roster-resp-view-member-box { text-align: center; width: 100%; -ms-word-break: break-all; word-break: break-all; word-break: break-word; /*Non standard for webkit*/ -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -webkit-hyphenate-before: 2; -webkit-hyphenate-after: 3; hyphenate-lines: 3; } .roster-resp-view-member-box-container { border: 1px solid #c0bfbe !important; border-radius: 1px !important; padding: 10px 5px; min-height: 200px; } .view-member-box { position: relative; } .view-member-box .member-box-link-container { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; } .view-member-box .roster-normal-link { position: relative; z-index: 1; } img.member-img { border: 1px solid #c0bfbe !important; border-radius: 1px !important; height: 75px; width: 75px; border-radius: 5px !important; } .roster-pref-chkbx-container .ui-chkbox.ui-widget { display: block !important; margin: 5px 0; } .roster-search-item .ui-autocomplete { width: 100%; } .roster-search-item .ui-autocomplete-input.ui-inputfield.ui-widget.ui-state-default.ui-corner-all { width: 100%; } .roster-search-item .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { width: 100%; } .roster-search-item .ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .roster-search-item .ui-selectcheckboxmenu.ui-widget.ui-state-default.ui-corner-all { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .roster-search-alphabet-container { display: inline-block; line-height: 35px; margin: 0 0 5px 0; text-align: center; } .roster-search-alphabet { display: block; height: 100%; padding: 5px; background-color: #005076; color: #fff !important; transition: 0.5s ease all; width: 40px !important; text-align: center !important; } .roster-search-alphabet:hover { background-color: #1b1c1c; text-decoration: none !important; } .roster-search-item .ui-outputlabel.ui-widget { margin-bottom: 0; } .roster-search-type-btn-container { margin-top: 5px; margin-bottom: 5px; } /* 980px and above */ @media (min-width: 980px) { .roster-search-reset-btn-container { margin-top: 31px; } } /* 641px to 979px */ @media (min-width: 641px) and (max-width: 979px) { .roster-search-reset-btn-container { margin-top: 42px; } .roster-btn-search { height: 32px; line-height: 2em; } .roster-btn-reset { height: 32px; line-height: 2em; } .roster-search-item .ui-selectonemenu { height: 38px; } .roster-search-item .ui-selectonemenu-label.ui-inputfield.ui-corner-all { height: 28px; line-height: 2em; } .roster-search-item .ui-icon.ui-icon-triangle-1-s.ui-c { margin-top: 10px; } .roster-search-item .ui-inputfield.ui-inputtext.ui-widget.ui-state-default.ui-corner-all { height: 38px; } } /* 641px and above */ @media (min-width: 641px) { .roster-reset-btn-container { padding-left: 5px; } .ui-grid-col-4.roster-item:nth-child(1n+2) { padding-left: 10px; } .ui-grid-col-6.roster-item:nth-child(2n) { padding-left: 10px; } .ui-grid-col-4.roster-item-dependent:nth-child(1n+2) { padding-left: 10px; } .ui-grid-col-6.roster-item-dependent:nth-child(2n) { padding-left: 10px; } .roster-col-address { max-width: 350px; } .roster-dg .ui-grid-row .ui-datagrid-column:nth-child(n+2) { padding-left: 5px; } .roster-search-item.ui-grid-col-3 { padding-right: 5px; } .roster-search-item.ui-grid-col-3:nth-child(4n) { padding-right: 0; } .roster-pref-col.ui-grid-col-3 { padding-right: 10px; } .roster-pref-col.ui-grid-col-3:nth-child(4n) { padding-right: 0; } } /* 1px to 640px */ @media (min-width: 1px) and (max-width: 640px) { .roster-reset-btn-container { padding-left: 0; } .roster-search-reset-btn-container .ui-grid-col-6 { margin-bottom: 5px; } .roster-profile-pic-container { text-align: center; } .roster-profile-name { text-align: center; } .roster-profile-email { text-align: center; } /* .ui-grid-col-4.roster-item:nth-child(2n) { padding-left: 0px; } .ui-grid-col-4.roster-item:nth-child(3n) { padding-left: 0px; } .ui-grid-col-6.roster-item:nth-child(2n) { padding-left: 0px; } */ } /* 641px to 1210px */ @media (min-width: 641px) and (max-width: 1210px) { .roster-info { padding-left: 10px; } } .roster-profile-pic { background: #fff; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); padding: 0.25em; width: 12em; box-sizing: border-box; margin-top: 8px; } .roster-dependent-pic { height: 200px !important; } .roster-item .ui-grid-row:nth-child(2n) { background-color: #fff; } .roster-item-dependent .ui-grid-row:nth-child(2n+3) { background-color: #fff; } .roster-basic-info .ui-grid-row:nth-child(2n) { background-color: #fff; } .roster-item .ui-grid-row { border: 1px solid #c0bfbe !important; border-radius: 1px !important; line-height: 35px; padding-left: 5px; } .roster-item-dependent .ui-grid-row { border: 1px solid #c0bfbe !important; border-radius: 1px !important; line-height: 35px; padding-left: 5px; } .roster-basic-info .ui-grid-row { border: 1px solid #c0bfbe !important; border-radius: 1px !important; line-height: 35px; padding-left: 5px; } .ui-grid-row.roster-profile-pic-container { border-top: medium none; margin-bottom: 10px; } .roster-row { margin-top: 10px; } .roster-address-type-name { font-weight: bold; } .roster-table .ui-datatable-tablewrapper table { table-layout: auto; } .roster-norecords { margin-top: 10px; } .roster-member-address-tabs-container { margin-bottom: 5px; } .roster-table th, .roster-table td { padding: 8px 2px !important; } .roster-col-statistics { text-align: center !important; width: 25px; } .roster-col-vcard { text-align: center !important; width: 25px; } .roster-dg .ui-grid-row .ui-datagrid-column { padding-bottom: 5px; } .roster-export-link-container { margin-right: 0px; margin-top: -10px; } .roster-export-link-container a { background-color: #005076; color: #fff; padding: 6px; border-radius: 3px; transition: 0.5s all ease; } .roster-export-link-container a:hover { background-color: #337a9c; color: #fff; text-decoration: none !important; } .roster-col-buddy { width: 25px; text-align: center !important; } .roster-buddy-img { width: 20px; height: 20px; } .roster-buddy-receiver-img-and-name-container { text-align: center; padding-top: 5px; } .roster-buddy-request-message-container { padding-left: 10px; } .roster-buddy-request-message-label { padding: 0px; } .roster-buddy-request-message-text-area { width: 100% !important; } .roster-buddy-message-container { padding-top: 10px; } .roster-buddy-btns-container { padding-top: 10px; } .ui-grid-row.roster-odd-row { height: auto !important; } .ui-grid-row.roster-even-row { height: auto !important; } /* Advance UI */ /* Member Roaster */ .MemberRoster-portlet { /* Member Roster Details */ /* .roster-profile-back-btn-container .roster-profile-back-btn i{ display: none; } */ } .MemberRoster-portlet .ui-area-btn, .MemberRoster-portlet .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .MemberRoster-portlet .btn:not(.lfr-icon-menu), .MemberRoster-portlet .aui #ui-area .events-cal-link, .aui #ui-area .MemberRoster-portlet .events-cal-link { box-shadow: none !important; } .MemberRoster-portlet .roster-search-alphabets-container, .MemberRoster-portlet .roster-search-alphabets-container + .ui-grid { background: #fff !important; margin: 0px !important; } .MemberRoster-portlet .roster-search-alphabets-container + .ui-grid { padding: 0px 10px 10px 10px; margin-bottom: 10px !important; } .MemberRoster-portlet .roster-search-item label { line-height: 19px !important; letter-spacing: 0.5px; text-transform: uppercase; font-family: "lexia", serif !important; font-weight: 700 !important; } .MemberRoster-portlet .ui-state-highlight, .MemberRoster-portlet .ui-widget-content .ui-state-highlight, .MemberRoster-portlet .ui-widget-header .ui-state-highlight { background: #005983 !important; } .MemberRoster-portlet .roster-row .vmi-grid-col .vmi-grid thead tr th { background: transparent !important; color: #333943 !important; font-size: 24px; text-align: left !important; font-family: "lexia", serif; font-weight: 300; } .MemberRoster-portlet .roster-profile-name h1 { margin: 0px; padding: 0px !important; line-height: normal !important; margin-bottom: 0px !important; text-align: left !important; } .MemberRoster-portlet .roster-profile-email a { font-weight: 300 !important; font-size: 16px; } .MemberRoster-portlet .roster-profile-pic { padding: 0px; width: 190px; height: 190px; border-radius: 50% !important; object-fit: cover; } .MemberRoster-portlet .roster-resp-view-member-box .member-img img { border-radius: 100% !important; width: 100px !important; height: 100px !important; background-image: url(../images/club-images/ajax-loader-small.gif) !important; background-repeat: no-repeat !important; object-fit: cover !important; padding: 0px !important; margin-bottom: 20px; background-position: center center !important; } .MemberRoster-portlet .roster-resp-view-member-box .roster-name { margin: 0px !important; line-height: normal; } .MemberRoster-portlet .roster-search-item .ui-autocomplete { position: relative !important; } .MemberRoster-portlet .roster-resp-view-member-box-container { min-height: 330px !important; background: #fff !important; border: 0px !important; border: 1px solid #eaeaea !important; margin: 5px; /* transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1); &:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.07); -webkit-transform: scale(1.02, 1.02); transform: scale(1.02, 1.02); cursor: pointer; }*/ } @media (min-width: 300px) and (max-width: 767px) { .MemberRoster-portlet .roster-resp-view-member-box-container { margin: 5px 0px !important; } } .MemberRoster-portlet .roster-resp-view-member-box-container .roster-member-name { color: #005983; font-weight: 700; } .MemberRoster-portlet .roster-dg .ui-paginator-bottom { background: transparent !important; border: 0px !important; } .MemberRoster-portlet .roster-search-alphabets-container { text-align: center !important; } .MemberRoster-portlet span.roster-resp-home-phone:before { content: "\f015"; font-family: FontAwesome; color: #005983; padding-right: 5px; } .MemberRoster-portlet span.roster-resp-cell-phone:before { content: "\f095"; font-family: FontAwesome; color: #005983; padding-right: 5px; } .MemberRoster-portlet span.roster-resp-home-phone img, .MemberRoster-portlet span.roster-resp-cell-phone img { display: none; } .MemberRoster-portlet span.roster-resp-home-phone { font-size: 13px; } .MemberRoster-portlet .roster-profile-email a { color: #005983 !important; font-weight: 700 !important; } .MemberRoster-portlet .roster-profile-email + table * { /* margin-top: 30px !important; */ background: white; border: 0px !important; padding: 0; } .MemberRoster-portlet .roster-profile-email + table { margin-top: 20px !important; } .MemberRoster-portlet .vmi-grid-col .roster-item { background: #fff !important; padding: 5px 10px 10px 10px; display: block; } .MemberRoster-portlet .vmi-grid-col .roster-item i { display: none; } .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header { letter-spacing: 0.2px; text-transform: uppercase; font-size: 16px; color: #005983 !important; font-weight: 900; font-family: "lexia", serif; } .MemberRoster-portlet .roster-item table .vmi-odd-row { background: #f6f8f9 !important; border-bottom: 1px solid #d3d8e5; border-top: 1px solid #d3d8e5; } .MemberRoster-portlet .roster-item table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent { background: #fff !important; padding: 5px 10px 10px 10px; display: block; border: 5px solid #fff; } .MemberRoster-portlet .roster-item-dependent table .vmi-odd-row { background: #fff !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-profile-email a { color: #005983 !important; font-weight: normal !important; } .MemberRoster-portlet .roster-profile-email + table * { background: white; border: 0px !important; padding: 0; } .MemberRoster-portlet .roster-profile-email + table { margin-top: 20px !important; } .MemberRoster-portlet .vmi-grid tr .vmi-even-col { font-weight: 700; } .MemberRoster-portlet .vmi-grid-col .roster-item { background: #fff !important; padding: 5px 10px 10px 10px; display: block; } .MemberRoster-portlet .vmi-grid-col .roster-item i { display: none; } .MemberRoster-portlet .vmi-grid-col .roster-item .vmi-grid .vmi-header { letter-spacing: 0.2px; text-transform: uppercase; font-size: 14px; color: #005983 !important; font-weight: 900; font-family: "lexia", serif !important; } .MemberRoster-portlet .roster-item table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent { background: #fff !important; padding: 5px 10px 10px 10px; display: block; border: 5px solid #fff; } .MemberRoster-portlet .roster-item-dependent table .vmi-odd-row { background: #fff !important; border: 0px; } .MemberRoster-portlet .roster-item-dependent table .vmi-even-row { background: transparent !important; border: 0px; } .MemberRoster-portlet .roster-member-dependents .roster-profile-pic-container img { margin: auto; border-radius: 100% !important; width: 100px !important; height: 100px !important; background-image: url(../../../mac-new-theme/images/club-images/ajax-loader-small.gif) !important; background-repeat: no-repeat !important; background-position: center center !important; } .MemberRoster-portlet .roster-member-dependents .roster-profile-pic-container { border: 0px !important; margin: 10px 0px 20px; } .MemberRoster-portlet .roster-member-dependents .roster-row h2 { font-size: 24px !important; line-height: 30px !important; color: #333943; margin-top: 20px; } .MemberRoster-portlet .roster-member-dependents .roster-row { border-top: 1px solid #ebeae9; margin-top: 30px; } #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th { background: #005983; color: #fff; font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th { font-size: 14px !important; } } #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td { font-size: 14px !important; } } #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name { font-size: 14px !important; } } #ui-area .eCommerce-portlet .g2g-btn i { display: block; } #ui-area .eCommerce-portlet .grocery-2go .g2g-footer { border-top: 2px solid #005983; } #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification { background: #005983; font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification { font-size: 14px !important; } } #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-grand-total span.g2g-grand-total-ammount { color: #1b1c1c !important; } #ui-area .eCommerce-portlet .grocery-2go a.g2g-proceed { background: #005983 !important; color: #fff !important; } #ui-area .eCommerce-portlet .g2g-category-items .ui-widget-header { color: #fff !important; background: #005983 !important; } #ui-area .eCommerce-portlet .g2g-min-max-qty-lbl { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .g2g-min-max-qty-lbl { font-size: 14px !important; } } #ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon { font-size: 14px !important; } } #ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel h3 { font-family: "lexia", serif !important; background: #005983 !important; } #ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel .ui-accordion .ui-accordion-header.ui-state-active { background: #1b1c1c !important; } .shop-fluid input { margin-bottom: 10px !important; } span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) { top: 15px !important; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .shop-box-items-grid { width: 96% !important; } .shop-search-button { padding: 14px 5% 10px 5% !important; } .shop-del-button { width: 100px !important; } } @media screen and (max-width: 1199px) and (min-width: 250px) { .shop-box-items-grid { min-height: 410px !important; } .shop-show-name { font-size: 14px !important; } .shop-box-col { font-size: 12px !important; } .limited-stock { font-size: 11px !important; } .product-image { height: 230px !important; width: 190px !important; } } .shop-product-price { font-size: 30px; color: #bf1f11; } /* Cart */ .col-cart-right .ui-c { top: 50% !important; } /* Related Items */ .shop-box-rel-items-grid td { text-align: center; } .shop-carousel-items .ui-widget-header { background: #0271c9 !important; } /* Product Details */ .product-image { border: 1px solid #cacaca !important; border-radius: 5px !important; } .Product-rate { font-size: 30px; color: #bf1f11; } /* Search */ .shop-search-input { margin: 0px !important; } .shop-row ul li h3 { margin: 0px !important; line-height: normal; text-shadow: none !important; font-size: 16px !important; font-weight: 400; } /* Featured Product*/ .shop-carousel-items .ui-widget-header { margin: 0px 10px !important; } .ui-carousel-viewport ul { margin: 0px !important; } .shop-show-name { font-size: 16px; color: #000; text-transform: capitalize; font-weight: bold; } .shop-show-desc { font-size: 14px; color: #000; } .shop-show-price { font-size: 20px; color: #bf1f11; } .ui-carousel-item { padding: 10px 10px !important; } /* Featured Product */ .ui-menu-list { margin: 0px !important; } .ui-grid-responsive { background: transparent !important; margin-top: 0px; } .shop-order-box td { padding: 0px; } .limited-stock { color: red !important; font-size: 14px !important; } .price-dollar { color: #bf1f11; font-weight: bold; } .shop-previous-button { width: 100%; padding: 10px 0px; background: #000 !important; color: #fff !important; margin-top: 10px 0px; } .shop-previous-button:hover { background: #c3c3c3 !important; } .shop-box-col { font-size: 14px !important; } .shop-order-grid { border-bottom: 1px dotted #afb1b1; margin: 10px 0px !important; } .shop-row .ui-widget-header { background: #005983 !important; } .shop-row .ui-paginator-bottom { background: #f5f5f5 !important; border: 1px solid #ccc !important; } .shop-order-detail div { font-size: 14px; line-height: 15px; margin-bottom: 0px !important; } .shop-your-order { font-size: 22px; line-height: 50px; margin: 0px 10px !important; } .shop-box-feat-items-grid td { text-align: center; } .shop-items { margin-left: 15px; } .shop-all { display: none; } .shop-menu-item { margin-left: 6px; } .shop-image { height: 110px !important; object-fit: contain; } .shop-grid-col-2 { padding-left: 10px !important; padding-right: 10px !important; } .shop-cart { font-size: 8em !important; display: block; } .col-shop-left { text-align: left; } .col-shop-right { text-align: left; } .shop-quantity-input { width: 35px !important; } .shop-item-grid .ui-slider-horizontal { width: 150px; } .cart-image { width: 70px; height: 70px !important; padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); object-fit: contain; } .shop-cart-table .col-shop-cart-left { text-align: left !important; } .shop-well-add { display: block; } .shop-well { margin-top: 10px; margin-bottom: 10px !important; } .shop-spinner .ui-spinner-input { width: 80%; } .shop-percent { font-weight: 800 !important; color: orangered !important; } .shop-cart-items-temp { overflow-y: auto; overflow-x: hidden; max-height: 250px; } .shop-sold { background-color: coral; padding: 5px; color: white; font-weight: bold; } .shop-order-msg { text-align: left !important; float: left; font-size: smaller; margin-top: 5px; color: cadetblue; } span.shop-search { float: right; } .shop-row .shop-search-input { max-width: 83%; height: 40px !important; } .shop-search-button { padding: 14px 6.5% 10px 6.5%; color: white !important; background-color: coral; } .shop-order-image { height: 60px !important; object-fit: contain; border: 1px solid #c3c3c3 !important; border-radius: 5px !important; margin: 10px 0px; width: 60px; } table.shop-order-grid { width: 100%; } td.shop-order-im-col { width: 30%; } td.shop-order-detail { text-align: left; padding: 0px 6px; } .shop-del-button { float: left; margin-left: 30%; padding: 3px !important; font-size: 14px !important; margin-bottom: 10px; } .shop-del-icon { font-size: 27px; color: red; } .shop-boolean-button { width: 60px !important; } .shop-panel label.portlet-msg-error { display: block !important; } .shop-box { border: 1px solid #bcc2a7; width: 100%; height: 175px; text-align: center; } .shop-carousel .ui-carousel-mobiledropdown { width: 70px; } .shop-expand { font-size: larger; margin-left: 8px; } .shop-box-grid { border: 1px solid #eee; text-align: center; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(0.2, #fdfdfd), color-stop(0.6, #fff)); margin-bottom: 8px; } .shop-box-items-grid { min-height: 360px !important; padding: 6px; width: 90%; } .shop-box-rel-items-grid { min-height: 330px !important; width: 100%; } .shop-box-feat-items-grid { min-height: 335px !important; width: 100%; } .shop-order-box { min-height: 380px !important; } .shop-box-image { height: 175px !important; object-fit: contain; } @media screen and (max-width: 1920px) and (min-width: 1200px) { .product-image { height: 400px !important; } } .product-image { width: 300px; margin-bottom: 10px; object-fit: contain; } .product-sub-image { height: 95px !important; border: 3px solid lightgoldenrodyellow !important; width: 65px; margin-bottom: 5px; object-fit: contain; } .limited-stock { color: burlywood; font-weight: bold; font-size: large; } .product-item-description { font-family: "lexia", serif; color: #1b1c1c; font-weight: normal; font-size: 16px; } .shop-carousel-items .ui-carousel-dropdown { display: none; } .shop-carousel-items a { color: navy; text-decoration: none !important; } .shop-delivery-comments { width: -webkit-fill-available !important; } .ups-image { height: 50px !important; } .shop-no-product { display: block; } @media (min-width: 641px) and (max-width: 980px) { .shop-fluid .ui-inputfield, .shop-fluid .ui-selectonemenu { width: 95%; } } @media (max-width: 640px) { .shop-fluid .ui-grid-row { border-top: 0px !important; } .shop-cart-table td .ui-column-title { min-width: 0 !important; float: left; padding-left: 10px !important; } .col-cart-name { text-align: right; padding-right: 4px; } .shop-cart-table td .col-cart-right { text-align: right; float: right; padding-right: 4px; } .col-cart-del-image { display: none !important; } span.col-cart-name { float: right; } .scn-item-image { display: none; } .scn-icon-desktop { display: none; } .scn-bar { z-index: 1000; opacity: 0.9; width: 90%; left: 0%; } .scn-bar .ui-grid-row { background-color: #fee5e2; } .shop-search-row .shop-search-input { width: 83%; height: 39px !important; } .shop-your-order { font-size: large; font-weight: bold; } } @media (min-width: 641px) { .col-cart-delete { display: none !important; } .shop-grid-col-3 { /* position: fixed; */ right: 2%; top: 43%; } .scn-item-image { width: 70px; height: 70px !important; padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); object-fit: contain; } .scn-bar { z-index: 1000; opacity: 0.9; width: 70%; left: 15%; } .scn-bar .ui-grid-row { background-color: #fee5e2; } .scn-icon-phone { display: none; } .shop-search-row .shop-search-input { width: 65%; height: 40px !important; margin-left: 12%; } } @media only screen and (min-width: 1025px) { .shop-desc-dialog { width: 30% !important; left: 35% !important; } } @media (max-width: 1024px) and (min-width: 741px) { .shop-desc-dialog { width: 40% !important; left: 30% !important; } } @media (min-width: 641px) and (max-width: 740px) { .shop-desc-dialog { overflow-y: hidden; } } @media (min-width: 785px) { .shop-row .shop-search-input { margin-left: 12px; } } @media (min-width: 641px) and (max-width: 1079px) { .shop-item-grid .ui-grid-col-2 { width: 30%; } .shop-product-add-cart-button { margin-left: 10px; } } @media (min-width: 641px) and (max-width: 800px) { .shop-ship-button-row .ui-grid-col-2 { width: 20%; } } /* MT#0275078: Category panel/Menu bar CSS related changes */ .shop-selected-sub-category { background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))); } .shop-breadcrumb-cont .ui-state-disabled { color: #676767 !important; opacity: 1 !important; } .shop-divider { padding: 0 5px; } .shop-breadcrumb-cont { border-bottom: 1px solid; margin: 5px 0px 15px 5px; border-bottom: 1px solid; } .shop-breadcrumb-link, .shop-divider { font-size: 16px !important; } .shop-all-category { width: 101% !important; } .shop-no-order-box .shop-cart { display: block; } .StatementSettings-portlet .ui-grid-responsive { margin-bottom: 0px; } StatementSettings-portlet .ui-radiobutton-icon { margin: -1px 0px 0px -1px !important; } .StatementSettings-portlet .ui-selectmanycheckbox.ui-grid label, .ui-selectoneradio.ui-grid label { margin-left: 8px !important; /* vertical-align: middle; */ margin-top: 2px; } .ui-widget-header .ui-icon { background-image: url(../images/ui-icons_228ef1_256x240.png) !important; } .stmt-grid { padding: 0px !important; } .stmt-info-button { position: inherit !important; margin-bottom: 5px !important; } .stmt-previous-button, .stmt-next-button, .stmt-print-button, .stmt-pmnt-btn { margin-bottom: 5px !important; } .stmt-well { word-wrap: break-word; } .stmt-message { color: #f1331e; font-weight: bold; } .stmt-file-text-icon { color: #1b1c1c !important; } /* Button */ /* My Modification */ .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer { padding: 0px !important; } .ui-column-title { text-shadow: none !important; } .ui-selectonemenu-items .ui-state-hover { border: 0px !important; background-image: none !important; background-color: #005076 !important; color: #fff !important; border-radius: 0px !important; } .ui-selectonemenu-items .ui-state-highlight { border: 0px !important; background-image: none !important; background-color: #005076 !important; color: #fff !important; border-radius: 0px !important; } .ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield { -webkit-box-shadow: inset 0 0px 0px #8f8f8f !important; box-shadow: inset 0 0px 0px #8f8f8f !important; color: #1b1c1c; } .ui-state-hover { -webkit-box-shadow: inset 0 0px 0px #8f8f8f !important; box-shadow: inset 0 0px 0px #8f8f8f !important; } /* Chits Styles */ .ui-widget-content { border: 0px !important; background: #fff !important; color: #000; } .fa-print { color: #fff; } .chit-times { color: #fff; } .chit-print { color: #fff !important; } .StatementSummary-portlet .ui-dialog-content .rc-icon { color: #fff !important; margin-top: 13px; } .StatementSummary-portlet .ui-dialog-content .rc-icon:hover { opacity: 0.9 !important; } .StatementSummary-portlet .ui-dialog-content .rc-icon .fa-times { color: #fff !important; } /* End */ /* statement summary paginator classes */ .StatementSummary-portlet .ui-paginator-first { background-color: #37333d !important; box-shadow: none !important; color: #fff; } .StatementSummary-portlet .ui-paginator-prev { background-color: #37333d !important; box-shadow: none !important; color: #fff; } .StatementSummary-portlet .ui-paginator-next { background-color: #37333d !important; box-shadow: none !important; color: #fff; } .StatementSummary-portlet .ui-paginator-page { background-color: #37333d !important; box-shadow: none !important; color: #fff; } .StatementSummary-portlet .ui-paginator-last { background-color: #37333d !important; box-shadow: none !important; color: #fff; } .StatementSummary-portlet .ui-widget-header .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png) !important; } .StatementSummary-portlet .ui-selectonemenu-trigger.ui-state-default.ui-corner-right { background-color: #fff !important; } .StatementSummary-portlet span.ui-paginator-pages { padding-left: 0; padding-right: 0; } .StatementSummary-portlet .ui-icon-seek-next { background-position: -32px -158px !important; } .StatementSummary-portlet .ui-icon-seek-end { background-position: -64px -158px !important; } .StatementSummary-portlet .ui-icon-seek-prev { background-position: -48px -158px !important; } .StatementSummary-portlet .ui-icon-seek-first { background-position: -48px -158px !important; } /* end statement summary paginator classes */ .trans-col-date { width: 15%; } .trans-col-trans-no { width: 15%; } .trans-col-location { width: 20%; } .trans-col-desc { width: 35%; } .trans-col-amount { width: 15%; text-align: right !important; } .trans-total { font-weight: bold; font-size: 18px; } .trans-label { margin-bottom: 5px; } .trans-lbl-fromdate { font-weight: bold; } .trans-lbl-todate { font-weight: bold; } /* 1px to 640px */ @media (min-width: 1px) and (max-width: 640px) { .trans-col-amount { text-align: left !important; } .trans-total { font-size: 13px; } .trans-btn-search { margin-left: 0; } .ui-outputlabel { padding: 0; } .trans-lbl-todate { margin-left: 0; } } /* 1px to 979px */ /* 641px to 767px */ @media (min-width: 641px) and (max-width: 767px) { .trans-btn-search { margin-top: 0 !important; } } /* 641px and above */ @media (min-width: 641px) { .trans-lbl-todate { margin-left: 10px; } .trans-btn-search-div { margin-left: 10px; } } /* 641px to 979px */ /* 768px to 979px */ /* 980px and above */ .activity-confirmation-container .ui-panel-titlebar { background: #005983 !important; display: block; color: #fff !important; } .activity-slots table th.header-col, .activity-slots table td.interval { z-index: 5 !important; } .activity-slots table th.header-col.time { z-index: 10 !important; } .activity-cancel-reservation-dialog textarea, .activity-cancel-reservation-dialog textarea.ui-state-hover, .activity-cancel-reservation-dialog textarea.ui-state-focus { color: #000 !important; } .activities-portlet .player-info .ui-autocomplete { position: relative !important; } .activities-portlet .ui-area-btn-primary { background-color: #005983 !important; } .activity-legends-dialog .cross { color: #fff !important; margin: 10px; } .activities-portlet .container { width: 100%; } .activity-waiver-dialog .ui-waiverdialog-finish { background-color: #005983 !important; text-align: center; } .activity-cancel-reservation-dialog ul { margin: 0px !important; } .ui-datepicker { width: 16em !important; } .activity-cancel-reservation-dialog textarea { margin-bottom: 10px; width: 100% !important; max-width: 600px; } .ui-autocomplete-list { max-height: 300px; } .footer-row td { background: #005983 !important; } .btn-update { background: #005983 !important; text-align: center; } .btn-cancel { background: #f1331e !important; text-align: center; color: #fff !important; } .btn-save { background: #005983 !important; text-align: center; } .btn-back { background: #f1331e !important; text-align: center; } .activities-portlet .activity-header { background-color: #fff; padding: 10px 10px; box-shadow: 0 0 10px #9e9e9e; margin: 0px 5px 10px 0px; border-radius: 5px; text-align: center; } .activity-header .hasDatepicker { border: none !important; } .activities-portlet .activity-header .ui-selectonemenu.ui-state-disabled { opacity: 1; } .activities-portlet .activity-header .ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger { display: none; } .activities-portlet .date-picker { margin: 0; display: inline-block; } .activities-portlet .calendar-area-top { text-align: center; display: inline-block; background: #fff; padding: 4px 16px 5px 0px; border-radius: 5px; box-shadow: 0 0 7px #d4d4d4; margin: 6px 0 0 0; } .activities-portlet .calendar-date-area .ui-calendar input { font-size: 14px !important; color: #000 !important; text-transform: uppercase; display: inline-block; margin: 1px 10px 0; vertical-align: top; padding: 6px; text-align: center; width: 98% !important; } .activities-portlet .btn-teesheet .tooltip { position: relative; display: block; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { float: right; text-decoration: none !important; background-color: #005983 !important; } @media only screen and (min-width: 1025px) { .activities-portlet .btn-teesheet { text-align: right; display: inline-block; float: right; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; font-size: 14px; text-shadow: none !important; border: none !important; border-radius: 34px !important; margin-right: 3px !important; padding: 11px; font-weight: normal !important; } .activities-portlet .heading-teesheet { font-size: 22px; color: #474747; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: capitalize; display: inline-block; background-color: #fff; padding: 0px 6px; vertical-align: top; border-radius: 5px; float: left; } .activities-portlet span.current-time { float: right; border-radius: 20px; margin: 0px 10px; color: #337a9c; display: inline-block; padding: 10px; vertical-align: top; font-size: 15px; border: 1px solid #337a9c; text-shadow: none; text-align: center; background-color: #fff; } .activities-portlet .activity-cancel-reservation-dialog, .activities-portlet .activity-warning-dialog, .activities-portlet .activity-restriction-dialog { max-width: 40%; left: 30% !important; } } @media only screen and (max-width: 320px) { .activities-portlet .sheet-switching-option { padding: 10px 0px !important; } .activities-portlet span.btn-reservation-sheet a { margin-bottom: 5px; } .activities-portlet span.btn-reservation-sheet a, .activities-portlet span.btn-trainer-sheet a { width: 90%; display: inline-block; padding: 5px 0px !important; } } @media only screen and (max-width: 1025px) { .activities-portlet input[type=text], .activities-portlet input[type=number], textarea, select { font-size: 16px !important; } .activities-portlet .refresh-view a { margin-bottom: 5px; } } /*For iPads Portrait*/ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) { .activities-portlet .btn-teesheet { text-align: right; display: inline-block; float: right; margin: 2px 0 0 0; } .activities-portlet span.current-time { border-radius: 20px; margin: 0px 5px 0; color: #45a7a3; border: 1px solid #45a7a3; display: inline-block; padding: 10px 5px; vertical-align: top; font-size: 16px; text-shadow: none; text-align: center; background-color: #fff; } .activities-portlet .heading-teesheet { font-size: 22px; color: #474747; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: capitalize; margin: 6px 10px 0 0px; display: inline-block; background-color: #ffffff; padding: 6px 6px; vertical-align: top; border-radius: 5px; float: left; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 15px !important; padding: 10px 10px; } } /*For iPads Landscape*/ @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .activities-portlet .btn-teesheet { text-align: right; display: inline-block; float: right; } .activities-portlet .heading-teesheet { font-size: 22px; color: #474747; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: capitalize; margin: 6px 10px 0 0px; display: inline-block; background-color: #ffffff; padding: 6px 6px; vertical-align: top; border-radius: 5px; float: left; } .activities-portlet span.current-time { border-radius: 20px; margin: 0px 5px 0; color: #45a7a3; border: 1px solid #45a7a3; display: inline-block; padding: 10px 5px; vertical-align: top; font-size: 16px; text-shadow: none; text-align: center; background-color: #fff; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 15px !important; padding: 10px 5px; width: auto; } } /*For iPhone 5 and 5S Portrait*/ @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: portrait) { .activities-portlet .activity-header .form-control { margin-bottom: 10px !important; } .activities-portlet .current-time { float: left; text-align: center !important; width: 100%; margin: 0px 0px 10px 0px !important; border-radius: 20px; color: #45a7a3; border: 1px solid #45a7a3; display: inline-block; padding: 5px 0px; vertical-align: top; font-size: 16px; text-shadow: none; background-color: #fff; } .activities-portlet .btn-teesheet { text-align: center; width: 100%; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; font-size: 14px; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 19px !important; padding: 5px 10px; font-weight: normal !important; } } /*For iPhone 5 and 5S Landscape*/ @media only screen and (min-width: 320px) and (max-width: 568px) and (orientation: landscape) { .activities-portlet .activity-header .form-control { margin-bottom: 10px !important; } .activities-portlet .btn-teesheet { text-align: right; display: inline-block; width: 45%; float: right; } .activities-portlet span.current-time { margin: 10px !important; display: inline-block; border-radius: 20px !important; color: #45a7a3 !important; border: 1px solid #45a7a3; padding: 6px 0px; vertical-align: top; font-size: 16px; text-align: center; background-color: #fff; text-shadow: none; width: 46%; float: left; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; font-size: 14px; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 19px !important; margin-right: 3px !important; padding: 11px; width: 18px; } } /*Iphone 6 Portrait*/ @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: portrait) { .activities-portlet .activity-header .form-control { margin-bottom: 10px !important; } .activities-portlet .activity-header .form-control { margin-bottom: 10px !important; } .activities-portlet .current-time { float: left; width: 50%; margin: 0 !important; border-radius: 23px; color: #45a7a3; border: 1px solid #45a7a3; display: inline-block; padding: 7px 0px; vertical-align: top; font-size: 16px; text-shadow: none; text-align: center; background-color: #fff; } .activities-portlet .btn-teesheet { text-align: right; width: 100%; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; font-size: 11px; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 19px !important; margin-right: 0px !important; padding: 8px 13px; width: auto; margin: 0px 0 4px 0; } } /*For iPhone 6 Landscape*/ @media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) { .activities-portlet .activity-header .form-control { margin-bottom: 10px !important; } .activities-portlet span.current-time { margin: 10px !important; display: inline-block; border-radius: 20px !important; color: #45a7a3 !important; border: 1px solid #45a7a3; padding: 6px 0px; vertical-align: top; font-size: 16px; text-align: center; background-color: #fff; text-shadow: none; width: 25%; } .activities-portlet .btn-teesheet { text-align: right; display: inline-block; width: 45%; float: right; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; font-size: 14px; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 19px !important; margin-right: 3px !important; padding: 11px; width: 18px; } } /*For iPhone 6 Plus Landscape*/ @media only screen and (min-width: 414px) and (max-width: 736px) and (orientation: landscape) { .activities-portlet .activity-header .form-control { margin-bottom: 10px !important; } .activities-portlet span.current-time { margin: 10px !important; display: inline-block; border-radius: 20px !important; color: #45a7a3 !important; border: 1px solid #45a7a3; padding: 5px 0px; vertical-align: top; font-size: 16px; text-align: center; background-color: #fff; text-shadow: none; width: 30%; float: left; } .activities-portlet .btn-teesheet { text-align: right; display: inline-block; width: 50%; float: right; } .activities-portlet .btn-location, .activities-portlet .btn-groups, .activities-portlet .btn-sheet, .activities-portlet .btn-legend { color: #fff !important; font-size: 14px !important; text-shadow: none !important; text-transform: uppercase !important; border: none !important; border-radius: 19px !important; padding: 5px 10px; width: auto; margin: 10px 0; } } .activities-portlet .horizontal-date-picker-container { overflow: hidden; } .activities-portlet .horizontal-dates { padding: 1px 0px; overflow: hidden !important; max-height: 150px !important; } .activities-portlet .ui-select-activity-type .ui-selectonemenu { margin-top: 13px !important; } .activities-portlet span.current-time .ui-clock { color: #337a9c !important; background: none; border: none; font-size: 16px !important; font-weight: normal; } .activities-portlet .legends-container { text-align: left; } .activities-portlet .tooltip .btn-legend { text-decoration: none !important; } .activities-portlet .activity-legends-dialog .legend div, .activities-portlet .activity-legends-dialog .legend img { width: 16px; height: 16px; margin-right: 5px; } .activities-portlet .activity-legends-dialog .legend div { float: left; } .activities-portlet .activity-legends-dialog .legend-box { border: 1px solid lightgray; } .activities-portlet .btn-teesheet .tooltip { opacity: 1; } .activity-slots td.interval { border-right: 1px solid #ddd !important; } .activity-slots .interval { text-align: center !important; background-color: #80acc1 !important; border-right: 1px solid #ddd !important; color: #fff !important; } .activities-portlet tr.header-row th, .activities-portlet tr.footer-row td { background: 0; color: #fff !important; text-align: center !important; background-color: #005983 important; text-shadow: none !important; } .activities-portlet .activity-slots table { table-layout: auto !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .activities-portlet .activity-slots table th { border: 1px solid #7abee4 !important; z-index: 1; } .activities-portlet .activity-slots table, .activities-portlet .activity-slots table td { border: 1px solid #ddd !important; border-right: 1px solid #7abee4 !important; } .activities-portlet .activity-slots table td:not(.interval) { border-bottom: 1px solid #7abee4 !important; } .activities-portlet .activity-slots table td.slot { height: 100%; min-height: 1px; vertical-align: top !important; } .activity-slots .slot > div, .activity-slots .slot > div > span, .activity-slots .slot > div > span > .res-container { position: relative; width: 100%; height: 100%; } .activity-slots .slot:not(.event) > div { text-align: center; } .activity-slots .slot.past-time { background-image: url("/northstar-primefaces-portlet/images/activities/icon-past-time.png"); } .activity-slots .slot.rainout { background-image: url("/northstar-primefaces-portlet/images/activities/icon-rainout.png") !important; } .activity-slots .slot.rainout.not-available { background-color: ghostwhite !important; } .activity-slots .slot.not-available, .activity-slots .slot.rule-restrict { background-image: url("/northstar-primefaces-portlet/images/activities/icon-not-available.png"); } .activity-slots .slot.user-activity-block { background-color: #ddd !important; } .activity-slots .slot.not-available > div, .activity-slots .slot.rule-restrict > div, .activity-slots .slot.not-available label, .activity-slots .slot.rule-restrict label { color: #fff; } .activity-slots .slot:not(.not-available):not(.rule-restrict) > div, .activity-slots .slot:not(.not-available):not(.rule-restrict) label { color: #000; } .activity-slots .slot.open:not(.selected):not(.past-time):not(.rainout):not(.not-available):hover { background-color: whitesmoke !important; } .activity-slots .slot.open.selected { background-color: #7abee4 !important; border-bottom: 1px solid #7abee4 !important; } .activities-portlet span.sel-slot-html { font-size: 10px; font-weight: bold; cursor: pointer; } .activities-portlet .res-tip-container { min-width: 250px; } .activities-portlet .res-tip-container .res-tip-heading { background-color: #1a4d69 !important; color: #fff !important; padding: 5px; } .activities-portlet .res-tip-container .res-tip-body { border: 1px solid #1a4d69 !important; padding: 5px; } .activities-portlet .label { display: inline !important; padding: 0.2em 0.6em 0.3em !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; color: #fff !important; text-align: center !important; white-space: nowrap !important; vertical-align: baseline !important; border-radius: 0.25em !important; } @media (min-width: 300px) and (max-width: 767px) { .activities-portlet .label { font-size: 14px !important; } } .activities-portlet .font-bold { font-weight: bold; } .activities-portlet .label-danger { background-color: #d9534f !important; } .activities-portlet .form-group { margin-bottom: 15px !important; } .activities-portlet .form-control { display: block !important; padding: 6px 12px !important; font-size: 14px !important; line-height: 1.42857143 !important; color: #555 !important; background-color: #fff !important; background-image: none !important; border: 1px solid #ccc !important; border-radius: 4px; margin-bottom: 0 !important; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important; -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important; } .activities-portlet .form-control input { width: 100% !important; margin: 0px !important; } .activities-portlet .width-100-percent { width: 100% !important; } .activities-portlet .margin-right-5px { margin: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .activities-portlet .margin-right-5px { margin: 5px 0 5px 0 !important; } } .activities-portlet .background-maroon { color: #fff !important; padding: 10px !important; background-color: #c30c06 !important; text-shadow: none !important; line-height: 30px; } .activities-portlet .btn-extend-time { margin-left: 10px !important; } .activities-portlet .input-group { width: 100%; display: table; position: relative; border-collapse: separate; } .activities-portlet .input-group .form-control, .activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link, .activities-portlet .input-group-btn { display: table-cell !important; } .activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link, .activities-portlet .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link { font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #fff; border: 1px solid #ccc; } .activities-portlet .input-group-addon, .activities-portlet .input-group-addon-with-link a, .activities-portlet .input-group-addon-with-link span { padding: 13px 15px; } .activities-portlet .input-group-addon.disabled, .activities-portlet .input-group-addon-with-link.disabled { opacity: 0.5; } .activities-portlet .input-group-addon:first-child, .activities-portlet .input-group-addon-with-link:first-child { border-right: 0; } .activities-portlet .input-group-addon:last-child, .activities-portlet .input-group-addon-with-link:last-child { border-left: 0; } .activities-portlet .panel { background-color: #fff !important; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); margin-bottom: 10px; } .activities-portlet .panel-default { border-color: #ddd; } .activities-portlet .radius-none { border-radius: 0 !important; } .activities-portlet .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .activities-portlet .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } #ui-area .activities-portlet h3.panel-title { margin-top: 0; margin-bottom: 0 !important; font-size: 16px; color: inherit; } #ui-area .activities-portlet p { padding-bottom: 0 !important; } .activities-portlet .panel-body { padding: 15px; } .activities-portlet .clearfix { display: block; } .activities-portlet .ui-state-default { -webkit-box-shadow: inset 0 0 0 #8f8f8f !important; box-shadow: inset 0 0 0 #8f8f8f !important; } .activities-portlet .ui-selectonemenu .ui-selectonemenu-trigger, .activities-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { background: transparent !important; border: none !important; margin: 0 !important; margin-top: 0px !important; padding: 0 8px; } .activities-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label { border: none !important; } .activities-portlet .ui-selectonemenu-panel .ui-selectonemenu-table td { padding: 0px !important; } .activities-portlet .ui-selectonemenu-panel .ui-selectonemenu-table td div { padding: 4px 10px 4px 10px; } .activities-portlet code.time { background: transparent; color: #fff; border: none; } .activities-portlet .blink { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } .activities-portlet .blink { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } @-moz-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blinker { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .activities-portlet .activity-players table thead { display: none !important; } .activities-portlet .activity-players table .form-group { margin-bottom: 0px !important; } .activity-players table .ui-column-title { display: none !important; } .activities-portlet .activity-players, .activities-portlet .activity-players .ui-datatable-tablewrapper, .activities-portlet .activity-players table, .activities-portlet .activity-players table tbody, .activities-portlet .activity-players table tr, .activities-portlet .activity-players table td { border: 1px solid #fff !important; background: none !important; } .activities-portlet .form-control input.ui-autocomplete-input { width: 100%; padding: 3px !important; margin: 0 !important; } .activities-portlet .activity-waiver-dialog .btn-finish { min-width: 128px; } .activities-portlet .activity-waiver-dialog.ui-widget-content { overflow-x: hidden !important; overflow-y: auto !important; } @media only screen and (max-width: 600px) { .activities-portlet .activity-waiver-dialog.ui-widget-content { height: 480px !important; } } .activities-portlet .waiver-scroll-panel { text-align: justify; padding: 10px; } .activities-portlet .ui-chkbox .ui-state-error + .ui-chkbox-label { color: #cd0a0a; } .activities-portlet .btn-reponsive a { text-decoration: none; } @media only screen and (min-width: 640px) { .activities-portlet .activity-reservation-container .ui-grid-col-3, .activities-portlet .ui-grid-emergency-contact .ui-grid-col-3 { margin-right: 2%; } } .activities-portlet .advance-booking-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: white; opacity: 0.8; } .activities-portlet .advance-booking-overlay-container { position: relative; top: 25%; color: #000; text-align: center; } @media (min-width: 800px) { .activities-portlet .refresh-view-container { margin: 5px; padding: 0px 25%; } } .activities-portlet .refresh-view { padding: 5px 10px !important; margin-bottom: 10px !important; font-weight: bold; } .activities-portlet .refresh-view .message { padding: 5px; letter-spacing: 0.5px; } .activities-portlet .sheet-messages-header ul li, .activities-portlet .sheet-messages-footer ul li { margin-left: 30px; } .activities-portlet .activity-date-picker input { text-align: center; cursor: pointer !important; } .activities-portlet .emergency-contact-available { color: green; } .activities-portlet .emergency-contact-required { color: red; } @media only screen and (min-width: 600px) { .activities-portlet .ui-grid-emergency-contact .ui-grid-col-4 { width: 30.33333%; margin-right: 3%; } } .activities-portlet .ui-grid-emergency-contact .ui-outputlabel { font-size: 1em !important; } .activities-portlet .ui-grid-emergency-contact .ui-inputfield { padding: 0px; } .activities-portlet .ui-grid-emergency-contact .employer-autocomplete { padding: 2px !important; } .activities-portlet .legend.legend-label { padding: 10px 10px; background: #005983; color: #fff; margin-bottom: 10px; } .activities-portlet .ui-grid-col-4.legend { padding: 4px 0; } .activities-portlet .activity-dialog .legend.legend-label { padding: 10px 10px; background-color: #337a9c; color: #fff; } .activities-portlet .activity-dialog .cross { margin-right: 15px; } .activities-portlet .ui-autocomplete-input.ui-state-disabled { opacity: 1; background-color: #F5F5F5 !important; } /* MT#0228920*/ .activities-portlet .activity-date-picker { min-width: 180px; } .activities-portlet .activity-date-picker .form-control { display: flex !important; } .activities-portlet .reservation-type-legend { margin: 5px; min-height: 30px; } .activities-portlet ul.ui-autocomplete-items { max-height: 300px; } .activities-portlet .sheet-switching-option { text-align: center; padding: 10px; } .activities-portlet span.btn-reservation-sheet { margin-right: 5px; } .activities-portlet span.btn-reservation-sheet a, .activities-portlet span.btn-trainer-sheet a { color: #2196f3; text-shadow: none; font-weight: normal; padding: 5px 10px; border-radius: 100px; border: 1px solid #2196f3; background-color: #ffffff; font-size: 14px !important; transition: 0.5s ease all; text-decoration: none !important; } .activities-portlet span.btn-reservation-sheet a:hover, .activities-portlet span.btn-trainer-sheet a:hover { background-color: #2196f3; color: #fff; } .activities-portlet span.btn-reservation-sheet a.active, .activities-portlet span.btn-trainer-sheet a.active { background-color: #1a4d69; color: #fff; } .activities-portlet .activity-reservation-container span.ui-button-text.ui-c { display: inline !important; } /* Fixes #0186158: Activities: Slots by Time Interval - Mobile View */ .activity-slots table th.header-col.time { z-index: 10 !important; } .activity-slots-mobile .ui-accordion-header.ui-helper-reset { margin: 0; margin-bottom: 5px; outline: 0; line-height: 2; text-decoration: none; text-shadow: none; font-size: 100%; list-style: none; } .activity-slots-mobile .slot { padding: 5px; border: 2px solid #7abee4; margin-bottom: 5px; text-align: center; color: #1a4d69; cursor: pointer; border-radius: 5px; } .activity-slots-mobile .slot * { text-align: center; } .activity-time-period-switcher .time-period { text-align: center; width: 99% !important; margin: 5px 0px !important; } .activity-time-period-switcher .time-period .ui-button { /* width: 20%; */ padding: 5px; margin-right: 5px; border-radius: 5px; } .activity-slots-mobile .ui-accordion-header.ui-state-disabled { display: none !important; } /* Fixes #0186158: Activities: Slots by Time Interval - Mobile View */ /* Fixes #0187117: Activities: Slots by Legend */ .activities-portlet .activity-legends-dialog.header-legends { margin-bottom: 20px; padding: 20px; background-color: #f5f5f5; border: 1px solid #d3d3d3; } .activities-portlet .activity-legends-dialog.header-legends .legend { float: left; margin-right: 30px; } /* Fixes #0187117: Activities: Slots by Legend */ .activity-cancel-reservation-dialog .cross { margin: 8px 0px !important; } .activity-dialog-heading { padding: 10px !important; } #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th { background: #005983; color: #fff; font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > thead > tr > th { font-size: 14px !important; } } #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td { font-size: 14px !important; } } #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-body .g2g-body-wrapper table > tbody > tr > td .g2g-item-name { font-size: 14px !important; } } #ui-area .eCommerce-portlet .g2g-btn i { display: block; } #ui-area .eCommerce-portlet .grocery-2go .g2g-footer { border-top: 2px solid #005983; } #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification { background: #005983; font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-footer-notification { font-size: 14px !important; } } #ui-area .eCommerce-portlet .grocery-2go .g2g-footer .g2g-grand-total span.g2g-grand-total-ammount { color: #1b1c1c !important; } #ui-area .eCommerce-portlet .grocery-2go a.g2g-proceed { background: #005983 !important; color: #fff !important; } #ui-area .eCommerce-portlet .g2g-category-items .ui-widget-header { color: #fff !important; background: #005983 !important; } #ui-area .eCommerce-portlet .g2g-min-max-qty-lbl { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet .g2g-min-max-qty-lbl { font-size: 14px !important; } } #ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon { font-size: 16px; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .eCommerce-portlet td.g2g-bu-delete .shop-del-icon { font-size: 14px !important; } } #ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel h3 { font-family: "lexia", serif !important; background: #005983 !important; } #ui-area .eCommerce-portlet .shop-row .shop-grid-col-4 .shop-acc-panel .ui-accordion .ui-accordion-header.ui-state-active { background: #1b1c1c !important; } .shop-fluid input { margin-bottom: 10px !important; } span.shop-spinner > a.ui-button-text-only:last-child:nth-child(3) { top: 15px !important; } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .shop-box-items-grid { width: 96% !important; } .shop-search-button { padding: 14px 5% 10px 5% !important; } .shop-del-button { width: 100px !important; } } @media screen and (max-width: 1199px) and (min-width: 250px) { .shop-box-items-grid { min-height: 410px !important; } .shop-show-name { font-size: 14px !important; } .shop-box-col { font-size: 12px !important; } .limited-stock { font-size: 11px !important; } .product-image { height: 230px !important; width: 190px !important; } } .shop-product-price { font-size: 30px; color: #bf1f11; } /* Cart */ .col-cart-right .ui-c { top: 50% !important; } /* Related Items */ .shop-box-rel-items-grid td { text-align: center; } .shop-carousel-items .ui-widget-header { background: #0271c9 !important; } /* Product Details */ .product-image { border: 1px solid #cacaca !important; border-radius: 5px !important; } .Product-rate { font-size: 30px; color: #bf1f11; } /* Search */ .shop-search-input { margin: 0px !important; } .shop-row ul li h3 { margin: 0px !important; line-height: normal; text-shadow: none !important; font-size: 16px !important; font-weight: 400; } /* Featured Product*/ .shop-carousel-items .ui-widget-header { margin: 0px 10px !important; } .ui-carousel-viewport ul { margin: 0px !important; } .shop-show-name { font-size: 16px; color: #000; text-transform: capitalize; font-weight: bold; } .shop-show-desc { font-size: 14px; color: #000; } .shop-show-price { font-size: 20px; color: #bf1f11; } .ui-carousel-item { padding: 10px 10px !important; } /* Featured Product */ .ui-menu-list { margin: 0px !important; } .ui-grid-responsive { background: transparent !important; margin-top: 0px; } .shop-order-box td { padding: 0px; } .limited-stock { color: red !important; font-size: 14px !important; } .price-dollar { color: #bf1f11; font-weight: bold; } .shop-previous-button { width: 100%; padding: 10px 0px; background: #000 !important; color: #fff !important; margin-top: 10px 0px; } .shop-previous-button:hover { background: #c3c3c3 !important; } .shop-box-col { font-size: 14px !important; } .shop-order-grid { border-bottom: 1px dotted #afb1b1; margin: 10px 0px !important; } .shop-row .ui-widget-header { background: #005983 !important; } .shop-row .ui-paginator-bottom { background: #f5f5f5 !important; border: 1px solid #ccc !important; } .shop-order-detail div { font-size: 14px; line-height: 15px; margin-bottom: 0px !important; } .shop-your-order { font-size: 22px; line-height: 50px; margin: 0px 10px !important; } .shop-box-feat-items-grid td { text-align: center; } .shop-items { margin-left: 15px; } .shop-all { display: none; } .shop-menu-item { margin-left: 6px; } .shop-image { height: 110px !important; object-fit: contain; } .shop-grid-col-2 { padding-left: 10px !important; padding-right: 10px !important; } .shop-cart { font-size: 8em !important; display: block; } .col-shop-left { text-align: left; } .col-shop-right { text-align: left; } .shop-quantity-input { width: 35px !important; } .shop-item-grid .ui-slider-horizontal { width: 150px; } .cart-image { width: 70px; height: 70px !important; padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); object-fit: contain; } .shop-cart-table .col-shop-cart-left { text-align: left !important; } .shop-well-add { display: block; } .shop-well { margin-top: 10px; margin-bottom: 10px !important; } .shop-spinner .ui-spinner-input { width: 80%; } .shop-percent { font-weight: 800 !important; color: orangered !important; } .shop-cart-items-temp { overflow-y: auto; overflow-x: hidden; max-height: 250px; } .shop-sold { background-color: coral; padding: 5px; color: white; font-weight: bold; } .shop-order-msg { text-align: left !important; float: left; font-size: smaller; margin-top: 5px; color: cadetblue; } span.shop-search { float: right; } .shop-row .shop-search-input { max-width: 83%; height: 40px !important; } .shop-search-button { padding: 14px 6.5% 10px 6.5%; color: white !important; background-color: coral; } .shop-order-image { height: 60px !important; object-fit: contain; border: 1px solid #c3c3c3 !important; border-radius: 5px !important; margin: 10px 0px; width: 60px; } table.shop-order-grid { width: 100%; } td.shop-order-im-col { width: 30%; } td.shop-order-detail { text-align: left; padding: 0px 6px; } .shop-del-button { float: left; margin-left: 30%; padding: 3px !important; font-size: 14px !important; margin-bottom: 10px; } .shop-del-icon { font-size: 27px; color: red; } .shop-boolean-button { width: 60px !important; } .shop-panel label.portlet-msg-error { display: block !important; } .shop-box { border: 1px solid #bcc2a7; width: 100%; height: 175px; text-align: center; } .shop-carousel .ui-carousel-mobiledropdown { width: 70px; } .shop-expand { font-size: larger; margin-left: 8px; } .shop-box-grid { border: 1px solid #eee; text-align: center; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fafafa), color-stop(0.2, #fdfdfd), color-stop(0.6, #fff)); margin-bottom: 8px; } .shop-box-items-grid { min-height: 360px !important; padding: 6px; width: 90%; } .shop-box-rel-items-grid { min-height: 330px !important; width: 100%; } .shop-box-feat-items-grid { min-height: 335px !important; width: 100%; } .shop-order-box { min-height: 380px !important; } .shop-box-image { height: 175px !important; object-fit: contain; } @media screen and (max-width: 1920px) and (min-width: 1200px) { .product-image { height: 400px !important; } } .product-image { width: 300px; margin-bottom: 10px; object-fit: contain; } .product-sub-image { height: 95px !important; border: 3px solid lightgoldenrodyellow !important; width: 65px; margin-bottom: 5px; object-fit: contain; } .limited-stock { color: burlywood; font-weight: bold; font-size: large; } .product-item-description { font-family: "lexia", serif; color: #1b1c1c; font-weight: normal; font-size: 16px; } .shop-carousel-items .ui-carousel-dropdown { display: none; } .shop-carousel-items a { color: navy; text-decoration: none !important; } .shop-delivery-comments { width: -webkit-fill-available !important; } .ups-image { height: 50px !important; } .shop-no-product { display: block; } @media (min-width: 641px) and (max-width: 980px) { .shop-fluid .ui-inputfield, .shop-fluid .ui-selectonemenu { width: 95%; } } @media (max-width: 640px) { .shop-fluid .ui-grid-row { border-top: 0px !important; } .shop-cart-table td .ui-column-title { min-width: 0 !important; float: left; padding-left: 10px !important; } .col-cart-name { text-align: right; padding-right: 4px; } .shop-cart-table td .col-cart-right { text-align: right; float: right; padding-right: 4px; } .col-cart-del-image { display: none !important; } span.col-cart-name { float: right; } .scn-item-image { display: none; } .scn-icon-desktop { display: none; } .scn-bar { z-index: 1000; opacity: 0.9; width: 90%; left: 0%; } .scn-bar .ui-grid-row { background-color: #fee5e2; } .shop-search-row .shop-search-input { width: 83%; height: 39px !important; } .shop-your-order { font-size: large; font-weight: bold; } } @media (min-width: 641px) { .col-cart-delete { display: none !important; } .shop-grid-col-3 { /* position: fixed; */ right: 2%; top: 43%; } .scn-item-image { width: 70px; height: 70px !important; padding: 0.25em; box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.35); object-fit: contain; } .scn-bar { z-index: 1000; opacity: 0.9; width: 70%; left: 15%; } .scn-bar .ui-grid-row { background-color: #fee5e2; } .scn-icon-phone { display: none; } .shop-search-row .shop-search-input { width: 65%; height: 40px !important; margin-left: 12%; } } @media only screen and (min-width: 1025px) { .shop-desc-dialog { width: 30% !important; left: 35% !important; } } @media (max-width: 1024px) and (min-width: 741px) { .shop-desc-dialog { width: 40% !important; left: 30% !important; } } @media (min-width: 641px) and (max-width: 740px) { .shop-desc-dialog { overflow-y: hidden; } } @media (min-width: 785px) { .shop-row .shop-search-input { margin-left: 12px; } } @media (min-width: 641px) and (max-width: 1079px) { .shop-item-grid .ui-grid-col-2 { width: 30%; } .shop-product-add-cart-button { margin-left: 10px; } } @media (min-width: 641px) and (max-width: 800px) { .shop-ship-button-row .ui-grid-col-2 { width: 20%; } } /* MT#0275078: Category panel/Menu bar CSS related changes */ .shop-selected-sub-category { background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))); } .shop-breadcrumb-cont .ui-state-disabled { color: #676767 !important; opacity: 1 !important; } .shop-divider { padding: 0 5px; } .shop-breadcrumb-cont { border-bottom: 1px solid; margin: 5px 0px 15px 5px; border-bottom: 1px solid; } .shop-breadcrumb-link, .shop-divider { font-size: 16px !important; } .shop-all-category { width: 101% !important; } .shop-no-order-box .shop-cart { display: block; } .eventsReservation-portlet .ers-clipboard-msg.ui-overlay-visible .ers-clipboard-detail { color: #1b1c1c !important; } .eventsReservation-portlet .ers-attendee-item-detail-cont .ers-mandatory-txt-lbl + .ers-mandatory-items table tr td label { font-size: 13px !important; text-transform: capitalize; } .eventsReservation-portlet .ers-adult-child-container .ui-chkbox .ui-chkbox-label, .eventsReservation-portlet .ers-stick-pref-time .ui-chkbox-label { font-family: "lexia", serif; font-size: 16px; } .eventsReservation-portlet .eraser-row-btn, .eventsReservation-portlet .select-day .input-group-text, .eventsReservation-portlet .ers-stick-pref-time .input-group-text, .eventsReservation-portlet .ers-adult-children-container .input-group-text { background-color: #005983 !important; } .eventsReservation-portlet .select-day .input-group .input-group-prepend .input-group-text { background-color: #005983 !important; } .eventsReservation-portlet .select-day .input-group .input-group-prepend .input-group-text .ers-multiday-lbl { font-family: "lexia", serif; font-size: 16px; } .eventsReservation-portlet .ers-add-guest-member .btn-light { background: #005983 !important; border: 2px solid #005983 !important; } .eventsReservation-portlet .ers-add-guest-member .btn-light:hover { background: #337a9c !important; } .eventsReservation-portlet .select-bookfor .input-group-text { background-color: #005983 !important; font-family: "lexia", serif !important; font-size: 16px !important; } .eventsReservation-portlet .select-bookfor .input-group-text .ers-book-for-container .ers-book-for { font-family: "lexia", serif; font-size: 16px; } .eventsReservation-portlet { /* 1px to 640px */ /* 641px and above */ /* 1px to 1000px */ /* 1001px and above */ /* 1px to 850px */ /* 641px to 850px */ /* 641px to 740px */ /* 641px to 1121px */ /* 641px to 688px */ /* ipad Mini width:768px and width:667px*/ /* ipad Mini Landscape */ /*New Classes Start*/ /*New Classes End*/ } .eventsReservation-portlet .er-col-comments input { margin: 5px 0px; } .eventsReservation-portlet .er-scheudle-container .er-clock-icon { top: -4px; position: relative; color: #005983 !important; } .eventsReservation-portlet .er-name-and-number-container { background-color: #337a9c; padding: 7px; font-family: "lexia", serif; color: #ffffff; border-radius: 3px; margin-bottom: 16px; } .eventsReservation-portlet .er-res-num-status-container .er-res-number, .eventsReservation-portlet .er-res-num-status-container .er-res-status { margin: 10px 0px; } .eventsReservation-portlet .er-name { font-size: "lexia", serif; font-weight: normal; } .eventsReservation-portlet .er-name-and-status { font-size: 16px; font-weight: normal; } .eventsReservation-portlet .er-name-and-status-container { padding: 7px; font-family: "lexia", serif; border-radius: 3px; margin-bottom: 16px; } .eventsReservation-portlet .er-reservation-img { vertical-align: -5px !important; } .eventsReservation-portlet .er-seating-and-available-container { background: -moz-linear-gradient(top, white 0%, #e2e2e2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e2e2e2)); background: -webkit-linear-gradient(top, white 0%, #e2e2e2 100%); background: -o-linear-gradient(top, white 0%, #e2e2e2 100%); background: -ms-linear-gradient(top, white 0%, #e2e2e2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e2e2e2", GradientType=0); background: linear-gradient(top, #ffffff 0%, #e2e2e2 100%); border-radius: 3px; padding: 7px; margin-bottom: 5px; } .eventsReservation-portlet .er-book-for-container { margin-bottom: 5px; } .eventsReservation-portlet .er-available-val { margin-left: 5px; } .eventsReservation-portlet .er-green-bg { margin-left: 5px; background-color: #337a9c; padding: 3px 12px; color: #ffffff; border-radius: 5px; border: 1px solid #337a9c; font-weight: bold; } .eventsReservation-portlet .er-bold { font-weight: bold !important; } .eventsReservation-portlet .er-clock-img { width: 35px; height: 35px !important; margin-top: -18px; margin-right: 5px; } .eventsReservation-portlet .er-schedules-dropdown { display: inline-flex; vertical-align: 9px; } .eventsReservation-portlet .er-schedules-dropdown .ui-selectcheckboxmenu-label-container { width: 100%; } .eventsReservation-portlet .er-bold { font-weight: bold; } .eventsReservation-portlet .er-underline { text-decoration: underline; } .eventsReservation-portlet .er-schedules-txt, .eventsReservation-portlet .er-to-txt, .eventsReservation-portlet .er-seating-txt { vertical-align: 8px; } .eventsReservation-portlet .er-attendee-inptxt-container { width: 100% !important; } .eventsReservation-portlet .er-attendee-inptxt-container input { margin: 5px 0px; } .eventsReservation-portlet .er-attendee-inptxt { width: 100% !important; cursor: pointer; } .eventsReservation-portlet .er-attendee-member { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/member.gif") no-repeat scroll 98% center !important; } .eventsReservation-portlet .er-attendee-guest { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/guest.gif") no-repeat scroll 98% center !important; } .eventsReservation-portlet .er-attendee-child { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/child.gif") no-repeat scroll 98% center !important; } .eventsReservation-portlet .er-attendee-guest { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/guest.gif") no-repeat scroll 98% center !important; } .eventsReservation-portlet .er-attendee-child { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/child.gif") no-repeat scroll 98% center !important; } .eventsReservation-portlet .er-comment-inptxt { width: 100% !important; } .eventsReservation-portlet .er-red-background { background: red !important; } .eventsReservation-portlet .er-alert-txt-container { margin-bottom: 16px; } .eventsReservation-portlet .p-btn { display: inline-block; padding: 6px 14px 6px 10px !important; margin-top: 0px; text-align: center; cursor: pointer; background-image: linear-gradient(to bottom, #f6f6f6, #eaeaea); box-sizing: border-box; text-decoration: none !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .p-btn { margin: 5px 0px !important; } } .eventsReservation-portlet .er-attendee-row-normal-odd { background: #80acc1 !important; color: #fff; } .eventsReservation-portlet .er-attendee-row-normal-even { background: #fff !important; } .eventsReservation-portlet .er-attendee-row-removed { background-color: #80acc1 !important; } .eventsReservation-portlet .er-attendee-row-waitlist { background-color: #ccdee6 !important; } .eventsReservation-portlet html input[type=color], .eventsReservation-portlet html input[type=date], .eventsReservation-portlet html input[type=datetime], .eventsReservation-portlet html input[type=datetime-local], .eventsReservation-portlet html input[type=email], .eventsReservation-portlet html input[type=month], .eventsReservation-portlet html input[type=number], .eventsReservation-portlet html input[type=password], .eventsReservation-portlet html input[type=search], .eventsReservation-portlet html input[type=tel], .eventsReservation-portlet html input[type=text], .eventsReservation-portlet html input[type=time], .eventsReservation-portlet html input[type=url], .eventsReservation-portlet html input[type=week], .eventsReservation-portlet html select, .eventsReservation-portlet html textarea, .eventsReservation-portlet html .uneditable-input { margin-bottom: 0; } .eventsReservation-portlet .er-attendee-head-counts { margin-top: 5px; } .eventsReservation-portlet .er-attendee-head-counts td { padding: 0 5px 0 0 !important; } .eventsReservation-portlet .er-attendee-head-counts .ui-radiobutton-box { margin-bottom: 0 !important; } .eventsReservation-portlet .er-attendee-optional-items-container { margin-top: 5px; } .eventsReservation-portlet .er-attendee-optional-items { width: auto !important; } .eventsReservation-portlet .er-attendee-optional-item { display: flex; margin-bottom: 10px; } .eventsReservation-portlet .er-attendee-optional-items td { padding: 0 5px 0 0 !important; } .eventsReservation-portlet .er-attendee-optional-items .ui-chkbox-box { margin-bottom: 0 !important; } .eventsReservation-portlet .er-attendee-table .ui-selectonemenu { margin-bottom: 0; margin-top: 0px; } .eventsReservation-portlet .er-attendee-optional-item-quantity { height: 20px !important; padding: 3px !important; text-align: center !important; width: 50px !important; margin-left: 5px !important; } .eventsReservation-portlet .er-comments-fieldset legend.ui-state-default { background: unset; border: medium none; font-size: unset; line-height: unset; margin: 0; padding: 0; text-decoration: underline; width: auto !important; } .eventsReservation-portlet .er-no-res-msg-container { margin-top: 10px; margin-bottom: 15px; } .eventsReservation-portlet .er-no-res-msg { margin-bottom: 0 !important; } .eventsReservation-portlet .er-attendee-table-container, .eventsReservation-portlet .er-res-table-container { background-color: #fff; /*margin: 0 10px 0 10px !important;*/ } .eventsReservation-portlet .er-res-table-container { margin-top: 10px; } .eventsReservation-portlet .er-attendee-table th { background: #fff !important; } .eventsReservation-portlet .er-attendee-item-container { margin-top: 5px; } .eventsReservation-portlet .er-publish-chkbox-container { margin-bottom: 5px; } .eventsReservation-portlet .er-comments-container { margin-bottom: 5px; margin-left: 0px !important; margin-right: 10px; } .eventsReservation-portlet .er-alert-btns-container .but-add-another { background: #005983 !important; margin: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .er-alert-btns-container .but-add-another { margin: 5px 0px !important; } } .eventsReservation-portlet .er-alert-btns-container .but-add-another:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-alert-btns-container .ui-area-btn-success { background: #005983 !important; margin: 5px !important; } .eventsReservation-portlet .er-alert-btns-container .ui-area-btn-success:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-alert-btns-container .p-btn { background: #99bdcd !important; margin: 5px !important; } .eventsReservation-portlet .er-alert-btns-container .p-btn:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-alert-btns-container .btn-reservation-list { background: #80acc1 !important; margin: 5px !important; text-shadow: none !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .er-alert-btns-container .btn-reservation-list { margin: 0px !important; } } .eventsReservation-portlet .er-alert-btns-container .btn-reservation-list:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-ok-cancel-btn-container { margin: 10px 0px !important; } .eventsReservation-portlet .er-buttons-container { text-align: right; } .eventsReservation-portlet .er-buttons-container .but-add-another, .eventsReservation-portlet .er-buttons-container .but-quick-pick-ticket { background: #005983 !important; margin: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .er-buttons-container .but-add-another, .eventsReservation-portlet .er-buttons-container .but-quick-pick-ticket { margin: 0px 0px !important; } } .eventsReservation-portlet .er-buttons-container .but-add-another:hover, .eventsReservation-portlet .er-buttons-container .but-quick-pick-ticket:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-buttons-container .btn-save, .eventsReservation-portlet .er-buttons-container .but-buy-tickets { background: #005983 !important; margin: 5px !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .er-buttons-container .btn-save, .eventsReservation-portlet .er-buttons-container .but-buy-tickets { margin: 5px 0px !important; } } .eventsReservation-portlet .er-buttons-container .btn-save:hover, .eventsReservation-portlet .er-buttons-container .but-buy-tickets:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-buttons-container .btn-reservation-list { background: #80acc1 !important; margin: 5px !important; text-shadow: none !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .er-buttons-container .btn-reservation-list { margin: 0px 0px 5px !important; } } .eventsReservation-portlet .er-buttons-container .btn-reservation-list:hover { opacity: 0.7 !important; } .eventsReservation-portlet .er-waiver-statement-lbl { vertical-align: 2px; } .eventsReservation-portlet .er-waiver-agree { margin-right: 5px; } .eventsReservation-portlet .er-waiver-inner-container { border-radius: 3px; display: inline-block; padding: 2px; } .eventsReservation-portlet .er-questions-container .ui-tabs-panel { padding: 10px 0; } .eventsReservation-portlet .er-questions-container .ui-state-default { margin-bottom: 0; } .eventsReservation-portlet .er-questions-container .ui-radiobutton { margin: 0 10px 0 0; } .eventsReservation-portlet .er-question-mandatory { margin-left: 3px; color: #ff0000; } .eventsReservation-portlet .er-questions-answers-lbl-container { text-align: right; } .eventsReservation-portlet .er-questions-nav-container { margin-top: 20px; } .eventsReservation-portlet .er-item-detail-container { text-align: left; } .eventsReservation-portlet .er-item-detail-hr { margin: 5px 0 !important; } .eventsReservation-portlet .er-discount-txt { color: #ff0000; font-style: italic; display: block; } .eventsReservation-portlet .er-charges-txt-container { text-align: right; margin-bottom: 10px; font-weight: bold; } .eventsReservation-portlet .er-charge-count-lbl { margin-left: 5px; } .eventsReservation-portlet .er-book-for-chkbox { margin-left: 30px; } .eventsReservation-portlet .er-book-for-adult-child-container { margin-left: 50px; } .eventsReservation-portlet .er-book-for-input { width: 45px !important; margin-left: 5px !important; height: 25px !important; text-align: center; } .eventsReservation-portlet .er-book-for-children-lbl { margin-left: 5px; } .eventsReservation-portlet .er-add-more-guest { text-decoration: none !important; } .eventsReservation-portlet .er-add-more-guest-txt { vertical-align: -3px; margin-left: 2px; } .eventsReservation-portlet .er-add-more-guest-container { padding: 4px 0 5px 0; } .eventsReservation-portlet .er-items-info-img { width: 20px; height: 20px; vertical-align: -4px !important; } .eventsReservation-portlet .er-hide-item-details-link { float: right; } .eventsReservation-portlet .er-optional-item-lbl { float: left; padding: 0; margin: 0 10px 0 0; } .eventsReservation-portlet .ui-datatable .ui-selectoneradio.ui-widget.er-attendee-head-counts tbody td { padding: 0 5px 0 0 !important; } .eventsReservation-portlet .er-itmes-txt { text-decoration: none !important; } .eventsReservation-portlet .er-other-seating-container { text-align: center; } .eventsReservation-portlet .er-override-member-rule-container { text-align: center; } .eventsReservation-portlet .er-shopping-cart-confirmation-popup-container { text-align: center; } .eventsReservation-portlet .er-override-member-rule-btn { min-width: 100px; } .eventsReservation-portlet .er-override-member-rule-heading { margin-bottom: 10px; } .eventsReservation-portlet .er-shopping-cart-confirmation-popup-heading { margin-bottom: 10px; } .eventsReservation-portlet .er-override-member-rule-msg { margin-bottom: 10px; } .eventsReservation-portlet .er-override-member-rule-question { margin-bottom: 10px; } .eventsReservation-portlet .er-override-member-rule-btns-container { margin-bottom: 10px; } .eventsReservation-portlet .er-shopping-cart-confirmation-popup-btns-container { margin-bottom: 10px; } .eventsReservation-portlet .er-alert-container { text-align: center; } .eventsReservation-portlet .er-sub-reservations-table { table-layout: unset; width: auto; } .eventsReservation-portlet .ui-datatable.er-sub-reservations-table thead { display: none; } .eventsReservation-portlet .ui-datatable.er-sub-reservations-table { margin-bottom: 10px; } .eventsReservation-portlet .er-sub-reservation-lbl-container { text-align: left; } .eventsReservation-portlet .er-sub-reservations-table .ui-widget-content { background: transparent !important; } .eventsReservation-portlet .er-reservations-table table { table-layout: unset; } .eventsReservation-portlet .er-reservations-table th { background: #ffffff !important; } .eventsReservation-portlet .ui-datatable.er-child-reservations-table thead { display: none; } .eventsReservation-portlet .er-child-reservations-table .ui-widget-content { background: transparent !important; } .eventsReservation-portlet .er-res-attendee-icon { margin-right: 5px; } .eventsReservation-portlet .er-item-table { width: auto !important; float: right; margin-top: 0px; } .eventsReservation-portlet .er-item-txt-td { padding: 0 !important; width: auto !important; clear: none; text-align: right; } .eventsReservation-portlet .er-item-img-td { padding: 0 !important; width: auto !important; clear: none !important; } .eventsReservation-portlet .er-time-img { width: 30px; height: 30px !important; vertical-align: -5px !important; margin-left: 5px; } .eventsReservation-portlet .er-date-time-title-container { display: block; } .eventsReservation-portlet .er-multiseating-table { width: 100%; border-collapse: separate !important; } .eventsReservation-portlet .er-multiseating-table th, .eventsReservation-portlet td { padding-bottom: 8px; padding-top: 8px; } .eventsReservation-portlet .er-multiseating-table th, .eventsReservation-portlet .er-multiseating-table td:nth-child(n+2) { padding-left: 8px; height: 40px !important; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { display: table; width: 100%; height: 100%; box-sizing: border-box; } .eventsReservation-portlet .er-multiseating-table .er-multiseating-chkbx .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { background: #fff; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox.ui-widget { width: 100%; height: 40px; margin: 0; vertical-align: middle; } .eventsReservation-portlet .er-multiseating-chkbx, .eventsReservation-portlet .er-multiseating-heading-chkbx { cursor: pointer; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox-icon.ui-icon.ui-c { display: none; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default { background-color: #99bdcd !important; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active { background-color: #005983 !important; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-disabled { opacity: 1; } .eventsReservation-portlet .er-multiseating-chkbx-lbl { text-align: center; display: table-cell; vertical-align: middle; } .eventsReservation-portlet .er-multiseating-table .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active .er-multiseating-chkbx-lbl { color: #ffffff; } .eventsReservation-portlet .portlet-borderless-container { padding: 0 !important; } .eventsReservation-portlet body.page-maximized { /*padding: 0 10px;*/ } .eventsReservation-portlet .er-back-btn-container { margin-bottom: 5px; } .eventsReservation-portlet .er-schedule-info { width: 16px; height: 16px; margin-top: -15px; } .eventsReservation-portlet .er-schedule-dates-info-container { display: block; } .eventsReservation-portlet .er-icalendar-img { width: 40px; height: 20px; vertical-align: middle; } .eventsReservation-portlet .er-total-guest-container { margin-bottom: 30px; } .eventsReservation-portlet .er-res-no-col-bracket { display: inline-block; } .eventsReservation-portlet .er-item-info-img { width: 16px !important; height: 16px !important; vertical-align: initial !important; display: inline-block; } .eventsReservation-portlet .er-item-info-img-responsive { display: none; } .eventsReservation-portlet .attendee-item-detail-overlay { background-color: #ddd !important; border-radius: 6px; box-shadow: 1px 1px 1px #CCCCCC; font-weight: normal; color: black; font-family: "lexia", serif !important; } .eventsReservation-portlet .er-items-txt-total-divider { padding-bottom: 10px !important; padding-top: 10px !important; } .eventsReservation-portlet .er-mandatory-que-info-container { margin: 0px 1px 5px; padding: 10px; color: #00529B; background-color: #BDE5F8; } .eventsReservation-portlet .er-mandatory-que-info-msg { display: inline-block !important; } .eventsReservation-portlet .copy-clipboard-btn { padding: 11px 20px !important; margin-top: -1px; } .eventsReservation-portlet .er-reservation-url-container { padding: 5px; } .eventsReservation-portlet .er-reservation-url { width: 100% !important; min-height: 34px !important; padding: 7px 8px !important; font-size: 13px !important; color: #333 !important; vertical-align: middle !important; background-color: #fff !important; background-repeat: no-repeat !important; background-position: right 8px center !important; border: 1px solid #ccc !important; border-radius: 3px !important; outline: 0 !important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075) !important; } .eventsReservation-portlet .er-clipboard-msg { background: #121212 !important; border-radius: 2px !important; box-shadow: 0px 0px 9px #7C8078 !important; font-weight: bold; color: #FFFFFF !important; } .eventsReservation-portlet .er-book-for, .eventsReservation-portlet .er-reservation-total-label { font: bold 12px Arial, Helvetica, sans-serif !important; } .eventsReservation-portlet .er-adult, .eventsReservation-portlet html .ui-spinner .ui-spinner-input { width: 50px !important; } .eventsReservation-portlet .er-childern, .eventsReservation-portlet html .ui-spinner .ui-spinner-input { width: 50px !important; } .eventsReservation-portlet .er-adults-label, .eventsReservation-portlet .er-children-label { margin-right: 10px; } .eventsReservation-portlet .er-col-eraser { width: 16px; } .eventsReservation-portlet .er-eraser-btn { margin-top: 0px; height: 30px; width: 50px; margin-bottom: 4px; } .eventsReservation-portlet .er-portlet-msg-alert { color: #bf7900; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fffbdc; border: 1px solid #f1d875; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .eventsReservation-portlet .er-eraser-responsive-btn { display: none; } .eventsReservation-portlet .er-confirmation-popup-container { text-align: center; } @media (min-width: 1px) and (max-width: 640px) { .eventsReservation-portlet .er-available-container { margin-top: 5px; text-align: right; } .eventsReservation-portlet .er-schedules-dropdown { width: 100%; box-sizing: border-box; } .eventsReservation-portlet .er-seating-dropdown { width: 100%; box-sizing: border-box; } .eventsReservation-portlet .er-attendee-type-onemenu { width: 100%; box-sizing: border-box; } .eventsReservation-portlet .p-btn { width: 100%; } .eventsReservation-portlet .er-comments { width: 100% !important; } .eventsReservation-portlet .er-questions-container input[type=text] { width: 100%; } .eventsReservation-portlet .er-attendee-head-counts { width: 100% !important; } .eventsReservation-portlet .er-attendee-table .ui-expanded-row-content .ui-column-title { display: none !important; } .eventsReservation-portlet .er-attendee-table .er-col-action .ui-column-title { display: none !important; } .eventsReservation-portlet .er-attendee-table .er-col-sno { display: none !important; } .eventsReservation-portlet .er-attendee-table .er-col-action .fa.fa-times, .eventsReservation-portlet .er-attendee-table .er-col-action .fa.fa-undo { float: right; font-size: large; } .eventsReservation-portlet .ui-datatable tbody td { padding: 0 7px !important; } .eventsReservation-portlet .er-itmes-txt, .eventsReservation-portlet .et-total-txt { float: right; } .eventsReservation-portlet .er-attendee-head-counts td { clear: unset !important; width: auto !important; } .eventsReservation-portlet .er-attendee-optional-items td { clear: unset !important; width: auto !important; } .eventsReservation-portlet .er-attendee-optional-items-container .ui-chkbox { margin-right: 0 !important; } .eventsReservation-portlet .ui-outputlabel.ui-widget { font-size: 11px !important; } .eventsReservation-portlet .er-clock-img { display: none; } .eventsReservation-portlet .er-sub-res-name-col { clear: unset !important; width: 70% !important; } .eventsReservation-portlet .er-sub-res-status-col { clear: unset !important; width: 30% !important; } .eventsReservation-portlet .er-child-reservations-table .er-res-no-col { display: none !important; } .eventsReservation-portlet .er-reservations-table .ui-expanded-row-content td:nth-child(1) { padding: 0 !important; } .eventsReservation-portlet .er-item-table { width: auto !important; float: right; margin-top: 5px; } .eventsReservation-portlet .er-question-tab { width: 48%; } .eventsReservation-portlet .ui-icon-circle-triangle-e, .eventsReservation-portlet .ui-icon-circle-triangle-s { position: relative; top: -8px; } .eventsReservation-portlet .er-attendee-type-txt { float: right; } .eventsReservation-portlet .er-res-no-col-bracket { display: none; } .eventsReservation-portlet .er-meal-period { width: 48% !important; display: inline-block; } .eventsReservation-portlet .er-seating-code { width: 48% !important; display: inline-block; } .eventsReservation-portlet .er-start-time { width: 48% !important; display: inline-block; } .eventsReservation-portlet .er-ent-time { width: 48% !important; display: inline-block; } .eventsReservation-portlet .er-waiver-title { float: none; margin-bottom: 5px; } .eventsReservation-portlet .er-item-info-img { display: none; } .eventsReservation-portlet .er-item-info-img-responsive { width: 16px !important; height: 16px !important; vertical-align: initial !important; float: right; margin-right: 5px; display: block; } .eventsReservation-portlet .er-adult-children-container { display: -webkit-box; margin-bottom: 10px; } .eventsReservation-portlet .er-adult-container { width: 50% !important; } .eventsReservation-portlet .er-child-container { width: 50% !important; } .eventsReservation-portlet .er-eraser-responsive-btn { margin-right: 5px; float: right; font-size: large; display: block !important; } .eventsReservation-portlet .er-eraser-responsive-btn .fa.fa-eraser { font-size: large; } .eventsReservation-portlet .er-col-alert { display: none !important; } .eventsReservation-portlet .er-col-eraser { display: none !important; } } @media (min-width: 641px) { .eventsReservation-portlet .er-number-container { text-align: right; } .eventsReservation-portlet .er-available-container { text-align: right; } .eventsReservation-portlet .er-col { text-align: center !important; /*padding: 5px !important;*/ } .eventsReservation-portlet .er-col-sno { width: 35px; } .eventsReservation-portlet .er-col-action { width: 16px; } .eventsReservation-portlet .er-col-alert { width: 16px; padding: 0px; } .eventsReservation-portlet .er-col-type { width: 75px; } .eventsReservation-portlet .p-btn:not(:last-child) { margin-right: 5px; } .eventsReservation-portlet .er-add-more-guest { /*margin: 0 0 0 58px;*/ } .eventsReservation-portlet .er-col-items { width: 150px; padding-right: 2px !important; text-align: right !important; } .eventsReservation-portlet .er-col-total { width: 75px; /* text-align: right !important; */ } .eventsReservation-portlet .er-attendee-item-container { margin-left: 48px; } .eventsReservation-portlet .er-attendee-table .er-col-attendee { text-align: left !important; } .eventsReservation-portlet .er-attendee-table .er-col-type { /*text-align: left !important;*/ } .eventsReservation-portlet .er-attendee-table .er-col-type { text-align: left !important; } .eventsReservation-portlet .er-attendee-table .er-col-items { /* text-align: right !important; */ } .eventsReservation-portlet .er-attendee-table .er-col-total { /* text-align: right !important; */ } .eventsReservation-portlet .er-comments { width: 50% !important; } .eventsReservation-portlet .er-attendee-head-counts { width: auto !important; } .eventsReservation-portlet .er-res-toggler-col { width: 20px; } .eventsReservation-portlet .er-sub-res-name-col { text-align: left !important; } .eventsReservation-portlet .er-sub-res-status-col { text-align: left !important; width: 100px; } .eventsReservation-portlet .er-reservations-table .ui-expanded-row-content td { padding-left: 0; padding-right: 0; } .eventsReservation-portlet .er-reservations-table .er-res-no-col, .eventsReservation-portlet .er-reservations-table .er-res-date-col, .eventsReservation-portlet .er-reservations-table .er-res-table-no-col, .eventsReservation-portlet .er-reservations-table .er-res-name-col, .eventsReservation-portlet .er-reservations-table .er-res-status-col, .eventsReservation-portlet .er-reservations-table .er-res-guests-col { text-align: left !important; } .eventsReservation-portlet .er-sub-reservations-table .er-sub-res-col { padding: 2px 5px !important; text-align: left; padding: 1px 5px; } .eventsReservation-portlet .er-sub-res-name-col { min-width: 140px; width: auto; } .eventsReservation-portlet .er-sub-res-status-col { min-width: 50px; width: auto; } .eventsReservation-portlet .er-seating-container { display: inline-block; } .eventsReservation-portlet .er-scheudle-container { display: inline-block; } } @media (min-width: 1px) and (max-width: 1000px) { .eventsReservation-portlet .er-col-comments { width: 100px; } } @media (min-width: 1001px) { .eventsReservation-portlet .er-col-comments { width: 220px; } } @media (min-width: 1px) and (max-width: 850px) { .eventsReservation-portlet .er-attendee-table thead th, .eventsReservation-portlet .er-attendee-table tbody td, .eventsReservation-portlet .er-attendee-table tfoot td, .eventsReservation-portlet .er-attendee-table tfoot th { padding: 2px 4px; } .eventsReservation-portlet .er-res-toggler-col .ui-icon-circle-triangle-e { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/expand.png") center !important; width: 22px; height: 22px; margin-bottom: 2px; border-radius: 40px; } .eventsReservation-portlet .er-res-toggler-col .ui-icon-circle-triangle-s { background: rgb(255, 255, 255) url("/northstar-primefaces-portlet/images/event/collapse.png") center !important; width: 22px; height: 22px; margin-bottom: 2px; border-radius: 40px; } } @media (min-width: 641px) and (max-width: 850px) { .eventsReservation-portlet .er-add-more-guest { margin: 0 0 0 0px; } .eventsReservation-portlet .er-attendee-item-container { margin-left: 53px; } } @media (min-width: 641px) and (max-width: 740px) { .eventsReservation-portlet .er-col-items { width: 180px; } .eventsReservation-portlet .er-col-items { width: 180px; } .eventsReservation-portlet .er-child-container { width: 20%; } .eventsReservation-portlet .er-adult-container { width: 18%; } .eventsReservation-portlet .er-reservation-total-container { width: 20%; margin-top: -5PX; } } .eventsReservation-portlet .er-res-no-col { min-width: 45px; } .eventsReservation-portlet .er-res-date-col { min-width: 75px; } .eventsReservation-portlet .er-res-table-no-col { min-width: 50px; } .eventsReservation-portlet .er-res-name-col { min-width: 150px; } .eventsReservation-portlet .er-res-status-col { min-width: 70px; } .eventsReservation-portlet .er-res-guests-col { min-width: 200px; } @media (min-width: 641px) and (max-width: 1121px) { .eventsReservation-portlet .er-form a, .eventsReservation-portlet span, .eventsReservation-portlet div { /*font-size: 12px;*/ } .eventsReservation-portlet .er-res-no-col { min-width: 36px; } .eventsReservation-portlet .er-res-date-col { min-width: 63px; } .eventsReservation-portlet .er-res-table-no-col { min-width: 41px; } .eventsReservation-portlet .er-res-name-col { min-width: 135px; } .eventsReservation-portlet .er-res-status-col { min-width: 55px; } } @media (min-width: 641px) and (max-width: 688px) { .eventsReservation-portlet .er-res-table-no-col { display: none; } } @media screen and (width: 768px), screen and (width: 667px) { .eventsReservation-portlet .er-seating-dropdown { position: relative; top: -8px; } .eventsReservation-portlet .er-attendee-type-onemenu { position: relative; top: -5px; } .eventsReservation-portlet .er-adult-container { width: 16%; } .eventsReservation-portlet .er-reservation-total-container { width: 18%; margin-top: -5PX; } } @media only screen and (width: 1024px) { .eventsReservation-portlet .er-seating-dropdown { position: relative; top: -8px; } .eventsReservation-portlet .er-attendee-type-onemenu { position: relative; top: -5px; } .eventsReservation-portlet .er-adult-container { width: 12%; } .eventsReservation-portlet .er-reservation-total-container { width: 14%; } } .eventsReservation-portlet .er-total-reservation-charges-container { /*margin: 0 10px 0 10px;*/ } .eventsReservation-portlet .er-main-container { padding: 0 10px 0 10px; } .eventsReservation-portlet .er-main-container span.er-items-txt { color: #000 !important; } .eventsReservation-portlet .er-main-container span.er-add-more-guest-txt { color: #000; } .eventsReservation-portlet .er-main-container a.er-hide-item-details-link { color: #000; } .eventsReservation-portlet .er-main-container .er-waiver-statement-lbl { color: #fff; background-color: #005983; border-radius: 4px; padding: 3px; } .eventsReservation-portlet .er-main-container .er-waiver-statement-lbl:hover { color: #fff; } .eventsReservation-portlet .ui-selectcheckboxmenu-header span.ui-icon.ui-icon-circle-close { background-color: transparent; } .eventsReservation-portlet .er-waiver-content-container .er-waiver-title { background-color: #005983 !important; color: #fff; } .eventsReservation-portlet .ui-datatable-reflow { margin: 0 0 12px 0 !important; } .eventsReservation-portlet .ui-datatable-tablewrapper .ui-autocomplete { position: inherit !important; } .eventsReservation-portlet .ui-datatable-tablewrapper th { background-color: #005983 !important; color: #fff; } .eventsReservation-portlet .er-attendee-row-normal-odd span.er-items-txt { color: #fff !important; } .eventsReservation-portlet .er-childern, .eventsReservation-portlet html .ui-spinner .ui-spinner-input { width: 50px !important; } .eventsReservation-portlet .er-adult, .eventsReservation-portlet html .ui-spinner .ui-spinner-input { width: 50px !important; } .eventsReservation-portlet .er-adult-container { width: 200px; margin-bottom: 20px; } .eventsReservation-portlet .er-childern input, .eventsReservation-portlet .er-adult input { width: 50px; display: inline-block; margin: 10px; } .eventsReservation-portlet span.er-adults-label, .eventsReservation-portlet .er-children-label { width: 100% !important; display: block; } .eventsReservation-portlet .er-col-action { width: 50px; } .eventsReservation-portlet .er-col-eraser { width: 50px; } .eventsReservation-portlet .er-col-eraser a { color: red !important; } .eventsReservation-portlet .er-scheudle-container .ui-selectcheckboxmenu-trigger { width: 25px !important; } .eventsReservation-portlet .er-attendee-row-normal-even .er-col-total .et-total-txt { color: #000; } .eventsReservation-portlet .er-attendee-row-normal-odd .er-col-total .et-total-txt { color: #fff; } .eventsReservation-portlet .er-item-table td { border: 0px !important; } .eventsReservation-portlet .er-book-for { padding: 0; font-family: "lexia", serif !important; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .eventsReservation-portlet .er-book-for { font-size: 14px !important; } } .eventsReservation-portlet .er-comments-container legend { border: 0px !important; padding: 10px 0px !important; } .eventsReservation-portlet .er-comments-container legend span { margin: 3px; } .eventsReservation-portlet .er-publish-chkbox-container { padding: 10px 0px; } .eventsReservation-portlet .er-add-more-guest-container { padding: 10px 0px; } .eventsReservation-portlet .er-add-more-guest-container .er-add-more-guest-icon { top: 3px; position: relative; } .eventsReservation-portlet .ics-file-download-icon, .eventsReservation-portlet .er-add-more-guest-icon { color: #005983 !important; } .eventsReservation-portlet .er-questions-answers-lbl-container { color: #1b1c1c !important; } .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing { min-height: 517px; } .real-estate-listings-portlet .rel-action-buttons .ui-area-btn, .real-estate-listings-portlet .rel-action-buttons .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .real-estate-listings-portlet .rel-action-buttons .btn:not(.lfr-icon-menu), .real-estate-listings-portlet .rel-action-buttons .aui #ui-area .events-cal-link, .aui #ui-area .real-estate-listings-portlet .rel-action-buttons .events-cal-link { margin-bottom: 5px; } .real-estate-listings-portlet .rel-listings-grid-view .listing-img img { object-fit: cover; height: 268px; width: 100%; } .real-estate-listings-portlet .rel-listings-grid-view .rel-action-buttons { position: absolute; bottom: 0; } .real-estate-listings-portlet .rel-listings-grid-view .listing-status { font-family: "ITC Avant Garde Gothic", sans-serif; text-transform: uppercase; font-size: 18px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); letter-spacing: 1px; } .real-estate-listings-portlet .rel-view-switcher-row { margin-top: 12px; } .real-estate-listings-portlet .rel-view-switcher-row .ui-state-active { background: #005983 !important; border-color: #005983 !important; } .real-estate-listings-portlet .rel-view-switcher-row .ui-state-active .ui-button-text { color: #fff; } .real-estate-listings-portlet .rel-container .footer { margin-top: 20px; } .real-estate-listings-portlet .ui-widget-content .rel-cross-link { color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 28px; padding: 2px 6px 2px 7px; position: absolute; right: 0; margin: 10px 10px 0 0; } .real-estate-listings-portlet .rel-container .rel-preview-dialog .ui-dialog-content { padding: 0px; } .real-estate-listings-portlet .rel-navigation-buttons { position: absolute; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.5); } .real-estate-listings-portlet .rel-navigation-buttons a { color: #fff; margin: 0 5px 0 !important; } .real-estate-listings-portlet #relPreviewImage { width: 100%; height: 700px; object-fit: cover; } .real-estate-listings-portlet .listing-preview-img { width: 100%; max-height: 450px; object-fit: cover; } @media (min-width: 741px) { .real-estate-listings-portlet .rel-search-field { max-width: 270px; } } .real-estate-listings-portlet .rel-listings.portlet-msg-alert .ui-datagrid-content-empty { background-color: transparent !important; color: #bf7900 !important; padding: 0px; } .real-estate-listings-portlet .rel-search-date-field > input { max-width: 120px !important; } .real-estate-listings-portlet .er-childern, .real-estate-listings-portlet html .ui-spinner .ui-spinner-input { width: 100% !important; } .real-estate-listings-portlet .ui-fluid .ui-selectonemenu { min-width: auto !important; } .real-estate-listings-portlet .rel-order-by { margin-left: 10px; } @media screen and (max-width: 640px) { .real-estate-listings-portlet .rel-view-switcher-row { text-align: center !important; } } @media screen and (max-width: 979px) { .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing { min-height: auto !important; } .real-estate-listings-portlet .rel-listings-grid-view .rel-action-buttons { position: relative; } .real-estate-listings-portlet .rel-listings-grid-view .listing-info { padding: 10px 0px 0 !important; } } @media screen and (min-width: 641px) and (max-width: 979px) { .real-estate-listings-portlet .rel-listings-grid-view .listing-img img { height: 126px; } } @media screen and (min-width: 980px) and (max-width: 1199px) { .real-estate-listings-portlet .rel-listings-grid-view .rel-single-listing { min-height: 440px; } .real-estate-listings-portlet .rel-listings-grid-view .listing-img img { height: 170px; } } .horizontal-dates { max-height: 130px; overflow-y: hidden; overflow-x: scroll !important; list-style: none; padding: 0; text-align: center; border-radius: 5px; } .horizontal-dates div { display: inline-block; text-align: center; padding: 0; background-color: #fff; box-shadow: 0 0 2px #949494; border-radius: 4px; width: 13.7%; } .horizontal-dates::-webkit-scrollbar { display: none; } .horizontal-dates a { text-decoration: none; color: #7abee4; text-shadow: none; font-size: 14px; font-weight: normal; display: block; padding: 2px; transition: 0.8s all ease; } .horizontal-dates a:hover { background-color: #005076; color: #fff; } span.calendar-day, span.calendar-date, span.calendar-year { display: block; } span.calendar-year { padding: 1px 0 1px 0; color: #fff; font-weight: normal; background-color: #337a9c; } .horizontal-dates a.selected-date { background-color: #005076 !important; color: #fff !important; } .backward-controls a, .forward-controls a { font-size: 30px !important; display: block; text-align: center; } .backward-controls a:focus, .forward-controls a:focus { outline: none !important; } .backward-controls span { font-size: 30px !important; display: block; text-align: center; } .forward-controls span { font-size: 30px !important; display: block; text-align: center; } .horizontal-date-picker { width: 100% !important; display: table !important; margin: 5px 0px 5px 0px !important; } .backward-controls, .forward-controls { display: table-cell !important; max-width: 20px !important; vertical-align: top !important; } .horizontal-dates a { text-decoration: none !important; } @media (max-width: 500px) { .backward-controls, .forward-controls { display: block !important; max-width: 100% !important; width: 100% !important; background: #f1f1f1; } .backward-controls span, .forward-controls span, .backward-controls a, .forward-controls a { background: rgba(162, 159, 159, 0.41) !important; margin: 2px !important; } .backward-controls span, .backward-controls a { width: 48%; display: inline-block; } .forward-controls span, .forward-controls a { width: 48%; display: inline-block; } } .nav-collapse ul { margin: 0 !important; } .portlet-blogs label { display: block !important; } .taglib-header h3 { margin: 0 0 0 0 !important; padding: 0px 0; } .portlet-blogs-aggregator { margin-top: 30px; } .portlet-blogs-aggregator .blog-content + .text-left a:hover { background: #1b1c1c !important; transition: all 0.9s ease 0s; color: #fff !important; } .portlet-blogs-aggregator .blog-content + .text-left a { background: #9E6632 !important; color: #fff !important; display: inline-block; margin-bottom: 17px; padding: 7px 10px; text-decoration: none; border-radius: 0px; font-size: 14px; } #ui-area .portlet-blogs-aggregator h2 { margin-bottom: 0; } #ui-area .portlet-blogs-aggregator h2 a { color: #fff !important; text-decoration: none !important; } .entry-author { display: none !important; } .entry-footer { border-bottom: 1px solid #ccc !important; display: block; margin-bottom: 32px; } /* start blogs classes */ .portlet-blogs-aggregator .comments { display: none; } .portlet-blogs-aggregator .entry-title a { color: #fff !important; font-size: 18px; line-height: 25px; text-align: left; text-transform: capitalize; } .portlet-blogs-aggregator a:hover { color: #0066B3 !important; } .portlet-blogs-aggregator .abstract { clear: both; margin-top: 0.5em !important; margin-bottom: 0.5em !important; } .portlet-blogs .entry-navigation span.previous { background-position: 0 1px !important; padding-left: 20px !important; } .portlet-blogs .entry-navigation .next { background-position: 100% 1px !important; padding-right: 20px !important; } .portlet-blogs .navbar-search.pull-right { float: left !important; } .portlet-blogs .navbar-search.pull-right .form-search .btn { margin-top: 0px !important; margin-left: 0 !important; padding-bottom: 3px !important; } #ui-area .portlet-blogs .header-back-to .previous-level { padding: 3px; float: inherit !important; } #ui-area .portlet-blogs-aggregator h2 a { display: block; font-weight: bold !important; text-transform: uppercase !important; } .portlet-blogs-aggregator .entry-date { color: #1b1c1c !important; } /* blogs search bar portlet class */ .portlet-blogs .form-search .btn { margin-left: 0 !important; margin-top: 0 !important; } /* blogs search bar portlet class */ /* blogs navigation classes */ .portlet-blogs .entry-navigation { margin-top: 40px !important; } .portlet-blogs .form-search { margin-bottom: 10px; margin-top: 10px; } /* end blogs navigation classes */ /* end blogs classes */ /* ----------- start 200px to 667px ----------- */ @media screen and (min-width: 200px) and (max-width: 767px) { .portlet-blogs-aggregator .entry-title { margin-top: 10px !important; } .portlet-blogs-aggregator .asset-small-image img { width: 100% !important; } .portlet-blogs .form-search .input-append .btn { margin-left: 0 !important; margin-top: 0 !important; padding: 7px 8px 7px 4px !important; min-height: 40px !important; display: inline-block !important; width: 25% !important; } .portlet-blogs .form-search input#_33_keywords1 { min-height: 36px !important; display: inline-block !important; width: 75% !important; } } .portlet-blogs .blog-content + .text-left a { background: #337a9c !important; color: #fff !important; } @media screen and (min-width: 768px) and (max-width: 1024px) { .portlet-blogs .entry-body { font-size: 14px !important; } .portlet-blogs .entry-title h2 { padding-top: 0 !important; margin-top: 0 !important; } } #ui-area .portlet-blogs-aggregator h2 { margin-bottom: 0px; } #ui-area .portlet-blogs h2 a { text-decoration: none !important; color: #9E6632 !important; } /*blogs search bar height class*/ .portlet-blogs .navbar-search.pull-right .form-search input#_33_keywords1 { min-height: 34px !important; } .portlet-blogs .form-search input#_33_keywords1 { min-height: 36px !important; } /*end blogs search bar height class*/ .portlet-message-boards .input-append .search-query + .btn { margin: -1px !important; } #ui-area .portlet-message-boards .container { width: 100% !important; } .portlet-blogs .read-more { display: inline-block; padding: 7px 10px; } .news-listing { position: relative; box-sizing: border-box; background: #fff; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1.5px solid rgba(166, 161, 155, 0.23); } .news-listing .left, .news-listing .right { vertical-align: top; } .news-listing .left { margin-bottom: 20px; } @media screen and (min-width: 481px) and (max-width: 767.98px) { .news-listing .left { position: absolute; left: 0px; top: 0px; } } @media screen and (min-width: 768px) { .news-listing .left { position: absolute; left: 0px; top: 0px; } } .news-listing .left img { width: 100%; } @media screen and (min-width: 481px) and (max-width: 767.98px) { .news-listing .left img { max-height: 135px; max-width: 180px; } } @media screen and (min-width: 768px) { .news-listing .left img { max-height: 135px; max-width: 180px; } } @media screen and (min-width: 980px) { .news-listing .left img { max-width: 200px; } } .news-listing .right { min-height: 135px; } @media screen and (min-width: 481px) and (max-width: 767.98px) { .news-listing .right { padding-left: 200px; } } @media screen and (min-width: 768px) { .news-listing .right { padding-left: 200px; } } @media screen and (min-width: 980px) { .news-listing .right { padding-left: 216px; } } @media screen and (min-width: 1200px) { .news-listing .right { padding-left: 230px; } } .news-listing h3 { margin-bottom: 10px; margin-top: 0; } .news-listing h3 a { color: #4a4a4a; font-weight: 300; } .news-listing date { display: block; margin-top: -4px; margin-bottom: 6px; text-transform: uppercase; color: #A6A19B; font-size: 13px; font-weight: 700; } .news-listing date span { margin-left: 4px; margin-right: 4px; } .announcement-dialog .ui-selectonemenu-label { width: 100px !important; border: 0px !important; } .announcement-portlet .ann-browse-btn span { background-color: black !important; color: #fff !important; } .announcement-portlet { margin-bottom: 24px; } .announcement-portlet ul { list-style: outside none none; margin: 0 !important; } .announcement-portlet ul li b { padding: 0 0 0 5px; } .announcement-portlet li a { color: #000; } .announcement-portlet li a:hover { text-decoration: none; } .announcement-portlet .layoutTwoContentSpan .layoutTwoTitle { color: #1b1c1c; display: block !important; margin: 3px 0 0; position: relative; } .announcement-portlet .layoutTwoContentShortDesc .layoutTwoShorDes { color: #1b1c1c; display: block; font-size: 26px !important; margin-top: 3px; } /* simple vieiw class */ .layoutTwoContentShortDesc { background-color: #000 !important; bottom: 0px; color: #fff !important; display: block !important; font-size: 26px; font-weight: bold; line-height: 26px; /* max-height: 100px; */ padding: 10px 10px; position: absolute; text-align: left; text-decoration: none !important; vertical-align: middle; width: 100%; left: 0 !important; text-transform: uppercase; font-family: "ITC Avant Garde Gothic", sans-serif !important; } .layoutTwoContentShortDesc label { color: #fff !important; } /* end simple vieiw class */ /* announcement portlet classes new view */ .announcement-controls ul { padding-top: 3px; padding-bottom: 3px; } .announcement-controls ul li a i { font-size: 30px !important; background-color: #fff; border-radius: 100%; width: 32px !important; height: 32px; line-height: 31px; color: #9E6632; } .announcement .announcement-bottom-bar { background-color: rgba(0, 0, 0, 0.5098039216) !important; font-family: "Spectral", serif !important; } .announcement-bottom-bar .announcement-controls { margin-top: 5px; text-align: center; border-left: 1px solid #fff !important; } .announcement .announcement-title { color: #1b1c1c !important; font-weight: bold; display: block; font-size: 35px !important; line-height: normal !important; margin-left: 0 !important; margin-right: 10px; margin-bottom: 5px; } .announcement .announcement-description span { color: #fff !important; margin-left: 0; font-size: 18px; text-transform: uppercase; margin-left: 0 !important; font-family: "Spectral", serif; font-weight: normal; display: inline-block; } .announcement span.announcement-short-description { font-size: 54px; color: #fff !important; text-transform: capitalize; font-family: "lexia", serif; font-weight: 500; } /* .announcement .announcement-description { padding: 5px 5px 5px 5px !important; } */ .announcement .announcement-pagination { color: #fff !important; vertical-align: top; margin-top: 0px !important; font-size: 20px !important; font-family: "lexia", serif !important; } .announcement-controls { padding: 3px 0 3px 0px !important; border-right: 1px solid rgba(255, 255, 255, 0.3) !important; } .announcement-wrappe-home .bx-wrapper { border: 1px solid #f5f5f5; margin-bottom: 15px !important; box-shadow: 0 0 30px #eee; } .announcement-controls ul li a { cursor: pointer; } .announcement .announcement-description { padding: 27px 0px 10px 20px !important; font-family: "Spectral", serif !important; } @media screen and (min-width: 200px) and (max-width: 767px) { .announcement-bottom-bar .announcement-controls { margin-top: 0px !important; padding: 5px !important; } .announcement .announcement-title { font-size: 22px !important; } .announcement .announcement-description { padding: 8px 5px 10px 5px !important; } .announcement-wrappe-home .bx-wrapper { background-color: #000; } .announcement .announcement-description span { font-size: 14px !important; line-height: 24px !important; letter-spacing: 1px !important; } .bxslider .announcement .announcement-title { font-size: 16px !important; font-weight: bold !important; } .announcement-portlet .announcement .announcement-details { font-size: 14px !important; } } /* end announcement portlet classes new view */ @media screen and (min-width: 768px) and (max-width: 1024px) { .announcement .announcement-description span { font-size: 12px !important; } .announcement-bottom-bar .announcement-controls { padding-right: 3px !important; } .announcement .announcement-description span { margin-left: 5px !important; } .announcement .announcement-description { padding: 5px 15px 5px 0 !important; } } @media screen and (min-width: 200px) and (max-width: 1024px) { .announcement-portlet img.imageHeight { height: auto !important; } .announcement-portlet .announcement img { height: auto !important; } } #ui-area .announcement-portlet .announcement .announcement-description p { margin: 4px 0 4px 0 !important; line-height: normal !important; padding: 0 !important; text-align: left !important; } .announcement-portlet .span2.announcement-controls { float: right !important; } .announcement-portlet .bx-wrapper .bx-viewport { height: 100% !important; border: 2px solid #0093b2; box-shadow: 0px 0px 24px 6px rgba(58, 58, 58, 0.1); } .announcement-portlet .announcement .announcement-details { font-size: 14px !important; } .announcement-portlet .announcement span.announcement-details { transition: all 0.3s linear 0s; color: #fff !important; transition: all 0.3s linear 0s; background-color: #005983 !important; padding: 5px 10px; margin-left: 10px !important; } .announcement-portlet .announcement span.announcement-details:hover { background-color: #9E6632 !important; transition: all 0.3s linear 0s; } .announcement-portlet .ui-widget-content, .ui-datagrid-column { background: #fff !important; } .announcement-portlet .ui-corner-all { margin-top: 0 !important; padding: 0 !important; border: 0px solid #ddd !important; } .announcement-portlet .announcement-dialog .ui-corner-all { border: 1px solid #ddd !important; } .announcement-portlet .ui-calendar input { max-width: 170px !important; } .announcement-portlet button.ui-datepicker-trigger.ui-button { margin-bottom: 6px !important; } .announcement-portlet .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label { border: 0px !important; } .announcement-dialog .ui-icon-triangle-1-s { background-position: -65px -16px !important; } .announcement-dialog .ui-dialog-content { overflow: revert !important; } .ann-priority-one-menu .ui-selectonemenu-items-wrapper { max-height: 110px !important; } #ui-area .announcement-search-container .announcement-search-txt.ui-corner-all { border: 1px solid #ccc !important; padding: 3px !important; border-radius: 3px !important; } .deletePopup { margin-right: auto; margin-bottom: 0; margin-left: auto; display: table; overflow: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 4px; background-color: #fff; padding: 10px; } .deletePopupHdr { background-color: #005983 !important; color: #fff !important; font-size: 21px !important; font-weight: bold !important; letter-spacing: 0 !important; margin: 0; padding: 0 8px; text-transform: none !important; } .deletePopupBody input { margin-right: 2px; margin-top: 14px !important; } .deletePopupHdr label { color: #fff !important; line-height: 46px !important; margin: 0 !important; font-size: 23px !important; font-weight: normal !important; } @media print { div, span, tr, td, th, h1, button, label { font-family: Arial, sans-serif; } h1 { font-size: 12pt !important; } div, span, tr, td, th, button, label { font-size: 8pt !important; } table, td, th { border: 1pt solid #000 !important; border-collapse: collapse !important; } td { padding: 5px 5px 5px 5px; } table { margin-bottom: 5mm; } .text-bold { font-weight: 600; } .text-center { text-align: center; } .text-right { text-align: right; } .label-info { font-weight: 600; } .ui-grid-responsive .ui-grid-col-6 { width: 50% !important; } .ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 { float: left !important; } .ui-panelgrid-cell, .ui-panel-titlebar, .chit-text, span.text-bold, .row-fluid, td, th.heading-position, span.pull-left, span.pull-right { font-size: 15px !important; } .chit-label { font-size: 16px !important; } .ui-grid-row { border-top: 0px !important; } html .table-bordered { border: 1px solid black !important; } } @media print and (-ms-high-contrast: none) { .row-fluid { font-size: 1em !important; } span.text-bold, span.chit-text { font-size: 1.5em !important; } td, th.heading-position, span.pull-left, span.pull-right, .chit-label { font-size: 2.5em !important; } h1.heading.chit-heading { font-size: 3.5em !important; } td { padding: 0.5em 0.5em 0.5em 0.5em !important; } } #ui-area .member-site-settings-container .ui-area-btn-success, #ui-area .member-site-settings-container .btn-reset { padding: 0px !important; background: #005983 !important; margin: 0px 5px !important; } #ui-area .member-site-settings-container .member-site-settings-search-field { margin: 0px !important; } #ui-area .member-site-settings-container button.btn-apply, #ui-area .member-site-settings-container #ui-area button.member-site-settings-btn-sync { background: #005983 !important; padding: 0px; } #ui-area .member-site-settings-container .ui-selection-column { width: 50px !important; text-align: center; } #ui-area .member-site-settings-container .ui-paginator-bottom { border-bottom: 0px !important; } #ui-area .member-site-settings-container .ui-tabs .ui-widget-header { border-color: #ddd !important; } /******* Admin Classes Forom Designer *********/ .form-designer-primefaces-portlet .ui-panel-titlebar { background: #005983 !important; border: 1px dotted #ccc !important; } .form-designer-primefaces-portlet .ui-panel-titlebar span.ui-panel-title { color: #fff; } .form-designer-primefaces-portlet .ui-dialog-content a i { color: #005983; } .form-designer-primefaces-portlet .required-text { color: red; } .form-designer-portlet label { display: inline-block; top: 0; } .form-designer-primefaces-portlet .btn-responsive a i { display: none; } /* form designer class */ .form-designer-primefaces-portlet .fd-text-area { max-width: 100% !important; } .form-designer-primefaces-portlet .fd-section-name .ui-widget-header { background-color: #9E6632; color: #fff !important; margin: 0 !important; padding: 10px !important; font-size: 20px !important; } .form-designer-primefaces-portlet .fd-radio-btn tr { display: inline-block; margin-right: 10px; } /* end form designer class */ .form-designer-primefaces-portlet .ui-panel-content { padding-top: 0.3em !important; } .fd-radio-btn .ui-radiobutton.ui-widget { margin-right: 5px; } .form-designer-primefaces-portlet .ui-datepicker-trigger { margin-top: 0 !important; } .form-designer-primefaces-portlet .ui-panel-content { padding-top: 0 !important; } .form-designer-primefaces-portlet .fd-section-name .ui-panel-content .ui-corner-all { padding-top: 0 !important; margin-top: 0 !important; } /* media galley desktop start */ .portlet-image-gallery-display .header-back-to a { padding: 0; float: none !important; } .portlet-image-gallery-display .lfr-asset-column.lfr-asset-column-details { margin-left: 0; } .portlet-image-gallery-display ul { margin-left: 0 !important; } .portlet-image-gallery-display .image-thumbnail img { height: 100px; width: 128px; } .folder-thumbnail-div { cursor: pointer; } .image-title, .folder-title { white-space: normal !important; } .folder-icon { height: auto !important; } .portlet-image-gallery-display .taglib-header .header-back-to a { margin: 5px 9px 0 0; } .portlet-image-gallery-display .image-icon { padding: 5px 8px 0; } /* Search Button Start */ div.input-append > input.search-query + button.btn[type=submit] { padding: 4px 8px 4px 4px !important; margin-top: 0px !important; } /* Search Button End */ /* media galley desktop End */ /* media galley mobile start */ /* Smartphone-start */ @media screen and (min-width: 220px) and (max-width: 767px) { .portlet-image-gallery-display ul { margin: 16px 0 !important; } .portlet-image-gallery-display .image-icon { display: block !important; float: inherit !important; max-width: 100% !important; } .image-thumbnail-div { margin: 0 auto !important; } .portlet-image-gallery-display .image-icon:hover, .portlet-image-gallery-display .image-icon.hover { background-color: transparent !important; } .portlet-image-gallery-display .image-title { margin: 5px auto 0; } .portlet-image-gallery-display .image-icon, .portlet-image-gallery-display .folder-icon { float: inherit !important; width: 140px; margin: 20px auto; } } /* Smartphone-end */ /* iPad-Portrait-start */ @media screen and (min-width: 768px) and (max-width: 979px) { .portlet-image-gallery-display .image-icon { margin: 10px 3px; padding: 5px 20px 0; } .portlet-image-gallery-display .image-icon, .portlet-image-gallery-display .folder-icon { width: 141px; margin: 20px auto; } } /* iPad-Portrait-End */ /* iPad-Landscape-start */ @media screen and (min-width: 980px) and (max-width: 1199px) { .portlet-image-gallery-display .image-icon { margin: 10px 3px; padding: 5px 17px 0; } } /* iPad-Landscape-end */ .image-thumbnail-div { cursor: pointer; } .portlet-image-gallery-display .lfr-asset-metadata { display: none; } /* media galley mobile end */ @media (max-width: 640px) and (min-width: 1px) { .guestTeeTimeReservation-portlet .ui-outputlabel.ui-widget { font-size: 14px !important; } } .guestTeeTimeReservation-portlet button.ui-datepicker-trigger.ui-button { margin: 0px 3px !important; } .guestTeeTimeReservation-portlet .gttr-slot { border: 1px solid #efefef !important; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); margin: 20px; padding: 20px; } .guestTeeTimeReservation-portlet .gttr-slot:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); -webkit-transform: scale(1.01, 1.01); transform: scale(1.01, 1.01); cursor: pointer; } .guestTeeTimeReservation-portlet .gttr-slot-image { height: 300px !important; width: 100% !important; object-fit: cover; } .guestTeeTimeReservation-portlet .gttr-resource-img { width: 80px !important; height: 50px !important; padding: 5px; background: white; border: 1px solid #eee !important; margin: 10px 5px; padding: 8px; } .guestTeeTimeReservation-portlet .gttr-player-charges { font-size: 26px !important; color: #081f36; background: #f9f9f9; padding: 15px; } .guestTeeTimeReservation-portlet .gttr-book-now-div { width: 100%; } .guestTeeTimeReservation-portlet .gttr-book-now-div .ui-area-btn, .guestTeeTimeReservation-portlet .gttr-book-now-div .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .guestTeeTimeReservation-portlet .gttr-book-now-div .btn:not(.lfr-icon-menu), .guestTeeTimeReservation-portlet .gttr-book-now-div .aui #ui-area .events-cal-link, .aui #ui-area .guestTeeTimeReservation-portlet .gttr-book-now-div .events-cal-link { padding: 10px !important; } .guest-teetime-slot { border: solid 1px #eeeeee; } .guest-teetime-slot-details, .guest-teetime-slot-details .ui-widget-content { margin-bottom: 20px; background-color: whitesmoke !important; border: 1px solid #e3e3e3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .course-sel .ui-selectlistbox-list { border: 1px solid #DDD; color: #8d8d8d; padding: 4px 6px; font-size: 14px; color: #555; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .book-now-div { margin: 0 auto; width: 100px; } .rates-error { color: red !important; } .back-to-search-btn { width: 170px !important; float: right; } .dialogOKBtn { width: 100px !important; display: inline-block !important; } .inline-block { display: inline-block !important; } .reservation-holes { vertical-align: -webkit-baseline-middle; } .guest-teetime-border { border-bottom: 1px #ccc dashed; } .guest-teetime-border-top { border-top: 1px #ccc dashed; } .confirm-title { text-align: center; } .res-no { background: #F3F3F3 !important; text-align: center !important; line-height: 49px !important; vertical-align: middle !important; } .book-another-btn { width: 170px !important; float: right; } @media (min-width: 640px) { .slot-image { width: 330px !important; height: 220px !important; } } .gttr-slot { border: solid 1px #eeeeee; } .gttr-details, .gttr-slot-details .ui-widget-content { margin-bottom: 20px; background-color: whitesmoke !important; border: 1px solid #e3e3e3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .gttr-course-sel .ui-selectlistbox-list { border: 1px solid #DDD; color: #8d8d8d; padding: 4px 6px; font-size: 14px; color: #555; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .gttr-rates-error { color: red !important; } .gttr-back-to-search-btn { width: 170px !important; float: right; margin-bottom: 5px; } .gttr-dialogOKBtn { width: 100px !important; display: inline-block !important; } .inline-block { display: inline-block !important; } .gttr-reservation-holes { vertical-align: -webkit-baseline-middle; } .gttr-border { border-bottom: 1px #ccc dashed !important; width: 100% !important; display: block !important; } .gttr-border-top { border-top: 1px #ccc dashed !important; width: 100% !important; display: block !important; } .gttr-confirm-title { text-align: center; } .gttr-res-no { background: #F3F3F3 !important; text-align: center !important; line-height: 49px !important; vertical-align: middle !important; } .gttr-align-playerName { text-align: center !important; } .gttr-resource-img-col { width: 20px !important; height: 20px !important; } .gttr-resource-img { background: aliceblue; width: 36px !important; height: 18px !important; padding: 5px; } @media (max-width: 640px) { .gttr-dialog-player-no, .gttr-dialog-player-charges { float: right !important; } .gttr-dialog-res-charges, .gttr-dialog-player-total-charges { float: right !important; } } @media (min-width: 640px) { .gttr-slot-image { width: 330px !important; height: 220px !important; } .gttr-reservation-holes { width: 170px !important; } .gttr-holes-sel-div { text-align: right; } .gttr-book-another-btn { width: 170px !important; float: right; } .gttr-playerno-col, .gttr-player-charges-col { text-align: center !important; } .gttr-res-charges-col, .gttr-total-charges-col { text-align: center !important; } .gttr-book-now-div { margin: 0 auto; width: 100px; } .gttr-player-name-col, .gttr-res-col, .gttr-charges-col { text-align: center !important; } } .gr-advance-search-label { padding: 15px; background: #1a4d69; color: #fff !important; } .gttr-review-box { width: 100%; } .gttr-review-box td { border: none !important; background: whitesmoke; } .gr-advance-search-label span.text-left { width: 60%; display: inline-block; } .gr-advance-search-label span.text-center { width: 40%; display: inline-block; } .gr-advance-search-btn { min-height: 10px !important; padding: 1.1em 2em !important; border-radius: 5px !important; color: black !important; background: white !important; border-width: 1px !important; border-style: solid !important; } .gr-advance-search-label { border-radius: 5px; } .gttr-review-box .ui-grid-row { padding: 2px; background: whitesmoke; } .review-box-border { border: none !important; } .gttr-player-info { padding: 10px; background: white; border-color: whitesmoke !important; border-width: 3px !important; border-style: solid !important; margin-top: 2%; } .gr-advance-search-btn .ui-widget { font-size: 14px !important; } .gt-value { font-size: 18px !important; } .gr-advance-search-focus-btn { min-height: 10px !important; padding: 1.1em 2em !important; border-radius: 5px !important; background: #1a4d69 !important; color: #fff !important; } .gr-advance-search-filters .ui-grid-row { padding: 5px; background: whitesmoke; } .gr-advance-search-filters-label { padding: 15px; background: #1a4d69; color: #fff !important; } .gtt-advance-filters-labels { font-size: 16px; } .gtt-calendar { min-height: 10px !important; padding: 1.1em 2em !important; border-radius: 5px !important; color: black !important; background: white !important; border-width: 1px !important; border-style: solid !important; } .gtt-calendar .ui-inputfield { background-color: #fff !important; border: 0px !important; } .gtt-course-filter div.ui-button { margin-right: 0.5% !important; min-height: 10px !important; padding: 1em 1em !important; border-radius: 5px !important; color: black; border-width: 1px !important; border-style: solid !important; border-color: black; } .gtt-course-filter .ui-state-active { background-color: #1a4d69 !important; background: #1a4d69 !important; color: white !important; } .gtt-course-filter .ui-state-default { background-color: white; background: white; color: black; } .gttr-review-reset-button { min-height: 10px !important; padding: 10px !important; border-radius: 5px !important; color: red !important; background: white !important; border-width: 1px !important; border-style: solid !important; border-color: red !important; margin-top: 5%; } .gttr-review-book-button { min-height: 10px !important; padding: 10px !important; border-radius: 5px !important; color: white !important; background: #1a4d69 !important; border-width: 1px !important; border-style: solid !important; border-color: #1a4d69 !important; margin-top: 2.5%; margin-bottom: 5%; } .gtt-book-button { min-height: 10px !important; padding: 5px !important; border-radius: 5px !important; color: white !important; background: #00cc00 !important; width: 90% !important; margin-left: 5%; margin-bottom: 5%; text-shadow: none !important; margin-top: 5%; } .gtt-search-reset-panel { padding: 10px; } .gttr-slot-panel { margin-right: 5%; margin-bottom: 5%; background-color: whitesmoke !important; border-width: 1px !important; border-style: solid !important; border-radius: 10px; } .gttr-time-label { margin-top: 10%; margin-left: 10%; margin-bottom: 0px !important; font-size: 16px !important; color: black !important; font-weight: 600 !important; padding: 0px !important; } .gttr-date-label { margin-left: 10%; font-size: 14px !important; margin-bottom: 0px !important; padding: 0px !important; } .gttr-search-box-players-labels { margin-left: 5%; font-size: 14px !important; margin-bottom: 0px !important; padding: 0px !important; } .gttr-search-box-course-labels { margin-left: 5%; font-size: 14px !important; margin-bottom: 0px !important; padding: 0px !important; } .gttr-search-box-holes-labels { margin-left: 5%; font-size: 14px !important; margin-bottom: 0px !important; padding: 0px !important; } .gttr-currency { background-color: #ff751a !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .gttr-curreny-value { color: white !important; } .gttr-booking-panel .ui-grid-row { background: whitesmoke; border-top: none !important; } .ggtr-separator { width: 0px; height: 70px; margin-left: 50% !important; margin-bottom: 0px !important; margin-top: 2px !important; } .gttr-review-time-label { margin-top: 5%; margin-right: 0% !important; margin-bottom: 0 !important; font-size: 22px !important; color: black !important; font-weight: 550 !important; padding: 0 !important; } .gttr-review-date-label { margin-right: 0% !important; font-size: 16px !important; margin-bottom: 0 !important; padding: 0 !important; } .gttr-review-screen-label { font-size: 16px !important; margin-left: 5%; } .gttr-review-screen-email { font-size: 16px !important; color: blue !important; } .gttr-number-of-players div.ui-button { margin-right: 10px !important; min-height: 10px !important; padding: 2px !important; color: black; background: white; border-width: 2px !important; border-style: solid !important; border-color: black; } .gttr-number-of-players .ui-state-active { background-color: black !important; background: black !important; color: white !important; } .gttr-number-of-players { width: 100% !important; } .gttr-table th { display: none !important; } .gttr-player-name .ui-inputfield { width: 100% !important; border-radius: 0.25rem !important; } .gttr-player-resource { width: 70% !important; background: white !important; } .gttr-player-resource .ui-inputfield { -webkit-box-shadow: none !important; box-shadow: none !important; } .gttr-comment { width: 90% !important; display: block !important; margin: 2% !important; height: 150px !important; border-color: whitesmoke !important; border-width: 2px !important; border-style: solid !important; } .gttr-payment-info { padding: 10px; background: whitesmoke !important; margin: 0% !important; } .gttr-payment-info .ui-grid-row { background: whitesmoke !important; } .ggtr-price-separator { width: 80% !important; margin-left: 10% !important; margin-top: 20% !important; margin-bottom: 0px !important; } .gttr-payment-label { font-size: 16px !important; margin-right: 5%; } a.gttr-res-total-charges, span.gttr-res-total-charges, div.gttr-res-total-charges { font-size: 24px !important; font-weight: 600 !important; margin-right: 5%; } .gttr-player-name-input { padding: 10px 10px 10px 10px !important; border-radius: 5px; } .gttr-player-name { width: 100%; } .gttr-shopping-cart { font-size: 18px !important; color: grey !important; font-weight: 100 !important; } .gttr-update-shopping-cart { font-size: 18px !important; color: #ff751a !important; font-weight: 100 !important; } .gttr-confirmation-shopping-cart { width: 60% !important; margin-left: 20% !important; } .fa-shopping-cart-custom { padding: 5px !important; } @media (min-width: 1450px) { .gttr-search-panel { width: 60%; margin-left: 20% !important; } } @media (min-width: 500px) and (max-width: 1450px) { .gttr-search-panel { width: 80%; margin-left: 10% !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) { .gttr-booking-col { display: inline-block !important; width: 50% !important; margin-top: 0% !important; } .gttr-review-col { display: inline-block !important; width: 40% !important; } .gttr-number-of-players div.ui-button { margin-right: 10px !important; min-height: 10px !important; padding: 2px !important; color: black; background: white; border-width: 2px !important; border-style: solid !important; border-color: black; } .gttr-currency { background-color: #ff751a !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 70%; margin-left: 30%; margin-top: 5% !important; } .gttr-booking-panel .ui-grid-row { background: whitesmoke; border-top: none !important; } .gtt-calendar .ui-inputfield { width: 70% !important; } .gttr-slot-panel { width: 60% !important; margin-left: 20% !important; } .ggtr-separator { width: 80% !important; margin-left: 10% !important; height: 0px; margin-bottom: 0px !important; margin-top: 2px !important; } .gttr-player-info .ui-grid-row { border-top: none !important; } .ggtr-price-separator { width: 80% !important; margin-left: 10% !important; margin-top: 30% !important; margin-bottom: 0px !important; } } @media (max-width: 640px) and (min-width: 1px) { .gttr-booking-col { display: inline-block !important; width: 50% !important; margin-top: 0% !important; } .gttr-player-info .ui-grid-row { border-top: none !important; } .gttr-review-col { display: inline-block !important; width: 40% !important; } .gttr-slot-panel { width: 60% !important; margin-left: 20% !important; } .ggtr-separator { width: 80% !important; margin-left: 10% !important; height: 0px; margin-bottom: 0px !important; margin-top: 2px !important; } .ggtr-price-separator { width: 180% !important; margin-left: 10% !important; margin-top: 30% !important; margin-bottom: 0px !important; } } @media screen and (min-width: 640px) { .gttr-currency { margin-top: 20%; } } @media screen and (min-width: 1200px) { .gttr-curreny-value { font-size: 14px !important; } } @media screen and (min-width: 640px) { .gtt-course-filter .ui-button { width: 20%; } .gtt-course-filter { width: 100%; } .gtt-search-panel { float: right; width: 30%; } .gtt-search-btn { width: 50% !important; } .gtt-reset-btn { width: 50% !important; } .gttr-book-other-tee-time-btn { width: 25% !important; } .gttr-note-total-payment { margin-top: 2%; } } @media screen and (min-width: 1830px) { .gtt-calendar .ui-inputfield { width: 65% !important; } } @media screen and (min-width: 970px) { .gr-advance-search-btn { min-width: 200px; } } @media screen and (max-width: 1830px) { .gtt-calendar .ui-inputfield { width: 25% !important; } } @media screen and (max-width: 700px) { .gtt-calendar .ui-inputfield { width: 20% !important; } } .gttr-confirm-email { font-weight: bold; } .gttr-confirm-panel .ui-panelgrid-cell { padding: 4px 10px !important; background: whitesmoke; border: 1px solid #c8c8c8 !important; } .gttr-confirm-labels { font-size: 12px !important; } .gttr-confirm-value { font-size: 14px !important; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; } .gttr-confirm-layout { margin-top: 2%; } .gttr-confirm-note { height: 62px; } .gttr-book-other-tee-time-btn { background: #009ae5 !important; margin-top: 2%; padding: 10px; border-radius: 5px !important; } .gttr-note-total-payment { align-items: center; display: flex; color: red; } /*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* SVG icons */ .teetime-webservice { /* Alt icons */ /* PNG icons */ /* Alt icons */ /* Globals */ /* Font -----------------------------------------------------------------------------------------------------------*/ /* Form labels (overrides font-weight bold in bars, and mini font-size) */ /* Separators -----------------------------------------------------------------------------------------------------------*/ /* Field contain separator (< 28em) */ /* Table opt-in classes: strokes between each row, and alternating row stripes */ /* Classes table-stroke and table-stripe are deprecated in 1.4. */ /* Buttons -----------------------------------------------------------------------------------------------------------*/ /* Corner rounding -----------------------------------------------------------------------------------------------------------*/ /* Class ui-btn-corner-all deprecated in 1.4 */ /* Buttons */ /* Icon-only buttons */ /* Radius clip workaround for cleaning up corner trapping */ /* Popup arrow */ /* Shadow -----------------------------------------------------------------------------------------------------------*/ /* Icons -----------------------------------------------------------------------------------------------------------*/ /* Alt icons */ /* No disc */ /* Icon shadow */ /* Checkbox and radio */ /* Loader */ /* Swatches */ /* A -----------------------------------------------------------------------------------------------------------*/ /* Bar: Toolbars, dividers, slider track */ /* Page and overlay */ /* Body: Read-only lists, text inputs, collapsible content */ /* Links */ /* Button up */ /* Button hover */ /* Button down */ /* Active button */ /* Active radio button icon */ /* Focus */ /* B -----------------------------------------------------------------------------------------------------------*/ /* Bar: Toolbars, dividers, slider track */ /* Page and overlay */ /* Body: Read-only lists, text inputs, collapsible content */ /* Links */ /* Button up */ /* Button hover */ /* Button down */ /* Active button */ /* Active radio button icon */ /* Focus */ /* Structure */ /* Disabled -----------------------------------------------------------------------------------------------------------*/ /* Class ui-disabled deprecated in 1.4. :disabled not supported by IE8 so we use [disabled] */ /* Focus state outline -----------------------------------------------------------------------------------------------------------*/ /* Unset box-shadow in browsers that don't do it right */ /* Some unsets */ /* Fixes for fieldset issues on IE10 and FF (see #6077) */ /* Viewport */ /* Issue #2066 */ /* "page" containers - full-screen views, one should always be in view post-pageload */ /* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */ /* Fouc */ /* Non-js content hiding */ /* Loading screen */ /* Headers, content panels */ /* Corner styling for dialogs and popups */ /* Buttons and icons */ /* Make buttons in toolbars default to mini and inline. */ /* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */ /* Buttons in header position classes */ /* Button elements */ /* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */ /* Form labels */ /* Accessible content hiding */ /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */ /* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */ /* Transitions originally inspired by those from jQtouch, nice work, folks */ /* keyframes for slidein from sides */ /* keyframes for slideout to sides */ /* slide down */ /* slide up */ /* The properties in this rule are only necessary for the 'flip' transition. * We need specify the perspective to create a projection matrix. This will add * some depth as the element flips. The depth number represents the distance of * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate * value. */ /* The properties in this rule are only necessary for the 'flip' transition. * We need specify the perspective to create a projection matrix. This will add * some depth as the element flips. The depth number represents the distance of * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate * value. */ /* flow transition */ /* content configurations. */ /* force new row */ /* No margin in grids for 100% width button elements until we can use max-width: fill-available; */ /* preset breakpoint to switch to stacked grid styles below 35em (560px) */ /* fixed page header & footer configuration */ /* updatePagePadding() will update the padding to actual height of header and footer. */ /* Tap toggle: hide external fixed footer. See issue #6604 */ /* workarounds for other widgets */ /* fixes gaps caused by subpixel problem */ /* Hide the native input element */ /* Fixes IE/WP filter alpha opacity bugs */ /* Fixes legend not wrapping on IE10 */ /* Dimensions related to the popup arrow -----------------------------------------------------------------------------------------------------------*/ /* desired triangle height: 10px */ /** * guide for the arrow - its width, height, and offset are theme-dependent and * should be expessed as left, right, top, bottom, so that the element bearing * such a class becomes stretched inside its parent position: relative element. * The left/top/right/bottom specified below should reflect the corresponding * border radii and so it leaves room for the shadow: * ..--------------------.. * ." ^ top ". * / v \ * | +------------------+ | * | | | | * | left| |right| * |<--->| |<--->| * | +------------------+ | * \ ^ / * `. v bottom .' * ""--------------------"" * The idea is that the top/left of the arrow container box does not move to a * coordinate smaller than the top/left of the guide and the right/bottom of * the arrow container box does not move to a coordinate larger than the * bottom/right of the guide. This will help us avoid the following situation: * ..--------------------.. * ." ^ top ". * /|/ v \ * / | +------------------+ | * \ | | | | * \| left| |right| * |<--->| |<--->| * | +------------------+ | * \ ^ / * `. v bottom .' * ""--------------------"" * The arrow should not receive a top/left coordinate such that it is too close * to one of the corners, because then at first the shadow of the arrow and, * given a coordinate even closer to the corner, even the body of the arrow will * "stick out" of the corner of the popup. The guide provides a hint to the * arrow positioning code as to which range of values is acceptable for the * arrow container's top/left coordinate. **/ /* aside from the "infinities" (-1000,2000), triangle height is used */ /** * For each side, the arrow is twice the desired size and its corner is aligned * with the edge of the container: * * /\ /\ +----+ /\ * / \ / \ | /\ |top / \ * +----+ \ / +----+ +-->|/ \| / \ * left| / | \ / | \ |right | | | / \ * |/ | \ / | \| | /| |\ / \ * |\ | / \ | /| | / +----+ \ \ +----+ / * | \ | / \ | / | | \ / \| |/ * +----+ / \ +----+ | \ / | | * ^ \ / \ / ^ | \ / +->|\ /| * | \/ \/ | | \ / | | \/ |bottom * | | | \/ | +----+ * +-------------------+--------+-----------+ * | * arrow container * (clips arrow) **/ /* Fix rotation center for oldIE - see http://www.useragentman.com/IETransformsTranslator/ */ /* structure */ /* Native input positioning */ /* Display none because of issues with IE/WP's filter alpha opacity */ /* Because we add all classes of the select and option elements to the span... */ /* ui-li-count is styled in the listview CSS. We set padding and offset here because select supports icon position while listview doesn't. */ /* We set the rules for the span as well to fix an issue on Chrome with text-overflow ellipsis for the button in combination with text-align center. */ /* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button. this shim's content in there */ /* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */ /* Used by both listview and custom multiple select button */ /* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */ /* High level of specificity to override button margins in grids */ /* reset the clearfix */ /* The corner radii for ui-slider-switch/track can be specified in theme CSS. The bg and handle inherits. */ /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */ /* slider tooltip -----------------------------------------------------------------------------------------------------------*/ /* this makes ie6 and ie7 set height to 0 to fix z-index problem */ /* Hide the second label (the first is moved outside the div) */ /* Same margin for mini textareas as other mini sized widgets (12.5/14 * 0.5em) */ /* Padding on the div instead of input because of browser spinners etc. */ /* Search icon */ /* Resolves issue #5166: Added to support issue introduced in Firefox 15. We can likely remove this in the future. */ /* Same for IE10 */ /* Resolves issue #5131: Width of textinput depends on its type, for Android 4.1 */ /* Resolves issue #5756: Textinput in IE10 has a default clear button */ /* Override field container CSS to prevent the flipswitch from becomming full width */ /* Styles for the table columntoggle mode */ /* Remove top/bottom margins around the fieldcontain on check list */ /* Hide all prioritized columns by default */ /* Preset breakpoints if ".ui-responsive" class added to table */ /* Show priority 1 at 320px (20em x 16px) */ /* Show priority 2 at 480px (30em x 16px) */ /* Show priority 3 at 640px (40em x 16px) */ /* Show priority 4 at 800px (50em x 16px) */ /* Show priority 5 at 960px (60em x 16px) */ /* Show priority 6 at 1,120px (70em x 16px) */ /* Unchecked manually: Always hide */ /* Checked manually: Always show */ /* Styles for the table columntoggle mode */ /* Mobile first styles: Begin with the stacked presentation at narrow widths */ /* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */ /* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */ /* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/ /* Panel */ /* Container, page and wrapper */ /* Fixed toolbars */ /* Dismiss */ /* Animate class is added to panel, wrapper and fixed toolbars */ /* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */ /* Hardware acceleration for smoother transitions on WebKit browsers */ /* Panel positioning (for overlay and push) */ /* Panel left closed */ /* Panel left closed animated */ /* Panel left open */ /* Panel left open animated */ /* Panel right closed */ /* Panel right closed animated */ /* Panel right open */ /* Panel right open animated */ /* Wrapper and fixed toolbars positioning (for reveal and push) */ /* Panel left open */ /* Panel left open animated */ /* Panel right open */ /* Panel right open animated */ /* Dismiss model open */ /* Shadows and borders */ /* Responsive: wrap on wide viewports once open */ } .teetime-webservice .ui-icon-action:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-alert:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8%20C6.447%2C8%2C6%2C7.553%2C6%2C7V5c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-d-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-d-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-d:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-u-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C11%206.5%2C3.5%2010%2C0%200%2C0%200%2C10%203.5%2C6.5%2011%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-u-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-arrow-u:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-audio:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.018px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014.018%2014%22%20style%3D%22enable-background%3Anew%200%200%2014.018%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C4C0.447%2C4%2C0%2C4.447%2C0%2C5v4c0%2C0.553%2C0.447%2C1%2C1%2C1h1l4%2C4V0L2%2C4H1z%20M10.346%2C7c0-1.699-1.042-3.154-2.546-3.867L6.982%2C4.68%20C7.885%2C5.107%2C8.51%2C5.98%2C8.51%2C7S7.885%2C8.893%2C6.982%2C9.32L7.8%2C10.867C9.304%2C10.154%2C10.346%2C8.699%2C10.346%2C7z%20M9.447%2C0.017L8.618%2C1.586%20C10.723%2C2.584%2C12.182%2C4.621%2C12.182%2C7s-1.459%2C4.416-3.563%2C5.414l0.829%2C1.569c2.707-1.283%2C4.57-3.925%2C4.57-6.983%20S12.154%2C1.3%2C9.447%2C0.017z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-back:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-bars:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-bullets:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5%20C4.447%2C6%2C4%2C6.447%2C4%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1%20S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-calendar:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-camera:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M12%2C2.5H9.908c-0.206-0.581-0.756-1-1.408-1h-3c-0.652%2C0-1.202%2C0.419-1.408%2C1H2c-1.104%2C0-2%2C0.896-2%2C2%20v6c0%2C1.104%2C0.896%2C2%2C2%2C2h10c1.104%2C0%2C2-0.896%2C2-2v-6C14%2C3.396%2C13.104%2C2.5%2C12%2C2.5z%20M7%2C10.5c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C9.156%2C8.657%2C10.5%2C7%2C10.5z%20M7%2C5.5c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2%20C9%2C6.396%2C8.104%2C5.5%2C7%2C5.5z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-carat-d:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-carat-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-carat-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-carat-u:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-check:after, .teetime-webservice html .ui-btn.ui-checkbox-on.ui-checkbox-on:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-clock:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-cloud:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2%20c-0.158%2C0-0.311%2C0.023-0.457%2C0.058C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9%20c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-comment:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-delete:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-edit:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-eye:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-forbidden:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-forward:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M13%2C4L9%2C0v3C6%2C3%2C1%2C4%2C1%2C8c0%2C5%2C7%2C6%2C7%2C6v-2c0%2C0-5-1-5-4s6-3%2C6-3v3L13%2C4z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-gear:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-grid:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-heart:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C1.872c-2-3-7-2-7%2C2c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.479%2C3%2C3c0.583-0.521%2C3-3%2C3-3s4-4%2C4-7%20C14-0.128%2C9-1.128%2C7%2C1.872z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-home:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-info:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-location:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M7%2C0C4.791%2C0%2C3%2C1.791%2C3%2C4c0%2C2%2C4%2C10%2C4%2C10s4-8%2C4-10C11%2C1.791%2C9.209%2C0%2C7%2C0z%20M7%2C6C5.896%2C6%2C5%2C5.104%2C5%2C4%20s0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2S8.104%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-lock:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M12%2C6V5c0-2.762-2.238-5-5-5C4.239%2C0%2C2%2C2.238%2C2%2C5v1H1v8h12V6H12z%20M7.5%2C9.848V12h-1V9.848%20C6.207%2C9.673%2C6%2C9.366%2C6%2C9c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1C8%2C9.366%2C7.793%2C9.673%2C7.5%2C9.848z%20M10%2C6H4V5c0-1.657%2C1.343-3%2C3-3%20s3%2C1.343%2C3%2C3V6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-mail:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M0%2C3.75V12h14V3.75L7%2C9L0%2C3.75z%20M14%2C2H0l7%2C5L14%2C2z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-minus:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-navigation:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2213%2C1%200%2C6%207%2C7%208%2C14%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-phone:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%22-0.01%200.008%2014%2014%22%20style%3D%22enable-background%3Anew%20-0.01%200.008%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M6.939%2C9.189C6.165%2C8.557%2C5.271%2C7.705%2C4.497%2C6.744C3.953%2C6.071%2C3.473%2C5.363%2C3.969%2C4.866l-3.482-3.48%20C-0.021%2C2.02-1.146%2C5.04%2C3.675%2C9.984c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.4C8.725%2C10.568%2C8.113%2C10.146%2C6.939%2C9.189z%20%20M13.82%2C11.519v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.211-0.546-0.205-0.754%2C0.002L9.455%2C9.831l3.403%2C3.407%20c0%2C0%2C0.962-0.96%2C0.961-0.961l0.002-0.001C14.043%2C12.056%2C14.021%2C11.721%2C13.82%2C11.519z%20M5.192%2C3.644V3.642%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.881c0%2C0-2.726-2.725-2.727-2.726C2.255-0.055%2C1.92-0.05%2C1.712%2C0.156L0.751%2C1.121l3.479%2C3.482%20C4.231%2C4.604%2C5.192%2C3.645%2C5.192%2C3.644z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-plus:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-power:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-recycle:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M3%2C7h1L2%2C4L0%2C7h1c0%2C3.313%2C2.687%2C6%2C6%2C6c0.702%2C0%2C1.374-0.127%2C2-0.35v-2.205C8.41%2C10.789%2C7.732%2C11%2C7%2C11%20C4.791%2C11%2C3%2C9.209%2C3%2C7z%20M13%2C7c0-3.313-2.688-6-6-6C6.298%2C1%2C5.626%2C1.127%2C5%2C1.349v2.206C5.59%2C3.211%2C6.268%2C3%2C7%2C3c2.209%2C0%2C4%2C1.791%2C4%2C4%20h-1l2%2C3l2-3H13z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-refresh:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-search:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5%20s2.463%2C5.5%2C5.5%2C5.5c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-shop:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5%20S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5%20S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-star:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-tag:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M5%2C0H0v5l9%2C9l5-5L5%2C0z%20M3%2C4C2.447%2C4%2C2%2C3.553%2C2%2C3s0.447-1%2C1-1s1%2C0.447%2C1%2C1S3.553%2C4%2C3%2C4z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-user:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-icon-video:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%20-2%2014%2014%22%20style%3D%22enable-background%3Anew%200%20-2%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M8%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2h6c1.104%2C0%2C2-0.896%2C2-2V5V2C10%2C0.896%2C9.104%2C0%2C8%2C0z%20%20M10%2C5l4%2C4V1L10%2C5z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-action:after, .teetime-webservice .ui-alt-icon .ui-icon-action:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M9%2C5v3l5-4L9%2C0v3c0%2C0-5%2C0-5%2C7C6%2C5%2C9%2C5%2C9%2C5z%20M11%2C12H2V5h1l2-2H0v11h13V7l-2%2C2V12z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-alert:after, .teetime-webservice .ui-alt-icon .ui-icon-alert:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0L0%2C12h14L7%2C0z%20M7%2C11c-0.553%2C0-1-0.447-1-1s0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1S7.553%2C11%2C7%2C11z%20M7%2C8C6.447%2C8%2C6%2C7.553%2C6%2C7V5%20c0-0.553%2C0.447-1%2C1-1c0.553%2C0%2C1%2C0.447%2C1%2C1v2C8%2C7.553%2C7.553%2C8%2C7%2C8z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-d:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-d:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-d-l:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-d-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%203.5%2C7.5%200%2C4%200%2C14%2010%2C14%206.5%2C10.5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-d-r:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-d-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2210.5%2C7.5%203%2C0%200%2C3%207.5%2C10.5%204%2C14%2014%2C14%2014%2C4%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-l:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C5%207%2C0%200%2C7%207%2C14%207%2C9%2014%2C9%2014%2C5%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-r:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-u:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-u:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%205%2C7%205%2C14%209%2C14%209%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-u-l:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-u-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C11%206.5%2C3.5%2010%2C0%200%2C0%200%2C10%203.5%2C6.5%2011%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-arrow-u-r:after, .teetime-webservice .ui-alt-icon .ui-icon-arrow-u-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C0%204%2C0%207.5%2C3.5%200%2C11%203%2C14%2010.5%2C6.5%2014%2C10%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-audio:after, .teetime-webservice .ui-alt-icon .ui-icon-audio:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.018px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014.018%2014%22%20style%3D%22enable-background%3Anew%200%200%2014.018%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C4C0.447%2C4%2C0%2C4.447%2C0%2C5v4c0%2C0.553%2C0.447%2C1%2C1%2C1h1l4%2C4V0L2%2C4H1z%20M10.346%2C7c0-1.699-1.042-3.154-2.546-3.867L6.982%2C4.68%20C7.885%2C5.107%2C8.51%2C5.98%2C8.51%2C7S7.885%2C8.893%2C6.982%2C9.32L7.8%2C10.867C9.304%2C10.154%2C10.346%2C8.699%2C10.346%2C7z%20M9.447%2C0.017L8.618%2C1.586%20C10.723%2C2.584%2C12.182%2C4.621%2C12.182%2C7s-1.459%2C4.416-3.563%2C5.414l0.829%2C1.569c2.707-1.283%2C4.57-3.925%2C4.57-6.983%20S12.154%2C1.3%2C9.447%2C0.017z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-back:after, .teetime-webservice .ui-alt-icon .ui-icon-back:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C3V0L1%2C4l4%2C4V5c0%2C0%2C6%2C0%2C6%2C3s-5%2C4-5%2C4v2c0%2C0%2C7-1%2C7-6C13%2C4%2C8%2C3%2C5%2C3z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-bars:after, .teetime-webservice .ui-alt-icon .ui-icon-bars:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C4h12c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H1C0.447%2C2%2C0%2C2.447%2C0%2C3S0.447%2C4%2C1%2C4z%20M13%2C6H1C0.447%2C6%2C0%2C6.447%2C0%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1h12c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H1c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h12%20c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-bullets:after, .teetime-webservice .ui-alt-icon .ui-icon-bullets:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5C4.447%2C6%2C4%2C6.447%2C4%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1h8%20c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6C0.447%2C6%2C0%2C6.447%2C0%2C7%20c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-calendar:after, .teetime-webservice .ui-alt-icon .ui-icon-calendar:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M0%2C8h2V6H0V8z%20M3%2C8h2V6H3V8z%20M6%2C8h2V6H6V8z%20M9%2C8h2V6H9V8z%20M12%2C8h2V6h-2V8z%20M0%2C11h2V9H0V11z%20M3%2C11h2V9H3V11z%20M6%2C11h2V9H6V11z%20%20M9%2C11h2V9H9V11z%20M12%2C11h2V9h-2V11z%20M0%2C14h2v-2H0V14z%20M3%2C14h2v-2H3V14z%20M6%2C14h2v-2H6V14z%20M9%2C14h2v-2H9V14z%20M12%2C1%20c0-0.553-0.447-1-1-1s-1%2C0.447-1%2C1H4c0-0.553-0.447-1-1-1S2%2C0.447%2C2%2C1H0v4h14V1H12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-camera:after, .teetime-webservice .ui-alt-icon .ui-icon-camera:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C2.5H9.908c-0.206-0.581-0.756-1-1.408-1h-3c-0.652%2C0-1.202%2C0.419-1.408%2C1H2c-1.104%2C0-2%2C0.896-2%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2%20h10c1.104%2C0%2C2-0.896%2C2-2v-6C14%2C3.396%2C13.104%2C2.5%2C12%2C2.5z%20M7%2C10.5c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3%20C10%2C9.156%2C8.657%2C10.5%2C7%2C10.5z%20M7%2C5.5c-1.104%2C0-2%2C0.896-2%2C2c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2C9%2C6.396%2C8.104%2C5.5%2C7%2C5.5z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-carat-d:after, .teetime-webservice .ui-alt-icon .ui-icon-carat-d:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-carat-l:after, .teetime-webservice .ui-alt-icon .ui-icon-carat-l:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2210.596%2C11.949%205.646%2C7%2010.596%2C2.05%208.475%2C-0.071%201.404%2C7%208.475%2C14.07%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-carat-r:after, .teetime-webservice .ui-alt-icon .ui-icon-carat-r:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%223.404%2C2.051%208.354%2C7%203.404%2C11.95%205.525%2C14.07%2012.596%2C7%205.525%2C-0.071%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-carat-u:after, .teetime-webservice .ui-alt-icon .ui-icon-carat-u:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-check:after, .teetime-webservice .ui-alt-icon .ui-icon-check:after, .teetime-webservice html .ui-alt-icon.ui-btn.ui-checkbox-on:after, .teetime-webservice html .ui-alt-icon .ui-btn.ui-checkbox-on:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-clock:after, .teetime-webservice .ui-alt-icon .ui-icon-clock:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-cloud:after, .teetime-webservice .ui-alt-icon .ui-icon-cloud:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14%2C9.5c0-0.793-0.465-1.473-1.134-1.795C12.949%2C7.484%2C13%2C7.249%2C13%2C7c0-1.104-0.896-2-2-2c-0.158%2C0-0.311%2C0.023-0.457%2C0.058%20C9.816%2C3.549%2C8.286%2C2.5%2C6.5%2C2.5c-2.33%2C0-4.224%2C1.777-4.454%2C4.046C0.883%2C6.76%2C0%2C7.773%2C0%2C9c0%2C1.381%2C1.119%2C2.5%2C2.5%2C2.5h10v-0.07%20C13.361%2C11.206%2C14%2C10.432%2C14%2C9.5z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-comment:after, .teetime-webservice .ui-alt-icon .ui-icon-comment:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v7c0%2C1.104%2C0.896%2C2%2C2%2C2h1v3l3-3h6c1.104%2C0%2C2-0.896%2C2-2V2C14%2C0.896%2C13.104%2C0%2C12%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-delete:after, .teetime-webservice .ui-alt-icon .ui-icon-delete:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-edit:after, .teetime-webservice .ui-alt-icon .ui-icon-edit:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-eye:after, .teetime-webservice .ui-alt-icon .ui-icon-eye:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C2C3%2C2%2C0%2C7%2C0%2C7s3%2C5%2C7%2C5s7-5%2C7-5S11%2C2%2C7%2C2z%20M7%2C10c-1.657%2C0-3-1.344-3-3c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3%20C10%2C8.656%2C8.657%2C10%2C7%2C10z%20M7%2C6C6.448%2C6%2C6%2C6.447%2C6%2C7c0%2C0.553%2C0.448%2C1%2C1%2C1s1-0.447%2C1-1C8%2C6.447%2C7.552%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-forbidden:after, .teetime-webservice .ui-alt-icon .ui-icon-forbidden:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12.601%2C11.187C13.476%2C10.018%2C14%2C8.572%2C14%2C7c0-3.866-3.134-7-7-7C5.428%2C0%2C3.982%2C0.524%2C2.813%2C1.399L2.757%2C1.343L2.053%2C2.048%20L2.048%2C2.053L1.343%2C2.758l0.056%2C0.056C0.524%2C3.982%2C0%2C5.428%2C0%2C7c0%2C3.866%2C3.134%2C7%2C7%2C7c1.572%2C0%2C3.018-0.524%2C4.187-1.399l0.056%2C0.057%20l0.705-0.705l0.005-0.005l0.705-0.705L12.601%2C11.187z%20M7%2C2c2.761%2C0%2C5%2C2.238%2C5%2C5c0%2C1.019-0.308%2C1.964-0.832%2C2.754L4.246%2C2.832%20C5.036%2C2.308%2C5.981%2C2%2C7%2C2z%20M7%2C12c-2.761%2C0-5-2.238-5-5c0-1.019%2C0.308-1.964%2C0.832-2.754l6.922%2C6.922C8.964%2C11.692%2C8.019%2C12%2C7%2C12z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-forward:after, .teetime-webservice .ui-alt-icon .ui-icon-forward:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M13%2C4L9%2C0v3C6%2C3%2C1%2C4%2C1%2C8c0%2C5%2C7%2C6%2C7%2C6v-2c0%2C0-5-1-5-4s6-3%2C6-3v3L13%2C4z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-gear:after, .teetime-webservice .ui-alt-icon .ui-icon-gear:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-grid:after, .teetime-webservice .ui-alt-icon .ui-icon-grid:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%2C0H1C0.447%2C0%2C0%2C0.447%2C0%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C4%2C0.447%2C3.553%2C0%2C3%2C0z%20M8%2C0H6%20C5.447%2C0%2C5%2C0.447%2C5%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C9%2C0.447%2C8.553%2C0%2C8%2C0z%20M13%2C0h-2c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V1C14%2C0.447%2C13.553%2C0%2C13%2C0z%20M3%2C5H1C0.447%2C5%2C0%2C5.447%2C0%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1V6C4%2C5.447%2C3.553%2C5%2C3%2C5z%20M8%2C5H6C5.447%2C5%2C5%2C5.447%2C5%2C6v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6%20C9%2C5.447%2C8.553%2C5%2C8%2C5z%20M13%2C5h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1V6C14%2C5.447%2C13.553%2C5%2C13%2C5z%20M3%2C10%20H1c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C4%2C10.447%2C3.553%2C10%2C3%2C10z%20M8%2C10H6c-0.553%2C0-1%2C0.447-1%2C1v2%20c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1v-2C9%2C10.447%2C8.553%2C10%2C8%2C10z%20M13%2C10h-2c-0.553%2C0-1%2C0.447-1%2C1v2c0%2C0.553%2C0.447%2C1%2C1%2C1h2%20c0.553%2C0%2C1-0.447%2C1-1v-2C14%2C10.447%2C13.553%2C10%2C13%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-heart:after, .teetime-webservice .ui-alt-icon .ui-icon-heart:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C1.958c-2-3-7-2.128-7%2C1.872c0%2C3%2C4%2C7%2C4%2C7s2.417%2C2.48%2C3%2C3c0.583-0.52%2C3-3%2C3-3s4-4%2C4-7C14-0.169%2C9-1.042%2C7%2C1.958z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-home:after, .teetime-webservice .ui-alt-icon .ui-icon-home:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%227%2C0%200%2C7%202%2C7%202%2C14%205%2C14%205%2C9%209%2C9%209%2C14%2012%2C14%2012%2C7%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-info:after, .teetime-webservice .ui-alt-icon .ui-icon-info:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C2c0.552%2C0%2C1%2C0.447%2C1%2C1S7.552%2C4%2C7%2C4S6%2C3.553%2C6%2C3%20S6.448%2C2%2C7%2C2z%20M9%2C11H5v-1h1V6H5V5h3v5h1V11z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-location:after, .teetime-webservice .ui-alt-icon .ui-icon-location:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M7%2C0C4.791%2C0%2C3%2C1.791%2C3%2C4c0%2C2%2C4%2C10%2C4%2C10s4-8%2C4-10C11%2C1.791%2C9.209%2C0%2C7%2C0z%20M7%2C6C5.896%2C6%2C5%2C5.104%2C5%2C4s0.896-2%2C2-2%20c1.104%2C0%2C2%2C0.896%2C2%2C2S8.104%2C6%2C7%2C6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-lock:after, .teetime-webservice .ui-alt-icon .ui-icon-lock:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M12%2C6V5c0-2.762-2.238-5-5-5C4.239%2C0%2C2%2C2.238%2C2%2C5v1H1v8h12V6H12z%20M7.5%2C9.848V12h-1V9.848C6.207%2C9.673%2C6%2C9.366%2C6%2C9%20c0-0.553%2C0.448-1%2C1-1s1%2C0.447%2C1%2C1C8%2C9.366%2C7.793%2C9.673%2C7.5%2C9.848z%20M10%2C6H4V5c0-1.657%2C1.343-3%2C3-3s3%2C1.343%2C3%2C3V6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-mail:after, .teetime-webservice .ui-alt-icon .ui-icon-mail:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M0%2C3.75V12h14V3.75L7%2C9L0%2C3.75z%20M14%2C2H0l7%2C5L14%2C2z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-minus:after, .teetime-webservice .ui-alt-icon .ui-icon-minus:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-navigation:after, .teetime-webservice .ui-alt-icon .ui-icon-navigation:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2213%2C1%200%2C6%207%2C7%208%2C14%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-phone:after, .teetime-webservice .ui-alt-icon .ui-icon-phone:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M6.949%2C9.182C6.175%2C8.549%2C5.281%2C7.697%2C4.507%2C6.736C3.963%2C6.063%2C3.483%2C5.355%2C3.979%2C4.858l-3.482-3.48%20c-0.508%2C0.634-1.633%2C3.654%2C3.188%2C8.598c5.08%2C5.211%2C8.356%2C4.097%2C8.92%2C3.511l-3.396-3.399C8.734%2C10.561%2C8.123%2C10.139%2C6.949%2C9.182z%20%20M13.83%2C11.512v-0.004c0%2C0-2.648-2.646-2.649-2.647c-0.21-0.212-0.546-0.205-0.754%2C0.002L9.465%2C9.823l3.402%2C3.407%20c0%2C0%2C0.963-0.961%2C0.961-0.961l0.002-0.002C14.053%2C12.049%2C14.031%2C11.713%2C13.83%2C11.512z%20M5.202%2C3.636V3.634%20c0.222-0.222%2C0.2-0.557%2C0-0.758V2.873c0%2C0-2.726-2.725-2.727-2.726c-0.21-0.21-0.545-0.205-0.753%2C0.001L0.761%2C1.113L4.24%2C4.595%20C4.241%2C4.596%2C5.202%2C3.637%2C5.202%2C3.636z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-plus:after, .teetime-webservice .ui-alt-icon .ui-icon-plus:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-power:after, .teetime-webservice .ui-alt-icon .ui-icon-power:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773%20s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863%20c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365%20c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773%20C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1c-0.553%2C0-1%2C0.447-1%2C1v6%20C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-recycle:after, .teetime-webservice .ui-alt-icon .ui-icon-recycle:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M3%2C7h1L2%2C4L0%2C7h1c0%2C3.313%2C2.687%2C6%2C6%2C6c0.702%2C0%2C1.374-0.127%2C2-0.35v-2.205C8.41%2C10.789%2C7.732%2C11%2C7%2C11C4.791%2C11%2C3%2C9.209%2C3%2C7z%20%20M13%2C7c0-3.313-2.688-6-6-6C6.298%2C1%2C5.626%2C1.127%2C5%2C1.349v2.206C5.59%2C3.211%2C6.268%2C3%2C7%2C3c2.209%2C0%2C4%2C1.791%2C4%2C4h-1l2%2C3l2-3H13z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-refresh:after, .teetime-webservice .ui-alt-icon .ui-icon-refresh:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214.001px%22%20height%3D%2214.002px%22%20viewBox%3D%220%200%2014.001%2014.002%22%20style%3D%22enable-background%3Anew%200%200%2014.001%2014.002%3B%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M14.001%2C6.001v-6l-2.06%2C2.06c-0.423-0.424-0.897-0.809-1.44-1.122C7.153-0.994%2C2.872%2C0.153%2C0.939%2C3.501%20c-1.933%2C3.348-0.786%2C7.629%2C2.562%2C9.562c3.348%2C1.933%2C7.629%2C0.785%2C9.562-2.562l-1.732-1c-1.381%2C2.392-4.438%2C3.211-6.83%2C1.83%20s-3.211-4.438-1.83-6.83s4.438-3.211%2C6.83-1.83c0.389%2C0.225%2C0.718%2C0.506%2C1.02%2C0.81l-2.52%2C2.52H14.001z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-search:after, .teetime-webservice .ui-alt-icon .ui-icon-search:after, .teetime-webservice .ui-input-search:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5s2.463%2C5.5%2C5.5%2C5.5%20c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-shop:after, .teetime-webservice .ui-alt-icon .ui-icon-shop:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10%2C4V3c0-1.657-1.343-3-3-3S4%2C1.343%2C4%2C3v1H1v10h12V4H10z%20M4.5%2C6C4.224%2C6%2C4%2C5.776%2C4%2C5.5S4.224%2C5%2C4.5%2C5S5%2C5.224%2C5%2C5.5%20S4.776%2C6%2C4.5%2C6z%20M5%2C3c0-1.104%2C0.896-2%2C2-2c1.104%2C0%2C2%2C0.896%2C2%2C2v1H5V3z%20M9.5%2C6C9.225%2C6%2C9%2C5.776%2C9%2C5.5S9.225%2C5%2C9.5%2C5S10%2C5.224%2C10%2C5.5%20S9.775%2C6%2C9.5%2C6z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-star:after, .teetime-webservice .ui-alt-icon .ui-icon-star:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20points%3D%2214%2C5%209%2C5%207%2C0%205%2C5%200%2C5%204%2C8%202.625%2C13%207%2C10%2011.375%2C13%2010%2C8%20%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-tag:after, .teetime-webservice .ui-alt-icon .ui-icon-tag:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M5%2C0H0v5l9%2C9l5-5L5%2C0z%20M3%2C4C2.447%2C4%2C2%2C3.553%2C2%2C3s0.447-1%2C1-1s1%2C0.447%2C1%2C1S3.553%2C4%2C3%2C4z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-user:after, .teetime-webservice .ui-alt-icon .ui-icon-user:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-alt-icon.ui-icon-video:after, .teetime-webservice .ui-alt-icon .ui-icon-video:after { background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%20-2%2014%2014%22%20style%3D%22enable-background%3Anew%200%20-2%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M8%2C0H2C0.896%2C0%2C0%2C0.896%2C0%2C2v6c0%2C1.104%2C0.896%2C2%2C2%2C2h6c1.104%2C0%2C2-0.896%2C2-2V5V2C10%2C0.896%2C9.104%2C0%2C8%2C0z%20M10%2C5l4%2C4V1L10%2C5z%22%2F%3E%3C%2Fsvg%3E"); } .teetime-webservice .ui-nosvg .ui-icon-action:after { background-image: url(images/icons-png/action-white.png); } .teetime-webservice .ui-nosvg .ui-icon-alert:after { background-image: url(images/icons-png/alert-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-d-l:after { background-image: url(images/icons-png/arrow-d-l-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-d-r:after { background-image: url(images/icons-png/arrow-d-r-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-d:after { background-image: url(images/icons-png/arrow-d-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-l:after { background-image: url(images/icons-png/arrow-l-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-r:after { background-image: url(images/icons-png/arrow-r-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-u-l:after { background-image: url(images/icons-png/arrow-u-l-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-u-r:after { background-image: url(images/icons-png/arrow-u-r-white.png); } .teetime-webservice .ui-nosvg .ui-icon-arrow-u:after { background-image: url(images/icons-png/arrow-u-white.png); } .teetime-webservice .ui-nosvg .ui-icon-audio:after { background-image: url(images/icons-png/audio-white.png); } .teetime-webservice .ui-nosvg .ui-icon-back:after { background-image: url(images/icons-png/back-white.png); } .teetime-webservice .ui-nosvg .ui-icon-bars:after { background-image: url(images/icons-png/bars-white.png); } .teetime-webservice .ui-nosvg .ui-icon-bullets:after { background-image: url(images/icons-png/bullets-white.png); } .teetime-webservice .ui-nosvg .ui-icon-calendar:after { background-image: url(images/icons-png/calendar-white.png); } .teetime-webservice .ui-nosvg .ui-icon-camera:after { background-image: url(images/icons-png/camera-white.png); } .teetime-webservice .ui-nosvg .ui-icon-carat-d:after { background-image: url(images/icons-png/carat-d-white.png); } .teetime-webservice .ui-nosvg .ui-icon-carat-l:after { background-image: url(images/icons-png/carat-l-white.png); } .teetime-webservice .ui-nosvg .ui-icon-carat-r:after { background-image: url(images/icons-png/carat-r-white.png); } .teetime-webservice .ui-nosvg .ui-icon-carat-u:after { background-image: url(images/icons-png/carat-u-white.png); } .teetime-webservice .ui-nosvg .ui-icon-check:after, .teetime-webservice html.ui-nosvg .ui-btn.ui-checkbox-on:after { background-image: url(images/icons-png/check-white.png); } .teetime-webservice .ui-nosvg .ui-icon-clock:after { background-image: url(images/icons-png/clock-white.png); } .teetime-webservice .ui-nosvg .ui-icon-cloud:after { background-image: url(images/icons-png/cloud-white.png); } .teetime-webservice .ui-nosvg .ui-icon-comment:after { background-image: url(images/icons-png/comment-white.png); } .teetime-webservice .ui-nosvg .ui-icon-delete:after { background-image: url(images/icons-png/delete-white.png); } .teetime-webservice .ui-nosvg .ui-icon-edit:after { background-image: url(images/icons-png/edit-white.png); } .teetime-webservice .ui-nosvg .ui-icon-eye:after { background-image: url(images/icons-png/eye-white.png); } .teetime-webservice .ui-nosvg .ui-icon-forbidden:after { background-image: url(images/icons-png/forbidden-white.png); } .teetime-webservice .ui-nosvg .ui-icon-forward:after { background-image: url(images/icons-png/forward-white.png); } .teetime-webservice .ui-nosvg .ui-icon-gear:after { background-image: url(images/icons-png/gear-white.png); } .teetime-webservice .ui-nosvg .ui-icon-grid:after { background-image: url(images/icons-png/grid-white.png); } .teetime-webservice .ui-nosvg .ui-icon-heart:after { background-image: url(images/icons-png/heart-white.png); } .teetime-webservice .ui-nosvg .ui-icon-home:after { background-image: url(images/icons-png/home-white.png); } .teetime-webservice .ui-nosvg .ui-icon-info:after { background-image: url(images/icons-png/info-white.png); } .teetime-webservice .ui-nosvg .ui-icon-location:after { background-image: url(images/icons-png/location-white.png); } .teetime-webservice .ui-nosvg .ui-icon-lock:after { background-image: url(images/icons-png/lock-white.png); } .teetime-webservice .ui-nosvg .ui-icon-mail:after { background-image: url(images/icons-png/mail-white.png); } .teetime-webservice .ui-nosvg .ui-icon-minus:after { background-image: url(images/icons-png/minus-white.png); } .teetime-webservice .ui-nosvg .ui-icon-navigation:after { background-image: url(images/icons-png/navigation-white.png); } .teetime-webservice .ui-nosvg .ui-icon-phone:after { background-image: url(images/icons-png/phone-white.png); } .teetime-webservice .ui-nosvg .ui-icon-plus:after { background-image: url(images/icons-png/plus-white.png); } .teetime-webservice .ui-nosvg .ui-icon-power:after { background-image: url(images/icons-png/power-white.png); } .teetime-webservice .ui-nosvg .ui-icon-recycle:after { background-image: url(images/icons-png/recycle-white.png); } .teetime-webservice .ui-nosvg .ui-icon-refresh:after { background-image: url(images/icons-png/refresh-white.png); } .teetime-webservice .ui-nosvg .ui-icon-search:after { background-image: url(images/icons-png/search-white.png); } .teetime-webservice .ui-nosvg .ui-icon-shop:after { background-image: url(images/icons-png/shop-white.png); } .teetime-webservice .ui-nosvg .ui-icon-star:after { background-image: url(images/icons-png/star-white.png); } .teetime-webservice .ui-nosvg .ui-icon-tag:after { background-image: url(images/icons-png/tag-white.png); } .teetime-webservice .ui-nosvg .ui-icon-user:after { background-image: url(images/icons-png/user-white.png); } .teetime-webservice .ui-nosvg .ui-icon-video:after { background-image: url(images/icons-png/video-white.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-action:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-action:after { background-image: url(images/icons-png/action-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-alert:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-alert:after { background-image: url(images/icons-png/alert-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-d:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-d:after { background-image: url(images/icons-png/arrow-d-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-d-l:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-d-l:after { background-image: url(images/icons-png/arrow-d-l-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-d-r:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-d-r:after { background-image: url(images/icons-png/arrow-d-r-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-l:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-l:after { background-image: url(images/icons-png/arrow-l-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-r:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-r:after { background-image: url(images/icons-png/arrow-r-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-u:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-u:after { background-image: url(images/icons-png/arrow-u-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-u-l:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-u-l:after { background-image: url(images/icons-png/arrow-u-l-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-arrow-u-r:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-arrow-u-r:after { background-image: url(images/icons-png/arrow-u-r-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-audio:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-audio:after { background-image: url(images/icons-png/audio-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-back:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-back:after { background-image: url(images/icons-png/back-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-bars:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-bars:after { background-image: url(images/icons-png/bars-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-bullets:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-bullets:after { background-image: url(images/icons-png/bullets-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-calendar:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-calendar:after { background-image: url(images/icons-png/calendar-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-camera:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-camera:after { background-image: url(images/icons-png/camera-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-d:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-d:after { background-image: url(images/icons-png/carat-d-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-l:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-l:after { background-image: url(images/icons-png/carat-l-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-r:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-r:after { background-image: url(images/icons-png/carat-r-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-carat-u:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-carat-u:after { background-image: url(images/icons-png/carat-u-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-check:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-check:after, .teetime-webservice .ui-nosvg .ui-alt-icon.ui-btn.ui-checkbox-on:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-btn.ui-checkbox-on:after { background-image: url(images/icons-png/check-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-clock:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-clock:after { background-image: url(images/icons-png/clock-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-cloud:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-cloud:after { background-image: url(images/icons-png/cloud-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-comment:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-comment:after { background-image: url(images/icons-png/comment-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-delete:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-delete:after { background-image: url(images/icons-png/delete-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-edit:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-edit:after { background-image: url(images/icons-png/edit-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-eye:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-eye:after { background-image: url(images/icons-png/eye-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-forbidden:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-forbidden:after { background-image: url(images/icons-png/forbidden-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-forward:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-forward:after { background-image: url(images/icons-png/forward-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-gear:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-gear:after { background-image: url(images/icons-png/gear-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-grid:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-grid:after { background-image: url(images/icons-png/grid-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-heart:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-heart:after { background-image: url(images/icons-png/heart-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-home:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-home:after { background-image: url(images/icons-png/home-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-info:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-info:after { background-image: url(images/icons-png/info-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-location:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-location:after { background-image: url(images/icons-png/location-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-lock:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-lock:after { background-image: url(images/icons-png/lock-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-mail:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-mail:after { background-image: url(images/icons-png/mail-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-minus:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-minus:after { background-image: url(images/icons-png/minus-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-navigation:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-navigation:after { background-image: url(images/icons-png/navigation-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-phone:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-phone:after { background-image: url(images/icons-png/phone-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-plus:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-plus:after { background-image: url(images/icons-png/plus-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-power:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-power:after { background-image: url(images/icons-png/power-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-recycle:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-recycle:after { background-image: url(images/icons-png/recycle-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-refresh:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-refresh:after { background-image: url(images/icons-png/refresh-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-search:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-search:after, .teetime-webservice .ui-nosvg .ui-input-search:after { background-image: url(images/icons-png/search-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-shop:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-shop:after { background-image: url(images/icons-png/shop-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-star:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-star:after { background-image: url(images/icons-png/star-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-tag:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-tag:after { background-image: url(images/icons-png/tag-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-user:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-user:after { background-image: url(images/icons-png/user-black.png); } .teetime-webservice .ui-nosvg .ui-alt-icon.ui-icon-video:after, .teetime-webservice .ui-nosvg .ui-alt-icon .ui-icon-video:after { background-image: url(images/icons-png/video-black.png); } .teetime-webservice html { font-size: 100%; } .teetime-webservice body, .teetime-webservice input, .teetime-webservice select, .teetime-webservice textarea, .teetime-webservice button, .teetime-webservice .ui-btn { font-size: 1em; line-height: 1.3; font-family: sans-serif; } .teetime-webservice legend, .teetime-webservice .ui-input-text input, .teetime-webservice .ui-input-search input { color: inherit; text-shadow: inherit; } .teetime-webservice .ui-mobile label, .teetime-webservice div.ui-controlgroup-label { font-weight: normal; font-size: 16px; } .teetime-webservice .ui-field-contain { border-bottom-color: #828282; border-bottom-color: rgba(0, 0, 0, 0.15); border-bottom-width: 1px; border-bottom-style: solid; } .teetime-webservice .table-stroke thead th, .teetime-webservice .table-stripe thead th, .teetime-webservice .table-stripe tbody tr:last-child { border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */ border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .teetime-webservice .table-stroke tbody th, .teetime-webservice .table-stroke tbody td { border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */ border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .teetime-webservice .table-stripe.table-stroke tbody tr:last-child th, .teetime-webservice .table-stripe.table-stroke tbody tr:last-child td { border-bottom: 0; } .teetime-webservice .table-stripe tbody tr:nth-child(odd) td, .teetime-webservice .table-stripe tbody tr:nth-child(odd) th { background-color: #eeeeee; /* non-RGBA fallback */ background-color: rgba(0, 0, 0, 0.04); } .teetime-webservice .ui-btn, .teetime-webservice label.ui-btn { font-weight: bold; border-width: 1px; border-style: solid; } .teetime-webservice .ui-btn { text-decoration: none !important; } .teetime-webservice .ui-btn-active { cursor: pointer; } .teetime-webservice .ui-corner-all-teetime { -webkit-border-radius: 0.3125em; border-radius: 0.3125em; } .teetime-webservice .ui-btn-corner-all, .teetime-webservice .ui-btn.ui-corner-all-teetime, .teetime-webservice .ui-slider-track.ui-corner-all-teetime, .teetime-webservice .ui-flipswitch.ui-corner-all-teetime, .teetime-webservice .ui-li-count { -webkit-border-radius: 0.3125em; border-radius: 0.3125em; } .teetime-webservice .ui-btn-icon-notext.ui-btn-corner-all, .teetime-webservice .ui-btn-icon-notext.ui-corner-all-teetime { -webkit-border-radius: 1em; border-radius: 1em; } .teetime-webservice .ui-btn-corner-all, .teetime-webservice .ui-corner-all-teetime { -webkit-background-clip: padding; background-clip: padding-box; } .teetime-webservice .ui-popup.ui-corner-all-teetime > .ui-popup-arrow-guide { left: 0.6em; right: 0.6em; top: 0.6em; bottom: 0.6em; } .teetime-webservice .ui-shadow { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .teetime-webservice .ui-shadow-inset { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } .teetime-webservice .ui-overlay-shadow { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); } .teetime-webservice .ui-btn-icon-left:after, .teetime-webservice .ui-btn-icon-right:after, .teetime-webservice .ui-btn-icon-top:after, .teetime-webservice .ui-btn-icon-bottom:after, .teetime-webservice .ui-btn-icon-notext:after { background-color: #666; background-color: rgba(0, 0, 0, 0.3); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 1em; border-radius: 1em; } .teetime-webservice .ui-alt-icon.ui-btn:after, .teetime-webservice .ui-alt-icon .ui-btn:after, .teetime-webservice html .ui-alt-icon.ui-checkbox-off:after, .teetime-webservice html .ui-alt-icon.ui-radio-off:after, .teetime-webservice html .ui-alt-icon .ui-checkbox-off:after, .teetime-webservice html .ui-alt-icon .ui-radio-off:after { background-color: #666; background-color: rgba(0, 0, 0, 0.15); } .teetime-webservice .ui-nodisc-icon.ui-btn:after, .teetime-webservice .ui-nodisc-icon .ui-btn:after { background-color: transparent; } .teetime-webservice .ui-shadow-icon.ui-btn:after, .teetime-webservice .ui-shadow-icon .ui-btn:after { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .teetime-webservice .ui-btn.ui-checkbox-off:after, .teetime-webservice .ui-btn.ui-checkbox-on:after, .teetime-webservice .ui-btn.ui-radio-off:after, .teetime-webservice .ui-btn.ui-radio-on:after { display: block; width: 18px; height: 18px; margin: -9px 2px 0 2px; } .teetime-webservice .ui-checkbox-off:after, .teetime-webservice .ui-btn.ui-radio-off:after { filter: Alpha(Opacity=30); opacity: 0.3; } .teetime-webservice .ui-btn.ui-checkbox-off:after, .teetime-webservice .ui-btn.ui-checkbox-on:after { -webkit-border-radius: 0.1875em; border-radius: 0.1875em; } .teetime-webservice .ui-btn.ui-checkbox-off:after { background-color: #666; background-color: rgba(0, 0, 0, 0.3); } .teetime-webservice .ui-radio .ui-btn.ui-radio-on:after { background-image: none; background-color: #fff; width: 8px; height: 8px; border-width: 5px; border-style: solid; } .teetime-webservice .ui-alt-icon.ui-btn.ui-radio-on:after, .teetime-webservice .ui-alt-icon .ui-btn.ui-radio-on:after { background-color: #000; } .teetime-webservice .ui-icon-loading { /*background: url(images/ajax-loader.gif); background-size: 2.875em 2.875em;*/ } .teetime-webservice .ui-bar-a, .teetime-webservice .ui-page-theme-a .ui-bar-inherit, .teetime-webservice html .ui-bar-a .ui-bar-inherit, .teetime-webservice html .ui-body-a .ui-bar-inherit, .teetime-webservice html body .ui-group-theme-a .ui-bar-inherit { background-color: #e9e9e9; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #eee; font-weight: bold; } .teetime-webservice .ui-bar-a { border-width: 1px; border-style: solid; } .teetime-webservice .ui-overlay-a, .teetime-webservice .ui-page-theme-a, .teetime-webservice .ui-page-theme-a .ui-panel-wrapper { background-color: #f8f8f8; border-color: #bbb; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .teetime-webservice .ui-body-a, .teetime-webservice .ui-page-theme-a .ui-body-inherit, .teetime-webservice html .ui-bar-a .ui-body-inherit, .teetime-webservice html .ui-body-a .ui-body-inherit, .teetime-webservice html body .ui-group-theme-a .ui-body-inherit, .teetime-webservice html .ui-panel-page-container-a { background-color: #fff; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .teetime-webservice .ui-body-a { border-width: 1px; border-style: solid; } .teetime-webservice .ui-page-theme-a a, .teetime-webservice html .ui-bar-a a, .teetime-webservice html .ui-body-a a, .teetime-webservice html body .ui-group-theme-a a { color: #3388cc; font-weight: bold; } .teetime-webservice .ui-page-theme-a a:visited, .teetime-webservice html .ui-bar-a a:visited, .teetime-webservice html .ui-body-a a:visited, .teetime-webservice html body .ui-group-theme-a a:visited { color: #3388cc; } .teetime-webservice .ui-page-theme-a a:hover, .teetime-webservice html .ui-bar-a a:hover, .teetime-webservice html .ui-body-a a:hover, .teetime-webservice html body .ui-group-theme-a a:hover { color: #005599; } .teetime-webservice .ui-page-theme-a a:active, .teetime-webservice html .ui-bar-a a:active, .teetime-webservice html .ui-body-a a:active, .teetime-webservice html body .ui-group-theme-a a:active { color: #005599; } .teetime-webservice .ui-page-theme-a .ui-btn, .teetime-webservice html .ui-bar-a .ui-btn, .teetime-webservice html .ui-body-a .ui-btn, .teetime-webservice html body .ui-group-theme-a .ui-btn, .teetime-webservice html head + body .ui-btn.ui-btn-a, .teetime-webservice .ui-page-theme-a .ui-btn:visited, .teetime-webservice html .ui-bar-a .ui-btn:visited, .teetime-webservice html .ui-body-a .ui-btn:visited, .teetime-webservice html body .ui-group-theme-a .ui-btn:visited, .teetime-webservice html head + body .ui-btn.ui-btn-a:visited { background-color: #f6f6f6; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .teetime-webservice .ui-page-theme-a .ui-btn:hover, .teetime-webservice html .ui-bar-a .ui-btn:hover, .teetime-webservice html .ui-body-a .ui-btn:hover, .teetime-webservice html body .ui-group-theme-a .ui-btn:hover, .teetime-webservice html head + body .ui-btn.ui-btn-a:hover { background-color: #ededed; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .teetime-webservice .ui-page-theme-a .ui-btn:active, .teetime-webservice html .ui-bar-a .ui-btn:active, .teetime-webservice html .ui-body-a .ui-btn:active, .teetime-webservice html body .ui-group-theme-a .ui-btn:active, .teetime-webservice html head + body .ui-btn.ui-btn-a:active { background-color: #e8e8e8; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .teetime-webservice .ui-page-theme-a .ui-btn.ui-btn-active, .teetime-webservice html .ui-bar-a .ui-btn.ui-btn-active, .teetime-webservice html .ui-body-a .ui-btn.ui-btn-active, .teetime-webservice html body .ui-group-theme-a .ui-btn.ui-btn-active, .teetime-webservice html head + body .ui-btn.ui-btn-a.ui-btn-active, .teetime-webservice .ui-page-theme-a .ui-checkbox-on:after, .teetime-webservice html .ui-bar-a .ui-checkbox-on:after, .teetime-webservice html .ui-body-a .ui-checkbox-on:after, .teetime-webservice html body .ui-group-theme-a .ui-checkbox-on:after, .teetime-webservice .ui-btn.ui-checkbox-on.ui-btn-a:after, .teetime-webservice .ui-page-theme-a .ui-flipswitch-active, .teetime-webservice html .ui-bar-a .ui-flipswitch-active, .teetime-webservice html .ui-body-a .ui-flipswitch-active, .teetime-webservice html body .ui-group-theme-a .ui-flipswitch-active, .teetime-webservice html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .teetime-webservice .ui-page-theme-a .ui-slider-track .ui-btn-active, .teetime-webservice html .ui-bar-a .ui-slider-track .ui-btn-active, .teetime-webservice html .ui-body-a .ui-slider-track .ui-btn-active, .teetime-webservice html body .ui-group-theme-a .ui-slider-track .ui-btn-active, .teetime-webservice html body div.ui-slider-track.ui-body-a .ui-btn-active { background-color: #21a0d7; border-color: #3388cc; color: #fff; text-shadow: 0 1px 0 #005599; } .teetime-webservice .ui-page-theme-a .ui-radio-on:after, .teetime-webservice html .ui-bar-a .ui-radio-on:after, .teetime-webservice html .ui-body-a .ui-radio-on:after, .teetime-webservice html body .ui-group-theme-a .ui-radio-on:after, .teetime-webservice .ui-btn.ui-radio-on.ui-btn-a:after { border-color: #3388cc; } .teetime-webservice .ui-page-theme-a .ui-btn:focus, .teetime-webservice html .ui-bar-a .ui-btn:focus, .teetime-webservice html .ui-body-a .ui-btn:focus, .teetime-webservice html body .ui-group-theme-a .ui-btn:focus, .teetime-webservice html head + body .ui-btn.ui-btn-a:focus, .teetime-webservice .ui-page-theme-a .ui-focus, .teetime-webservice html .ui-bar-a .ui-focus, .teetime-webservice html .ui-body-a .ui-focus, .teetime-webservice html body .ui-group-theme-a .ui-focus, .teetime-webservice html head + body .ui-btn-a.ui-focus, .teetime-webservice html head + body .ui-body-a.ui-focus { -webkit-box-shadow: 0 0 12px #3388cc; -moz-box-shadow: 0 0 12px #3388cc; box-shadow: 0 0 12px #3388cc; } .teetime-webservice .ui-bar-b, .teetime-webservice .ui-page-theme-b .ui-bar-inherit, .teetime-webservice html .ui-bar-b .ui-bar-inherit, .teetime-webservice html .ui-body-b .ui-bar-inherit, .teetime-webservice html body .ui-group-theme-b .ui-bar-inherit { background-color: #1d1d1d; border-color: #1b1b1b; color: #fff; text-shadow: 0 1px 0 #111; font-weight: bold; } .teetime-webservice .ui-bar-b { border-width: 1px; border-style: solid; } .teetime-webservice .ui-overlay-b, .teetime-webservice .ui-page-theme-b, .teetime-webservice .ui-page-theme-b .ui-panel-wrapper { background-color: #252525; border-color: #454545; color: #fff; text-shadow: 0 1px 0 #111; } .teetime-webservice .ui-body-b, .teetime-webservice .ui-page-theme-b .ui-body-inherit, .teetime-webservice html .ui-bar-b .ui-body-inherit, .teetime-webservice html .ui-body-b .ui-body-inherit, .teetime-webservice html body .ui-group-theme-b .ui-body-inherit, .teetime-webservice html .ui-panel-page-container-b { background-color: #2a2a2a; border-color: #1d1d1d; color: #fff; text-shadow: 0 1px 0 #111; } .teetime-webservice .ui-body-b { border-width: 1px; border-style: solid; } .teetime-webservice .ui-page-theme-b a, .teetime-webservice html .ui-bar-b a, .teetime-webservice html .ui-body-b a, .teetime-webservice html body .ui-group-theme-b a { color: #22aadd; font-weight: bold; } .teetime-webservice .ui-page-theme-b a:visited, .teetime-webservice html .ui-bar-b a:visited, .teetime-webservice html .ui-body-b a:visited, .teetime-webservice html body .ui-group-theme-b a:visited { color: #22aadd; } .teetime-webservice .ui-page-theme-b a:hover, .teetime-webservice html .ui-bar-b a:hover, .teetime-webservice html .ui-body-b a:hover, .teetime-webservice html body .ui-group-theme-b a:hover { color: #0088bb; } .teetime-webservice .ui-page-theme-b a:active, .teetime-webservice html .ui-bar-b a:active, .teetime-webservice html .ui-body-b a:active, .teetime-webservice html body .ui-group-theme-b a:active { color: #0088bb; } .teetime-webservice .ui-page-theme-b .ui-btn, .teetime-webservice html .ui-bar-b .ui-btn, .teetime-webservice html .ui-body-b .ui-btn, .teetime-webservice html body .ui-group-theme-b .ui-btn, .teetime-webservice html head + body .ui-btn.ui-btn-b, .teetime-webservice .ui-page-theme-b .ui-btn:visited, .teetime-webservice html .ui-bar-b .ui-btn:visited, .teetime-webservice html .ui-body-b .ui-btn:visited, .teetime-webservice html body .ui-group-theme-b .ui-btn:visited, .teetime-webservice html head + body .ui-btn.ui-btn-b:visited { background-color: #333; border-color: #1f1f1f; color: #fff; text-shadow: 0 1px 0 #111; } .teetime-webservice .ui-page-theme-b .ui-btn:hover, .teetime-webservice html .ui-bar-b .ui-btn:hover, .teetime-webservice html .ui-body-b .ui-btn:hover, .teetime-webservice html body .ui-group-theme-b .ui-btn:hover, .teetime-webservice html head + body .ui-btn.ui-btn-b:hover { background-color: #373737; border-color: #1f1f1f; color: #fff; text-shadow: 0 1px 0 #111; } .teetime-webservice .ui-page-theme-b .ui-btn:active, .teetime-webservice html .ui-bar-b .ui-btn:active, .teetime-webservice html .ui-body-b .ui-btn:active, .teetime-webservice html body .ui-group-theme-b .ui-btn:active, .teetime-webservice html head + body .ui-btn.ui-btn-b:active { background-color: #404040; border-color: #1f1f1f; color: #fff; text-shadow: 0 1px 0 #111; } .teetime-webservice .ui-page-theme-b .ui-btn.ui-btn-active, .teetime-webservice html .ui-bar-b .ui-btn.ui-btn-active, .teetime-webservice html .ui-body-b .ui-btn.ui-btn-active, .teetime-webservice html body .ui-group-theme-b .ui-btn.ui-btn-active, .teetime-webservice html head + body .ui-btn.ui-btn-b.ui-btn-active, .teetime-webservice .ui-page-theme-b .ui-checkbox-on:after, .teetime-webservice html .ui-bar-b .ui-checkbox-on:after, .teetime-webservice html .ui-body-b .ui-checkbox-on:after, .teetime-webservice html body .ui-group-theme-b .ui-checkbox-on:after, .teetime-webservice .ui-btn.ui-checkbox-on.ui-btn-b:after, .teetime-webservice .ui-page-theme-b .ui-flipswitch-active, .teetime-webservice html .ui-bar-b .ui-flipswitch-active, .teetime-webservice html .ui-body-b .ui-flipswitch-active, .teetime-webservice html body .ui-group-theme-b .ui-flipswitch-active, .teetime-webservice html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active, .teetime-webservice .ui-page-theme-b .ui-slider-track .ui-btn-active, .teetime-webservice html .ui-bar-b .ui-slider-track .ui-btn-active, .teetime-webservice html .ui-body-b .ui-slider-track .ui-btn-active, .teetime-webservice html body .ui-group-theme-b .ui-slider-track .ui-btn-active, .teetime-webservice html body div.ui-slider-track.ui-body-b .ui-btn-active { background-color: #22aadd; border-color: #22aadd; color: #fff; text-shadow: 0 1px 0 #0088bb; } .teetime-webservice .ui-page-theme-b .ui-radio-on:after, .teetime-webservice html .ui-bar-b .ui-radio-on:after, .teetime-webservice html .ui-body-b .ui-radio-on:after, .teetime-webservice html body .ui-group-theme-b .ui-radio-on:after, .teetime-webservice .ui-btn.ui-radio-on.ui-btn-b:after { border-color: #22aadd; } .teetime-webservice .ui-page-theme-b .ui-btn:focus, .teetime-webservice html .ui-bar-b .ui-btn:focus, .teetime-webservice html .ui-body-b .ui-btn:focus, .teetime-webservice html body .ui-group-theme-b .ui-btn:focus, .teetime-webservice html head + body .ui-btn.ui-btn-b:focus, .teetime-webservice .ui-page-theme-b .ui-focus, .teetime-webservice html .ui-bar-b .ui-focus, .teetime-webservice html .ui-body-b .ui-focus, .teetime-webservice html body .ui-group-theme-b .ui-focus, .teetime-webservice html head + body .ui-btn-b.ui-focus, .teetime-webservice html head + body .ui-body-b.ui-focus { -webkit-box-shadow: 0 0 12px #22aadd; -moz-box-shadow: 0 0 12px #22aadd; box-shadow: 0 0 12px #22aadd; } .teetime-webservice .ui-disabled, .teetime-webservice .ui-state-disabled, .teetime-webservice button[disabled], .teetime-webservice .ui-select .ui-btn.ui-state-disabled { filter: Alpha(Opacity=30); opacity: 0.3; cursor: default !important; pointer-events: none; } .teetime-webservice .ui-btn:focus, .teetime-webservice .ui-btn.ui-focus { outline: 0; } .teetime-webservice .ui-noboxshadow .ui-shadow, .teetime-webservice .ui-noboxshadow .ui-shadow-inset, .teetime-webservice .ui-noboxshadow .ui-overlay-shadow, .teetime-webservice .ui-noboxshadow .ui-shadow-icon.ui-btn:after, .teetime-webservice .ui-noboxshadow .ui-shadow-icon .ui-btn:after, .teetime-webservice .ui-noboxshadow .ui-focus, .teetime-webservice .ui-noboxshadow .ui-btn:focus, .teetime-webservice .ui-noboxshadow input:focus, .teetime-webservice .ui-noboxshadow .ui-panel { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .teetime-webservice .ui-noboxshadow .ui-btn:focus, .teetime-webservice .ui-noboxshadow .ui-focus { outline-width: 1px; outline-style: auto; } .teetime-webservice .ui-mobile, .teetime-webservice .ui-mobile body { height: 99.9%; } .teetime-webservice .ui-mobile fieldset, .teetime-webservice .ui-page { padding: 0; margin: 0; } .teetime-webservice .ui-mobile a img, .teetime-webservice .ui-mobile fieldset { border-width: 0; } .teetime-webservice .ui-mobile fieldset { min-width: 0; } @-moz-document url-prefix() { .teetime-webservice .ui-mobile fieldset { display: table-column; vertical-align: middle; } } .teetime-webservice .ui-mobile-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .teetime-webservice body.ui-mobile-viewport, .teetime-webservice div.ui-mobile-viewport { overflow-x: hidden; } .teetime-webservice .ui-mobile [data-role=page], .teetime-webservice .ui-mobile [data-role=dialog], .teetime-webservice .ui-page { top: 0; left: 0; width: 100%; min-height: 100%; position: absolute; display: none; border: 0; } .teetime-webservice .ui-page { outline: none; } .teetime-webservice .ui-mobile .ui-page-active { display: block; overflow: visible; overflow-x: hidden; } @media screen and (orientation: portrait) { .teetime-webservice .ui-mobile .ui-page { min-height: 420px; } } @media screen and (orientation: landscape) { .teetime-webservice .ui-mobile .ui-page { min-height: 300px; } } .teetime-webservice .ui-mobile-rendering > * { visibility: hidden; } .teetime-webservice .ui-nojs { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-loading .ui-loader { display: block; } .teetime-webservice .ui-loader { display: none; z-index: 1; position: fixed; top: 50%; left: 50%; border: 0; } .teetime-webservice .ui-loader-default { background: none; filter: Alpha(Opacity=18); opacity: 0.18; width: 2.875em; height: 2.875em; margin-left: -1.4375em; margin-top: -1.4375em; } .teetime-webservice .ui-loader-verbose { width: 12.5em; filter: Alpha(Opacity=88); opacity: 0.88; box-shadow: 0 1px 1px -1px #fff; height: auto; margin-left: -6.875em; margin-top: -2.6875em; padding: 0.625em; } .teetime-webservice .ui-loader-default h1 { font-size: 0; width: 0; height: 0; overflow: hidden; } .teetime-webservice .ui-loader-verbose h1 { font-size: 1em; margin: 0; text-align: center; } .teetime-webservice .ui-loader .ui-icon-loading { /* background-color: #000; display: block; margin: 0; width: 2.75em; height: 2.75em; padding: .0625em; -webkit-border-radius: 2.25em; border-radius: 2.25em; */ } .teetime-webservice .ui-loader-verbose .ui-icon-loading { /* margin: 0 auto .625em; filter: Alpha(Opacity=75); opacity: .75; */ } .teetime-webservice .ui-loader-textonly { padding: 0.9375em; margin-left: -7.1875em; } .teetime-webservice .ui-loader-textonly .ui-icon-loading { display: none; } .teetime-webservice .ui-loader-fakefix { position: absolute; } .teetime-webservice .ui-bar, .teetime-webservice .ui-body { position: relative; padding: 0.4em 1em; overflow: hidden; display: block; clear: both; } .teetime-webservice .ui-bar h1, .teetime-webservice .ui-bar h2, .teetime-webservice .ui-bar h3, .teetime-webservice .ui-bar h4, .teetime-webservice .ui-bar h5, .teetime-webservice .ui-bar h6 { margin: 0; padding: 0; font-size: 1em; display: inline-block; } .teetime-webservice .ui-header, .teetime-webservice .ui-footer { border-width: 1px 0; border-style: solid; position: relative; } .teetime-webservice .ui-header:empty, .teetime-webservice .ui-footer:empty { min-height: 2.6875em; } .teetime-webservice .ui-header .ui-title, .teetime-webservice .ui-footer .ui-title { font-size: 1em; min-height: 1.1em; text-align: center; display: block; margin: 0 30%; padding: 0.7em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; } .teetime-webservice .ui-footer .ui-title { margin: 0 1em; } .teetime-webservice .ui-content { border-width: 0; overflow: visible; overflow-x: hidden; padding: 5px; } .teetime-webservice .ui-corner-all-teetime > .ui-header:first-child, .teetime-webservice .ui-corner-all-teetime > .ui-content:first-child, .teetime-webservice .ui-corner-all-teetime > .ui-footer:first-child { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; } .teetime-webservice .ui-corner-all-teetime > .ui-header:last-child, .teetime-webservice .ui-corner-all-teetime > .ui-content:last-child, .teetime-webservice .ui-corner-all-teetime > .ui-footer:last-child { -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .teetime-webservice .ui-btn { font-size: 16px; margin: 0.5em 0; padding: 0.7em 1em; display: block; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .teetime-webservice .ui-btn-icon-notext, .teetime-webservice .ui-header button.ui-btn.ui-btn-icon-notext, .teetime-webservice .ui-footer button.ui-btn.ui-btn-icon-notext { padding: 0; width: 1.75em; height: 1.75em; text-indent: -9999px; white-space: nowrap !important; } .teetime-webservice .ui-mini { font-size: 12.5px; } .teetime-webservice .ui-mini .ui-btn { font-size: inherit; } .teetime-webservice .ui-header .ui-btn, .teetime-webservice .ui-footer .ui-btn { font-size: 12.5px; display: inline-block; vertical-align: middle; } .teetime-webservice .ui-header .ui-controlgroup .ui-btn-icon-notext, .teetime-webservice .ui-footer .ui-controlgroup .ui-btn-icon-notext { font-size: 12.5px; } .teetime-webservice .ui-header .ui-btn-left, .teetime-webservice .ui-header .ui-btn-right { font-size: 12.5px; } .teetime-webservice .ui-mini.ui-btn-icon-notext, .teetime-webservice .ui-mini .ui-btn-icon-notext, .teetime-webservice .ui-header .ui-btn-icon-notext, .teetime-webservice .ui-footer .ui-btn-icon-notext { font-size: 16px; padding: 0; } .teetime-webservice .ui-btn-inline { display: inline-block; vertical-align: middle; margin-right: 0.625em; } .teetime-webservice .ui-btn-icon-left { padding-left: 2.5em; } .teetime-webservice .ui-btn-icon-right { padding-right: 2.5em; } .teetime-webservice .ui-btn-icon-top { padding-top: 2.5em; } .teetime-webservice .ui-btn-icon-bottom { padding-bottom: 2.5em; } .teetime-webservice .ui-header .ui-btn-icon-top, .teetime-webservice .ui-footer .ui-btn-icon-top, .teetime-webservice .ui-header .ui-btn-icon-bottom, .teetime-webservice .ui-footer .ui-btn-icon-bottom { padding-left: 0.3125em; padding-right: 0.3125em; } .teetime-webservice .ui-btn-icon-left:after, .teetime-webservice .ui-btn-icon-right:after, .teetime-webservice .ui-btn-icon-top:after, .teetime-webservice .ui-btn-icon-bottom:after, .teetime-webservice .ui-btn-icon-notext:after { content: ""; position: absolute; display: block; width: 22px; height: 22px; } .teetime-webservice .ui-btn-icon-notext:after, .teetime-webservice .ui-btn-icon-left:after, .teetime-webservice .ui-btn-icon-right:after { top: 50%; margin-top: -11px; } .teetime-webservice .ui-btn-icon-left:after { left: 0.5625em; } .teetime-webservice .ui-btn-icon-right:after { right: 0.5625em; } .teetime-webservice .ui-mini.ui-btn-icon-left:after, .teetime-webservice .ui-mini .ui-btn-icon-left:after, .teetime-webservice .ui-header .ui-btn-icon-left:after, .teetime-webservice .ui-footer .ui-btn-icon-left:after { left: 0.37em; } .teetime-webservice .ui-mini.ui-btn-icon-right:after, .teetime-webservice .ui-mini .ui-btn-icon-right:after, .teetime-webservice .ui-header .ui-btn-icon-right:after, .teetime-webservice .ui-footer .ui-btn-icon-right:after { right: 0.37em; } .teetime-webservice .ui-btn-icon-notext:after, .teetime-webservice .ui-btn-icon-top:after, .teetime-webservice .ui-btn-icon-bottom:after { left: 50%; margin-left: -11px; } .teetime-webservice .ui-btn-icon-top:after { top: 0.5625em; } .teetime-webservice .ui-btn-icon-bottom:after { top: auto; bottom: 0.5625em; } .teetime-webservice .ui-header .ui-btn-left, .teetime-webservice .ui-header .ui-btn-right, .teetime-webservice .ui-btn-left > [class*=ui-], .teetime-webservice .ui-btn-right > [class*=ui-] { margin: 0; } .teetime-webservice .ui-btn-left, .teetime-webservice .ui-btn-right { position: absolute; top: 0.24em; } .teetime-webservice .ui-btn-left { left: 0.4em; } .teetime-webservice .ui-btn-right { right: 0.4em; } .teetime-webservice .ui-btn-icon-notext.ui-btn-left { top: 0.3125em; left: 0.3125em; } .teetime-webservice .ui-btn-icon-notext.ui-btn-right { top: 0.3125em; right: 0.3125em; } .teetime-webservice button.ui-btn, .teetime-webservice .ui-controlgroup-controls button.ui-btn-icon-notext { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; width: 100%; } .teetime-webservice button.ui-btn-inline, .teetime-webservice .ui-header button.ui-btn, .teetime-webservice .ui-footer button.ui-btn { width: auto; } .teetime-webservice button.ui-btn::-moz-focus-inner { border: 0; } .teetime-webservice button.ui-btn-icon-notext, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 1.75em; } .teetime-webservice .ui-mobile label, .teetime-webservice .ui-controlgroup-label { display: block; margin: 0 0 0.4em; } .teetime-webservice .ui-hide-label > label, .teetime-webservice .ui-hide-label .ui-controlgroup-label, .teetime-webservice .ui-hide-label .ui-rangeslider label, .teetime-webservice .ui-hidden-accessible { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-screen-hidden { display: none !important; } .teetime-webservice .ui-mobile-viewport-transitioning, .teetime-webservice .ui-mobile-viewport-transitioning .ui-page { width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .teetime-webservice .ui-page-pre-in { opacity: 0; } .teetime-webservice .in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; animation-timing-function: ease-out; animation-duration: 350ms; } .teetime-webservice .out { -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 225ms; -moz-animation-timing-function: ease-in; -moz-animation-duration: 225ms; animation-timing-function: ease-in; animation-duration: 225ms; } @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @-moz-keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeout { from { opacity: 1; } to { opacity: 0; } } .teetime-webservice .fade.out { opacity: 0; -webkit-animation-duration: 125ms; -webkit-animation-name: fadeout; -moz-animation-duration: 125ms; -moz-animation-name: fadeout; animation-duration: 125ms; animation-name: fadeout; } .teetime-webservice .fade.in { opacity: 1; -webkit-animation-duration: 225ms; -webkit-animation-name: fadein; -moz-animation-duration: 225ms; -moz-animation-name: fadein; animation-duration: 225ms; animation-name: fadein; } .teetime-webservice .pop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } .teetime-webservice .pop.in { -webkit-transform: scale(1); -webkit-animation-name: popin; -webkit-animation-duration: 350ms; -moz-transform: scale(1); -moz-animation-name: popin; -moz-animation-duration: 350ms; transform: scale(1); animation-name: popin; animation-duration: 350ms; opacity: 1; } .teetime-webservice .pop.out { -webkit-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-name: fadeout; -moz-animation-duration: 100ms; animation-name: fadeout; animation-duration: 100ms; opacity: 0; } .teetime-webservice .pop.in.reverse { -webkit-animation-name: fadein; -moz-animation-name: fadein; animation-name: fadein; } .teetime-webservice .pop.out.reverse { -webkit-transform: scale(0.8); -webkit-animation-name: popout; -moz-transform: scale(0.8); -moz-animation-name: popout; transform: scale(0.8); animation-name: popout; } @-webkit-keyframes popin { from { -webkit-transform: scale(0.8); opacity: 0; } to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popin { from { -moz-transform: scale(0.8); opacity: 0; } to { -moz-transform: scale(1); opacity: 1; } } @keyframes popin { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @-webkit-keyframes popout { from { -webkit-transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.8); opacity: 0; } } @-moz-keyframes popout { from { -moz-transform: scale(1); opacity: 1; } to { -moz-transform: scale(0.8); opacity: 0; } } @keyframes popout { from { transform: scale(1); opacity: 1; } to { transform: scale(0.8); opacity: 0; } } @-webkit-keyframes slideinfromright { from { -webkit-transform: translate3d(100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes slideinfromright { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(0); } } @keyframes slideinfromright { from { transform: translateX(100%); } to { transform: translateX(0); } } @-webkit-keyframes slideinfromleft { from { -webkit-transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); } } @-moz-keyframes slideinfromleft { from { -moz-transform: translateX(-100%); } to { -moz-transform: translateX(0); } } @keyframes slideinfromleft { from { transform: translateX(-100%); } to { transform: translateX(0); } } @-webkit-keyframes slideouttoleft { from { -webkit-transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-100%, 0, 0); } } @-moz-keyframes slideouttoleft { from { -moz-transform: translateX(0); } to { -moz-transform: translateX(-100%); } } @keyframes slideouttoleft { from { transform: translateX(0); } to { transform: translateX(-100%); } } @-webkit-keyframes slideouttoright { from { -webkit-transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(100%, 0, 0); } } @-moz-keyframes slideouttoright { from { -moz-transform: translateX(0); } to { -moz-transform: translateX(100%); } } @keyframes slideouttoright { from { transform: translateX(0); } to { transform: translateX(100%); } } .teetime-webservice .slide.out, .teetime-webservice .slide.in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; animation-timing-function: ease-out; animation-duration: 350ms; } .teetime-webservice .slide.out { -webkit-transform: translate3d(-100%, 0, 0); -webkit-animation-name: slideouttoleft; -moz-transform: translateX(-100%); -moz-animation-name: slideouttoleft; transform: translateX(-100%); animation-name: slideouttoleft; } .teetime-webservice .slide.in { -webkit-transform: translate3d(0, 0, 0); -webkit-animation-name: slideinfromright; -moz-transform: translateX(0); -moz-animation-name: slideinfromright; transform: translateX(0); animation-name: slideinfromright; } .teetime-webservice .slide.out.reverse { -webkit-transform: translate3d(100%, 0, 0); -webkit-animation-name: slideouttoright; -moz-transform: translateX(100%); -moz-animation-name: slideouttoright; transform: translateX(100%); animation-name: slideouttoright; } .teetime-webservice .slide.in.reverse { -webkit-transform: translate3d(0, 0, 0); -webkit-animation-name: slideinfromleft; -moz-transform: translateX(0); -moz-animation-name: slideinfromleft; transform: translateX(0); animation-name: slideinfromleft; } .teetime-webservice .slidefade.out { -webkit-transform: translateX(-100%); -webkit-animation-name: slideouttoleft; -webkit-animation-duration: 225ms; -moz-transform: translateX(-100%); -moz-animation-name: slideouttoleft; -moz-animation-duration: 225ms; transform: translateX(-100%); animation-name: slideouttoleft; animation-duration: 225ms; } .teetime-webservice .slidefade.in { -webkit-transform: translateX(0); -webkit-animation-name: fadein; -webkit-animation-duration: 200ms; -moz-transform: translateX(0); -moz-animation-name: fadein; -moz-animation-duration: 200ms; transform: translateX(0); animation-name: fadein; animation-duration: 200ms; } .teetime-webservice .slidefade.out.reverse { -webkit-transform: translateX(100%); -webkit-animation-name: slideouttoright; -webkit-animation-duration: 200ms; -moz-transform: translateX(100%); -moz-animation-name: slideouttoright; -moz-animation-duration: 200ms; transform: translateX(100%); animation-name: slideouttoright; animation-duration: 200ms; } .teetime-webservice .slidefade.in.reverse { -webkit-transform: translateX(0); -webkit-animation-name: fadein; -webkit-animation-duration: 200ms; -moz-transform: translateX(0); -moz-animation-name: fadein; -moz-animation-duration: 200ms; transform: translateX(0); animation-name: fadein; animation-duration: 200ms; } .teetime-webservice .slidedown.out { -webkit-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-name: fadeout; -moz-animation-duration: 100ms; animation-name: fadeout; animation-duration: 100ms; } .teetime-webservice .slidedown.in { -webkit-transform: translateY(0); -webkit-animation-name: slideinfromtop; -webkit-animation-duration: 250ms; -moz-transform: translateY(0); -moz-animation-name: slideinfromtop; -moz-animation-duration: 250ms; transform: translateY(0); animation-name: slideinfromtop; animation-duration: 250ms; } .teetime-webservice .slidedown.in.reverse { -webkit-animation-name: fadein; -webkit-animation-duration: 150ms; -moz-animation-name: fadein; -moz-animation-duration: 150ms; animation-name: fadein; animation-duration: 150ms; } .teetime-webservice .slidedown.out.reverse { -webkit-transform: translateY(-100%); -webkit-animation-name: slideouttotop; -webkit-animation-duration: 200ms; -moz-transform: translateY(-100%); -moz-animation-name: slideouttotop; -moz-animation-duration: 200ms; transform: translateY(-100%); animation-name: slideouttotop; animation-duration: 200ms; } @-webkit-keyframes slideinfromtop { from { -webkit-transform: translateY(-100%); } to { -webkit-transform: translateY(0); } } @-moz-keyframes slideinfromtop { from { -moz-transform: translateY(-100%); } to { -moz-transform: translateY(0); } } @keyframes slideinfromtop { from { transform: translateY(-100%); } to { transform: translateY(0); } } @-webkit-keyframes slideouttotop { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(-100%); } } @-moz-keyframes slideouttotop { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(-100%); } } @keyframes slideouttotop { from { transform: translateY(0); } to { transform: translateY(-100%); } } .teetime-webservice .slideup.out { -webkit-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-name: fadeout; -moz-animation-duration: 100ms; animation-name: fadeout; animation-duration: 100ms; } .teetime-webservice .slideup.in { -webkit-transform: translateY(0); -webkit-animation-name: slideinfrombottom; -webkit-animation-duration: 250ms; -moz-transform: translateY(0); -moz-animation-name: slideinfrombottom; -moz-animation-duration: 250ms; transform: translateY(0); animation-name: slideinfrombottom; animation-duration: 250ms; } .teetime-webservice .slideup.in.reverse { -webkit-animation-name: fadein; -webkit-animation-duration: 150ms; -moz-animation-name: fadein; -moz-animation-duration: 150ms; animation-name: fadein; animation-duration: 150ms; } .teetime-webservice .slideup.out.reverse { -webkit-transform: translateY(100%); -webkit-animation-name: slideouttobottom; -webkit-animation-duration: 200ms; -moz-transform: translateY(100%); -moz-animation-name: slideouttobottom; -moz-animation-duration: 200ms; transform: translateY(100%); animation-name: slideouttobottom; animation-duration: 200ms; } @-webkit-keyframes slideinfrombottom { from { -webkit-transform: translateY(100%); } to { -webkit-transform: translateY(0); } } @-moz-keyframes slideinfrombottom { from { -moz-transform: translateY(100%); } to { -moz-transform: translateY(0); } } @keyframes slideinfrombottom { from { transform: translateY(100%); } to { transform: translateY(0); } } @-webkit-keyframes slideouttobottom { from { -webkit-transform: translateY(0); } to { -webkit-transform: translateY(100%); } } @-moz-keyframes slideouttobottom { from { -moz-transform: translateY(0); } to { -moz-transform: translateY(100%); } } @keyframes slideouttobottom { from { transform: translateY(0); } to { transform: translateY(100%); } } .teetime-webservice .viewport-flip { -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; position: absolute; } .teetime-webservice .flip { -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ -moz-backface-visibility: hidden; -moz-transform: translateX(0); backface-visibility: hidden; transform: translateX(0); } .teetime-webservice .flip.out { -webkit-transform: rotateY(-90deg) scale(0.9); -webkit-animation-name: flipouttoleft; -webkit-animation-duration: 175ms; -moz-transform: rotateY(-90deg) scale(0.9); -moz-animation-name: flipouttoleft; -moz-animation-duration: 175ms; transform: rotateY(-90deg) scale(0.9); animation-name: flipouttoleft; animation-duration: 175ms; } .teetime-webservice .flip.in { -webkit-animation-name: flipintoright; -webkit-animation-duration: 225ms; -moz-animation-name: flipintoright; -moz-animation-duration: 225ms; animation-name: flipintoright; animation-duration: 225ms; } .teetime-webservice .flip.out.reverse { -webkit-transform: rotateY(90deg) scale(0.9); -webkit-animation-name: flipouttoright; -moz-transform: rotateY(90deg) scale(0.9); -moz-animation-name: flipouttoright; transform: rotateY(90deg) scale(0.9); animation-name: flipouttoright; } .teetime-webservice .flip.in.reverse { -webkit-animation-name: flipintoleft; -moz-animation-name: flipintoleft; animation-name: flipintoleft; } @-webkit-keyframes flipouttoleft { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(-90deg) scale(0.9); } } @-moz-keyframes flipouttoleft { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(-90deg) scale(0.9); } } @keyframes flipouttoleft { from { transform: rotateY(0); } to { transform: rotateY(-90deg) scale(0.9); } } @-webkit-keyframes flipouttoright { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(90deg) scale(0.9); } } @-moz-keyframes flipouttoright { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(90deg) scale(0.9); } } @keyframes flipouttoright { from { transform: rotateY(0); } to { transform: rotateY(90deg) scale(0.9); } } @-webkit-keyframes flipintoleft { from { -webkit-transform: rotateY(-90deg) scale(0.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoleft { from { -moz-transform: rotateY(-90deg) scale(0.9); } to { -moz-transform: rotateY(0); } } @keyframes flipintoleft { from { transform: rotateY(-90deg) scale(0.9); } to { transform: rotateY(0); } } @-webkit-keyframes flipintoright { from { -webkit-transform: rotateY(90deg) scale(0.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoright { from { -moz-transform: rotateY(90deg) scale(0.9); } to { -moz-transform: rotateY(0); } } @keyframes flipintoright { from { transform: rotateY(90deg) scale(0.9); } to { transform: rotateY(0); } } .teetime-webservice .viewport-turn { -webkit-perspective: 200px; -moz-perspective: 200px; -ms-perspective: 200px; perspective: 200px; position: absolute; } .teetime-webservice .turn { -webkit-backface-visibility: hidden; -webkit-transform: translateX(0); /* Needed to work around an iOS 3.1 bug that causes listview thumbs to disappear when -webkit-visibility:hidden is used. */ -webkit-transform-origin: 0; -moz-backface-visibility: hidden; -moz-transform: translateX(0); -moz-transform-origin: 0; backface-visibility: hidden; transform: translateX(0); transform-origin: 0; } .teetime-webservice .turn.out { -webkit-transform: rotateY(-90deg) scale(0.9); -webkit-animation-name: flipouttoleft; -webkit-animation-duration: 125ms; -moz-transform: rotateY(-90deg) scale(0.9); -moz-animation-name: flipouttoleft; -moz-animation-duration: 125ms; transform: rotateY(-90deg) scale(0.9); animation-name: flipouttoleft; animation-duration: 125ms; } .teetime-webservice .turn.in { -webkit-animation-name: flipintoright; -webkit-animation-duration: 250ms; -moz-animation-name: flipintoright; -moz-animation-duration: 250ms; animation-name: flipintoright; animation-duration: 250ms; } .teetime-webservice .turn.out.reverse { -webkit-transform: rotateY(90deg) scale(0.9); -webkit-animation-name: flipouttoright; -moz-transform: rotateY(90deg) scale(0.9); -moz-animation-name: flipouttoright; transform: rotateY(90deg) scale(0.9); animation-name: flipouttoright; } .teetime-webservice .turn.in.reverse { -webkit-animation-name: flipintoleft; -moz-animation-name: flipintoleft; animation-name: flipintoleft; } @-webkit-keyframes flipouttoleft { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(-90deg) scale(0.9); } } @-moz-keyframes flipouttoleft { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(-90deg) scale(0.9); } } @keyframes flipouttoleft { from { transform: rotateY(0); } to { transform: rotateY(-90deg) scale(0.9); } } @-webkit-keyframes flipouttoright { from { -webkit-transform: rotateY(0); } to { -webkit-transform: rotateY(90deg) scale(0.9); } } @-moz-keyframes flipouttoright { from { -moz-transform: rotateY(0); } to { -moz-transform: rotateY(90deg) scale(0.9); } } @keyframes flipouttoright { from { transform: rotateY(0); } to { transform: rotateY(90deg) scale(0.9); } } @-webkit-keyframes flipintoleft { from { -webkit-transform: rotateY(-90deg) scale(0.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoleft { from { -moz-transform: rotateY(-90deg) scale(0.9); } to { -moz-transform: rotateY(0); } } @keyframes flipintoleft { from { transform: rotateY(-90deg) scale(0.9); } to { transform: rotateY(0); } } @-webkit-keyframes flipintoright { from { -webkit-transform: rotateY(90deg) scale(0.9); } to { -webkit-transform: rotateY(0); } } @-moz-keyframes flipintoright { from { -moz-transform: rotateY(90deg) scale(0.9); } to { -moz-transform: rotateY(0); } } @keyframes flipintoright { from { transform: rotateY(90deg) scale(0.9); } to { transform: rotateY(0); } } .teetime-webservice .flow { -webkit-transform-origin: 50% 30%; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); -moz-transform-origin: 50% 30%; -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); transform-origin: 50% 30%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } .teetime-webservice .ui-dialog.flow { -webkit-transform-origin: none; -webkit-box-shadow: none; -moz-transform-origin: none; -moz-box-shadow: none; transform-origin: none; box-shadow: none; } .teetime-webservice .flow.out { -webkit-transform: translateX(-100%) scale(0.7); -webkit-animation-name: flowouttoleft; -webkit-animation-timing-function: ease; -webkit-animation-duration: 350ms; -moz-transform: translateX(-100%) scale(0.7); -moz-animation-name: flowouttoleft; -moz-animation-timing-function: ease; -moz-animation-duration: 350ms; transform: translateX(-100%) scale(0.7); animation-name: flowouttoleft; animation-timing-function: ease; animation-duration: 350ms; } .teetime-webservice .flow.in { -webkit-transform: translateX(0) scale(1); -webkit-animation-name: flowinfromright; -webkit-animation-timing-function: ease; -webkit-animation-duration: 350ms; -moz-transform: translateX(0) scale(1); -moz-animation-name: flowinfromright; -moz-animation-timing-function: ease; -moz-animation-duration: 350ms; transform: translateX(0) scale(1); animation-name: flowinfromright; animation-timing-function: ease; animation-duration: 350ms; } .teetime-webservice .flow.out.reverse { -webkit-transform: translateX(100%); -webkit-animation-name: flowouttoright; -moz-transform: translateX(100%); -moz-animation-name: flowouttoright; transform: translateX(100%); animation-name: flowouttoright; } .teetime-webservice .flow.in.reverse { -webkit-animation-name: flowinfromleft; -moz-animation-name: flowinfromleft; animation-name: flowinfromleft; } @-webkit-keyframes flowouttoleft { 0% { -webkit-transform: translateX(0) scale(1); } 60%, 70% { -webkit-transform: translateX(0) scale(0.7); } 100% { -webkit-transform: translateX(-100%) scale(0.7); } } @-moz-keyframes flowouttoleft { 0% { -moz-transform: translateX(0) scale(1); } 60%, 70% { -moz-transform: translateX(0) scale(0.7); } 100% { -moz-transform: translateX(-100%) scale(0.7); } } @keyframes flowouttoleft { 0% { transform: translateX(0) scale(1); } 60%, 70% { transform: translateX(0) scale(0.7); } 100% { transform: translateX(-100%) scale(0.7); } } @-webkit-keyframes flowouttoright { 0% { -webkit-transform: translateX(0) scale(1); } 60%, 70% { -webkit-transform: translateX(0) scale(0.7); } 100% { -webkit-transform: translateX(100%) scale(0.7); } } @-moz-keyframes flowouttoright { 0% { -moz-transform: translateX(0) scale(1); } 60%, 70% { -moz-transform: translateX(0) scale(0.7); } 100% { -moz-transform: translateX(100%) scale(0.7); } } @keyframes flowouttoright { 0% { transform: translateX(0) scale(1); } 60%, 70% { transform: translateX(0) scale(0.7); } 100% { transform: translateX(100%) scale(0.7); } } @-webkit-keyframes flowinfromleft { 0% { -webkit-transform: translateX(-100%) scale(0.7); } 30%, 40% { -webkit-transform: translateX(0) scale(0.7); } 100% { -webkit-transform: translateX(0) scale(1); } } @-moz-keyframes flowinfromleft { 0% { -moz-transform: translateX(-100%) scale(0.7); } 30%, 40% { -moz-transform: translateX(0) scale(0.7); } 100% { -moz-transform: translateX(0) scale(1); } } @keyframes flowinfromleft { 0% { transform: translateX(-100%) scale(0.7); } 30%, 40% { transform: translateX(0) scale(0.7); } 100% { transform: translateX(0) scale(1); } } @-webkit-keyframes flowinfromright { 0% { -webkit-transform: translateX(100%) scale(0.7); } 30%, 40% { -webkit-transform: translateX(0) scale(0.7); } 100% { -webkit-transform: translateX(0) scale(1); } } @-moz-keyframes flowinfromright { 0% { -moz-transform: translateX(100%) scale(0.7); } 30%, 40% { -moz-transform: translateX(0) scale(0.7); } 100% { -moz-transform: translateX(0) scale(1); } } @keyframes flowinfromright { 0% { transform: translateX(100%) scale(0.7); } 30%, 40% { transform: translateX(0) scale(0.7); } 100% { transform: translateX(0) scale(1); } } .teetime-webservice .ui-field-contain, .teetime-webservice .ui-mobile fieldset.ui-field-contain { display: block; position: relative; overflow: visible; clear: both; padding: 0.8em 0; } .teetime-webservice .ui-field-contain > label ~ [class*=ui-], .teetime-webservice .ui-field-contain .ui-controlgroup-controls { margin: 0; } .teetime-webservice .ui-field-contain:last-child { border-bottom-width: 0; } @media (min-width: 28em) { .teetime-webservice { /* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */ } .teetime-webservice .ui-field-contain, .teetime-webservice .ui-mobile fieldset.ui-field-contain { padding: 0; margin: 1em 0; border-bottom-width: 0; } .teetime-webservice .ui-field-contain:before, .teetime-webservice .ui-field-contain:after { content: ""; display: table; } .teetime-webservice .ui-field-contain:after { clear: both; } .teetime-webservice .ui-field-contain > label, .teetime-webservice .ui-field-contain .ui-controlgroup-label, .teetime-webservice .ui-field-contain > .ui-rangeslider > label { float: left; width: 20%; margin: 0.5em 2% 0 0; } .teetime-webservice .ui-popup .ui-field-contain > label, .teetime-webservice .ui-popup .ui-field-contain .ui-controlgroup-label, .teetime-webservice .ui-popup .ui-field-contain > .ui-rangeslider > label { float: none; width: auto; margin: 0 0 0.4em; } .teetime-webservice .ui-field-contain > label ~ [class*=ui-], .teetime-webservice .ui-field-contain .ui-controlgroup-controls { float: left; width: 78%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .teetime-webservice .ui-hide-label > label ~ [class*=ui-], .teetime-webservice .ui-hide-label .ui-controlgroup-controls, .teetime-webservice .ui-popup .ui-field-contain > label ~ [class*=ui-], .teetime-webservice .ui-popup .ui-field-contain .ui-controlgroup-controls { float: none; width: 100%; } .teetime-webservice .ui-field-contain > label ~ .ui-btn-inline { width: auto; margin-right: 0.625em; } .teetime-webservice .ui-field-contain > label ~ .ui-btn-inline.ui-btn-icon-notext { width: 1.75em; } } .teetime-webservice .ui-grid-a, .teetime-webservice .ui-grid-b, .teetime-webservice .ui-grid-c, .teetime-webservice .ui-grid-d, .teetime-webservice .ui-grid-solo { overflow: hidden; } .teetime-webservice .ui-block-a, .teetime-webservice .ui-block-b, .teetime-webservice .ui-block-c, .teetime-webservice .ui-block-d, .teetime-webservice .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .teetime-webservice .ui-block-a { clear: left; } .teetime-webservice ul.ui-grid-a, .teetime-webservice ul.ui-grid-b, .teetime-webservice ul.ui-grid-c, .teetime-webservice ul.ui-grid-d, .teetime-webservice ul.ui-grid-solo, .teetime-webservice li.ui-block-a, .teetime-webservice li.ui-block-b, .teetime-webservice li.ui-block-c, .teetime-webservice li.ui-block-d, .teetime-webservice li.ui-block-e { margin-left: 0; margin-right: 0; padding: 0; list-style: none; } .teetime-webservice [class*=ui-block-] > button.ui-btn { margin-right: 0; margin-left: 0; } .teetime-webservice [class*=ui-block-] > .ui-btn, .teetime-webservice [class*=ui-block-] > .ui-select, .teetime-webservice [class*=ui-block-] > .ui-checkbox, .teetime-webservice [class*=ui-block-] > .ui-radio, .teetime-webservice [class*=ui-block-] > button.ui-btn-inline, .teetime-webservice [class*=ui-block-] > button.ui-btn-icon-notext, .teetime-webservice .ui-header [class*=ui-block-] > button.ui-btn, .teetime-webservice .ui-footer [class*=ui-block-] > button.ui-btn { margin-right: 0.3125em; margin-left: 0.3125em; } .teetime-webservice .ui-grid-a > .ui-block-a, .teetime-webservice .ui-grid-a > .ui-block-b { /* width: 49.95%; IE7 */ /* margin-right: -.5px; BB5 */ width: 50%; } .teetime-webservice .ui-grid-b > .ui-block-a, .teetime-webservice .ui-grid-b > .ui-block-b, .teetime-webservice .ui-grid-b > .ui-block-c { /* width: 33.25%; IE7 */ /* margin-right: -.5px; BB5 */ width: 50%; } .teetime-webservice .ui-grid-c > .ui-block-a, .teetime-webservice .ui-grid-c > .ui-block-b, .teetime-webservice .ui-grid-c > .ui-block-c, .teetime-webservice .ui-grid-c > .ui-block-d { /* width: 24.925%; IE7 */ /* margin-right: -.5px; BB5 */ width: 25%; } .teetime-webservice .ui-grid-d > .ui-block-a, .teetime-webservice .ui-grid-d > .ui-block-b, .teetime-webservice .ui-grid-d > .ui-block-c, .teetime-webservice .ui-grid-d > .ui-block-d, .teetime-webservice .ui-grid-d > .ui-block-e { /* width: 19.925%; IE7 */ width: 20%; } .teetime-webservice .ui-grid-solo > .ui-block-a { width: 100%; float: none; } @media (max-width: 35em) { .teetime-webservice .ui-responsive > .ui-block-a, .teetime-webservice .ui-responsive > .ui-block-b, .teetime-webservice .ui-responsive > .ui-block-c, .teetime-webservice .ui-responsive > .ui-block-d, .teetime-webservice .ui-responsive > .ui-block-e { width: 100%; float: none; } } .teetime-webservice .ui-header-fixed, .teetime-webservice .ui-footer-fixed { left: 0; right: 0; width: 100%; position: fixed; z-index: 1000; } .teetime-webservice .ui-header-fixed { top: -1px; padding-top: 1px; } .teetime-webservice .ui-header-fixed.ui-fixed-hidden { top: 0; padding-top: 0; } .teetime-webservice .ui-header-fixed .ui-btn-left, .teetime-webservice .ui-header-fixed .ui-btn-right { margin-top: 1px; } .teetime-webservice .ui-header-fixed.ui-fixed-hidden .ui-btn-left, .teetime-webservice .ui-header-fixed.ui-fixed-hidden .ui-btn-right { margin-top: 0; } .teetime-webservice .ui-footer-fixed { bottom: -1px; padding-bottom: 1px; } .teetime-webservice .ui-footer-fixed.ui-fixed-hidden { bottom: 0; padding-bottom: 0; } .teetime-webservice .ui-header-fullscreen, .teetime-webservice .ui-footer-fullscreen { filter: Alpha(Opacity=90); opacity: 0.9; } .teetime-webservice .ui-page-header-fixed { padding-top: 2.8125em; } .teetime-webservice .ui-page-footer-fixed { padding-bottom: 2.8125em; } .teetime-webservice .ui-page-header-fullscreen > .ui-content, .teetime-webservice .ui-page-footer-fullscreen > .ui-content { padding: 0; } .teetime-webservice .ui-fixed-hidden { position: absolute; } .teetime-webservice .ui-footer-fixed.ui-fixed-hidden { display: none; } .teetime-webservice .ui-page .ui-footer-fixed.ui-fixed-hidden { display: block; } .teetime-webservice .ui-page-header-fullscreen .ui-fixed-hidden, .teetime-webservice .ui-page-footer-fullscreen .ui-fixed-hidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-header-fixed .ui-btn, .teetime-webservice .ui-footer-fixed .ui-btn { z-index: 10; } .teetime-webservice .ui-android-2x-fixed .ui-li-has-thumb { -webkit-transform: translate3d(0, 0, 0); } .teetime-webservice .ui-navbar { max-width: 100%; } .teetime-webservice .ui-navbar ul:before, .teetime-webservice .ui-navbar ul:after { content: ""; display: table; } .teetime-webservice .ui-navbar ul:after { clear: both; } .teetime-webservice .ui-navbar ul { list-style: none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; } .teetime-webservice .ui-navbar li .ui-btn { border-right-width: 0; display: block; font-size: 11px; margin: 0; padding: 13px 0 10px; text-transform: uppercase; } .teetime-webservice .ui-header .ui-navbar li button.ui-btn, .teetime-webservice .ui-footer .ui-navbar li button.ui-btn { margin: 0; width: 100%; } .teetime-webservice .ui-navbar .ui-btn:focus { z-index: 1; } .teetime-webservice .ui-navbar li:last-child .ui-btn { margin-right: -4px; } .teetime-webservice .ui-navbar li:last-child .ui-btn:after { margin-right: 4px; } .teetime-webservice .ui-content .ui-navbar li:last-child .ui-btn, .teetime-webservice .ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn { border-right-width: 1px; margin-right: 0; } .teetime-webservice .ui-content .ui-navbar li:last-child .ui-btn:after, .teetime-webservice .ui-content .ui-navbar .ui-grid-duo .ui-block-b .ui-btn:after { margin-right: 0; } .teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn { border-right-width: 1px; margin-right: -1px; } .teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:last-child .ui-btn:after { margin-right: 1px; } .teetime-webservice .ui-navbar .ui-grid-duo .ui-btn { border-top-width: 0; } .teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn, .teetime-webservice .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn { border-top-width: 1px; } .teetime-webservice .ui-header .ui-navbar .ui-btn, .teetime-webservice .ui-footer .ui-navbar .ui-btn { border-top-width: 0; border-bottom-width: 0; } .teetime-webservice .ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn, .teetime-webservice .ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn, .teetime-webservice .ui-header .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn, .teetime-webservice .ui-footer .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn { border-top-width: 0; } .teetime-webservice .ui-header .ui-title ~ .ui-navbar .ui-btn, .teetime-webservice .ui-footer .ui-title ~ .ui-navbar .ui-btn, .teetime-webservice .ui-header .ui-navbar .ui-grid-duo .ui-btn, .teetime-webservice .ui-footer .ui-navbar .ui-grid-duo .ui-btn, .teetime-webservice .ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn, .teetime-webservice .ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child .ui-btn, .teetime-webservice .ui-header .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn, .teetime-webservice .ui-footer .ui-title ~ .ui-navbar .ui-grid-duo .ui-block-a:first-child + .ui-block-b .ui-btn { border-top-width: 1px; } .teetime-webservice .ui-input-btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; border: 0; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background: #fff; background: rgba(255, 255, 255, 0); filter: Alpha(Opacity=0); opacity: 0.1; font-size: 1px; text-indent: -9999px; z-index: 2; } .teetime-webservice .ui-input-btn.ui-state-disabled input { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-collapsible { margin: 0 -1em; } .teetime-webservice .ui-collapsible-inset, .teetime-webservice .ui-collapsible-set { margin: 0.5em 0; } .teetime-webservice .ui-collapsible-heading { display: block; margin: 0; padding: 0; position: relative; } .teetime-webservice .ui-collapsible-heading .ui-btn { text-align: left; margin: 0; border-left-width: 0; border-right-width: 0; } .teetime-webservice .ui-collapsible-heading .ui-btn-icon-top, .teetime-webservice .ui-collapsible-heading .ui-btn-icon-bottom { text-align: center; } .teetime-webservice .ui-collapsible-inset .ui-collapsible-heading .ui-btn { border-right-width: 1px; border-left-width: 1px; } .teetime-webservice .ui-collapsible-collapsed + .ui-collapsible:not(.ui-collapsible-inset) > .ui-collapsible-heading .ui-btn { border-top-width: 0; } .teetime-webservice .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { border-top-width: 1px; } .teetime-webservice .ui-collapsible-heading-status { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-collapsible-content { display: block; margin: 0; padding: 0.5em 1em; } .teetime-webservice .ui-collapsible-themed-content .ui-collapsible-content { border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 1px; border-style: solid; } .teetime-webservice .ui-collapsible-inset.ui-collapsible-themed-content .ui-collapsible-content { border-left-width: 1px; border-right-width: 1px; } .teetime-webservice .ui-collapsible-inset .ui-collapsible-content { margin: 0; } .teetime-webservice .ui-collapsible-content-collapsed { display: none; } .teetime-webservice .ui-collapsible-set > .ui-collapsible.ui-corner-all-teetime { -webkit-border-radius: 0; border-radius: 0; } .teetime-webservice .ui-collapsible-heading, .teetime-webservice .ui-collapsible-heading > .ui-btn { -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice .ui-collapsible-set .ui-collapsible.ui-first-child { -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; } .teetime-webservice .ui-collapsible-content, .teetime-webservice .ui-collapsible-set .ui-collapsible.ui-last-child { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; } .teetime-webservice .ui-collapsible-themed-content:not(.ui-collapsible-collapsed) > .ui-collapsible-heading { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .teetime-webservice .ui-collapsible-set .ui-collapsible { margin: -1px -1em 0; } .teetime-webservice .ui-collapsible-set .ui-collapsible-inset { margin: -1px 0 0; } .teetime-webservice .ui-collapsible-set .ui-collapsible.ui-first-child { margin-top: 0; } .teetime-webservice .ui-controlgroup, .teetime-webservice fieldset.ui-controlgroup { padding: 0; margin: 0.5em 0; } .teetime-webservice .ui-field-contain .ui-controlgroup, .teetime-webservice .ui-field-contain fieldset.ui-controlgroup { margin: 0; } .teetime-webservice .ui-mini .ui-controlgroup-label { font-size: 16px; } .teetime-webservice .ui-controlgroup.ui-mini .ui-btn-icon-notext, .teetime-webservice .ui-controlgroup .ui-mini.ui-btn-icon-notext { font-size: inherit; } .teetime-webservice .ui-controlgroup-controls .ui-btn, .teetime-webservice .ui-controlgroup-controls .ui-checkbox, .teetime-webservice .ui-controlgroup-controls .ui-radio, .teetime-webservice .ui-controlgroup-controls .ui-select { margin: 0; } .teetime-webservice .ui-controlgroup-controls .ui-btn:focus, .teetime-webservice .ui-controlgroup-controls .ui-btn.ui-focus { z-index: 1; } .teetime-webservice .ui-controlgroup-controls li { list-style: none; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls { display: inline-block; vertical-align: middle; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls:before, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls:after { content: ""; display: table; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls:after { clear: both; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls > .ui-btn, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls li > .ui-btn, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-checkbox, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-radio, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-select { float: left; clear: none; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn, .teetime-webservice .ui-controlgroup-controls .ui-btn-icon-notext { width: auto; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn-icon-notext, .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn-icon-notext { width: 1.5em; } .teetime-webservice .ui-controlgroup-controls .ui-btn-icon-notext { height: auto; padding: 0.7em 1em; } .teetime-webservice .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn { border-bottom-width: 0; } .teetime-webservice .ui-controlgroup-vertical .ui-controlgroup-controls .ui-btn.ui-last-child { border-bottom-width: 1px; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn { border-right-width: 0; } .teetime-webservice .ui-controlgroup-horizontal .ui-controlgroup-controls .ui-btn.ui-last-child { border-right-width: 1px; } .teetime-webservice .ui-controlgroup-controls .ui-btn-corner-all, .teetime-webservice .ui-controlgroup-controls .ui-btn.ui-corner-all-teetime { -webkit-border-radius: 0; border-radius: 0; } .teetime-webservice .ui-controlgroup-controls, .teetime-webservice .ui-controlgroup-controls .ui-radio, .teetime-webservice .ui-controlgroup-controls .ui-checkbox, .teetime-webservice .ui-controlgroup-controls .ui-select, .teetime-webservice .ui-controlgroup-controls li { -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice .ui-controlgroup-vertical .ui-btn.ui-first-child { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; } .teetime-webservice .ui-controlgroup-vertical .ui-btn.ui-last-child { -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .teetime-webservice .ui-controlgroup-horizontal .ui-btn.ui-first-child { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; } .teetime-webservice .ui-controlgroup-horizontal .ui-btn.ui-last-child { -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .teetime-webservice .ui-controlgroup-controls a.ui-shadow:not(:focus), .teetime-webservice .ui-controlgroup-controls button.ui-shadow:not(:focus), .teetime-webservice .ui-controlgroup-controls div.ui-shadow:not(.ui-focus) { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .teetime-webservice .ui-controlgroup-label legend { max-width: 100%; } .teetime-webservice .ui-controlgroup-controls > label { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-dialog { background: none; /* this is to ensure that dialog theming does not apply (by default at least) on the page div */ } .teetime-webservice .ui-dialog-contain { width: 92.5%; max-width: 500px; margin: 10% auto 1em auto; padding: 0; position: relative; top: -1em; } .teetime-webservice .ui-dialog-contain > .ui-header, .teetime-webservice .ui-dialog-contain > .ui-content, .teetime-webservice .ui-dialog-contain > .ui-footer { display: block; position: relative; width: auto; margin: 0; } .teetime-webservice .ui-dialog-contain > .ui-header { overflow: hidden; z-index: 10; padding: 0; border-top-width: 0; } .teetime-webservice .ui-dialog-contain > .ui-footer { z-index: 10; padding: 0 1em; border-bottom-width: 0; } .teetime-webservice .ui-popup-open .ui-header-fixed, .teetime-webservice .ui-popup-open .ui-footer-fixed { position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */ } .teetime-webservice .ui-popup-screen { background-image: url("data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); /* Necessary to set some form of background to ensure element is clickable in IE6/7. While legacy IE won't understand the data-URI'd image, it ensures no additional requests occur in all other browsers with little overhead. */ top: 0; left: 0; right: 0; bottom: 1px; position: absolute; filter: Alpha(Opacity=0); opacity: 0; z-index: 1099; } .teetime-webservice .ui-popup-screen.in { opacity: 0.5; filter: Alpha(Opacity=50); } .teetime-webservice .ui-popup-screen.out { opacity: 0; filter: Alpha(Opacity=0); } .teetime-webservice .ui-popup-container { z-index: 1100; display: inline-block; position: absolute; padding: 0; outline: 0; } .teetime-webservice .ui-popup { position: relative; } .teetime-webservice .ui-popup.ui-body-inherit { border-width: 1px; border-style: solid; } .teetime-webservice .ui-popup-hidden { left: 0; top: 0; position: absolute !important; visibility: hidden; } .teetime-webservice .ui-popup-truncate { height: 1px; width: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-popup.ui-content, .teetime-webservice .ui-popup .ui-content { overflow: visible; } .teetime-webservice .ui-popup > .ui-header { border-top-width: 0; } .teetime-webservice .ui-popup > .ui-footer { border-bottom-width: 0; } .teetime-webservice .ui-popup > p, .teetime-webservice .ui-popup > h1, .teetime-webservice .ui-popup > h2, .teetime-webservice .ui-popup > h3, .teetime-webservice .ui-popup > h4, .teetime-webservice .ui-popup > h5, .teetime-webservice .ui-popup > h6 { margin: 0.5em 0.4375em; } .teetime-webservice .ui-popup > span { display: block; margin: 0.5em 0.4375em; } .teetime-webservice .ui-popup-container .ui-content > p, .teetime-webservice .ui-popup-container .ui-content > h1, .teetime-webservice .ui-popup-container .ui-content > h2, .teetime-webservice .ui-popup-container .ui-content > h3, .teetime-webservice .ui-popup-container .ui-content > h4, .teetime-webservice .ui-popup-container .ui-content > h5, .teetime-webservice .ui-popup-container .ui-content > h6 { margin: 0.5em 0; } .teetime-webservice .ui-popup-container .ui-content > span { margin: 0; } .teetime-webservice .ui-popup-container .ui-content > p:first-child, .teetime-webservice .ui-popup-container .ui-content > h1:first-child, .teetime-webservice .ui-popup-container .ui-content > h2:first-child, .teetime-webservice .ui-popup-container .ui-content > h3:first-child, .teetime-webservice .ui-popup-container .ui-content > h4:first-child, .teetime-webservice .ui-popup-container .ui-content > h5:first-child, .teetime-webservice .ui-popup-container .ui-content > h6:first-child { margin-top: 0; } .teetime-webservice .ui-popup-container .ui-content > p:last-child, .teetime-webservice .ui-popup-container .ui-content > h1:last-child, .teetime-webservice .ui-popup-container .ui-content > h2:last-child, .teetime-webservice .ui-popup-container .ui-content > h3:last-child, .teetime-webservice .ui-popup-container .ui-content > h4:last-child, .teetime-webservice .ui-popup-container .ui-content > h5:last-child, .teetime-webservice .ui-popup-container .ui-content > h6:last-child { margin-bottom: 0; } .teetime-webservice .ui-popup > img { max-width: 100%; max-height: 100%; vertical-align: middle; } .teetime-webservice .ui-popup:not(.ui-content) > img:only-child, .teetime-webservice .ui-popup:not(.ui-content) > .ui-btn-left:first-child + img:last-child, .teetime-webservice .ui-popup:not(.ui-content) > .ui-btn-right:first-child + img:last-child { -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice .ui-popup iframe { vertical-align: middle; } .teetime-webservice .ui-popup > .ui-btn-left, .teetime-webservice .ui-popup > .ui-btn-right { position: absolute; top: -11px; margin: 0; z-index: 1101; } .teetime-webservice .ui-popup > .ui-btn-left { left: -11px; } .teetime-webservice .ui-popup > .ui-btn-right { right: -11px; } .teetime-webservice .ui-popup-arrow-container { width: 20px; height: 20px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-l { left: -10px; clip: rect(-1000px, 10px, 2000px, -1000px); } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-t { top: -10px; clip: rect(-1000px, 2000px, 10px, -1000px); } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-r { right: -10px; clip: rect(-1000px, 2000px, 2000px, 10px); } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-b { bottom: -10px; clip: rect(10px, 2000px, 1000px, -1000px); } .teetime-webservice .ui-popup-arrow-container .ui-popup-arrow { /* (4*desired triangle height)/sqrt(2) - does not account for border - centred within the outer rectangle */ width: 28.284271247px; height: 28.284271247px; border-width: 1px; border-style: solid; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-t .ui-popup-arrow { left: -4.142135623px; top: 5.857864376px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-b .ui-popup-arrow { left: -4.142135623px; top: -14.142135623px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-l .ui-popup-arrow { left: 5.857864376px; top: -4.142135623px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-r .ui-popup-arrow { left: -14.142135623px; top: -4.142135623px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-t.ie .ui-popup-arrow { margin-left: -5.8578643763px; margin-top: -7.0710678119px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-b.ie .ui-popup-arrow { margin-left: -5.8578643763px; margin-top: -4.1421356237px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-l.ie .ui-popup-arrow { margin-left: -7.0710678119px; margin-top: -5.8578643763px; } .teetime-webservice .ui-popup-arrow-container.ui-popup-arrow-r.ie .ui-popup-arrow { margin-left: -4.1421356237px; margin-top: -5.8578643763px; } .teetime-webservice .ui-popup > .ui-popup-arrow-guide { position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; } .teetime-webservice .ui-popup-arrow-container { position: absolute; } .teetime-webservice .ui-popup-arrow { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; overflow: hidden; box-sizing: border-box; } .teetime-webservice .ui-popup-arrow-container.ie .ui-popup-arrow { -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod="auto expand"); } .teetime-webservice .ui-checkbox, .teetime-webservice .ui-radio { margin: 0.5em 0; position: relative; } .teetime-webservice .ui-checkbox .ui-btn, .teetime-webservice .ui-radio .ui-btn { margin: 0; text-align: left; white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */ z-index: 2; } .teetime-webservice .ui-controlgroup .ui-checkbox .ui-btn.ui-focus, .teetime-webservice .ui-controlgroup .ui-radio .ui-btn.ui-focus { z-index: 3; } .teetime-webservice .ui-checkbox .ui-btn-icon-top, .teetime-webservice .ui-radio .ui-btn-icon-top, .teetime-webservice .ui-checkbox .ui-btn-icon-bottom, .teetime-webservice .ui-radio .ui-btn-icon-bottom { text-align: center; } .teetime-webservice .ui-controlgroup-horizontal .ui-checkbox .ui-btn:after, .teetime-webservice .ui-controlgroup-horizontal .ui-radio .ui-btn:after { content: none; display: none; } .teetime-webservice .ui-checkbox input, .teetime-webservice .ui-radio input { position: absolute; left: 0.466em; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 0; outline: 0 !important; z-index: 1; } .teetime-webservice .ui-controlgroup-horizontal .ui-checkbox input, .teetime-webservice .ui-controlgroup-horizontal .ui-radio input { left: 50%; margin-left: -9px; } .teetime-webservice .ui-checkbox input:disabled, .teetime-webservice .ui-radio input:disabled { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-select { margin-top: 0.5em; margin-bottom: 0.5em; /* no shorthand for margin because it would override margin-right for inline selects */ position: relative; } .teetime-webservice .ui-select > select { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-select .ui-btn { margin: 0; opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */ } .teetime-webservice .ui-select .ui-btn select { position: absolute; top: 0; left: 0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; } @-moz-document url-prefix() { .teetime-webservice .ui-select .ui-btn select { opacity: 0.0001; } } .teetime-webservice .ui-select .ui-state-disabled select { display: none; } .teetime-webservice .ui-select span.ui-state-disabled { filter: Alpha(Opacity=100); opacity: 1; } .teetime-webservice .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; } .teetime-webservice .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; } .teetime-webservice .ui-select .ui-li-has-count.ui-btn { padding-right: 2.8125em; } .teetime-webservice .ui-select .ui-li-has-count.ui-btn-icon-right { padding-right: 4.6875em; } .teetime-webservice .ui-select .ui-btn-icon-right .ui-li-count { right: 3.2em; } .teetime-webservice .ui-select .ui-btn > span:not(.ui-li-count) { display: block; text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .teetime-webservice .ui-selectmenu.ui-popup { min-width: 11em; } .teetime-webservice .ui-selectmenu .ui-dialog-contain { overflow: hidden; } .teetime-webservice .ui-selectmenu .ui-header { margin: 0; padding: 0; border-width: 0; } .teetime-webservice .ui-selectmenu.ui-dialog .ui-header { z-index: 1; position: relative; } .teetime-webservice .ui-selectmenu.ui-popup .ui-header { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .teetime-webservice .ui-selectmenu.ui-popup .ui-header h1:after { content: "."; visibility: hidden; } .teetime-webservice .ui-selectmenu .ui-header .ui-title { margin: 0 2.875em; } .teetime-webservice .ui-selectmenu.ui-dialog .ui-content { overflow: visible; z-index: 1; } .teetime-webservice .ui-selectmenu .ui-selectmenu-list { margin: 0; -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice .ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .teetime-webservice .ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn { border-top-width: 0; } .teetime-webservice .ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn { border-bottom-width: 0; } .teetime-webservice .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } .teetime-webservice .ui-selectmenu .ui-selectmenu-placeholder { display: none; } .teetime-webservice .ui-listview, .teetime-webservice .ui-listview > li { margin: 0; padding: 0; list-style: none; } .teetime-webservice .ui-content .ui-listview, .teetime-webservice .ui-panel-inner > .ui-listview { margin: -1em; } .teetime-webservice .ui-content .ui-listview-inset, .teetime-webservice .ui-panel-inner > .ui-listview-inset { margin: 1em 0; } .teetime-webservice .ui-collapsible-content > .ui-listview { margin: -0.5em -1em; } .teetime-webservice .ui-collapsible-content > .ui-listview-inset { margin: 0.5em 0; } .teetime-webservice .ui-listview > li { display: block; position: relative; overflow: visible; } .teetime-webservice .ui-listview > .ui-li-static, .teetime-webservice .ui-listview > .ui-li-divider, .teetime-webservice .ui-listview > li > a.ui-btn { margin: 0; display: block; position: relative; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .teetime-webservice .ui-listview > li > .ui-btn:focus { z-index: 1; } .teetime-webservice .ui-listview > .ui-li-static, .teetime-webservice .ui-listview > .ui-li-divider, .teetime-webservice .ui-listview > li > a.ui-btn { border-width: 1px 0 0 0; border-style: solid; } .teetime-webservice .ui-listview-inset > .ui-li-static, .teetime-webservice .ui-listview-inset > .ui-li-divider, .teetime-webservice .ui-listview-inset > li > a.ui-btn { border-right-width: 1px; border-left-width: 1px; } .teetime-webservice .ui-listview > .ui-li-static.ui-last-child, .teetime-webservice .ui-listview > .ui-li-divider.ui-last-child, .teetime-webservice .ui-listview > li.ui-last-child > a.ui-btn { border-bottom-width: 1px; } .teetime-webservice .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child, .teetime-webservice .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn { border-top-width: 0; } .teetime-webservice .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child, .teetime-webservice .ui-collapsible-themed-content .ui-listview:not(.ui-listview-inset) > li.ui-last-child > a.ui-btn { border-bottom-width: 0; } .teetime-webservice .ui-listview > li.ui-first-child, .teetime-webservice .ui-listview > li.ui-first-child > a.ui-btn { -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; } .teetime-webservice .ui-listview > li.ui-last-child, .teetime-webservice .ui-listview > li.ui-last-child > a.ui-btn { -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; } .teetime-webservice .ui-listview > li.ui-li-has-alt > a.ui-btn { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .teetime-webservice .ui-listview > li.ui-first-child > a.ui-btn + a.ui-btn { -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -webkit-border-top-right-radius: inherit; border-top-right-radius: inherit; } .teetime-webservice .ui-listview > li.ui-last-child > a.ui-btn + a.ui-btn { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: inherit; border-bottom-right-radius: inherit; } .teetime-webservice .ui-listview > li.ui-first-child img:first-child:not(.ui-li-icon) { -webkit-border-top-left-radius: inherit; border-top-left-radius: inherit; } .teetime-webservice .ui-listview > li.ui-last-child img:first-child:not(.ui-li-icon) { -webkit-border-bottom-left-radius: inherit; border-bottom-left-radius: inherit; } .teetime-webservice .ui-collapsible-content > .ui-listview:not(.ui-listview-inset) { -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice .ui-listview > .ui-li-static { padding: 0.7em 1em; } .teetime-webservice .ui-listview > .ui-li-divider { padding: 0.5em 1.143em; font-size: 14px; font-weight: bold; cursor: default; outline: 0; /* Dividers in custom selectmenus have tabindex */ } .teetime-webservice .ui-listview > .ui-li-has-count > .ui-btn, .teetime-webservice .ui-listview > .ui-li-static.ui-li-has-count, .teetime-webservice .ui-listview > .ui-li-divider.ui-li-has-count { padding-right: 2.8125em; } .teetime-webservice .ui-listview > .ui-li-has-count > .ui-btn-icon-right { padding-right: 4.6875em; } .teetime-webservice .ui-listview > .ui-li-has-thumb > .ui-btn, .teetime-webservice .ui-listview > .ui-li-static.ui-li-has-thumb { min-height: 3.625em; padding-left: 6.25em; } .teetime-webservice .ui-listview > .ui-li-has-icon > .ui-btn, .teetime-webservice .ui-listview > .ui-li-static.ui-li-has-icon { min-height: 1.25em; padding-left: 2.5em; } .teetime-webservice .ui-li-count { position: absolute; font-size: 12.5px; font-weight: bold; text-align: center; border-width: 1px; border-style: solid; padding: 0 0.48em; line-height: 1.6em; min-height: 1.6em; min-width: 0.64em; right: 0.8em; top: 50%; margin-top: -0.88em; } .teetime-webservice .ui-listview .ui-btn-icon-right .ui-li-count { right: 3.2em; } .teetime-webservice .ui-listview .ui-li-has-thumb > img:first-child, .teetime-webservice .ui-listview .ui-li-has-thumb > .ui-btn > img:first-child, .teetime-webservice .ui-listview .ui-li-has-thumb .ui-li-thumb { position: absolute; left: 0; top: 0; max-height: 5em; max-width: 5em; } .teetime-webservice .ui-listview > .ui-li-has-icon > img:first-child, .teetime-webservice .ui-listview > .ui-li-has-icon > .ui-btn > img:first-child { position: absolute; left: 0.625em; top: 0.9em; max-height: 1em; max-width: 1em; } .teetime-webservice .ui-listview > li h1, .teetime-webservice .ui-listview > li h2, .teetime-webservice .ui-listview > li h3, .teetime-webservice .ui-listview > li h4, .teetime-webservice .ui-listview > li h5, .teetime-webservice .ui-listview > li h6 { font-size: 1em; font-weight: bold; display: block; margin: 0.45em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .teetime-webservice .ui-listview > li p { font-size: 0.75em; font-weight: normal; display: block; margin: 0.6em 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .teetime-webservice .ui-listview .ui-li-aside { position: absolute; top: 1em; right: 3.333em; margin: 0; text-align: right; } .teetime-webservice .ui-listview > li.ui-li-has-alt > .ui-btn { margin-right: 2.5em; border-right-width: 0; } .teetime-webservice .ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn { position: absolute; width: 2.5em; height: 100%; min-height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left-width: 1px; top: 0; right: 0; margin: 0; padding: 0; z-index: 2; } .teetime-webservice .ui-listview-inset > li.ui-li-has-alt > .ui-btn + .ui-btn { border-right-width: 1px; } .teetime-webservice .ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn:focus { z-index: 3; } .teetime-webservice ol.ui-listview, .teetime-webservice ol.ui-listview > .ui-li-divider { counter-reset: listnumbering; } .teetime-webservice ol.ui-listview > li > .ui-btn, .teetime-webservice ol.ui-listview > li.ui-li-static { vertical-align: middle; } .teetime-webservice ol.ui-listview > li > .ui-btn:first-child:before, .teetime-webservice ol.ui-listview > li.ui-li-static:before, .teetime-webservice ol.ui-listview > li.ui-field-contain > label:before, .teetime-webservice ol.ui-listview > li.ui-field-contain > .ui-controlgroup-label:before { display: inline-block; font-size: 0.9em; font-weight: normal; padding-right: 0.3em; min-width: 1.4em; line-height: 1.5; vertical-align: middle; counter-increment: listnumbering; content: counter(listnumbering) "."; } .teetime-webservice ol.ui-listview > li.ui-field-contain:before { content: none; display: none; } .teetime-webservice ol.ui-listview > li h1:first-child, .teetime-webservice ol.ui-listview > li h2:first-child, .teetime-webservice ol.ui-listview > li h3:first-child, .teetime-webservice ol.ui-listview > li h4:first-child, .teetime-webservice ol.ui-listview > li h5:first-child, .teetime-webservice ol.ui-listview > li h6:first-child, .teetime-webservice ol.ui-listview > li p:first-child, .teetime-webservice ol.ui-listview > li img:first-child + * { display: inline-block; vertical-align: middle; } .teetime-webservice ol.ui-listview > li h1:first-child ~ *, .teetime-webservice ol.ui-listview > li h2:first-child ~ *, .teetime-webservice ol.ui-listview > li h3:first-child ~ *, .teetime-webservice ol.ui-listview > li h4:first-child ~ *, .teetime-webservice ol.ui-listview > li h5:first-child ~ *, .teetime-webservice ol.ui-listview > li h6:first-child ~ *, .teetime-webservice ol.ui-listview > li p:first-child ~ *, .teetime-webservice ol.ui-listview > li img:first-child + * ~ * { margin-top: 0; text-indent: 2.04em; /* (1.4em + .3em) * .9em / .75em */ } .teetime-webservice html .ui-filterable + .ui-listview, .teetime-webservice html .ui-filterable.ui-listview { margin-top: 0.5em; } .teetime-webservice .ui-collapsible-content > form.ui-filterable { margin-top: -0.5em; } .teetime-webservice .ui-collapsible-content > .ui-input-search.ui-filterable { margin-top: 0; } .teetime-webservice .ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child, .teetime-webservice .ui-collapsible-content > .ui-filterable + .ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn, .teetime-webservice .ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child, .teetime-webservice .ui-collapsible-content > .ui-filterable.ui-listview:not(.ui-listview-inset) > li.ui-first-child > a.ui-btn { border-top-width: 1px; } .teetime-webservice div.ui-slider { height: 30px; margin: 0.5em 0; padding: 0; -ms-touch-action: pan-y pinch-zoom double-tap-zoom; } .teetime-webservice div.ui-slider:before, .teetime-webservice div.ui-slider:after { content: ""; display: table; } .teetime-webservice div.ui-slider:after { clear: both; } .teetime-webservice input.ui-slider-input { display: block; float: left; font-size: 14px; font-weight: bold; margin: 0; padding: 4px; width: 40px; height: 20px; line-height: 20px; border-width: 1px; border-style: solid; outline: 0; text-align: center; vertical-align: text-bottom; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .teetime-webservice .ui-slider-input::-webkit-outer-spin-button, .teetime-webservice .ui-slider-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .teetime-webservice .ui-slider-track { position: relative; overflow: visible; border-width: 1px; border-style: solid; height: 15px; margin: 0 15px 0 68px; top: 6px; } .teetime-webservice .ui-slider-track.ui-mini { height: 12px; top: 8px; } .teetime-webservice .ui-slider-track .ui-slider-bg { height: 100%; } .teetime-webservice .ui-slider-track .ui-btn.ui-slider-handle { position: absolute; z-index: 1; top: 50%; width: 28px; height: 28px; margin: -15px 0 0 -15px; outline: 0; padding: 0; } .teetime-webservice .ui-slider-track.ui-mini .ui-slider-handle { height: 14px; width: 14px; margin: -8px 0 0 -8px; } .teetime-webservice select.ui-slider-switch { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice div.ui-slider-switch { display: inline-block; height: 32px; width: 5.8em; top: 0; } .teetime-webservice div.ui-slider-switch:before, .teetime-webservice div.ui-slider-switch:after { display: none; clear: none; } .teetime-webservice div.ui-slider-switch.ui-mini { height: 29px; top: 0; } .teetime-webservice .ui-slider-inneroffset { margin: 0 16px; position: relative; z-index: 1; } .teetime-webservice .ui-slider-switch.ui-mini .ui-slider-inneroffset { margin: 0 15px 0 14px; } .teetime-webservice .ui-slider-switch .ui-btn.ui-slider-handle { margin: 1px 0 0 -15px; } .teetime-webservice .ui-slider-switch.ui-mini .ui-slider-handle { width: 25px; height: 25px; margin: 1px 0 0 -13px; padding: 0; } .teetime-webservice .ui-slider-handle-snapping { -webkit-transition: left 70ms linear; -moz-transition: left 70ms linear; transition: left 70ms linear; } .teetime-webservice .ui-slider-switch .ui-slider-label { position: absolute; text-align: center; width: 100%; overflow: hidden; font-size: 16px; top: 0; line-height: 2; min-height: 100%; white-space: nowrap; cursor: pointer; } .teetime-webservice .ui-slider-switch.ui-mini .ui-slider-label { font-size: 14px; } .teetime-webservice .ui-slider-switch .ui-slider-label-a { z-index: 1; left: 0; text-indent: -1.5em; } .teetime-webservice .ui-slider-switch .ui-slider-label-b { z-index: 0; right: 0; text-indent: 1.5em; } .teetime-webservice .ui-slider-track .ui-slider-bg, .teetime-webservice .ui-slider-switch .ui-slider-label, .teetime-webservice .ui-slider-switch .ui-slider-inneroffset, .teetime-webservice .ui-slider-handle { -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice .ui-field-contain div.ui-slider-switch { margin: 0; } .teetime-webservice .ui-field-contain div.ui-slider-switch, .teetime-webservice .ui-field-contain.ui-hide-label div.ui-slider-switch, .teetime-webservice html .ui-popup .ui-field-contain div.ui-slider-switch { display: inline-block; width: 5.8em; } .teetime-webservice .ui-slider-popup { width: 64px; height: 64px; font-size: 36px; padding-top: 14px; opacity: 0.8; } .teetime-webservice .ui-slider-popup { position: absolute !important; text-align: center; z-index: 100; } .teetime-webservice .ui-slider-track .ui-btn.ui-slider-handle { font-size: 0.9em; line-height: 30px; } .teetime-webservice .ui-rangeslider { margin: 0.5em 0; } .teetime-webservice .ui-rangeslider:before, .teetime-webservice .ui-rangeslider:after { content: ""; display: table; } .teetime-webservice .ui-rangeslider:after { clear: both; } .teetime-webservice .ui-rangeslider .ui-slider-input.ui-rangeslider-last { float: right; } .teetime-webservice .ui-rangeslider .ui-rangeslider-sliders { position: relative; overflow: visible; height: 30px; margin: 0 68px; } .teetime-webservice .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track { position: absolute; top: 6px; right: 0; left: 0; margin: 0; } .teetime-webservice .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track { top: 8px; } .teetime-webservice .ui-rangeslider .ui-slider-track:first-child .ui-slider-bg { display: none; } .teetime-webservice .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child { background-color: transparent; background: none; border-width: 0; height: 0; } .teetime-webservice html > body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child { height: 15px; border-width: 1px; } .teetime-webservice html > body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child { height: 12px; } .teetime-webservice div.ui-rangeslider label { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-field-contain .ui-rangeslider input.ui-slider-input, .teetime-webservice .ui-field-contain .ui-rangeslider.ui-mini input.ui-slider-input, .teetime-webservice .ui-field-contain .ui-rangeslider .ui-rangeslider-sliders, .teetime-webservice .ui-field-contain .ui-rangeslider.ui-mini .ui-rangeslider-sliders { margin-top: 0; margin-bottom: 0; } .teetime-webservice .ui-input-text, .teetime-webservice .ui-input-search { margin: 0.5em 0; border-width: 1px; border-style: solid; } .teetime-webservice .ui-mini { margin: 0.446em; } .teetime-webservice .ui-input-text input, .teetime-webservice .ui-input-search input, .teetime-webservice textarea.ui-input-text { padding: 0.4em; line-height: 1.4em; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; } .teetime-webservice .ui-input-text input, .teetime-webservice .ui-input-search input { margin: 0; min-height: 2.2em; text-align: left; /* Opera aligns type="date" right by default */ border: 0; background: transparent none; -webkit-appearance: none; -webkit-border-radius: inherit; border-radius: inherit; } .teetime-webservice textarea.ui-input-text { overflow: auto; resize: vertical; } .teetime-webservice .ui-mini .ui-input-text input, .teetime-webservice .ui-mini .ui-input-search input, .teetime-webservice .ui-input-text.ui-mini input, .teetime-webservice .ui-input-search.ui-mini input, .teetime-webservice .ui-mini textarea.ui-input-text, .teetime-webservice textarea.ui-mini { font-size: 14px; } .teetime-webservice .ui-mini textarea.ui-input-text, .teetime-webservice textarea.ui-mini { margin: 0.446em 0; } .teetime-webservice .ui-input-has-clear, .teetime-webservice .ui-input-search { position: relative; } .teetime-webservice .ui-input-has-clear { padding-right: 2.375em; } .teetime-webservice .ui-mini.ui-input-has-clear { padding-right: 2.923em; } .teetime-webservice .ui-input-has-clear input { padding-right: 0; /* Autofill on Chrome has bg color so we unset corners right as well. */ -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .teetime-webservice .ui-input-search input { padding-left: 1.75em; } .teetime-webservice .ui-input-search:after { position: absolute; left: 0.3125em; top: 50%; margin-top: -7px; content: ""; background-position: center center; background-repeat: no-repeat; width: 14px; height: 14px; filter: Alpha(Opacity=50); opacity: 0.5; } .teetime-webservice .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .teetime-webservice .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear { position: absolute; right: 0; top: 50%; margin: -14px 0.3125em 0; border: 0; background-color: transparent; } .teetime-webservice .ui-input-search .ui-input-clear-hidden, .teetime-webservice .ui-input-text .ui-input-clear-hidden { display: none; } .teetime-webservice .ui-input-text input::-moz-placeholder, .teetime-webservice .ui-input-search input::-moz-placeholder, .teetime-webservice textarea.ui-input-text::-moz-placeholder { color: #aaa; } .teetime-webservice .ui-input-text input:-ms-input-placeholder, .teetime-webservice .ui-input-search input:-ms-input-placeholder, .teetime-webservice textarea.ui-input-text:-ms-input-placeholder { color: #aaa; } .teetime-webservice .ui-input-text input[type=number]::-webkit-outer-spin-button { margin: 0; } .teetime-webservice .ui-input-text input::-ms-clear, .teetime-webservice .ui-input-search input::-ms-clear { display: none; } .teetime-webservice .ui-input-text input:focus, .teetime-webservice .ui-input-search input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .teetime-webservice textarea.ui-input-text.ui-textinput-autogrow { overflow: hidden; } .teetime-webservice .ui-textinput-autogrow-resize { -webkit-transition: height 0.25s; -o-transition: height 0.25s; -moz-transition: height 0.25s; transition: height 0.25s; } .teetime-webservice .ui-flipswitch { display: inline-block; vertical-align: middle; width: 5.875em; /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */ height: 1.875em; border-width: 1px; border-style: solid; margin: 0.5em 0; overflow: hidden; -webkit-transition-property: padding, width, background-color, color, border-color; -moz-transition-property: padding, width, background-color, color, border-color; -o-transition-property: padding, width, background-color, color, border-color; transition-property: padding, width, background-color, color, border-color; -webkit-transition-duration: 100ms; -moz-transition-duration: 100ms; -o-transition-duration: 100ms; transition-duration: 100ms; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .teetime-webservice .ui-flipswitch.ui-flipswitch-active { padding-left: 4em; /* Override this and width in previous rule if you use labels other than "on/off" and need more space */ width: 1.875em; } .teetime-webservice .ui-flipswitch-input { position: absolute; height: 1px; width: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0; outline: 0; filter: Alpha(Opacity=0); opacity: 0; } .teetime-webservice .ui-flipswitch .ui-btn.ui-flipswitch-on, .teetime-webservice .ui-flipswitch .ui-flipswitch-off { float: left; height: 1.75em; margin: 0.0625em; line-height: 1.65em; } .teetime-webservice .ui-flipswitch .ui-btn.ui-flipswitch-on { width: 1.75em; padding: 0; text-indent: -2.6em; /* Override this to center text if you use a label other than "on" */ text-align: left; border-width: 1px; border-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: inherit; overflow: visible; color: inherit; text-shadow: inherit; } .teetime-webservice .ui-flipswitch .ui-flipswitch-off { padding: 1px; text-indent: 1em; /* Override this to center text if you use a label other than "off" */ } .teetime-webservice html .ui-field-contain > label + .ui-flipswitch, .teetime-webservice html .ui-popup .ui-field-contain > label + .ui-flipswitch { display: inline-block; width: 5.875em; /* If you override the width for .ui-flipswitch you should repeat the same value here */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .teetime-webservice .ui-field-contain .ui-flipswitch.ui-flipswitch-active, .teetime-webservice .ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active { width: 1.875em; } .teetime-webservice .ui-table { border: 0; border-collapse: collapse; padding: 0; width: 100%; } .teetime-webservice .ui-table th, .teetime-webservice .ui-table td { line-height: 1.5em; text-align: left; padding: 0.4em 0.5em; vertical-align: top; } .teetime-webservice .ui-table th .ui-btn, .teetime-webservice .ui-table td .ui-btn { line-height: normal; } .teetime-webservice .ui-table th { font-weight: bold; } .teetime-webservice .ui-table caption { text-align: left; margin-bottom: 1.4em; opacity: 0.5; } .teetime-webservice .ui-table-columntoggle-btn { float: right; margin-bottom: 0.8em; } .teetime-webservice .ui-table-columntoggle-popup fieldset { margin: 0; } .teetime-webservice .ui-table-columntoggle { clear: both; } @media only all { .teetime-webservice th.ui-table-priority-6, .teetime-webservice td.ui-table-priority-6, .teetime-webservice th.ui-table-priority-5, .teetime-webservice td.ui-table-priority-5, .teetime-webservice th.ui-table-priority-4, .teetime-webservice td.ui-table-priority-4, .teetime-webservice th.ui-table-priority-3, .teetime-webservice td.ui-table-priority-3, .teetime-webservice th.ui-table-priority-2, .teetime-webservice td.ui-table-priority-2, .teetime-webservice th.ui-table-priority-1, .teetime-webservice td.ui-table-priority-1 { display: none; } } @media screen and (min-width: 20em) { .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-1, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-1 { display: table-cell; } } @media screen and (min-width: 30em) { .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-2, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-2 { display: table-cell; } } @media screen and (min-width: 40em) { .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-3, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-3 { display: table-cell; } } @media screen and (min-width: 50em) { .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-4, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-4 { display: table-cell; } } @media screen and (min-width: 60em) { .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-5, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-5 { display: table-cell; } } @media screen and (min-width: 70em) { .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-priority-6, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-priority-6 { display: table-cell; } } .teetime-webservice .ui-table-columntoggle th.ui-table-cell-hidden, .teetime-webservice .ui-table-columntoggle td.ui-table-cell-hidden, .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden { display: none; } .teetime-webservice .ui-table-columntoggle th.ui-table-cell-visible, .teetime-webservice .ui-table-columntoggle td.ui-table-cell-visible, .teetime-webservice .ui-table-columntoggle.ui-responsive th.ui-table-cell-visible, .teetime-webservice .ui-table-columntoggle.ui-responsive td.ui-table-cell-visible { display: table-cell; } .teetime-webservice .ui-table-reflow td .ui-table-cell-label, .teetime-webservice .ui-table-reflow th .ui-table-cell-label { display: none; } @media only all { .teetime-webservice { /* Hide the table headers */ /* Show the table cells as a block level element */ /* Add a fair amount of top margin to visually separate each row when stacked */ /* Make the label elements a percentage width */ /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */ } .teetime-webservice .ui-table-reflow thead td, .teetime-webservice .ui-table-reflow thead th { display: none; } .teetime-webservice .ui-table-reflow td, .teetime-webservice .ui-table-reflow th { text-align: left; display: block; } .teetime-webservice .ui-table-reflow tbody th { margin-top: 3em; } .teetime-webservice .ui-table-reflow td .ui-table-cell-label, .teetime-webservice .ui-table-reflow th .ui-table-cell-label { padding: 0.4em; min-width: 30%; display: inline-block; margin: -0.4em 1em -0.4em -0.4em; } .teetime-webservice .ui-table-reflow th .ui-table-cell-label-top, .teetime-webservice .ui-table-reflow td .ui-table-cell-label-top { display: block; padding: 0.4em 0; margin: 0.4em 0; text-transform: uppercase; font-size: 0.9em; font-weight: normal; } } @media (min-width: 35em) { .teetime-webservice { /* Show the table header rows */ /* Hide the labels in each cell */ } .teetime-webservice .ui-table-reflow.ui-responsive td, .teetime-webservice .ui-table-reflow.ui-responsive th, .teetime-webservice .ui-table-reflow.ui-responsive tbody th, .teetime-webservice .ui-table-reflow.ui-responsive tbody td, .teetime-webservice .ui-table-reflow.ui-responsive thead td, .teetime-webservice .ui-table-reflow.ui-responsive thead th { display: table-cell; margin: 0; } .teetime-webservice .ui-table-reflow.ui-responsive td .ui-table-cell-label, .teetime-webservice .ui-table-reflow.ui-responsive th .ui-table-cell-label { display: none; } } @media (max-width: 35em) { .teetime-webservice .ui-table-reflow.ui-responsive td, .teetime-webservice .ui-table-reflow.ui-responsive th { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left; } } .teetime-webservice .ui-panel { width: 17em; min-height: 100%; max-height: none; border-width: 0; position: absolute; top: 0; display: block; } .teetime-webservice .ui-panel-closed { width: 0; max-height: 100%; overflow: hidden; visibility: hidden; left: 0; clip: rect(1px, 1px, 1px, 1px); } .teetime-webservice .ui-panel-fixed { position: fixed; bottom: -1px; /* Fixes gap on Chrome for Android */ padding-bottom: 1px; } .teetime-webservice .ui-panel-display-reveal { z-index: 1; } .teetime-webservice .ui-panel-display-push { z-index: 999; } .teetime-webservice .ui-panel-display-overlay { z-index: 1001; /* Fixed toolbars have z-index 1000 */ } .teetime-webservice .ui-panel-inner { padding: 1em; } .teetime-webservice .ui-panel-page-container { overflow-x: visible; } .teetime-webservice .ui-panel-page-container-themed .ui-page-active { background: none; } .teetime-webservice .ui-panel-wrapper { position: relative; min-height: inherit; border: 0; overflow-x: hidden; z-index: 99; } .teetime-webservice .ui-panel-fixed-toolbar { overflow-x: hidden; } .teetime-webservice .ui-panel-dismiss { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1002; display: none; } .teetime-webservice .ui-panel-dismiss-open { display: block; } .teetime-webservice .ui-panel-animate { -webkit-transition: -webkit-transform 300ms ease; -webkit-transition-duration: 300ms; -moz-transition: -moz-transform 300ms ease; transition: transform 300ms ease; } @media screen and (max-device-width: 768px) { .teetime-webservice { /* We need a transitionend event ... */ } .teetime-webservice .ui-page-header-fixed .ui-panel-animate.ui-panel-wrapper, .teetime-webservice .ui-page-footer-fixed .ui-panel-animate.ui-panel-wrapper, .teetime-webservice .ui-panel-animate.ui-panel-fixed-toolbar { -ms-transition: none; } .teetime-webservice .ui-panel-animate.ui-panel-fixed-toolbar { -ms-transition: -ms-transform 1ms; -ms-transform: rotate(0deg); } } .teetime-webservice .ui-panel-animate.ui-panel:not(.ui-panel-display-reveal) { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .teetime-webservice .ui-panel-position-left { left: -17em; } .teetime-webservice .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .teetime-webservice .ui-panel-animate.ui-panel-position-left.ui-panel-display-push { left: 0; -webkit-transform: translate3d(-17em, 0, 0); -moz-transform: translate3d(-17em, 0, 0); transform: translate3d(-17em, 0, 0); } .teetime-webservice .ui-panel-position-left.ui-panel-display-reveal, .teetime-webservice .ui-panel-open.ui-panel-position-left { left: 0; } .teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay, .teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } .teetime-webservice .ui-panel-position-right { right: -17em; } .teetime-webservice .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .teetime-webservice .ui-panel-animate.ui-panel-position-right.ui-panel-display-push { right: 0; -webkit-transform: translate3d(17em, 0, 0); -moz-transform: translate3d(17em, 0, 0); transform: translate3d(17em, 0, 0); } .teetime-webservice .ui-panel-position-right.ui-panel-display-reveal, .teetime-webservice .ui-panel-position-right.ui-panel-open { right: 0; } .teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay, .teetime-webservice .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } .teetime-webservice .ui-panel-page-content-position-left { left: 17em; right: -17em; } .teetime-webservice .ui-panel-animate.ui-panel-page-content-position-left { left: 0; right: 0; -webkit-transform: translate3d(17em, 0, 0); -moz-transform: translate3d(17em, 0, 0); transform: translate3d(17em, 0, 0); } .teetime-webservice .ui-panel-page-content-position-right { left: -17em; right: 17em; } .teetime-webservice .ui-panel-animate.ui-panel-page-content-position-right { left: 0; right: 0; -webkit-transform: translate3d(-17em, 0, 0); -moz-transform: translate3d(-17em, 0, 0); transform: translate3d(-17em, 0, 0); } .teetime-webservice .ui-panel-dismiss-open.ui-panel-dismiss-position-left { left: 17em; } .teetime-webservice .ui-panel-dismiss-open.ui-panel-dismiss-position-right { right: 17em; } .teetime-webservice .ui-panel-display-reveal { -webkit-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15); box-shadow: inset -5px 0 5px rgba(0, 0, 0, 0.15); } .teetime-webservice .ui-panel-position-right.ui-panel-display-reveal { -webkit-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15); box-shadow: inset 5px 0 5px rgba(0, 0, 0, 0.15); } .teetime-webservice .ui-panel-display-overlay { -webkit-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15); box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15); } .teetime-webservice .ui-panel-position-right.ui-panel-display-overlay { -webkit-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15); box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15); } .teetime-webservice .ui-panel-open.ui-panel-position-left.ui-panel-display-push { border-right-width: 1px; margin-right: -1px; } .teetime-webservice .ui-panel-page-content-position-left.ui-panel-page-content-display-push { margin-left: 1px; width: auto; } .teetime-webservice .ui-panel-open.ui-panel-position-right.ui-panel-display-push { border-left-width: 1px; margin-left: -1px; } .teetime-webservice .ui-panel-page-content-position-right.ui-panel-page-content-display-push { margin-right: 1px; width: auto; } @media (min-width: 55em) { .teetime-webservice .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-left { margin-right: 17em; } .teetime-webservice .ui-responsive-panel .ui-panel-page-content-open.ui-panel-page-content-position-right { margin-left: 17em; } .teetime-webservice .ui-responsive-panel .ui-panel-page-content-open { width: auto; } .teetime-webservice .ui-responsive-panel .ui-panel-dismiss-display-push, .teetime-webservice .ui-responsive-panel.ui-page-active ~ .ui-panel-dismiss-display-push { display: none; } } .teetime-webservice .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: 0.2em; } .teetime-webservice { /* @font-face { font-family: 'hk-demo'; src: url('../fonts/hk-demo.eot'); src: url('../fonts/hk-demo.eot#iefix') format('embedded-opentype'), url('../fonts/hk-demo.woff') format('woff'), url('../fonts/hk-demo.ttf') format('truetype'), url('../fonts/hk-demo.svg#hk-demo') format('svg'); font-weight: normal; font-style: normal; } */ } .teetime-webservice .header { background-image: url(../images/teesheet/header-bg.jpg); background-repeat: no-repeat; background-position: left top; } .teetime-webservice .ui-btn-icon-left { padding-left: 0 !important; margin-top: 15px; margin-bottom: 10px; margin-left: 5px; } .teetime-webservice .icon-menu { position: absolute; right: 0; width: 40px; height: 33px; background: none !important; padding: 0 !important; border: none !important; border-radius: 0 !important; } .teetime-webservice .btn-course { color: #397293 !important; font-size: 12px; text-shadow: 0 1px 0 #ffffff !important; text-transform: uppercase !important; margin-right: 3px !important; } .teetime-webservice .heading-teesheet { font-size: 20px; color: #474747; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: uppercase; padding-top: 10px; } .teetime-webservice .heading-selectplayers { color: #474747; font-size: 16px; font-weight: bold; padding-top: 10px; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: uppercase; } .teetime-webservice .heading-membernotes { color: #474747; font-size: 16px; font-weight: bold; padding-top: 10px; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: uppercase; } .teetime-webservice .member-notes-area { margin-top: 10px; border-top: 1px solid #dddddd; } .teetime-webservice .heading-notes-area { width: 100% !important; } .teetime-webservice .heading-notes-area .ui-shadow-inset { box-shadow: none !important; } .teetime-webservice .heading-crossoverdetail { color: #474747; font-size: 16px; font-weight: bold; padding-top: 10px; text-align: left; text-shadow: 0 1px 0 #ffffff !important; text-transform: uppercase; margin-left: 5px; margin-bottom: 10px; } .teetime-webservice .btn-teesheet { text-align: right; } .teetime-webservice .left-tab-corner { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .teetime-webservice .right-tab-corner { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .teetime-webservice .time-show { background-color: #285e7e; /* background-image: url("../images/teesheet/icon-time.png"); background-position: center 10px; background-repeat: no-repeat; */ border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #ffffff; font-size: 13px; font-style: italic; font-weight: normal; height: 25px; padding-top: 35px; text-align: center; text-shadow: 0 1px 0 #000000; width: 60px; } .teetime-webservice .time-show-doubletees { background-color: #5c75e3; /* background-image: url("../images/teesheet/icon-time.png"); background-position: center 10px; background-repeat: no-repeat; */ border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #ffffff; font-size: 13px; font-style: italic; font-weight: normal; height: 25px; padding-top: 35px; text-align: center; text-shadow: 0 1px 0 #000000; width: 60px; } .teetime-webservice .time-show-shotgun { background-color: #e6b300; /* background-image: url("../images/teesheet/icon-time.png"); background-position: center 10px; background-repeat: no-repeat; */ border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #ffffff; font-size: 13px; font-style: italic; font-weight: normal; height: 25px; padding-top: 35px; text-align: center; text-shadow: 0 1px 0 #000000; width: 60px; } .teetime-webservice .time-show-available { background-color: #328d32; /* background-image: url("../images/teesheet/icon-time.png"); background-position: center 10px; background-repeat: no-repeat; */ border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #ffffff; font-size: 13px; font-style: italic; font-weight: normal; height: 25px; padding-top: 35px; text-align: center; text-shadow: 0 1px 0 #000000; width: 60px; } .teetime-webservice .time-show-crossover { background-color: #ff8040; /* background-image: url("../images/teesheet/icon-time.png"); background-position: center 10px; background-repeat: no-repeat; */ border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #ffffff; font-size: 13px; font-style: italic; font-weight: normal; height: 25px; padding-top: 35px; text-align: center; text-shadow: 0 1px 0 #000000; width: 60px; } .teetime-webservice .ui-collapsible-heading-toggle { padding: 0 !important; } .teetime-webservice .time-grid { width: auto !important; float: left !important; clear: none !important; } .teetime-webservice .detail-grid { clear: none !important; float: none !important; width: 100% !important; } .teetime-webservice .legend-row-reserved { background-color: transparent; font-size: 11px; } .teetime-webservice .legend-row-availabe { background-color: #ffffff; font-size: 11px; } .teetime-webservice .legend-free-slot { background-color: #ffffff; font-size: 10px; color: #328d32 !important; } .teetime-webservice .legend-empty-slot { background-color: #ffffff; font-size: 10px; color: #328d32 !important; } .teetime-webservice .first-block { border-left: medium none; border-top: medium none; padding-left: 7px; /* padding-top: 7px; padding-bottom: 7px; */ } .teetime-webservice .second-block { border-left: none; border-right: none; border-top: none; padding-left: 7px; /* padding-top: 7px; padding-bottom: 7px; */ } .teetime-webservice .third-block { border-left: none; border-top: none; padding-left: 7px; padding-top: 7px; padding-bottom: 7px; } .teetime-webservice .fourth-block { border-left: none; border-right: none; border-top: none; padding-left: 7px; padding-top: 7px; padding-bottom: 7px; } .teetime-webservice .fifth-block { border-left: none; border-top: none; border-bottom: none; padding-left: 7px; padding-top: 7px; padding-bottom: 7px; } .teetime-webservice .sixth-block { border-left: none; border-right: none; border-top: none; border-bottom: none; padding-left: 7px; padding-top: 7px; } .teetime-webservice .fourth-block-reserved { border-bottom: none; border-right: none; border-top: none; padding-bottom: 7px; padding-top: 8px; padding-left: 7px; } .teetime-webservice .orig-member-name { display: block; height: 15px; padding-left: 15px; text-transform: capitalize; } .teetime-webservice .member-name { display: block; padding-left: 15px; text-transform: capitalize; } .teetime-webservice .block-full-available { width: 100% !important; } .teetime-webservice .block-sub-available { width: 100% !important; } .teetime-webservice .block-available { background-color: #ffffff; border: 1px solid #dddddd; } .teetime-webservice .block-reserved { background-color: #effbf9; border: 1px solid #dddddd; } .teetime-webservice .block-disabled { background-color: #e4e4e4; border: 1px solid #dddddd; } .teetime-webservice .rwd { float: left; } .teetime-webservice .rwd-crossover { float: left; } .teetime-webservice .rwd-doubletees { float: left; } .teetime-webservice .rwd-shotgun { float: left; } .teetime-webservice .rwd-disabled { float: left; } .teetime-webservice .rwd-reserved { float: left; } .teetime-webservice .btn-reservenow { font-size: 10px; padding: 6px; text-transform: uppercase; color: #fff !important; } .teetime-webservice .btn-reserve-area { position: relative !important; right: 0 !important; } .teetime-webservice .rwd h2 { color: #328d32; font-size: 15px !important; font-weight: normal; margin-bottom: 3px; margin-top: 3px; text-transform: uppercase; } .teetime-webservice .rwd p { color: #397293; font-size: 15px; font-weight: normal; margin-bottom: 0; margin-top: 0; } .teetime-webservice .rwd-crossover h2 { color: #ff8040; font-size: 15px !important; font-weight: normal; margin-bottom: 3px; margin-top: 3px; text-transform: uppercase; } .teetime-webservice .rwd-crossover p { color: #397293; font-size: 15px; font-weight: normal; margin-bottom: 0; margin-top: 0; } .teetime-webservice .rwd-doubletees h2 { color: #5c75e3; font-size: 15px !important; font-weight: normal; margin-bottom: 3px; margin-top: 3px; text-transform: uppercase; } .teetime-webservice .rwd-doubletees p { color: #397293; font-size: 15px; font-weight: normal; margin-bottom: 0; margin-top: 0; } .teetime-webservice .rwd-shotgun h2 { color: #e6b300; font-size: 15px !important; font-weight: normal; margin-bottom: 3px; margin-top: 3px; text-transform: uppercase; } .teetime-webservice .rwd-shotgun p { color: #397293; font-size: 15px; font-weight: normal; margin-bottom: 0; margin-top: 0; } .teetime-webservice .rwd-disabled h2, .teetime-webservice .rwd-disabled h2 span { color: #9b9b9b; font-size: 15px !important; font-weight: normal; margin-bottom: 3px; margin-top: 3px; text-transform: uppercase; text-align: left; } .teetime-webservice .rwd-reserved h2 { color: #285e7e; font-size: 15px !important; font-weight: normal; margin-bottom: 3px; margin-top: 3px; text-transform: uppercase; } .teetime-webservice .rwd-reserved p { color: #397293; font-size: 15px; font-weight: normal; margin-bottom: 0; margin-top: 0; } .teetime-webservice .rwd-disabled p { color: #9b9b9b; font-size: 15px; font-weight: normal; margin-bottom: 0; margin-top: 0; text-align: left; } .teetime-webservice .ui-body-d { padding-left: 8px !important; } .teetime-webservice .icon-walk { background-color: #d9d9d9 !important; border: medium none !important; display: inherit !important; font-size: 13px; margin-right: 0 !important; margin-top: 0; } .teetime-webservice .resource-column { background-color: transparent; border: medium none; font-size: 11px; font-weight: normal; text-align: center; } .teetime-webservice .resource-column-doubletees { background-color: transparent; border: none !important; font-size: 8px; font-weight: normal; text-align: center; border-right: none !important; width: 45px; } .teetime-webservice .icon-tee { background-color: #c3dfeb !important; font-size: 13px; font-size: 13px; display: inherit !important; margin-right: 0 !important; margin-top: 0; padding-right: 0; padding-left: 0; } .teetime-webservice .icon-status { background-color: #c3e48a !important; font-size: 13px; font-size: 13px; display: inherit !important; margin-right: 0 !important; margin-top: 0; } .teetime-webservice .icon-holes { background-color: #98ccea !important; font-size: 13px; font-size: 13px; display: inherit !important; margin-right: 0 !important; margin-top: 0; } .teetime-webservice .ui-collapsible-content { margin-top: -16px !important; padding: 0; } .teetime-webservice .detail-heading { border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; font-size: 12px; font-weight: bold; margin-top: 0; padding-bottom: 6px; padding-left: 13px; padding-top: 10px !important; text-transform: uppercase; } .teetime-webservice .legend-noshow { background-color: #e4e4e4; color: #9b9b9b !important; font-size: 11px; text-transform: uppercase; } .teetime-webservice .time-disabled { background-color: #c3c3c3; background-image: url("../images/teesheet/icon-time.png"); background-position: center 10px; background-repeat: no-repeat; border-bottom-left-radius: 5px; border-top-left-radius: 5px; color: #ffffff; font-size: 14px; font-style: italic; font-weight: normal; height: 25px; padding-top: 35px; text-align: center; text-shadow: 0 1px 0 #000000; width: 60px; } .teetime-webservice .grid-doubletees { background-color: #ffffff !important; } .teetime-webservice .tee-margin { border-bottom: 1px solid #dddddd; height: auto; margin-top: 16px; } .teetime-webservice .shotgun-margin { border-bottom: 1px solid #dddddd; height: 59px; } .teetime-webservice .ui-mobile-viewport .panel { background: #274f6a !important; color: #ECF0F1 !important; box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15) !important; z-index: 99999 !important; } .teetime-webservice .ui-mobile-viewport .panel a { color: #FFF !important; text-shadow: 0 0 0 rgba(0, 0, 0, 0); font-size: 14px; padding: 15px 20px 15px 60px; display: block; text-decoration: none; border-bottom: 1px solid #475657; border-top: 1px solid #95A5A6; position: relative; font-weight: 400; } .teetime-webservice .ui-mobile-viewport .panel ul { padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #95A5A6; } .teetime-webservice .ui-mobile-viewport .panel .avatar { position: absolute; top: 8px; left: 20px; } .teetime-webservice .ui-panel-inner { padding: 0; } .teetime-webservice .panel a:hover { background-color: #21a0d7; } .teetime-webservice .panel.right a:before { content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; position: absolute; background-color: #2ECC71; right: 20px; } .teetime-webservice .panel.left a:before { content: ""; display: inline-block; position: absolute; width: 24px; height: 24px; top: 15px; left: 20px; font-family: "hk-demo"; text-align: center; font-size: 18px; } .teetime-webservice .panel.left .newsfeed a:before { content: "\f09e"; } .teetime-webservice .panel.left .setting a:before { content: "âš™"; } .teetime-webservice .panel.left .logout a:before { content: "\e78e"; } .teetime-webservice .panel.left .report a:before { content: "\f0e0"; } .teetime-webservice .open.right { float: right; margin-right: 10px; margin-top: 12px; } .teetime-webservice .radio-button { background-color: transparent !important; border: medium none !important; float: left; margin: 0; padding-bottom: 0; padding-left: 35px !important; padding-right: 0; padding-top: 0; width: 20px; } .teetime-webservice .radio-button-input { visibility: hidden; } .teetime-webservice .holes-fieldset { float: right; font-size: 14px !important; margin-top: 11px !important; } .teetime-webservice .holes-fieldset .ui-controlgroup-label { float: left; width: 35px; font-size: 14px !important; } .teetime-webservice .holes-fieldset .ui-controlgroup-controls { float: left; width: 110px; font-size: 14px !important; } .teetime-webservice .holes-fieldset .ui-controlgroup-controls label { font-size: 14px !important; } .teetime-webservice .radio-resource-area { margin-top: -9px !important; } .teetime-webservice .radio-resource-area .ui-controlgroup-controls { width: 100% !important; } .teetime-webservice .radio-resource-area .ui-radio { width: 25% !important; } .teetime-webservice .radio-resource-area .ui-radio label { display: block; text-align: center; font-size: 12px !important; } .teetime-webservice .radio-selectplayers-area { margin-top: 0 !important; } .teetime-webservice .radio-selectplayers-area .ui-controlgroup-controls { width: 100% !important; } .teetime-webservice .radio-selectplayers-area .ui-radio { width: 25% !important; } .teetime-webservice .radio-selectplayers-area .ui-radio label { display: block; text-align: center; font-size: 12px !important; } .teetime-webservice .crossover-detail-heading-area { width: 100% !important; } .teetime-webservice .crossover-detail-area { background-color: #ffffff; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd; padding-bottom: 5px; margin-top: 15px; } .teetime-webservice .crossover-detail-col1 { border-bottom: 1px solid #dddddd; color: #397293; font-size: 13px !important; font-weight: bold; margin-left: 5px; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; } .teetime-webservice .crossover-detail-col1-1 { color: #397293; font-size: 13px !important; font-weight: bold; margin-left: 5px; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; } .teetime-webservice .crossover-detail-col2 { border-bottom: 1px solid #dddddd; color: #397293; font-size: 13px !important; font-weight: bold; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; text-align: right; width: 49.5% !important; } .teetime-webservice .crossover-detail-col2-1 { color: #397293; font-size: 13px !important; font-weight: bold; padding-bottom: 5px; padding-top: 5px; text-transform: uppercase; text-align: right; width: 49.5% !important; } .teetime-webservice .grid-players-info { margin-top: 10px; } .teetime-webservice .btn-uselastplay { background-color: #081f36 !important; font-size: 12px; text-transform: uppercase; color: #fff !important; } .teetime-webservice .uselastplay-area { text-align: right; } .teetime-webservice .popup-header { background-color: #79854E; color: #ffffff; } .teetime-webservice .popup-header h1 { margin-left: 6px !important; text-align: left !important; text-shadow: 0 1px 0 #000000 !important; text-transform: uppercase !important; } .teetime-webservice .legends-popup { font-size: 12px !important; padding-left: 35px !important; } .teetime-webservice .reservation-field-area .ui-input-text { border-radius: 4px 0 0 4px; box-shadow: none !important; } .teetime-webservice .reservation-field-area input { /* min-height: 3em !important; */ } .teetime-webservice .reservation-field-area { background-color: transparent !important; border: medium none; padding: 0; } .teetime-webservice .player-info-col1 { width: 100% !important; } .teetime-webservice .player-info-col2 { width: 15% !important; } .teetime-webservice .reservation-radio-icons { position: absolute; right: 0; top: 0; width: 117px; } .teetime-webservice .reservation-radio-icons .ui-btn { border-radius: 0 !important; font-size: 12px; height: 22px; padding-top: 18px; } .teetime-webservice .icon-cart input { margin-top: -23px !important; } .teetime-webservice .icon-cart .ui-btn-active { background-image: url(../images/teesheet/icon-cart-active.png); background-repeat: no-repeat; background-position: center center; } .teetime-webservice .img-icon-cart { background-image: url(../images/teesheet/icon-cart.png); background-repeat: no-repeat; background-position: center center; height: 26px; width: 25px; background-size: 60%; } .teetime-webservice .icon-walk .ui-btn-active { background-image: url(../images/teesheet/icon-walk-legend-active.png); background-repeat: no-repeat; background-position: center center; } .teetime-webservice .img-icon-walk { background-image: url(../images/teesheet/icon-walk-legend.png); background-repeat: no-repeat; background-position: center center; height: 26px; width: 25px; background-size: 60%; } .teetime-webservice .icon-pullcart .ui-btn-active { background-image: url(../images/teesheet/icon-pullcart-active.png); background-repeat: no-repeat; background-position: center center; background-size: 58px !important; } .teetime-webservice .img-icon-pullcart { background-image: url(../images/teesheet/icon-pullcart.png); background-repeat: no-repeat; background-position: center center; height: 26px; background-size: 58px; } .teetime-webservice .icon-caddy .ui-btn-active { background-image: url(../images/icon-caddy-active.png); background-repeat: no-repeat; background-position: center center; background-size: 58px !important; } .teetime-webservice .img-icon-caddy { background-image: url(../images/teesheet/icon-caddy.png); background-repeat: no-repeat; background-position: center center; height: 26px; background-size: 58px; } .teetime-webservice .btn-bookteetime { background-color: #aab23b !important; color: #ffffff !important; text-shadow: 0 1px 0 #000000 !important; text-transform: uppercase !important; font-size: 14px !important; } .teetime-webservice .btn-createanother { background-color: #79854E !important; color: #ffffff !important; text-shadow: 0 1px 0 #000000 !important; text-transform: uppercase !important; font-size: 12px !important; } .teetime-webservice .btn-continue { background-color: #454B31 !important; color: #ffffff !important; text-shadow: 0 1px 0 #000000 !important; text-transform: uppercase !important; font-size: 12px !important; } .teetime-webservice .reservation-confirm-div { width: 100% !important; text-align: center !important; margin-top: 20px; font-size: 18px; color: #474747 !important; border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 20px; } .teetime-webservice .reservation-confirm-detail { width: 100% !important; text-align: center !important; font-size: 16px; text-transform: uppercase !important; color: #474747 !important; padding-bottom: 10px; margin-bottom: 20px; } .teetime-webservice .reservation-confirm-heading { font-size: 18px !important; color: #397293 !important; } .teetime-webservice .reservation-btn-padding { padding-left: 5px; padding-right: 5px; } .teetime-webservice .calendar-left-arrow { width: 18%; text-align: left; float: left; padding-left: 15px; padding-top: 3px; } .teetime-webservice .calendar-right-arrow { width: 18%; text-align: right; float: right; padding-right: 5px; padding-top: 3px; } .teetime-webservice .calendar-date-area { float: left; width: 56%; text-align: center; font-size: 16px; color: #21a0d7; text-transform: uppercase; padding-top: 3px; position: relative; top: -3px; } .teetime-webservice .calendar-area-top { background-color: #f1f1f1; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding-top: 5px; padding-bottom: 2px; margin-top: 10px; margin-bottom: 10px; margin-left: -5px !important; padding-right: 11px !important; width: 100% !important; } .teetime-webservice .reservation-field-area .ui-corner-all { border-radius: none; } .teetime-webservice .reservation-field-area .ui-shadow-inset { box-shadow: none; } .teetime-webservice .reservation-field-area .ui-focus { box-shadow: none !important; } .teetime-webservice .reservation-field-area .ui-input-search:after { background-image: none !important; } .teetime-webservice .reservation-field-area input { padding-left: 10px !important; } .teetime-webservice .player-detail-blocks { width: 35% !important; text-transform: capitalize; } .teetime-webservice .first-block a, .teetime-webservice .second-block a, .teetime-webservice .third-block a, .teetime-webservice .fourth-block a, .teetime-webservice .fifth-block a, .teetime-webservice .sixth-block a { display: block; text-decoration: none; } @media screen and (max-width: 480px) { .teetime-webservice .first-block a, .teetime-webservice .second-block a, .teetime-webservice .third-block a, .teetime-webservice .fourth-block a, .teetime-webservice .fifth-block a, .teetime-webservice .sixth-block a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .teetime-webservice .col-md-12.col-sm-12.col-xs-12 input { margin-bottom: 10px; margin-left: 10px; margin-right: 10px; padding: 5px 0 5px 5px; font-size: 14px !important; } .teetime-webservice .iceOutLbl.portlet-form-label.formLabels { margin-left: 10px; } .teetime-webservice .commentsTextbox { margin-left: 10px !important; margin-bottom: 10px; } .teetime-webservice .page-header.page-header-blue h1 { color: #163869 !important; font-size: 20px !important; margin-left: 10px; } .teetime-webservice .iceCmdLnk.btn.btn-green { background-color: #496b9b; border-radius: 5px; color: #fff; padding: 5px 10px; } .teetime-webservice .pageitem { padding-bottom: 10px !important; } .teetime-webservice .portlet-msg-error { margin-right: 15px !important; } .teetime-webservice .memberHeaderFont { color: #000 !important; font-weight: bold; padding: 0 5px; } .teetime-webservice #clubLogo { margin-right: 10px !important; } .teetime-webservice .popup-center-align-step1 { position: fixed !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .teetime-webservice .popup-center-align-step1 { position: fixed !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .teetime-webservice .popup-center-align { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .teetime-webservice .buddiesDIV { border: 1px solid #ccc; position: relative; z-index: 10; margin-top: -1px; overflow: hidden; } .teetime-webservice .invite_buddiesDIV { position: relative; background: #FDFDFD; padding: 10px; font-size: 14px; display: block; cursor: pointer; } .teetime-webservice .expand_DIV { display: block; width: 30px; height: 30px; position: absolute; left: 10px; top: 50%; margin-top: -14px; background: url(../images/teesheet/plusminus.png) center 0; } .teetime-webservice .invite_buddiesLabel { position: relative; padding: 10px; font-size: 14px; display: block; margin-left: 35px; border-radius: 3px 3px 0 0; cursor: pointer; } .teetime-webservice .buddies_contentDIV { padding-left: 35px; border-radius: 0 0 3px 3px; background: #F9F9F9; color: #7B7E85; /* padding: 3px 10px; */ } .teetime-webservice .buddyDIV { width: 150px; float: left; } .teetime-webservice .shrink_DIV { background: url(../images/teesheet/plusminus.png) center -30px !important; } .teetime-webservice div#buddies_contentDIV { margin-left: 35px; background: #F9F9F9; color: #7B7E85; padding: 3px 10px; } .tee-time-calendar-div button:before { font-family: "FontAwesome"; content: "\f073"; display: inline-block; padding-right: 3px; vertical-align: middle; font-size: 18px; color: red; position: relative; left: 10px; top: 3px; } .teeTimePortlet-portlet .teetime-webservice #courseViewsDIV ul li { padding: 0px !important; margin: 0px !important; } .teetime-webservice { /* .teetime-content { background-color: #f8f8f8; border-color: #bbb; color: #333; text-shadow: 0 1px 0 #f3f3f3; } */ /* .member-name img { vertical-align: initial !important; } */ /* .ui-selectonemenu .ui-selectonemenu-label { overflow: visible !important; } */ /* MT#0205990: Tee Time : Preferences based Player Type Selection option on reservation screen */ } @font-face { .teetime-webservice { font-family: "hk-demo"; src: url("../fonts/hk-demo.eot"); src: url("../fonts/hk-demo.eot#iefix") format("embedded-opentype"), url("../fonts/hk-demo.woff") format("woff"), url("../fonts/hk-demo.ttf") format("truetype"), url("../fonts/hk-demo.svg#hk-demo") format("svg"); font-weight: normal; font-style: normal; } } .teetime-webservice .teetime-webservice .border-all { border-width: 0px !important; } .teetime-webservice .cons-res-div .ui-state-default .ui-icon { background-image: url(../images/ui-icons_ffffff_256x240.png) !important; } .teetime-webservice .scroll-course-right i, .teetime-webservice .scroll-course-left i { font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .teetime-webservice .scroll-course-right i, .teetime-webservice .scroll-course-left i { font-size: 14px !important; } } .teetime-webservice .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-items-wrapper .ui-selectcheckboxmenu-list-item label { margin: 6px 0px 0px 0px !important; } .teetime-webservice .teetime-webservice .holes-selection-div { display: inline-flex !important; } .teetime-webservice .teetime-webservice .teetime-useLastPlay-dialog a { padding-top: 0px !important; margin-right: 5px; } .teetime-webservice .teeTimeContent ul { margin: 0 !important; border: 0px solid #ebebeb; box-shadow: none !important; } .teetime-webservice .teeTimeContent .horizontal-dates { max-height: 150px; overflow: hidden !important; padding: 1px 0; } .teetime-webservice #tabsDiv .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-active { background: #85b2cb -moz-linear-gradient(center top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) repeat scroll 0 0 !important; text-align: center; } .teetime-webservice #tabsDiv .ui-button.ui-widget.ui-state-default.ui-button-text-only { background: #c4c4c4 -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 !important; text-align: center; } .teetime-webservice .teetime-webservice .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-active { background: #85b2cb -moz-linear-gradient(center top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4)) repeat scroll 0 0 !important; text-align: center; } .teetime-webservice .teetime-webservice .ui-button.ui-widget.ui-state-default.ui-button-text-only { background: #c4c4c4 -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 !important; text-align: center; } .teetime-webservice .teetime-webservice .ui-datatable-tablewrapper .ui-selectonemenu-label.ui-inputfield { background: transparent; } .teetime-webservice .ui-dialog .ui-widget-header { color: #fff !important; background: #06192b !important; } .teetime-webservice .radio-selectplayers-area.ui-button.ui-widget.ui-state-default.ui-button-text-only { background: #c4c4c4 -moz-linear-gradient(center top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)) repeat scroll 0 0 !important; border: 1px solid #a8a8a8; color: #4f4f4f; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); } .teetime-webservice .inline-block { display: inline-block; vertical-align: middle !important; } .teetime-webservice .leftMarginPlayer { margin-left: 25px; margin-top: -10px !important; } .teetime-webservice .prefered-time-onemenu { vertical-align: middle !important; } .teetime-webservice .timePriority { vertical-align: super; display: inline-block; } .teetime-webservice .lastPlay-firstPlayer { display: inline-block !important; margin-left: 5px !important; } .teetime-webservice .timePeriodSel .ui-button-text-only { display: table-cell !important; padding: 0.5em 1em !important; width: auto !important; } .teetime-webservice .playersSel .ui-button-text-only { display: table-cell !important; width: auto !important; } .teetime-webservice .timePeriodSel, .teetime-webservice .playersSel { display: table !important; } .teetime-webservice .sort-table { display: inline-block; vertical-align: middle; } .teetime-webservice .sort-btn a { text-decoration: inherit !important; } .teetime-webservice .sort-btn a:hover { text-decoration: inherit !important; } .teetime-webservice .white-color { color: white; } .teetime-webservice ul#courseDropDownUL { background-color: #f1f1f1 !important; } .teetime-webservice .teetime-print { color: white !important; } .teetime-webservice span.update-margin-right { margin-right: 5px; } .teetime-webservice span.site-name { display: none !important; } .teetime-webservice h1.site-title { text-align: center; } .teetime-webservice nav#breadcrumbs { display: none !important; } .teetime-webservice .ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content.ui-collapsible-collapsed .ui-collapsible-content { margin-top: -8px !important; } .teetime-webservice .teetime-webservice .holes-fieldset .ui-controlgroup-label { float: left; width: 35px; margin-right: 10px !important; /* vertical-align: bottom; */ margin-top: 5px; } .teetime-webservice ul.breadcrumb { display: none !important; } .teetime-webservice .ui-widget-content { border: 0 !important; background: #fff !important; color: #555; } .teetime-webservice .ui-datagrid-column { background-color: #f8f8f8 !important; border: 0 !important; padding: 1px; } .teetime-webservice .group-blocked-slot { background-image: url(../images/teesheet/icon-arrow-right.png) !important; } .teetime-webservice button.btn-reservenow { display: none !important; } .teetime-webservice .teetime-webservice .holes-fieldset .ui-controlgroup-controls label { margin-bottom: 15px !important; margin-right: 5px; margin-left: 2px; } .teetime-webservice .ui-area-btn-danger { padding-left: 5px !important; padding-right: 5px !important; } .teetime-webservice .ui-area-btn-success { padding-left: 5px !important; padding-right: 5px !important; } .teetime-webservice .rwd-disabled button { display: none; } .teetime-webservice .ui-datagrid-column.ui-grid-col-2 { width: 80px !important; margin-right: 5px; } .teetime-webservice .ui-datagrid-column .ui-grid-col-2 img { width: 70px !important; height: 68px !important; border: 0px solid #336699 !important; padding: 0px !important; border-radius: 50%; object-fit: cover; } .teetime-webservice .teetime-webservice .holes-fieldset { float: right; margin-top: 0px !important; } .teetime-webservice .teetime-webservice .ui-controlgroup, .teetime-webservice .teetime-webservice fieldset.ui-controlgroup { padding: 0; /* margin: .5em 0; */ } .teetime-webservice .uselastplay-custom { padding: 0.4em 0.4em !important; } .teetime-webservice .ui-selectonelistbox { border: 1px solid #DDD !important; color: #8d8d8d !important; font-weight: 200 !important; margin-bottom: 7px !important; background: white !important; } .teetime-webservice .cancel-reason-input { width: 100% !important; height: 50px; max-height: 50px; resize: none; overflow: auto; -webkit-overflow-scrolling: touch; } .teetime-webservice .hide-first-pic > .ui-grid > div:first-child { display: none !important; } .teetime-webservice .teetime-resource-cart { background: url(../images/teesheet/icon-cart-active.png); } .teetime-webservice .teetime-resource-caddy { background: url(../images/teesheet/icon-caddy-active.png); } .teetime-webservice .teetime-resource-pull-cart { background: url(../images/teesheet/icon-pullcart-active.png); } .teetime-webservice .teetime-resource-walk { background: url(../images/teesheet/icon-walk-legend-active.png); } .teetime-webservice .teetime-player-col-4, .teetime-webservice .teetime-player-col-5, .teetime-webservice .teetime-player-col-6, .teetime-webservice .teetime-player-col-7, .teetime-webservice .teetime-player-col-8 { width: 50%; float: left; } .teetime-webservice .resource-img { background: aliceblue; width: 36px !important; height: 18px !important; padding: 5px; } .teetime-webservice .available-square { background: green; width: 20px; height: 15px; display: inline-block; margin-right: 5px; } .teetime-webservice .reserved-square { background: red; width: 20px; height: 15px; display: inline-block; margin-right: 5px; } .teetime-webservice .blocked-square { background: grey !important; width: 20px; height: 15px; display: inline-block; margin-right: 5px; } .teetime-webservice .picturesTable div { display: inline-block !important; } .teetime-webservice .ui-grid-a.course-selectone-btn-div { height: 40px !important; max-width: 1336px !important; right: 0px !important; } .teetime-webservice .course-selectone-btn { margin-top: 5px; } .teetime-webservice .ui-block-b.course-btn { width: 100% !important; } .teetime-webservice .course-selectone-btn .ui-state-active span { background: lightslategrey !important; } .teetime-webservice .ui-block-b.course-btn .btn-teesheet { border: solid 1px; width: auto !important; height: 21px; float: right; padding: 10px; text-align: center; } .teetime-webservice .weather-fieldset legend { width: 100px; padding: 1px 1px 1px 1px !important; height: 40px !important; background: rgba(136, 112, 129, 0.21) !important; } .teetime-webservice .weather-fieldset { background: rgba(136, 112, 129, 0.21) !important; } .teetime-webservice .weather-fieldset .ui-fieldset-toggler { margin-top: 0.7em !important; } .teetime-webservice .resource-img { width: 40px !important; height: 25px !important; } .teetime-webservice .teetime-validationError-dialog { position: fixed !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } .teetime-webservice .calendar-area-top { width: 100% !important; height: 40px !important; } .teetime-webservice .calendar-date-area { height: 40px !important; } .teetime-webservice .calendar-date-area label { padding-top: 6px !important; } .teetime-webservice .holesLabelDIV { vertical-align: top; padding-top: 5px; } .teetime-webservice .holesLabel { padding: 0px !important; } .teetime-webservice .tee-label-bottom-border { border-bottom-width: 1px !important; } .teetime-webservice .holesDIV { height: auto !important; } .teetime-webservice .align-right { text-align: right !important; } .teetime-webservice .cancelReasonLabel { margin-top: 10px !important; } .teetime-webservice .customPanelLabel { margin-bottom: 10px; } .teetime-webservice .dialogOKBtn { margin: 0 auto; width: 50px; } .teetime-webservice .teeTimeContent { height: auto; } .teetime-webservice .refreshBtn { margin-left: 5px; } .teetime-webservice .courseConditionDIV { vertical-align: top; margin-left: 5px; } .teetime-webservice .float-right { float: right !important; } .teetime-webservice .refreshLink { margin-left: 5px; } .teetime-webservice .resPlayersDIV { overflow: initial; } .teetime-webservice .notesDIV { overflow: initial; } .teetime-webservice .notes-input { height: 50px; max-height: 50px; resize: none; overflow: auto; -webkit-overflow-scrolling: touch; } .teetime-webservice .time-left { overflow: initial; } .teetime-webservice .updateBtnDIV { text-align: center; margin: 10px; } .teetime-webservice .h4-div { margin: 0 !important; padding: 0 !important; } .teetime-webservice .member-name a { text-shadow: none !important; veritcal-align: middle !important; margin-left: 3px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none !important; } .teetime-webservice .free-slot a { text-shadow: none !important; } .teetime-webservice .first-block { border-left-style: solid !important; border-left-width: 1px !important; border-left-color: #ddd !important; } .teetime-webservice .tee-subheading { padding: 0 !important; margin-bottom: -3px !important; } .teetime-webservice .first-block-tee { border-left: medium none; border-top: medium none; padding-left: 7px; } .teetime-webservice .free-slot span { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } .teetime-webservice div#loaderImage { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .teetime-webservice .useLastPlay-radio { vertical-align: middle !important; margin-bottom: 0px !important; margin-top: 7px !important; } .teetime-webservice .reservation-holes .ui-radiobutton { vertical-align: middle !important; margin-top: -1px !important; margin-bottom: 0px !important; } .teetime-webservice .text-left { text-align: left; } .teetime-webservice .player-actions-div, .teetime-webservice .caddie-div, .teetime-webservice .alignPlayerHoles { float: right; vertical-align: middle; display: inline-block; } .teetime-webservice .player-no-label { display: inline-block; font-weight: bold !important; text-transform: uppercase; margin-left: 5px !important; } .teetime-webservice .playerNoLabelColumn .ui-column-title { display: none !important; } .teetime-webservice .align-playerName input, .teetime-webservice .align-playerPhone, .teetime-webservice .align-playerEmail { width: 100% !important; } .teetime-webservice .holesViewModeMsg label { background-color: #fedfa0 !important; width: 100%; text-align: center !important; text-shadow: none !important; } .teetime-webservice .weatherDIV { margin-left: 5px; vertical-align: middle; } .teetime-webservice .legendsDIV, .teetime-webservice .printDIV, .teetime-webservice .weatherDIV, .teetime-webservice .currentTimeDIV, .teetime-webservice .ghin-score-posting-div { margin: 3px; background-color: #6b7986 !important; color: #fff !important; text-shadow: none !important; border: none !important; border-radius: 34px !important; padding: 6px; font-weight: normal !important; display: inline-block; vertical-align: middle; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; text-decoration: none !important; } .teetime-webservice .legendsDIV a, .teetime-webservice .printDIV a, .teetime-webservice .weatherDIV a, .teetime-webservice .ghin-score-posting-div a { color: white !important; } .teetime-webservice .legend-square { display: inline-block; width: 15px; height: 15px; margin-right: 3px; vertical-align: middle; } .teetime-webservice span.current-time .ui-clock { color: #ffffff !important; background: none; border: none; font-weight: normal; } .teetime-webservice span.current-time { border-radius: 20px; margin: 3px; color: #45a7a3; display: inline-block; padding: 8px; vertical-align: top; border: 1px solid #45a7a3; text-shadow: none; text-align: center; background-color: #6b7986 !important; } .teetime-webservice i.fa.fa-clock-o { color: white !important; } .teetime-webservice .currentTimeDIV span { background: transparent; border: none; color: white; font-weight: normal; font-family: sans-serif !important; } .teetime-webservice .legend-free-slot label { margin-bottom: 3px !important; line-height: normal; white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } .teetime-webservice element.style { width: 25%; } .teetime-webservice .courseSlots { vertical-align: top !important; border: lightgray; border-width: thin; border-style: solid; min-width: 290px !important; /* padding-right: 5px; */ display: table-cell; } .teetime-webservice .course-slots-heading { width: 100%; display: block !important; text-align: center; border: lightgray !important; border-width: 1px !important; border-style: solid; font-weight: normal !important; background: #061626 !important; border-top: none !important; border-left: none !important; border-right: none !important; color: #fff !important; text-shadow: none; } .teetime-webservice .courseViewsDIV { text-align: center !important; overflow-x: scroll; display: table; width: 100%; } .teetime-webservice .display-table { display: table !important; } .teetime-webservice .teetime-webservice .display-table a { border: none !important; } .teetime-webservice .display-flex { display: flex !important; } .teetime-webservice .display-table-cell { display: table-cell !important; vertical-align: middle !important; } .teetime-webservice .rwd { float: initial !important; } .teetime-webservice .full-width { width: 100% !important; } .teetime-webservice .full-width:hover { background-color: #eee; } .teetime-webservice .btn-reserve-area { float: right !important; } .teetime-webservice .multiple-courses-col-6 a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .teetime-webservice .select-courses { width: 200px !important; margin: 3px; background-color: cornflowerblue !important; color: #fff !important; text-shadow: none !important; border: none !important; border-radius: 10px !important; padding: 6px; font-weight: normal !important; display: inline-block; vertical-align: middle; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; text-decoration: none !important; } .teetime-webservice .select-courses { text-align: left !important; width: 200px !important; float: right !important; } .teetime-webservice .select-courses .ui-state-highlight { background: steelblue !important; } .teetime-webservice .time-div label { color: #ffffff !important; text-align: center; font-size: 13px !important; margin-top: 10px !important; } .teetime-webservice .time-div { width: 65px !important; text-shadow: none !important; text-align: center; } .teetime-webservice .teetime-player-col-4, .teetime-webservice .teetime-player-col-5, .teetime-webservice .teetime-player-col-6, .teetime-webservice .teetime-player-col-7, .teetime-webservice .teetime-player-col-8 { height: inherit !important; } .teetime-webservice .multiple-courses-col-6, .teetime-webservice .multiple-courses-col-5, .teetime-webservice .multiple-courses-col-4 { height: inherit !important; } .teetime-webservice .member-name { text-shadow: none !important; color: black !important; text-align: center !important; padding-left: 1px !important; margin: 8px 0px; } .teetime-webservice .course-views-scroll { display: table; width: 100%; text-align: right; } .teetime-webservice .course-views-scroll a { text-decoration: none !important; } .teetime-webservice .scroll-course-left { float: left !important; } .teetime-webservice .teetime-left-col { display: inline-block !important; width: 50% !important; } .teetime-webservice .teetime-right-col { display: inline-block !important; width: 50% !important; } .teetime-webservice .border-left { border-left-style: solid !important; border-left-width: 1px !important; border-left-color: #ddd !important; } .teetime-webservice .border-right { border-right-style: solid !important; border-right-width: 1px !important; border-right-color: #ddd !important; } .teetime-webservice .border-bottom { border-bottom-style: solid !important; border-bottom-width: 1px !important; border-bottom-color: #ddd !important; } .teetime-webservice .border-top { border-top-style: solid !important; border-top-width: 1px !important; border-top-color: #ddd !important; } .teetime-webservice .tees-status { width: 49% !important; text-align: right; padding-top: 2px !important; } .teetime-webservice .tees-status-label { color: black; } .teetime-webservice h2.heading-height { text-align: left !important; } .teetime-webservice .multiple-courses .available-square { width: 11px; margin-right: 3px; } .teetime-webservice .multiple-courses .reserved-square { width: 11px; margin-right: 3px; } .teetime-webservice .multiple-courses .blocked-square { width: 11px; margin-right: 3px; } .teetime-webservice .mul-tees { padding-right: 5px !important; } .teetime-webservice .blocked-status { white-space: nowrap !important; text-overflow: ellipsis !important; } .teetime-webservice .course-label { margin-right: 5px; } .teetime-webservice .course-selection-div { margin-right: 10px; } .teetime-webservice .tee-subheading { text-align: left !important; width: 100%; display: block; } .teetime-webservice .btn-area { width: 130px !important; text-shadow: none !important; margin-right: 0px !important; margin-top: 15px; margin-bottom: 15px; } .teetime-webservice .btn-area .ui-area-btn-danger { background: #081f36 !important; line-height: normal !important; } .teetime-webservice .btn-area .ui-area-btn-danger:hover { background: #394c5e !important; } .teetime-webservice .slot-area { vertical-align: top; text-align: left; width: 100% !important; height: 46px !important; } .teetime-webservice .slot-link { width: 100%; display: block; height: 100%; text-decoration: none; } .teetime-webservice .slot-link .heading-height { padding-left: 5px !important; font-size: 16px !important; } .teetime-webservice .slot-link:hover { text-decoration: none !important; text-shadow: none !important; } .teetime-webservice .sel-for-res { background: #1a4d69 !important; text-shadow: none !important; } .teetime-webservice .font-bold { font-weight: bold !important; } .teetime-webservice .border-all { border-style: solid !important; border-width: 1px !important; border-color: #ddd !important; } .teetime-webservice .player-info-label { background: #061626; color: white !important; text-shadow: none !important; } .teetime-webservice .link-groups-check { margin-left: 5px !important; vertical-align: middle !important; } .teetime-webservice .use-last-play-close { float: right !important; width: 80px !important; } .teetime-webservice .course-sel { width: auto !important; } .teetime-webservice .course-label { vertical-align: top !important; } .teetime-webservice .course-sel li { display: inline-block; margin: 3px !important; background-color: #6b7986 !important; color: #fff !important; text-shadow: none !important; border: none !important; border-radius: 10px !important; padding: 6px !important; font-weight: normal !important; display: inline-block; vertical-align: middle; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; text-decoration: none !important; font-size: 16px !important; } .teetime-webservice .course-sel .ui-state-highlight { background-color: #06192b !important; color: #fff !important; } .teetime-webservice .course-selection-div { width: 100%; } .teetime-webservice .align-playerName { width: 100% !important; } .teetime-webservice .align-player-details { text-align: center !important; } .teetime-webservice .player-details span { width: 100%; text-align: center !important; } .teetime-webservice .slot-link { text-transform: uppercase; } .teetime-webservice .courseViewsDIV td.ui-datagrid-column { vertical-align: top !important; } .teetime-webservice .full-width .ui-column-title { width: 100% !important; } .teetime-webservice .icon-tee { margin: 5px 1px 1px 1px !important; padding: 5px 0px 5px 0px !important; } .teetime-webservice .exclude-res tbody > tr > td { background-color: red !important; } .teetime-webservice .exclude-res-div { vertical-align: middle !important; margin-left: 10px; } .teetime-webservice .tbd-img-link { margin-left: 5px; } .teetime-webservice .buddies-panel .ui-panel { position: initial !important; width: 100%; } .teetime-webservice .tee-status-height { height: 20px !important; } .teetime-webservice .remove-player { width: 30px !important; } .teetime-webservice .tbd-img { width: 30px !important; } .teetime-webservice .cancel-reason-div { margin-bottom: 5px !important; } .teetime-webservice .disable-div { pointer-events: none !important; opacity: 0.3 !important; } .teetime-webservice .cadd-comment { width: 100%; } .teetime-webservice .caddie-img { margin-left: 5px !important; vertical-align: middle !important; } .teetime-webservice .teetime-webservice .ui-navbar .ui-state-active { background: #6b7986 !important; color: #fff !important; } .teetime-webservice .horizontal-dates .ui-commandlink { background: #ced2d7 !important; color: #000 !important; } .teetime-webservice .horizontal-dates .ui-link.selected-date { background-color: #06192b !important; color: #fff !important; } .teetime-webservice .caddie-img-div { vertical-align: middle !important; } .teetime-webservice .sheet-clock { font-size: 20px !important; margin-top: 2px; } .teetime-webservice .tee-heading, .teetime-webservice .tee-subheading, .teetime-webservice .custom-shotgun-heading { text-shadow: none; } .teetime-webservice .custom-teeofflabel-txt { font-size: 11px !important; } .teetime-webservice .lot-player-detail { border: thin solid #887a7a; } .teetime-webservice .request-player-grid { border: thin solid #ffbf70; } .teetime-webservice .forward-controls a:hover, .teetime-webservice .backward-controls a:hover { color: #06192b !important; } .teetime-webservice .forward-controls a, .teetime-webservice .backward-controls a { color: #6b7986 !important; } .teetime-webservice .admin-pre-label { color: #000 !important; } .teetime-webservice .tee-lottery-requests { margin-left: 65px; } .teetime-webservice .tee-lottery-requests label { font-size: 12px !important; } .teetime-webservice .custom-requests { text-shadow: none !important; padding-bottom: 1px !important; padding-top: 1px !important; } .teetime-webservice .caddie-checkbox, .teetime-webservice caddie-img-div { vertical-align: middle !important; } .teetime-webservice .blocked-status, .teetime-webservice .tees-status-label, .teetime-webservice .custom-dt-blocked-status { text-shadow: none !important; } .teetime-webservice .lot-player-detail label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .teetime-webservice .course-reservation-disabled { color: red !important; font-weight: bold !important; } .teetime-webservice .teetime-webservice .tee-time-calendar-div { margin-left: 10px !important; } .teetime-webservice .teetime-webservice .course-selection-div { width: auto !important; } .teetime-webservice .teetime-webservice .reservation-holes { width: 100px !important; } .teetime-webservice .cons-res-div button { vertical-align: top !important; padding-left: 5px !important; padding-right: 5px !important; background-color: #081f36 !important; background-repeat: repeat-x !important; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25) !important; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; font-size: 16px !important; } .teetime-webservice .player-type-img { padding-left: 4px; } .teetime-webservice .cons-res-div { padding: 5px 0px; } .teetime-webservice .reservation-players { width: auto !important; } .teetime-webservice .reservation-players .ui-state-active { color: #fff !important; } .teetime-webservice .reservation-players .ui-button-text-only { width: 40px !important; } .teetime-webservice .tee-time-calendar-div { width: 150px !important; } .teetime-webservice .tee-time-calendar-div input { width: 105px !important; background: #fff; font-size: 16px !important; } @media (min-width: 300px) and (max-width: 767px) { .teetime-webservice .tee-time-calendar-div input { font-size: 14px !important; } } .teetime-webservice .tee-time-calendar-div button { width: 30px !important; float: inherit !important; background: #fff !important; } .teetime-webservice .teetime-webservice .course-sel { width: 170px !important; border-radius: 0 0px 0px 0 !important; border-right: 1px solid #ddd !important; } .teetime-webservice .resourceCol { width: 120px !important; } .teetime-webservice .buddies-panel { margin-top: 30px !important; } .teetime-webservice .buddies-panel .ui-panel-titlebar { height: auto !important; } .teetime-webservice .buddies-grid { height: 200px !important; max-height: 200px !important; overflow-y: scroll; } .teetime-webservice .invite-all { vertical-align: middle !important; } .teetime-webservice .ui-controlgroup { margin: 0 0 !important; } .teetime-webservice .ui-datascroller-content { padding: 0 0 !important; } .teetime-webservice .holesCol table { width: 100px !important; table-layout: auto !important; border: none !important; } .teetime-webservice .holesCol td { border: none !important; border-left: none !important; border-right: none !important; border-top: none !important; border-bottom: none !important; } .teetime-webservice .booking-starts-in { font-weight: bold !important; font-size: 20px !important; } .teetime-webservice .ui-bar { padding: 0px !important; } .teetime-webservice .slot-area { height: auto !important; } .teetime-webservice .ui-collapsible.ui-collapsible-inset.ui-corner-all.ui-collapsible-themed-content.ui-collapsible-collapsed .ui-collapsible-content { margin-top: 0px !important; } .teetime-webservice span.ui-button-icon-left.ui-icon.ui-icon-calendar { background-image: url(/northstar-primefaces-portlet/images/common/Calendar-icon.png); background-position: inherit !important; width: 25px !important; height: 25px !important; left: 36% !important; top: 36% !important; } .teetime-webservice .tee-time-calendar-div button { border: none !important; background: none !important; } .teetime-webservice .tee-time-calendar input { height: 32px !important; margin: 0px !important; margin-top: -6px !important; } .teetime-webservice .buddies-panel { margin-top: 0px !important; } .teetime-webservice .invite-all { vertical-align: middle !important; margin-left: 3px !important; } .teetime-webservice .buddies-grid .ui-grid-row { margin-left: 3px !important; } .teetime-webservice .uselastplay-custom { padding: 0.36em 0.4em !important; margin-bottom: 0px !important; } .teetime-webservice span.res-own-name { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; font-style: italic !important; font-size: 11px !important; } .teetime-webservice .autocomplete-players > ul > li:first-child { font-style: italic !important; font-size: 15px; font-weight: bold; color: steelblue; } .teetime-webservice .autocomplete-players > ul > li:first-child span { font-style: italic !important; font-size: 15px; font-weight: bold; color: steelblue; } .teetime-webservice .res-own-name { font-style: italic !important; font-size: 11px !important; } .teetime-webservice .players-table-sp span.ui-column-title { display: none !important; } .teetime-webservice .resource-drop-down-sp { width: 125px !important; min-width: 125px !important; } .teetime-webservice .caddie-div-sp, .teetime-webservice .holes-div-sp { margin-left: 10px !important; } .teetime-webservice .caddie-label-sp, .teetime-webservice .holes-label-sp { font-weight: bold !important; } .teetime-webservice .caddie-checkbox-sp, .teetime-webservice .holes-checkbox-sp { margin-left: 3px !important; vertical-align: sub !important; width: 10px !important; } .teetime-webservice .player-actions-div-sp { vertical-align: super !important; margin-left: 10px !important; } .teetime-webservice .resource-sel-sp .ui-selectonemenu-label { font-size: 11px !important; } .teetime-webservice .course-label-div-sp { width: 150px !important; } .teetime-webservice .date-label-div-sp { width: 150px !important; } .teetime-webservice .reservation-holes-sp { width: 60px !important; } .teetime-webservice .holes-sel-div-sp { width: 150px !important; } .teetime-webservice .create-btn-sp { font-size: 10px !important; padding-left: 1px !important; padding-right: 1px !important; width: 110px !important; } .teetime-webservice .uselastplay-sp { padding: 0.35em 0.5em !important; font-size: 10px !important; color: black !important; text-shadow: none !important; font-weight: bold !important; } .teetime-webservice .resource-drop-down { width: 180px !important; } .teetime-webservice .alignPlayerHoles { margin-top: 3px !important; } .teetime-webservice .res-detials .ui-grid-col-2 { width: 50% !important; display: inline-block; } .teetime-webservice .player-input { width: 100% !important; max-width: 100% !important; text-align: left !important; } .teetime-webservice .cons-res-btn { margin: 5px !important; } .teetime-webservice .cons-res-div button .ui-button-text { width: 100px !important; padding: 5px 0px 5px 20px !important; } .teetime-webservice .ui-menu { padding: 0px !important; margin: 0px !important; } .teetime-webservice .invite-bud-sm { text-align: center !important; width: 65px !important; } .teetime-webservice .buddy-name-sm { text-decoration: underline !important; } .teetime-webservice .invite-label-sm { color: white !important; vertical-align: middle !important; } .teetime-webservice .player-type-member, .teetime-webservice .player-type-guest, .teetime-webservice .player-type-tbd { display: inline-block !important; margin: 3px !important; width: 98px !important; font-size: 14px !important; } .teetime-webservice .player-type-member-default, .teetime-webservice .player-type-guest-default, .teetime-webservice .player-type-tbd-default { display: inline-block !important; margin: 0px 3px !important; width: 100px !important; float: right !important; font-size: 14px !important; } .teetime-webservice .player-type-member, .teetime-webservice .player-type-member-default { background: #394c5e !important; text-decoration: none !important; } .teetime-webservice .player-type-guest, .teetime-webservice .player-type-guest-default { background: #53b30b !important; text-decoration: none !important; } .teetime-webservice .player-type-tbd, .teetime-webservice .player-type-tbd-default { background: #999999 !important; text-decoration: none !important; } .teetime-webservice .teetime-webservice .add-player-type-btn { width: calc(96% - 100px) !important; display: inline-block !important; text-align: left !important; position: relative !important; } .teetime-webservice .player-default-state-btn-sp { display: inline-block !important; vertical-align: middle !important; margin-left: 5px !important; } .teetime-webservice .buddy-wizard .buddy-wizard-buddies .added-buddy { background: #081f36 !important; } .teetime-webservice .buddy-wizard .buddy-wizard-buddies .added-buddy a { text-shadow: none; color: #fff; } .ui-menu li { border-width: 1px !important; border-style: solid !important; border-top: none !important; border-left: none !important; border-right: none !important; } .ui-selectonemenu-items-wrapper .ui-selectonemenu-table .ui-selectonemenu-row td { padding: 7px 7px !important; } .teetime-webservice .admin-pre-label .ui-picklist-caption { color: #000 !important; } .teetime-webservice .remove-player { width: 18px !important; height: 24px; background: transparent !important; border: 0px !important; } .ui-state-default { -moz-box-shadow: !important; -webkit-box-shadow: none; box-shadow: none !important; } .autocomplete-players li { color: #1b1c1c !important; } .autocomplete-players li.ui-state-highlight { color: #fff !important; background: #081f36 !important; } .teeTimePortlet-portlet .players-sel-div .uselastplay-area a label { cursor: pointer !important; } .uselastplay-area a { cursor: pointer !important; } @media only screen and (max-width: 1458px) and (min-width: 1024px) { .teetime-webservice .playerNoLabelColumn { width: 70px !important; } .teetime-webservice .playerphoneemail { width: 270px !important; } } @media (min-width: 640px) { .teetime-webservice .align-playerName, .teetime-webservice align-playerHoles, .teetime-webservice .align-playerResource, .teetime-webservice .align-playerPhone, .teetime-webservice .align-playerEmail { text-align: center !important; margin: auto !important; display: block !important; } .teetime-webservice .align-playerPhone, .teetime-webservice .align-playerEmail { text-align: left !important; margin: auto !important; display: block !important; } .teetime-webservice .teetime-player-col-4 { width: 25%; float: left; } .teetime-webservice .teetime-player-col-5 { width: 20%; float: left; } .teetime-webservice .teetime-player-col-6 { width: 16.666%; float: left; } .teetime-webservice .teetime-player-col-7, .teetime-webservice .teetime-player-col-8 { width: 25%; float: left; } .teetime-webservice .reserved-height-4, .teetime-webservice .reserved-height-4 div { height: 100% !important; } .teetime-webservice .reserved-height-5, .teetime-webservice .reserved-height-5 div { height: 100% !important; } .teetime-webservice .reserved-height-6, .teetime-webservice .reserved-height-6 div { height: 100% !important; } .teetime-webservice .multiple-courses-height-4, .teetime-webservice .multiple-courses-height-5, .teetime-webservice .multiple-courses-height-6 { height: auto !important; } .teetime-webservice .first-block { border-left-style: solid !important; border-left-width: 1px !important; border-left-color: #ddd !important; } .teetime-webservice .member-name { font-size: 16px !important; } } @media (min-width: 640px) and (min-width: 300px) and (max-width: 767px) { .teetime-webservice .member-name { font-size: 14px !important; } } @media (min-width: 640px) { .teetime-webservice .legend-row-reserved a { font-size: 16px !important; } } @media (min-width: 640px) and (min-width: 300px) and (max-width: 767px) { .teetime-webservice .legend-row-reserved a { font-size: 14px !important; } } @media (min-width: 640px) { .teetime-webservice .ui-block-b.btn-reserve-area { margin-top: 5px !important; } } @media (min-width: 640px) { .teetime-webservice h2.heading-height { margin-bottom: 1px !important; margin-top: -1px !important; } } @media (min-width: 640px) { .teetime-webservice .free-slot a { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } } @media (min-width: 640px) { .teetime-webservice span.member-name a { white-space: nowrap !important; text-overflow: ellipsis !important; overflow: hidden !important; } } @media (min-width: 640px) { .teetime-webservice .ui-bar.ui-bar-a.resource-column-doubletees { padding: 0em 1em !important; } } @media (min-width: 640px) { .teetime-webservice .player-no-label { display: none !important; } } @media (min-width: 640px) { .teetime-webservice .holesCol, .teetime-webservice .caddieCol { width: 75px !important; text-align: center !important; } } @media (min-width: 640px) { .teetime-webservice .alignPlayerHoles { text-align: center !important; float: inherit !important; } } @media (min-width: 640px) { .teetime-webservice .playerNoLabelColumn { width: 110px !important; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-4, .teetime-webservice .multiple-courses-col-5, .teetime-webservice .multiple-courses-col-6 { width: 50%; float: left; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-7, .teetime-webservice .multiple-courses-col-8 { width: 50%; float: left; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-6 a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-6 .first-block, .teetime-webservice .multiple-courses-col-6 .second-block { border-bottom: medium none !important; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-4 .first-block, .teetime-webservice .multiple-courses-col-4 .second-block { border-bottom: medium none !important; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-7 .first-block, .teetime-webservice .multiple-courses-col-7 .second-block { border-bottom: medium none !important; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-col-7 .first-block, .teetime-webservice .multiple-courses-col-8 .second-block { border-bottom: medium none !important; } } @media (min-width: 640px) { .teetime-webservice .multiple-courses-height-4 { height: auto !important; } } @media (min-width: 640px) { .teetime-webservice .ui-selectonemenu { margin-left: 5px; } } @media (min-width: 640px) { .teetime-webservice .align-playerResource { width: 90% !important; max-width: 160px !important; } } @media (min-width: 640px) { .teetime-webservice .resource-sel { width: 160px; } } @media (min-width: 640px) { .teetime-webservice .ui-fluid .ui-selectonemenu { max-width: 175px !important; } } @media (min-width: 640px) { .teetime-webservice .player-actions-div, .teetime-webservice .caddie-div { width: 100% !important; text-align: center !important; } } @media (min-width: 640px) { .teetime-webservice .cancel-reason-div { width: 210px !important; } } @media (min-width: 640px) { .teetime-webservice .teetime-cancel-dialog, .teetime-webservice .teetime-caddie-dialog { width: 40% !important; left: 30% !important; } } @media (min-width: 640px) { .teetime-webservice .booking-starts-in { font-weight: bold !important; font-size: 30px !important; } } @media (max-width: 600px) { .teetime-webservice .playersSel .ui-button-text-only, .teetime-webservice .timePeriodSel .ui-button-text-only { padding: 0 0 0 0 !important; font-size: 10px !important; } .teetime-webservice span.rwd p { width: 160px !important; } .teetime-webservice .available-square { width: 11px; margin-right: 3px; } .teetime-webservice .reserved-square { width: 11px; margin-right: 3px; } .teetime-webservice .teetime-webservice .timePeriodSel .ui-button-text-only { display: table-cell !important; } .teetime-webservice .timePeriodSel .ui-button-text { padding: 0.3em 0.3em !important; } } @media (max-width: 640px) { .teetime-webservice .res-holes-sel-div, .teetime-webservice .res-group-sel-div { width: 100%; } .teetime-webservice .align-playerName { width: auto !important; display: inline-block !important; } .teetime-webservice .holes-sel-div-sp { width: 100px !important; } } @media (max-width: 400px) { .teetime-webservice .rwd h2 { font-size: 12px !important; font-stretch: expanded; } .teetime-webservice .rwd p { margin-top: 7px !important; } .teetime-webservice .rwd label { font-size: 10px !important; } .teetime-webservice .ui-block-b.btn-reserve-area a { font-size: 10px !important; } .teetime-webservice .timePeriodSel .ui-button-text-only { display: list-item !important; } .teetime-webservice .btn-teesheet { font-size: 10px !important; } .teetime-webservice .btn-teesheet { font-size: 10px !important; } .teetime-webservice .ui-block-b.btn-teesheet span { font-size: 10px !important; } .teetime-webservice .holesLabel { vertical-align: sub !important; } .teetime-webservice .ui-area-btn-danger { padding-left: 2px !important; padding-right: 2px !important; } .teetime-webservice .ui-block-b.btn-reserve-area span { font-size: 10px !important; } .teetime-webservice .heading-selectplayers { font-size: 12px !important; } .teetime-webservice .ui-controlgroup-label.reservation-holes-label { font-size: 11px !important; } .teetime-webservice .ui-controlgroup-controls.reservation-holes-controlgroup { width: 80px !important; } .teetime-webservice .float-right { float: right !important; } .teetime-webservice .resource-column, .teetime-webservice .resource-label { font-size: 9px !important; } .teetime-webservice .ui-bar.ui-bar-a.resource-column { font-size: 9px !important; } .teetime-webservice .ui-block-b.btn-reserve-area { margin-top: 10px !important; } .teetime-webservice .rwd p { margin-top: 7px !important; font-stretch: semi-condensed !important; } .teetime-webservice span.rwd p { width: 100px !important; } .teetime-webservice .playersSel span.ui-button-text.ui-c { padding: 0.3em 0.5em !important; } .teetime-webservice .legend-free-slot label { font-stretch: condensed; font-size: 10px !important; } .teetime-webservice .courseSlots { min-width: 256px !important; padding-right: 1px !important; } .teetime-webservice .blocked-status { font-size: 8px; } } @media (max-width: 350px) { .teetime-webservice .rwd h2 { font-size: 10px !important; } .teetime-webservice .rwd label { font-size: 10px !important; } .teetime-webservice .ui-block-b.btn-reserve-area a { font-size: 10px !important; } .teetime-webservice .timePeriodSel .ui-button-text-only { display: list-item !important; } .teetime-webservice .btn-teesheet { font-size: 10px !important; } .teetime-webservice .btn-teesheet { font-size: 10px !important; } .teetime-webservice .ui-block-b.btn-teesheet span { font-size: 10px !important; } .teetime-webservice .holesLabel { vertical-align: sub !important; } .teetime-webservice .ui-area-btn-danger { padding-left: 2px !important; padding-right: 2px !important; } .teetime-webservice .ui-block-b.btn-reserve-area span { font-size: 10px !important; } .teetime-webservice .heading-selectplayers { font-size: 12px !important; } .teetime-webservice .ui-controlgroup-label.reservation-holes-label { font-size: 11px !important; } .teetime-webservice .ui-controlgroup-controls.reservation-holes-controlgroup { width: 80px !important; } .teetime-webservice .float-right { float: right !important; } .teetime-webservice .resource-column, .teetime-webservice .resource-label { font-size: 8px !important; } .teetime-webservice .ui-bar.ui-bar-a.resource-column { font-size: 8px !important; } .teetime-webservice .alignPlayerHoles { width: auto !important; display: inline-block !important; float: right !important; vertical-align: middle !important; } .teetime-webservice span.rwd p { width: 100px !important; } } @media only screen and (min-width: 1025px) { .teetime-webservice .tee-time-dialog { width: 40% !important; left: 30% !important; } .teetime-webservice .ui-fluid .ui-selectonemenu { max-width: 270px !important; } } @media (min-width: 641px) and (max-width: 740px) { .teetime-webservice .tee-time-dialog { overflow-y: hidden; } } @media (min-width: 1000px) { .teetime-webservice .teetime-add-new-guest-dialog { width: 40% !important; left: 30% !important; overflow-y: hidden !important; } } .teetime-webservice .teetime-webservice .ui-button.ui-widget.ui-state-default.ui-button-text-only.ui-state-active { background-color: #394c5e !important; } .teetime-webservice .buddies-panel { width: 95% !important; position: relative !important; margin: auto; } .teetime-webservice .buddies-panel .buddy-wizard .add-buddy-panel .member-for-buddy { position: relative !important; } .teetime-webservice .buddies-panel .ui-panel { position: relative; width: 100%; } .teetime-webservice .buddy-wizard .ui-panel-title .ui-outputlabel { display: inline-block !important; } .teetime-webservice .cross .fa-times { margin-top: 9px; color: #fff; font-size: 20px; } .teetime-webservice .ui-area-btn-danger { text-shadow: none; } .teetime-webservice .ui-area-btn-success { text-shadow: none; } .tee-time-heading { font-size: 18px !important; line-height: 34px !important; background-color: #06192b; padding: 8px 7px !important; font-family: "lexia", serif !important; color: #fff !important; font-weight: 400 !important; text-align: left !important; letter-spacing: normal !important; } .heading-notes-area { margin-bottom: 10px !important; } .ui-panel-titlebar { background: #081f36; color: #fff; } .teetime-webservice .player-info-label { padding: 10px; display: block !important; } .ui-button-text-only .ui-button-text { padding: 0.5em 1em !important; } .playersSel .ui-state-active { background: #081f36 !important; color: #fff; } .btn-reserve-area a { right: 10px; position: relative; } .btn-reserve-area span { font-size: 15px !important; margin: 4px 0px; right: 4px; position: relative; } .teetime-webservice .iceSelInpTxtList { border: 0px groove #B3B1B4; margin-left: 0; vertical-align: middle; padding-left: 1px; position: relative !important; top: 0px !important; z-index: 1 !important; } .teetime-webservice .iceSelInpTxtSelRow { background-color: #f6f6f6; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; border-right-width: 1px; border-left-width: 1px; border-width: 1px 0 0 0; border-style: solid; margin: 0; display: block; position: relative; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; padding-right: 2.5em; font-size: 16px; padding: 0.7em 1em; cursor: pointer; -webkit-user-select: none; text-decoration: none !important; line-height: 1.3; font-family: sans-serif; right: 0.5625em; top: 50%; margin-top: -11px; content: ""; display: block; height: 22px; } .teetime-webservice .iceSelInpTxtRow { background-color: #f6f6f6; border-color: #ddd; color: #333; text-shadow: 0 1px 0 #f3f3f3; border-right-width: 1px; border-left-width: 1px; border-width: 1px 0 0 0; border-style: solid; margin: 0; display: block; position: relative; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; padding-right: 2.5em; font-size: 16px; padding: 0.7em 1em; cursor: pointer; -webkit-user-select: none; text-decoration: none !important; line-height: 1.3; font-family: sans-serif; right: 0.5625em; top: 50%; margin-top: -11px; content: ""; display: block; height: 22px; } .teetime-webservice .popup-center-align { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .teetime-webservice .full-input-width { width: 100%; } .teetime-webservice .shotgun-template { background-color: #ccc !important; } .teetime-webservice .double-tee-template { background-color: #ccc !important; } .teetime-webservice .overFrostBlock { background-image: url("../images/teesheet/rainout.png") !important; } .teetime-webservice .half-input-widthTxt { width: 100% !important; padding-right: 140px !important; } .teetime-webservice .creditCardInfo-label { font-size: 12px !important; } .teetime-webservice .creditCardInfo-error { font-size: 12px !important; background-color: #fee5e2; border-color: #fcaca5; color: #b50303 !important; } @media (max-width: 500px) { .teetime-webservice html body { padding-left: 0px !important; padding-right: 0px !important; } } .teetime-webservice h2.heading-height { line-height: normal !important; } .teetime-webservice .tabs-custom { background-color: #f6f6f6 !important; border-color: #ddd !important; color: #333 !important; text-shadow: 0 1px 0 #f3f3f3 !important; font-weight: bold !important; } .teetime-webservice .course-name-custom { font-weight: bold !important; } .teetime-webservice .course-selection-link-custom { background-color: #f6f6f6 !important; border-color: #ddd !important; color: #333 !important; text-shadow: 0 1px 0 #f3f3f3 !important; font-weight: bold !important; line-height: 1.3 !important; } .teetime-webservice .select-course-custom { background-color: #e9e9e9 !important; border-color: #ddd !important; color: #333 !important; text-shadow: 0 1px 0 #eee !important; font-weight: bold !important; line-height: 1.3 !important; } .teetime-webservice .h1-custom { line-height: normal !important; } .teetime-webservice .player-tabs-link-custom { background-color: #f6f6f6 !important; border-color: #ddd !important; color: #333 !important; text-shadow: 0 1px 0 #f3f3f3 !important; font-weight: bold !important; display: block !important; text-align: center !important; font-size: 12px !important; } .teetime-webservice .player-tabs-link-active-custom { background-color: #79854E !important; border-color: #3388cc !important; color: #fff !important; text-shadow: 0 1px 0 #005599 !important; font-weight: bold !important; display: block !important; text-align: center !important; font-size: 12px !important; } .teetime-webservice .uselastplay-custom { line-height: normal !important; border-color: #ddd !important; color: #ffffff !important; text-shadow: none !important; font-size: 12px !important; font-weight: bold !important; } .teetime-webservice .holes-link-custom { border-color: #ddd !important; color: #333 !important; text-shadow: 0 1px 0 #f3f3f3 !important; font-weight: bold !important; font-size: 14px !important; } .teetime-webservice .ui-radio .ui-btn.ui-radio-on:after { border-color: #3388cc !important; } .teetime-webservice .player-input-custom-dis { padding-left: 10px !important; min-height: 3em !important; margin: 0 !important; text-align: left !important; border: 0 !important; background: transparent none !important; -webkit-appearance: none !important; -webkit-border-radius: inherit !important; border-radius: inherit !important; padding: 0.4em !important; line-height: 1.4em !important; display: block !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; outline: 0 !important; color: inherit !important; text-shadow: inherit !important; font-size: 16px !important; font-family: sans-serif !important; } .teetime-webservice .player-input-customTxt { padding-left: 10px !important; min-height: 3em !important; margin: 0 !important; text-align: left !important; border: 0 !important; background: transparent none !important; -webkit-appearance: none !important; -webkit-border-radius: inherit !important; border-radius: inherit !important; line-height: 1.4em !important; display: block !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; outline: 0 !important; color: inherit !important; text-shadow: inherit !important; font-size: 16px !important; font-family: sans-serif !important; } .teetime-webservice .player-resource-link-custom { line-height: 1.4em !important; height: 10px !important; min-height: 1.8em !important; width: 100px !important; } .teetime-webservice .tabs-active-custom { background-color: #79854E !important; border-color: #ffffff !important; color: #fff !important; text-shadow: 0 1px 0 #005599 !important; font-weight: bold !important; } .teetime-webservice .reservenow-custom { background-color: #79854e !important; border-color: #ddd !important; color: #333 !important; text-shadow: 0 1px 0 #f6f6f6 !important; font-size: 10px !important; padding: 6px !important; text-transform: uppercase !important; font-weight: bold !important; /* background-image: linear-gradient(to bottom, #f6f6f6, #f6f6f6) !important; */ line-height: 1.3 !important; } .teetime-webservice .course-name-reservation-custom { font-weight: bold !important; font-size: 12px !important; line-height: 1.3 !important; margin-bottom: 0px !important; } .teetime-webservice .member-name-custom { display: block !important; height: 15px !important; } .teetime-webservice .notes-custom { height: 50px !important; max-height: 50px !important; resize: none !important; overflow: auto !important; -webkit-overflow-scrolling: touch !important; box-shadow: none !important; margin-bottom: 0px !important; padding: 0.4em !important; line-height: 1.4em !important; display: block !important; width: 100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; outline: 0 !important; padding: 0.4em !important; line-height: 1.4em !important; display: block !important; width: 100% !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; outline: 0 !important; } .teetime-webservice .dxt-border { border-bottom: 1px solid #fff; } .teetime-webservice .scroll-div { height: 300px; overflow-x: hidden; overflow-y: scroll; } .teetime-webservice .btn-reserve-area .iceCmdLnk-dis { background: silver none repeat scroll 0 0 !important; border: medium none; color: gray; cursor: no-drop; } .teetime-webservice .teeloader { background: url("../images/teesheet/loader.gif") no-repeat center center; height: 64px; width: 64px; position: fixed; z-index: 11111; left: 50%; top: 50%; margin: -25px 0 0 -25px; display: none; } .teetime-webservice .resource-column-doubletees > span { margin: 6px 0 0 0; display: inline-block; } .teetime-webservice h3.availableSlotsHeading { text-align: center; font-size: 20px; } .teetime-webservice .availSlotsCheck { display: inline-block !important; } .teetime-webservice .availSlotsLabel { margin-left: 5px; display: inline-block !important; } .teetime-webservice .teetime-nextDay { background-image: url("../images/teesheet/icon-arrow-right.png") !important; } .teetime-webservice .teetime-previousDay { background-image: url("../images/teesheet/icon-arrow-left.png") !important; } .teetime-webservice .slots-li { margin: 0 !important; background: #e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))) !important; } .teetime-webservice .ui-tabs-anchor { width: 100% !important; background-color: #f1f1f1 !important; color: #4f4f4f !important; } .teetime-webservice .ui-datatable-tablewrapper { overflow: inherit !important; } .teetime-webservice .ui-selectonebutton { width: 100%; } .teetime-webservice .ui-button-text-only { width: 24%; } .teetime-webservice .teeTimePortlet .ui-state-active { background-color: #79854E !important; border-color: #3388cc !important; color: #fff !important; text-shadow: 0 1px 0 #005599 !important; font-weight: bold !important; text-align: center !important; font-size: 12px !important; } .teetime-webservice .teetime-removePlayer { background-image: url("../images/teesheet/delete.png") !important; background-size: contain !important; } .teetime-webservice .btn-course { color: #397293 !important; font-size: 12px; text-shadow: 0 1px 0 #ffffff !important; text-transform: uppercase !important; margin-right: 3px !important; margin-bottom: 10px !important; } /* classes updted by jay kumar */ .teetime-webservice .time-div { width: 84px !important; padding-top: 0px; /* updated padding only */ } .teetime-webservice .slot-area { width: 100% !important; padding: 2px 5px 0 !important; /* updated padding only */ } /* end classes updted by jay kumar */ .teetime-webservice .ui-area-btn, .teetime-webservice .aui #ui-area .btn:not(.lfr-icon-menu), .aui #ui-area .teetime-webservice .btn:not(.lfr-icon-menu), .teetime-webservice .aui #ui-area .events-cal-link, .aui #ui-area .teetime-webservice .events-cal-link { padding: 4px !important; } .teetime-webservice .ui-area-btn-success, .teetime-webservice .ui-area-btn-secondry { padding: 5px !important; } /* MT#0225438: Tee sheet from mobile device (Developer Ticket)*/ /* MT#0225655: Need to fix UI of tee times buddy list on mobile */ .buddy-wizard-buddies-panel { position: initial !important; width: 100% !important; } #ui-area .teetime-webservice { /* .custom-subh-p { padding-bottom: 0px !important; } */ } #ui-area .teetime-webservice .align-playerName { position: relative !important; } #ui-area .teetime-webservice .picturesTable .ui-datagrid-content { background: transparent !important; } #ui-area .teetime-webservice .res-detials .ui-widget-content { background: transparent !important; } #ui-area .teetime-webservice .reservation-players .ui-state-hover span { background: #394c5e !important; color: #fff !important; } #ui-area .teetime-webservice .reservation-players .ui-state-default:first-child span { border-radius: 3px 0px 0px 3px !important; } #ui-area .teetime-webservice .reservation-players .ui-state-default:last-child span { border-radius: 0px 3px 3px 0px !important; } #ui-area .teetime-webservice .teetime-legends-dialog a { transition: none !important; } #ui-area .teetime-webservice .teetime-legends-dialog label { color: #000 !important; } #ui-area .teetime-webservice .time-div span { display: block; margin-top: 5px !important; } #ui-area .teetime-webservice a.player-type-member, #ui-area .teetime-webservice a.player-type-guest, #ui-area .teetime-webservice a.player-type-tbd, #ui-area .teetime-webservice a.player-type-member-default, #ui-area .teetime-webservice a.player-type-guest-default, #ui-area .teetime-webservice a.player-type-tbd-default { color: #fff !important; } #ui-area .teetime-webservice .tee-time-flag .cross { margin: 0 !important; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .invite-add-buddy-label { color: #000 !important; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .buddy-row { margin-left: 0 !important; padding: 8px 5px; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .buddy-row .buddy-name { color: #1b1c1c; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .buddy-row .remove-buddy { float: right; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .buddy-row .remove-buddy i { color: red !important; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .member-for-buddy input { max-width: 100% !important; width: 100%; margin: 10px 0 !important; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .ui-area-btn-secondry { padding: 10px !important; margin-bottom: 4px; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .invite-add-buddy-label, #ui-area .teetime-webservice .buddies-panel .buddy-wizard .add-buddy-label { color: #000 !important; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .add-buddy-label { padding: 10px 5px; margin: 0; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .add-buddy-panel .member-for-buddy + .ui-area-btn-secondry { background-color: #081f36 !important; color: #fff !important; } #ui-area .teetime-webservice .buddies-panel .buddy-wizard .add-buddy-panel .member-for-buddy + .ui-area-btn-secondry:hover { background-color: #6b7986 !important; } #ui-area .teetime-webservice .ui-button-text-only .ui-button-text { padding: 0.5em 0em !important; } #ui-area .teetime-webservice a { font-weight: normal; text-decoration: none; } #ui-area .teetime-webservice .tt-display-pref .ui-chkbox.ui-widget { display: block !important; padding: 2px !important; } #ui-area .teetime-webservice .buddy-search-field-wrapper { padding: 5px 0 !important; } #ui-area .teetime-webservice .buddy-search-field-wrapper .buddy-search-field { margin: 5px 0px !important; width: calc(100% - 75px) !important; padding: 5px !important; max-width: calc(100% - 75px) !important; margin-right: 10px !important; } #ui-area .teetime-webservice .ui-menu .ui-menu-list .ui-menuitem a { background-color: #081f36 !important; color: #fff !important; } #ui-area .teetime-webservice .ui-menu .ui-menu-list .ui-menuitem a:hover { background-color: #6b7986 !important; } #ui-area .teetime-webservice .player-actions-div a { text-decoration: none !important; } #ui-area .teetime-webservice .player-actions-div .remove-player i { color: red !important; } #ui-area .teetime-webservice .player-actions-div .erase-player i { color: #000 !important; } #ui-area .teetime-webservice .reservation-confirm-detail + .ui-grid-responsive .ui-area-btn, .aui #ui-area .teetime-webservice .reservation-confirm-detail + .ui-grid-responsive .btn:not(.lfr-icon-menu), .aui #ui-area .teetime-webservice .reservation-confirm-detail + .ui-grid-responsive .events-cal-link { padding: 10px !important; background-color: #081f36 !important; font-weight: normal; } #ui-area .teetime-webservice .notesDIV .btn-responsive a { padding: 8px !important; background-color: #081f36 !important; } #ui-area .teetime-webservice .notesDIV .btn-responsive a:hover { background-color: #6b7986 !important; color: #fff !important; } #ui-area .teetime-webservice .notesDIV .btn-responsive a.ui-area-btn-danger { background-color: red !important; } #ui-area .teetime-webservice .notesDIV .btn-responsive a.ui-area-btn-danger:hover { background-color: #b90303 !important; color: #fff !important; } #ui-area .teetime-webservice .time-left-timer-text { font-size: 20px !important; padding: 5px 0px !important; display: block; } #ui-area .teetime-webservice .buddy-wizard-buddies-panel .buddy-row { margin-left: 0 !important; padding: 8px 5px; } #ui-area .teetime-webservice .buddy-wizard-buddies-panel .buddy-row .remove-buddy { float: right; } #ui-area .teetime-webservice .buddy-wizard-buddies-panel .buddy-row .remove-buddy i { color: red !important; } #ui-area .teetime-webservice .buddy-wizard-buddies-panel .ui-panel-titlebar { padding: 10px !important; background-color: #081f36 !important; color: white !important; } #ui-area .teetime-webservice .buddy-wizard-buddies-panel .ui-panel-titlebar .ui-panel-title label { margin: 0; font-weight: normal !important; line-height: normal !important; padding: 0; } #ui-area .teetime-webservice .buddy-wizard-members input { max-width: 100% !important; width: 100%; margin: 10px 0px !important; } #ui-area .teetime-webservice .buddy-wizard-buddy-action .buddy-wizard-btn { background-color: #081f36 !important; padding: 10px !important; margin-bottom: 4px; } #ui-area .teetime-webservice .player-info-div table thead th { background-color: #081f36 !important; } #ui-area .teetime-webservice .course-label-div .font-bold, #ui-area .teetime-webservice .holes-sel-div .font-bold, #ui-area .teetime-webservice .date-label-div .font-bold, #ui-area .teetime-webservice .players-sel-div .font-bold { margin-right: 10px !important; } #ui-area .teetime-webservice .refreshBtn { color: #fff !important; } #ui-area .teetime-webservice .ui-collapsible-inset { margin: 0 !important; } #ui-area .teetime-webservice .mul-tees { color: transparent !important; border: 1px solid #ddd; } #ui-area .teetime-webservice .mul-tees label { margin: 0px !important; } #ui-area .teetime-webservice #ui-area .custom-dt-label-div label { margin: 0px !important; line-height: normal !important; padding: 0px 5px !important; } #ui-area .teetime-webservice .teetime-webservice:last-child .border-bottom { /* border: 0px !important; */ } #ui-area .teetime-webservice .custom-dt-status-row:nth-last-child(1) .border-bottom { border-bottom: 0px !important; } #ui-area .teetime-webservice .tees-status { width: 50% !important; text-align: right; padding-top: 0px !important; right: 3px; position: relative; } #ui-area .teetime-webservice .horizontal-dates div { background-color: #f2f7f9 !important; } #ui-area .teetime-webservice .ui-selectcheckboxmenu-label { border: 0px !important; font-size: 16px !important; color: #1b1c1c !important; } @media (min-width: 300px) and (max-width: 767px) { #ui-area .teetime-webservice .ui-selectcheckboxmenu-label { font-size: 14px !important; } } #ui-area .teetime-webservice .ui-icon-calendar { background: none !important; padding: 0px; } #ui-area .teetime-webservice .tee-time-calendar-div button { margin-bottom: 0px !important; margin-top: 2px !important; } #ui-area .teetime-webservice .tee-time-calendar-div button:before { font-family: "FontAwesome"; content: "\f073"; display: inline-block; padding-right: 3px; vertical-align: middle; font-size: 18px; color: red; position: relative; left: 0px !important; top: 0px !important; color: #081f36; margin: 0px 10px; top: 0px; } #ui-area .teetime-webservice .currentTimeDIV, #ui-area .teetime-webservice .weatherDIV, #ui-area .teetime-webservice .legendsDIV, #ui-area .teetime-webservice .printDIV { border: 1px solid #081f36 !important; background: transparent !important; } #ui-area .teetime-webservice .currentTimeDIV span, #ui-area .teetime-webservice .currentTimeDIV i, #ui-area .teetime-webservice .currentTimeDIV a, #ui-area .teetime-webservice .weatherDIV span, #ui-area .teetime-webservice .weatherDIV i, #ui-area .teetime-webservice .weatherDIV a, #ui-area .teetime-webservice .legendsDIV span, #ui-area .teetime-webservice .legendsDIV i, #ui-area .teetime-webservice .legendsDIV a, #ui-area .teetime-webservice .printDIV span, #ui-area .teetime-webservice .printDIV i, #ui-area .teetime-webservice .printDIV a { color: #081f36 !important; } #ui-area .teetime-webservice .horizontal-dates .ui-commandlink, #ui-area .teetime-webservice .horizontal-dates div { background-color: #f2f7f9 !important; } #ui-area .teetime-webservice span.calendar-year { color: #fff; background-color: #394c5e !important; font-size: 14px !important; } #ui-area .teetime-webservice .horizontal-dates a.selected-date { background-color: #081f36 !important; } #ui-area .teetime-webservice .horizontal-dates a:hover { background-color: #081f36 !important; color: #fff !important; transition: 0.2s all ease !important; } #ui-area .teetime-webservice .radio-selectplayers-area .ui-controlgroup-controls .ui-selectonebutton .ui-state-default:hover { background-color: #081f36 !important; transition: all 0.3s linear 0s !important; color: #fff !important; } #ui-area .teetime-webservice .ui-datagrid-column { background-color: transparent !important; } #ui-area .teetime-webservice .ui-datagrid-column .picturesTable .ui-grid-col-2 img { object-fit: cover; padding: 0px !important; border-radius: 50%; border-color: #ddd !important; width: 70px !important; height: 70px !important; } #ui-area .teetime-webservice .ui-datagrid-column .picturesTable .ui-grid-col-2 label { display: block !important; } #ui-area .teetime-webservice .ui-area-btn, .aui #ui-area .teetime-webservice .btn:not(.lfr-icon-menu), .aui #ui-area .teetime-webservice .events-cal-link { padding: 5px !important; text-shadow: none !important; text-decoration: none !important; } #ui-area .teetime-webservice .course-sel { right: 0px !important; top: 1px !important; } #ui-area .teetime-webservice .course-sel .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { top: -1px; } /* Guest Reservation For TeeTime */ .guestTeeTimeReservation-portlet .ui-inputtext { margin-bottom: 10px !important; } .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list li label { top: 8px; position: relative; } /*font-family: 'ITC Avant Garde Gothic';*/ @font-face { font-family: "ITC Avant Garde Gothic"; src: url("../fonts/ITCAvantGardeGothic/AvantGarde-Book.woff2") format("woff2"), url("../fonts/ITCAvantGardeGothic/AvantGarde-Book.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "ITC Avant Garde Pro Bold"; src: url("../fonts/ITCAvantGardeGothic/ITCAvantGardePro-Bold.woff2") format("woff2"), url("../fonts/ITCAvantGardeGothic/ITCAvantGardePro-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: "ITC Avant Garde Pro Md"; src: url("../fonts/ITCAvantGardeGothic/ITCAvantGardePro-Md.woff2") format("woff2"), url("../fonts/ITCAvantGardeGothic/ITCAvantGardePro-Md.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } /*font-family: 'ITC Avant Garde Gothic';*/ @font-face { font-family: "Spectral"; src: url("../fonts/Spectral/Spectral-Regular.woff2") format("woff2"), url("../fonts/Spectral/Spectral-Regular.woff") format("woff"); font-style: normal; font-weight: normal; font-display: swap; } @font-face { font-family: "Spectral-SemiBold"; src: url("../fonts/Spectral/Spectral-SemiBold.woff2") format("woff2"), url("../fonts/Spectral/Spectral-SemiBold.woff") format("woff"); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: "Spectral"; src: url("../fonts/Spectral/Spectral-Bold.woff2") format("woff2"), url("../fonts/Spectral/Spectral-Bold.woff") format("woff"); font-weight: bold; font-style: normal; font-display: swap; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.1276595745%; *margin-left: 2.0744680851%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*=span]:first-child { margin-left: 0; } .row-fluid .controls-row [class*=span] + [class*=span] { margin-left: 2.1276595745%; } .row-fluid .span12 { width: 100%; *width: 99.9468085106%; } .row-fluid .span11 { width: 91.4893617021%; *width: 91.4361702128%; } .row-fluid .span10 { width: 82.9787234043%; *width: 82.9255319149%; } .row-fluid .span9 { width: 74.4680851064%; *width: 74.414893617%; } .row-fluid .span8 { width: 65.9574468085%; *width: 65.9042553191%; } .row-fluid .span7 { width: 57.4468085106%; *width: 57.3936170213%; } .row-fluid .span6 { width: 48.9361702128%; *width: 48.8829787234%; } .row-fluid .span5 { width: 40.4255319149%; *width: 40.3723404255%; } .row-fluid .span4 { width: 31.914893617%; *width: 31.8617021277%; } .row-fluid .span3 { width: 23.4042553191%; *width: 23.3510638298%; } .row-fluid .span2 { width: 14.8936170213%; *width: 14.8404255319%; } .row-fluid .span1 { width: 6.3829787234%; *width: 6.329787234%; } .row-fluid .offset12 { margin-left: 104.2553191489%; *margin-left: 104.1489361702%; } .row-fluid .offset12:first-child { margin-left: 102.1276595745%; *margin-left: 102.0212765957%; } .row-fluid .offset11 { margin-left: 95.7446808511%; *margin-left: 95.6382978723%; } .row-fluid .offset11:first-child { margin-left: 93.6170212766%; *margin-left: 93.5106382979%; } .row-fluid .offset10 { margin-left: 87.2340425532%; *margin-left: 87.1276595745%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787%; *margin-left: 85%; } .row-fluid .offset9 { margin-left: 78.7234042553%; *margin-left: 78.6170212766%; } .row-fluid .offset9:first-child { margin-left: 76.5957446809%; *margin-left: 76.4893617021%; } .row-fluid .offset8 { margin-left: 70.2127659574%; *margin-left: 70.1063829787%; } .row-fluid .offset8:first-child { margin-left: 68.085106383%; *margin-left: 67.9787234043%; } .row-fluid .offset7 { margin-left: 61.7021276596%; *margin-left: 61.5957446809%; } .row-fluid .offset7:first-child { margin-left: 59.5744680851%; *margin-left: 59.4680851064%; } .row-fluid .offset6 { margin-left: 53.1914893617%; *margin-left: 53.085106383%; } .row-fluid .offset6:first-child { margin-left: 51.0638297872%; *margin-left: 50.9574468085%; } .row-fluid .offset5 { margin-left: 44.6808510638%; *margin-left: 44.5744680851%; } .row-fluid .offset5:first-child { margin-left: 42.5531914894%; *margin-left: 42.4468085106%; } .row-fluid .offset4 { margin-left: 36.170212766%; *margin-left: 36.0638297872%; } .row-fluid .offset4:first-child { margin-left: 34.0425531915%; *margin-left: 33.9361702128%; } .row-fluid .offset3 { margin-left: 27.6595744681%; *margin-left: 27.5531914894%; } .row-fluid .offset3:first-child { margin-left: 25.5319148936%; *margin-left: 25.4255319149%; } .row-fluid .offset2 { margin-left: 19.1489361702%; *margin-left: 19.0425531915%; } .row-fluid .offset2:first-child { margin-left: 17.0212765957%; *margin-left: 16.914893617%; } .row-fluid .offset1 { margin-left: 10.6382978723%; *margin-left: 10.5319148936%; } .row-fluid .offset1:first-child { margin-left: 8.5106382979%; *margin-left: 8.4042553191%; } [class*=span].hide, .row-fluid [class*=span].hide { display: none; } [class*=span].pull-right, .row-fluid [class*=span].pull-right { float: right; } input[class*=span], select[class*=span], textarea[class*=span], .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .row-fluid .uneditable-input[class*=span] { float: none; margin-left: 0; } .input-append input[class*=span], .input-append .uneditable-input[class*=span], .input-prepend input[class*=span], .input-prepend .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .row-fluid .uneditable-input[class*=span], .row-fluid .input-prepend [class*=span], .row-fluid .input-append [class*=span] { display: inline-block; } .controls-row [class*=span] + [class*=span] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row [class*=span], .row-fluid .controls-row [class*=span] { float: left; } .controls-row .checkbox[class*=span], .controls-row .radio[class*=span] { padding-top: 5px; } table td[class*=span], table th[class*=span], .row-fluid table td[class*=span], .row-fluid table th[class*=span] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } @media (min-width: 1200px) { [class*=span] { float: left; min-height: 1px; margin-left: 30px; } .span12 { width: 1170px; } .span11 { width: 1070px; } .span10 { width: 970px; } .span9 { width: 870px; } .span8 { width: 770px; } .span7 { width: 670px; } .span6 { width: 570px; } .span5 { width: 470px; } .span4 { width: 370px; } .span3 { width: 270px; } .span2 { width: 170px; } .span1 { width: 70px; } .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.5641025641%; *margin-left: 2.5109110747%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*=span]:first-child { margin-left: 0; } .row-fluid .controls-row [class*=span] + [class*=span] { margin-left: 2.5641025641%; } .row-fluid .span12 { width: 100%; *width: 99.9468085106%; } .row-fluid .span11 { width: 91.452991453%; *width: 91.3997999636%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.3057828696%; } .row-fluid .span8 { width: 65.811965812%; *width: 65.7587743226%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756%; } .row-fluid .span6 { width: 48.7179487179%; *width: 48.6647572286%; } .row-fluid .span5 { width: 40.1709401709%; *width: 40.1177486816%; } .row-fluid .span4 { width: 31.6239316239%; *width: 31.5707401346%; } .row-fluid .span3 { width: 23.0769230769%; *width: 23.0237315876%; } .row-fluid .span2 { width: 14.5299145299%; *width: 14.4767230406%; } .row-fluid .span1 { width: 5.9829059829%; *width: 5.9297144935%; } .row-fluid .offset12 { margin-left: 105.1282051282%; *margin-left: 105.0218221495%; } .row-fluid .offset12:first-child { margin-left: 102.5641025641%; *margin-left: 102.4577195854%; } .row-fluid .offset11 { margin-left: 96.5811965812%; *margin-left: 96.4748136025%; } .row-fluid .offset11:first-child { margin-left: 94.0170940171%; *margin-left: 93.9107110384%; } .row-fluid .offset10 { margin-left: 88.0341880342%; *margin-left: 87.9278050555%; } .row-fluid .offset10:first-child { margin-left: 85.4700854701%; *margin-left: 85.3637024914%; } .row-fluid .offset9 { margin-left: 79.4871794872%; *margin-left: 79.3807965085%; } .row-fluid .offset9:first-child { margin-left: 76.9230769231%; *margin-left: 76.8166939444%; } .row-fluid .offset8 { margin-left: 70.9401709402%; *margin-left: 70.8337879614%; } .row-fluid .offset8:first-child { margin-left: 68.3760683761%; *margin-left: 68.2696853973%; } .row-fluid .offset7 { margin-left: 62.3931623932%; *margin-left: 62.2867794144%; } .row-fluid .offset7:first-child { margin-left: 59.8290598291%; *margin-left: 59.7226768503%; } .row-fluid .offset6 { margin-left: 53.8461538462%; *margin-left: 53.7397708674%; } .row-fluid .offset6:first-child { margin-left: 51.2820512821%; *margin-left: 51.1756683033%; } .row-fluid .offset5 { margin-left: 45.2991452991%; *margin-left: 45.1927623204%; } .row-fluid .offset5:first-child { margin-left: 42.735042735%; *margin-left: 42.6286597563%; } .row-fluid .offset4 { margin-left: 36.7521367521%; *margin-left: 36.6457537734%; } .row-fluid .offset4:first-child { margin-left: 34.188034188%; *margin-left: 34.0816512093%; } .row-fluid .offset3 { margin-left: 28.2051282051%; *margin-left: 28.0987452264%; } .row-fluid .offset3:first-child { margin-left: 25.641025641%; *margin-left: 25.5346426623%; } .row-fluid .offset2 { margin-left: 19.6581196581%; *margin-left: 19.5517366794%; } .row-fluid .offset2:first-child { margin-left: 17.094017094%; *margin-left: 16.9876341153%; } .row-fluid .offset1 { margin-left: 11.1111111111%; *margin-left: 11.0047281324%; } .row-fluid .offset1:first-child { margin-left: 8.547008547%; *margin-left: 8.4406255683%; } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .row-fluid .thumbnails { margin-left: 0; } } @media (min-width: 768px) and (max-width: 979px) { [class*=span] { float: left; min-height: 1px; margin-left: 20px; } .span12 { width: 724px; } .span11 { width: 662px; } .span10 { width: 600px; } .span9 { width: 538px; } .span8 { width: 476px; } .span7 { width: 414px; } .span6 { width: 352px; } .span5 { width: 290px; } .span4 { width: 228px; } .span3 { width: 166px; } .span2 { width: 104px; } .span1 { width: 42px; } .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; } .row-fluid:after { clear: both; } .row-fluid [class*=span] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.7624309392%; *margin-left: 2.7092394499%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*=span]:first-child { margin-left: 0; } .row-fluid .controls-row [class*=span] + [class*=span] { margin-left: 2.7624309392%; } .row-fluid .span12 { width: 100%; *width: 99.9468085106%; } .row-fluid .span11 { width: 91.4364640884%; *width: 91.383272599%; } .row-fluid .span10 { width: 82.8729281768%; *width: 82.8197366874%; } .row-fluid .span9 { width: 74.3093922652%; *width: 74.2562007758%; } .row-fluid .span8 { width: 65.7458563536%; *width: 65.6926648642%; } .row-fluid .span7 { width: 57.182320442%; *width: 57.1291289526%; } .row-fluid .span6 { width: 48.6187845304%; *width: 48.565593041%; } .row-fluid .span5 { width: 40.0552486188%; *width: 40.0020571294%; } .row-fluid .span4 { width: 31.4917127072%; *width: 31.4385212178%; } .row-fluid .span3 { width: 22.9281767956%; *width: 22.8749853062%; } .row-fluid .span2 { width: 14.364640884%; *width: 14.3114493946%; } .row-fluid .span1 { width: 5.8011049724%; *width: 5.747913483%; } .row-fluid .offset12 { margin-left: 105.5248618785%; *margin-left: 105.4184788997%; } .row-fluid .offset12:first-child { margin-left: 102.7624309392%; *margin-left: 102.6560479605%; } .row-fluid .offset11 { margin-left: 96.9613259669%; *margin-left: 96.8549429881%; } .row-fluid .offset11:first-child { margin-left: 94.1988950276%; *margin-left: 94.0925120489%; } .row-fluid .offset10 { margin-left: 88.3977900552%; *margin-left: 88.2914070765%; } .row-fluid .offset10:first-child { margin-left: 85.635359116%; *margin-left: 85.5289761373%; } .row-fluid .offset9 { margin-left: 79.8342541436%; *margin-left: 79.7278711649%; } .row-fluid .offset9:first-child { margin-left: 77.0718232044%; *margin-left: 76.9654402257%; } .row-fluid .offset8 { margin-left: 71.270718232%; *margin-left: 71.1643352533%; } .row-fluid .offset8:first-child { margin-left: 68.5082872928%; *margin-left: 68.4019043141%; } .row-fluid .offset7 { margin-left: 62.7071823204%; *margin-left: 62.6007993417%; } .row-fluid .offset7:first-child { margin-left: 59.9447513812%; *margin-left: 59.8383684025%; } .row-fluid .offset6 { margin-left: 54.1436464088%; *margin-left: 54.0372634301%; } .row-fluid .offset6:first-child { margin-left: 51.3812154696%; *margin-left: 51.2748324909%; } .row-fluid .offset5 { margin-left: 45.5801104972%; *margin-left: 45.4737275185%; } .row-fluid .offset5:first-child { margin-left: 42.817679558%; *margin-left: 42.7112965793%; } .row-fluid .offset4 { margin-left: 37.0165745856%; *margin-left: 36.9101916069%; } .row-fluid .offset4:first-child { margin-left: 34.2541436464%; *margin-left: 34.1477606677%; } .row-fluid .offset3 { margin-left: 28.453038674%; *margin-left: 28.3466556953%; } .row-fluid .offset3:first-child { margin-left: 25.6906077348%; *margin-left: 25.5842247561%; } .row-fluid .offset2 { margin-left: 19.8895027624%; *margin-left: 19.7831197837%; } .row-fluid .offset2:first-child { margin-left: 17.1270718232%; *margin-left: 17.0206888445%; } .row-fluid .offset1 { margin-left: 11.3259668508%; *margin-left: 11.2195838721%; } .row-fluid .offset1:first-child { margin-left: 8.5635359116%; *margin-left: 8.4571529329%; } } @media (max-width: 767px) { .row-fluid { width: 100%; } [class*=span], .row-fluid [class*=span] { display: block; float: none; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .span12, .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*=offset]:first-child { margin-left: 0; } } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .content-section { padding-top: 80px; padding-left: 80px; padding-right: 80px; } .inner-gallery { padding-top: 40px !important; padding-left: 80px !important; padding-right: 80px !important; } #ui-area .events-portlet .events-cal-link { background-color: #02382d !important; color: #fff !important; text-transform: capitalize; border: none !important; } #ui-area .teetime-webservice .member-name { padding-left: 35px !important; } @media screen and (min-width: 200px) and (max-width: 767px) { .body-bg #ui-area .teetime-webservice .member-name { padding-left: 35px !important; } } .RecentCharges-portlet .ui-datatable-tablewrapper { overflow: inherit !important; } /* div#footer { position: inherit !important; } */ .member-header-wrapper { position: inherit !important; } body .ui-radiobutton .ui-radiobutton-box.ui-state-active { border-color: #005983 !important; background-color: #005983 !important; } .DiningReservation-portlet .ui-corner-all { margin-top: inherit !important; } .form-designer-portlet .fd-section-name .ui-panel-content .ui-corner-all { padding: 0.2em; } .ui-radiobutton .ui-radiobutton-box { border-radius: 10px !important; } .portlet-name-text { font-size: 0.875rem; font-weight: 600; } h1.portlet-title { display: inline-block !important; margin-bottom: 0 !important; background-color: inherit !important; color: #fff !important; font-size: inherit !important; line-height: inherit !important; } .portlet-layout .portlet .portlet-title-text { color: inherit !important; } a.ui-paginator-page.ui-state-default.ui-state-active.ui-corner-all { height: 2.643em !important; font-size: 15px !important; } /* body .ui-panelgrid .ui-panelgrid-cell { background: transparent !important; padding:4px 0 !important; color : $color-primary !important; } */ body .ui-panelgrid .cp-cell { padding: 0 !important; } .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger { width: 32px !important; } .ui-row-toggler ui-icon { background: none !important; } body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label { border: none !important; } body .ui-datatable .ui-datatable-data > tr .ui-row-toggler { color: #005983 !important; } .label-info, .label.pending { color: #fff !important; border: none !important; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { color: #fff !important; } button.ui-datepicker-trigger.ui-button { margin: 0 !important; } .MakePayment-portlet .info-bar-left { float: none !important; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { color: #1b1c1c !important; } #ui-area .dining-search-div .ui-widget-content { background: transparent !important; } #ui-area .spa-search-controls .ui-widget-content { background: transparent !important; } .ui-datepicker-prev:before, .ui-datepicker-next:before { font-family: inherit !important; top: 0 !important; right: 5px !important; font-size: 15px !important; } .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger, .ui-selectonemenu .ui-selectonemenu-trigger { width: 30px !important; } label.ui-selectonemenu-label, .ui-selectbooleancheckbox { margin-right: 10px !important; } .teetime-webservice .cons-res-div .ui-state-default .ui-icon { background: none !important; } .teetime-webservice .cons-res-div .ui-splitbutton.ui-buttonset .ui-splitbutton-menubutton { right: 3px !important; } /* body .teetime-webservice .cons-res-div .ui-button.ui-button-icon-only .ui-icon { left: 0 !important; top: 0 !important; } */ button.quick-edit-button { margin-top: 20px !important; } @media only screen and (min-width: 980px) { #ui-area .mp-grid-col button.ui-datepicker-trigger.ui-button { left: inherit !important; } } @media (min-width: 641px) { .hasDatepicker { width: 100% !important; } } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } ul.textured-nav-children { padding-left: 0 !important; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*=span] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5641025641%; *margin-left: 2.5109110747%; } .row-fluid [class*=span]:first-child { margin-left: 0; } .row-fluid .controls-row [class*=span] + [class*=span] { margin-left: 2.5641025641%; } .row-fluid .span1 { width: 5.9829059829%; *width: 5.9297144935%; } .row-fluid .span2 { width: 14.5299145299%; *width: 14.4767230406%; } .row-fluid .span3 { width: 23.0769230769%; *width: 23.0237315876%; } .row-fluid .span4 { width: 31.6239316239%; *width: 31.5707401346%; } .row-fluid .span5 { width: 40.1709401709%; *width: 40.1177486816%; } .row-fluid .span6 { width: 48.7179487179%; *width: 48.6647572286%; } .row-fluid .span7 { width: 57.264957265%; *width: 57.2117657756%; } .row-fluid .span8 { width: 65.811965812%; *width: 65.7587743226%; } .row-fluid .span9 { width: 74.358974359%; *width: 74.3057828696%; } .row-fluid .span10 { width: 82.905982906%; *width: 82.8527914166%; } .row-fluid .span11 { width: 91.452991453%; *width: 91.3997999636%; } .row-fluid .span12 { width: 100%; *width: 99.9468085106%; } .row-fluid .offset1 { margin-left: 11.1111111111%; *margin-left: 11.0047281324%; } .row-fluid .offset1:first-child { margin-left: 8.547008547%; *margin-left: 8.4406255683%; } .row-fluid .offset2 { margin-left: 19.6581196581%; *margin-left: 19.5517366794%; } .row-fluid .offset2:first-child { margin-left: 17.094017094%; *margin-left: 16.9876341153%; } .row-fluid .offset3 { margin-left: 28.2051282051%; *margin-left: 28.0987452264%; } .row-fluid .offset3:first-child { margin-left: 25.641025641%; *margin-left: 25.5346426623%; } .row-fluid .offset4 { margin-left: 36.7521367521%; *margin-left: 36.6457537734%; } .row-fluid .offset4:first-child { margin-left: 34.188034188%; *margin-left: 34.0816512093%; } .row-fluid .offset5 { margin-left: 45.2991452991%; *margin-left: 45.1927623204%; } .row-fluid .offset5:first-child { margin-left: 42.735042735%; *margin-left: 42.6286597563%; } .row-fluid .offset6 { margin-left: 53.8461538462%; *margin-left: 53.7397708674%; } .row-fluid .offset6:first-child { margin-left: 51.2820512821%; *margin-left: 51.1756683033%; } .row-fluid .offset7 { margin-left: 62.3931623932%; *margin-left: 62.2867794144%; } .row-fluid .offset7:first-child { margin-left: 59.8290598291%; *margin-left: 59.7226768503%; } .row-fluid .offset8 { margin-left: 70.9401709402%; *margin-left: 70.8337879614%; } .row-fluid .offset8:first-child { margin-left: 68.3760683761%; *margin-left: 68.2696853973%; } .row-fluid .offset9 { margin-left: 79.4871794872%; *margin-left: 79.3807965085%; } .row-fluid .offset9:first-child { margin-left: 76.9230769231%; *margin-left: 76.8166939444%; } .row-fluid .offset10 { margin-left: 88.0341880342%; *margin-left: 87.9278050555%; } .row-fluid .offset10:first-child { margin-left: 85.4700854701%; *margin-left: 85.3637024914%; } .row-fluid .offset11 { margin-left: 96.5811965812%; *margin-left: 96.4748136025%; } .row-fluid .offset11:first-child { margin-left: 94.0170940171%; *margin-left: 93.9107110384%; } .row-fluid .offset12 { margin-left: 105.1282051282%; *margin-left: 105.0218221495%; } .row-fluid .offset12:first-child { margin-left: 102.5641025641%; *margin-left: 102.4577195854%; } @media (min-width: 1200px) { .activity-date-picker { margin-left: 2.5641%; } } .ui-grid-row [class*=ui-grid-col-]:first-child { margin-left: 0; } .row-fluid [class*=span] { float: left !important; } #ui-area .activity-slots .slot.not-available > div { color: #000; font-size: 15px; } .announcement .announcement-description span { color: #024638 !important; font-size: 22px !important; text-transform: capitalize; margin: 0 10px 0 0 !important; font-family: "Lato", sans-serif; font-weight: bold !important; display: inline-block; letter-spacing: 0; } .announcement span.announcement-short-description { font-size: 17px !important; color: #1f2223 !important; text-transform: none; font-family: "Lato", sans-serif; font-weight: 300 !important; margin-left: 0 !important; display: initial; } .announcement .announcement-pagination { color: #024638 !important; vertical-align: top; margin-top: 0 !important; font-size: 18px !important; font-family: "Lato", sans-serif !important; font-weight: bold; } #ui-area .announcement .announcement-bottom-bar.no-announcement-image { background-color: #fff !important; } .bx-wrapper { margin-bottom: 0 !important; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08) !important; border: 0 !important; } .announcement-portlet .bx-wrapper .bx-viewport { box-shadow: none !important; } /* .portlet-column .empty { padding: 0 !important; border: none !important; min-height: 0 !important; } */ .accordion-content { padding: 15px; display: none; } .accordion h3.active, .accordion h3:hover, .accordion h3 { color: #fff !important; } .ui-slider-horizontal { background: #c8c8c8 !important; } body .ui-selectbooleanbutton.ui-state-active .ui-icon, body .ui-buttonset:not(.ui-splitbutton) > .ui-button.ui-state-active .ui-icon { color: #005983 !important; } .portlet-topper { background-color: #0B5FFF; border-color: #0B5FFF; border-radius: 0 0; border-style: solid; border-width: 1px 1px 1px 1px; color: #FFF; width: fit-content !important; } .portlet-topper-toolbar { width: auto !important; } h1.portlet-title:after { height: inherit !important; display: inherit !important; margin-left: inherit !important; } .portlet-title-text { display: inherit !important; } .portlet-topper-toolbar > a, .portlet-topper-toolbar > span > a, .portlet-topper-toolbar .lfr-icon-menu > a { color: inherit !important; } span.portlet-title-text.portlet-title-editable { overflow: inherit !important; } .ui-datatable-tablewrapper th.ui-state-default { background: #005983 !important; color: #fff !important; } .yui3-calendar-day.yui3-calendar-day-selected { background-color: white !important; color: black !important; } /* .calendar-nav-bar a.nav-link.active { background-color: #00244d !important; color: $Light-fontColor !important; margin-right: 5px !important; } .calendar-nav-bar a.nav-link { background-color: #094482 !important; color: $Light-fontColor !important; margin-right: 5px !important; } */ .search-event-input .text-search { width: 250px !important; height: 35px !important; } ul.gird-box-links { padding: 0 !important; } header.portlet-topper { margin-top: -26px !important; } @media only screen and (max-width: 979px) { .hidden-desktop { display: inherit !important; } } @media only screen and (max-width: 786px) { [class*=span], .uneditable-input[class*=span], .row-fluid [class*=span] { width: 100% !important; } .row-fluid [class*=span] { margin-left: 0 !important; } } .row-fluid, .span12, .row-fluid .span12 { width: 100%; } .inner-btn { margin: 0 !important; padding: 0 !important; } h2.portlet-title-text { display: none !important; } .rooms-section .three-column-layout-container h1 { display: none; } .hidden { display: none; } /* img { max-width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; } */ .board-members img { margin-bottom: 15px !important; } /* .mm-panels, .mm-panels > .mm-panel { background: $default-fontColor !important; color: #fff !important; } .mm-listitem { color: $Light-fontColor !important; } .mm-btn_next:after { border-color: $Light-fontColor !important; left:10px !important; } .mm-btn_next { height: 40px !important; border-color: $Light-fontColor !important; } .mm-navbars_bottom .mm-navbar { border-top-width: 1px; border-top-style: solid; border-bottom: 0; top: auto; bottom: 0; } .mm-panel .mm-navbar { display: block !important; } .mm-navbar.mm-navbar_sticky { position: absolute; } .login-container { text-align: left; } .login-container .justify-content-center { display: block !important; } .login-container .fieldset label { font-weight: normal !important; font-size: 21px !important; color: #024638; line-height: 40px !important; } .login-container .form-group .form-control { margin-bottom: 20px; width: 100%; background-color: #fff!important; height: 71px; border: 1px solid #024638!important; font-size: 21px!important; border-radius: unset !important; } #ui-area .StatementSummary-portlet .stmt-info-button { color: #fff !important; } .eventsReservation-portlet .ers-number-cont .ers-font-bold { display: block; } @media screen and (min-width: 200px) and (max-width: 1023px) { .body-bg .login-container .fieldset label { font-size: 16px !important; } .Member-login-footer h2 { line-height: 48px; } } ul.mm-listview { margin-top: 25px !important; } .mm-listview, .mm-listview > li { height: 60px; line-height: 35px; } .mm-listitem .mm-listitem__text { width: 84% !important; display: inline-block !important; height:60px; } .mm-listitem .mm-btn_next { width: 15% !important; height: 60px !important; display: inline-block !important; } */ /* ul { padding: 0; margin:0 0 10px 25px; } li { line-height: 30px; } .portlet { margin-bottom: 0; } */ @media screen and (min-width: 200px) and (max-width: 767px) { .section-3 .content .col-sm-4 { margin-bottom: 30px !important; } } /* .mm-panel_opened { z-index: 1; -webkit-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; } */ .row { margin: 0; } .section-floor .form-designer-portlet .ui-grid-col-10 h1 { display: none !important; } .mm-wrapper_opened { height: 100% !important; min-height: 100% !important; position: fixed !important; } div#home-content-margin { width: 100% !important; } ul.control-menu-nav { margin: 0 !important; } h2.portlet-title-text { display: none !important; } .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title:last-child { padding-right: inherit !important; } .impersonation-msg { z-index: 2 !important; } body .ui-datepicker .ui-datepicker-title { color: inherit; padding: 3px 0 !important; } body .ui-datepicker .ui-datepicker-next, body .ui-datepicker .ui-datepicker-prev { width: 1.8em; height: 1.8em; top: 2px; margin-top: 3px; } .ui-datepicker-month, .ui-datepicker-year { max-width: 75px !important; } .activities-portlet .input-group .ui-selectonemenu { width: 99% !important; } span.ui-button-icon-left.ui-icon.ui-icon-calendar::before { color: #005983 !important; } a { color: #00529b; } .accomodation .section-gallery .form-designer-portlet .ui-grid-col-10 h1 { display: none !important; } button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only { height: 30px !important; } .ui-trigger-calendar input.hasDatepicker { margin-top: 0 !important; } .well { min-height: 20px; padding: 19px; } label.rc-label { text-transform: inherit; } body .ui-scrollpanel { padding: 0 !important; } body .ui-chkbox { margin-bottom: 10px; } body .ui-panel .ui-panel-titlebar { background-color: #005983 !important; } body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick:before { color: #005983 !important; } .ui-widget-header .ui-icon { background-image: none !important; } .label-long-recent-acti span { padding: inherit !important; } .mm-slideout { z-index: inherit !important; } .activity-date-picker span { height: auto !important; } #ui-area .form-designer-portlet .fd-section-name .ui-panel-content button.ui-datepicker-trigger.ui-button-icon-only { top: -4px; right: -38px; } .MemberProfile-portlet .mp-grid-col .mp-grid .mp-header { background: transparent !important; } #ui-area .MemberProfile-portlet .mp-picture-image { width: 185px !important; padding: 0 !important; border: 5px solid #ddd !important; height: 185px; object-fit: cover; box-shadow: none !important; } #ui-area .MemberProfile-portlet .ui-calendar.date-of-birth button.ui-datepicker-trigger.ui-button { height: 100% !important; } .MemberProfile-portlet .mp-image-style > span { background: transparent !important; } .activities-portlet .activity-date-picker input { height: 34px !important; } #ui-area .ui-paginator .ui-paginator-pages .ui-state-active { height: 37px !important; margin-top: 0px !important; } .roster-search-item, .ui-grid-responsive { margin-top: 0 !important; } .StatementSettings-portlet .stmt-settings-heading + label + div + div + div { padding: 0 0px 0px 10px !important; } .StatementSettings-portlet .ui-area-btn-success { margin-top: 10px !important; } h1.heading.mp-dn-heading:after { display: none !important; } .MemberInterests-portlet button.ui-datepicker-trigger.ui-button { margin-top: 0 !important; margin-bottom: 0 !important; } @media screen and (min-width: 200px) and (max-width: 767px) { .MemberInterests-portlet .ui-calendar input { padding-top: 0 !important; padding-bottom: 0 !important; height: 40px !important; } } @media (min-width: 980px) { .dining-search-div button.ui-datepicker-trigger.ui-button { top: inherit !important; } } @media (max-width: 640px) { .hasDatepicker { width: 100% !important; } .ui-grid-col-1, .ui-grid-col-2, .ui-grid-col-3, .ui-grid-col-4, .ui-grid-col-5, .ui-grid-col-6, .ui-grid-col-7, .ui-grid-col-8, .ui-grid-col-9, .ui-grid-col-10, .ui-grid-col-11, .ui-grid-col-12 { width: 100% !important; } .ui-grid-responsive div.ui-grid-col-1, .ui-grid-responsive div.ui-grid-col-2, .ui-grid-responsive div.ui-grid-col-3, .ui-grid-responsive div.ui-grid-col-4, .ui-grid-responsive div.ui-grid-col-5, .ui-grid-responsive div.ui-grid-col-6, .ui-grid-responsive div.ui-grid-col-7, .ui-grid-responsive div.ui-grid-col-8, .ui-grid-responsive div.ui-grid-col-9, .ui-grid-responsive div.ui-grid-col-10, .ui-grid-responsive div.ui-grid-col-11, .ui-grid-responsive div.ui-grid-col-12 { width: 100% !important; } .StatementSummary-portlet .ui-datatable-tablewrapper table thead tr th { padding: 0 !important; } button.ui-datepicker-trigger.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only { height: 40px !important; width: 3em !important; } span.ui-button-icon-left.ui-icon.ui-icon-calendar { top: 20px !important; } } @media (max-width: 767px) { .hidden { display: none !important; } .DiningReservation-portlet .hasDatepicker { width: 100% !important; min-width: 100% !important; } } @media screen and (min-width: 200px) and (max-width: 979px) { header.header_like_in_out.small { z-index: 2 !important; } } header.header_like_in_out.small { z-index: 2 !important; } .btn { font-weight: unset; } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content { margin-bottom: 20px !important; } @media screen and (min-width: 200px) and (max-width: 767px) { #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-image { padding-bottom: 100% !important; margin-bottom: 10px; } } @media screen and (min-width: 1024px) { #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-image { padding-bottom: 29% !important; } } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-image img { object-position: top !important; } @media screen and (min-width: 200px) and (max-width: 767px) { #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text { padding: 0 !important; } } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text h1, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text h2, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text h3, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text h4, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text h5, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text h6 { line-height: normal; color: #9e6632; font-family: "ITC Avant Garde Gothic", sans-serif; font-size: var(--subheading1); line-height: var(--lineheightsubh1); font-weight: normal; font-style: normal; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin-bottom: 6px !important; padding: 0; letter-spacing: 2.4px; } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p { color: #005983 !important; } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto], #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel] { position: relative; padding-left: 25px; width: max-content; text-decoration: none; border: none; -webkit-transition: 0.2s color; -moz-transition: 0.2s color; -ms-transition: 0.2s color; transition: 0.2s color; will-change: color; letter-spacing: 1.2px; font-size: 14px; font-family: "ITC Avant Garde Pro Md", sans-serif; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto], #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel] { padding-left: 1.135vw; font-size: 0.636vw; line-height: var(--lineheightp); } } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]::before, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]::before { content: "\f003"; font-family: "FontAwesome"; position: absolute; left: 0; top: -3px; display: block !important; } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]::after, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]::after { content: ""; background: #9E6632; width: calc(100% - 26px); height: 1px; position: absolute; left: 26px; bottom: 0; -webkit-transition: 0.2s width; -moz-transition: 0.2s width; -ms-transition: 0.2s width; transition: 0.2s width; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]::after, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]::after { width: calc(100% - 1.135vw); left: 1.135vw; } } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]:hover, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]:focus, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]:hover, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]:focus { color: #9E6632 !important; } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]:hover::after, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=mailto]:focus::after, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]:hover::after, #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]:focus::after { width: calc(100% - 26px); } #ui-area .journal-content-article .accordion-two-container .accordion-sub-content .accordion-content-text p a[href*=tel]::before { content: "\f095"; } @media screen and (min-width: 768px) and (max-width: 1199px) { body .custom-main-body #ui-area .journal-content-article .accordion-two-container .accordion .accordion-content .accordion-sub-content { width: 100% !important; } } @media screen and (min-width: 1200px) { body .custom-main-body #ui-area .journal-content-article .accordion-two-container .accordion .accordion-content .accordion-sub-content { width: 50% !important; } } .desktop-nav-children { display: none; } .desktop-nav-children-level1 { display: none; } .desktop-nav-children-level2 { display: none; } .desktop-nav-children-level3 { display: none; } .desktop-nav-children-level4 { display: none; } ul.desktop-nav-ul { list-style: none; display: inline-block; width: 100%; } li.desktop-nav-parent { display: inline-block; position: relative; line-height: 1.3; list-style: outside none none; margin-bottom: 4px; font-size: 14px; } span.desktop-nav-heading { color: #000 !important; font-size: 14px !important; text-shadow: 1px 0 0 #ccc; text-transform: uppercase; } .desktop-nav-div { background-color: #b3ae98; } .desktop-nav-parent-link { padding: 15px 34px 15px 31px !important; } ul.desktop-nav-children { line-height: 1.5em; list-style: none; padding-left: 0 !important; margin-top: 0; color: #fff; font-size: 13px; text-transform: uppercase; font: 62.5%/1.6em Arial, Helvetica, Verdana, sans-serif; background-color: #08422f !important; padding: 0 0 !important; position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: white; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: nowrap; } li.desktop-nav-children-level1-li { border-bottom: 1px solid #222E3A; color: #fff; float: none; font-size: 13px; font-weight: normal; text-transform: none; position: relative; margin: 0 !important; vertical-align: middle; font-size: 13px; text-transform: uppercase; display: block; zoom: 1; padding: 0 0 !important; line-height: 1.5em; list-style: none; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } span.desktop-nav-unselected-item { text-decoration: none; text-align: left; font-family: Times New Roman; font-size: 1.3em; cursor: pointer; outline: 0 none; padding: 9px 5px 9px; color: #fff !important; text-shadow: 1px 0 0 #000; padding: 5px 0 !important; font-family: "Cinzel", serif; font-size: 1.1em; text-rendering: optimizeLegibility; font-weight: normal; text-transform: uppercase; line-height: 1.5em; min-width: 200px; list-style: none; white-space: nowrap; } ul.desktop-nav-children-level2 { background-color: #08422f !important; position: absolute; top: 0; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; list-style: none; background-color: white; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; line-height: 1.3 !important; margin-left: 180px !important; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } .li.desktop-nav-children-level2-li { display: block; width: 100%; text-align: left; line-height: 1.3 !important; line-height: 1.3 !important; border-bottom: 1px solid #222e3a; padding: 5px 0; border-bottom: 1px solid #222e3a; padding: 5px 0; position: relative; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } .li.desktop-nav-children-level3-li { display: block; width: 100%; text-align: left; line-height: 1.3 !important; line-height: 1.3 !important; border-bottom: 1px solid #222e3a; padding: 5px 0; border-bottom: 1px solid #222e3a; padding: 5px 0; position: relative; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } .li.desktop-nav-children-level4-li { display: block; width: 100%; text-align: left; line-height: 1.3 !important; line-height: 1.3 !important; border-bottom: 1px solid #222e3a; padding: 5px 0; border-bottom: 1px solid #222e3a; padding: 5px 0; position: relative; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } span.desktop-nav-unselected-item-level2, span.desktop-nav-unselected-item-level3, span.desktop-nav-unselected-item-level4 { color: #ede0a3 !important; text-rendering: optimizelegibility; text-shadow: 1px 1px 0 black; display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } ul.dropdown-menu.desktop-nav-children-level3 { background-color: #08422f !important; position: absolute; top: 0; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; list-style: none; background-color: white; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; line-height: 1.3 !important; margin-left: 180px !important; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } ul.dropdown-menu.desktop-nav-children-level4 { background-color: #08422f !important; position: absolute; top: 0; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; list-style: none; background-color: white; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; line-height: 1.3 !important; margin-left: 180px !important; white-space: nowrap; max-width: 180px !important; width: 180px !important; min-width: 180px !important; } .desktop-nav-dropdown-menu { min-width: 250px !important; padding: 0px 0 !important; top: 0 !important; } #textured-cssmenu * { outline: none; } #textured-cssmenu > ul > li:hover > ul, #textured-cssmenu > ul > li:focus > ul, #textured-cssmenu > ul > li > a:hover + ul, #textured-cssmenu > ul > li > a:focus + ul, #textured-cssmenu > ul > li:focus-within > ul { opacity: 1; display: block !important; z-index: 1000; } #textured-cssmenu ul, #textured-cssmenu li, #textured-cssmenu a { tabindex: 0; } #textured-cssmenu > ul > li > a { tabindex: -1; } #textured-cssmenu, #textured-cssmenu ul, #textured-cssmenu ul li, #textured-cssmenu ul li a, #textured-cssmenu #menu-button { margin: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #textured-cssmenu:after, #textured-cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #textured-cssmenu #menu-button { display: none; } #textured-cssmenu { width: auto; padding-top: 0px; padding-bottom: 0px; } #textured-cssmenu.align-right > ul > li { float: right; } #textured-cssmenu > ul > li { display: inline-block; } #textured-cssmenu.align-center > ul { float: none; text-align: center; } #textured-cssmenu.align-center > ul > li { float: none; } #textured-cssmenu.align-center ul ul { text-align: left; } #textured-cssmenu > ul > li > a { color: #fff; text-transform: capitalize; /* font-weight: bold; */ } #textured-cssmenu > ul > li > a:focus { color: #09a98a !important; text-decoration: none; } #textured-cssmenu > ul > li.has-sub > a { padding-right: 45px; } #textured-cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 22px; } #textured-cssmenu > ul > li.has-sub.active > a::after, #textured-cssmenu > ul > li.has-sub:hover > a, #textured-cssmenu > ul > li.has-sub:focus > a { border-top-color: #ffffff; } #textured-cssmenu ul ul { left: -9999px; opacity: 0; padding-top: 18px; position: absolute; top: 60px; transition: top 0.2s ease 0s, opacity 0.2s ease-in 0s; } #textured-cssmenu.align-right ul ul { text-align: right; } #textured-cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px; } #textured-cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #396e1f; top: 11px; left: -4px; display: none; } #textured-cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #396e1f; left: auto; right: -4px; } #textured-cssmenu > ul > li > ul { text-align: left; z-index: 60; } #textured-cssmenu > ul > li:hover > ul, #textured-cssmenu > ul > li:focus > ul { top: 40px; left: 0; opacity: 1; display: block !important; padding-top: 0px; } #textured-cssmenu.align-right > ul > li:hover > ul, #textured-cssmenu.align-right > ul > li:focus > ul { left: auto; right: 0; } #textured-cssmenu ul ul ul { padding-top: 0; padding-left: 0px; } #textured-cssmenu.align-right ul ul ul { padding-right: 7px; } #textured-cssmenu ul ul > li:hover > ul, #textured-cssmenu ul ul > li:focus > ul { left: 240px; top: 0; opacity: 1; display: block !important; } #textured-cssmenu.align-right ul ul > li:hover > ul, #textured-cssmenu.align-right ul ul > li:focus > ul { left: auto; right: 100%; opacity: 1; display: block !important; } #textured-cssmenu ul ul li:first-child > a { border-top-left-radius: 0px; border-top-right-radius: 0px; } #textured-cssmenu ul ul li:last-child > a { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #textured-cssmenu > ul > li > ul::after { position: absolute; display: block; } #textured-cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px; } #textured-cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px; } #textured-cssmenu ul ul li.has-sub.active > a::after, #textured-cssmenu ul ul li.has-sub:hover > a::after, #textured-cssmenu ul ul li.has-sub:focus > a::after { border-left-color: #333333; } #textured-cssmenu.align-right ul ul li.has-sub.active > a::after, #textured-cssmenu.align-right ul ul li.has-sub:hover > a::after, #textured-cssmenu.align-right ul ul li.has-sub:focus > a::after { border-right-color: #333333; border-left-color: transparent; } /* class for last child open in left side*/ #textured-cssmenu > ul > li:last-child ul ul { margin-left: -480px; } /* end class for last child open in left side*/ #blue-yellow-cssmenu, #blue-yellow-cssmenu ul, #blue-yellow-cssmenu ul li, #blue-yellow-cssmenu ul li a, #blue-yellow-cssmenu #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #blue-yellow-blue-yellow-cssmenu:after, #blue-yellow-cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #blue-yellow-cssmenu #menu-button { display: none; } #blue-yellow-cssmenu { width: auto; /* font-family: 'Open Sans', Helvetica, sans-serif; */ background: #39b1cc; background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af)); background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%); background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%); } #blue-yellow-cssmenu > ul { background: url(../../images/navigation/highlight-bg.png) repeat; padding-bottom: 3px; /* font-family: 'Open Sans', sans-serif; */ font-weight: 600; } #blue-yellow-cssmenu > ul { background: url(../../images/navigation/menu-bg.png) repeat; margin: 0; padding: 0; position: relative; } #blue-yellow-cssmenu.align-right > ul > li { float: right; } #blue-yellow-cssmenu > ul > li { float: left; display: inline-block; } #blue-yellow-cssmenu.align-center > ul { float: none; text-align: center; } #blue-yellow-cssmenu.align-center > ul > li { float: none; } #blue-yellow-cssmenu.align-center ul ul { text-align: left; } #blue-yellow-cssmenu > ul > li > a { padding: 18px 25px 21px 25px; border-right: 1px solid rgba(80, 80, 80, 0.12); text-decoration: none; font-size: 13px; font-weight: 700; color: #d3eced; text-transform: uppercase; letter-spacing: 1px; } #blue-yellow-cssmenu > ul > li:hover > a, #blue-yellow-cssmenu > ul > li > a:hover, #blue-yellow-cssmenu > ul > li.active > a { color: #ffffff; background: #32a9c3; background: rgba(0, 0, 0, 0.1); } #blue-yellow-cssmenu > ul > li.has-sub > a { padding-right: 45px; } #blue-yellow-cssmenu > ul > li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #d3eced; right: 17px; top: 22px; } #blue-yellow-cssmenu > ul > li.has-sub.active > a::after, #blue-yellow-cssmenu > ul > li.has-sub:hover > a { border-top-color: #ffffff; } #blue-yellow-cssmenu ul ul { position: absolute; left: -9999px; top: 60px; padding-top: 6px; font-size: 13px; opacity: 0; -webkit-transition: top 0.2s ease, opacity 0.2s ease-in; -moz-transition: top 0.2s ease, opacity 0.2s ease-in; -ms-transition: top 0.2s ease, opacity 0.2s ease-in; -o-transition: top 0.2s ease, opacity 0.2s ease-in; transition: top 0.2s ease, opacity 0.2s ease-in; } #blue-yellow-cssmenu.align-right ul ul { text-align: right; } #blue-yellow-cssmenu > ul > li > ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #ffffff; top: -4px; left: 20px; } #blue-yellow-cssmenu.align-right > ul > li > ul::after { left: auto; right: 20px; } #blue-yellow-cssmenu ul ul ul::after { content: ""; position: absolute; width: 0; height: 0; border: 5px solid transparent; border-right-color: #ffffff; top: 11px; left: -4px; } #blue-yellow-cssmenu.align-right ul ul ul::after { border-right-color: transparent; border-left-color: #ffffff; left: auto; right: -4px; } #blue-yellow-cssmenu > ul > li > ul { top: 120px; } #blue-yellow-cssmenu > ul > li:hover > ul { top: 52px; left: 0; opacity: 1; } #blue-yellow-cssmenu.align-right > ul > li:hover > ul { left: auto; right: 0; } #blue-yellow-cssmenu ul ul ul { padding-top: 0; padding-left: 6px; } #blue-yellow-cssmenu.align-right ul ul ul { padding-right: 6px; } #blue-yellow-cssmenu ul ul > li:hover > ul { left: 180px; top: 0; opacity: 1; } #blue-yellow-cssmenu.align-right ul ul > li:hover > ul { left: auto; right: 100%; opacity: 1; } #blue-yellow-cssmenu ul ul li a { text-decoration: none; font-weight: 400; padding: 11px 25px; width: 180px; color: #777777; background: url(../../images/navigation/hover.png) repeat; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1); } #blue-yellow-cssmenu ul ul li:hover > a, #blue-yellow-cssmenu ul ul li.active > a { color: #333333; } #blue-yellow-cssmenu ul ul li:first-child > a { border-top-left-radius: 3px; border-top-right-radius: 3px; } #blue-yellow-cssmenu ul ul li:last-child > a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #blue-yellow-cssmenu > ul > li > ul::after { position: absolute; display: block; } #blue-yellow-cssmenu ul ul li.has-sub > a::after { content: ""; position: absolute; width: 0; height: 0; border: 4px solid transparent; border-left-color: #777777; right: 17px; top: 14px; } #blue-yellow-cssmenu.align-right ul ul li.has-sub > a::after { border-left-color: transparent; border-right-color: #777777; right: auto; left: 17px; } #blue-yellow-cssmenu ul ul li.has-sub.active > a::after, #blue-yellow-cssmenu ul ul li.has-sub:hover > a::after { border-left-color: #333333; } #blue-yellow-cssmenu.align-right ul ul li.has-sub.active > a::after, #blue-yellow-cssmenu.align-right ul ul li.has-sub:hover > a::after { border-right-color: #333333; border-left-color: transparent; } @media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { #blue-yellow-cssmenu { background: #39b1cc; } #blue-yellow-cssmenu > ul { display: none; } #blue-yellow-cssmenu > ul.open { display: block; border-top: 1px solid rgba(0, 0, 0, 0.1); } #blue-yellow-cssmenu.align-right > ul { float: none; } #blue-yellow-cssmenu.align-center > ul { text-align: left; } #blue-yellow-cssmenu > ul > li, #blue-yellow-cssmenu.align-right > ul > li { float: none; display: block; } #blue-yellow-cssmenu > ul > li > a { padding: 18px 25px 18px 25px; border-right: 0; } #blue-yellow-cssmenu > ul > li:hover > a, #blue-yellow-cssmenu > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #blue-yellow-cssmenu #menu-button { display: block; text-decoration: none; font-size: 13px; font-weight: 700; color: #d3eced; padding: 18px 25px 18px 25px; text-transform: uppercase; letter-spacing: 1px; background: url("../../images/navigation/bg.png"); cursor: pointer; } #blue-yellow-cssmenu ul ul, #blue-yellow-cssmenu ul li:hover > ul, #blue-yellow-cssmenu > ul > li > ul, #blue-yellow-cssmenu ul ul ul, #blue-yellow-cssmenu ul ul li:hover > ul, #blue-yellow-cssmenu.align-right ul ul, #blue-yellow-cssmenu.align-right ul li:hover > ul, #blue-yellow-cssmenu.align-right > ul > li > ul, #blue-yellow-cssmenu.align-right ul ul ul, #blue-yellow-cssmenu.align-right ul ul li:hover > ul { left: 0; right: auto; top: auto; opacity: 1; width: 100%; padding: 0; position: relative; text-align: left; } #blue-yellow-cssmenu ul ul li { width: 100%; } #blue-yellow-cssmenu ul ul li a { width: 100%; box-shadow: none; padding-left: 35px; } #blue-yellow-cssmenu ul ul ul li a { padding-left: 45px; } #blue-yellow-cssmenu ul ul li:first-child > a, #blue-yellow-cssmenu ul ul li:last-child > a { border-radius: 0; } #blue-yellow-cssmenu #menu-button::after { display: block; content: ""; position: absolute; height: 3px; width: 22px; border-top: 2px solid #d3eced; border-bottom: 2px solid #d3eced; right: 25px; top: 18px; } #blue-yellow-cssmenu #menu-button::before { display: block; content: ""; position: absolute; height: 3px; width: 22px; border-top: 2px solid #d3eced; right: 25px; top: 28px; } #blue-yellow-cssmenu > ul > li.has-sub > a::after, #blue-yellow-cssmenu ul ul li.has-sub > a::after { display: none; } } #blue-yellow-cssmenu > ul ul li a:hover { border-left: 4px solid #055988; background: url(../../images/navigation/highlight-bg.png) repeat; } #blue-yellow-cssmenu > ul ul li a:active { background: url(../../images/navigation/menu-bg.png) repeat; } #blue-yellow-cssmenu > ul > li:hover > a { background: url(../../images/navigation/hover.png) repeat; } #blue-yellow-cssmenu > ul > li > a > span { line-height: 18px; } #blue-yellow-cssmenu > ul > li.active > a, #blue-yellow-cssmenu > ul > li > a:active { background: url(../../images/navigation/highlight-bg.png) repeat; } #blue-yellow-cssmenu:before, #blue-yellow-cssmenu:after, #blue-yellow-cssmenu > ul:before, #blue-yellow-cssmenu > ul:after { content: ""; display: table; } #blue-yellow-cssmenu:after, #blue-yellow-cssmenu > ul:after { clear: both; } #blue-yellow-cssmenu { width: auto; zoom: 1; } #blue-yellow-cssmenu > ul li { margin: 0; padding: 0; list-style: none; } #blue-yellow-cssmenu > ul > li { float: left; position: relative; } #blue-yellow-cssmenu > ul > li > a { padding: 23px 26px; display: block; color: white; font-size: 13px; text-decoration: none; text-transform: uppercase; text-shadow: 0 -1px 0 #c28130; text-shadow: 0 -1px 0 rgba(151, 99, 33, 0.43); line-height: 18px; } #blue-yellow-cssmenu > ul ul { background: url(../../images/navigation/hover.png) repeat; } @media screen and (max-width: 1199px) { .smartphone-nav-div { display: block; } .desktop-nav-div { display: none; } div#classic-mob-toggleMenu { display: block; } div#textured-cssmenu { display: none; } } @media screen and (min-width: 1200px) { .smartphone-nav-div { display: none; } .desktop-nav-div { display: block; } div#classic-mob-toggleMenu { display: none; } div#classic-mob-menu { display: none !important; } div#textured-cssmenu { display: block; } div#mm-0 { transform: initial !important; } } ul.sidenav-page-children li.subLeft a { /* width: 100% !important; */ } span.sidenav-page-selected-heading { color: #343531; display: inline-block; text-shadow: none; padding: 10px 0px 10px 6px; font-size: 14px; text-transform: uppercase; font-size: 19px; border-bottom: 1px solid #343531; } li.subLeft { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 20px !important; color: #333 !important; text-transform: uppercase; } li.sidenav-page-parent { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 20px !important; color: #000 !important; /* text-shadow: 1px 1px 0 #c0c0c0 !important; */ text-transform: uppercase; } li.sidenav-page-parent a:hover { text-decoration: none !important; } span.sidenav-page-heading { color: #00529b; display: inline-block; text-shadow: none; padding: 10px 0px 10px 6px; font-size: 30px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; } ul.sidenav-page-children-level2 { border-top: 1px solid #5e4821; } span.side-nav-page-unselected-item { color: #21201e; display: inline-block; font-size: 18px; padding: 5px 0 5px 6px !important; text-decoration: none; text-shadow: none; text-transform: capitalize; } a.sidenav-page-parent-a { background-color: #938c6f; } span.side-nav-page-selected-item { color: #000; display: inline-block; font-size: 18px; padding: 10px 0 5px 6px; text-decoration: none; text-shadow: none; text-transform: capitalize; background-color: #ededed; } ul.sidenav-page-children { margin: 20px 0 20px 0; } ul.sidenav-page-ul { margin: 10px 0 0 0; } ul.sidenav-page-children-level2 { margin: 0; } ul.sidenav-page-children li { border-bottom: 1px solid #e5e5e5; } ul.sidenav-page-children-level2 li a:hover span { color: #fff; } ul.sidenav-page-children { margin: 0 !important; } ul.sidenav-page-ul { margin: 40px 0 20px 0 !important; } span.sidenav-full-selected-heading { color: yellow; } a { font-weight: 400; } .sidenav-full-ul { margin: 0 !important; } li.subLeft { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 20px !important; color: #333 !important; text-transform: uppercase; } li.sidenav-full-parent { background-image: none !important; color: #fff !important; font-size: 20px !important; list-style: outside none none; margin: 0 !important; padding: 0 0px 0 0 !important; text-transform: uppercase; } span.side-nav-full-unselected-item { display: block; font-size: 18px; line-height: 30px; padding: 5px 0 5px 0; text-decoration: none; text-transform: capitalize; } a.sidenav-full-parent-a { background-color: #938c6f; } span.side-nav-full-selected-item { color: #000; display: block; font-size: 18px !important; line-height: 30px; padding: 5px 0 5px 0; text-decoration: none; text-transform: capitalize; } .sidenav-full-parent > a:hover { text-decoration: none; } .sidenav-full-children { margin-left: 15px !important; } .subLeft > a { color: #7E6A47; } .sidenav-full-children { border-bottom: 1px solid #e5e5e5; margin-left: 0 !important; } ul.sidenav-full-children-level2 { margin: 0; } ul.sidenav-full-children-level2 li a:last-child { border: none; } ul.sidenav-full-children li a:last-child { border: none; } /* li.subLeft:last-child { border: none !important; } */ .sidenav-full-parent a { border-bottom: 1px solid #e5e5e5; display: block; font-size: 20px; font-weight: normal !important; line-height: 30px; text-transform: uppercase; color: #00529b !important; padding: 10px 0 10px 0; } ul.sidenav-full-children li a { color: #6b6a6a !important; } ul.sidenav-full-children li a:hover { color: #fff !important; transition: all 0.3s linear 0s; } ul.sidenav-full-children li { border-bottom: 1px solid #e5e5e5; } ul.sidenav-full-children li.subLeft a { /* display: block !important; */ /* width: 100% !important; */ } a { font-weight: 400; } ul.ctAccordion { margin: 0 !important; } li.subLeft { color: #333 !important; /* font-size: 20px !important; */ list-style: outside none none; margin-left: 0 !important; padding: 0 !important; text-transform: uppercase; display: inline-block; width: 100%; } li.sidenav-accordion-parent { background-image: none !important; color: #ffffff !important; font-size: 18px; list-style: outside none none; margin: 0 !important; padding: 5px 0 5px 0 !important; text-transform: capitalize; line-height: 30px; background-color: #00529b; border-bottom: 1px solid #fff; } span.sidenav-accordion-heading { color: #fff !important; padding-left: 10px; font-size: 16px; } span.side-nav-accordion-unselected-item { color: #000000 !important; display: block !important; font-size: 18px; padding: 3px 0 3px 5px !important; text-decoration: none; text-transform: capitalize; } span.side-nav-accordion-selected-item { /* background-color: #410010; */ display: block; font-size: 16px; line-height: 20px; padding: 0 0 0 5px !important; text-decoration: none; text-transform: capitalize; color: #000 !important; } .accordion-down-img { display: inline-block; height: 16px !important; width: 16px !important; } .accordion-up-img { width: 16px !important; height: 16px !important; display: inline-block; } .sidenav-accordion-selected-heading { color: #ffffff; /* display: block; */ width: 100%; padding: 0 30px 0 10px; /* background-color: #f7f6f1; */ width: 85%; } .subLeft > a { color: #7E6A47; display: inline-block; padding: 0 0 0 10px; } .sidenav-accordion-children-level2 { background-color: #d3d5b8; } ul.sidenav-accordion-children-level2 li { border: none; } ul.sidenav-accordion-children-level2 li a span { color: #ffffff !important; } ul.sidenav-accordion-children { margin: 0; background-color: #ededed; } .sidenav-accordion-children .subLeft:last-child { border-bottom: medium none; } .sidenav-accordion-parent-a { /* display: inline-block; min-width: 222px; */ padding: 5px 0 5px 0; } ul.sidenav-accordion-children li { padding: 0px 0 1px 0 !important; border: none; } ul.sidenav-accordion-children-level2 li { background-color: transparent !important; } ul.sidenav-accordion-children-level2 { background-color: #258c54 !important; margin: 0 0 0 0px !important; } li.sidenav-accordion-parent a:hover { text-decoration: none; } ul.sidenav-accordion-children li a:hover { background-color: transparent !important; } .sidenav-accordion-ul i { float: right; margin: 1px 10px 0 0; cursor: pointer; color: #f7f6f1; } ul.sidenav-accordion-children li { border-bottom: 1px solid #e5e5e5; } ul.sidenav-accordion-children { margin: 0 !important; } a { font-weight: 400; } li.subLeft { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 16px !important; color: #333 !important; text-transform: uppercase; } li.sidenav-session-parent { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 20px !important; color: #000 !important; text-transform: uppercase; } span.sidenav-session-heading { /* background-color: #5e4821; */ display: block; } span.side-nav-session-unselected-item { display: block; } a.sidenav-session-parent-a { background-color: #938c6f; } span.side-nav-session-selected-item { display: block; text-shadow: none; } .sidenav-session-ul { /* width: 210px; */ background-color: #fbfbfb; } .sidenav-session-children { background-color: #fbfbfb; margin-left: 10px !important; padding: 20px 0 0px 0px; } .sidenav-session-children .subLeft > a { display: block; } .sidenav-session-selected-heading { color: #00539C; display: block; font-size: 20px; padding: 10px 0px 10px 20px; text-transform: uppercase; border-bottom: 1px solid #cccccc; } ul li .subLeft > a:hover { transition: all 0.3s linear 0s; } .sidenav-session-children { margin-left: 0 !important; } .sidenav-session-parent > a { text-decoration: none !important; } ul.sidenav-session-children li { /* border-bottom: 1px solid #e6e6e6; background-image: url(/documents/10184/0/side-nav-image.png) !important; background-repeat: no-repeat; background-position: 1% 40%;*/ } a { font-weight: 400; } li.subLeft { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 10px 0 10px 0px !important; /* font-size: 20px !important; */ color: #333 !important; text-transform: uppercase; text-align: left !important; } li.sidenav-mobile-view-parent { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; text-transform: uppercase; text-align: center !important; /*font-size: 20px !important; color: #fff !important; background-color: #560a0e; */ } span.sidenav-mobile-view-heading { background-color: transparent !important; color: #fff !important; display: inline-block !important; margin-left: 0 !important; text-shadow: none !important; text-decoration: none !important; padding: 5px 10px 5px 15px !important; text-transform: uppercase !important; font-size: 16px !important; font-weight: 400; } span.side-nav-mobile-view-unselected-item { /* color: #000 !important; */ display: block; font-size: 16px !important; padding: 0 !important; text-decoration: none !important; text-transform: capitalize !important; text-shadow: none !important; padding: 0px 10px 0px 10px !important; } a.sidenav-mobile-view-parent-a { background-color: #938c6f; } span.side-nav-mobile-view-selected-item { /* color: #0a375b !important; */ display: inline-block; font-size: 16px !important; padding: 0px 10px 0px 40px !important; text-decoration: none; text-shadow: none; text-transform: capitalize !important; font-weight: bold !important; } li.sidenav-mobile-view-parent i { display: inline-block; color: #fff !important; font-size: 20px !important; margin: 0 !important; padding: 10px 15px 10px 10px !important; font-weight: normal; float: right !important; } .sidenav-mobile-view-ul { margin: 0 !important; } .sidenav-mobile-view-children { margin: 0 !important; } .sidenav-mobile-view-children .subLeft > a { display: block; /* padding: 3px !important; */ } .sidenav-mobile-view-selected-heading { color: #fff !important; display: inline-block !important; margin-left: 0 !important; text-shadow: none !important; text-decoration: none !important; padding: 8px 10px 8px 15px !important; text-transform: capitalize; font-size: 24px !important; font-weight: 700 !important; } .sidenav-mobile-down-img { /* background: url("../../images/side-navigation/down.png"); */ width: 14px !important; height: 16px !important; position: relative; top: -30px; right: 15px; float: right; } .sidenav-mobile-up-img { /* background: url("../../images/side-navigation/up.png"); */ width: 14px !important; height: 16px; float: right; position: relative; top: -30px; right: 15px; } /* #sidenav-mob-ul li { border-bottom: 1px solid #ccc !important; } */ .sidenav-mobile-view-parent a { text-decoration: none !important; text-align: left !important; } /* moved this class in side-nav-scss*/ /* .sidenav-mobile-view-div .sidenav-mobile-view-ul ul li a { background-color: #872428 !important; } */ .sidenav-mobile-view-div ul#sidenav-mob-ul { width: 100%; border: 1px solid #adacac; } /* .sidenav-mobile-view-ul li.subLeft a { background-position: 20px 15px !important; } */ /* Quick links heading classes */ a#headerTogglePageLinks { color: #fff !important; display: block; margin-left: 0 !important; text-shadow: none !important; text-decoration: none !important; padding: 8px 10px 8px 15px !important; text-transform: capitalize; font-size: 24px !important; font-weight: 700 !important; } a#headerTogglePageLinks i { float: right; font-size: 20px; padding-top: 5px; } a#headerTogglePageLinks:hover { color: #fff !important; } /* end Quick links heading classes */ span.sidenav-parent-links-selected-heading { color: yellow; } a { font-weight: 400; } li.subLeft { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; /* font-size: 20px !important; */ color: #000 !important; text-transform: uppercase; } li.sidenav-parent-links-parent { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 20px !important; color: #333 !important; text-shadow: 1px 1px 0 #c0c0c0 !important; text-transform: uppercase; } span.sidenav-parent-links-heading { color: black !important; } .sidenav-parent-links-div { background: -webkit-linear-gradient(top, #b3ae98 0%, #cac4ac 50%, #b3ae98 100%); } span.side-nav-parent-links-unselected-item { color: #222 !important; font-size: 17px !important; padding: 0 0 0 24px !important; text-decoration: none; text-shadow: 1px 1px 0 #eee !important; text-transform: uppercase !important; display: inline-block; } a.sidenav-parent-links-parent-a { background-color: #938c6f; } span.side-nav-parent-links-selected-item { color: #C33232 !important; font-size: 17px !important; padding: 0 0 0 24px !important; text-decoration: none; text-shadow: 1px 1px 0 #eee !important; text-transform: uppercase !important; display: inline-block; } a { font-weight: 400; } li.subLeft { background-image: none !important; list-style: outside none none; margin: 0 !important; font-size: 20px !important; color: #333 !important; text-transform: uppercase !important; /* border-bottom: 0px solid #d0c7b9 !important; */ } li.sidenav-session-children-parent { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 16px !important; color: #000 !important; /* text-shadow: 1px 1px 0 #c0c0c0 !important; */ text-transform: none; } /* span.sidenav-session-children-heading { border-bottom: 0px; color: #fff; display: block; font-size: 20px; padding: 25px 10px 25px 25px; text-shadow: 0 0 0 #c0c0c0; text-transform: none; border-radius: 0; margin-bottom: 0px; font-weight: normal; letter-spacing: 0; background-color: #560a0e; } */ span.side-nav-session-children-unselected-item { /* line-height: normal; text-decoration: none; font-size: 24px; padding: 15px 0px; display: inline-block; */ } a.sidenav-session-children-parent-a { background-color: #938c6f; } span.side-nav-session-children-selected-item { /* color: #dfa424 !important; text-transform: uppercase !important;*/ /* display: inline-block; padding: 15px 0px; text-decoration: none; text-shadow: none !important; margin: 0px 0 0 0 !important; line-height: normal !important; */ } ul.sidenav-session-children-level2 { margin: 0 !important; padding: 0 0 0 0px; } ul.sidenav-session-children-level2 li { list-style: disc; } .sidenav-session-children-ul { margin: 0px !important; } .sidenav-session-children-children { margin: 0 !important; padding: 0px 0 0px 0px !important; } /* .sidenav-session-children-children .subLeft > a { display: inline-block; text-shadow: none; } */ ul.sidenav-session-children-children li.subLeft a { list-style: none; } /* ul.sidenav-session-children li a span.side-nav-session-selected-item { background-image: url(/documents/10184/0/side-nav-image.png); background-repeat: no-repeat; background-position: 1% 44%; } */ /* span.sidenav-session-children-heading:hover { background-color: transparent !important; transition: all 0.3s linear 0s; } */ ul.sidenav-session-children-children { padding-left: 0px !important; padding-right: 0px !important; } ul.sidenav-session-children-level2 a { padding-left: 20px !important; } /* iPad (portrait and landscape) ----------- */ @media screen and (min-width: 768px) and (max-width: 1024px) { /* .side-navigation-portlet li.subLeft { font-size: 13px !important; } */ .side-navigation-portlet span.sidenav-session-children-heading { /* font-size: 14px !important; */ /* padding: 5px !important; */ } .sidenav-session-children-selected-heading { font-size: 14px !important; padding: 5px !important; } #ui-area h1.heading.mr-heading { /* font-size: 14px !important; */ padding: 10px 7px 9px 7px !important; } .member-landing-wrapper .member-home-left-head { padding: 10px 7px 9px 7px !important; } span.side-nav-session-children-unselected-item { padding: 10px 0px !important; } span.side-nav-session-children-selected-item { padding: 10px 0px !important; } } a { font-weight: 400; } li.subLeft { color: #333 !important; font-size: 20px !important; list-style: outside none none; margin-left: 0 !important; padding: 0 !important; text-transform: uppercase; } li.sidenav-custom-accordion-parent { color: #000 !important; font-size: 16px; list-style: outside none none; margin: 0 !important; padding: 0 !important; text-transform: capitalize; line-height: 30px; } li.sidenav-custom-accordion-parent:hover a { background-color: #081f36 !important; color: #fff !important; padding-left: 15px; } li.sidenav-custom-accordion-parent a, li.sidenav-custom-accordion-parent a span { transition: all 0.3s ease !important; } li.sidenav-custom-accordion-parent:hover a span { color: #fff !important; } span.sidenav-custom-accordion-heading { color: #000; line-height: normal; text-decoration: none; font-size: 24px; text-transform: uppercase; padding: 15px 0; font-weight: 400; font-style: normal; display: block; letter-spacing: 5px; transition: all 0.3s ease; } span.side-nav-accordion-unselected-item { color: #000000; display: inline-block; font-size: 18px; padding-left: 10px; } span.side-nav-accordion-selected-item { /* background-color: #410010; */ display: block; font-size: 16px; line-height: 20px; padding: 0 0 0 5px !important; text-decoration: none; text-transform: capitalize; color: #000 !important; } .accordion-down-img { background: rgba(0, 0, 0, 0) url("../../images/club-images/down.png") repeat scroll 0 0; display: inline-block; height: 16px !important; width: 16px !important; } /* .accordion-up-img { background: url("../../images/club-images/up.png"); width: 16px !important; height: 16px !important; display: inline-block; } */ .sidenav-custom-accordion-selected-heading { background-color: #25809a; color: #fff; font-size: 13px; padding-left: 10px; padding-right: 20px; width: 100%; } .subLeft > a { color: #454545; display: inline-block; /* min-width: 80%; */ padding: 0px 0 0px 0px; } .sidenav-custom-accordion-children-level2 span { font-size: 14px !important; padding-left: 35px !important; } .subLeft:hover { color: #fff !important; transition: inherit !important; } .sidenav-custom-accordion-children .subLeft:last-child { border-bottom: medium none; } .sidenav-custom-accordion-parent-a { display: block; text-decoration: none !important; /* width: 88%; */ /*background: #5e4821 url(../../images/club-images/plusIdle.jpg) no-repeat scroll 3% 50%;*/ padding: 5px 0 5px 0; } .sidenav-custom-accordion-selected-heading { display: block; } .sidenav-custom-accordion-div ul ul li:last-child { border-bottom: 0 none; } .sidenav-custom-accordion-div i { font-size: 11px; float: right; position: relative; top: -39px; padding: 4px 6px 4px 6px; background-color: #01773e; right: 0px; color: #ffffff; font-weight: normal; } .side-nav-custom-accordion-unselected-item { color: #000; display: block; text-transform: uppercase; padding: 6px 0 6px 0px; } .custom-subLeft a { display: block; text-decoration: none !important; width: 100%; padding: 0 0 0 17px; } .side-nav-custom-accordion-selected-item { background-color: #25809a; color: #fff; display: block; padding-left: 20px; padding-right: 10px; width: 100%; } .sidenav-custom-accordion-div ul ul li { /* overflow: hidden; background-image: url(/documents/10184/0/side-nav-image.png) !important; background-repeat: no-repeat; background-position: 1% 40%;*/ } .sidenav-custom-accordion-ul { margin: 0 0 50px !important; overflow: hidden; } li.custom-subLeft { font-size: 17px !important; border-bottom: 1px solid #e5e5e5; list-style: none; } li.sidenav-custom-accordion-parent ul { margin: 20px 0 0 0; } ul.sidenav-mobile-view-ul { border-radius: 6px 6px 0 0; padding-right: 0px; padding-bottom: 0px; margin-top: 0px !important; } a { font-weight: 400; } li.subLeft { background-image: none; list-style: outside none none; margin: 0 !important; padding: 0 !important; /* font-size: 24px !important; */ color: #333 !important; text-transform: uppercase; } li.sidenav-mobile-view-parent { background-image: none !important; list-style: outside none none; margin: 0 !important; padding: 0 !important; font-size: 20px !important; color: #000 !important; text-transform: uppercase; } span.sidenav-mobile-view-heading { background: #01773e; border-radius: 0px; color: #fff; display: block; margin-bottom: 0px; padding: 5px 10px; text-transform: uppercase; } span.side-nav-mobile-view-unselected-item { /* color: #333 !important; */ display: block; font-size: 16px !important; padding: 0px 10px 0px 10px !important; text-decoration: none; text-transform: capitalize; text-shadow: none; padding: 0px 10px 0px 10px !important; } a.sidenav-mobile-view-parent-a { background-color: red; } span.side-nav-mobile-view-selected-item { /* color: #0a375b !important; */ display: inline-block; font-size: 16px !important; padding: 0px 10px 0px 10px !important; text-decoration: none; text-shadow: none; text-transform: capitalize !important; } span.mobile-sidenav-custom-accordion-heading { background-color: #525252; color: #fff; display: inline-block; font-size: 14px; margin-bottom: 1px; padding: 5px 10px; text-transform: uppercase; width: 83%; } .sidenav-mobile-view-ul { margin: 0 !important; } .sidenav-mobile-view-children .subLeft > a { display: block; } .sidenav-mobile-view-selected-heading { color: #fff; display: block; font-size: 16px; padding: 5px 10px; text-transform: capitalize; } .humburger-mobile-up-img { float: right !important; right: 15px; position: relative; top: 10px; color: #fff; } .sidenav-mobile-view-parent a { text-decoration: none !important; } .mobile-sidenav-custom-accordion-selected-heading { background: #25809a; border-radius: 3px; color: #fff; display: block; font-size: 13px; padding: 3px 10px; text-transform: uppercase; } .sidenav-mobile-custom-accordion-div i { float: right; padding-right: 10px; padding-top: 10px; color: #fff; font-size: 16px; position: relative; right: 75px; } li.mobile-sidenav-custom-accordion-parent { line-height: 22px; } span.mobile-side-nav-custom-accordion-unselected-item { color: #ffffff; font-size: 16px; padding-left: 20px; line-height: 30px; display: block; } .hidden-sidenav-mob-ul1 ul li:last-child { border-bottom: medium none !important; } span.mobile-side-nav-custom-accordion-selected-item { color: #fff; font-size: 13px; padding-left: 20px; text-transform: uppercase; display: block; background-color: #ee3439; } ul#hidden-sidenav-mob-ul1 { background-color: #7b7777; margin: 0 !important; width: 87%; } ul#hidden-sidenav-mob-ul1 a { text-decoration: none; } ul#hidden-sidenav-mob-ul2 { list-style: none; } #hidden-sidenav-mob-ul2 span.mobile-side-nav-custom-accordion-unselected-item { padding-left: 40px; } #hidden-sidenav-mob-ul2 span.mobile-side-nav-custom-accordion-selected-item { padding-left: 40px; } ul.sidenav-mobile-custom-accordion-ul.skin-minimal.ctAccordion { margin: 0 !important; } .sidenav-mobile-custom-accordion-home-ul { margin: 0 !important; } .sidenav-mobile-custom-accordion-home-ul li { list-style: none; border-bottom: 1px solid #fff; } .from-layer-two-div { margin: 10px 0 0 0; } div#main-heading { display: block; padding: 10px 0 10px 0px; color: #6a6a6a; font-size: 24px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; } .main-heading-title a, a:hover, a:active, a:focus { color: #000000; text-decoration: none !important; } ul.MenuBarVertical li { width: 16.5em !important; } ul.MenuBarVertical a { background-color: #fff !important; padding: 19px 0 18px 0px !important; color: #6a6a6a !important; font-size: 17px !important; } ul.MenuBarVertical li { line-height: 0 !important; /* border-bottom: 1px solid #e5e5e5; */ } ul.MenuBarVertical li:last-child { border-bottom: none; } ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus { /* background-color: #eceadd !important; */ } ul.MenuBarVertical ul li { width: 12.2em !important; } ul.MenuBarVertical ul { border: none !important; } ul.MenuBarVertical { border: none !important; margin: 20px 0 0 0 !important; } /* ul.sidenav-custom-ul { margin: 0 !important; } .sidenav-custom-ul li { list-style: outside none none; display: block !important; margin-bottom: 0px !important; text-transform: none !important; padding: 28px 0 !important; } .sidenav-custom-ul li a { color: #424141; line-height: 1.42857143; font-weight: 400; text-align: left!important; width: 100%; transition: all .3s ease; padding: 0 0!important; letter-spacing: 0; display: block; } .sidenav-custom-ul li a:hover, .sidenav-custom-ul li a:focus { color: #9a9a9a!important; transition: all .3s ease; } .sidenav-custom-ul span.un-selected { display: block; padding: 5px 0!important; line-height: 1.42857143!important; text-decoration: none; font-size: 17px!important; } .sidenav-custom-ul .selected-link .selected { display: block; padding: 5px 0!important; line-height: 1.42857!important; text-decoration: none; font-size: 17px!important; color: #9a9a9a!important; } .selected-link .selected:hover { color: #999; } .q-links .q-links-heading { color: #000; display: block; font-size: 18px; font-weight: bold; line-height: 1em; margin-bottom: 0; padding-bottom: 10px; padding-left: 0; padding-top: 0; text-transform: uppercase; } .q-links html .portlet, html .portlet-borderless-container { margin: 0; padding: 0; min-height: auto; } .sidenav-custom-div ul li { list-style-type: none !important; } .sidenav-custom-div i { float: right; padding-right: 10px; color: #fff; font-size: 20px !important; } */ @media screen and (min-width: 200px) and (max-width: 767px) { .quick-link-heading h1 { text-align: center; } .sidenav-custom-ul li { text-align: left; } .sidenav-custom-ul span { padding: 10px 10px 10px !important; font-size: 16px !important; letter-spacing: 0px !important; text-transform: uppercase; font-weight: 400; } .sidenav-custom-div ul.sidenav-custom-ul { margin: 0 !important; background-color: #fff !important; } .member-landing-wrapper .side-nav-custom .more-detail-side-nav ul { padding-left: 0px !important; padding-right: 0px !important; } /* .sidenav-custom-ul .selected-link .selected { font-size: 16px!important; padding: 8px 10px 8px!important; color: #0a375b!important; display: block; font-weight: bold!important; } */ } @media screen and (min-width: 1024px) { .sidenav-page-div { display: block !important; } .sidenav-full-div { display: block !important; } .sidenav-accordion-div { display: block !important; } .sidenav-session-div { display: block !important; } .sidenav-parent-links-div { display: block !important; } .sidenav-session-children-div { display: block !important; } .sidenav-custom-accordion-div { display: block !important; } .sidenav-custom-ul { display: block !important; } .sidenav-custom-div { display: block !important; } a#headerTogglePageLinks { display: none !important; } } @media screen and (max-width: 1023px) { .sidenav-mobile-view-div { display: block !important; } .sidenav-mobile-custom-accordion-div { display: block !important; } a#headerTogglePageLinks { display: block !important; } } :root { --backTopColor: #005983; --backTopBorderColor: #005983; --backTopBgColor: #005983; --backTopHoverColor: white; --backTopIconScale: 0; --menupopupWidth: 100%; --menupopupLeft: -50px; --AcHeaderHeight: 55px; --containerPadding:6rem; --sectionPaddingtop: 100px; --linewidth: 50px; --marginBt: 1.8rem; --heading1: 2.8125vw; --lineheighth1: 3.125vw; --headingh1mb: 2.8rem; --heading2: 2.291vw; --lineheighth2: 2.604vw; --headingh2mb: 1.8rem; --heading3: 1.875vw; --lineheighth3: 2.1875vw; --headingh3mb: 0.8333rem; --heading4: 1.25vw; --lineheighth4: 1.666vw; --headingh4mb: 0.833vw; --heading5: 1.041vw; --lineheighth5: 1.5625vw; --headingh5mb: 0.8333rem; --subheading1: 16px; --lineheightsubh1: 30px; --subheadingmb: 0.8rem; --paragraph: 16px; --lineheightp: 34px; --parapadding: 1.5rem; --outlinedfilled-text: 150px; --outlinedfilled-lineh: 150px; --labelfs: calc(16px - 2px); --lineheightlabel: 20px; --labelPaddingB: 0.5rem; --cstbtnWidth: 76px; --cstbtnFontsize: 14px; --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 20px); --cstbtnPaddingleftHover: calc(var(--cstbtnWidth) + 10px); --cstbtnBorder: 1px; --cstbtnFill: 90%; --cstbtniconWidth: 36px; --cstbtniconHeight: 12px; --cstbtniconLeft: 25px; --cstbtnletterSpace: 3.6px; --cstbtnWidth2: 76px; --cstbtnFontsize2: 14px; --cstbtnBorder2: 1px; --cstbtnFill2: 30%; --cstbtnletterSpace2: 3.6px; --listlineheight: 30px; --sliderArrowWidth: 61px; --sliderArrowHeight: 61px; --sliderArrowIconWidth: 18px; --sliderArrowIconHeight: 13px; --btnFontSize: 16px; --btnPadding: 0.65vw 1.15vw; --btnLetterSpacing: 0.8px; --fieldHeight: 45px; } @media (min-width: 2201px) and (max-width: 4000px) { :root { --AcHeaderHeight: 2.498vw; --sectionPaddingtop: 4.543vw; --containerPadding:4.943vw; --heading1: 2.4534vw; --lineheighth1: 2.726vw; --headingh1mb: 2.035vw; --heading2: 1.999vw; --lineheighth2: 2.2716vw; --headingh2mb: 1.308vw; --heading3: 1.6356vw; --lineheighth3: 1.908vw; --headingh3mb: 0.6057vw; --heading4: 1.090vw; --lineheighth4: 1.453vw; --headingh4mb: 0.7269vw; --heading5: 0.9086vw; --lineheighth5: 1.090vw; --headingh5mb: 0.454vw; --subheading1: 0.7269vw; --lineheightsubh1: 1.363vw; --subheadingmb: 0.581vw; --paragraph: 0.7269vw; --lineheightp: 1.3447vw; --parapadding: 0.868vw; --outlinedfilled-text: 6.815vw; --outlinedfilled-lineh: 6.815vw; --labelfs: 0.636vw; --lineheightlabel: 0.908vw; --labelPaddingB: 0.363vw; --listlineheight: 1.363vw; --cstbtnWidth: 3.4529vw; --cstbtnFontsize: 0.636vw; --cstbtniconWidth: 1.6356vw; --cstbtniconHeight: 0.545vw; --cstbtniconLeft: 1.1358vw; --cstbtnletterSpace: 0.1635vw; --cstbtnWidth2: 3.4529vw; --cstbtnFontsize2: 0.636vw; --cstbtnletterSpace2: 0.1635vw; --sliderArrowWidth: 2.771vw; --sliderArrowHeight: 2.771vw; --sliderArrowIconWidth: 0.8178vw; --sliderArrowIconHeight: 0.5906vw; --btnFontSize: 0.7269vw; --btnPadding: 0.65vw 1.817vw; --btnLetterSpacing: 0.07269vw; --fieldHeight: 2.044vw; } } @media (max-width: 1600.98px) { :root { --heading1: 2.9125vw; --lineheighth1: 3.225vw; --heading2: 2.391vw; --lineheighth2: 2.704vw; --heading3: 1.975vw; --lineheighth3: 2.2875vw; --heading5: 1.141vw; --lineheighth5: 1.6625vw; } } @media (max-width: 1440.98px) { :root { --AcHeaderHeight: 43px; --heading1: 2.9525vw; --lineheighth1: 3.275vw; --heading2: 2.441vw; --lineheighth2: 2.754vw; --heading3: 2.015vw; --lineheighth3: 2.3175vw; --heading4: 1.39vw; --lineheighth4: 1.796vw; --heading5: 1.181vw; --lineheighth5: 1.7025vw; --outlinedfilled-text: 125px; --outlinedfilled-lineh: 125px; --cstbtnWidth: 62px; --cstbtnFontsize: 12px; --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 12px); --cstbtniconWidth: 32px; --cstbtniconHeight: 10px; --cstbtniconLeft: 22px; --cstbtnWidth2: 62px; --cstbtnFontsize2: 12px; } } @media (max-width: 1199.98px) { :root { --heading1: 3.3025vw; --lineheighth1: 3.625vw; --heading2: 2.841vw; --lineheighth2: 3.154vw; --heading3: 2.415vw; --lineheighth3: 2.7175vw; --heading4: 1.79vw; --lineheighth4: 2.196vw; --heading5: 1.531vw; --lineheighth5: 2.0525vw; --subheading1: 14px; --lineheightsubh1: 26px; --paragraph: 14px; --lineheightp: 28px; --btnFontSize: 14px; --btnPadding: 1.05vw 1.25vw; } } @media (max-width: 991.98px) { :root { --sectionPaddingtop: 75px; --heading1: 4.6025vw; --lineheighth1: 4.925vw; --heading2: 4.141vw; --lineheighth2: 4.254vw; --heading3: 3.715vw; --lineheighth3: 4.0175vw; --heading4: 3.09vw; --lineheighth4: 3.496vw; --heading5: 2.831vw; --lineheighth5: 3.3525vw; --outlinedfilled-text: 100px; --outlinedfilled-lineh: 100px; --sliderArrowWidth: 51px; --sliderArrowHeight: 51px; --sliderArrowIconWidth: 16px; --sliderArrowIconHeight: 11px; } } @media (max-width: 767.98px) { :root { --sectionPaddingtop: 50px; --containerPadding:25px; --heading1: 35px; --lineheighth1: 41px; --heading2: 30px; --lineheighth2: 36px; --heading3: 26px; --lineheighth3: 32px; --heading4: 22px; --lineheighth4: 28px; --heading5: 20px; --lineheighth5: 26px; --outlinedfilled-text: 75px; --outlinedfilled-lineh: 75px; --sliderArrowWidth: 46px; --sliderArrowHeight: 46px; --sliderArrowIconWidth: 14px; --sliderArrowIconHeight: 9px; --btnFontSize: 12px; --btnPadding: 0.8rem 1rem; } } @media (max-width: 575.98px) { :root { --AcHeaderHeight: 36px; --lineheightsubh1: 22px; --cstbtnWidth: 56px; --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 11px); --cstbtniconWidth: 22px; --cstbtniconHeight: 10px; --cstbtniconLeft: 20px; --cstbtnletterSpace: 1.6px; --outlinedfilled-text: 60px; --outlinedfilled-lineh: 60px; } } @media (max-width: 424.98px) { :root { --heading1: calc(30px - 2px); --lineheighth1: 34px; --heading2: 26px; --lineheighth2: 32px; --heading3: 22px; --lineheighth3: 28px; --heading4: 20px; --lineheighth4: 26px; --heading5: 18px; --lineheighth5: 24px; --outlinedfilled-text: 45px; --outlinedfilled-lineh: 45px; } } @media (max-width: 375.98px) { :root { --heading1: calc(30px - 4px); --lineheighth1: 32px; --heading2: calc(26px - 2px); --lineheighth2: 30px; --cstbtnWidth: 50px; --cstbtnFontsize: calc(16px - 5px); --cstbtnPaddingleft: calc(var(--cstbtnWidth) - 12px); --cstbtniconWidth: 22px; --cstbtniconHeight: 8px; --cstbtniconLeft: 18px; --cstbtnletterSpace: 1.6px; } } @media screen and (min-width: 768px) and (max-width: 979px) { :root { --containerPadding:30px; } } @media screen and (min-width: 980px) and (max-width: 1199px) { :root { --containerPadding:50px; } } /*! * Bootstrap v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /*! * Bootstrap Grid v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .m-6 { margin: 4.5rem !important; } .mt-6, .my-6 { margin-top: 4.5rem !important; } .mr-6, .mx-6 { margin-right: 4.5rem !important; } .mb-6, .my-6 { margin-bottom: 4.5rem !important; } .ml-6, .mx-6 { margin-left: 4.5rem !important; } .m-7 { margin: 6rem !important; } .mt-7, .my-7 { margin-top: 6rem !important; } .mr-7, .mx-7 { margin-right: 6rem !important; } .mb-7, .my-7 { margin-bottom: 6rem !important; } .ml-7, .mx-7 { margin-left: 6rem !important; } .m-8 { margin: 7.5rem !important; } .mt-8, .my-8 { margin-top: 7.5rem !important; } .mr-8, .mx-8 { margin-right: 7.5rem !important; } .mb-8, .my-8 { margin-bottom: 7.5rem !important; } .ml-8, .mx-8 { margin-left: 7.5rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .p-6 { padding: 4.5rem !important; } .pt-6, .py-6 { padding-top: 4.5rem !important; } .pr-6, .px-6 { padding-right: 4.5rem !important; } .pb-6, .py-6 { padding-bottom: 4.5rem !important; } .pl-6, .px-6 { padding-left: 4.5rem !important; } .p-7 { padding: 6rem !important; } .pt-7, .py-7 { padding-top: 6rem !important; } .pr-7, .px-7 { padding-right: 6rem !important; } .pb-7, .py-7 { padding-bottom: 6rem !important; } .pl-7, .px-7 { padding-left: 6rem !important; } .p-8 { padding: 7.5rem !important; } .pt-8, .py-8 { padding-top: 7.5rem !important; } .pr-8, .px-8 { padding-right: 7.5rem !important; } .pb-8, .py-8 { padding-bottom: 7.5rem !important; } .pl-8, .px-8 { padding-left: 7.5rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-n6 { margin: -4.5rem !important; } .mt-n6, .my-n6 { margin-top: -4.5rem !important; } .mr-n6, .mx-n6 { margin-right: -4.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -4.5rem !important; } .ml-n6, .mx-n6 { margin-left: -4.5rem !important; } .m-n7 { margin: -6rem !important; } .mt-n7, .my-n7 { margin-top: -6rem !important; } .mr-n7, .mx-n7 { margin-right: -6rem !important; } .mb-n7, .my-n7 { margin-bottom: -6rem !important; } .ml-n7, .mx-n7 { margin-left: -6rem !important; } .m-n8 { margin: -7.5rem !important; } .mt-n8, .my-n8 { margin-top: -7.5rem !important; } .mr-n8, .mx-n8 { margin-right: -7.5rem !important; } .mb-n8, .my-n8 { margin-bottom: -7.5rem !important; } .ml-n8, .mx-n8 { margin-left: -7.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .m-sm-6 { margin: 4.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 4.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 4.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 4.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 4.5rem !important; } .m-sm-7 { margin: 6rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 6rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 6rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 6rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 6rem !important; } .m-sm-8 { margin: 7.5rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 7.5rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 7.5rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 7.5rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 7.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .p-sm-6 { padding: 4.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 4.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 4.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 4.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 4.5rem !important; } .p-sm-7 { padding: 6rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 6rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 6rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 6rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 6rem !important; } .p-sm-8 { padding: 7.5rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 7.5rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 7.5rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 7.5rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 7.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-n6 { margin: -4.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -4.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -4.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -4.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -4.5rem !important; } .m-sm-n7 { margin: -6rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -6rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -6rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -6rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -6rem !important; } .m-sm-n8 { margin: -7.5rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -7.5rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -7.5rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -7.5rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -7.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .m-md-6 { margin: 4.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 4.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 4.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 4.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 4.5rem !important; } .m-md-7 { margin: 6rem !important; } .mt-md-7, .my-md-7 { margin-top: 6rem !important; } .mr-md-7, .mx-md-7 { margin-right: 6rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 6rem !important; } .ml-md-7, .mx-md-7 { margin-left: 6rem !important; } .m-md-8 { margin: 7.5rem !important; } .mt-md-8, .my-md-8 { margin-top: 7.5rem !important; } .mr-md-8, .mx-md-8 { margin-right: 7.5rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 7.5rem !important; } .ml-md-8, .mx-md-8 { margin-left: 7.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .p-md-6 { padding: 4.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 4.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 4.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 4.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 4.5rem !important; } .p-md-7 { padding: 6rem !important; } .pt-md-7, .py-md-7 { padding-top: 6rem !important; } .pr-md-7, .px-md-7 { padding-right: 6rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 6rem !important; } .pl-md-7, .px-md-7 { padding-left: 6rem !important; } .p-md-8 { padding: 7.5rem !important; } .pt-md-8, .py-md-8 { padding-top: 7.5rem !important; } .pr-md-8, .px-md-8 { padding-right: 7.5rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 7.5rem !important; } .pl-md-8, .px-md-8 { padding-left: 7.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-n6 { margin: -4.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -4.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -4.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -4.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -4.5rem !important; } .m-md-n7 { margin: -6rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -6rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -6rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -6rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -6rem !important; } .m-md-n8 { margin: -7.5rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -7.5rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -7.5rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -7.5rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -7.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .m-lg-6 { margin: 4.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 4.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 4.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 4.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 4.5rem !important; } .m-lg-7 { margin: 6rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 6rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 6rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 6rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 6rem !important; } .m-lg-8 { margin: 7.5rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 7.5rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 7.5rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 7.5rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 7.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .p-lg-6 { padding: 4.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 4.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 4.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 4.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 4.5rem !important; } .p-lg-7 { padding: 6rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 6rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 6rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 6rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 6rem !important; } .p-lg-8 { padding: 7.5rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 7.5rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 7.5rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 7.5rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 7.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-n6 { margin: -4.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -4.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -4.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -4.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -4.5rem !important; } .m-lg-n7 { margin: -6rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -6rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -6rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -6rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -6rem !important; } .m-lg-n8 { margin: -7.5rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -7.5rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -7.5rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -7.5rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -7.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .m-xl-6 { margin: 4.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 4.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 4.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 4.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 4.5rem !important; } .m-xl-7 { margin: 6rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 6rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 6rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 6rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 6rem !important; } .m-xl-8 { margin: 7.5rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 7.5rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 7.5rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 7.5rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 7.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .p-xl-6 { padding: 4.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 4.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 4.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 4.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 4.5rem !important; } .p-xl-7 { padding: 6rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 6rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 6rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 6rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 6rem !important; } .p-xl-8 { padding: 7.5rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 7.5rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 7.5rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 7.5rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 7.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-n6 { margin: -4.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -4.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -4.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -4.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -4.5rem !important; } .m-xl-n7 { margin: -6rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -6rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -6rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -6rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -6rem !important; } .m-xl-n8 { margin: -7.5rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -7.5rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -7.5rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -7.5rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -7.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } /*! * Bootstrap Reboot v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #005983; text-decoration: none; background-color: transparent; } a:hover { color: #002537; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .portlet-borderless-container { min-height: 100% !important; padding: 0px !important; margin-bottom: 0px !important; } .portlet-borderless-container .portlet-borderless-bar { height: auto !important; } .drop-down-navigation-portlet section.portlet .portlet-borderless-bar { width: max-content; } .drop-down-navigation-portlet section.portlet .portlet-borderless-bar .portlet-actions .lfr-icon-menu .dropdown-toggle { padding: 0 !important; } .form-designer-portlet section.portlet .portlet-body form .heading.fd-heading { font-size: 30px; color: #fff !important; letter-spacing: 0.8px !important; } .form-designer-portlet section.portlet .portlet-body form .int-heading h3 { font-family: "lexia", serif !important; font-size: 26px !important; } .form-designer-portlet section.portlet .portlet-body form .ui-datatable-tablewrapper { border: 1px solid #ccc; } .form-designer-portlet section.portlet .portlet-body form .ui-datatable-tablewrapper table .ui-datatable-data tr .ui-state-default { box-shadow: none !important; -webkit-box-shadow: none !important; } .form-designer-portlet section.portlet .portlet-body form .ui-datatable-tablewrapper table .ui-datatable-data tr:hover td { background-color: #f2f7f8 !important; } .form-designer-portlet section.portlet .portlet-body form .ui-datatable-tablewrapper table .ui-datatable-data .ui-datatable-even td { background-color: #f2f7f8 !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { padding: 6px 2px; } .ui-datepicker .ui-datepicker-calendar .ui-state-highlight { background: transparent !important; color: #1b1c1c !important; text-shadow: none; font-family: "ITC Avant Garde Pro Md", sans-serif; } .ui-datepicker .ui-datepicker-calendar thead tr th { font-family: "ITC Avant Garde Pro Md", sans-serif; } .ui-datepicker .ui-datepicker-calendar .ui-state-default { font-size: 14px; font-family: "ITC Avant Garde Gothic", sans-serif; margin-bottom: 0; } .ui-datepicker .ui-timepicker-div { font-family: "ITC Avant Garde Gothic", sans-serif; font-size: 14px; letter-spacing: 0.8px; } .ui-datepicker .ui-timepicker-div .ui_tpicker_hour_slider { background: #f3efe9 !important; } .ui-datepicker .ui-timepicker-div .ui_tpicker_hour_slider .ui-slider-handle { top: -0.1em; background: #9E6632 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))); } .ui-datepicker .ui-timepicker-div dl dd { margin: 10px 10px 4px 40%; } body .ui-dialog.ui-confirm-dialog { font-family: "lexia", serif; } body .ui-dialog.ui-confirm-dialog .ui-dialog-titlebar { background: #F3EFE9; } body .ui-dialog.ui-confirm-dialog .ui-dialog-titlebar .ui-dialog-title { color: #1b1c1c !important; } body .ui-dialog.ui-confirm-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-hover, body .ui-dialog.ui-confirm-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close.ui-state-focus { background: transparent; border: none; } body .ui-dialog.ui-confirm-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { margin-top: 0.5rem; filter: brightness(0); } body .ui-dialog.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-severity { margin-top: 0.6rem; } @media (min-width: 2201px) and (max-width: 4000px) { body .ui-dialog.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-severity { margin-top: 0.4543389368vw; } } body .ui-dialog.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message { font-size: 16px; } @media (min-width: 2201px) and (max-width: 4000px) { body .ui-dialog.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message { font-size: 0.726942299vw; } } body .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane { border-top: 1px solid #c0bfbe !important; } body .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane .ui-commandlink { border-radius: 50px !important; text-align: center; font-size: 14px; padding: 0.2rem; letter-spacing: 0.8px; font-family: "lexia", serif; } @media (min-width: 2201px) and (max-width: 4000px) { body .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane .ui-commandlink { font-size: 0.6360745116vw; padding: 0.1817355747vw; letter-spacing: 0.0363471149vw; } } body .ui-dialog.ui-confirm-dialog .ui-dialog-buttonpane .ui-commandlink i { display: none; } #ui-area .label-info { background: transparent !important; padding: 5px !important; color: #1B1C1C !important; font-weight: 400 !important; font-family: "ITC Avant Garde Pro Md", sans-serif !important; padding-left: 0 !important; font-size: 16px !important; } #ui-area .public-layout .ui-dialog .cross, #ui-area .private-layout .ui-dialog .cross { position: relative; z-index: 1; right: 0.5%; top: 5px; } #ui-area .public-layout .ui-dialog .cross .rc-icon, #ui-area .private-layout .ui-dialog .cross .rc-icon { color: #fff !important; } #ui-area .public-layout .ui-dialog .ui-dialog-titlebar, #ui-area .private-layout .ui-dialog .ui-dialog-titlebar { background: #9E6632; padding: 1rem; } #ui-area .public-layout .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon, #ui-area .private-layout .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon { border: none !important; filter: brightness(100); } #ui-area .public-layout .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover, #ui-area .private-layout .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover { background: transparent !important; } #ui-area .public-layout .ui-dialog .ui-selectonemenu, #ui-area .private-layout .ui-dialog .ui-selectonemenu { max-width: 237px !important; background: transparent !important; display: block !important; padding-right: 29px; height: var(--fieldHeight) !important; margin: 0 !important; width: 100%; } #ui-area .public-layout .ui-dialog .ui-selectonemenu .ui-selectonemenu-label, #ui-area .private-layout .ui-dialog .ui-selectonemenu .ui-selectonemenu-label { border: none !important; height: 45px; background: transparent; line-height: 3 !important; padding: 0 0 0 10px !important; width: 100% !important; } #ui-area .public-layout .ui-dialog input, #ui-area .private-layout .ui-dialog input { max-width: 207px !important; background: transparent !important; padding-right: 29px; height: var(--fieldHeight) !important; margin: 0 !important; width: 100%; padding: 0.5rem !important; } #ui-area .public-layout .ui-dialog .ui-inputfield, #ui-area .private-layout .ui-dialog .ui-inputfield { max-width: 207px !important; background: transparent !important; padding-right: 29px; height: var(--fieldHeight) !important; margin: 0 !important; width: 100%; padding: 0.5rem !important; } #ui-area .public-layout .ui-dialog .ui-spinner, #ui-area .private-layout .ui-dialog .ui-spinner { width: 100%; max-width: 237px !important; } #ui-area .public-layout .ui-dialog .ui-spinner .ui-spinner-input, #ui-area .private-layout .ui-dialog .ui-spinner .ui-spinner-input { max-width: 221px !important; } #ui-area .public-layout .ui-dialog .ui-selectmanymenu, #ui-area .private-layout .ui-dialog .ui-selectmanymenu { padding: 0 !important; height: auto !important; } #ui-area .public-layout .ui-dialog .ui-selectmanymenu .ui-selectlistbox-list .ui-selectlistbox-item, #ui-area .private-layout .ui-dialog .ui-selectmanymenu .ui-selectlistbox-list .ui-selectlistbox-item { margin: 0 !important; background: transparent; color: #000; text-shadow: none; line-height: 1.2; padding: 0.5rem !important; } #ui-area .public-layout .ui-dialog .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item, #ui-area .private-layout .ui-dialog .ui-selectonemenu-panel .ui-selectonemenu-items-wrapper .ui-selectonemenu-items .ui-selectonemenu-item { border: none !important; text-indent: 8px; } #ui-area .public-layout .ui-dialog .ui-calendar, #ui-area .private-layout .ui-dialog .ui-calendar { max-width: 100%; height: var(--fieldHeight) !important; } #ui-area .public-layout .ui-dialog .ui-calendar input, #ui-area .private-layout .ui-dialog .ui-calendar input { height: var(--fieldHeight) !important; margin: 0 !important; vertical-align: top; display: inline-block; width: 100% !important; } @media (max-width: 640.98px) { #ui-area .public-layout .ui-dialog .ui-calendar input, #ui-area .private-layout .ui-dialog .ui-calendar input { width: calc(100% - 30px) !important; max-width: initial !important; } } #ui-area .public-layout .ui-dialog .ui-calendar .ui-datepicker-trigger, #ui-area .private-layout .ui-dialog .ui-calendar .ui-datepicker-trigger { margin: 0 !important; border-radius: 0 !important; height: var(--fieldHeight) !important; margin-top: 0 !important; vertical-align: top; display: inline-block; top: 0 !important; border-right: none !important; } @media (max-width: 640.98px) { #ui-area .public-layout .ui-dialog .ui-calendar .ui-datepicker-trigger, #ui-area .private-layout .ui-dialog .ui-calendar .ui-datepicker-trigger { width: 30px !important; } } #ui-area .public-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn, #ui-area .private-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn { padding: 1rem 2rem !important; border: 1px solid #9E6632 !important; } #ui-area .public-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn .ui-icon, #ui-area .private-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn .ui-icon { background: transparent !important; color: #9E6632 !important; display: none; } #ui-area .public-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn .ui-button-text, #ui-area .private-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn .ui-button-text { background: transparent !important; color: #9E6632 !important; padding: 0 !important; text-shadow: none; } #ui-area .public-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn:hover .ui-button-text, #ui-area .public-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn:focus .ui-button-text, #ui-area .private-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn:hover .ui-button-text, #ui-area .private-layout .ui-dialog .ui-grid-responsive .btn-responsive .ann-browse-btn:focus .ui-button-text { color: #fff !important; } #ui-area .public-layout.content-layout, #ui-area .private-layout.content-layout { /* member roster */ /* form designer */ /* login card */ /* member profile */ /* my settings portlet */ /* change security */ /* Member Birthday */ /* events reservation */ } #ui-area .public-layout.content-layout .ui-panel-titlebar, #ui-area .private-layout.content-layout .ui-panel-titlebar { background: #F3EFE9 !important; color: #1b1c1c !important; font-size: 18px !important; border-radius: 0 !important; padding: 1em 1em 0.8em; font-weight: normal; } #ui-area .public-layout.content-layout .ui-panel-titlebar span, #ui-area .private-layout.content-layout .ui-panel-titlebar span { color: #1b1c1c !important; } #ui-area .public-layout.content-layout .ui-panel-titlebar .ui-panel-content, #ui-area .private-layout.content-layout .ui-panel-titlebar .ui-panel-content { padding: 0 !important; } #ui-area .public-layout.content-layout .ui-panel-titlebar .ui-panel-content .ui-datatable, #ui-area .private-layout.content-layout .ui-panel-titlebar .ui-panel-content .ui-datatable { padding: 1rem; border: none; background: #f2f7f8; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-panel-titlebar .ui-panel-content .ui-datatable, #ui-area .private-layout.content-layout .ui-panel-titlebar .ui-panel-content .ui-datatable { padding: 0.7269vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-panel-titlebar, #ui-area .private-layout.content-layout .ui-panel-titlebar { padding: 0.7269vw 0.7269vw 0.545vw !important; font-size: 0.8178vw !important; } } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table { border: 1px solid #dbd9d5 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table thead tr th span, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table thead tr th span { font-size: 0.636vw !important; } } #ui-area .public-layout.content-layout .StatementSettings-portlet, #ui-area .private-layout.content-layout .StatementSettings-portlet { font-family: "lexia", serif !important; } #ui-area .public-layout.content-layout .StatementSettings-portlet .ui-area-btn-success, #ui-area .private-layout.content-layout .StatementSettings-portlet .ui-area-btn-success { margin-top: 1rem; } #ui-area .public-layout.content-layout .RecentCharges-portlet, #ui-area .private-layout.content-layout .RecentCharges-portlet { font-family: "lexia", serif !important; font-size: 14px !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .well .row-fluid, #ui-area .private-layout.content-layout .RecentCharges-portlet .well .row-fluid { margin: 5px 0 !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .information-bar, #ui-area .private-layout.content-layout .RecentCharges-portlet .information-bar { padding: 5px 0 !important; border-bottom: 1px solid #D3E3E9 !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .information-bar:last-child, #ui-area .private-layout.content-layout .RecentCharges-portlet .information-bar:last-child { border-bottom: none !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-commandlink.cross i, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-commandlink.cross i { font-size: 16px; display: block; color: #fff; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-commandlink.cross i, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-commandlink.cross i { font-size: 0.726942299vw; } } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-area-btn-print, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-area-btn-print { border-color: transparent !important; background: #005983; color: #fff !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet, #ui-area .private-layout.content-layout .StatementSummary-portlet { font-family: "lexia", serif !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .row-fluid:first-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .row-fluid:first-child { margin-bottom: 1rem; } #ui-area .public-layout.content-layout .StatementSummary-portlet .main-label, #ui-area .private-layout.content-layout .StatementSummary-portlet .main-label { margin-bottom: 1rem !important; font-size: 20px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #9E6632 !important; font-family: "ITC Avant Garde Pro Md", sans-serif; margin-top: 1rem; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-previous-button.ui-area-btn-previous, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-previous-button.ui-area-btn-previous { background: #9E6632 !important; font-size: 12px !important; color: #fff !important; border: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-previous-button.ui-area-btn-previous:hover, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-previous-button.ui-area-btn-previous:hover { background: #005983 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-next-button.ui-area-btn-next, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-next-button.ui-area-btn-next { background: #9E6632 !important; font-size: 12px !important; color: #fff !important; border: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-next-button.ui-area-btn-next:hover, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-next-button.ui-area-btn-next:hover { background: #005983 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .ui-area-btn-statement-active, #ui-area .private-layout.content-layout .StatementSummary-portlet .ui-area-btn-statement-active { background: #005983 !important; font-size: 12px !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .ui-area-btn-statement-active:hover, #ui-area .private-layout.content-layout .StatementSummary-portlet .ui-area-btn-statement-active:hover { background: #9E6632 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-info-button, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-info-button { background: #D3E3E9 !important; font-size: 12px !important; border: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-info-button.ui-area-btn-statement-active, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-info-button.ui-area-btn-statement-active { background: #005983 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-info-button:hover, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-info-button:focus, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-info-button:hover, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-info-button:focus { background: #9E6632 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid, #ui-area .private-layout.content-layout .StatementSummary-portlet .ui-dialog .ui-dialog-content .ui-scrollpanel .ui-panelgrid { text-align: left; } #ui-area .public-layout.content-layout .memberCommittees-portlet .ui-panel-titlebar, #ui-area .private-layout.content-layout .memberCommittees-portlet .ui-panel-titlebar { background: #005983; border-radius: 0; border: none; } #ui-area .public-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table, #ui-area .private-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table { border: 1px solid #dbd9d5 !important; } #ui-area .public-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table thead tr th, #ui-area .private-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; font-size: 14px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table thead tr th, #ui-area .private-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table thead tr th { font-size: 0.636vw !important; } } #ui-area .public-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table tbody tr td.expand-col, #ui-area .private-layout.content-layout .memberCommittees-portlet .ui-datatable .ui-datatable-tablewrapper table tbody tr td.expand-col { padding: 0 !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet .ui-panel .ui-panel-content .dining-search, #ui-area .private-layout.content-layout .DiningReservation-portlet .ui-panel .ui-panel-content .dining-search { border-color: transparent !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .ui-grid-row, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .ui-grid-row { margin-bottom: 0.8rem; display: flex !important; align-items: center; } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .ui-grid-row, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .ui-grid-row { flex-direction: column; align-items: flex-start; } } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row { padding-left: 1rem; padding-right: 1rem; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row > div, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row > div { margin-bottom: 1rem; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row > div:first-child, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row > div:first-child { margin-bottom: 0; } @media (max-width: 1024px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-grid-col-1, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-grid-col-1 { line-height: 1.2; font-size: 12px; } } @media (max-width: 1024px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-grid-col-1:last-child, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-grid-col-1:last-child { line-height: 0.7; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu { margin-bottom: 0; } @media (max-width: 991.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu { padding: 0 2px; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu .ui-selectonemenu-label, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu .ui-selectonemenu-label { line-height: 2 !important; } @media (max-width: 1600.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu .ui-selectonemenu-label, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu .ui-selectonemenu-label { line-height: 2 !important; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu .ui-selectonemenu-trigger, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-selectonemenu .ui-selectonemenu-trigger { margin-bottom: 0; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-inputfield, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .ui-inputfield { margin-bottom: 0; } @media (max-width: 991.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .member-guest-index .remove-guest-row, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .member-guest-index .remove-guest-row { font-size: 12px !important; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row table tbody tr td, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row table tbody tr td { padding-bottom: 0 !important; } @media (min-width: 641px) and (max-width: 767.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .dining-guest-input-container, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .dining-guest-input-container { width: initial !important; } } @media (min-width: 300px) and (max-width: 640.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .dining-guest-input-container, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .dining-guest-input-container { width: 100% !important; } } @media (max-width: 1024px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .desktop-padding-left-10px .ui-chkbox, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .desktop-padding-left-10px .ui-chkbox { font-size: 12px !important; } } @media (min-width: 641px) and (max-width: 767.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .desktop-padding-left-10px, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .desktop-padding-left-10px { padding-left: 10px !important; } } @media (min-width: 300px) and (max-width: 640.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .desktop-padding-left-10px, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-even-row .desktop-padding-left-10px { padding-left: 0 !important; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div { background-image: none !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label { background: #f2f7f8 !important; padding: 2rem !important; margin-top: 0 !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid h3, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid h3 { color: #005983 !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid-cell, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid-cell { color: #1b1c1c !important; background: transparent !important; padding: 0.5rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid-cell, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid-cell { padding: 0.3634711495vw; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid-cell .ui-panel-content, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-panelgrid-cell .ui-panel-content { color: #1b1c1c !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-selectonemenu, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-selectonemenu { max-width: 100% !important; background: transparent !important; display: block !important; padding-right: 29px; height: var(--fieldHeight) !important; margin: 0 !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar { max-width: 100%; height: var(--fieldHeight) !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar input, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar input { height: var(--fieldHeight) !important; margin: 0 !important; vertical-align: top; display: inline-block; width: 100% !important; } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar input, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar input { width: calc(100% - 30px) !important; max-width: initial !important; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar .ui-datepicker-trigger, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar .ui-datepicker-trigger { margin: 0 !important; border-radius: 0 !important; height: var(--fieldHeight) !important; margin-top: 0 !important; vertical-align: top; display: inline-block; top: 0 !important; } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar .ui-datepicker-trigger, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid .ui-calendar .ui-datepicker-trigger { width: 30px !important; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid > .ui-grid > .ui-grid-row > .ui-panel, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid > .ui-grid > .ui-grid-row > .ui-panel { width: 100%; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid > .ui-grid > .ui-grid-row > .ui-panel .btn-responsive .ui-area-btn-primary, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-fluid > .ui-grid > .ui-grid-row > .ui-panel .btn-responsive .ui-area-btn-primary { border: none; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-grid-responsive, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .ui-grid-responsive { margin: 0 !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .btn-responsive .dining-search, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-search-div .dining-search-label .btn-responsive .dining-search { border: none; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-grid tbody tr td, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-grid tbody tr td { text-align: left; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .heading-background, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .heading-background { height: auto !important; } } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .dining-slots-list .ui-widget, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .dining-slots-list .ui-widget { background: #005983 !important; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .dining-slots-list .dining-slot-sub-location, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .dining-slots-list .dining-slot-sub-location { border-color: #D3E3E9; padding: 0.5rem 0 0; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .dining-slots-list .dining-slot-sub-location .ui-datagrid .ui-datagrid-content table tbody tr td a, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .availableTimes .dining-slots-list .dining-slot-sub-location .ui-datagrid .ui-datagrid-content table tbody tr td a { color: #fff; border: none; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panel-titlebar, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-confirm-details .ui-panelgrid .ui-panelgrid-content .ui-panel-titlebar { margin-bottom: 1rem; border-color: #D3E3E9; } #ui-area .public-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-addGuest, #ui-area .private-layout.content-layout .DiningReservation-portlet section.portlet .portlet-body .liferay-faces-bridge-body .ui-panel .ui-panel-content .dining-addGuest { border: none; } #ui-area .public-layout.content-layout .campaignCategory-portlet, #ui-area .private-layout.content-layout .campaignCategory-portlet { font-family: "lexia", serif !important; } #ui-area .public-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body .unsubscription-heading, #ui-area .private-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body .unsubscription-heading { font-size: 16px !important; color: #1b1c1c !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body .unsubscription-heading, #ui-area .private-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body .unsubscription-heading { font-size: 0.7269vw !important; } } #ui-area .public-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body label, #ui-area .private-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body label { font-size: 16px !important; color: #1b1c1c !important; margin-bottom: 10px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body label, #ui-area .private-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body label { font-size: 0.7269vw !important; margin-bottom: 0.454vw; } } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table { font-family: "lexia", serif !important; padding: 15px 8px !important; text-align: left !important; } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table thead th, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table thead th { background: #005983 !important; font-size: 16px !important; font-weight: normal; color: #fff !important; } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr td, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr td { padding: 8px !important; background: #f2f7f8 !important; border-color: #D3E3E9 !important; } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr td:last-child, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr td:last-child { border-right: none !important; } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr:nth-child(odd) td, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr:nth-child(odd) td { background: #fff !important; } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr:last-child td, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr:last-child td { border-bottom: none !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-borderless-bar .portlet-back a, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-borderless-bar .portlet-back a { color: #fff !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger { background: #f1331e !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger:hover, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger:focus, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger:hover, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger:focus { background: #9c1202 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger.ann-back-button, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger.ann-back-button { background-color: #005983 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger.ann-back-button:hover, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger.ann-back-button:focus, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger.ann-back-button:hover, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-danger.ann-back-button:focus { background-color: #9E6632 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary { background: #005983 !important; border-radius: 50px !important; padding: 10px 14px; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary:hover, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary:focus, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary:hover, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary:focus { background: #9E6632 !important; color: #fff !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary i, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary i { display: none !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-print, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-print { border-color: #005983 !important; color: #005983 !important; border-radius: 50px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-print, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-print { border-radius: 100px !important; } } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-print:hover, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-area-btn-print:hover { color: #fff !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block { padding: 14px 6px !important; white-space: inherit; word-wrap: break-word; max-width: 100%; font-size: 14px !important; } @media (max-width: 1600.98px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block { font-size: 12px !important; } } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block i, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block i { display: none !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-fluid, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-sm, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-md, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-lg, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-xl, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-fluid, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-sm, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-md, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-lg, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .container-xl { padding: 0 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox .ui-chkbox-label, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox .ui-chkbox-label { font-family: "lexia", serif !important; line-height: 1.1; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form h1, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .heading, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form h1, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .heading { margin-bottom: 1rem !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form h1 i, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .heading i, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form h1 i, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .heading i { display: none !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-tabs .ui-tabs-nav li, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-tabs .ui-tabs-nav li { border-radius: 0 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-selectlistbox-listcontainer .ui-chkbox-box .ui-icon-check, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-selectlistbox-listcontainer .ui-chkbox-box .ui-icon-check { background-position: -65px -146px !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-selectlistbox-listcontainer .ui-state-highlight, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-selectlistbox-listcontainer .ui-state-highlight { background-color: transparent !important; color: #1b1c1c !important; text-shadow: none !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-selectlistbox-listcontainer .ui-selectlistbox-item.ui-state-hover, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-selectlistbox-listcontainer .ui-selectlistbox-item.ui-state-hover { background-color: transparent !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-tabs-panels .ui-tabs-panel h3, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-fluid .ui-tabs-panels .ui-tabs-panel h3 { font-family: "lexia", serif !important; font-weight: 500 !important; font-size: 22px !important; padding: 0.5em 0.5em 0.5em 2.2em !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-panelgrid-header, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-panelgrid-header { color: #9E6632 !important; font-weight: 400 !important; margin-bottom: 1rem; padding-bottom: 1rem !important; border: none; border-bottom: 2px solid #f0eff4 !important; font-size: 20px !important; text-align: left !important; text-shadow: none !important; background: transparent !important; padding-left: 0 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-state-active, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-state-active { background-color: transparent !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-label, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-label { margin: 0.0454vw 0 0 0.1363vw; } } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box { background-color: transparent; border-radius: 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box { width: 0.7269vw; height: 0.7269vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box .ui-icon, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box .ui-icon { width: 0.7269vw; height: 0.7269vw; background-size: 1500%; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box .ui-icon.ui-icon-check, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-chkbox-box .ui-icon.ui-icon-check { background-position: 27% 65% !important; } } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-icon-check, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-icon-check { background-position: -65px -146px !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row select[multiple=multiple] option, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row select[multiple=multiple] option { padding: 0.2rem 0; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row input[type=text], #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row input[type=text] { height: var(--fieldHeight) !important; max-width: 270px; width: 100%; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputfield, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputfield { height: var(--fieldHeight) !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu { height: var(--fieldHeight) !important; border-radius: 0; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu input, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu input { height: var(--fieldHeight) !important; margin-bottom: 0; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu .ui-inputfield, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu .ui-inputfield { height: var(--fieldheight) !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-label, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-label { line-height: 2 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: 9px !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-calendar, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-calendar { display: flex; max-width: 270px; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-calendar .ui-inputfield, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-calendar .ui-inputfield { height: var(--fieldHeight) !important; max-width: initial; width: calc(100% - 30px) !important; margin-bottom: 0; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-calendar .ui-datepicker-trigger, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-calendar .ui-datepicker-trigger { width: 30px !important; margin: 0; border-radius: 0; border-left: none !important; height: var(--fieldHeight) !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-slider, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-slider { background: #f1f1f1 !important; max-width: 270px; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-slider.ui-slider-horizontal .ui-slider-handle, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-slider.ui-slider-horizontal .ui-slider-handle { top: -0.2em; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch { height: 30px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch { height: 1.3630168105vw !important; } } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch .ui-inputswitch-off, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch .ui-inputswitch-off { height: 100%; font-size: 12px; border: 1px solid #dbd9d5; line-height: normal; padding: 0 !important; margin: 0; text-shadow: none; height: 30px !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch .ui-inputswitch-on, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch .ui-inputswitch-on { height: 100%; border: none !important; font-size: 12px !important; line-height: normal; padding: 0 !important; margin: 0; text-shadow: none !important; position: relative; background: #1B1C1C !important; color: #fff !important; height: 30px !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch .ui-inputswitch-on span, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-grid .ui-grid-row .ui-inputswitch .ui-inputswitch-on span { line-height: 25px; padding-right: 1px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); padding-left: 0; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a { border-radius: 0 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a:hover, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a:active, #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a:focus, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a:hover, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a:active, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a:focus { background-color: #005983 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab.active a, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab.active a { background-color: #005983 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-fluid .ui-tabs-panels .ui-tabs-panel .ui-grid-row h3, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-fluid .ui-tabs-panels .ui-tabs-panel .ui-grid-row h3 { padding-left: 0 !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-fluid .ui-tabs-panels .ui-tabs-panel .ui-grid-row span .ui-datagrid-header, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-fluid .ui-tabs-panels .ui-tabs-panel .ui-grid-row span .ui-datagrid-header { text-align: center !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-fluid .ui-tabs-panels .ui-tabs-panel .ui-grid-row span .ui-datagrid-header .roster-int-heading, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .ui-fluid .ui-tabs-panels .ui-tabs-panel .ui-grid-row span .ui-datagrid-header .roster-int-heading { display: inline-block; color: #005983 !important; font-weight: 600 !important; padding-bottom: 1rem; font-size: 18px !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-mini-calendar .yui3-calendar-content, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-mini-calendar .yui3-calendar-content { padding-left: 0 !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-mini-calendar .yui3-calendar-header a, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-mini-calendar .yui3-calendar-header a { line-height: 5px !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendar-header-label, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-mini-calendar .yui3-calendar-header .yui3-calendar-header-label { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 0.8px !important; font-weight: 600 !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-color, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-color { top: 0 !important; border-radius: 0 !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-arrow, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-arrow { border: none !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-arrow .icon-caret-down, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-arrow .icon-caret-down { border-radius: 0 !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-arrow .icon-caret-down:before, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-list-item .calendar-list-item-arrow .icon-caret-down:before { content: "\f078"; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header .calendar-list-item-arrow, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header .calendar-list-item-arrow { border: none !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header .calendar-list-item-arrow .icon-caret-down, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header .calendar-list-item-arrow .icon-caret-down { border-radius: 0 !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header .calendar-list-item-arrow .icon-caret-down:before, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header .calendar-list-item-arrow .icon-caret-down:before { content: "\f078"; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-wrapper .scheduler-view-table-grid-container .scheduler-view-table-colgrid-today, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-wrapper .scheduler-view-table-grid-container .scheduler-view-table-colgrid-today { background-color: #f2f7f8 !important; border: 1px solid #9E6632; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-wrapper .scheduler-view-table-data .scheduler-view-table-data-col-title-today, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-wrapper .scheduler-view-table-data .scheduler-view-table-data-col-title-today { color: #9E6632 !important; border-color: #9E6632 !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-wrapper .scheduler-view-table-data .scheduler-view-table-data-col-title-down, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-wrapper .scheduler-view-table-data .scheduler-view-table-data-col-title-down { border-top: 1px solid #9E6632; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-hd .btn-group-content button, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-hd .btn-group-content button { padding: 10px 8px !important; background: transparent !important; color: #131313 !important; border: 1px solid #f0eff4; box-shadow: none !important; -webkit-box-shadow: none !important; line-height: 16px !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-hd .btn-group-content button.active, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-hd .btn-group-content button.active { background-color: #005983 !important; color: #fff !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container { text-align: left !important; display: flex; justify-content: flex-start; margin-bottom: 1rem !important; flex-wrap: wrap; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container { margin: 0 0 5px 5px; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { font-family: "ITC Avant Garde Pro Md", sans-serif; border: none; background-color: #f2f7f8 !important; color: #1B1C1C !important; width: 3.2vw !important; height: 3.2vw !important; display: flex; align-items: center; justify-content: center; font-size: 0.9vw !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet:hover, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet:hover { background-color: #1B1C1C !important; color: #fff !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block { background: #9E6632 !important; border-radius: 50px !important; color: #fff !important; padding: var(--btnPadding) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--btnFontSize) !important; letter-spacing: var(--btnLetterSpacing); border: 2px solid transparent !important; transition: 0.3s all ease; border: none; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block { transition: none; } } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block:hover, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block:hover { border-color: #9E6632 !important; background: transparent !important; color: #9E6632 !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.roster-btn-search, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.roster-btn-search { background: #025b83 !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.roster-btn-search:hover, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.roster-btn-search:hover { background: #9E6632 !important; border-color: transparent !important; color: #fff !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.ui-area-btn-danger, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.ui-area-btn-danger { background: #f1331e !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.ui-area-btn-danger:hover, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block.ui-area-btn-danger:hover { background: #da2612 !important; border-color: transparent !important; color: #fff !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .roster-search-item .ui-autocomplete .ui-inputfield, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .roster-search-item .ui-autocomplete .ui-inputfield { height: 45px !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .ui-selectonemenu, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .ui-selectonemenu { height: 45px !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-label, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-label { line-height: 2 !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon { margin-top: 9px !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td { font-family: "lexia", serif; text-align: center; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .roster-name, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .roster-name { font-family: "ITC Avant Garde Gothic", sans-serif; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn-primary, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn-primary { background: #005983 !important; border-radius: 50px !important; color: #fff !important; padding: 12px 1.2rem !important; margin-top: 5px; font-size: 12px !important; transition: 0.3s all ease; border: none; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn-primary, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn-primary { transition: none; } } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn-primary:hover, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .ui-area-btn-primary:hover { background-color: #9E6632 !important; color: #fff !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box:hover, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box:hover { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; -o-transform: none !important; cursor: pointer; box-shadow: none !important; -webkit-box-shadow: none !important; } #ui-area .public-layout.content-layout .activities-portlet .horizontal-date-picker i, #ui-area .private-layout.content-layout .activities-portlet .horizontal-date-picker i { font-size: 24px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .activities-portlet .horizontal-date-picker i, #ui-area .private-layout.content-layout .activities-portlet .horizontal-date-picker i { font-size: 1.0904134484vw; } } #ui-area .public-layout.content-layout .activities-portlet td.data-col.slot.open::after, #ui-area .private-layout.content-layout .activities-portlet td.data-col.slot.open::after { font-size: 16px; } #ui-area .public-layout.content-layout .activities-portlet span.current-time, #ui-area .private-layout.content-layout .activities-portlet span.current-time { border-radius: 0; padding: 5px; background-color: #f2f7f8; } #ui-area .public-layout.content-layout .activities-portlet .ui-datatable .ui-datatable-tablewrapper table tr td, #ui-area .private-layout.content-layout .activities-portlet .ui-datatable .ui-datatable-tablewrapper table tr td { color: #1b1c1c !important; } #ui-area .public-layout.content-layout .activities-portlet .ui-datatable .ui-datatable-tablewrapper table tr td > div, #ui-area .private-layout.content-layout .activities-portlet .ui-datatable .ui-datatable-tablewrapper table tr td > div { color: #1b1c1c !important; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default { margin-bottom: 1rem !important; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default > .panel-heading, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default > .panel-heading { background: #F3EFE9; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default > .panel-heading .panel-title, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default > .panel-heading .panel-title { font-size: 20px; line-height: normal; font-weight: 600; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-selectonemenu .ui-selectonemenu-label, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-selectonemenu .ui-selectonemenu-label { padding: 0; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-autocomplete, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-autocomplete { height: var(--fieldHeight); line-height: 2.2 !important; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-autocomplete .ui-autocomplete-input, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-datatable .ui-datatable-tablewrapper tbody tr td .ui-autocomplete .ui-autocomplete-input { background: transparent !important; border: none !important; } #ui-area .public-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-datatable .ui-datatable-tablewrapper tbody tr .player-info ~ td .ui-selectonemenu .ui-selectonemenu-trigger, #ui-area .private-layout.content-layout .activities-portlet .activity-container .activity-reservation-container .panel-default .panel-body .ui-datatable .ui-datatable-tablewrapper tbody tr .player-info ~ td .ui-selectonemenu .ui-selectonemenu-trigger { display: flex; align-items: center; } #ui-area .public-layout.content-layout .ui-widget, #ui-area .private-layout.content-layout .ui-widget { background: transparent; } #ui-area .public-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav, #ui-area .private-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav { background: transparent; padding: 0; margin-bottom: 0.2rem; } #ui-area .public-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav .ui-state-default, #ui-area .private-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav .ui-state-default { background: #f2f7f8; border: none !important; margin: 0; } #ui-area .public-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active, #ui-area .private-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active { background: #005983; } #ui-area .public-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active a, #ui-area .private-layout.content-layout .Addresses-portlet form .ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active a { color: #fff; text-shadow: none; } #ui-area .public-layout.content-layout .ui-paginator, #ui-area .private-layout.content-layout .ui-paginator { background: #f2f7f8 !important; border: none; text-align: left !important; padding: 1rem 1.5rem !important; text-shadow: none !important; align-items: center; flex-wrap: wrap; margin-top: 1.5rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-paginator, #ui-area .private-layout.content-layout .ui-paginator { padding: 0.7269vw 1.09vw !important; margin-top: 1.09vw; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-current, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-current { font-family: "lexia", serif; margin: 0 !important; padding: 0 !important; margin-right: auto !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983 !important; font-weight: 600; font-size: 14px !important; letter-spacing: 0.8px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-current, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-current { font-size: 0.636vw !important; letter-spacing: 0.0363vw; } } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-current, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-current { width: 100%; margin-bottom: 0.5rem !important; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last { border: none !important; width: max-content; height: max-content; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first::before, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last::before { display: none; } @media (max-width: 991.98px) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last { display: none; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-pages, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-pages { display: none !important; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next { border-radius: 0 !important; margin: 0 !important; display: inline-block; padding: 2px 6px; zoom: 1; width: max-content; height: max-content; border: none !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next { padding: 0.0908677874vw 0.2726033621vw; margin: 0 !important; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev::before, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next::before { display: none; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev.ui-state-disabled, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next.ui-state-disabled, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev.ui-state-disabled, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next.ui-state-disabled { opacity: 0.5 !important; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon { background-image: none !important; position: relative; background: #005983 !important; border-radius: 0 !important; text-indent: -20px; width: 50px; height: 50px; overflow: hidden; transition: 0.2s all ease-in-out; font-size: 0; display: block; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon { font-size: 0; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before { font-family: "FontAwesome" !important; position: absolute; left: 10px; font-size: 16px; top: 0; z-index: 1; color: #fff; width: 100%; text-align: center; justify-content: center; align-items: center; height: 100%; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon:hover, #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon:hover, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon:hover, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon:hover { background-color: #9E6632 !important; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev { padding-left: 0; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-prev .ui-icon::before { content: "\f053"; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-next .ui-icon::before { content: "\f054"; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first { margin: 0 !important; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon { background-image: none !important; position: relative; text-indent: -20px; overflow: hidden; width: 50px; height: 50px; position: relative; align-items: center; transition: 0.2s all ease-in-out; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon { transition: none; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon::before { content: "First"; text-transform: uppercase; position: absolute; font-family: "lexia", serif; display: flex; color: #005983 !important; left: 0; font-size: 16px !important; font-weight: 600; letter-spacing: 0.8px; padding-left: 20px; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon:hover:before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-first .ui-icon:hover:before { color: #9E6632 !important; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last { margin: 0 !important; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon { background-image: none !important; position: relative; text-indent: -20px; overflow: hidden; width: 50px; height: 50px; align-items: center; transition: 0.2s all ease-in-out; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon { transition: none; } } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon::before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon::before { content: "Last"; text-transform: uppercase; position: absolute; font-family: "lexia", serif; display: flex; color: #005983 !important; left: 0; font-size: 16px !important; font-weight: 600; letter-spacing: 0.8px; padding-left: 24px; } #ui-area .public-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon:hover:before, #ui-area .private-layout.content-layout .ui-paginator .ui-paginator-last .ui-icon:hover:before { color: #9E6632 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator, #ui-area .private-layout.content-layout .taglib-page-iterator { width: 100%; background-color: #f2f7f8; padding: 1.5rem 1rem; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config { color: #005983 !important; font-weight: 600; font-size: 14px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-icon-menu-text, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-icon-menu-text { color: #005983 !important; font-weight: 600; font-size: 14px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle { align-items: center; background: #fff; margin: 0 5px !important; padding: 0.6rem; border: 2px solid #f0f0f2; box-shadow: none; -webkit-box-shadow: none; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle .caret, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-config .lfr-pagination-page-selector .btn-group .dropdown-toggle .caret { margin-top: 0; margin-left: 5px; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .search-results, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .search-results { font-size: 100%; margin-left: 0 !important; color: #005983 !important; font-weight: 600; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 14px !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons { margin: 0 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2), #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3), #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2), #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) { border-radius: 0 !important; margin: 0 !important; } @media (min-width: 220px) and (max-width: 979px) { #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2), #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3), #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2), #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) { width: initial !important; } } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a { background-image: none !important; position: relative; background: #005983 !important; border-radius: 0 !important; text-indent: -120px; width: 50px; height: 50px; overflow: hidden; transition: 0.2s all ease-in-out; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a { transition: none; } } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before { font-family: "FontAwesome" !important; position: absolute; left: 60px; font-size: 16px; top: 0; z-index: 1; color: #fff; width: 100%; text-align: center; justify-content: center; align-items: center; height: 100%; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a:hover, #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a:hover, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a:hover, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a:hover { background-color: #9E6632 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(2) a::before { content: "\f053"; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons li:nth-child(3) a::before { content: "\f054"; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first { margin: 0 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a { background-color: transparent !important; position: relative; text-indent: -85px; overflow: hidden; width: 70px; height: 50px; align-items: center; transition: 0.2s all ease-in-out; border: none !important; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a { transition: none; } } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a::before { content: "First"; text-transform: uppercase; position: absolute; font-family: "lexia", serif; display: flex; color: #005983 !important; left: 50px; font-size: 16px !important; font-weight: 600; letter-spacing: 0.8px; padding-left: 30px; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a:hover:before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .first a:hover:before { color: #9E6632 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last { margin: 0 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a { background-color: transparent !important; position: relative; text-indent: -85px; overflow: hidden; width: 70px; height: 50px; align-items: center; transition: 0.2s all ease-in-out; border: none !important; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a { transition: none; } } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a::before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a::before { content: "Last"; text-transform: uppercase; position: absolute; font-family: "lexia", serif; display: flex; color: #005983 !important; left: 50px; font-size: 16px !important; font-weight: 600; letter-spacing: 0.8px; padding-left: 30px; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a:hover:before, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .lfr-pagination-buttons .last a:hover:before { color: #9E6632 !important; } #ui-area .public-layout.content-layout .taglib-page-iterator .lfr-pagination .pager, #ui-area .private-layout.content-layout .taglib-page-iterator .lfr-pagination .pager { margin-left: auto !important; justify-content: flex-end; } #ui-area .public-layout.content-layout .RecentCharges-portlet .main-label, #ui-area .private-layout.content-layout .RecentCharges-portlet .main-label { background-color: #005983 !important; color: #fff !important; border-bottom: 2px solid #f0eff4 !important; padding-left: 10px !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .well, #ui-area .private-layout.content-layout .RecentCharges-portlet .well { background-color: #f2f7f8 !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .label-long-primary, #ui-area .private-layout.content-layout .RecentCharges-portlet .label-long-primary { font-family: "lexia", serif; background-color: #f2f7f8 !important; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .label-long-primary, #ui-area .private-layout.content-layout .RecentCharges-portlet .label-long-primary { display: flex; justify-content: space-between; } } #ui-area .public-layout.content-layout .RecentCharges-portlet .label-long-primary *, #ui-area .private-layout.content-layout .RecentCharges-portlet .label-long-primary * { color: #1b1c1c !important; font-weight: 500 !important; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .label-long-primary *, #ui-area .private-layout.content-layout .RecentCharges-portlet .label-long-primary * { line-height: 20px !important; } } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .label-long-primary .stat-link, #ui-area .private-layout.content-layout .RecentCharges-portlet .label-long-primary .stat-link { margin-left: auto; } } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable.table-bordered .ui-datatable-tablewrapper table, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable.table-bordered .ui-datatable-tablewrapper table { border: none !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { border: 1px solid #c0bfbe !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead tr th, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead tr th { background: #9E6632 !important; border: 5px solid #f2f7f8 !important; } @media (max-width: 467.98px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead tr th, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead tr th { font-size: 10px !important; } } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title { color: #fff !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background-color: #f2f7f8 !important; border-bottom: 1px solid #e6e7eb !important; padding: 6px !important; } @media (max-width: 467.98px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { font-size: 12px !important; } } @media (max-width: 467.98px) { #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-commandlink .reference-id, #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-commandlink .reference-id, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-commandlink .reference-id, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-commandlink .reference-id { font-size: 12px !important; } } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-commandlink i, #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-commandlink i, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-commandlink i, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-datalist-item .ui-panel .ui-panel-content .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-commandlink i { padding-top: 0; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-commandlink i, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-commandlink i { display: none; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .table-striped tbody tr:nth-child(odd) td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .table-striped tbody tr:nth-child(odd) td { background-color: #f2f7f8; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .table-striped tbody tr:nth-child(even) td, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .table-striped tbody tr:nth-child(even) td { background-color: transparent; } #ui-area .public-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-panelgrid, #ui-area .private-layout.content-layout .RecentCharges-portlet .ui-dialog .ui-dialog-content .ui-panelgrid { text-align: left; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-message, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-message { font-size: 14px !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span { background: #f2f7f8 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table { border: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { border: 1px dotted #c0bfbe !important; padding: 6px 2px !important; } @media (max-width: 1440.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { letter-spacing: 0; font-size: 12px; } } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { font-size: 12px !important; line-height: 1.3; padding: 1px !important; } } @media (max-width: 375.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { padding: 0 !important; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a { display: inline-flex; padding-left: 2px; align-items: center; } @media (max-width: 991.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a { letter-spacing: 0; } } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a { padding-left: 0; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a i, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a i, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td a i, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td a i { font-size: 13px !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td .reference-id, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .reference-id, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td .reference-id, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .reference-id { font-size: 12px; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td .reference-id, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .reference-id, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td .reference-id, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .reference-id { letter-spacing: 0; font-size: 11px; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td span.amount-position, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td span.amount-position, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td span.amount-position, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td span.amount-position { text-align: right; width: auto; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td:first-child, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:first-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td:first-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:first-child { border-left: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td:last-child, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:last-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-even td:last-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable.table-bordered .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:last-child { border-right: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th { background: #005983 !important; border: 5px solid #f2f7f8 !important; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th { border: 2px solid #f2f7f8 !important; padding: 5px 2px !important; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title { color: #fff !important; width: 100%; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title { font-size: 11px !important; line-height: 1.2; margin: 0 auto !important; } } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th span, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th span { font-size: 11px !important; line-height: 1.2; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { background-color: #f2f7f8 !important; border-bottom: 1px solid #e6e7eb !important; padding: 6px !important; } @media (min-width: 641px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-column-title, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-column-title { display: none !important; } } @media (min-width: 300px) and (max-width: 640.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-column-title, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td .ui-column-title { display: inline-block !important; margin: 0 !important; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td:first-child, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:first-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td:first-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:first-child { border-left: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td:last-child, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:last-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td:last-child, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td:last-child { border-right: none !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-footer, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-footer { background: transparent !important; font-family: "Spectral", serif !important; font-weight: 400 !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .label-custom, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .label-custom { border: 2px solid; background-color: transparent !important; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .label-custom, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .label-custom { border: none; padding: 0; font-size: 12px !important; } } #ui-area .public-layout.content-layout .StatementSummary-portlet .ui-datatable-footer .label-long-recent-acti, #ui-area .private-layout.content-layout .StatementSummary-portlet .ui-datatable-footer .label-long-recent-acti { background: transparent !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .ui-datatable-footer .label-long-recent-acti *, #ui-area .private-layout.content-layout .StatementSummary-portlet .ui-datatable-footer .label-long-recent-acti * { color: #005983 !important; } #ui-area .public-layout.content-layout .cke_editable h1, #ui-area .public-layout.content-layout .cke_editable h2, #ui-area .public-layout.content-layout .cke_editable h3, #ui-area .private-layout.content-layout .cke_editable h1, #ui-area .private-layout.content-layout .cke_editable h2, #ui-area .private-layout.content-layout .cke_editable h3 { font-family: "lexia", serif !important; } #ui-area .public-layout.content-layout .taglib-form-navigator .taglib-form-navigator .form-navigator-content .journal-article-container .cke h1, #ui-area .public-layout.content-layout .taglib-form-navigator .taglib-form-navigator .form-navigator-content .journal-article-container .cke h2, #ui-area .public-layout.content-layout .taglib-form-navigator .taglib-form-navigator .form-navigator-content .journal-article-container .cke h3, #ui-area .private-layout.content-layout .taglib-form-navigator .taglib-form-navigator .form-navigator-content .journal-article-container .cke h1, #ui-area .private-layout.content-layout .taglib-form-navigator .taglib-form-navigator .form-navigator-content .journal-article-container .cke h2, #ui-area .private-layout.content-layout .taglib-form-navigator .taglib-form-navigator .form-navigator-content .journal-article-container .cke h3 { font-family: "lexia", serif !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row { position: relative; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-outputlabel, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .ui-fluid .ui-panelgrid .ui-panelgrid-content .ui-grid-row .ui-panelgrid-cell .ui-outputlabel { color: #1b1c1c !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .ui-panel .ui-panel-content .ui-dialog, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .ui-panel .ui-panel-content .ui-dialog { background-color: #fff !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .fd-question .ui-panel-content .ui-corner-all .ui-panel-content label p, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-panel .ui-grid-row .fd-question .ui-panel-content .ui-corner-all .ui-panel-content label p { color: #1b1c1c !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a { color: #fff; font-size: 16px !important; font-weight: 700; position: relative; padding-right: 75px; } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a { font-size: 14px !important; } } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a::before, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a::before { content: ""; background-image: url(../images/club-images/icon-arrow.svg); width: 46px !important; height: 36px !important; position: absolute !important; right: 0 !important; top: -5px !important; background-repeat: no-repeat; } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a::before, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a::before { top: -7px !important; transform: scale(0.85); } } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a:hover, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a:hover { color: #005983 !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a:hover::before, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .fd-display-container .ui-fluid .ui-grid .ui-grid-row .btn-responsive a:hover::before { -o-animation: arrowpulse 1s infinite; -moz-animation: arrowpulse 1s infinite; -webkit-animation: arrowpulse 1s infinite; animation: arrowpulse 1s infinite; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-dialog-content, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-dialog-content { background-color: #fff !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-dialog-content h1, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-dialog-content h1 { font-size: 22px !important; } #ui-area .public-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-panelgrid-cell a, #ui-area .private-layout.content-layout .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-panelgrid-cell a { color: #a8c5af !important; } @media screen and (min-width: 200px) and (max-width: 1299px) { #ui-area .public-layout.content-layout .announcement-actions a, #ui-area .private-layout.content-layout .announcement-actions a { font-size: 12px !important; } } #ui-area .public-layout.content-layout .portlet:not(section), #ui-area .private-layout.content-layout .portlet:not(section) { background: #f2f7f8 !important; border-radius: 0 !important; border: none !important; } #ui-area .public-layout.content-layout .portlet .portlet-content form h2, #ui-area .private-layout.content-layout .portlet .portlet-content form h2 { font-family: "lexia", serif !important; } #ui-area .public-layout.content-layout .portlet .portlet-content form .fieldset .control-group .control-label, #ui-area .private-layout.content-layout .portlet .portlet-content form .fieldset .control-group .control-label { text-align: left !important; font-weight: 600 !important; } #ui-area .public-layout.content-layout .portlet .portlet-content form .fieldset .control-group input, #ui-area .private-layout.content-layout .portlet .portlet-content form .fieldset .control-group input { height: 45px !important; width: 100% !important; } #ui-area .public-layout.content-layout .portlet .portlet-content form .fieldset .control-group select, #ui-area .private-layout.content-layout .portlet .portlet-content form .fieldset .control-group select { border: 1px solid rgba(166, 160, 150, 0.4) !important; height: 45px !important; } #ui-area .public-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary, #ui-area .private-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary { padding: 8px 14px !important; border: none !important; } #ui-area .public-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary:hover, #ui-area .public-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary:focus, #ui-area .public-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary:active, #ui-area .private-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary:hover, #ui-area .private-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary:focus, #ui-area .private-layout.content-layout .portlet .portlet-content form .button-holder .btn-primary:active { background-color: #9E6632 !important; } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet:first-child section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet:first-child section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading { display: block !important; } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet:first-child section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading.mp-dn-heading, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet:first-child section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading.mp-dn-heading { text-align: left; } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog { border-radius: 0; } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar { background: #9E6632; } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title { margin-top: 0; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title { width: calc(100% - 35px); font-size: 14px !important; letter-spacing: 1.2px; } } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title .ui-dialog-titlebar-icon .ui-icon, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-titlebar .ui-dialog-title .ui-dialog-titlebar-icon .ui-icon { filter: invert(1) brightness(100); } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar { background: transparent; border: none; } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button { background-color: #005983; color: #fff; text-shadow: none; border-radius: 50px; padding: 0.8rem 0.5rem; } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button { font-size: 12px !important; } } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon { filter: invert(1) brightness(100); } #ui-area .public-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text, #ui-area .private-layout.content-layout .portlet-column:first-child .MemberProfile-portlet .ui-dialog .ui-dialog-content .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-button-text { padding: 0 0.5rem 0 1.5rem; } #ui-area .public-layout.content-layout .MemberProfile-portlet, #ui-area .private-layout.content-layout .MemberProfile-portlet { font-family: "lexia", serif !important; font-size: 14px !important; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-email, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-email { margin-bottom: 10px; display: inline-block; } #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column { display: flex; } #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box { width: 19%; margin-left: 1%; font-family: "lexia", serif; } @media (max-width: 1440.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box { width: 32.333%; } } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box { width: 48%; flex-wrap: wrap; margin-left: 2% !important; } } @media (max-width: 424.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box { width: 100%; margin-left: 0 !important; } } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box:nth-child(odd), #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box:nth-child(odd) { margin-left: 0 !important; } } #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box tbody tr td, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box tbody tr td { text-align: center; } #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box tfoot tr td .ui-commandlink, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box tfoot tr td .ui-commandlink { margin-top: 0.5rem; border: none; max-width: 80%; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid .mp-grid-col, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid .mp-grid-col { float: left; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table .mp-header, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table .mp-header { background: #005983 !important; font-size: 16px !important; padding: 1rem !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table .mp-header, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table .mp-header { font-size: 0.726942299vw !important; padding: 0.726942299vw !important; } } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr:nth-child(odd), #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr:nth-child(odd) { background: #f2f7f8 !important; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr th, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr th { text-align: left; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td { padding: 8px !important; text-align: left; } @media (max-width: 1440.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-odd-col, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-odd-col { letter-spacing: 0px; } } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-odd-col, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-odd-col { font-size: 12px !important; width: 45% !important; } } @media (max-width: 1440.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-even-col, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-even-col { letter-spacing: 0px; } } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-even-col, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td.mp-even-col { font-size: 12px !important; width: 55% !important; } } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid .mp-image-style, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid .mp-image-style { float: left; width: 100%; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid .mp-image-style ~ .ui-grid-col-7, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid .mp-image-style ~ .ui-grid-col-7 { float: left; width: 100%; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell { width: 100%; } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell { line-height: normal; } } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-selectonemenu, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-selectonemenu { margin-bottom: 7px; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell .ui-inputfield, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell .ui-inputfield { max-width: 100% !important; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-selectonemenu, #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-inputfield, #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-calendar, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-selectonemenu, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-inputfield, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell > .ui-calendar { max-width: 100% !important; } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell .mp-value-text, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-edit-grid .ui-panelgrid-cell .mp-value-text { letter-spacing: 0.8px; } } #ui-area .public-layout.content-layout .MySettings-portlet section.portlet .portlet-body form .ui-panelgrid, #ui-area .private-layout.content-layout .MySettings-portlet section.portlet .portlet-body form .ui-panelgrid { color: #9E6632 !important; font-weight: 400 !important; border: none !important; } #ui-area .public-layout.content-layout .MySettings-portlet section.portlet .portlet-body form .ui-datagrid-header, #ui-area .private-layout.content-layout .MySettings-portlet section.portlet .portlet-body form .ui-datagrid-header { background: transparent !important; border: none !important; color: #9E6632 !important; font-weight: 400 !important; text-align: left !important; font-size: 20px !important; margin-bottom: 10px !important; padding-left: 0 !important; border-bottom: 2px solid #f0eff4 !important; padding-bottom: 10px !important; } #ui-area .public-layout.content-layout .changeSecurityQuestion-portlet, #ui-area .private-layout.content-layout .changeSecurityQuestion-portlet { font-family: "lexia", serif !important; font-size: 16px !important; } #ui-area .public-layout.content-layout .changeSecurityQuestion-portlet input, #ui-area .private-layout.content-layout .changeSecurityQuestion-portlet input { height: 50px !important; } #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .ui-datagrid-column, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .ui-datagrid-column { padding: 8px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .ui-datagrid-column, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .ui-datagrid-column { padding: 0.363vw; } } #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box { border: none !important; } #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.member-img, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.member-img { position: relative; height: 0; padding-bottom: 100%; width: 100%; display: inline-block; } #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.member-img img, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.member-img img { width: 100%; height: 100% !important; position: absolute; top: 0; left: 0; object-fit: cover; object-position: top; border: none; padding: 0; } #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.ui-commandlink, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.ui-commandlink { color: #005983; font-size: calc(var(--labelfs) + 0.25vw) !important; line-height: calc(var(--labelfs) + 0.25vw) !important; } #ui-area .public-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.ui-commandlink i, #ui-area .private-layout.content-layout .MemberBirthday-portlet section.portlet .portlet-body form .mb-box a.ui-commandlink i { display: none; } #ui-area .public-layout.content-layout .ChangePassword-portlet .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row, #ui-area .private-layout.content-layout .ChangePassword-portlet .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row { align-items: center; display: flex !important; flex-wrap: wrap; } #ui-area .public-layout.content-layout .ChangePassword-portlet .changePasswordError, #ui-area .private-layout.content-layout .ChangePassword-portlet .changePasswordError { color: #b50303; margin-bottom: 1rem; text-transform: none; } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .ChangePassword-portlet .changePasswordError, #ui-area .private-layout.content-layout .ChangePassword-portlet .changePasswordError { margin-bottom: 0; position: absolute; left: 0; bottom: -12px; padding: 0 !important; font-size: 13px !important; } } @media (max-width: 640.98px) { #ui-area .public-layout.content-layout .ChangePassword-portlet .changePasswordError::before, #ui-area .private-layout.content-layout .ChangePassword-portlet .changePasswordError::before { padding: 6px; margin-right: 5px; } } #ui-area .public-layout.content-layout .CreditBook-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column table tfoot td a, #ui-area .private-layout.content-layout .CreditBook-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column table tfoot td a { border: none; } #ui-area .public-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content > .ui-grid-row, #ui-area .private-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content > .ui-grid-row { display: flex !important; } #ui-area .public-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box, #ui-area .private-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box { height: auto; } #ui-area .public-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td .ui-commandlink, #ui-area .private-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td .ui-commandlink { color: #1b1c1c; font-size: var(--paragraph) !important; font-family: "lexia", serif; font-weight: 400 !important; font-style: normal; letter-spacing: 0; line-height: var(--lineheightp); -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; margin: 0; padding: 0 0 var(--parapadding); hyphens: manual; } #ui-area .public-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td .ui-commandlink i, #ui-area .private-layout.content-layout .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td .ui-commandlink i { display: none; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body { padding: 5px 0 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body { padding: 0.2271694684vw 0; } } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group { min-height: 115px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group { min-height: 5.2248977737vw; } } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-adult-child-guest-container .ui-chkbox-box, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-adult-child-guest-container .ui-chkbox-box { width: 16px !important; height: 16px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-adult-child-guest-container .ui-chkbox-box, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-adult-child-guest-container .ui-chkbox-box { width: 0.726942299vw !important; height: 0.726942299vw !important; } } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-adult-child-guest-container .ui-chkbox-label, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-adult-child-guest-container .ui-chkbox-label { margin: 0 5px !important; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-self-container .ui-chkbox-box, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-self-container .ui-chkbox-box { width: 16px !important; height: 16px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-self-container .ui-chkbox-box, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-self-container .ui-chkbox-box { width: 0.726942299vw !important; height: 0.726942299vw !important; } } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-self-container .ui-chkbox-label, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body > div .input-group .ers-self-container .ui-chkbox-label { margin: 0 5px !important; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-text, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-text { margin-bottom: 0.5rem; padding: 10px; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container { margin-bottom: 0.5rem; } @media (max-width: 1599.98px) { #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container { font-size: 14px !important; font-weight: 600; } } @media (max-width: 1199.98px) { #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container { font-size: 12px !important; } } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container .input-group-text, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container .ers-book-for-container .input-group-text { font-family: "ITC Avant Garde Pro Md", sans-serif !important; font-weight: 600; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .ers-col-eraser span, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .ers-col-eraser span { background: #1B1C1C !important; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .ers-col-eraser span i, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .ers-col-eraser span i { padding-top: 0; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-name-container, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-name-container { background: #1B1C1C !important; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-name-container .ers-name, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-name-container .ers-name { margin-bottom: 0; color: #fff; } #ui-area .public-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-reservations-list-container .ers-reservation-list-btns a, #ui-area .private-layout.content-layout .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-reservations-list-container .ers-reservation-list-btns a { border-radius: 50px !important; border: none !important; padding: 0.9rem 1rem !important; } /* form designer */ .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-dialog-content { background-color: #fff !important; } .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-dialog-content h1 { font-size: 22px !important; } .form-designer-portlet section.portlet .portlet-body .ui-grid-row .ui-panelgrid-cell a { color: #a8c5af !important; } .modal-content .dialog-iframe-bd { width: 100% !important; height: calc(100% - 50px) !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container { padding: 2rem; } @media (max-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container { padding: 0; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ui-grid-row { display: flex !important; flex-wrap: wrap; } @media (max-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ui-grid-row.ers-status-numbers-con { flex-direction: column; } } @media (max-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ui-grid-row .ers-publish-swith-cont { order: 2; } } @media (max-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ui-grid-row .ers-publish-lbl { position: initial; order: 1; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ui-inputfield { height: 45px !important; border: 2px solid #f0eff4 !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-reservation-url-container { margin-bottom: 1rem; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-reservation-url-container .ui-inputfield { width: 100%; height: 45px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-reservation-url-container .copy-clipboard-btn { height: 45px; margin-top: 0 !important; margin-bottom: 0 !important; display: table-cell; background: #005983; color: #fff; border: none; border-radius: 0; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-name-container .ers-name { font-weight: 600; font-size: 20px; color: #005983; margin-bottom: 1rem; display: block; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2 { border-right: 2px solid #dedede; margin-right: 1rem; padding-right: 1rem; } @media (min-width: 768px) and (max-width: 1199.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2 { width: 30%; } } @media (min-width: 576px) and (max-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2 { width: 20%; } } @media (max-device-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2 { border-right: none; font-size: 14px !important; border-bottom: 2px solid #dedede; padding-bottom: 0.5rem; margin-bottom: 0.5rem; width: 100% !important; margin-right: 0 !important; border-right: none !important; } } @media (min-device-width: 576px) and (max-device-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2:first-child { width: 50%; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2:last-child { border-right: none; margin-right: 0; padding-right: 0; } @media (max-device-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ui-grid-col-2:last-child { border-bottom: none !important; padding-right: 1rem; margin-bottom: 0 !important; border-right: none !important; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-status-lbl, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-number-lbl, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-available-lbl { font-weight: 600; } @media (max-width: 991.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-status-lbl, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-number-lbl, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-available-lbl { display: block; text-align: left; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-status, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-number, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-available-val { color: #005983; } @media (max-width: 991.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-status, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-number, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-available-val { width: 100%; } } @media (max-width: 991.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-number, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-content-and-info-panel .ers-content-and-info-panel-body .ers-content-and-status-container .ers-available-val { text-align: left; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container { padding-right: 15px; } @media (max-device-width: 1199.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container { width: 100%; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container .input-group-prepend .input-group-text { margin-bottom: 0.5rem; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container .input-group-prepend .ui-outputlabel { font-weight: 600 !important; margin-bottom: 0 !important; color: #fff; padding-left: 0.5rem; } @media (max-device-width: 640px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container .input-group-prepend .ui-outputlabel { width: 50%; font-size: 14px !important; padding: 0.5rem; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container .ers-adult-child-input-cont .ui-inputfield { height: 45px !important; } @media (max-device-width: 640px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-children-container .ers-adult-child-input-cont .ui-inputfield { width: 95%; } } @media (max-device-width: 1199.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-adult-child-container { width: 100%; margin-bottom: 1rem; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container { padding-right: 15px; } @media (max-device-width: 1199.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container { width: 100%; margin-bottom: 1rem; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .input-group-text { margin-bottom: 1rem; padding: 0.5rem; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-multiday-lbl { align-items: center; display: flex; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-multiday-lbl .ers-multi-day-lbl { font-weight: 600; color: #fff; font-size: 14px; font-family: "ITC Avant Garde Pro Md", sans-serif; text-transform: uppercase; letter-spacing: 1.6px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-multiday-lbl i { color: #fff; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-with-schedule-txt .ers-schedules-txt { font-size: 14px; } @media (max-width: 1199.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-with-schedule-txt .ers-schedules-txt { font-size: 12px; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-with-schedule-txt .ers-seating-dropdown-cont .ui-selectonemenu { height: 50px !important; border: 2px solid #f0eff4 !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-with-schedule-txt .ers-seating-dropdown-cont .ui-selectonemenu .ui-selectonemenu-label { line-height: 33px !important; height: auto !important; border: none !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ers-seating-with-schedule-txt .ers-seating-dropdown-cont .ui-selectonemenu .ui-selectonemenu-trigger { border-left: 2px solid #f0eff4 !important; margin-bottom: 0; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label { border: none !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-schedule-seating-self-panel-body .ers-seating-and-available-container .ers-seating-container .ers-scheudle-container .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger { margin-top: 0 !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist { width: 100%; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot { display: flex; align-items: center; flex-wrap: wrap; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number { display: flex; min-height: 99px; } @media (max-width: 1050.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number { min-height: initial; line-height: 60px; width: 100%; border-radius: 8px 8px 0 0; } } @media (max-width: 1050.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-remove-and-erase-small { margin-left: auto; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-serialno-txt { font-weight: 600; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-remove-and-erase-small { padding-left: 10px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-serial-number .ers-remove-and-erase-small span { font-size: 10px !important; padding-right: 5px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field { padding: 0 1.5rem; } @media (min-width: 2201px) and (max-width: 4000px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field { padding: 0 1.0904134484vw; } } @media (max-device-width: 700px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field { width: 100%; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul { list-style: none; padding: 0; margin: 0; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li { padding: 0 10px 0 0; } @media (max-width: 1050.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li { width: 100%; padding: 10px 0 0 0 !important; } } @media (max-width: 1050.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li:last-child { padding-bottom: 1rem !important; } } @media (max-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li:last-child { padding-bottom: 0 !important; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ui-inputfield { height: 45px !important; } @media (max-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ui-inputfield { margin-bottom: 0 !important; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ui-outputlabel { font-weight: 600 !important; } @media (max-device-width: 700px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ui-outputlabel { font-size: 14px !important; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li .ers-attendee-type-onemenu .ui-selectonemenu-label { background-color: #fff !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-comments .form-group label { max-width: 100%; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul li.ers-col-type label { width: 100% !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul .ers-col-eraser span { font-size: 16px !important; background-color: transparent !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .details-field .details-field-ul .ers-col-eraser span i { padding-top: 30px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon .ers-remove-icon { top: 0; font-size: 16px !important; background: #ef4b5b !important; cursor: pointer; } @media (min-width: 2201px) and (max-width: 4000px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon .ers-remove-icon { font-size: 0.726942299vw !important; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ui-datalist .ui-datalist-content .ui-datalist-data .ui-datalist-item .event-reservation-slot .ers-delete-btn-icon .ers-remove-icon i:hover { background: transparent; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont { margin-bottom: 1rem; } @media (max-device-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont { width: 100%; } } @media (max-device-width: 640px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont { padding: 0; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member { padding: 0; } @media (max-device-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member { margin-bottom: 1rem; padding: 0; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a { background: #005983; padding: 0.8rem 1rem; color: #fff; border: none; border-radius: 0; } @media (max-device-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a { font-size: 10px !important; } } @media (max-device-width: 1599.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a i { font-size: 14px !important; vertical-align: middle; margin-right: 0; } } @media (max-device-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a i { font-size: 10px !important; vertical-align: middle; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a:hover, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a:focus, .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-attendee-table-container .ers-add-guest-member-cont .ers-add-guest-member a:active { outline: none !important; text-decoration: none !important; background-color: #9E6632; } @media (max-width: 575.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-hr-publish { margin: 1rem 0 !important; } } @media (max-width: 767.98px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont { padding-left: 0 !important; } } @media (max-device-width: 676px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont { margin-bottom: 1rem; } } @media (max-device-width: 676px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont { height: 40px; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch { height: 30px !important; border-radius: 0; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch .ui-inputswitch-off { height: 100%; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch .ui-inputswitch-off span { -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; position: absolute; top: 50%; padding-right: 8px; right: 0; text-align: right; max-width: 100%; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch-on { height: 100%; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch-on span { text-align: left; line-height: 25px; padding-left: 7px !important; padding-right: 1px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-chkbox-cont .ers-publish-swith-cont .ui-inputswitch-handle { height: 100%; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-lbl { padding-left: 10px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-lbl .ui-outputlabel { font-weight: 600 !important; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } @media (max-device-width: 676px) { .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-publish-comment-charge-cont .ers-publish-waiver-que-cont .ers-publish-lbl .ui-outputlabel { font-size: 14px !important; } } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-comments-cont .ui-fieldset-legend span { margin-right: 10px; } .eventsReservation-portlet section.portlet .portlet-body form .ers-main-container .ers-schedule-seating-self-panel .ers-publish-event .ers-comments-cont .ui-fieldset-content .ui-inputtextarea { width: 100%; border: 2px solid #f0eff4 !important; height: auto !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-buttons-container .ers-reservation-btn-cont a { border: none !important; padding: 0.9rem 1rem !important; } .eventsReservation-portlet section.portlet .portlet-body form .ers-back-btn-container a { border: none !important; border-radius: 50px !important; padding: 0.9rem 1rem !important; } /* Bald Head Club */ body:first-of-type .portlet-borderless-bar { width: max-content; } @media (min-width: 2201px) and (max-width: 4000px) { html ul li { line-height: 1.363vw !important; font-size: 0.878vw !important; } html a { font-size: 0.878vw; } #ui-area .journal-content-article ol li, #ui-area .journal-content-article ul li { line-height: 1.363vw !important; font-size: 0.878vw !important; margin-bottom: 0.363vw !important; } #ui-area .ui-widget { font-size: 0.8178vw !important; line-height: normal !important; } #ui-area .ui-widget a { font-size: 0.878vw; } #ui-area .public-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body .unsubscription-heading, #ui-area .private-layout.content-layout .campaignCategory-portlet section.portlet .portlet-body .unsubscription-heading { font-size: 0.8178vw !important; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-main-grid table tbody tr td { padding: 0.3634vw !important; } #ui-area .public-layout.content-layout .MemberProfile-portlet .mp-grid-col .mp-grid .mp-header, #ui-area .private-layout.content-layout .MemberProfile-portlet .mp-grid-col .mp-grid .mp-header { font-size: 1.1812vw !important; line-height: normal; padding: 0.5452vw 0 !important; } #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box { min-height: 7.7237vw; } #ui-area .public-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box tbody tr td span, #ui-area .private-layout.content-layout .MemberProfile-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .dependent-box tbody tr td span { font-size: 0.7269vw !important; line-height: normal; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block { font-size: 0.554vw !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .roster-resp-home-phone, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .view-member-box .roster-resp-view-member-box tbody tr td .roster-resp-home-phone { font-size: 0.8178vw !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container { display: flex; margin: 0px 0px 0.227vw 0.227vw; line-height: 1.59vw; flex: 2 1 auto; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { width: 100% !important; height: 100% !important; font-size: 0.8178vw !important; padding: 0.55vw; } #ui-area .public-layout.content-layout .StatementSummary-portlet .main-label, #ui-area .private-layout.content-layout .StatementSummary-portlet .main-label { margin-bottom: 0.35vw !important; font-size: 0.9086vw !important; margin-top: 0.35vw; line-height: normal; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-info-button, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-info-button { font-size: 0.636vw !important; padding: 0.454vw !important; border-radius: 50px !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-previous-button.ui-area-btn-previous, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-next-button.ui-area-btn-previous, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-previous-button.ui-area-btn-previous, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-next-button.ui-area-btn-previous { font-size: 0.636vw !important; padding: 0.454vw !important; border-radius: 50px !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span { padding: 0.524vw 0.554vw 0.554vw 0.554vw; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table thead tr th .ui-column-title { font-size: 0.6269vw !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-even td, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .ui-datatable-tablewrapper table tbody .ui-datatable-odd td { padding: 0.2726vw !important; font-size: 0.8178vw; line-height: normal; } #ui-area .public-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .label-custom, #ui-area .private-layout.content-layout .StatementSummary-portlet .stmt-heading + span .ui-datatable .label-custom { padding: 0.5452vw; font-size: 0.676vw !important; } #ui-area .public-layout.content-layout .StatementSummary-portlet .ui-datatable-footer .label-long-recent-acti *, #ui-area .private-layout.content-layout .StatementSummary-portlet .ui-datatable-footer .label-long-recent-acti * { font-size: 0.8178vw; line-height: normal; } #ui-area .public-layout.content-layout .RecentCharges-portlet, #ui-area .private-layout.content-layout .RecentCharges-portlet { font-size: 0.7269vw !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .main-label, #ui-area .private-layout.content-layout .RecentCharges-portlet .main-label { font-size: 0.999vw !important; padding: 0.363vw !important; line-height: normal; } #ui-area .public-layout.content-layout .RecentCharges-portlet .well, #ui-area .private-layout.content-layout .RecentCharges-portlet .well { padding: 0.908vw; font-size: 0.7269vw !important; } #ui-area .public-layout.content-layout .RecentCharges-portlet .information-bar, #ui-area .private-layout.content-layout .RecentCharges-portlet .information-bar { padding: 0.35vw 0 !important; } #ui-area .public-layout.content-layout .StatementSettings-portlet .ui-grid-responsive .ui-panelgrid-cell, #ui-area .private-layout.content-layout .StatementSettings-portlet .ui-grid-responsive .ui-panelgrid-cell { padding: 0.35vw 0; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body table, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body table { background: transparent; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body table tr th, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body table tr th { color: #fff !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-hd .btn-group-content button, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-hd .btn-group-content button { padding: 0.454vw 0.354vw !important; line-height: normal !important; font-size: 0.756vw !important; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-no-events, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-view-agenda-container .scheduler-view-agenda-events .scheduler-view-agenda-no-events { padding: 0.454vw; font-size: 0.767vw; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-header, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-header { padding: 0.45vw !important; font-size: 0.676vw; } #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-header a, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-header a { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } } @media (min-width: 2201px) and (max-width: 4000px) and (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-header a::before, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-header a::before { font-size: 0.8178vw; right: 0.166vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-column-options .yui3-calendar-grid thead tr th, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-column-options .yui3-calendar-grid thead tr th { font-size: 0.636vw !important; padding: 0.35vw; color: #fff !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-day, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .yui3-calendar-day { padding: 0.225vw 0 0.45vw; font-size: 0.636vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .calendar-portlet-list-header { font-size: 0.767vw !important; line-height: normal; padding: 0.25vw 0; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-view-date, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-base-view-date { line-height: normal; font-size: 0.767vw; margin: 0.45vw 0 !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body div#legendsDIV span, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body div#legendsDIV span { margin-left: 0.25vw; margin-right: 0.681vw; line-height: 1.363vw; font-size: 0.636vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-view-table-header-col .scheduler-view-table-header-day div, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-view-table-header-col .scheduler-view-table-header-day div { font-size: 0.8178vw !important; padding: 0.45vw; color: #fff; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-view-table-data-col-title, #ui-area .private-layout.content-layout .calendar-portlet section.portlet .portlet-body .scheduler-view-table-data-col-title { font-size: 0.65vw !important; line-height: normal; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .DiningReservation-portlet .ui-panel .ui-panel-content .ui-grid-row, #ui-area .private-layout.content-layout .DiningReservation-portlet .ui-panel .ui-panel-content .ui-grid-row { font-size: 0.999vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn-block { padding: 0.636vw 0.454vw !important; font-size: 0.544vw !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary { padding: 0.636vw 0.454vw !important; font-size: 0.544vw !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .label-info, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .label-info { font-size: 0.8269vw !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-chkbox-box, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-chkbox-box { width: 0.7269vw; height: 0.7269vw; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-chkbox-box .ui-icon, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-chkbox-box .ui-icon { width: 0.7269vw; height: 0.7269vw; background-size: 1500%; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-chkbox-box .ui-icon.ui-icon-check, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-chkbox .ui-chkbox-box .ui-icon.ui-icon-check { background-position: 27% 65% !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-panelgrid-header, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body form .ui-panelgrid .ui-panelgrid-header { font-size: 0.9086vw !important; margin-bottom: 0.454vw !important; padding-bottom: 0.454vw !important; line-height: normal; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .nav-tabs .tab a { padding: 0.35vw 0.5vw; line-height: normal; font-size: 0.636vw; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .btn.btn-primary { padding: 0.45vw 0.6vw !important; font-size: 0.544vw !important; } #ui-area .public-layout.content-layout .portlet-boundary section.portlet .portlet-body .text-search, #ui-area .private-layout.content-layout .portlet-boundary section.portlet .portlet-body .text-search { height: 1.726vw !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading, #ui-area .private-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading { font-size: var(--heading1) !important; font-family: "Spectral", serif !important; } #ui-area .public-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading.mp-dn-heading, #ui-area .private-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form .heading.mp-dn-heading { font-family: "Spectral", serif !important; font-size: calc(var(--heading1) - 1vw) !important; font-weight: normal !important; line-height: calc(var(--heading1) - 1vw) !important; } #ui-area .public-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form > div h1, #ui-area .public-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form > div h2, #ui-area .private-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form > div h1, #ui-area .private-layout.content-layout .portlet-column .portlet-boundary section.portlet .portlet-body > .liferay-faces-bridge-body > form > div h2 { font-size: 1.363vw !important; margin-bottom: 0.35vw !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .MySettings-portlet section.portlet .portlet-body form .ui-datagrid-header, #ui-area .private-layout.content-layout .MySettings-portlet section.portlet .portlet-body form .ui-datagrid-header { font-size: 0.9086vw !important; padding-bottom: 0.454vw !important; margin-bottom: 0.454vw !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table thead th, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table thead th { font-size: 0.8178vw !important; } #ui-area .public-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr td, #ui-area .private-layout.content-layout .ui-datatable .ui-datatable-tablewrapper table tr td { padding: 0.3634vw !important; line-height: normal; font-size: 0.8178vw !important; } } @media (max-width: 1440.98px) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { width: 3vw !important; height: 3vw !important; } } @media (max-width: 991.98px) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container { flex-wrap: wrap; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container { margin: 0 0 0.25vw 0; padding: 0 0.15vw 0 0.15vw; width: 7.692%; height: 50px; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { width: 100% !important; height: 100% !important; font-size: 1.4vw !important; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block, #ui-area .private-layout.content-layout .MemberRoster-portlet form .ui-grid .ui-grid-row .btn-responsive .btn-block { height: auto; font-size: 10px !important; padding: 10px !important; } } @media (max-width: 767.98px) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { font-size: 2vw !important; } } @media (max-width: 575.98px) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { font-size: 2.2vw !important; } } @media (max-width: 424.98px) { #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container { height: 30px; margin: 0 0 0.5vw 0; padding: 0 0.5vw 0 0.5vw; } #ui-area .public-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet, #ui-area .private-layout.content-layout .MemberRoster-portlet form .roster-search-alphabets-container .roster-search-alphabet-container .roster-search-alphabet { font-size: 2.6vw !important; } } html .portlet-asset-publisher .asset-content, html .portlet-asset-publisher .asset-summary, html .portlet-asset-publisher .asset-title, html .portlet-asset-publisher .header-title, html .portlet-asset-publisher li.title-list, html .portlet-blogs .entry-body, html .portlet-blogs .entry-title, html .portlet-blogs .header-title, html .portlet-journal-content .journal-content-article, html .portlet-message-boards .header-title, html .portlet-message-boards .thread-body { word-break: keep-all; -moz-hyphens: none; -ms-hyphens: none; -webkit-hyphens: none; hyphens: none; } .row:before, .row:after { display: none !important; } aui, html, body { margin: 0; padding: 0; min-height: 100%; width: 100%; } #mm-0 { min-height: 100%; padding-bottom: 0px; } @media (max-width: 979px) { html .dockbar { margin-left: 0 !important; margin-right: 0 !important; } html .dockbar-split .dockbar { margin-left: 0 !important; margin-right: 0 !important; } } .custom-main-body { position: relative; box-sizing: border-box; } .container-padding { padding: 0px 9.7% 0px; /* 0px 185px 0px */ -ms-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } @media screen and (min-width: 100px) and (max-width: 979px) { .container-padding { padding: 0px 20px 0px; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .container-padding { padding: 0px 30px 0px; } } @media screen and (min-width: 1200px) and (max-width: 1365px) { .container-padding { padding: 0px 30px 0px; } } @media screen and (min-width: 1366px) and (max-width: 1599px) { .container-padding { padding: 0px 30px 0px; } } @media screen and (min-width: 1600px) and (max-width: 1899px) { .container-padding { padding: 0px 6% 0px; } } @media only screen and (min-width: 1366px) { html .container, html .navbar-static-top .container, html .navbar-fixed-top .container, html .navbar-fixed-bottom .container { width: 1200px !important; padding: 0 !important; } } @media screen and (min-width: 1200px) and (max-width: 1365px) { .container { width: 100% !important; max-width: 100% !important; padding: 0 100px !important; } } @media screen and (min-width: 980px) and (max-width: 1199px) { .container { width: 100% !important; max-width: 100% !important; padding: 0 50px !important; } } @media screen and (min-width: 768px) and (max-width: 979px) { .container { padding: 0 30px !important; width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 767px) { .container { padding: 0px 25px !important; width: 100% !important; max-width: 100% !important; } } /* --------Body Container ----------- */ /* Admin Class */ .lfr-add-panel .add-content-menu .accordion .nav-list .lfr-content-item { width: 100% !important; } /* locomotive scroll css */ #ui-area .portlet-layout .portlet-header { margin-bottom: 0 !important; } html.has-scroll-smooth { overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.has-scroll-dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .has-scroll-smooth body { overflow: hidden; } .has-scroll-smooth [data-scroll-container] { min-height: 100vh; } .c-scrollbar { position: absolute; right: 0; top: 0; width: 11px; height: 100vh; transform-origin: center right; transition: transform 0.3s, opacity 0.3s; opacity: 0; } @media (prefers-reduced-motion: reduce) { .c-scrollbar { transition: none; } } .c-scrollbar:hover { -webkit-transform: scaleX(1.45); -moz-transform: scaleX(1.45); -ms-transform: scaleX(1.45); transform: scaleX(1.45); -o-transform: scaleX(1.45); } .c-scrollbar:hover { opacity: 1; } .has-scroll-scrolling .c-scrollbar { opacity: 1; } .has-scroll-dragging .c-scrollbar { opacity: 1; } .has-scroll-dragging .c-scrollbar_thumb { cursor: -webkit-grabbing; cursor: grabbing; } .c-scrollbar_thumb { position: absolute; top: 0; right: 0; background-color: #005983; opacity: 0.5; width: 7px; border-radius: 10px; margin: 2px; cursor: -webkit-grab; cursor: grab; } /* locomotive scroll css */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; scroll-behavior: smooth; } .multi-banner-hg .banner-cp-o-images img, .multi-banner-hg .banner-cp-o-images-2 img { width: 100%; } html body.site { width: 100%; font-weight: 400; padding: 0 !important; font-size: 16px; line-height: 34px; font-family: serif; } @media (min-width: 2201px) and (max-width: 4000px) { html body.site { font-size: var(--paragraph); line-height: var(--lineheightp); } } html body.site ::-moz-selection { color: white; background: #9E6632 !important; text-shadow: -1px -1px rgba(0, 0, 0, 0.3); } html body.site ::selection { color: white; background: #9E6632 !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { box-shadow: 0 0 0 30px white inset !important; -webkit-box-shadow: 0 0 0 30px white inset !important; font-family: "Spectral", serif !important; font-size: 14px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .ui-inputfield { height: 2.044vw; } } #ui-area a { text-decoration: none !important; outline: none !important; line-height: 26px; } #ui-area a:hover, #ui-area a:focus { text-decoration: none !important; outline: none !important; } #ui-area .public-layout, #ui-area .private-layout { padding: 0 0 var(--sectionPaddingtop); } #ui-area .cst-section { padding: var(--sectionPaddingtop) 0 0; } #ui-area .journal-content-article a { text-decoration: none !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .journal-content-article a { line-height: 1.881vw; } } #ui-area .journal-content-article p a { text-decoration: none !important; border: none !important; } footer .custom-footer .footer-form iframe { height: 340px; } #hrefFm { margin-bottom: 0; } #push { position: relative; } @media (max-width: 2200.98px) { #push { min-height: 338px !important; } } @media (max-width: 1299.98px) { #push { min-height: 358px !important; } } @media (max-width: 1199.98px) { #push { min-height: 319px !important; } } @media (max-width: 991.98px) { #push { min-height: 335px !important; } } @media (max-width: 767.98px) { #push { min-height: 520px !important; } } @media (max-width: 424.98px) { #push { min-height: 602px !important; } } @media (max-width: 375.98px) { #push { min-height: 624px !important; } } #wrap { min-height: 100%; position: relative; padding-top: 0 !important; overflow: hidden; } .cst-container { width: 100% !important; max-width: 100% !important; padding: 0 var(--containerPadding) !important; } /* cookies consent bar */ .cc-banner { font-family: "lexia", serif !important; font-size: 12px !important; color: #fff !important; } .cc-banner .cc-message { letter-spacing: 0.8px; } .cc-banner .cc-message .cc-link { position: relative; color: #fff !important; display: none !important; } .cc-banner .cc-message .cc-link::before { content: ""; height: 0.5px; width: 0; position: absolute; bottom: 0; left: 0; z-index: 1; background: #fff; transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { .cc-banner .cc-message .cc-link::before { transition: none; } } .cc-banner .cc-message .cc-link:hover { color: #1B1C1C !important; } .cc-banner .cc-message .cc-link:hover::before { width: 100%; background: #1B1C1C; } .cc-banner .cc-compliance { margin-left: auto; } .cc-banner .cc-compliance .cc-btn { background: #1B1C1C; padding: 8px; border-radius: 50px; letter-spacing: 0.8px; font-family: "ITC Avant Garde Gothic", sans-serif; font-size: 12px; line-height: normal; transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { .cc-banner .cc-compliance .cc-btn { transition: none; } } .cc-banner .cc-compliance .cc-btn:hover, .cc-banner .cc-compliance .cc-btn:focus { background: #9E6632; color: #fff; } /* custom typo */ #ui-area { /* password reset css */ /* webcontent templates css */ } #ui-area section#portlet_new-password { background-color: #f2f7f8 !important; border: none; padding: 2rem; border-radius: 0; max-width: 550px; } #ui-area section#portlet_new-password .portlet-content { padding: 0; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .alert-error { text-align: left; line-height: 24px; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .reset-password-container h2 { color: #005983; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; font-family: "Spectral-SemiBold", serif; font-size: 20px !important; line-height: 32px !important; margin-bottom: 1rem; text-align: left !important; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .fieldset { text-align: left; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .fieldset .control-group .control-label { display: block; text-align: left; font-size: calc(var(--labelfs) + 2px); line-height: var(--lineheightlabel); font-family: "ITC Avant Garde Pro Md", sans-serif; margin-bottom: 5px; letter-spacing: 0.8px; font-weight: normal; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .fieldset .control-group input { width: 100%; height: 52px; border-color: #D3E3E9 !important; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .button-holder { margin: 1.8vh 0 0vh !important; text-align: left; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .button-holder .btn { background: transparent; border: 1px solid #9E6632; padding: 1.86vh 3rem; color: #9E6632; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; } #ui-area section#portlet_new-password .portlet-content .popup .login-card .button-holder .btn:hover, #ui-area section#portlet_new-password .portlet-content .popup .login-card .button-holder .btn:focus { background: #9E6632; color: #fff; border-color: transparent; } #ui-area section#portlet_password-reminder { background: #f2f7f8 !important; border: none; padding: 2rem; border-radius: 0; max-width: 550px; box-shadow: none; -webkit-box-shadow: none; } #ui-area section#portlet_password-reminder .portlet-content { padding: 0; } #ui-area section#portlet_password-reminder .portlet-content .alert { background-color: transparent !important; color: #1B1C1C; font-family: "ITC Avant Garde Gothic", sans-serif; font-size: 12px !important; margin-top: 0; padding: 0 !important; align-items: flex-start; text-align: left; line-height: 26px; } #ui-area section#portlet_password-reminder .portlet-content .alert::before { -webkit-filter: hue-rotate(45deg); -moz-filter: hue-rotate(45deg); -o-filter: hue-rotate(45deg); filter: hue-rotate(45deg); width: 40px; height: 40px; } #ui-area section#portlet_password-reminder .portlet-content .fieldset .fieldset-legend { color: #005983 !important; font-family: "Spectral", serif; font-size: 20px; line-height: 32px; text-align: left; border: none; } #ui-area section#portlet_password-reminder .portlet-content .fieldset .control-group .control-label { display: block; text-align: left; font-size: calc(var(--labelfs) + 2px); line-height: var(--lineheightlabel); font-family: "ITC Avant Garde Pro Md", sans-serif; margin-bottom: 5px; letter-spacing: 0.8px; font-weight: normal; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; } #ui-area section#portlet_password-reminder .portlet-content .fieldset .control-group select { width: 100%; height: 52px; border-color: #D3E3E9 !important; } #ui-area section#portlet_password-reminder .portlet-content .fieldset .control-group input { width: 100%; height: 52px; border-color: #D3E3E9 !important; } #ui-area section#portlet_password-reminder .portlet-content .button-holder { margin: 1.8vh 0 0 !important; text-align: left; } #ui-area section#portlet_password-reminder .portlet-content .button-holder .btn { background: transparent; border: 1px solid #9E6632; padding: 1.86vh 3rem; color: #9E6632; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; } #ui-area section#portlet_password-reminder .portlet-content .button-holder .btn:hover, #ui-area section#portlet_password-reminder .portlet-content .button-holder .btn:focus { background: #9E6632; color: #fff; border-color: transparent; } #ui-area .public-layout, #ui-area .private-layout { /* portlet css */ } #ui-area .public-layout.content-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero, #ui-area .private-layout.content-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero { margin: 0; } #ui-area .public-layout.content-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero > div, #ui-area .private-layout.content-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero > div { padding: 0; } #ui-area .public-layout.content-layout .journal-content-article .content, #ui-area .private-layout.content-layout .journal-content-article .content { margin-bottom: 1.5rem; } #ui-area .public-layout.content-layout .journal-content-article > p:last-child, #ui-area .private-layout.content-layout .journal-content-article > p:last-child { margin-bottom: 1.5rem; } #ui-area .public-layout .cc-area-custom, #ui-area .private-layout .cc-area-custom { /* Text with image layout */ /* announcement portlet */ /* form designer */ /* gallery portlet */ /* calendar portlet */ } #ui-area .public-layout .cc-area-custom .single-column-layout-container ul li, #ui-area .public-layout .cc-area-custom .single-column-layout-container ol li, #ui-area .private-layout .cc-area-custom .single-column-layout-container ul li, #ui-area .private-layout .cc-area-custom .single-column-layout-container ol li { width: 100% !important; } #ui-area .public-layout .cc-area-custom .journal-content-article ul, #ui-area .public-layout .cc-area-custom .journal-content-article ol, #ui-area .private-layout .cc-area-custom .journal-content-article ul, #ui-area .private-layout .cc-area-custom .journal-content-article ol { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-left: 0; flex-direction: column; } #ui-area .public-layout .cc-area-custom .journal-content-article ul.custom-ul, #ui-area .public-layout .cc-area-custom .journal-content-article ol.custom-ul, #ui-area .private-layout .cc-area-custom .journal-content-article ul.custom-ul, #ui-area .private-layout .cc-area-custom .journal-content-article ol.custom-ul { flex-direction: row; } #ui-area .public-layout .cc-area-custom .journal-content-article ul.custom-ul li, #ui-area .public-layout .cc-area-custom .journal-content-article ol.custom-ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ul.custom-ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ol.custom-ul li { min-width: 33.333%; } @media (max-width: 991.98px) { #ui-area .public-layout .cc-area-custom .journal-content-article ul.custom-ul li, #ui-area .public-layout .cc-area-custom .journal-content-article ol.custom-ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ul.custom-ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ol.custom-ul li { min-width: 50%; } } @media (max-width: 575.98px) { #ui-area .public-layout .cc-area-custom .journal-content-article ul.custom-ul li, #ui-area .public-layout .cc-area-custom .journal-content-article ol.custom-ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ul.custom-ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ol.custom-ul li { min-width: 100%; } } #ui-area .public-layout .cc-area-custom .journal-content-article ul li, #ui-area .public-layout .cc-area-custom .journal-content-article ol li, #ui-area .private-layout .cc-area-custom .journal-content-article ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ol li { width: auto; padding-left: 1rem; position: relative; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .journal-content-article ul li, #ui-area .public-layout .cc-area-custom .journal-content-article ol li, #ui-area .private-layout .cc-area-custom .journal-content-article ul li, #ui-area .private-layout .cc-area-custom .journal-content-article ol li { line-height: 1.463vw !important; font-size: 0.878vw !important; padding-left: 0.7269vw; margin-bottom: 0.363vw; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .journal-content-article ul li a, #ui-area .public-layout .cc-area-custom .journal-content-article ol li a, #ui-area .private-layout .cc-area-custom .journal-content-article ul li a, #ui-area .private-layout .cc-area-custom .journal-content-article ol li a { line-height: 1.463vw !important; } } #ui-area .public-layout .cc-area-custom .journal-content-article ul li::before, #ui-area .public-layout .cc-area-custom .journal-content-article ol li::before, #ui-area .private-layout .cc-area-custom .journal-content-article ul li::before, #ui-area .private-layout .cc-area-custom .journal-content-article ol li::before { position: absolute; font-family: "FontAwesome"; content: "\f054"; margin-left: -1rem; color: #9E6632; font-size: 12px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .journal-content-article ul li::before, #ui-area .public-layout .cc-area-custom .journal-content-article ol li::before, #ui-area .private-layout .cc-area-custom .journal-content-article ul li::before, #ui-area .private-layout .cc-area-custom .journal-content-article ol li::before { font-size: 0.545vw !important; margin-left: -0.7269vw; } } #ui-area .public-layout .cc-area-custom .bio-listing [class*=col-sm], #ui-area .private-layout .cc-area-custom .bio-listing [class*=col-sm] { flex-wrap: wrap; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block { flex: 0 0 50%; max-width: calc(50% - 15px); margin-left: 30px; background-color: #fbfaf8 !important; position: relative; height: max-content; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block { padding: 0.7269vw; } } @media (min-width: 1200px) and (max-width: 1440.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block { flex: 0 0 100%; max-width: 100%; margin-left: 0; } } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block { flex: 0 0 100%; max-width: 100%; margin-left: 0; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block:nth-of-type(2n + 1), #ui-area .private-layout .cc-area-custom .bio-listing .bio-block:nth-of-type(2n + 1) { margin-left: 0 !important; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link { color: #1B1C1C !important; text-decoration: none; position: absolute; right: 0; top: 0; padding: 5px; } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link { top: 0; right: 0; } } @media (max-width: 367.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link { top: 3px; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link i, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link i { transition: 0.3s all linear; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link i, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link i { transition: none; } } @media (max-width: 367.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link i, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link i { font-size: 14px !important; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .accordion-link.active i, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .accordion-link.active i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -o-transform: rotate(180deg); } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left { padding-top: 0 !important; margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .pic, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .pic { margin-bottom: 0; } @media screen and (min-width: 860px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .pic, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .pic { width: 150px !important; height: 170px !important; } } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .pic, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .pic { margin-bottom: 1rem; width: 100% !important; height: 0; position: relative; overflow: hidden; padding-bottom: 100%; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .pic img, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .pic img { border-radius: 0; object-fit: cover; width: 100%; min-height: initial !important; max-height: initial !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; object-position: top; height: 100% !important; } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .pic img, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .pic img { max-width: 100%; position: absolute; top: 0; left: 0; } } @media (max-width: 424.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .pic img, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .pic img { margin-bottom: 1rem; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio { flex-direction: column; text-align: left !important; position: relative; width: 100% !important; } @media screen and (min-width: 1200px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio { width: calc(100% - 168px) !important; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio h1, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio h2, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio h3, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio h4, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio h5, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio h6, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio h1, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio h2, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio h3, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio h4, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio h5, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio h6 { line-height: normal; color: #9e6632; font-family: "ITC Avant Garde Gothic", sans-serif; font-size: var(--subheading1); line-height: var(--lineheightsubh1); font-weight: normal; font-style: normal; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin: 0 0 var(--subheadingmb) !important; padding: 0; letter-spacing: 2.4px; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .title, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .title { margin-bottom: 2rem; padding-bottom: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: normal; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .title, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .title { margin-bottom: 1.453vw; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .title, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .title, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone { color: #005983 !important; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone { position: relative; padding-left: 25px; width: max-content; text-decoration: none; border: none; transition: 0.2s color; will-change: color; letter-spacing: 1.2px; font-size: 14px; font-family: "ITC Avant Garde Pro Md", sans-serif; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone { padding-left: 1.135vw; font-size: 0.636vw; line-height: var(--lineheightp); } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::before, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::before, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::before, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::before { content: "\f003"; font-family: "FontAwesome"; position: absolute; left: 0; top: 0; display: block !important; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::after, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::after { content: ""; background: #9E6632; width: calc(100% - 26px); height: 1px; position: absolute; left: 26px; bottom: 0; transition: 0.2s width; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::after, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::after { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::after, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::after { width: calc(100% - 1.135vw); left: 1.135vw; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:hover, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:focus, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:hover, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:focus, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:hover, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:focus, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:hover, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:focus { color: #9E6632 !important; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:hover::after, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:focus::after, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:hover::after, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:focus::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:hover::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email:focus::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:hover::after, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone:focus::after { width: calc(100% - 26px); } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone { margin-top: 5px; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::before, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .phone::before { content: "\f095"; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email { position: relative; } @media (max-width: 367.98px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left .bio .email, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left .bio .email { width: auto !important; line-height: 20px; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .left, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .left, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right { width: 100% !important; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right { padding: 0; background: transparent !important; padding-top: 1rem; margin-top: 2rem; border-top: 2px solid #e5e3d4; display: none; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h1, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h2, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h3, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h4, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h5, #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h6, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h1, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h2, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h3, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h4, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h5, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h6 { font-family: "Spectral", serif; color: #9E6632; padding-bottom: 0; margin-bottom: 1rem; margin-top: 5px; } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h3, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h3 { font-size: 30px !important; line-height: 1 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h3, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h3 { font-size: 45px !important; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h4, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h4 { font-size: 26px !important; line-height: 1.3 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h4, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h4 { font-size: 39px !important; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h5, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h5 { font-size: 22px !important; line-height: 1.3 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h5, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h5 { font-size: 33px !important; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h6, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h6 { font-size: 20px !important; line-height: 30px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content h6, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content h6 { font-size: 30px !important; } } #ui-area .public-layout .cc-area-custom .bio-listing .bio-block .right .content p, #ui-area .private-layout .cc-area-custom .bio-listing .bio-block .right .content p { font-size: 14px !important; padding-bottom: 0 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .public-layout .cc-area-custom .accordion-container > h3, #ui-area .public-layout .cc-area-custom .accordion-container > h4, #ui-area .public-layout .cc-area-custom .accordion-container > h5, #ui-area .public-layout .cc-area-custom .accordion-container > h6, #ui-area .private-layout .cc-area-custom .accordion-container > h3, #ui-area .private-layout .cc-area-custom .accordion-container > h4, #ui-area .private-layout .cc-area-custom .accordion-container > h5, #ui-area .private-layout .cc-area-custom .accordion-container > h6 { display: inline-block; margin-top: 10px; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion, #ui-area .private-layout .cc-area-custom .accordion-container .accordion { background: transparent; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle { background-color: #F3EFE9; position: relative; background-image: none; margin-bottom: 0; padding: 1rem 1.5rem; line-height: normal !important; transition: 0.5s background-color; border-bottom: 1px solid #fff; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle { padding: 0.7269vw 1.09vw; } } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle:last-child, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle:last-child { border-bottom: none; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::before, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::before, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after { content: "" !important; background: #1B1C1C; border-radius: 2px; width: 16px; height: 2px; display: block; top: 50%; right: 20px; position: absolute; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s all linear; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::before, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::before, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::before, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::before, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after { width: 0.7269vw; height: 0.09vw; right: 0.908vw; border-radius: 0.09vw; } } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active { background-color: #9E6632; color: #fff; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active::before, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active::after, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active::before, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active::after { background: #fff; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active::after, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-toggle.active::after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content { background-color: rgba(251, 250, 248, 0.5); overflow: inherit; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-image, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-image { position: relative; overflow: hidden; height: 0; padding-bottom: 22.5%; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-image img, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text { padding-left: 1rem; padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ul, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ol, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ul, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ol { justify-content: flex-start; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ol li, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text ol li { width: 100% !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h1, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h2, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h3, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h4, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h5, #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h6, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h1, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h2, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h3, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h4, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h5, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text h6 { background: transparent; border: none; transition: none; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text img, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text img { height: 100% !important; } } #ui-area .public-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text p:last-child, #ui-area .private-layout .cc-area-custom .accordion-container .accordion .accordion-content .accordion-content-text p:last-child { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .accordion-two-container > h3, #ui-area .public-layout .cc-area-custom .accordion-two-container > h4, #ui-area .public-layout .cc-area-custom .accordion-two-container > h5, #ui-area .public-layout .cc-area-custom .accordion-two-container > h6, #ui-area .private-layout .cc-area-custom .accordion-two-container > h3, #ui-area .private-layout .cc-area-custom .accordion-two-container > h4, #ui-area .private-layout .cc-area-custom .accordion-two-container > h5, #ui-area .private-layout .cc-area-custom .accordion-two-container > h6 { display: inline-block; margin-top: 10px; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion { background: transparent; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle { background-color: #F3EFE9; position: relative; background-image: none; margin-bottom: 0; padding: 1rem 1.5rem; line-height: normal !important; transition: 0.5s background-color; border-bottom: 1px solid #fff; display: flex; width: 100%; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle { padding: 0.7269vw 1.09vw; } } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle:last-child, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle:last-child { border-bottom: none; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::before, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::before, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after { content: "" !important; background: #1B1C1C; border-radius: 2px; width: 16px; height: 2px; display: block; top: 50%; right: 20px; position: absolute; opacity: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s all linear; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::before, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::before, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::before, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::before, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after { width: 0.7269vw; height: 0.09vw; right: 0.908vw; border-radius: 0.09vw; } } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active { background-color: #9E6632; color: #fff; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active::before, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active::after, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active::before, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active::after { background: #fff; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active::after, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-toggle.active::after { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content { background-color: rgba(251, 250, 248, 0.5); overflow: inherit; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content { margin-bottom: 0; width: 33.3334% !important; float: left; margin: 0; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-image, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-image { position: relative; overflow: hidden; height: 0; padding-bottom: 22.5%; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-image img, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text { padding-left: 1rem; font-family: "lexia", serif; padding-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ul, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ol, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ul, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ol { justify-content: flex-start; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ul li, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ol li, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ul li, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text ol li { width: 100% !important; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h1, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h2, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h3, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h4, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h5, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h6, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h1, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h2, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h3, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h4, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h5, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text h6 { background: transparent; border: none; transition: none; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text img, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text img { height: 100% !important; } } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text p:last-child, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content .accordion-content-text p:last-child { padding-bottom: 0; } @media (max-width: 991.98px) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content { width: 50% !important; } } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content { width: 100% !important; } } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .row-fluid:last-child [class*=span] .transactional-content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .row-fluid:last-child [class*=span] .transactional-content { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content { background: transparent; box-shadow: none; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .image, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .image { position: relative; padding-bottom: 62.5%; height: 0; width: 100%; overflow: hidden; object-fit: cover; object-position: center bottom; background-position: center bottom; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .content { margin-left: 0; margin-right: 0; background: transparent; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn { font-family: "lexia", serif; color: #1B1C1C; background: transparent; padding: 0; box-shadow: none; -webkit-box-shadow: none; border: none; width: max-content; position: relative; z-index: 1; bottom: initial; right: initial; left: initial; height: 36px; align-items: center; padding-left: 50px; width: max-content !important; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::before, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::before { content: ""; background: url(../images/club-images/Icon-RightArrow-N.svg) no-repeat; width: 36px !important; height: 12px !important; display: block !important; position: absolute !important; left: 11px !important; -webkit-filter: invert(0.7) sepia(1) hue-rotate(150deg); -moz-filter: invert(0.7) sepia(1) hue-rotate(150deg); -o-filter: invert(0.7) sepia(1) hue-rotate(150deg); filter: invert(0.7) sepia(1) hue-rotate(150deg); top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s all ease; z-index: 7; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::before, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::before { transition: none; } } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::after, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::after { content: ""; width: 36px !important; height: 36px !important; position: absolute; left: 0 !important; top: 50% !important; -webkit-transform: translateY(-50%) rotate(270deg); -moz-transform: translateY(-50%) rotate(270deg); -ms-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); -o-transform: translateY(-50%) rotate(270deg); border: 1px solid #1B1C1C; border-radius: 50px; background: transparent; overflow: hidden; z-index: 1; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::after, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::after { transition: none; } } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn:hover, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn:hover { color: #9E6632; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn:hover::before, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn:hover::before { left: 14px !important; -webkit-filter: invert(0.4) sepia(1) hue-rotate(60deg); -moz-filter: invert(0.4) sepia(1) hue-rotate(60deg); -o-filter: invert(0.4) sepia(1) hue-rotate(60deg); filter: invert(0.4) sepia(1) hue-rotate(60deg); } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn:hover::after, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn:hover::after { border-color: #9E6632; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn { font-size: 0.833vw !important; padding-left: 2.3vw; height: 1.8vw; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::before, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::before { width: 1.8vw !important; height: 0.65vw !important; background-size: 0.7vw; left: 0.55vw !important; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::after, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content .btn::after { width: 1.8vw !important; height: 1.8vw !important; } } @media (max-width: 991.98px) { #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content { padding-bottom: 40px; } } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .three-column-transactional-content .row-fluid:last-child [class*=span] .transactional-content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .row-fluid:last-child [class*=span] .transactional-content { padding-bottom: 40px; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .row-fluid:last-child [class*=span]:last-child .transactional-content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .row-fluid:last-child [class*=span]:last-child .transactional-content { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .three-column-transactional-content .transactional-content, #ui-area .private-layout .cc-area-custom .three-column-transactional-content .transactional-content { padding-bottom: 40px; margin-bottom: 0; } } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row { flex-wrap: wrap; margin: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm], #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm] { margin-bottom: 1.5rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm], #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm] { margin-bottom: 1.09vw; } } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm]:first-child, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm]:first-child { margin-left: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm], #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm] { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .col-sm-3, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .col-sm-3 { flex: 0 0 24.437%; max-width: 24.437%; margin-left: 0.75%; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .col-sm-4, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .col-sm-4 { flex: 0 0 32.437%; max-width: 32.437%; margin-left: 1.34%; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .col-sm-6, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .col-sm-6 { flex: 0 0 49.437%; max-width: 49.437%; margin-left: 1.1283%; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap { padding: 0 0 3.8rem; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img { padding-bottom: 1.8rem !important; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a { padding-bottom: 0; height: auto; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a .image-callout, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a .image-callout { position: initial; padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a .image-callout::before, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a .image-callout::before { display: none; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap.no-img a .image-callout span { position: initial; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a { position: relative; height: 0; padding-bottom: 56.25%; width: 100%; display: block; border: none; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover { text-decoration: none; border-bottom: none; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout { background-size: 115%; padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span { text-decoration: none; color: #9E6632; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::before, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::before { color: #9E6632; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::after, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::after { border-color: #9E6632; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout { position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-size: 100%; padding-bottom: 56.25%; background-position: center bottom !important; transition: 0.3s all ease; background-position: center bottom !important; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout { transition: none; } } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout::before, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout::before { content: ""; background: #005983; opacity: 0.1; display: block; position: absolute; width: 100%; height: 100%; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span { bottom: -3.8rem; font-size: var(--heading5); font-family: "ITC Avant Garde Pro Md", sans-serif; background: transparent; color: #005983; padding: 0; box-shadow: none; -webkit-box-shadow: none; border: none; align-items: center; padding-left: 50px; width: 100% !important; height: 36px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; letter-spacing: 0.8px; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::before, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::before { content: "\f054"; font-family: "FontAwesome"; display: block !important; position: absolute !important; left: 14px !important; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s all ease; z-index: 7; height: 29px; font-size: 14px; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::after, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::after { content: ""; width: 36px !important; height: 36px !important; position: absolute; left: 0 !important; right: initial !important; top: 50% !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); border: 1px solid #005983; border-radius: 50px; background: transparent; overflow: hidden; z-index: 1; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::after, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::after { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap { padding: 0 0 2.813vw; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span { bottom: -2.813vw; font-size: 0.833vw !important; padding-left: 2.3vw; height: 1.8vw; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::before, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::before { width: 1.8vw !important; height: auto !important; background-size: 0.7vw; left: 0.636vw !important; font-size: 0.636vw; top: 0.9vw !important; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::after, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span::after { width: 1.635vw !important; height: 1.635vw !important; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::before, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::before { left: 0.7vw !important; } } @media (max-width: 1299.98px) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap a .image-callout span { padding-left: 45px; font-size: 12px; } } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm], #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm] { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm]:nth-of-type(-n + 2), #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm]:nth-of-type(-n + 2) { margin-bottom: 1.5rem; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .col-sm-3, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .col-sm-3 { flex: 0 0 49.437%; max-width: 49.437%; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .col-sm-3:nth-child(odd), #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .col-sm-3:nth-child(odd) { margin-left: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .col-sm-3:nth-of-type(-n + 2), #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .col-sm-3:nth-of-type(-n + 2) { margin-bottom: 1.5rem; } } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm], #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row [class*=col-sm] { flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-bottom: 1.5rem !important; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm]:last-child, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .row:last-child [class*=col-sm]:last-child { margin-bottom: 0 !important; } } @media (max-width: 575.98px) { #ui-area .public-layout .cc-area-custom .images-with-title-action-bar [class*=col-sm], #ui-area .private-layout .cc-area-custom .images-with-title-action-bar [class*=col-sm] { margin-left: 0; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar [class*=col-sm]:nth-of-type(-n + 3), #ui-area .private-layout .cc-area-custom .images-with-title-action-bar [class*=col-sm]:nth-of-type(-n + 3) { margin-bottom: 1.5rem; } #ui-area .public-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap, #ui-area .private-layout .cc-area-custom .images-with-title-action-bar .image-callout-wrap { flex: 0 0 100%; max-width: 100%; } } #ui-area .public-layout .cc-area-custom .action-bar, #ui-area .private-layout .cc-area-custom .action-bar { margin-bottom: 1.5rem; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img { font-family: "lexia", serif; color: #005983; background: transparent; padding: 0; box-shadow: none; -webkit-box-shadow: none; border: none; width: max-content !important; position: relative; z-index: 1; height: 36px; padding-left: 50px; display: block; margin-bottom: 1rem !important; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img::before, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img::before { content: url(../images/club-images/Icon-RightArrow-N.svg); width: 20px !important; display: block !important; position: absolute !important; left: 8px !important; -webkit-filter: invert(0.7) sepia(1) hue-rotate(150deg); -moz-filter: invert(0.7) sepia(1) hue-rotate(150deg); -o-filter: invert(0.7) sepia(1) hue-rotate(150deg); filter: invert(0.7) sepia(1) hue-rotate(150deg); top: 45% !important; -webkit-transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); -o-transform: translateY(-45%); transition: 0.3s all ease; z-index: 7; height: auto; line-height: normal; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img::before, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img::before { transition: none; } } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img::after, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img::after { content: ""; width: 36px !important; height: 36px !important; position: absolute; left: 0 !important; top: 50% !important; -webkit-transform: translateY(-50%) rotate(270deg); transform: translateY(-50%) rotate(270deg); -o-transform: translateY(-50%) rotate(270deg); border: 1px solid #1B1C1C; border-radius: 50px; background: transparent; overflow: hidden; z-index: 1; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img::after, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img::after { transition: none; } } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img span, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img span { align-items: center; height: 100%; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img span.visible-desktop, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img span.visible-desktop { display: flex !important; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img span.hidden-desktop, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img span.hidden-desktop { display: none !important; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img:last-child, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img:last-child { margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img:hover, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img:hover { color: #9E6632; } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img:hover::before, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img:hover::before { left: 14px !important; -webkit-filter: invert(0.4) sepia(1) hue-rotate(60deg); -moz-filter: invert(0.4) sepia(1) hue-rotate(60deg); -o-filter: invert(0.4) sepia(1) hue-rotate(60deg); filter: invert(0.4) sepia(1) hue-rotate(60deg); } #ui-area .public-layout .cc-area-custom .action-bar .cta-box .btn.no-img:hover::after, #ui-area .private-layout .cc-area-custom .action-bar .cta-box .btn.no-img:hover::after { border-color: #9E6632; } #ui-area .public-layout .cc-area-custom .bullets-with-image-container .content .bullet-list .bullet-list-ul .bullet, #ui-area .private-layout .cc-area-custom .bullets-with-image-container .content .bullet-list .bullet-list-ul .bullet { font-family: "ITC Avant Garde Gothic", sans-serif; } #ui-area .public-layout .cc-area-custom .bullets-with-image-container .content .bullet-list .bullet-list-ul .bullet::before, #ui-area .private-layout .cc-area-custom .bullets-with-image-container .content .bullet-list .bullet-list-ul .bullet::before { content: "\f111"; font-family: "FontAwesome"; font-size: 10px; } #ui-area .public-layout .cc-area-custom .bullets-with-image-container .content .image, #ui-area .private-layout .cc-area-custom .bullets-with-image-container .content .image { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; } #ui-area .public-layout .cc-area-custom .bullets-with-image-container .content .image img, #ui-area .private-layout .cc-area-custom .bullets-with-image-container .content .image img { object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } #ui-area .public-layout .cc-area-custom .card-view-container .card-view .sr-heading h2, #ui-area .private-layout .cc-area-custom .card-view-container .card-view .sr-heading h2 { background: rgb(228, 237, 239); padding: 1rem; color: #1B1C1C; } #ui-area .public-layout .cc-area-custom .card-view-container .card-view .sr-content-area, #ui-area .private-layout .cc-area-custom .card-view-container .card-view .sr-content-area { padding: 40px; background-color: #fbfaf8; } #ui-area .public-layout .cc-area-custom .card-view-container .card-view .sr-content-area p, #ui-area .private-layout .cc-area-custom .card-view-container .card-view .sr-content-area p { padding-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .card-view-container .card-view .sr-content-area p:last-child, #ui-area .private-layout .cc-area-custom .card-view-container .card-view .sr-content-area p:last-child { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header { position: relative; height: 0; overflow: hidden; padding-bottom: 40%; } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-banners, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-banners { width: 100%; object-fit: cover; object-position: center; height: 100%; position: absolute; } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading { background: rgba(27, 28, 28, 0.7); } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h1, #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h2, #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h3, #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h4, #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h5, #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h6, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h1, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h2, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h3, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h4, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h5, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-heading h6 { color: #fff; } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-description, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-header .cvt-description { font-family: "ITC Avant Garde Gothic", sans-serif; font-size: 14px; letter-spacing: 0.8px; } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-content-area, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-content-area { background-color: #fbfaf8; padding: 2rem; } #ui-area .public-layout .cc-area-custom .card-view-two-container .cvt-content-area .cvt-content p, #ui-area .private-layout .cc-area-custom .card-view-two-container .cvt-content-area .cvt-content p { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .custom-columns-gray-container, #ui-area .private-layout .cc-area-custom .custom-columns-gray-container { background-color: #fbfaf8; } #ui-area .public-layout .cc-area-custom .custom-columns-gray-container .custom-columns-content-image, #ui-area .private-layout .cc-area-custom .custom-columns-gray-container .custom-columns-content-image { position: relative; height: 0; overflow: hidden; padding-bottom: 72.5%; margin-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .custom-columns-gray-container .custom-columns-content-image .image, #ui-area .private-layout .cc-area-custom .custom-columns-gray-container .custom-columns-content-image .image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: top; } #ui-area .public-layout .cc-area-custom .custom-columns-gray-container .custom-columns-content, #ui-area .private-layout .cc-area-custom .custom-columns-gray-container .custom-columns-content { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head { text-align: left; } #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head h1, #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head h2, #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head h3, #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head h4, #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head h5, #ui-area .public-layout .cc-area-custom .featured-text-block-container .top-head h6, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head h1, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head h2, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head h3, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head h4, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head h5, #ui-area .private-layout .cc-area-custom .featured-text-block-container .top-head h6 { font-family: "ITC Avant Garde Pro Md", sans-serif; color: #1B1C1C; font-weight: 600 !important; letter-spacing: 1.6px !important; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 2px solid #fbfaf8; } #ui-area .public-layout .cc-area-custom .featured-text-block-container .featured-text-block, #ui-area .private-layout .cc-area-custom .featured-text-block-container .featured-text-block { background: #fbfaf8; } #ui-area .public-layout .cc-area-custom .links-list-container h1, #ui-area .public-layout .cc-area-custom .links-list-container h2, #ui-area .public-layout .cc-area-custom .links-list-container h3, #ui-area .public-layout .cc-area-custom .links-list-container h4, #ui-area .public-layout .cc-area-custom .links-list-container h5, #ui-area .public-layout .cc-area-custom .links-list-container h6, #ui-area .private-layout .cc-area-custom .links-list-container h1, #ui-area .private-layout .cc-area-custom .links-list-container h2, #ui-area .private-layout .cc-area-custom .links-list-container h3, #ui-area .private-layout .cc-area-custom .links-list-container h4, #ui-area .private-layout .cc-area-custom .links-list-container h5, #ui-area .private-layout .cc-area-custom .links-list-container h6 { font-family: "ITC Avant Garde Pro Md", sans-serif; color: #1B1C1C; font-weight: 600 !important; letter-spacing: 1.6px !important; margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 2px solid #fbfaf8; } #ui-area .public-layout .cc-area-custom .links-list-container .content p, #ui-area .private-layout .cc-area-custom .links-list-container .content p { padding-bottom: 10px; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block, #ui-area .private-layout .cc-area-custom .links-list-container .links-block { background: transparent; padding: 0; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block .link-block, #ui-area .private-layout .cc-area-custom .links-list-container .links-block .link-block { min-height: auto; margin-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block .link-block [class*=span], #ui-area .private-layout .cc-area-custom .links-list-container .links-block .link-block [class*=span] { min-height: auto; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block .link-block a, #ui-area .private-layout .cc-area-custom .links-list-container .links-block .link-block a { font-family: "lexia", serif; color: #005983; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block .link-block a i, #ui-area .private-layout .cc-area-custom .links-list-container .links-block .link-block a i { font-size: 11px; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block .link-block a i::before, #ui-area .private-layout .cc-area-custom .links-list-container .links-block .link-block a i::before { content: "\f054"; } #ui-area .public-layout .cc-area-custom .links-list-container .links-block .link-block a span, #ui-area .private-layout .cc-area-custom .links-list-container .links-block .link-block a span { font-size: 16px; background: transparent; padding: 0; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay { overflow: hidden; max-height: 385px; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg { width: 100%; height: 100%; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a { display: block; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a .image, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a .image { width: 100%; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a:hover .overlay, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a:hover .overlay { height: 100%; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a:hover .overlay .text div, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg a:hover .overlay .text div { height: 100%; visibility: visible; color: #fff; font-family: "ITC Avant Garde Gothic", sans-serif; font-size: 14px; padding-top: 1rem; letter-spacing: 0.8px; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay { width: 100%; height: 48px; padding: 1rem; transition: 0.3s height cubic-bezier(0.95, 0.07, 0.24, 0.79); } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay { transition: none; } } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text { width: 100%; text-align: center; position: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text p, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text p { padding-bottom: 0; font-family: "Spectral", serif; text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; } #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text div, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text div { height: 0; visibility: hidden; transition: 0.3s height cubic-bezier(0.95, 0.07, 0.24, 0.79); } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text div, #ui-area .private-layout .cc-area-custom .overlay-hover-effect-container .containerOverlay .containerImg .overlay .text div { transition: none; } } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu { margin-bottom: 1.5rem !important; flex-wrap: inherit; justify-content: flex-start; flex-direction: row !important; } @media (max-width: 575.98px) { #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu { overflow-x: auto; background-color: #fff; background-image: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-position: left center, right center, left center, right center; background-size: 10px 100%, 10px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; display: block; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu::-webkit-scrollbar, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu::-webkit-scrollbar { height: 6px; background-color: #fff; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu::-webkit-scrollbar-thumb, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu::-webkit-scrollbar-thumb { background-color: #999; border-radius: 3px; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu::-webkit-scrollbar-button, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu::-webkit-scrollbar-button { display: none; } } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link { min-width: inherit; width: auto; padding: 0.3rem 1rem; border-right: 1px solid #D3E3E9; cursor: pointer; margin-bottom: 0; cursor: pointer; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:first-child, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:first-child { padding-left: 0; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:last-child, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:last-child { border-right: none; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link::before, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link::before { display: none; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h1, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h2, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h3, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h4, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h5, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h6, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h1, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h2, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h3, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h4, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h5, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h6, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h1, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h2, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h3, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h4, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h5, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link.active h6, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h1, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h2, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h3, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h4, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h5, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link:hover h6 { text-decoration: none; background: #005983 !important; color: #fff !important; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h1, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h1 { font-size: 35px; line-height: normal; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h3, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h3 { font-size: 30px !important; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h1, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h2, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h3, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h4, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h5, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h6, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h1, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h2, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h3, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h4, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h5, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h6 { font-family: "ITC Avant Garde Pro Md", sans-serif; margin-bottom: 0 !important; padding: 0.3rem 1rem; background-color: transparent !important; color: #1b1c1c !important; line-height: normal !important; margin-bottom: 0 !important; border-radius: 50px; transition: 0.4s background ease; will-change: background; text-transform: uppercase; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h1, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h2, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h3, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h4, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h5, #ui-area .public-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h6, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h1, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h2, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h3, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h4, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h5, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-menu .tab-link h6 { transition: none; } } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content { border: none; background-color: transparent; padding: 0; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row [class*=span], #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row [class*=span] { margin-left: 1.5%; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row [class*=span]:first-child, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row [class*=span]:first-child { margin-left: 0; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .span4, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .span4 { width: 24.25%; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .span8, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .span8 { width: 74.25%; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-image, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-image { position: relative; height: 0; overflow: hidden; padding-bottom: 16.25%; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-image img, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-text p, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-text p { padding-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-text p:last-child, #ui-area .private-layout .cc-area-custom .tabs-container .tabs-content .tab-content-row .tab-content-text p:last-child { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .text-with-image-ii-container .content .image-title, #ui-area .private-layout .cc-area-custom .text-with-image-ii-container .content .image-title { display: none; } #ui-area .public-layout .cc-area-custom .text-with-image-ii-container .content .image, #ui-area .private-layout .cc-area-custom .text-with-image-ii-container .content .image { position: relative; height: 0; overflow: hidden; padding-bottom: 56.25%; } #ui-area .public-layout .cc-area-custom .text-with-image-ii-container .content .image img, #ui-area .private-layout .cc-area-custom .text-with-image-ii-container .content .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } #ui-area .public-layout .cc-area-custom .text-with-image-ii-container .content p, #ui-area .private-layout .cc-area-custom .text-with-image-ii-container .content p { font-family: "ITC Avant Garde Gothic", sans-serif; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content .row-fluid, #ui-area .private-layout .cc-area-custom .text-with-image-container .content .row-fluid { flex-wrap: wrap; margin-right: 0; margin-left: 0; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span], #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span] { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span8, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span8 { flex: 0 0 58.333%; max-width: 58.333%; width: initial; padding-left: 0; align-items: center; padding-right: 30px; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span4 { flex: 0 0 41.667%; margin: 0; max-width: 41.667%; width: initial; padding-right: 0; height: 0; padding-bottom: 32%; align-self: center; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content p, #ui-area .private-layout .cc-area-custom .text-with-image-container .content p { font-family: "lexia", serif; padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content img, #ui-area .private-layout .cc-area-custom .text-with-image-container .content img { position: absolute; top: 0; right: 0; max-height: initial; height: 100%; width: calc(100% - 30px); box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); mix-blend-mode: multiply; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span4 { padding-bottom: 24%; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content p, #ui-area .private-layout .cc-area-custom .text-with-image-container .content p { font-size: 0.8vw; line-height: 1.4vw; } } @media (max-width: 1600.98px) { #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span], #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span] { flex: 0 0 50% !important; max-width: 50% !important; } } @media (max-width: 1440.98px) { #ui-area .public-layout .cc-area-custom .text-with-image-container .content p, #ui-area .private-layout .cc-area-custom .text-with-image-container .content p { font-size: 14px; } } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span8, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span8 { padding-right: 15px; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span4 { padding-left: 15px; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content img, #ui-area .private-layout .cc-area-custom .text-with-image-container .content img { width: calc(100% - 15px); } } @media (max-width: 991.98px) { #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span], #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span] { flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .cc-area-custom .text-with-image-container .content [class*=span].span4 { padding-bottom: 56.25%; margin-top: 2rem; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content img, #ui-area .private-layout .cc-area-custom .text-with-image-container .content img { width: 100%; } } #ui-area .public-layout .cc-area-custom .text-with-image-container .content .entry, #ui-area .private-layout .cc-area-custom .text-with-image-container .content .entry { margin-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content .entry:last-child, #ui-area .private-layout .cc-area-custom .text-with-image-container .content .entry:last-child { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content img, #ui-area .private-layout .cc-area-custom .text-with-image-container .content img { width: 100%; max-height: 300px; object-fit: cover; } #ui-area .public-layout .cc-area-custom .text-with-image-container .content p, #ui-area .private-layout .cc-area-custom .text-with-image-container .content p { font-family: "ITC Avant Garde Gothic", sans-serif; } #ui-area .public-layout .cc-area-custom .announcement-portlet, #ui-area .private-layout .cc-area-custom .announcement-portlet { margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .portlet-borderless-container .portlet-body form, #ui-area .private-layout .cc-area-custom .announcement-portlet .portlet-borderless-container .portlet-body form { margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content { padding-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datalist-data, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datalist-data { margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper { background: transparent; box-shadow: none; -webkit-box-shadow: none; border: none; margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport { box-shadow: none; -webkit-box-shadow: none; height: 350px !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport { height: 15.9vw !important; } } @media (max-width: 640.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport { height: 650px !important; } } @media (max-width: 424.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport { height: 600px !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .bxslider, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .bxslider { height: 100%; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .bxslider li, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .bxslider li { height: 100%; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls { display: flex; flex-direction: column; margin-left: auto; width: 70% !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls { padding: 0.454vw 1.181vw !important; } } @media (min-width: 641px) and (max-width: 767px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls { bottom: 20px !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count { margin-bottom: 0.1881vw; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count { float: right !important; width: 100%; text-align: right !important; display: block; margin-top: 0 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count { font-size: 0.636vw !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons b, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count b, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons b, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count b { color: #005983 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons span, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count span, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .buttons span, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .count span { color: #005983 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev { padding-left: 0.181vw; padding-right: 0.181vw; font-size: 0.7269vw !important; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i { height: 1.363vw; width: 1.363vw; line-height: 1.363vw; font-size: 0.545vw !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i { border-color: #005983 !important; font-size: 12px; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i::before, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i::before { color: #005983; margin-left: -3px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i::before, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-prev i::before { margin-left: -0.136vw; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i { border-color: #005983 !important; font-size: 12px; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i::before, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i::before { color: #005983; margin-right: -3px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i::before, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .bx-viewport .announcement-controls .announcement-control-buttons .slick-next i::before { margin-right: -0.136vw; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement { height: 100% !important; border: none !important; padding-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slider, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slider { height: 100%; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide { position: relative !important; height: 100%; min-height: inherit; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link { padding: 0 !important; border: 0 !important; height: 100%; width: 63%; margin-left: auto; } @media (min-width: 1024px) and (max-width: 1439.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link { width: 53% !important; } } @media (min-width: 768px) and (max-width: 1023.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link { width: 65% !important; } } @media (min-width: 641px) and (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link { width: 53% !important; } } @media (max-width: 640.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link { width: 100% !important; height: 300px !important; } } @media (max-width: 424.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-commandlink, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide > .ui-link { height: 250px !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-image, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-image { height: 100% !important; object-position: center; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { background-color: rgba(0, 89, 131, 0.05); flex-direction: column; align-items: center; padding: 3rem 2rem !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { padding: 2.1808vw 1.453vw !important; } } @media (min-width: 1024px) and (max-width: 1439.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { width: 47% !important; min-width: 47% !important; } } @media (min-width: 768px) and (max-width: 1023.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { width: 35% !important; min-width: 35% !important; } } @media (min-width: 641px) and (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { width: 47% !important; min-width: 47% !important; } } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { padding: 2.5rem 1.5rem 1.5rem !important; min-height: 100% !important; height: 100% !important; text-align: left !important; } } @media (max-width: 640.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content { width: 100% !important; order: 2 !important; height: 350px !important; min-height: 350px !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title { border-bottom: 0 !important; padding: 0 !important; margin-right: 0 !important; width: 100%; margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3 { font-size: calc(var(--heading3) - 6px); line-height: calc(var(--lineheighth3) - 6px); font-weight: 700 !important; color: #005983 !important; } @media (max-width: 1750.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3 { font-size: 26px !important; } } @media (max-width: 1439.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3 { font-size: 22px !important; } } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3 { padding-top: 0.5rem; } } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3 { font-size: 20px !important; line-height: 32px !important; } } @media (max-width: 575.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3 { font-size: 24px !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3:hover, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3:focus, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3:hover, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-title h3:focus { text-decoration: none !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-details, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-details { margin-left: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow { width: 100% !important; margin-top: 2.5rem !important; border-bottom: 0 !important; } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow { padding-bottom: 0 !important; padding-right: 0 !important; margin-top: 1.5rem !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details { font-family: "Spectral-SemiBold", serif; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 14px !important; color: #005983 !important; font-weight: 600; padding: 0 !important; position: relative !important; background-color: transparent !important; text-decoration: none; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details { font-size: 0.636vw !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details:hover, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details:focus, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details:hover, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details:focus, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details:hover, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details:focus, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details:hover, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details:focus { text-decoration: none !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details::before, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details::before, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow .announcement-details::before, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow .announcement-details::before { content: ""; position: absolute; bottom: -5px; height: 1px; width: 100%; display: block; background-color: #D3E3E9; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow:hover, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow:focus, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow:hover, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow:focus, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow:hover, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow:focus, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow:hover, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow:focus { text-decoration: none !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow::after, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow::after, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-commandlink.arrow::after, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .ui-link.arrow::after { display: none !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-short-description, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-short-description { font-family: "ITC Avant Garde Pro Md", sans-serif; border: none; padding-bottom: 0; letter-spacing: 1.8px; color: #9E6632 !important; text-align: left; width: 100%; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-actions, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content .announcement-actions { width: auto; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content > div, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .bx-wrapper .announcement .slide .announcement-content > div { width: 100%; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions { justify-content: space-between; width: 40px; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions a i, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .announcement-actions a i { color: #1b1c1c !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row { display: flex !important; flex-wrap: wrap; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column { padding: 0; margin-left: 1.334% !important; width: 32.3334%; margin-bottom: 1.2%; } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column { width: 100%; margin-left: 0 !important; margin-bottom: 2.4%; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column:nth-of-type(3n + 1), #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column:nth-of-type(3n + 1) { margin-left: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box { background: #fbfaf8; padding: 1rem; position: relative; margin-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-img, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-img { display: block; position: relative; height: 0; overflow: hidden; padding-bottom: 62.5%; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-img img, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-img img { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: top; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content { margin: 1rem 0 0 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .announcement-date, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .announcement-date { display: block !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .announcement-date label, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .announcement-date label { font-size: 14px !important; padding: 0 !important; height: 24px; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; -webkit-line-clamp: 1; font-family: "lexia", serif; } @media (max-width: 979.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .announcement-date label, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .announcement-date label { font-size: 13px !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title { width: 100% !important; font-size: 20px !important; line-height: 26px !important; margin-bottom: 10px !important; font-weight: 600 !important; box-shadow: none !important; -webkit-box-shadow: none !important; border: none; margin: 0 !important; background: transparent !important; position: relative; left: 0; top: 0; padding: 0 !important; display: -webkit-box; height: 58px; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; text-align: center !important; font-family: "Spectral", serif; color: #1B1C1C; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title { font-size: 22px !important; line-height: 30px !important; height: 30px; } } @media (max-width: 1700.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title { font-size: 16px !important; line-height: 22px !important; height: 50px; } } @media (max-width: 1199.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title { font-size: 14px !important; } } @media (max-width: 1023.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title { font-size: 18px !important; line-height: 26px !important; } } @media (max-width: 575.98px) { #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title { height: auto; font-size: 18px !important; } } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title > .ann-view9-title, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title > .ann-view9-title { margin: 0 auto; display: block; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a { font-weight: 600; font-family: "Spectral", serif; color: #1B1C1C; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a::after, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a::after { display: none !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a:hover, #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a:focus, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a:hover, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a:focus { color: #9E6632 !important; } #ui-area .public-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a span, #ui-area .private-layout .cc-area-custom .announcement-portlet .ui-widget-content .ui-datagrid .ui-datagrid-content .ui-grid-row .ui-datagrid-column .ann-view9-grid-box .ann-view9-content .ann-view9-content-title a span { display: block; width: 100%; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive { margin-bottom: 0px !important; margin-top: 0px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h1, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h2, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h3, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h4, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h5, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h6, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h1, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h2, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h3, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h4, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h5, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .ui-grid-responsive > .ui-grid-row > div h6 { text-align: left; border: none; padding-top: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container { padding: 0; display: block; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:first-child > .fd-section-name, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6:first-child > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:first-child > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6:first-child > .fd-section-name { padding-top: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:last-child > .fd-section-name, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6:last-child > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:last-child > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6:last-child > .fd-section-name { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name { background: transparent !important; border-color: transparent; padding: 0; margin: 0 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content { background: transparent !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row { display: flex !important; align-items: center; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question { padding: 0 0 2rem; float: left; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question .fd-que-lbl, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question .fd-que-lbl, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question .fd-que-lbl, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question .fd-que-lbl { text-align: left; display: inline; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .mini-html-div, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .mini-html-div, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .mini-html-div, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .mini-html-div { padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel { background: transparent !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content { background: transparent !important; padding: 0 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel { margin-bottom: 0; width: 100% !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel input, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel input, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel input, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel input { height: var(--fieldHeight) !important; border: 1px solid rgba(0, 0, 0, 0.1) !important; background: #fff; padding: 4px 6px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel label, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel label { margin-bottom: 0; padding-top: 0; font-weight: 200; color: #000; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel > .ui-chkbox ~ label, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel > .ui-chkbox ~ label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel > .ui-chkbox ~ label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel > .ui-chkbox ~ label { display: inline-flex; width: calc(100% - 30px); } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel { background: transparent !important; padding: 0; width: 100% !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content { background: transparent !important; padding-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu { padding-right: 1.8rem; background: transparent; box-shadow: none !important; border: none !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu { padding-right: 1.1vw; } } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label { padding-top: 6px !important; color: #000; font-family: "Spectral", serif !important; letter-spacing: 1px; border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: none; -webkit-box-shadow: none; line-height: 2.4 !important; font-size: 14px !important; border-radius: 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-label { padding-top: 0.272vw !important; letter-spacing: 0.0454vw; font-size: 0.636vw !important; line-height: 2.356 !important; } } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger { border: none; align-items: center; background: #e7e7e7; border-radius: 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger { width: 1.1vw !important; } } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon { margin: 0 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectonemenu > .ui-selectonemenu-trigger .ui-icon { width: 0.7269vw; background-position: 27% 7%; background-size: 1500%; height: 0.7269vw; } } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box { width: 100%; display: table; height: 40px; padding-left: 5px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody { width: 100%; display: table-cell; margin: 0; text-align: left; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr { width: auto; text-align: left; margin-bottom: 10px; display: table-cell; padding-right: 10px; display: inline-flex; align-items: center; flex-wrap: wrap; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr { padding-right: 0.454vw; margin-bottom: 0.454vw; } } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr:last-child, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr:last-child, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr:last-child, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr:last-child { padding-right: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td { padding-bottom: 0 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td label, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td label { letter-spacing: 1px; margin-bottom: 0; position: relative; top: -3px; left: -3px; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; padding-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box { background: transparent; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box .ui-icon-check, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box .ui-icon-check, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box .ui-icon-check, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr td .ui-chkbox-box .ui-icon-check { background-position: -65.5px -146px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar { max-width: initial; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-inputfield, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-inputfield, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-inputfield, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-inputfield { width: calc(100% - 30px) !important; max-width: initial; height: var(--fieldHeight) !important; background: #fff; border-color: #e5e5e5 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-button, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-button, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-button, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-calendar .ui-button { margin: 0; background: #e7e7e7; border: none !important; height: 45px; border-radius: 0 3px 3px 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-inputtextarea, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-inputtextarea, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-inputtextarea, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-inputtextarea { border: 1px solid rgba(0, 0, 0, 0.1) !important; background: #fff; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table { width: 100% !important; margin-top: 10px; font-family: "lexia", serif; font-size: 16px; line-height: 30px; letter-spacing: 0.4px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td h6, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td h6, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td h6, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td h6 { text-align: left; font-size: 14px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td p, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td p, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td p, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputlabel table tbody tr td p { text-align: left; font-size: 14px !important; letter-spacing: 0.8px !important; padding-bottom: 10px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab { padding: 0; margin: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab p, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab p, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab p, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .mini-html-lab p { padding-bottom: 1rem; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar { background: transparent !important; border: none !important; text-align: left; padding: 0 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar .ui-panel-title, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar .ui-panel-title, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar .ui-panel-title, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-titlebar .ui-panel-title { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 20px !important; font-family: "Spectral", serif !important; color: #9E6632 !important; text-align: left; display: inline-block; position: relative; margin: 0 0 1rem; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload { margin-top: 10px; width: max-content; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-buttonbar, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-buttonbar, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-buttonbar, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-buttonbar { border: 2px solid #1B1C1C; border-radius: 50px; background: transparent !important; color: #1B1C1C !important; font-size: 14px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-buttonbar .ui-button, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-buttonbar .ui-button, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-buttonbar .ui-button, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-buttonbar .ui-button { background: transparent; border: none !important; width: 100%; color: #1B1C1C; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-buttonbar .ui-button .ui-icon { -webkit-filter: invert(1) brightness(0.2); -moz-filter: invert(1) brightness(0.2); -o-filter: invert(1) brightness(0.2); filter: invert(1) brightness(0.2); } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-content, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 .ui-fileupload .ui-fileupload-content, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 .ui-fileupload .ui-fileupload-content { background: transparent !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid { margin-bottom: 0; margin-top: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive { float: none; margin: 0 auto !important; padding: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive a, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive a { width: 100%; margin: 0 auto; display: block; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive a .btn-block, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive a .btn-block { margin: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-fluid > .ui-grid, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-fluid > .ui-grid { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-fluid > .ui-grid > .ui-grid-row > .ui-grid-col-12 > .ui-grid, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-fluid > .ui-grid > .ui-grid-row > .ui-grid-col-12 > .ui-grid { margin-bottom: 0; } #ui-area .public-layout .cc-area-custom .form-designer-portlet .fd-radio-btn, #ui-area .private-layout .cc-area-custom .form-designer-portlet .fd-radio-btn { margin-top: 5px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet .fd-radio-btn tr label, #ui-area .private-layout .cc-area-custom .form-designer-portlet .fd-radio-btn tr label { margin-right: 10px; } #ui-area .public-layout .cc-area-custom .form-designer-portlet h1, #ui-area .private-layout .cc-area-custom .form-designer-portlet h1 { font-weight: normal; display: inline-block; display: block; padding: 1.5rem 0 0 0; margin-bottom: 0 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet h1, #ui-area .private-layout .cc-area-custom .form-designer-portlet h1 { padding: 1.09w 0 0 0; } } #ui-area .public-layout .cc-area-custom .form-designer-portlet .ui-panel-titlebar, #ui-area .private-layout .cc-area-custom .form-designer-portlet .ui-panel-titlebar { background: transparent !important; border: 0px dotted #ccc !important; text-align: left; padding: 10px 0 !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet .ui-panel-titlebar .ui-panel-title, #ui-area .private-layout .cc-area-custom .form-designer-portlet .ui-panel-titlebar .ui-panel-title { font-weight: normal; color: #000; text-align: left; display: inline-block; position: relative; margin: 0 0 10px; line-height: normal; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet .ui-panel-titlebar .ui-panel-title, #ui-area .private-layout .cc-area-custom .form-designer-portlet .ui-panel-titlebar .ui-panel-title { margin-bottom: 0.454vw; } } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub { width: 100% !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail { width: 100% !important; transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail { transition: none; } } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub .nGY2GThumbnailImage, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub .nGY2GThumbnailImage { width: 100% !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom { position: initial !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2paginationItemCurrentPage, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2paginationItemCurrentPage { display: none; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2paginationItem, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2paginationItem { display: none; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev { background: #1B1C1C; color: #fff; padding: 1rem; border-radius: 50px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext { right: -2%; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev { left: -2%; } #ui-area .public-layout .cc-area-custom .calendar-portlet .calendar-portlet-column-parent .calendar-portlet-column-grid, #ui-area .private-layout .cc-area-custom .calendar-portlet .calendar-portlet-column-parent .calendar-portlet-column-grid { margin: 0 !important; } #ui-area .public-layout .cc-area-custom .calendar-portlet .calendar-portlet-column-parent .calendar-portlet-column-grid table tbody .scheduler-view-table-header-col .scheduler-view-table-header-day, #ui-area .private-layout .cc-area-custom .calendar-portlet .calendar-portlet-column-parent .calendar-portlet-column-grid table tbody .scheduler-view-table-header-col .scheduler-view-table-header-day { color: #fff !important; } @media (max-width: 1199.98px) { #ui-area .public-layout, #ui-area .private-layout { padding: 0 0 75px; } #ui-area .cst-section { padding: 75px 0 0; } #ui-area .public-layout, #ui-area .private-layout { /* portlet css */ } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .heading, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .heading { font-size: 22px !important; } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero > div h2, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero > div h2 { font-size: 22px !important; } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form .heading, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form .heading { font-size: 22px !important; } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h1, #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h2, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h1, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h2 { font-size: 22px !important; } } @media (max-width: 991.98px) { #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content { width: 50% !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h1.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h1.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h1.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h1.accordion-toggle { font-size: 30px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h2.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h2.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h2.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h2.accordion-toggle { font-size: 27px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h3.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h3.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h3.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h3.accordion-toggle { font-size: 24px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h4.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h4.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h4.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h4.accordion-toggle { font-size: 21px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h5.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h5.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h5.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h5.accordion-toggle { font-size: 18px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h6.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h6.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h6.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h6.accordion-toggle { font-size: 15px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive .btn-block, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive .btn-block { padding: 1.3vw 1.85vw !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub { height: 50vw !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail { height: 100% !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub { height: 100% !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub .nGY2GThumbnailImage, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub .nGY2GThumbnailImage, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub .nGY2GThumbnailImage, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GallerySub .nGY2GThumbnail .nGY2GThumbnailSub .nGY2GThumbnailImage { height: 100% !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev { width: 6vw; height: 6vw; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext i, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev i, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext i, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev i { font-size: 1.5vw !important; } } @media (max-width: 767.98px) { #ui-area .public-layout .cc-area-custom .accordion-container .accordion h1.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h1.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h1.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h1.accordion-toggle { font-size: 26px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h2.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h2.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h2.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h2.accordion-toggle { font-size: 24px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h3.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h3.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h3.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h3.accordion-toggle { font-size: 22px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h4.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h4.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h4.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h4.accordion-toggle { font-size: 20px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h5.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h5.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h5.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h5.accordion-toggle { font-size: 18px !important; } #ui-area .public-layout .cc-area-custom .accordion-container .accordion h6.accordion-toggle, #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion h6.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-container .accordion h6.accordion-toggle, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion h6.accordion-toggle { font-size: 16px !important; } #ui-area .public-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content, #ui-area .private-layout .cc-area-custom .accordion-two-container .accordion .accordion-content .accordion-sub-content { width: 100% !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:first-child, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:first-child { padding-top: 2rem; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:last-child, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12:last-child { padding-bottom: 2rem; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name { padding: 0 2rem; } #ui-area .action-bar .cta-box .btn.no-img span.visible-desktop { display: none !important; } #ui-area .action-bar .cta-box .btn.no-img span.hidden-desktop { display: flex !important; } #ui-area .public-layout, #ui-area .private-layout { padding: 0 0 50px; } #ui-area .cst-section { padding: 50px 0 0; } } @media (max-width: 640px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive .btn-block, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive .btn-block { padding: 2.5vw 1.85vw !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev { width: 50px; height: 50px; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext i, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev i, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext i, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev i { font-size: 13px !important; } } @media (max-width: 575.98px) { footer .custom-footer .footer-form iframe { height: 400px; } #ui-area .public-layout, #ui-area .private-layout { /* portlet css */ } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .heading, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .heading { font-size: 28px !important; } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero > div h2, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > form .marg-zero > div h2 { font-size: 28px !important; } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form .heading, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form .heading { font-size: 28px !important; } #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h1, #ui-area .public-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h2, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h1, #ui-area .private-layout .portlet-column .portlet-borderless .portlet-borderless-container .portlet-body > .liferay-faces-bridge-body > form > div h2 { font-size: 28px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet-borderless-container .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet-borderless-container .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet-borderless-container .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-6 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet-borderless-container .portlet-body > form > .fd-display-container .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-panel > .ui-panel-content > .ui-selectmanycheckbox.fd-check-box tbody tr { padding-bottom: 10px; } } @media (max-width: 424.98px) { #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel label, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question > .ui-panel > .ui-panel-content > .ui-outputpanel label { font-size: 11px !important; line-height: 22px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question .fd-que-lbl, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .fd-questions > .ui-grid-col-12 > .fd-section-name > .ui-panel-content > .ui-grid-row > .fd-question .fd-que-lbl { font-size: 11px !important; } #ui-area .public-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive .btn-block, #ui-area .private-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive .btn-block { padding: 3vw 1.85vw !important; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev { width: 40px; height: 40px; } #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext i, #ui-area .public-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev i, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationNext i, #ui-area .private-layout .cc-area-custom .gallery-portlet .nGY2 .nGY2Gallery .nGY2GalleryBottom .nGY2PaginationPrev i { font-size: 12px !important; } } /* club based css for webcontent */ #back-top { bottom: 100px !important; position: fixed; right: 100px !important; z-index: 120 !important; opacity: 0; overflow: hidden; } @media (min-width: 2201px) and (max-width: 4000px) { #back-top { bottom: 4.543vw !important; right: 4.543vw !important; } } @media (max-width: 1199.98px) { #back-top { right: 50px !important; } } @media (max-width: 991.98px) { #back-top { bottom: 30px !important; right: 30px !important; } } @media (max-width: 767.98px) { #back-top { bottom: 15px !important; right: 24px !important; } } #back-top .back-top-link { display: block; width: 50px; height: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } @media (min-width: 2201px) and (max-width: 4000px) { #back-top .back-top-link { width: 2.498vw; height: 2.498vw; } } @media (max-width: 991.98px) { #back-top .back-top-link { width: 45px; height: 45px; } } @media (max-width: 767.98px) { #back-top .back-top-link { width: 40px; height: 40px; } } #back-top .back-top-link::after { font-family: "FontAwesome"; content: "\f106"; background-color: #F3EFE9; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #005983; position: absolute; bottom: 0; font-size: 30px; border-radius: 150px; transition: 0.1s color; will-change: color; } @media (prefers-reduced-motion: reduce) { #back-top .back-top-link::after { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #back-top .back-top-link::after { font-size: 1.363vw; } } @media (max-width: 991.98px) { #back-top .back-top-link::after { font-size: 26px; } } @media (max-width: 767.98px) { #back-top .back-top-link::after { font-size: 24px; } } #back-top .back-top-link::before { content: ""; background: #005983; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); transition: 0.2s transform; border-radius: 150px; } @media (prefers-reduced-motion: reduce) { #back-top .back-top-link::before { transition: none; } } #back-top .back-top-link:hover::after { background-color: transparent; color: #fff; } #back-top .back-top-link:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .public-layout, #ui-area .private-layout { overflow: hidden; /* floating buttons */ } #ui-area .public-layout .accordion, #ui-area .private-layout .accordion { margin-bottom: 2rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .accordion, #ui-area .private-layout .accordion { margin-bottom: 1.453vw; } } #ui-area .public-layout .action-button-custom, #ui-area .private-layout .action-button-custom { position: relative; z-index: 1; } #ui-area .public-layout .action-button-custom::before, #ui-area .private-layout .action-button-custom::before { content: ""; background: #D3E3E9; height: 1px; width: 100%; display: block; top: 50%; transform: translateY(-50%); position: absolute; z-index: -1; } #ui-area .public-layout .action-button-custom .cta-box, #ui-area .private-layout .action-button-custom .cta-box { justify-content: center; } #ui-area .public-layout .action-button-custom .cta-box .btn.no-img, #ui-area .private-layout .action-button-custom .cta-box .btn.no-img { background: #fff; border: 2px solid #005983 !important; color: #005983; border-radius: 80px !important; font-size: 14px !important; text-transform: uppercase; font-family: "ITC Avant Garde Pro Md", sans-serif; padding: 1rem 3rem; line-height: normal; box-shadow: none; -webkit-box-shadow: none; transition: 0.3s all cubic-bezier(0.6, 0.4, 0.25, 0.75); } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .action-button-custom .cta-box .btn.no-img, #ui-area .private-layout .action-button-custom .cta-box .btn.no-img { transition: none; } } #ui-area .public-layout .action-button-custom .cta-box .btn:hover, #ui-area .public-layout .action-button-custom .cta-box .btn:focus, #ui-area .private-layout .action-button-custom .cta-box .btn:hover, #ui-area .private-layout .action-button-custom .cta-box .btn:focus { text-decoration: none; background-color: #005983; color: #fff; } #ui-area .public-layout .page-title-and-description-container h1, #ui-area .public-layout .page-title-and-description-container h2, #ui-area .public-layout .page-title-and-description-container h3, #ui-area .public-layout .page-title-and-description-container h4, #ui-area .public-layout .page-title-and-description-container h5, #ui-area .public-layout .page-title-and-description-container h6, #ui-area .private-layout .page-title-and-description-container h1, #ui-area .private-layout .page-title-and-description-container h2, #ui-area .private-layout .page-title-and-description-container h3, #ui-area .private-layout .page-title-and-description-container h4, #ui-area .private-layout .page-title-and-description-container h5, #ui-area .private-layout .page-title-and-description-container h6 { font-family: "ITC Avant Garde Pro Md", sans-serif; background: #1B1C1C; color: #fff; text-align: center; padding: 1.6rem; margin-bottom: 0 !important; word-spacing: 10px; } #ui-area .public-layout .page-title-and-description-container h1, #ui-area .private-layout .page-title-and-description-container h1 { line-height: 60px !important; font-size: 60px !important; } #ui-area .public-layout .page-title-and-description-container h2, #ui-area .private-layout .page-title-and-description-container h2 { line-height: 58px !important; font-size: 58px !important; } #ui-area .public-layout .page-title-and-description-container h3, #ui-area .private-layout .page-title-and-description-container h3 { line-height: 56px !important; font-size: 56px !important; } #ui-area .public-layout .page-title-and-description-container h4, #ui-area .private-layout .page-title-and-description-container h4 { line-height: 54px !important; font-size: 54px !important; } #ui-area .public-layout .page-title-and-description-container h5, #ui-area .private-layout .page-title-and-description-container h5 { line-height: 52px !important; font-size: 52px !important; } #ui-area .public-layout .page-title-and-description-container h6, #ui-area .private-layout .page-title-and-description-container h6 { line-height: 50px !important; font-size: 50px !important; } #ui-area .public-layout .hero-banner-container .hero-banner, #ui-area .private-layout .hero-banner-container .hero-banner { padding-top: 99px; margin-bottom: 0; background-position: center bottom; } #ui-area .public-layout .hero-banner-container .hero-banner::after, #ui-area .private-layout .hero-banner-container .hero-banner::after { background: rgba(0, 0, 0, 0.15); background-size: auto 100%; } #ui-area .public-layout .sub-navigation-portlet .sub-nav, #ui-area .private-layout .sub-navigation-portlet .sub-nav { margin: 0; background: #fff; padding: 0; align-items: center; height: auto; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .container, #ui-area .private-layout .sub-navigation-portlet .sub-nav .container { width: 100% !important; max-width: 100%; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child { justify-content: center; background: transparent; padding: 0.5rem 0; height: 100%; flex-wrap: wrap; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child li, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child li { border-left: 1px solid #D3E3E9; width: auto; padding: 0.3rem 0.8rem !important; background: transparent; margin: 0.3rem 0; width: auto; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child li:first-child, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child li:first-child { border-left: none !important; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child li a, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child li a { background: transparent; font-family: "ITC Avant Garde Gothic", sans-serif; text-align: center; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 14px; letter-spacing: 1.2px; white-space: nowrap; line-height: normal; padding: 0; display: block; height: auto; padding: 0.2rem 0; color: #005983; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child li a:hover, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child li a:hover { background: transparent; color: #9E6632 !important; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child li:hover a, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child li:hover a { color: #005983; } #ui-area .public-layout .sub-navigation-portlet .sub-nav .nav-child li.selected-li-bg a, #ui-area .private-layout .sub-navigation-portlet .sub-nav .nav-child li.selected-li-bg a { background: transparent; color: #9E6632; font-family: "ITC Avant Garde Pro Md", sans-serif; border-bottom: 1px solid #D3E3E9 !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div { display: none !important; } #ui-area .public-layout .from-layer-two-div, #ui-area .private-layout .from-layer-two-div { margin: 0; padding: 1rem 0 1.5rem; } #ui-area .public-layout .from-layer-two-div .main-heading-title, #ui-area .private-layout .from-layer-two-div .main-heading-title { border: none; letter-spacing: 1.8px; background: #005983; padding: 0; position: relative; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .from-layer-two-div .main-heading-title, #ui-area .private-layout .from-layer-two-div .main-heading-title { letter-spacing: 0.08178vw; } } #ui-area .public-layout .from-layer-two-div .main-heading-title a, #ui-area .private-layout .from-layer-two-div .main-heading-title a { border: none; letter-spacing: 1.8px; background: #005983; font-family: "ITC Avant Garde Gothic", sans-serif; color: #fff; padding: 1rem; display: block; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 18px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .from-layer-two-div .main-heading-title a, #ui-area .private-layout .from-layer-two-div .main-heading-title a { letter-spacing: 0.08178vw; padding: 0.7269vw; font-size: 0.8178vw; } } @media (max-width: 991.98px) { #ui-area .public-layout .from-layer-two-div .main-heading-title a, #ui-area .private-layout .from-layer-two-div .main-heading-title a { width: calc(100% - 45px); } } #ui-area .public-layout .from-layer-two-div .main-heading-title::before, #ui-area .public-layout .from-layer-two-div .main-heading-title::after, #ui-area .private-layout .from-layer-two-div .main-heading-title::before, #ui-area .private-layout .from-layer-two-div .main-heading-title::after { content: ""; background-color: #fff !important; position: absolute; cursor: pointer; width: 14px; height: 2px; right: 15px; font-size: 26px !important; display: none; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.5s all ease-out; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .from-layer-two-div .main-heading-title::before, #ui-area .public-layout .from-layer-two-div .main-heading-title::after, #ui-area .private-layout .from-layer-two-div .main-heading-title::before, #ui-area .private-layout .from-layer-two-div .main-heading-title::after { transition: none; } } @media (max-width: 991.98px) { #ui-area .public-layout .from-layer-two-div .main-heading-title::before, #ui-area .public-layout .from-layer-two-div .main-heading-title::after, #ui-area .private-layout .from-layer-two-div .main-heading-title::before, #ui-area .private-layout .from-layer-two-div .main-heading-title::after { display: inline-block; } } #ui-area .public-layout .from-layer-two-div .main-heading-title::after, #ui-area .private-layout .from-layer-two-div .main-heading-title::after { -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); } #ui-area .public-layout .from-layer-two-div .main-heading-title.active::after, #ui-area .private-layout .from-layer-two-div .main-heading-title.active::after { -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); } #ui-area .public-layout .from-layer-two-div ul, #ui-area .private-layout .from-layer-two-div ul { justify-content: center; margin-top: 0 !important; } #ui-area .public-layout .from-layer-two-div ul.MenuBarVertical, #ui-area .private-layout .from-layer-two-div ul.MenuBarVertical { background: #F3EFE9; flex-direction: column; width: 100%; border: none; } @media (max-width: 991.98px) { #ui-area .public-layout .from-layer-two-div ul.MenuBarVertical, #ui-area .private-layout .from-layer-two-div ul.MenuBarVertical { display: none; } } #ui-area .public-layout .from-layer-two-div ul.MenuBarVertical .from-layer-two-parent, #ui-area .private-layout .from-layer-two-div ul.MenuBarVertical .from-layer-two-parent { width: 100% !important; border-left: none; } #ui-area .public-layout .from-layer-two-div ul.MenuBarVertical .from-layer-two-parent a, #ui-area .private-layout .from-layer-two-div ul.MenuBarVertical .from-layer-two-parent a { text-align: left; } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent { border-left: 1px solid #D3E3E9; width: auto; padding: 0 1rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent { padding: 0 0.7269vw; } } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent:first-child, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent:first-child { border: none; } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent ul, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent ul { position: initial; margin: 0; border: none; width: 100%; justify-content: flex-start; padding-left: 1rem; flex-wrap: wrap; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent ul, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent ul { padding-left: 0.7269vw; } } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent ul li, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent ul li { width: 100% !important; } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent ul li:last-child a, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent ul li:last-child a { border-bottom: none; } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a { font-size: 16px !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: 0.8px; padding: 1rem 0 !important; display: block; border-bottom: 1px solid #fff; background: transparent !important; color: #1b1c1c !important; line-height: normal; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a { font-size: 0.7269vw; letter-spacing: 0.0363vw; padding: 0.7269vw 0; } } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a::before, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a::before { content: "\f0da"; font-family: FontAwesome; font-size: 14px; margin-left: auto; padding-right: 10px; color: #005983; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a::before, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a::before { font-size: 0.636vw; padding-right: 0.454vw; } } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a.active, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a.active { color: #9E6632 !important; } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a.MenuBarItemHover, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a.MenuBarItemHover { background-color: transparent; color: #9E6632 !important; } @media (min-width: 992px) { #ui-area .public-layout .sidenav-session-children-div, #ui-area .private-layout .sidenav-session-children-div { display: block !important; } } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent > a, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent > a { border: none; letter-spacing: 1.8px; background: #005983; font-family: "ITC Avant Garde Gothic", sans-serif; color: #fff; padding: 1rem; display: block; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 18px; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children { background: #F3EFE9; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft { padding: 0 1rem !important; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a { font-size: 16px !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: 0.8px; padding: 1rem 0; display: block; border-bottom: 1px solid #fff; text-transform: capitalize; line-height: normal; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a::before, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a::before { content: "\f0da"; font-family: FontAwesome; font-size: 14px; margin-left: auto; padding-right: 5px; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a .side-nav-session-children-selected-item, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a .side-nav-session-children-selected-item { color: #9E6632; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a .side-nav-session-children-unselected-item, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a .side-nav-session-children-unselected-item { color: #1b1c1c; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft:last-child > a, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft:last-child > a { border-bottom: none; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft:last-child > a .sidenav-session-children-level2 .subLeft a, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft:last-child > a .sidenav-session-children-level2 .subLeft a { border-bottom: 1px solid #fff; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft .sidenav-session-children-level2, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft .sidenav-session-children-level2 { list-style: none; margin: 0; } @media (max-width: 991.98px) { #ui-area .public-layout .sidenav-mobile-view-div, #ui-area .private-layout .sidenav-mobile-view-div { display: block !important; } } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent > a, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent > a { border: none; letter-spacing: 1.8px; background: #005983; font-family: "ITC Avant Garde Gothic", sans-serif; color: #fff; padding: 1rem; display: flex !important; align-items: center; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 18px; } @media (max-width: 575.98px) { #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent > a, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent > a { font-size: 16px; padding: 0.8rem; } } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent > a i, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent > a i { margin-left: auto !important; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children { background: #F3EFE9; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft { padding: 0 1rem !important; } @media (max-width: 575.98px) { #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft { padding: 0 0.8rem; } } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a { font-size: 16px; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: 0.8px; padding: 1rem 0; display: block; border-bottom: 1px solid #fff; } @media (max-width: 575.98px) { #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a { font-size: 14px; padding: 0.8rem 0; } } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a::before, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a::before { content: "\f0da"; font-family: FontAwesome; font-size: 14px; margin-left: auto; padding-right: 5px; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-session-children-selected-item, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-session-children-selected-item { color: #9E6632; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-session-children-unselected-item, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-session-children-unselected-item { color: #1b1c1c; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft:last-child > a, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft:last-child > a { border-bottom: none; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft:last-child > a .sidenav-session-children-level2 .subLeft a, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft:last-child > a .sidenav-session-children-level2 .subLeft a { border-bottom: 1px solid #fff; } #ui-area .public-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft .sidenav-session-children-level2, #ui-area .private-layout .sidenav-mobile-view-div .sidenav-mobile-view-ul .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft .sidenav-session-children-level2 { list-style: none; margin: 0; } #ui-area .public-layout .floating-div, #ui-area .private-layout .floating-div { background: #005983; padding: 15px 8px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); border-radius: 50px; right: 20px; list-style: none; z-index: 99; } #ui-area .public-layout .floating-div ul li, #ui-area .private-layout .floating-div ul li { padding-bottom: 10px; } #ui-area .public-layout .floating-div ul li:last-child, #ui-area .private-layout .floating-div ul li:last-child { padding-bottom: 0; } #ui-area .public-layout .floating-div ul li a, #ui-area .private-layout .floating-div ul li a { display: block; background: #fff; border-radius: 50px !important; text-align: center; font-size: 14px; padding: 6px !important; transition: 0.2s background ease; will-change: background; line-height: normal; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .floating-div ul li a, #ui-area .private-layout .floating-div ul li a { transition: none; } } #ui-area .public-layout .floating-div ul li a .sicon, #ui-area .private-layout .floating-div ul li a .sicon { display: block; color: #005983; transition: color 0.2s ease-in-out; will-change: color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .floating-div ul li a .sicon, #ui-area .private-layout .floating-div ul li a .sicon { transition: none; } } #ui-area .public-layout .floating-div ul li a:hover.ss-facebook, #ui-area .public-layout .floating-div ul li a:focus.ss-facebook, #ui-area .private-layout .floating-div ul li a:hover.ss-facebook, #ui-area .private-layout .floating-div ul li a:focus.ss-facebook { background: #4267B2; } #ui-area .public-layout .floating-div ul li a:hover.ss-facebook i, #ui-area .public-layout .floating-div ul li a:focus.ss-facebook i, #ui-area .private-layout .floating-div ul li a:hover.ss-facebook i, #ui-area .private-layout .floating-div ul li a:focus.ss-facebook i { color: #fff; } #ui-area .public-layout .floating-div ul li a:hover.ss-insta, #ui-area .public-layout .floating-div ul li a:focus.ss-insta, #ui-area .private-layout .floating-div ul li a:hover.ss-insta, #ui-area .private-layout .floating-div ul li a:focus.ss-insta { background: #3f729b; } #ui-area .public-layout .floating-div ul li a:hover.ss-insta i, #ui-area .public-layout .floating-div ul li a:focus.ss-insta i, #ui-area .private-layout .floating-div ul li a:hover.ss-insta i, #ui-area .private-layout .floating-div ul li a:focus.ss-insta i { color: #fff; } #ui-area .public-layout .floating-div ul li a:hover.ss-youtube, #ui-area .public-layout .floating-div ul li a:focus.ss-youtube, #ui-area .private-layout .floating-div ul li a:hover.ss-youtube, #ui-area .private-layout .floating-div ul li a:focus.ss-youtube { background: #FF0000; } #ui-area .public-layout .floating-div ul li a:hover.ss-youtube i, #ui-area .public-layout .floating-div ul li a:focus.ss-youtube i, #ui-area .private-layout .floating-div ul li a:hover.ss-youtube i, #ui-area .private-layout .floating-div ul li a:focus.ss-youtube i { color: #fff; } #ui-area .public-layout .floating-div ul li a:hover.ss-twitter, #ui-area .public-layout .floating-div ul li a:focus.ss-twitter, #ui-area .private-layout .floating-div ul li a:hover.ss-twitter, #ui-area .private-layout .floating-div ul li a:focus.ss-twitter { background: #1DA1F2; } #ui-area .public-layout .floating-div ul li a:hover.ss-twitter i, #ui-area .public-layout .floating-div ul li a:focus.ss-twitter i, #ui-area .private-layout .floating-div ul li a:hover.ss-twitter i, #ui-area .private-layout .floating-div ul li a:focus.ss-twitter i { color: #fff; } #ui-area .public-layout .floating-div ul li a:hover.ss-linkedin, #ui-area .public-layout .floating-div ul li a:focus.ss-linkedin, #ui-area .private-layout .floating-div ul li a:hover.ss-linkedin, #ui-area .private-layout .floating-div ul li a:focus.ss-linkedin { background: #0077b5; } #ui-area .public-layout .floating-div ul li a:hover.ss-linkedin i, #ui-area .public-layout .floating-div ul li a:focus.ss-linkedin i, #ui-area .private-layout .floating-div ul li a:hover.ss-linkedin i, #ui-area .private-layout .floating-div ul li a:focus.ss-linkedin i { color: #fff; } #ui-area .public-layout .floating-div ul li a:hover.ss-webcam, #ui-area .public-layout .floating-div ul li a:focus.ss-webcam, #ui-area .private-layout .floating-div ul li a:hover.ss-webcam, #ui-area .private-layout .floating-div ul li a:focus.ss-webcam { background: #9E6632; } #ui-area .public-layout .floating-div ul li a:hover.ss-webcam i, #ui-area .public-layout .floating-div ul li a:focus.ss-webcam i, #ui-area .private-layout .floating-div ul li a:hover.ss-webcam i, #ui-area .private-layout .floating-div ul li a:focus.ss-webcam i { color: #fff; } #ui-area .public-layout table, #ui-area .private-layout table { width: 100%; border-color: #dedede; } #ui-area .public-layout table.ann-action-buttons, #ui-area .private-layout table.ann-action-buttons { background: transparent; border: none; width: auto; } #ui-area .public-layout table .grid, #ui-area .private-layout table .grid { background: transparent; border: none; width: auto; } #ui-area .public-layout table thead tr th, #ui-area .private-layout table thead tr th { background: #005983; color: #fff !important; font-family: "ITC Avant Garde Gothic", sans-serif; letter-spacing: 1.6px; font-size: 14px; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout table thead tr th, #ui-area .private-layout table thead tr th { font-size: 0.636vw; letter-spacing: 0.07269vw; } } #ui-area .public-layout table tbody tr th, #ui-area .private-layout table tbody tr th { background: transparent; color: #1b1c1c; font-family: "ITC Avant Garde Gothic", sans-serif; letter-spacing: 1.6px; font-size: 14px; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; border-color: #dedede; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout table tbody tr th, #ui-area .private-layout table tbody tr th { font-size: 0.636vw; letter-spacing: 0.07269vw; } } #ui-area .public-layout table tbody tr td, #ui-area .private-layout table tbody tr td { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: 14px; text-align: left; border-color: #dedede; border-top: none !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout table tbody tr td, #ui-area .private-layout table tbody tr td { font-size: 0.636vw; } } #ui-area .public-layout .rc-icon, #ui-area .private-layout .rc-icon { color: #000 !important; } @media (min-width: 2201px) and (max-width: 4000px) { /* bootstrap classes 4k */ .pl-lg-3, .px-lg-3 { padding-left: 0.7269vw !important; } .pl-lg-5, .px-lg-5 { padding-left: 2.18vw !important; } .pr-lg-3, .px-lg-3 { padding-right: 0.7269vw !important; } .pr-lg-5, .px-lg-5 { padding-right: 2.18vw !important; } #ui-area .cst-section { padding: 4.543vw 0 0; } #ui-area .public-layout .floating-div, #ui-area .private-layout .floating-div { padding: 0.6815vw 0.363vw; right: 0.9086vw; } #ui-area .public-layout .floating-div ul li, #ui-area .private-layout .floating-div ul li { padding-bottom: 0.454vw; } #ui-area .public-layout .floating-div ul li a, #ui-area .private-layout .floating-div ul li a { font-size: 0.636vw; padding: 0.2726vw; } #ui-area .public-layout .action-button-custom .cta-box .btn.no-img, #ui-area .private-layout .action-button-custom .cta-box .btn.no-img { font-size: 0.65vw !important; padding: 0.85vw 2.5vw; } #ui-area .public-layout .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .text-with-image-container .content [class*=span].span4 { padding-bottom: 24%; } #ui-area .public-layout .text-with-image-container .content p, #ui-area .private-layout .text-with-image-container .content p { font-size: 0.8vw; line-height: 1.4vw; } #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap { padding: 0 0 2.813vw; } #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span { bottom: -2.813vw; font-size: 0.833vw !important; padding-left: 2.3vw; height: 1.8vw; } #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span::before, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span::before { width: 1.8vw !important; height: 0.65vw !important; background-size: 0.7vw; left: 0.55vw !important; } #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span::after, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span::after { width: 1.8vw !important; height: 1.8vw !important; } #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::before, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap a:hover .image-callout span::before { left: 0.7vw !important; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent > a, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent > a { letter-spacing: 0.0817vw; padding: 0.7269vw; font-size: 0.8178vw; line-height: 1.181vw; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft { padding: 0 0.7269vw; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a { font-size: 0.726vw; letter-spacing: 0.0363vw; padding: 0.7269vw 0; line-height: 1.181vw; } #ui-area .public-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a::before, #ui-area .private-layout .sidenav-session-children-div .sidenav-session-children-ul .sidenav-session-children-parent .sidenav-session-children-children .subLeft a::before { font-size: 0.636vw; padding-right: 0.227vw; } } @media (max-width: 1600.98px) { #ui-area .public-layout .text-with-image-container .content [class*=span], #ui-area .private-layout .text-with-image-container .content [class*=span] { flex: 0 0 50% !important; max-width: 50% !important; } } @media (max-width: 1440.98px) { #ui-area .public-layout .text-with-image-container .content p, #ui-area .private-layout .text-with-image-container .content p { font-size: 14px; } } @media (max-width: 1299.98px) { #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap a .image-callout span { padding-left: 45px; font-size: 12px; } } @media (max-width: 1199.98px) { #ui-area .public-layout .images-with-title-action-bar .row:last-child [class*=col-sm], #ui-area .private-layout .images-with-title-action-bar .row:last-child [class*=col-sm] { margin-bottom: 0; } #ui-area .public-layout .images-with-title-action-bar .row:last-child [class*=col-sm]:nth-of-type(-n + 2), #ui-area .private-layout .images-with-title-action-bar .row:last-child [class*=col-sm]:nth-of-type(-n + 2) { margin-bottom: 1.5rem; } #ui-area .public-layout .images-with-title-action-bar .col-sm-3, #ui-area .private-layout .images-with-title-action-bar .col-sm-3 { flex: 0 0 49.437%; max-width: 49.437%; } #ui-area .public-layout .images-with-title-action-bar .col-sm-3:nth-child(odd), #ui-area .private-layout .images-with-title-action-bar .col-sm-3:nth-child(odd) { margin-left: 0; } #ui-area .public-layout .images-with-title-action-bar .col-sm-3:nth-of-type(-n + 2), #ui-area .private-layout .images-with-title-action-bar .col-sm-3:nth-of-type(-n + 2) { margin-bottom: 1.5rem; } #ui-area .public-layout .text-with-image-container .content [class*=span].span8, #ui-area .private-layout .text-with-image-container .content [class*=span].span8 { padding-right: 15px; } #ui-area .public-layout .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .text-with-image-container .content [class*=span].span4 { padding-left: 15px; } #ui-area .public-layout .text-with-image-container .content img, #ui-area .private-layout .text-with-image-container .content img { width: calc(100% - 15px); } #ui-area .public-layout .from-layer-two-div ul .from-layer-two-parent a, #ui-area .private-layout .from-layer-two-div ul .from-layer-two-parent a { font-size: 12px; } } @media (max-width: 991.98px) { #ui-area .public-layout .sub-navigation-portlet .sub-nav, #ui-area .private-layout .sub-navigation-portlet .sub-nav { display: none !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div { display: block !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent a, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent a { border-bottom: 2px solid #D3E3E9; font-family: "Spectral", serif; padding: 0.5rem 1rem; background: #005983 !important; position: relative; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent a .sidenav-mobile-view-heading, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent a .sidenav-mobile-view-heading { padding: 0 !important; width: 100% !important; color: #fff !important; font-size: 16px !important; font-weight: 500 !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent a i, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent a i { color: #fff !important; position: absolute; top: 50%; right: 1rem; padding: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft { border-bottom: 1px solid #D3E3E9; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a { font-family: "ITC Avant Garde Gothic", sans-serif; padding: 0.6rem 1.5rem; background: #f2f7f8 !important; border: none !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a span, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a span { letter-spacing: 1.6px !important; -webkit-text-transform: uppercase !important; -moz-text-transform: uppercase !important; -ms-text-transform: uppercase !important; text-transform: uppercase !important; line-height: normal; font-size: 14px !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-mobile-view-unselected-item, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-mobile-view-unselected-item { padding: 0 !important; color: #005983 !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-mobile-view-selected-item, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div .sidenav-mobile-view-ul > .sidenav-mobile-view-parent .sidenav-mobile-view-children .subLeft a .side-nav-mobile-view-selected-item { color: #9E6632; display: block; font-family: "ITC Avant Garde Pro Md", sans-serif; font-weight: normal !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent { border-bottom: 1px solid #D3E3E9; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent a, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent a { font-family: "ITC Avant Garde Gothic", sans-serif; padding: 0.6rem 1.5rem; background: #f2f7f8 !important; border: none !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent a > .sidenav-mobile-view-heading, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent a > .sidenav-mobile-view-heading { letter-spacing: 1.6px !important; -webkit-text-transform: uppercase !important; -moz-text-transform: uppercase !important; -ms-text-transform: uppercase !important; text-transform: uppercase !important; line-height: normal; font-size: 14px !important; color: #005983 !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent.selected a > .sidenav-mobile-view-heading, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent.selected a > .sidenav-mobile-view-heading { color: #9E6632 !important; display: block; font-family: "ITC Avant Garde Pro Md", sans-serif; font-weight: normal !important; padding: 0 10px 0 10px !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent:last-child, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div #sub-nav-session-children-children > .sidenav-mobile-view-parent:last-child { border-bottom: none; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div > a, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div > a { border-bottom: 2px solid #D3E3E9; font-family: "Spectral", serif; padding: 0.5rem 1rem; background: #005983; position: relative; display: block; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div > a .sub-nav-session-mobile-heading, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div > a .sub-nav-session-mobile-heading { color: #fff !important; display: inline-block !important; margin-left: 0 !important; text-shadow: none !important; text-decoration: none !important; padding: 8px 10px 8px 15px !important; text-transform: capitalize; font-size: 20px !important; font-weight: 500 !important; } #ui-area .public-layout .sub-navigation-portlet .sidenav-mobile-view-div > a i, #ui-area .private-layout .sub-navigation-portlet .sidenav-mobile-view-div > a i { color: #fff !important; position: absolute; top: 50%; right: 1rem; padding: 0 !important; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout .text-with-image-container .content [class*=span], #ui-area .private-layout .text-with-image-container .content [class*=span] { flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } #ui-area .public-layout .text-with-image-container .content [class*=span].span4, #ui-area .private-layout .text-with-image-container .content [class*=span].span4 { padding-bottom: 56.25%; margin-top: 2rem; } #ui-area .public-layout .text-with-image-container .content img, #ui-area .private-layout .text-with-image-container .content img { width: 100%; } } @media (max-width: 767.98px) { #ui-area .public-layout .action-button-custom .cta-box, #ui-area .private-layout .action-button-custom .cta-box { width: max-content; margin: 0 auto; } #ui-area .public-layout .images-with-title-action-bar .row [class*=col-sm], #ui-area .private-layout .images-with-title-action-bar .row [class*=col-sm] { flex: 0 0 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-bottom: 1.5rem !important; } #ui-area .public-layout .images-with-title-action-bar .row:last-child [class*=col-sm]:last-child, #ui-area .private-layout .images-with-title-action-bar .row:last-child [class*=col-sm]:last-child { margin-bottom: 0 !important; } } @media (max-width: 575.98px) { #ui-area .public-layout .images-with-title-action-bar [class*=col-sm], #ui-area .private-layout .images-with-title-action-bar [class*=col-sm] { margin-left: 0; } #ui-area .public-layout .images-with-title-action-bar [class*=col-sm]:nth-of-type(-n + 3), #ui-area .private-layout .images-with-title-action-bar [class*=col-sm]:nth-of-type(-n + 3) { margin-bottom: 1.5rem; } #ui-area .public-layout .images-with-title-action-bar .image-callout-wrap, #ui-area .private-layout .images-with-title-action-bar .image-callout-wrap { flex: 0 0 100%; max-width: 100%; } #ui-area .public-layout .page-title-and-description-container h1, #ui-area .public-layout .page-title-and-description-container h2, #ui-area .public-layout .page-title-and-description-container h3, #ui-area .public-layout .page-title-and-description-container h4, #ui-area .public-layout .page-title-and-description-container h5, #ui-area .public-layout .page-title-and-description-container h6, #ui-area .private-layout .page-title-and-description-container h1, #ui-area .private-layout .page-title-and-description-container h2, #ui-area .private-layout .page-title-and-description-container h3, #ui-area .private-layout .page-title-and-description-container h4, #ui-area .private-layout .page-title-and-description-container h5, #ui-area .private-layout .page-title-and-description-container h6 { line-height: 10.8vw !important; font-size: 10.8vw !important; padding: 5vw; } } @keyframes slide-text-right { to { opacity: 1; transform: translateX(0); } } @keyframes seqAnim { 0% { opacity: 0; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -o-transform: scale(0.75); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } } @keyframes seqfadeAnim { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes hide-scroll { from, to { overflow: hidden; } } @keyframes textfill { 0% { width: 0%; } 100% { width: 100%; } } @keyframes dash { to { stroke-dashoffset: 0; } } @keyframes scrollmousey { 0% { opacity: 0; } 10% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px); -o-transform: translateY(9px); opacity: 0; } } @keyframes ca3_fade_move_down { 0% { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); -o-transform: translate(0, -5px); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: translate(0, 25px); -moz-transform: translate(0, 25px); -ms-transform: translate(0, 25px); transform: translate(0, 25px); -o-transform: translate(0, 25px); opacity: 0; } } @keyframes pulse { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; } 50% { -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -o-transform: translate(0, 10px); opacity: 0.6; } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); opacity: 1; } } @keyframes rotate360 { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes circleScale { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } to { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } } @keyframes circleScale1 { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } to { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); -o-transform: scale(0.6); } } @keyframes circleScale3 { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } to { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -o-transform: scale(0.8); } } @keyframes circleScale4 { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } to { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -o-transform: scale(0.9); } } @keyframes circleScale5 { from { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } to { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); -o-transform: scale(1.15); } } @keyframes IconStroke { to { stroke-dashoffset: 0; } } @keyframes glowing { 0% { box-shadow: 0 0 -10px #fbfaf8; } 40% { box-shadow: 0 0 30px #fbfaf8; } 60% { box-shadow: 0 0 30px #fbfaf8; } 100% { box-shadow: 0 0 -10px #fbfaf8; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes widthInfinite { 0% { width: 0; } 100% { width: 9999px; } } @keyframes widthTransform { 0% { width: 0; } 100% { width: var(--linewidth); } } @keyframes imageScale { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } 100% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); } } @keyframes fadeInTop { 0% { opacity: 0; -webkit-transform: translate(0, calc(100% + 1.8rem)); -moz-transform: translate(0, calc(100% + 1.8rem)); -ms-transform: translate(0, calc(100% + 1.8rem)); transform: translate(0, calc(100% + 1.8rem)); -o-transform: translate(0, calc(100% + 1.8rem)); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); } } @keyframes fadeInTop2 { 0% { opacity: 0; -webkit-transform: translate(0, calc(100% + var(--headingh3mb))); -moz-transform: translate(0, calc(100% + var(--headingh3mb))); -ms-transform: translate(0, calc(100% + var(--headingh3mb))); transform: translate(0, calc(100% + var(--headingh3mb))); -o-transform: translate(0, calc(100% + var(--headingh3mb))); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); } } @keyframes fadeInBottom { 0% { opacity: 0; -webkit-transform: translate(0, calc(-100% - var(--headingh3mb))); -moz-transform: translate(0, calc(-100% - var(--headingh3mb))); -ms-transform: translate(0, calc(-100% - var(--headingh3mb))); transform: translate(0, calc(-100% - var(--headingh3mb))); -o-transform: translate(0, calc(-100% - var(--headingh3mb))); } 100% { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); } } @keyframes fadeInScale { from { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } to { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } } .cookie-consent-wrapper { position: fixed; z-index: 999; bottom: 0; left: 0; right: 0; margin: 0 auto; transition: all 1.8s ease; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -o-transform: translateY(100%); width: 100%; } @media (prefers-reduced-motion: reduce) { .cookie-consent-wrapper { transition: none; } } .cookie-consent-wrapper.open { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -o-transform: translateY(0); } .cookie-consent-wrapper.open .cookie-medium { opacity: 0; width: 0px; height: 0px; } .cookie-consent-wrapper.open .cookie-medium.show { height: auto; max-width: 100%; min-width: 100%; width: 100%; opacity: 1; background: #005983; transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1); color: #fff; padding: 1rem 2rem; display: flex !important; align-items: center; justify-content: space-between; } @media (prefers-reduced-motion: reduce) { .cookie-consent-wrapper.open .cookie-medium.show { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { .cookie-consent-wrapper.open .cookie-medium.show { padding: 0.726942299vw 1.4538845979vw; } } @media (max-width: 640.98px) { .cookie-consent-wrapper.open .cookie-medium.show { padding: 1.5rem; flex-direction: column; } } .cookie-consent-wrapper.open .cookie-medium.show p.cookie-text { color: #fff; padding: 0; margin: 0; font-size: calc(var(--paragraph) - 2px); line-height: 1.4; font-family: "ITC Avant Garde Gothic", sans-serif; } @media (max-width: 640.98px) { .cookie-consent-wrapper.open .cookie-medium.show p.cookie-text { text-align: center; margin-bottom: 0.8rem; } } .cookie-consent-wrapper.open .cookie-medium.show .btn-footer { justify-content: space-between; display: flex; } .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie { border: 0; background: transparent; color: #fff; padding: 0; position: relative; transition: 0.5s all; will-change: background, color, border-color; font-family: "ITC Avant Garde Gothic", sans-serif !important; font-size: calc(var(--paragraph) - 2px) !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } @media (prefers-reduced-motion: reduce) { .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie { font-size: 0.6360745116vw !important; } } .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie::after { content: ""; position: absolute; left: 0; bottom: -3px; height: 1px; width: 100%; background: rgba(255, 255, 255, 0.4); transition: 0.3s all ease-in; } @media (prefers-reduced-motion: reduce) { .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie::after { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie::after { bottom: -0.1363016811vw; height: 0.0454338937vw; } } .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:hover, .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:focus { outline: none; box-shadow: none; -webkit-box-shadow: none; } .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:hover::after, .cookie-consent-wrapper.open .cookie-medium.show button.btn-accept-cookie:focus::after { width: 0; } /* Header Css */ .has-scroll-smooth [data-scroll-container] { min-height: 100vh !important; } #ui-area .custom-header { width: 100%; z-index: 100; position: absolute !important; top: 0; font-family: "ITC Avant Garde Pro Md", sans-serif; } #ui-area .custom-header .cst-container { height: 100%; } #ui-area .custom-header .header-area { position: relative; height: 100%; } #ui-area .custom-header .header-area .header-top { height: 152px; } #ui-area .custom-header .header-area .header-top .brand-wrapper { align-items: center; justify-content: center; max-width: 163px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img { -webkit-filter: invert(1); -moz-filter: invert(1); -o-filter: invert(1); filter: invert(1); } @media screen and (min-width: 200px) and (max-width: 767px) { #ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img { max-width: 103px; } } #ui-area .custom-header .header-area .header-top .member-options { display: flex; align-items: center; margin-left: auto; } #ui-area .custom-header .header-area .header-top .member-options .mo-link { font-size: 18px; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { color: #fff; padding-top: 4px; padding-bottom: 4px; font-size: 15px; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1:hover, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1:focus, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3:hover, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3:focus { color: #cab89d; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1.mol-user:hover, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1.mol-user:focus, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3.mol-user:hover, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3.mol-user:focus { color: #fff; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 { border-right: 1px solid #fff; padding-right: 20px; transition: 0.3s color cubic-bezier(0.6, 0.4, 0.25, 0.75); align-items: center; will-change: color; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 { transition: none; } } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 img { margin-right: 8px; -webkit-filter: invert(1) brightness(1); -moz-filter: invert(1) brightness(1); -o-filter: invert(1) brightness(1); filter: invert(1) brightness(1); transition: 0.25s filter cubic-bezier(0.6, 0.4, 0.25, 0.75); will-change: filter; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 img { transition: none; } } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { padding-left: 20px; padding-right: 20px; transition: 0.3s color cubic-bezier(0.6, 0.4, 0.25, 0.75); will-change: color; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { transition: none; } } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 { background: #D3E3E9; color: #005983; padding: 0; border-radius: 70px; margin-left: 1rem; display: flex; font-size: 15px; transition: background 0.4s ease, color 0.3s ease; will-change: background, color; position: relative; overflow: hidden; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 { transition: none; } } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text { position: relative; transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); padding: 10.5px 30px; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text { transition: none; } } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt { position: absolute; top: 100%; padding: 10.5px 30px; left: 0; transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 0.5s cubic-bezier(0.76, 0, 0.24, 1); } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt { transition: none; } } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text-alt { padding: 10.5px 40px; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:hover, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:focus { background-color: #005983; color: #fff; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:hover span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:focus span.btn__text { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -o-transform: translateY(-100%); } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:hover span.btn__text-alt, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2:focus span.btn__text-alt { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -o-transform: translateY(-100%); } #ui-area .custom-header .header-area .header-nav .navigationBar { height: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .drop-down-navigation-portlet { height: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .drop-down-navigation-portlet .portlet-borderless-container { height: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .drop-down-navigation-portlet .portlet-borderless-container .portlet-body { height: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav { height: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div { height: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul { height: 100%; display: flex; justify-content: space-between; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent { position: relative; padding: 0; text-align: center; display: flex; align-items: flex-end; height: 60px; justify-content: flex-start; width: calc(100% - 40px); border-top: 1px solid transparent; margin: 0 40px 0 0; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent::before { content: ""; background: #fff; width: 100%; position: absolute; top: 0; left: 0; height: 1px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent::after { content: ""; background: #9E6632; width: 0; position: absolute; top: 0; left: initial; right: 0; height: 1px; transition: 0.4s all; will-change: left, right, width; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent::after { transition: none; } } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.left::after { left: 0; right: initial; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.left:hover::after, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.left:focus::after { width: 100%; right: 0; left: initial; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a { color: #fff; font-size: 16px; height: 100%; width: 100%; align-items: center; line-height: normal; will-change: border-color; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup=true] span { width: calc(100% - 17px); } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup=true]::after { content: "\f0d7"; font-family: "FontAwesome"; font-size: 14px; margin-left: auto; transition: 0.3s all ease; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup=true]::after { transition: none; } } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a span { pointer-events: none; width: 100%; text-align: left; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent:hover::after, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent:focus::after, #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.active::after { width: 100%; right: initial; left: 0; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent:last-child { padding-right: 0; margin-right: 0; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children { background: #005983; padding: 0; height: 0; width: max-content; min-width: 250px; position: absolute; overflow: hidden; text-align: center; top: 100%; left: 0; transition: padding-bottom 0.55s cubic-bezier(0.6, 0.4, 0.25, 0.75), background-color 2s, overflow 2s; will-change: padding-bottom, background-color, overflow; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children { transition: none; } } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li { position: relative; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:first-child a { border-top: none; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:last-child a { border-bottom: none; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li a { padding: 1rem 0.8rem; line-height: normal; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid #407f9e; text-align: left; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:hover a { background: #9E6632; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:hover a[aria-haspopup=true]::after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -o-transform: rotate(-90deg); } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li:hover .textured-nav-children-level2 { left: 100%; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 { left: 100%; top: 0; height: 0; position: absolute; padding: 0; margin: 0; overflow: hidden; list-style: none; min-width: 250px; background-color: #005983 !important; transition: padding-bottom 0.35s cubic-bezier(0.6, 0.4, 0.25, 0.75), background-color 1s; will-change: padding-bottom, background-color; border: none !important; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 { transition: none; } } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 li a { padding: 1rem 0.8rem; border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid #407f9e; background-color: transparent !important; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 li:last-child a { border-bottom: none; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children-level2 li:hover a { background-color: #9E6632 !important; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children { -o-animation: hide-scroll 0.5s backwards; -moz-animation: hide-scroll 0.5s backwards; -webkit-animation: hide-scroll 0.5s backwards; animation: hide-scroll 0.5s backwards; left: 0; box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3); -webkit-box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3); } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children.overflow-show { overflow: visible; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-1 .textured-nav-children-level2 { padding-bottom: 55px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-2 .textured-nav-children-level2 { padding-bottom: 112px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-3 .textured-nav-children-level2 { padding-bottom: 169px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-4 .textured-nav-children-level2 { padding-bottom: 226px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-5 .textured-nav-children-level2 { padding-bottom: 283px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-6 .textured-nav-children-level2 { padding-bottom: 340px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-7 .textured-nav-children-level2 { padding-bottom: 397px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-8 .textured-nav-children-level2 { padding-bottom: 454px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-9 .textured-nav-children-level2 { padding-bottom: 511px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-10 .textured-nav-children-level2 { padding-bottom: 568px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-11 .textured-nav-children-level2 { padding-bottom: 625px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-12 .textured-nav-children-level2 { padding-bottom: 682px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-13 .textured-nav-children-level2 { padding-bottom: 739px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-14 .textured-nav-children-level2 { padding-bottom: 796px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-15 .textured-nav-children-level2 { padding-bottom: 853px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-16 .textured-nav-children-level2 { padding-bottom: 910px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-17 .textured-nav-children-level2 { padding-bottom: 967px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-18 .textured-nav-children-level2 { padding-bottom: 1024px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-19 .textured-nav-children-level2 { padding-bottom: 1081px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-20 .textured-nav-children-level2 { padding-bottom: 1138px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-21 .textured-nav-children-level2 { padding-bottom: 1195px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-22 .textured-nav-children-level2 { padding-bottom: 1252px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-23 .textured-nav-children-level2 { padding-bottom: 1309px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-24 .textured-nav-children-level2 { padding-bottom: 1366px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-25 .textured-nav-children-level2 { padding-bottom: 1423px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-26 .textured-nav-children-level2 { padding-bottom: 1480px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-27 .textured-nav-children-level2 { padding-bottom: 1537px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-28 .textured-nav-children-level2 { padding-bottom: 1594px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-29 .textured-nav-children-level2 { padding-bottom: 1651px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-30 .textured-nav-children-level2 { padding-bottom: 1708px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-31 .textured-nav-children-level2 { padding-bottom: 1765px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-32 .textured-nav-children-level2 { padding-bottom: 1822px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-33 .textured-nav-children-level2 { padding-bottom: 1879px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-34 .textured-nav-children-level2 { padding-bottom: 1936px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-35 .textured-nav-children-level2 { padding-bottom: 1993px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-36 .textured-nav-children-level2 { padding-bottom: 2050px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-37 .textured-nav-children-level2 { padding-bottom: 2107px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-38 .textured-nav-children-level2 { padding-bottom: 2164px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-39 .textured-nav-children-level2 { padding-bottom: 2221px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-40 .textured-nav-children-level2 { padding-bottom: 2278px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-41 .textured-nav-children-level2 { padding-bottom: 2335px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-42 .textured-nav-children-level2 { padding-bottom: 2392px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-43 .textured-nav-children-level2 { padding-bottom: 2449px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-44 .textured-nav-children-level2 { padding-bottom: 2506px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-45 .textured-nav-children-level2 { padding-bottom: 2563px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-46 .textured-nav-children-level2 { padding-bottom: 2620px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-47 .textured-nav-children-level2 { padding-bottom: 2677px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-48 .textured-nav-children-level2 { padding-bottom: 2734px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-49 .textured-nav-children-level2 { padding-bottom: 2791px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-50 .textured-nav-children-level2 { padding-bottom: 2848px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children-level2 { -o-animation: hide-scroll 0.35s backwards; -moz-animation: hide-scroll 0.35s backwards; -webkit-animation: hide-scroll 0.35s backwards; animation: hide-scroll 0.35s backwards; left: 100%; box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3); -webkit-box-shadow: 0px 0px 20px -7px #01161c, inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3); } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-1 .textured-nav-children { padding-bottom: 55px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-2 .textured-nav-children { padding-bottom: 112px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-3 .textured-nav-children { padding-bottom: 169px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-4 .textured-nav-children { padding-bottom: 226px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-5 .textured-nav-children { padding-bottom: 283px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-6 .textured-nav-children { padding-bottom: 340px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-7 .textured-nav-children { padding-bottom: 397px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-8 .textured-nav-children { padding-bottom: 454px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-9 .textured-nav-children { padding-bottom: 511px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-10 .textured-nav-children { padding-bottom: 568px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-11 .textured-nav-children { padding-bottom: 625px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-12 .textured-nav-children { padding-bottom: 682px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-13 .textured-nav-children { padding-bottom: 739px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-14 .textured-nav-children { padding-bottom: 796px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-15 .textured-nav-children { padding-bottom: 853px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-16 .textured-nav-children { padding-bottom: 910px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-17 .textured-nav-children { padding-bottom: 967px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-18 .textured-nav-children { padding-bottom: 1024px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-19 .textured-nav-children { padding-bottom: 1081px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-20 .textured-nav-children { padding-bottom: 1138px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-21 .textured-nav-children { padding-bottom: 1195px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-22 .textured-nav-children { padding-bottom: 1252px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-23 .textured-nav-children { padding-bottom: 1309px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-24 .textured-nav-children { padding-bottom: 1366px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-25 .textured-nav-children { padding-bottom: 1423px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-26 .textured-nav-children { padding-bottom: 1480px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-27 .textured-nav-children { padding-bottom: 1537px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-28 .textured-nav-children { padding-bottom: 1594px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-29 .textured-nav-children { padding-bottom: 1651px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-30 .textured-nav-children { padding-bottom: 1708px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-31 .textured-nav-children { padding-bottom: 1765px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-32 .textured-nav-children { padding-bottom: 1822px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-33 .textured-nav-children { padding-bottom: 1879px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-34 .textured-nav-children { padding-bottom: 1936px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-35 .textured-nav-children { padding-bottom: 1993px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-36 .textured-nav-children { padding-bottom: 2050px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-37 .textured-nav-children { padding-bottom: 2107px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-38 .textured-nav-children { padding-bottom: 2164px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-39 .textured-nav-children { padding-bottom: 2221px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-40 .textured-nav-children { padding-bottom: 2278px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-41 .textured-nav-children { padding-bottom: 2335px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-42 .textured-nav-children { padding-bottom: 2392px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-43 .textured-nav-children { padding-bottom: 2449px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-44 .textured-nav-children { padding-bottom: 2506px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-45 .textured-nav-children { padding-bottom: 2563px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-46 .textured-nav-children { padding-bottom: 2620px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-47 .textured-nav-children { padding-bottom: 2677px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-48 .textured-nav-children { padding-bottom: 2734px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-49 .textured-nav-children { padding-bottom: 2791px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-50 .textured-nav-children { padding-bottom: 2848px; } #ui-area .custom-header .header-area .smartphone-nav-div { position: absolute; width: 50px; height: 50px; top: 50%; display: inline-flex; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); overflow: hidden; display: none; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link { width: 100%; height: 100%; margin-left: auto; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text { content: ""; background: #D3E3E9; display: block; height: 3px; position: absolute; transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s, -webkit-transform ease 0.3s; will-change: background, transform; width: 32px; left: 0; right: 0; margin: 0 0 0 auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); text-indent: -9999px; border-radius: 15px; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text { transition: none; } } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before, #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { content: ""; background: #D3E3E9; display: block; height: 3px; position: absolute; transition: background ease 0.3s, top ease 0.3s 0.3s, transform ease 0.3s, -webkit-transform ease 0.3s; will-change: background, transform; width: 38px; right: 0; border-radius: 15px; } @media (prefers-reduced-motion: reduce) { #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before, #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { transition: none; } } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before { top: -12px; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { top: 12px; width: 26px; } .touch #ui-area .custom-header .header-area .smartphone-nav-div { display: block; right: 0; } .touch #ui-area .custom-header .header-area .header-nav .navigationBar #navigation { display: none; } .touch #ui-area .custom-header .header-area .header-top .member-options { margin-right: 70px; } .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text { background-color: transparent; } .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before, .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { top: 0; transition: top ease 0.3s, transform ease 0.3s 0.3s; will-change: top, transform; } @media (prefers-reduced-motion: reduce) { .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before, .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { transition: none; } } .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); } .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); } /* jQuery.mmenu CSS */ /* jQuery.mmenu oncanvas CSS */ /* jQuery.mmenu offcanvas addon CSS */ .mm-hidden { display: none !important; } .mm-wrapper { overflow-x: hidden; position: relative; } .mm-menu { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; box-sizing: border-box; background: inherit; display: block; overflow: hidden; padding: 0; background: #1B1C1C !important; border-color: rgba(255, 255, 255, 0.2) !important; color: rgba(0, 0, 0, 0.7); width: 80%; min-width: 140px; max-width: 440px; font-family: "ITC Avant Garde Pro Md", sans-serif; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 1.6px; font-size: 14px; } .mm-menu .mm-navbar > * { color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-navbar a { color: rgba(0, 0, 0, 0.3); color: #fff !important; } .mm-menu .mm-navbar .mm-btn:before { border-color: rgba(255, 255, 255, 0.7) !important; } .mm-menu .mm-navbar .mm-btn:after { border-color: rgba(255, 255, 255, 0.7) !important; } .mm-menu .mm-listview { border-color: rgba(255, 255, 255, 0.2) !important; } .mm-menu .mm-listview > li .mm-next:after { border-color: #fff; } .mm-menu .mm-listview > li .mm-arrow:after { border-color: rgba(0, 0, 0, 0.3); } .mm-menu .mm-listview > li a:not(.mm-next) { -webkit-tap-highlight-color: rgba(255, 255, 255, 0.5); tap-highlight-color: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li a:hover, .mm-menu .mm-listview > li a:focus { background: #9E6632; color: #fff; } .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next) { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-selected > span { background: rgba(255, 255, 255, 0.5); } .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-menu .mm-divider { background: rgba(0, 0, 0, 0.05); } .mm-panels { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: inherit; border-color: inherit; } .mm-panels > .mm-panel { margin: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; background: inherit; border-color: inherit; background: inherit; border-color: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; padding: 0 20px; } .mm-panels > .mm-panel:before { content: ""; display: block; height: 20px; } .mm-panels > .mm-panel:after { content: ""; display: block; height: 20px; } .mm-panels > .mm-panel > .mm-listview { margin: 20px -20px; } .mm-panels > .mm-panel > .mm-listview:first-child { margin-top: -20px; } .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: -20px; } .mm-panels > .mm-panel.mm-hasnavbar { padding-top: 40px; } .mm-panel { transition: transform 0.4s ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); } @media (prefers-reduced-motion: reduce) { .mm-panel { transition: none; } } .mm-panel .mm-navbar { display: none; } .mm-panel.mm-opened { -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); } .mm-panel.mm-subopened { -webkit-transform: translate3d(-30%, 0, 0); -moz-transform: translate3d(-30%, 0, 0); -ms-transform: translate3d(-30%, 0, 0); transform: translate3d(-30%, 0, 0); -o-transform: translate3d(-30%, 0, 0); } .mm-panel.mm-highest { z-index: 1; } .mm-vertical .mm-panel { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; -o-transform: none !important; } .mm-vertical .mm-listview .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-vertical .mm-listview > li > .mm-next { height: 40px; bottom: auto; } .mm-vertical .mm-listview > li > .mm-next:after { top: 16px; bottom: auto; } .mm-vertical .mm-listview > li.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); } .mm-vertical li.mm-opened > .mm-panel { display: block; } .mm-listview { list-style: none; display: block; padding: 0; margin: 0; font: inherit; font-size: 12px; line-height: 20px; } .mm-listview .mm-vertical .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after { border-color: transparent; } .mm-listview > li.mm-vertical > .mm-next { height: 40px; bottom: auto; } .mm-listview > li.mm-vertical > .mm-next:after { top: 16px; bottom: auto; } .mm-listview > li.mm-vertical.mm-opened > .mm-next:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); } .mm-listview > li { list-style: none; display: block; padding: 0; margin: 0; position: relative; border-color: inherit; } .mm-listview > li:after { border-color: inherit; } .mm-listview > li .mm-next { border-color: inherit; } .mm-listview > li .mm-next:before { border-color: inherit; } .mm-listview > li > a { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; color: #fff; } .mm-listview > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-listview > li > a.mm-arrow { padding-right: 50px; } .mm-listview > li > span.mm-arrow { padding-right: 50px; } .mm-listview > li:not(.mm-divider):after { content: ""; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; } .mm-listview a { text-decoration: none; } .mm-listview a:hover { text-decoration: none; } .mm-listview .mm-next { background: rgba(3, 2, 1, 0); width: 50px; padding: 0; position: absolute; right: 0; top: 0; bottom: 0; z-index: 2; } .mm-listview .mm-next:before { content: ""; border-left-width: 1px; border-left-style: solid; display: block; position: absolute; top: 0; bottom: 0; left: 0; } .mm-listview .mm-next + a { font-size: 14px; margin-right: 0; width: calc(100% - 50px) !important; display: block !important; } .mm-listview .mm-next + span { margin-right: 50px; } .mm-listview .mm-next.mm-fullsubopen { width: 100%; } .mm-listview .mm-next.mm-fullsubopen:before { border-left: none; } .mm-listview .mm-next.mm-fullsubopen + a { padding-right: 50px; margin-right: 0; } .mm-listview .mm-next.mm-fullsubopen + span { padding-right: 50px; margin-right: 0; } .mm-listview .mm-inset { list-style: inside disc; padding: 0 10px 15px 40px; margin: 0; } .mm-listview .mm-inset > li { padding: 5px 0; } .mm-listview .mm-divider { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 8px; text-transform: uppercase; text-indent: 20px; line-height: 25px; } .mm-listview .mm-spacer { padding-top: 40px; } .mm-listview .mm-spacer > .mm-next { top: 40px; } .mm-listview .mm-spacer.mm-divider { padding-top: 25px; } li.mm-vertical.mm-opened > .mm-panel { display: block; } .mm-navbar { border-bottom: 1px solid; border-color: inherit; text-align: center; line-height: 20px; height: 40px; padding: 0 40px; margin: 0; position: absolute; top: 0; left: 0; right: 0; } .mm-navbar > * { display: block; padding: 10px 0; } .mm-navbar a { text-decoration: none; } .mm-navbar a:hover { text-decoration: none; } .mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-navbar .mm-btn { box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0; z-index: 1; } .mm-navbar .mm-btn:first-child { padding-left: 20px; left: 0; } .mm-navbar .mm-btn:last-child { text-align: right; padding-right: 20px; right: 0; } .mm-panel.mm-hasnavbar .mm-navbar { display: block; } .mm-prev:before { content: ""; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); border-right: none; border-bottom: none; left: 23px; } .mm-next:after { content: ""; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); border-top: none; border-left: none; right: 23px; } .mm-arrow:after { content: ""; border: 2px solid transparent; display: inline-block; width: 8px; height: 8px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); border-top: none; border-left: none; right: 23px; } .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next { background: rgba(0, 0, 0, 0.05); } .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel { background: rgba(0, 0, 0, 0.05); } .mm-page { box-sizing: border-box; position: relative; } .mm-slideout { transition: transform 0.4s ease; } @media (prefers-reduced-motion: reduce) { .mm-slideout { transition: none; } } html.mm-opened { overflow-x: hidden; position: relative; } html.mm-blocking { overflow: hidden; } html.mm-blocking body { overflow: hidden; } html.mm-blocking #mm-blocker { display: block; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: rgba(3, 2, 1, 0); display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999; } .mm-menu.mm-offcanvas { display: none; position: fixed; } .mm-menu.mm-current { display: block; } html.mm-opening .mm-slideout { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); transform: translate(80%, 0); -o-transform: translate(80%, 0); } @media all and (max-width: 175px) { html.mm-opening .mm-slideout { -webkit-transform: translate(140px, 0); -moz-transform: translate(140px, 0); -ms-transform: translate(140px, 0); transform: translate(140px, 0); -o-transform: translate(140px, 0); } } @media all and (min-width: 550px) { html.mm-opening .mm-slideout { -webkit-transform: translate(440px, 0); -moz-transform: translate(440px, 0); -ms-transform: translate(440px, 0); transform: translate(440px, 0); -o-transform: translate(440px, 0); } } #ui-area .fullscreen-menu-icon { display: none !important; } #ui-area #menu-popup-nav { width: var(--menupopupWidth); left: var(--menupopupLeft); background-color: #005983 !important; box-shadow: 0px 0px 20px -7px rgba(1, 22, 28, 0.3), inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3); -webkit-box-shadow: 0px 0px 20px -7px rgba(1, 22, 28, 0.3), inset 0px 0px 40px -5px rgba(1, 22, 28, 0.3); } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div { margin: 0; top: 0; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul { flex-direction: column; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent { border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid #407f9e; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent:last-child { border: none; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-parent-link { color: #fff; padding: 1rem 0.8rem; display: inline-flex; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent i { color: #fff; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li { border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid #407f9e; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li:last-child { border: none; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li a { color: #fff; padding: 1rem 0.8rem; display: inline-flex; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li ul li { border-top: 1px solid rgba(255, 255, 255, 0.05); border-bottom: 1px solid #407f9e; } #ui-area #menu-popup-nav .fullscreen-menu-popup-nav-div .fullscreen-menu-popup-nav-ul .fullscreen-menu-popup-nav-parent .fullscreen-menu-popup-nav-children li ul li:last-child { border: none; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .custom-header .header-area .header-top { height: 6.9059vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { font-size: 0.6815vw; padding-top: 0.1817vw; padding-bottom: 0.1817vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 { padding-right: 0.9086vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1 img { margin-right: 0.363vw; width: 0.8178vw; height: 0.8178vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { padding-left: 0.9086vw; padding-right: 0.9086vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 { font-size: 0.6815vw; margin-left: 0.7269vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt { padding: 0.6133vw 1.363vw; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout { line-height: 1.181vw !important; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text-alt { padding: 0.477vw 1.817vw; } #ui-area .custom-header .header-area .header-top .brand-wrapper { max-width: 7.405vw; } #ui-area .custom-header .header-area .header-top .brand-wrapper .cnbar-brand .brand-img { width: 7.405vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent { height: 2.726vw; margin: 0 1.363vw 0 0; width: calc(100% - 1.363vw); } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a { font-size: 0.7269vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a[aria-haspopup=true]::after { font-size: 0.8178vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children { min-width: 11.35vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li .textured-nav-children-level2 { min-width: 11.35vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent .textured-nav-children li a { padding: 0.726vw 0.581vw; line-height: 1.181vw !important; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-1 .textured-nav-children-level2 { padding-bottom: 2.5860972285vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-2 .textured-nav-children-level2 { padding-bottom: 5.2630622444vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-3 .textured-nav-children-level2 { padding-bottom: 7.9400272603vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-4 .textured-nav-children-level2 { padding-bottom: 10.6169922762vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-5 .textured-nav-children-level2 { padding-bottom: 13.2939572921vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-6 .textured-nav-children-level2 { padding-bottom: 15.970922308vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-7 .textured-nav-children-level2 { padding-bottom: 18.6478873239vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-8 .textured-nav-children-level2 { padding-bottom: 21.3248523398vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-9 .textured-nav-children-level2 { padding-bottom: 24.0018173557vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-10 .textured-nav-children-level2 { padding-bottom: 26.6787823716vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-11 .textured-nav-children-level2 { padding-bottom: 29.3557473876vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-12 .textured-nav-children-level2 { padding-bottom: 32.0327124035vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-13 .textured-nav-children-level2 { padding-bottom: 34.7096774194vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-14 .textured-nav-children-level2 { padding-bottom: 37.3866424353vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-15 .textured-nav-children-level2 { padding-bottom: 40.0636074512vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-16 .textured-nav-children-level2 { padding-bottom: 42.7405724671vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-17 .textured-nav-children-level2 { padding-bottom: 45.417537483vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-18 .textured-nav-children-level2 { padding-bottom: 48.0945024989vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-19 .textured-nav-children-level2 { padding-bottom: 50.7714675148vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-20 .textured-nav-children-level2 { padding-bottom: 53.4484325307vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-21 .textured-nav-children-level2 { padding-bottom: 56.1253975466vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-22 .textured-nav-children-level2 { padding-bottom: 58.8023625625vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-23 .textured-nav-children-level2 { padding-bottom: 61.4793275784vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-24 .textured-nav-children-level2 { padding-bottom: 64.1562925943vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-25 .textured-nav-children-level2 { padding-bottom: 66.8332576102vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-26 .textured-nav-children-level2 { padding-bottom: 69.5102226261vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-27 .textured-nav-children-level2 { padding-bottom: 72.187187642vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-28 .textured-nav-children-level2 { padding-bottom: 74.8641526579vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-29 .textured-nav-children-level2 { padding-bottom: 77.5411176738vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-30 .textured-nav-children-level2 { padding-bottom: 80.2180826897vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-31 .textured-nav-children-level2 { padding-bottom: 82.8950477056vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-32 .textured-nav-children-level2 { padding-bottom: 85.5720127215vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-33 .textured-nav-children-level2 { padding-bottom: 88.2489777374vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-34 .textured-nav-children-level2 { padding-bottom: 90.9259427533vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-35 .textured-nav-children-level2 { padding-bottom: 93.6029077692vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-36 .textured-nav-children-level2 { padding-bottom: 96.2798727851vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-37 .textured-nav-children-level2 { padding-bottom: 98.956837801vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-38 .textured-nav-children-level2 { padding-bottom: 101.6338028169vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-39 .textured-nav-children-level2 { padding-bottom: 104.3107678328vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-40 .textured-nav-children-level2 { padding-bottom: 106.9877328487vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-41 .textured-nav-children-level2 { padding-bottom: 109.6646978646vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-42 .textured-nav-children-level2 { padding-bottom: 112.3416628805vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-43 .textured-nav-children-level2 { padding-bottom: 115.0186278964vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-44 .textured-nav-children-level2 { padding-bottom: 117.6955929123vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-45 .textured-nav-children-level2 { padding-bottom: 120.3725579282vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-46 .textured-nav-children-level2 { padding-bottom: 123.0495229441vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-47 .textured-nav-children-level2 { padding-bottom: 125.72648796vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-48 .textured-nav-children-level2 { padding-bottom: 128.4034529759vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-49 .textured-nav-children-level2 { padding-bottom: 131.0804179918vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open .textured-nav-children li.dd-open.itemcount-50 .textured-nav-children-level2 { padding-bottom: 133.7573830077vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-1 .textured-nav-children { padding-bottom: 2.5860972285vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-2 .textured-nav-children { padding-bottom: 5.2630622444vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-3 .textured-nav-children { padding-bottom: 7.9400272603vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-4 .textured-nav-children { padding-bottom: 10.6169922762vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-5 .textured-nav-children { padding-bottom: 13.2939572921vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-6 .textured-nav-children { padding-bottom: 15.970922308vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-7 .textured-nav-children { padding-bottom: 18.6478873239vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-8 .textured-nav-children { padding-bottom: 21.3248523398vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-9 .textured-nav-children { padding-bottom: 24.0018173557vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-10 .textured-nav-children { padding-bottom: 26.6787823716vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-11 .textured-nav-children { padding-bottom: 29.3557473876vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-12 .textured-nav-children { padding-bottom: 32.0327124035vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-13 .textured-nav-children { padding-bottom: 34.7096774194vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-14 .textured-nav-children { padding-bottom: 37.3866424353vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-15 .textured-nav-children { padding-bottom: 40.0636074512vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-16 .textured-nav-children { padding-bottom: 42.7405724671vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-17 .textured-nav-children { padding-bottom: 45.417537483vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-18 .textured-nav-children { padding-bottom: 48.0945024989vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-19 .textured-nav-children { padding-bottom: 50.7714675148vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-20 .textured-nav-children { padding-bottom: 53.4484325307vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-21 .textured-nav-children { padding-bottom: 56.1253975466vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-22 .textured-nav-children { padding-bottom: 58.8023625625vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-23 .textured-nav-children { padding-bottom: 61.4793275784vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-24 .textured-nav-children { padding-bottom: 64.1562925943vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-25 .textured-nav-children { padding-bottom: 66.8332576102vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-26 .textured-nav-children { padding-bottom: 69.5102226261vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-27 .textured-nav-children { padding-bottom: 72.187187642vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-28 .textured-nav-children { padding-bottom: 74.8641526579vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-29 .textured-nav-children { padding-bottom: 77.5411176738vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-30 .textured-nav-children { padding-bottom: 80.2180826897vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-31 .textured-nav-children { padding-bottom: 82.8950477056vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-32 .textured-nav-children { padding-bottom: 85.5720127215vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-33 .textured-nav-children { padding-bottom: 88.2489777374vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-34 .textured-nav-children { padding-bottom: 90.9259427533vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-35 .textured-nav-children { padding-bottom: 93.6029077692vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-36 .textured-nav-children { padding-bottom: 96.2798727851vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-37 .textured-nav-children { padding-bottom: 98.956837801vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-38 .textured-nav-children { padding-bottom: 101.6338028169vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-39 .textured-nav-children { padding-bottom: 104.3107678328vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-40 .textured-nav-children { padding-bottom: 106.9877328487vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-41 .textured-nav-children { padding-bottom: 109.6646978646vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-42 .textured-nav-children { padding-bottom: 112.3416628805vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-43 .textured-nav-children { padding-bottom: 115.0186278964vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-44 .textured-nav-children { padding-bottom: 117.6955929123vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-45 .textured-nav-children { padding-bottom: 120.3725579282vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-46 .textured-nav-children { padding-bottom: 123.0495229441vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-47 .textured-nav-children { padding-bottom: 125.72648796vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-48 .textured-nav-children { padding-bottom: 128.4034529759vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-49 .textured-nav-children { padding-bottom: 131.0804179918vw; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent.dd-open.itemcount-50 .textured-nav-children { padding-bottom: 133.7573830077vw; } } @media (max-width: 1440.98px) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { font-size: 14px; line-height: 24px !important; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent { width: calc(100% - 20px); margin: 0 20px 0 0; height: 50px; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a { font-size: 14px; } } @media (max-width: 1199.98px) { #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { font-size: 13px; line-height: 22px !important; } #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav .textured-nav-div .textured-nav-ul .textured-nav-parent a { font-size: 13px; } } @media (max-width: 991.98px) { #ui-area .custom-header .header-area .header-nav .navigationBar .textured-nav { display: none; } #ui-area .custom-header .header-area .header-nav .navigationBar .nav-menu-icon { display: none !important; } #ui-area .custom-header .header-area .header-top { height: 112px; } #ui-area .custom-header .header-area .header-top .member-options { margin-right: 70px; } #ui-area .custom-header .header-area .smartphone-nav-div { display: block; right: 0; } .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { width: 38px; } } @media (max-width: 767.98px) { #ui-area .custom-header .header-area .header-top .member-options { margin-right: 60px; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { font-size: 12px; line-height: 20px !important; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-1, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-3 { display: none; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 { margin-left: 0.5rem; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt { padding: 10.5px 20px; } } @media (max-width: 575.98px) { #ui-area .custom-header .header-area .header-top .brand-wrapper { max-width: 133px; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2.mol-logout span.btn__text-alt { padding: 10.5px 25px; } } @media (max-width: 424.98px) { #ui-area .custom-header .header-area .header-top { height: 90px; } #ui-area .custom-header .header-area .header-top .brand-wrapper { max-width: 103px; } #ui-area .custom-header .header-area .header-top .member-options { margin-right: 45px; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 { margin-left: 0; align-items: center; justify-content: center; } #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text, #ui-area .custom-header .header-area .header-top .member-options .mo-link.mol-2 span.btn__text-alt { padding: 10.5px 12px; } #ui-area .custom-header .header-area .smartphone-nav-div { width: 40px; height: 40px; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text { width: 26px; height: 2px; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before, #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { height: 2px; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::before { width: 32px; top: -10px; } #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { width: 20px; top: 10px; } .mm-opened #ui-area .custom-header .header-area .smartphone-nav-div .ui-link .menu-text::after { width: 32px; } } /* Footer Css */ footer { width: 100%; bottom: 0; } footer .custom-footer { background-color: #005983; padding: 56px 0 0; width: 100%; color: #fff; font-size: 14px; } footer .custom-footer a { color: #fff; } footer .custom-footer a:hover, footer .custom-footer a:focus { text-decoration: none !important; color: #F3EFE9; } footer .custom-footer .footer-top { font-family: "ITC Avant Garde Pro Md", sans-serif; padding-bottom: 50px; width: 100%; } footer .custom-footer .footer-top .footer-logos { width: 100%; justify-content: center; } footer .custom-footer .footer-top .footer-logos img { max-height: 45px; margin: 0 5px; opacity: 0.5; } footer .custom-footer .footer-top .footer-logos img:last-child { opacity: 1; } footer .custom-footer .footer-top .footer-quicklinks { width: 100%; } footer .custom-footer .footer-top .footer-quicklinks ul { flex-wrap: wrap; } footer .custom-footer .footer-top .footer-quicklinks ul li { width: 33.334%; line-height: var(--listlineheight); } footer .custom-footer .footer-top .footer-quicklinks ul li a { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; position: relative; line-height: 26px; } footer .custom-footer .footer-top .footer-quicklinks ul li a::before { content: ""; position: absolute; left: 0; bottom: -3px; height: 1px; width: 0; background: rgba(255, 255, 255, 0.4); transition: 0.3s all ease-in; } @media (prefers-reduced-motion: reduce) { footer .custom-footer .footer-top .footer-quicklinks ul li a::before { transition: none; } } footer .custom-footer .footer-top .footer-quicklinks ul li a:hover::before, footer .custom-footer .footer-top .footer-quicklinks ul li a:focus::before { width: 100%; } footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(2), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(5) { width: 43.334%; } footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(3), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(6) { width: 23.334%; } footer .custom-footer .footer-top .footer-address .footer-brand { display: block; margin-bottom: 1rem; } footer .custom-footer .footer-top .footer-address .footer-brand img { -webkit-filter: invert(1); -moz-filter: invert(1); -o-filter: invert(1); filter: invert(1); } footer .custom-footer .footer-top .footer-address p { color: #D3E3E9; line-height: 26px; letter-spacing: 0.8px; font-size: var(--paragraph); } footer .custom-footer .footer-top .footer-address .footer-phone .club-contact { letter-spacing: 0.8px; line-height: 22px; color: #D3E3E9; } footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email { position: relative; } footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email::before { content: ""; position: absolute; left: 0; bottom: -3px; height: 1px; width: 0; background: rgba(255, 255, 255, 0.4); transition: 0.3s all ease-in; } @media (prefers-reduced-motion: reduce) { footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email::before { transition: none; } } footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email:hover::before, footer .custom-footer .footer-top .footer-address .footer-phone .club-contact.club-email:focus::before { width: 100%; } footer .custom-footer .footer-top .footer-address .footer-phone .vhr { background: #D3E3E9; margin: 0 10px; width: 1px; height: auto; } footer .custom-footer .footer-bottom { width: 100%; padding: 28px 0; border-top: 1px solid #D3E3E9; letter-spacing: 1.6px; font-family: "lexia", serif; } footer .custom-footer .footer-bottom .copyright-public { border-right: 1px solid #fff; margin-right: 10px; line-height: normal; padding: 4px 10px 2px 0; } footer .custom-footer .footer-bottom .powered-by { text-align: left; line-height: normal; padding: 4px 0 2px; } footer .custom-footer .footer-bottom .footer-social { width: 100%; justify-content: flex-end; } footer .custom-footer .footer-bottom .footer-social a { margin-left: 10px; } footer .custom-footer .footer-bottom .footer-social a i { display: block; font-size: 14px; background: rgba(255, 255, 255, 0.5); border-radius: 50px; color: #005983; margin: 0 auto; text-align: center; padding: 7px 8px; min-width: 28px; max-width: 28px; min-height: 28px; max-height: 28px; transition: 0.2s background ease; } @media (prefers-reduced-motion: reduce) { footer .custom-footer .footer-bottom .footer-social a i { transition: none; } } footer .custom-footer .footer-bottom .footer-social a:hover.ss-facebook i, footer .custom-footer .footer-bottom .footer-social a:focus.ss-facebook i { background: #4267B2; color: #fff; } footer .custom-footer .footer-bottom .footer-social a:hover.ss-insta i, footer .custom-footer .footer-bottom .footer-social a:focus.ss-insta i { background: #3f729b; color: #fff; } footer .custom-footer .footer-bottom .footer-social a:hover.ss-youtube i, footer .custom-footer .footer-bottom .footer-social a:focus.ss-youtube i { background: #FF0000; color: #fff; } footer .custom-footer .footer-bottom .footer-social a:hover.ss-twitter i, footer .custom-footer .footer-bottom .footer-social a:focus.ss-twitter i { background: #1DA1F2; color: #fff; } footer .custom-footer .footer-bottom .footer-social a:hover.ss-linkedin i, footer .custom-footer .footer-bottom .footer-social a:focus.ss-linkedin i { background: #0077b5; color: #fff; } footer .custom-footer .footer-bottom .footer-social a:hover.ss-webcam i, footer .custom-footer .footer-bottom .footer-social a:focus.ss-webcam i { background: #9E6632; color: #fff; } @media (min-width: 2201px) and (max-width: 4000px) { footer .custom-footer { font-size: 0.636vw; padding: 2.544vw 0 0; } footer .custom-footer a { font-size: 0.636vw; } footer .custom-footer .footer-top { padding-bottom: 2.271vw; } footer .custom-footer .footer-top .footer-address .footer-phone .club-contact { letter-spacing: 0.0363vw; line-height: 0.999vw; } footer .custom-footer .footer-top .footer-address .footer-phone .vhr { margin: 0 0.454vw; } footer .custom-footer .footer-top .footer-address p { line-height: 1.181vw; letter-spacing: 0.0363vw; } footer .custom-footer .footer-top .footer-address .footer-brand img { width: 7.405vw; } footer .custom-footer .footer-top .footer-quicklinks ul li a { line-height: 1.181vw; } footer .custom-footer .footer-top .footer-logos img { max-height: 2.044vw; margin: 0 0.227vw; width: 2.271vw; } footer .custom-footer .footer-top .footer-logos img:last-child { width: 5.54vw; } footer .custom-footer .footer-bottom { padding: 1.272vw 0; letter-spacing: 0.0726vw; } footer .custom-footer .footer-bottom .copyright-public { margin-right: 0.454vw; padding: 0.181vw 0.454vw 0.09vw 0; } footer .custom-footer .footer-bottom .footer-social a { margin-left: 0.454vw; } footer .custom-footer .footer-bottom .footer-social a i { font-size: 0.636vw; padding: 0.318vw 0.363vw; min-width: 1.272vw; max-width: 1.272vw; min-height: 1.272vw; max-height: 1.272vw; } } @media (max-width: 1440.98px) { footer .custom-footer .footer-top .footer-address p { font-size: 13px; line-height: 24px; } footer .custom-footer .footer-top .footer-address .footer-phone .club-contact { font-size: 13px; line-height: 20px; } footer .custom-footer .footer-top .footer-quicklinks ul li { font-size: 13px; line-height: 24px; } footer .custom-footer .footer-top .footer-logos { margin: 0 3px; } footer .custom-footer .footer-bottom .powered-by, footer .custom-footer .footer-bottom .copyright-public { font-size: 12px; } } @media (max-width: 1299.98px) { footer .custom-footer .footer-top .footer-address p { width: 200px; } } @media (max-width: 1199.98px) { footer .custom-footer .footer-top { padding-bottom: 35px; } footer .custom-footer .footer-top .footer-address p { width: 100%; } footer .custom-footer .footer-top .footer-quicklinks ul { justify-content: flex-end; } footer .custom-footer .footer-top .footer-quicklinks ul li { text-align: right; } footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(2), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(5) { width: 33.333%; } footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(1), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(3), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(4), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(6) { width: 23.333%; } footer .custom-footer .footer-top .footer-logos { justify-content: flex-end; } } @media (max-width: 991.98px) { footer .custom-footer .footer-top .footer-address p { letter-spacing: 0; } footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(2), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(5) { width: 43.333%; } footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(1), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(3), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(4), footer .custom-footer .footer-top .footer-quicklinks ul li:nth-child(6) { width: 28.333%; } footer .custom-footer .footer-bottom .copyright-public { border-right: none; padding-bottom: 10px; } } @media (max-width: 767.98px) { footer .custom-footer { padding-top: 3rem; } footer .custom-footer .footer-top { padding-bottom: 1.5rem; } footer .custom-footer .footer-top .footer-address { text-align: center; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #D3E3E9; } footer .custom-footer .footer-top .footer-phone { justify-content: center; } footer .custom-footer .footer-top .footer-quicklinks ul li { width: 33.333% !important; text-align: center; } footer .custom-footer .footer-top .footer-logos { justify-content: center; padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px solid #D3E3E9; } footer .custom-footer .footer-bottom { padding: 0 0 3rem; border-top: none; } footer .custom-footer .footer-bottom .copyright-public { width: 100%; text-align: center; padding: 0 0 10px; margin-right: 0; } footer .custom-footer .footer-bottom .powered-by { width: 100%; text-align: center; } footer .custom-footer .footer-bottom .footer-social { justify-content: center; padding-top: 1.5rem; } } @media (max-width: 424.98px) { footer .custom-footer .footer-top .footer-address p { width: 200px; margin: 0 auto 10px; } footer .custom-footer .footer-top .footer-phone { flex-wrap: wrap; } footer .custom-footer .footer-top .footer-phone .vhr { display: none; } footer .custom-footer .footer-top .footer-phone .club-contact { width: 100%; } footer .custom-footer .footer-top .footer-phone .club-contact.club-email { padding-top: 0.5rem; } footer .custom-footer .footer-top .footer-quicklinks ul li { width: 50% !important; } footer .custom-footer .footer-top .footer-logos img { max-height: 40px; } footer .custom-footer .footer-bottom .copyright-public { line-height: 22px; } } .webp #ui-area .bonita-login-layout { background-image: url(../images/club-images/img-login-bg.webp) !important; background-repeat: no-repeat; } .webp #ui-area .bonita-login-layout::before { background-image: url(../images/club-images/login-overlay-01.webp) !important; background-repeat: no-repeat; } .webp #ui-area .bonita-login-layout::after { background-image: url(../images/club-images/login-overlay-02.webp) !important; background-repeat: no-repeat; } .webp #ui-area .bonita-login-layout .top-layer { background-image: url(../images/club-images/login-overlay-03.webp) !important; background-repeat: no-repeat; } .no-webp #ui-area .bonita-login-layout, .no-js #ui-area .bonita-login-layout { background-image: url(../images/club-images/img-login-bg.jpg) !important; background-repeat: no-repeat; } .no-webp #ui-area .bonita-login-layout::before, .no-js #ui-area .bonita-login-layout::before { background-image: url(../images/club-images/login-overlay-01.png) !important; background-repeat: no-repeat; } .no-webp #ui-area .bonita-login-layout::after, .no-js #ui-area .bonita-login-layout::after { background-image: url(../images/club-images/login-overlay-02.png) !important; background-repeat: no-repeat; } .no-webp #ui-area .bonita-login-layout .top-layer, .no-js #ui-area .bonita-login-layout .top-layer { background-image: url(../images/club-images/login-overlay-03.png) !important; background-repeat: no-repeat; } #ui-area .bonita-login-layout { background-position: center bottom !important; background-size: cover !important; height: 100vh !important; overflow: hidden; width: 100%; } #ui-area .bonita-login-layout::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; z-index: 1; opacity: 0.5; background-size: cover !important; } #ui-area .bonita-login-layout::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; z-index: 2; mix-blend-mode: darken; background-size: cover !important; } #ui-area .bonita-login-layout .is-inview .login-content .login-detail-box { -o-animation: fadeInLeft ease-out 1s forwards; -moz-animation: fadeInLeft ease-out 1s forwards; -webkit-animation: fadeInLeft ease-out 1s forwards; animation: fadeInLeft ease-out 1s forwards; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .login-content .login-detail-box { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .login-content .login-detail-box h3 { -o-animation: fadeInTop ease-out 0.6s forwards 0.8s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.8s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.8s; animation: fadeInTop ease-out 0.6s forwards 0.8s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .login-content .login-detail-box h3 { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .login-content .login-detail-box .inner-container { -o-animation: fadeInLeft ease-out 1s forwards 0.8s; -moz-animation: fadeInLeft ease-out 1s forwards 0.8s; -webkit-animation: fadeInLeft ease-out 1s forwards 0.8s; animation: fadeInLeft ease-out 1s forwards 0.8s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .login-content .login-detail-box .inner-container { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .cnbar-brand .brand-img { -o-animation: fadeInScale ease-out 0.6s forwards; -moz-animation: fadeInScale ease-out 0.6s forwards; -webkit-animation: fadeInScale ease-out 0.6s forwards; animation: fadeInScale ease-out 0.6s forwards; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .cnbar-brand .brand-img { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .login-form { overflow: hidden; -o-animation: fadeInRight ease-out 1s forwards; -moz-animation: fadeInRight ease-out 1s forwards; -webkit-animation: fadeInRight ease-out 1s forwards; animation: fadeInRight ease-out 1s forwards; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .login-form { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .login-form .portlet-column-login-only .login-container { -o-animation: fadeInRight ease-out 1s forwards 0.8s; -moz-animation: fadeInRight ease-out 1s forwards 0.8s; -webkit-animation: fadeInRight ease-out 1s forwards 0.8s; animation: fadeInRight ease-out 1s forwards 0.8s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .login-form .portlet-column-login-only .login-container { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .login-form .portlet-column-login-only .login-container .login-heading h2 { -o-animation: fadeInTop ease-out 0.6s forwards 1.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 1.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 1.5s; animation: fadeInTop ease-out 0.6s forwards 1.5s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .login-form .portlet-column-login-only .login-container .login-heading h2 { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .is-inview .footer-bottom::before { --linewidth: 100%; -o-animation: widthTransform ease-out 0.6s forwards 2s; -moz-animation: widthTransform ease-out 0.6s forwards 2s; -webkit-animation: widthTransform ease-out 0.6s forwards 2s; animation: widthTransform ease-out 0.6s forwards 2s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .footer-bottom::before { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1; width: var(--linewidth) !important; } } #ui-area .bonita-login-layout .is-inview .footer-bottom .copyright-public { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .footer-bottom .copyright-public { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1 !important; } } #ui-area .bonita-login-layout .is-inview .footer-bottom .footer-social { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .is-inview .footer-bottom .footer-social { -o-animation: none; -moz-animation: none; -webkit-animation: none; animation: none; opacity: 1 !important; } } #ui-area .bonita-login-layout .top-layer { width: 100%; height: 523px; position: absolute; bottom: 0; z-index: 3; opacity: 0.4; background-size: cover !important; } #ui-area .bonita-login-layout .login-content { align-items: center; position: absolute; z-index: 1; flex: 0 0 54.7%; max-width: 54.7%; width: 100%; top: 0; bottom: 0; } #ui-area .bonita-login-layout .login-content .login-detail-box { background: #f2f7f8; padding: 3rem; width: 100%; height: 403px; opacity: 0; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -o-transform: translate(0, -50%); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .login-content .login-detail-box { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .login-content .login-detail-box .outer-bbhead { overflow: hidden; } #ui-area .bonita-login-layout .login-content .login-detail-box h3 { color: #005983; opacity: 0; -webkit-transform: translate(0, calc(100% + var(--headingh3mb))); -moz-transform: translate(0, calc(100% + var(--headingh3mb))); -ms-transform: translate(0, calc(100% + var(--headingh3mb))); transform: translate(0, calc(100% + var(--headingh3mb))); -o-transform: translate(0, calc(100% + var(--headingh3mb))); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .login-content .login-detail-box h3 { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .login-content .login-detail-box .inner-container { opacity: 0; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -o-transform: translate(-100%, 0); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .login-content .login-detail-box .inner-container { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .login-content .login-detail-box p { padding-bottom: 0.3rem !important; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox { padding: 1rem 0; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p { width: 35%; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p:first-child { border-bottom: 1px solid rgba(158, 102, 50, 0.3); margin-bottom: 0.5rem; padding-bottom: 0 !important; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p span { padding-left: 1rem; color: rgba(158, 102, 50, 0.3); font-family: "ITC Avant Garde Pro Md", sans-serif !important; margin-left: auto; text-align: left; width: 95px; } #ui-area .bonita-login-layout .cnbar-brand { justify-content: center; margin: 4.44vh 0; } #ui-area .bonita-login-layout .cnbar-brand .brand-img { -webkit-filter: invert(1); -moz-filter: invert(1); -o-filter: invert(1); filter: invert(1); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .cnbar-brand .brand-img { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout .bonita-login-portlet { height: 100%; } #ui-area .bonita-login-layout #content-wrapper-login { position: relative; z-index: 5; height: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 { height: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .cst-container { height: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .cst-container > div { height: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .cst-container > div > div > div > div { position: relative; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .loginc-page { flex-direction: column; height: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form { flex: 0 0 55%; max-width: 55%; margin-left: auto; opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { background: #fff; justify-content: center; flex-direction: column; align-items: center; padding: 4rem 4rem 2rem 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .portlet-column-content-only { width: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .portlet-login { width: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container { text-align: left; opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); padding: 0; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container form { margin-bottom: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .login-heading { overflow: hidden; margin-bottom: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .login-heading h2 { font-size: var(--heading5) !important; line-height: var(--lineheighth5) !important; font-weight: bold; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 4.2px; color: #005983; opacity: 0; -webkit-transform: translate(0, calc(100% + var(--headingh2mb))); -moz-transform: translate(0, calc(100% + var(--headingh2mb))); -ms-transform: translate(0, calc(100% + var(--headingh2mb))); transform: translate(0, calc(100% + var(--headingh2mb))); -o-transform: translate(0, calc(100% + var(--headingh2mb))); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .login-heading h2 { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset { text-align: left; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .login-label, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .password-label, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .control-label { display: block; text-align: left; font-size: calc(var(--labelfs) + 2px) !important; line-height: var(--lineheightlabel) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; margin-bottom: 5px; letter-spacing: 0.8px; font-weight: normal; padding-bottom: 0; text-transform: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .row { width: 100%; margin: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { width: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group .field { border-radius: 0; width: 100%; height: 52px; border-color: #D3E3E9 !important; margin-bottom: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper { justify-content: flex-start !important; margin-bottom: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label { font-weight: normal; width: 155px; text-align: left; position: relative; padding-left: 30px; color: #1b1c1c; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--labelfs); line-height: var(--lineheightlabel); margin-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label::before { content: ""; border: 1px solid #005983; width: 20px; height: 20px; position: absolute; left: 0; background: #fff; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label::after { content: ""; left: 8px; top: 4px; width: 5px; height: 9px; border: solid #005983; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); position: absolute; display: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label.rem-checked::after { display: block; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label .field { visibility: hidden; display: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 4.8vh 0 5.4vh; text-align: left; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn { background: transparent !important; border: 1px solid #9E6632; padding: 1.46vh 3rem !important; color: #9E6632 !important; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; border-radius: 50px !important; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn:hover, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn:focus { background: #9E6632 !important; color: #fff !important; border-color: transparent; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation { background: transparent; border: none; width: max-content; position: absolute; bottom: 19%; -webkit-transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); transform: translateY(-15%); -o-transform: translateY(-15%); padding: 0; right: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon { font-size: var(--paragraph); line-height: var(--lineheightp); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon:hover, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon:focus { text-decoration: none !important; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon:hover .taglib-text, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon:focus .taglib-text { color: #9E6632; text-decoration: none !important; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon::after { content: ""; width: 100%; height: 1px; background: rgba(158, 102, 50, 0.3); position: absolute; bottom: 0; left: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon img { display: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon .taglib-text { font-family: "ITC Avant Garde Pro Md", sans-serif; color: #005983; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .back2m { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--paragraph); line-height: var(--lineheightp); color: #005983; margin: 0; position: relative; display: inline-block; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .back2m::after { content: ""; width: 100%; height: 1px; background: rgba(158, 102, 50, 0.3); position: absolute; bottom: 0; right: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .back2m:hover, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .back2m:focus { color: #9E6632; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .forgot-password-heading { margin-bottom: 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .forgot-password-heading h2 { font-size: var(--heading5) !important; line-height: var(--lineheighth5) !important; font-weight: bold; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 4.2px; color: #005983; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation { bottom: 15%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon { align-items: center; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon img { display: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon .taglib-text { font-family: "ITC Avant Garde Pro Md", sans-serif; color: #005983; font-size: var(--paragraph); line-height: var(--lineheightp); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon .taglib-text::before { content: "\f007"; font-family: "FontAwesome"; padding-right: 5px; font-size: 16px; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon:hover, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon:focus { text-decoration: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon:hover .taglib-text, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon:focus .taglib-text { color: #9E6632; text-decoration: none; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .form-group { position: relative; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .form-group.has-error .form-validator-stack { position: absolute; top: 70%; right: 10px; line-height: 1; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); -o-transform: translateY(-70%); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .form-group { position: relative; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .form-group.has-error .form-validator-stack { position: absolute; top: 50%; right: 10px; line-height: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom { margin-top: auto; width: 100%; padding: 2.314vh 0; letter-spacing: 1.6px; font-family: "lexia", serif; position: relative; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom::before { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 1px; background: rgba(211, 227, 233, 0.5); } @media (max-width: 991.98px) { #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom::before { width: var(100%); opacity: 1; } } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .copyright-public { line-height: normal; padding: 4px 10px 2px 0; color: #fff; font-size: var(--paragraph); opacity: 0; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .copyright-public { opacity: 1; } } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social { width: 100%; justify-content: flex-end; opacity: 0; } @media (max-width: 991.98px) { #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social { opacity: 1; } } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a { margin-left: 10px; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a i { display: block; font-size: 14px; background: rgba(255, 255, 255, 0.5); border-radius: 50px; color: #1b1c1c; margin: 0 auto; text-align: center; padding: 7px 8px; min-width: 28px; max-width: 28px; min-height: 28px; max-height: 28px; transition: 0.2s background ease; } @media (prefers-reduced-motion: reduce) { #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a i { transition: none; } } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:hover.ss-facebook i, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:focus.ss-facebook i { background: #4267B2; color: #fff; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:hover.ss-insta i, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:focus.ss-insta i { background: #3f729b; color: #fff; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:hover.ss-youtube i, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:focus.ss-youtube i { background: #FF0000; color: #fff; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:hover.ss-twitter i, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:focus.ss-twitter i { background: #1DA1F2; color: #fff; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:hover.ss-linkedin i, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:focus.ss-linkedin i { background: #0077b5; color: #fff; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:hover.ss-webcam i, #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a:focus.ss-webcam i { background: #9E6632; color: #fff; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .bonita-login-layout .cnbar-brand .brand-img { width: 7.405vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 2.907vw 2.907vw 1.4538vw 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group .field { height: 2.362vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label { width: 100%; padding-left: 1.363vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label::before { width: 0.9086vw; height: 0.9086vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label::after { left: 0.363vw; top: 0.181vw; width: 0.227vw; height: 0.408vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn { padding: 1.46vh 3.6vh !important; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation { bottom: 21%; transform: translateY(-21%); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon .taglib-text::before { padding-right: 0.227vw; font-size: 0.726vw; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: 18.309vw; padding: 2.18vw; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p span { width: 4.3162vw; } } @media (max-width: 1600.98px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 3.44vh 0; } } @media (max-width: 1199.98px) { #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p { width: 65%; } } @media (max-width: 991.98px) { #ui-area .bonita-login-layout .login-content .login-detail-box { height: auto; padding: 2rem; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p { width: 80%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn { padding: 1.3vh 2rem !important; } } @media (max-width: 767.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 3rem 2rem 2rem 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 2.8vh 0 3.4vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation { position: relative; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .copyright-public { font-size: 12px; letter-spacing: 0.8px; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a { margin-left: 8px; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social a i { font-size: 12px; padding: 6px 7px; min-width: 24px; max-width: 24px; min-height: 24px; max-height: 24px; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: auto; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox p { width: 80%; } } @media (max-width: 575.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form { flex: 0 0 100%; max-width: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 3rem; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn { width: auto; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .copyright-public { margin: 0 auto 0.5rem; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social { justify-content: center; } #ui-area .bonita-login-layout .login-content { display: none; } } @media (max-width: 424.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 3rem 2rem 2rem; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .forgot-password-heading h2 { letter-spacing: 1.8px; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .fieldset .taglib-captcha .captcha { position: absolute; bottom: 21%; right: 18px; width: 112px; margin-bottom: 0; -webkit-transform: translateY(-21%); -moz-transform: translateY(-21%); -ms-transform: translateY(-21%); transform: translateY(-21%); -o-transform: translateY(-21%); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .fieldset .taglib-captcha .refresh { position: absolute; bottom: 23.5%; right: 0; -webkit-transform: translateY(-23.5%); -moz-transform: translateY(-23.5%); -ms-transform: translateY(-23.5%); transform: translateY(-23.5%); -o-transform: translateY(-23.5%); } } @media (max-width: 360.98px) { #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .copyright-public { line-height: 16px; } } @media (min-height: 1400.98px) and (min-height: 850px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 7.44vh 0 5.44vh; } #ui-area .bonita-login-layout .cnbar-brand .brand-img { width: 7.405vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 4.907vw 4.907vw 3.4538vw 10.9vw; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: auto; padding: 3.18vw; min-height: 18.309vw; } } @media (max-height: 850.98px) and (min-height: 750px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 3.44vh 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 7.529vh 3.333vw 3.764vh 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { margin-bottom: 3.529vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .login-heading h2 { margin-bottom: 3.388vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 3.8vh 0 4.4vh; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: 47.411vh; padding: 3.764vh 2.5vw; } #ui-area .bonita-login-layout .login-content .login-detail-box .login-dbox { padding: 1.882vh 0; } #ui-area .bonita-login-layout .login-content .login-detail-box h3 { font-size: 5.176vh; margin-bottom: 1.568vh; -webkit-transform: translate(0, calc(100% + 1.568vh)); -moz-transform: translate(0, calc(100% + 1.568vh)); -ms-transform: translate(0, calc(100% + 1.568vh)); transform: translate(0, calc(100% + 1.568vh)); -o-transform: translate(0, calc(100% + 1.568vh)); } #ui-area .bonita-login-layout .login-content .login-detail-box p { padding-bottom: 0.564vh !important; line-height: 4vh !important; } #ui-area .bonita-login-layout .login-content .login-detail-box p:first-child { margin-bottom: 0.9411vh; } } @media (max-height: 750.98px) and (min-height: 650px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 2.44vh 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 4.529vh 3.333vw 1.764vh 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { margin-bottom: 3.529vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .login-heading h2 { margin-bottom: 2.388vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 2.8vh 0 3.4vh; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: 45.411vh; padding: 2.764vh 2.5vw; } #ui-area .bonita-login-layout .login-content .login-detail-box h3 { font-size: 5.176vh; } } @media (max-height: 650.98px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 2.44vh 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 3.529vh 3.333vw 2.064vh 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { margin-bottom: 2.529vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group .field { height: 8vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .login-heading h2 { margin-bottom: 2.388vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 2vh 0; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder .btn { padding: 1.66vh 2rem !important; font-size: var(--btnFontSize) !important; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: 45.411vh; padding: 2.764vh 2.5vw; } #ui-area .bonita-login-layout .login-content .login-detail-box h3 { font-size: 5.176vh; } } @media (max-height: 850.98px) and (max-width: 767.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 5.529vh 4.333vw 2.764vh 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { margin-bottom: 1.529vh; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: auto; } #ui-area .bonita-login-layout .login-content .login-detail-box h3 { font-size: var(--heading3) !important; margin: 0px 0 var(--headingh3mb) !important; -webkit-transform: translate(0, calc(100% + var(--headingh3mb))); -moz-transform: translate(0, calc(100% + var(--headingh3mb))); -ms-transform: translate(0, calc(100% + var(--headingh3mb))); transform: translate(0, calc(100% + var(--headingh3mb))); -o-transform: translate(0, calc(100% + var(--headingh3mb))); } #ui-area .bonita-login-layout .login-content .login-detail-box p { padding-bottom: 0.5rem !important; line-height: var(--lineheightp) !important; } } @media (max-height: 850.98px) and (max-width: 575.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 7.529vh 4.333vw 3.764vh 4.333vw; } } @media (max-height: 750.98px) and (max-width: 767.98px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 2.44vh 0; } #ui-area .bonita-login-layout .cnbar-brand .brand-img { max-width: 19.17vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 4.529vh 4.333vw 2.764vh 10.9vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { margin-bottom: 1.529vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group .field { height: 6vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 1.8vh 0 2.4vh; } #ui-area .bonita-login-layout .login-content .login-detail-box { height: auto; } #ui-area .bonita-login-layout .login-content .login-detail-box h3 { font-size: var(--heading3) !important; margin: 0px 0 var(--headingh3mb) !important; -webkit-transform: translate(0, calc(100% + var(--headingh3mb))); -moz-transform: translate(0, calc(100% + var(--headingh3mb))); -ms-transform: translate(0, calc(100% + var(--headingh3mb))); transform: translate(0, calc(100% + var(--headingh3mb))); -o-transform: translate(0, calc(100% + var(--headingh3mb))); } #ui-area .bonita-login-layout .login-content .login-detail-box p { padding-bottom: 0.5rem !important; line-height: var(--lineheightp) !important; } } @media (max-height: 750.98px) and (max-width: 575.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 7.529vh 4.333vw 3.764vh 4.333vw; } } @media (max-height: 650.98px) and (max-width: 767.98px) { #ui-area .bonita-login-layout .cnbar-brand { margin: 2.44vh 0; } #ui-area .bonita-login-layout .cnbar-brand .brand-img { max-width: 19.17vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form { flex: 0 0 100%; max-width: 100%; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only { padding: 4.529vh 4.333vw 2.764vh 4.333vw; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group { margin-bottom: 1.529vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .fieldset .form-group .field { height: 6vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .button-holder { margin: 1.8vh 0 2.4vh; } #ui-area .bonita-login-layout .login-content { display: none; } } @media (max-height: 600.98px) and (max-width: 767.98px) { #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .copyright-public { margin-bottom: 0; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom .footer-social { display: none; } } @media (max-height: 550.98px) and (max-width: 767.98px) { #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .login-label, #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .password-label { font-size: 2.461vh !important; line-height: 3.076vh !important; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label { font-size: 2.461vh !important; line-height: 3.076vh !important; padding-left: 4.615vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .fieldset .input-checkbox-wrapper label::before { width: 3.07vh; height: 3.07vh; } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .navigation span .taglib-icon { font-size: calc(var(--paragraph) - 2px); line-height: calc(var(--lineheightp) - 6px); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container .back2m { font-size: calc(var(--paragraph) - 2px); line-height: calc(var(--lineheightp) - 6px); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon .taglib-text { font-size: calc(var(--paragraph) - 2px); line-height: calc(var(--lineheightp) - 6px); } #ui-area .bonita-login-layout #content-wrapper-login .csec-1 .login-form .portlet-column-login-only .login-container.forgot-card .navigation .sign-in-url .taglib-icon .taglib-text::before { font-size: calc(var(--paragraph) - 2px); } } @media (max-height: 485.98px) { #ui-area .bonita-login-layout { height: auto !important; overflow-y: auto; } #ui-area .bonita-login-layout #content-wrapper-login .footer-bottom { margin-top: 1rem; } } /* Public Landing Css */ .webp #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::before { background-image: url(../images/club-images/banner-shadow-01.webp); background-repeat: no-repeat; } .webp #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::after { background-image: url(../images/club-images/banner-shadow-02.webp); background-repeat: no-repeat; } .webp #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before { background-image: url(../images/club-images/amenities-carousel-shade-01.webp); background-repeat: no-repeat; z-index: 10; } .webp #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after { background-image: url(../images/club-images/amenities-carousel-shade-02.webp); background-repeat: no-repeat; z-index: 11; } .no-webp #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::before, .no-js #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::before { background-image: url(../images/club-images/banner-shadow-01.png); background-repeat: no-repeat; } .no-webp #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::after, .no-js #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::after { background-image: url(../images/club-images/banner-shadow-02.png); background-repeat: no-repeat; } .no-webp #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before, .no-js #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before { background-image: url(../images/club-images/amenities-carousel-shade-01.png); background-repeat: no-repeat; z-index: 10; } .no-webp #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after, .no-js #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after { background-image: url(../images/club-images/amenities-carousel-shade-02.png); background-repeat: no-repeat; z-index: 11; } #ui-area .public-layout.public-home-layout { padding: 0; } #ui-area .public-layout .banner-wrapper-home { position: relative; height: 100vh; display: block; width: 100%; overflow: hidden; background: #005983; } #ui-area .public-layout .banner-wrapper-home .banner-inner-home .portlet-borderless-bar { margin-top: 6%; } #ui-area .public-layout .banner-wrapper-home .scroll-downs { position: absolute; bottom: 220px; width: auto; height: auto; z-index: 23; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -o-transform: rotate(-90deg); display: flex; align-items: center; left: -40px; } #ui-area .public-layout .banner-wrapper-home .scroll-downs p { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: 12px; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 0.8px; color: #fff; line-height: normal; padding: 0; order: 2; } #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown { position: relative !important; display: block; height: auto; text-align: center; padding-right: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; order: 1; } #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown .scrollarrow { content: url(../images/club-images/Icon-ScrollDown.svg); display: block; background-color: #9E6632; pointer-events: none; width: 206px; height: 2px; } #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow { position: absolute; height: 100%; z-index: 22; top: 0; width: 100%; pointer-events: none; } #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 57vw; background-size: contain; z-index: 21; opacity: 0.15; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } #ui-area .public-layout .banner-wrapper-home .tp-static-layer-shadow::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 57vw; background-size: contain; z-index: 22; mix-blend-mode: darken; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } #ui-area .public-layout .banner-wrapper-home #playBtn { top: 50%; left: 0; right: 0; margin: 0 auto; position: absolute; z-index: 25; border: 3px solid #fff; width: 100px; height: 100px; border-radius: 100px; pointer-events: none; padding: 0; line-height: initial; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s border-color, 0.3s background-color, 0.6s opacity, 0.6s visibility; will-change: border-color, background-color, opacity, visibility; opacity: 0.5; pointer-events: none; visibility: visible; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .banner-wrapper-home #playBtn { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .banner-wrapper-home #playBtn { width: 4.543vw; height: 4.543vw; border-width: 0.181vw; } } @media (max-width: 991.98px) { #ui-area .public-layout .banner-wrapper-home #playBtn { width: 70px; height: 70px; } } @media (max-width: 424.98px) { #ui-area .public-layout .banner-wrapper-home #playBtn { width: 50px; height: 50px; } } #ui-area .public-layout .banner-wrapper-home #playBtn.paused::before { width: 25px; height: 25px; border-right-color: #fff; border-left-width: 10px; border-right-width: 10px; border-top-width: 0; border-bottom-width: 0; left: 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .banner-wrapper-home #playBtn.paused::before { width: 1.135vw; height: 1.135vw; border-left-width: 0.454vw; border-right-width: 0.454vw; } } @media (max-width: 991.98px) { #ui-area .public-layout .banner-wrapper-home #playBtn.paused::before { width: 22px; height: 22px; border-left-width: 8px; border-right-width: 8px; } } @media (max-width: 424.98px) { #ui-area .public-layout .banner-wrapper-home #playBtn.paused::before { width: 16px; height: 16px; border-left-width: 6px; border-right-width: 6px; } } #ui-area .public-layout .banner-wrapper-home #playBtn::before { content: ""; position: absolute; top: 50%; right: 0; left: 10px; margin: 0 auto; display: block; transform: translateY(-50%); width: 0; height: 0; border-color: transparent; border-left-color: #fff; border-style: solid; border-left-width: 25px; border-right-width: 0; border-bottom-width: 15px; border-top-width: 15px; transition: 0.5s all ease; cursor: pointer; user-select: none; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout .banner-wrapper-home #playBtn::before { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .banner-wrapper-home #playBtn::before { border-width: 0.681vw; border-left-width: 0.908vw; left: 0.908vw; } } @media (max-width: 991.98px) { #ui-area .public-layout .banner-wrapper-home #playBtn::before { border-width: 12px; border-left-width: 17px; left: 17px; } } @media (max-width: 424.98px) { #ui-area .public-layout .banner-wrapper-home #playBtn::before { border-width: 10px; border-left-width: 15px; left: 15px; } } #ui-area .public-layout .banner-wrapper-home #playBtn.hideBtn { opacity: 0; visibility: hidden; } #ui-area .public-layout .banner-wrapper-home .homeslider-fbox { display: block; height: 100vh; } #ui-area .public-layout .banner-wrapper-home .homeslider-fbox .video { width: 100vw; height: 100vh; object-fit: cover; left: 0px; top: 0px; z-index: -1; cursor: pointer; } #ui-area .public-layout .banner-wrapper-home .homeslider-fbox .video:hover ~ #playBtn, #ui-area .public-layout .banner-wrapper-home .homeslider-fbox .video:focus ~ #playBtn { -o-animation: glowing 1.7s infinite; -moz-animation: glowing 1.7s infinite; -webkit-animation: glowing 1.7s infinite; animation: glowing 1.7s infinite; background-color: #005983; border-color: #005983; opacity: 0.7; } #ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards; -moz-animation: fadeIn ease-out 2s forwards; -webkit-animation: fadeIn ease-out 2s forwards; animation: fadeIn ease-out 2s forwards; } #ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-subhead::after { --linewidth: 9999px; -o-animation: widthTransform ease-out 11s forwards 0.5s; -moz-animation: widthTransform ease-out 11s forwards 0.5s; -webkit-animation: widthTransform ease-out 11s forwards 0.5s; animation: widthTransform ease-out 11s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-1.is-inview .heading-wrap .heading-area-01 .bb-paragraph { -o-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -moz-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 1.5s forwards 0.5s; animation: fadeInLeft ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-1.is-inview .multi-banner-hg .banner-cp-images { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-1.is-inview .multi-banner-hg .banner-cp-o-images::after { height: 105%; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 { width: calc(100% - 30px); overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-heading { font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: 0; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin-bottom: var(--headingh1mb); -webkit-transform: translate(0px, calc(100% + var(--headingh1mb))); -moz-transform: translate(0px, calc(100% + var(--headingh1mb))); -ms-transform: translate(0px, calc(100% + var(--headingh1mb))); transform: translate(0px, calc(100% + var(--headingh1mb))); -o-transform: translate(0px, calc(100% + var(--headingh1mb))); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-subhead { width: max-content; position: relative; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-subhead::after { background: #9E6632; content: ""; position: absolute; top: 50%; width: 0; height: 2px; left: 100%; margin-left: 10px; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container { overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .bb-paragraph { padding-bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container { width: calc(100% - 5.7291vw); } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg { position: relative; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-outer { overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images { position: relative; top: 0; left: 0; height: 0; padding-bottom: 52.5%; z-index: 3; width: 81.55%; margin-left: auto; opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center bottom; border: 3px solid #fff; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images { position: relative; top: 0; left: -15%; height: 0; padding-bottom: 31.35%; margin-top: -12%; z-index: 2; width: 41.8%; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images img { position: absolute; top: 0; left: 0; border: 3px solid #fff; object-fit: cover; object-position: center bottom; height: 100%; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images::after { content: ""; width: 2px; background: #9E6632; height: 0; position: absolute; left: -3%; bottom: -17%; transition: 0.5s ease-out height 0.5s; will-change: height; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images::after { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2 { position: relative; top: 0; left: 23%; height: 0; padding-bottom: 18.29%; margin-top: -8.5%; z-index: 1; width: 18.29%; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2 img { position: absolute; top: 0; left: 0; height: 100%; border: 3px solid #fff; object-fit: cover; object-position: center bottom; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-home .csec-2 { position: relative; } #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section { padding: 25px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; transition: 0.6s ease-out width 0.5s; will-change: width; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .outer-bbhead { overflow: hidden; margin-bottom: var(--headingh2mb); } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container { overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading { text-indent: -13.5%; padding-left: 11.75%; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading small, #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading p { display: block; padding-left: 11%; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1); line-height: var(--lineheighth1); } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para { width: 60%; margin-left: auto; flex-direction: column; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para p { width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-carousel { width: calc(100% - var(--containerPadding)); margin-left: auto; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper { position: relative; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after { content: ""; position: absolute; right: 0; top: 0; max-width: 30.375vw; min-width: 30.375vw; height: 100%; mix-blend-mode: screen; background-size: cover !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before { z-index: 10; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after { z-index: 11; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel { -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); will-change: opacity, transform; opacity: 0; margin-bottom: 3rem; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-nav { display: none; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view { width: 84.5%; position: relative; margin-top: 4.5rem; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image { width: 71%; position: relative; height: 0; padding-bottom: 50%; overflow: hidden; margin-left: 3.5%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; position: absolute; top: 0; left: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count { position: absolute; top: -9%; left: 0; width: 200px; height: 120px; stroke: #9E6632; z-index: 1; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g { -webkit-transform: translate(0, 90%); -moz-transform: translate(0, 90%); -ms-transform: translate(0, 90%); transform: translate(0, 90%); -o-transform: translate(0, 90%); } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text { font-family: "Spectral-SemiBold", serif; font-weight: normal; font-style: normal; font-size: 150px; stroke-dasharray: 1500; stroke-dashoffset: 1500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -o-animation: dash 18s linear forwards; -moz-animation: dash 18s linear forwards; -webkit-animation: dash 18s linear forwards; animation: dash 18s linear forwards; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card { position: absolute; width: 460px; height: 460px; background: #fbfaf8; padding: 4rem 2.5rem 2.5rem; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); border: 3px solid #fff; -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.12); } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h4 { font-size: 35px; font-family: "Spectral", serif; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; line-height: 35px; margin-bottom: 0.5rem; color: #9E6632; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h5 { color: #005983; font-family: "Spectral", serif; font-size: 30px; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; margin-bottom: 1.5rem; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p { color: #1b1c1c; line-height: 32px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; text-align: left; padding: 0; margin-bottom: 1.5rem; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item.active ~ .owl-item .amenities-card-view .slide-count { opacity: 0.25; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation { position: relative; z-index: 12; align-items: center; justify-content: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .owl-line { width: 0; background: #9E6632; height: 2px; margin-right: 4rem; transition: 0.5s width ease-out 1s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .owl-line { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn { cursor: pointer; position: relative; border: 1px solid #005983; border-radius: 100px; transition: 0.2s border-color, 0.5s ease-out width 0.5s, 0.5s ease-out height 0.5s, 0.5s ease-out opacity 0.5s; overflow: hidden; width: 0; height: 0; opacity: 0; will-change: border-color, width, height, opacity; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::before, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::before { content: ""; background: #005983; width: var(--sliderArrowWidth); height: var(--sliderArrowHeight); position: absolute; top: 0; left: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); transition: 0.1s transform; border-radius: 150px; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::before, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::before { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::after, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::after { content: ""; background: url(../images/club-images/slider-arrow-icon.svg) no-repeat; width: var(--sliderArrowIconWidth); height: var(--sliderArrowIconHeight); position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.5s all; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn::after, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn::after { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn:hover, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn:hover { border-color: transparent; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn:hover::before, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customPrevBtn:hover::after, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn:hover::after { -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); -webkit-transform: translateX(-6px) translateY(-50%) scale(1.15); -moz-transform: translateX(-6px) translateY(-50%) scale(1.15); -ms-transform: translateX(-6px) translateY(-50%) scale(1.15); transform: translateX(-6px) translateY(-50%) scale(1.15); -o-transform: translateX(-6px) translateY(-50%) scale(1.15); } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .customNextBtn { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -o-transform: rotate(180deg); margin-left: 10px; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation.is-inview .owl-line { width: 33.333%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation.is-inview .customPrevBtn, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation.is-inview .customNextBtn { width: var(--sliderArrowWidth); height: var(--sliderArrowHeight); opacity: 1; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); top: -30vw; left: -40vw; height: 96.27vw; width: 100vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles { background-size: 108vw; } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards; -moz-animation: fadeIn ease-out 2s forwards; -webkit-animation: fadeIn ease-out 2s forwards; animation: fadeIn ease-out 2s forwards; } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead::before { --linewidth: 90px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .inner-container .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .inner-container .inner-para { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .amenities-wrapper .amenities-carl { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .cstm-bg { -o-animation: circleScale1 5s forwards; -moz-animation: circleScale1 5s forwards; -webkit-animation: circleScale1 5s forwards; animation: circleScale1 5s forwards; } #ui-area .public-layout #content-wrapper-home .csec-3 { position: relative; z-index: 1; } #ui-area .public-layout #content-wrapper-home .csec-3 .cst-section { padding: 145px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-3 .membership-home-cont { margin-top: 3rem; } #ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-3.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-3.is-inview .featured-cta-text-block-container .featured-cta-text-block { -o-animation: fadeInRight ease-out 2s forwards 0.5s; -moz-animation: fadeInRight ease-out 2s forwards 0.5s; -webkit-animation: fadeInRight ease-out 2s forwards 0.5s; animation: fadeInRight ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 { text-align: center; } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::before { left: -60px; } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-subhead::after { right: -60px; } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-3 .heading-area-01 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images { position: absolute; padding-bottom: 37%; height: 0; width: 30.7%; left: -4%; margin-top: -5%; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; border: 4px solid #fff; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images { margin-left: auto; position: relative; padding-bottom: 49.5%; height: 0; width: 70%; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; object-fit: cover; object-position: center bottom; border: 4px solid #fff; } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block { background: transparent !important; padding: 0; margin-bottom: 0; opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .left { width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right { width: auto; } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::before { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn::after { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-home .csec-3 .featured-cta-text-block-container .featured-cta-text-block .right .btn:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-home .csec-4 { position: relative; z-index: 2; } #ui-area .public-layout #content-wrapper-home .csec-4 .cst-section { padding: 125px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed { display: grid; grid-template-columns: repeat(5, 1fr); grid-auto-rows: auto; gap: 2px; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; position: relative; padding-bottom: 100%; height: 0; overflow: hidden; opacity: 0; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -o-transform: scale(0.75); } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(2) { grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(3) { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 1; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(4) { grid-column-start: 2; grid-column-end: 2; grid-row-start: 2; grid-row-end: 2; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(5) { grid-column-start: 3; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(6) { grid-column-start: 4; grid-column-end: 4; grid-row-start: 1; grid-row-end: 1; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(7) { grid-column-start: 4; grid-column-end: 4; grid-row-start: 2; grid-row-end: 2; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(8) { grid-column-start: 5; grid-column-end: 5; grid-row-start: 1; grid-row-end: 1; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(9) { grid-column-start: 5; grid-column-end: 5; grid-row-start: 2; grid-row-end: 2; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); transition: 0.5s ease-out transform; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new img { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new img:hover, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new img:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1); } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner { width: 33.4375vw; background: #005983; align-items: center; justify-content: center; flex-direction: column; height: auto; padding-bottom: 0 !important; position: relative; overflow: hidden; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); top: -37.5vw; left: -33.333vw; height: 94.27vw; width: 100vw; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg .abstractcircles { background-size: 115vw; -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon { z-index: 1; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i { color: #fff; font-size: 30px; border-radius: 50px; border: 1px solid #fff; padding: 10px; width: 58px; height: 58px; text-align: center; align-items: center; justify-content: center; transition: 0.3s background ease; will-change: background; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon:hover, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon:focus { text-decoration: none; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon:hover i, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon:focus i { text-decoration: none; background: #3f729b; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner h3 { color: #fff; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 28px; line-height: 34px; text-align: center; padding-top: 2rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .line { width: 50px; height: 4px; background: #fff; margin: 3rem 0 4rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton { --offset: 10px; --border-size: 2px; font-family: "ITC Avant Garde Pro Md", sans-serif !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #fff; letter-spacing: 3.2px; line-height: 20px; font-size: 14px !important; display: block; position: relative; padding: 1.5em 3em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent; outline: none; cursor: pointer; border: none; box-shadow: inset 0 0 0 var(--border-size) currentcolor; -webkit-box-shadow: inset 0 0 0 var(--border-size) currentcolor; transition: background 0.8s ease; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-horizontal, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-vertical { position: absolute; top: var(--horizontal-offset, 0); right: var(--vertical-offset, 0); bottom: var(--horizontal-offset, 0); left: var(--vertical-offset, 0); transition: transform 0.8s ease; will-change: transform; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-horizontal, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-vertical { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-horizontal::before, #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-vertical::before { content: ""; position: absolute; border: inherit; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-horizontal { --vertical-offset: calc(var(--offset) * -1); border-top: var(--border-size) solid currentcolor; border-bottom: var(--border-size) solid currentcolor; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-horizontal::before { top: calc(var(--vertical-offset) - var(--border-size)); bottom: calc(var(--vertical-offset) - var(--border-size)); left: calc(var(--vertical-offset) * -1); right: calc(var(--vertical-offset) * -1); } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-vertical { --horizontal-offset: calc(var(--offset) * -1); border-left: var(--border-size) solid currentcolor; border-right: var(--border-size) solid currentcolor; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton .instabutton-vertical::before { top: calc(var(--horizontal-offset) * -1); bottom: calc(var(--horizontal-offset) * -1); left: calc(var(--horizontal-offset) - var(--border-size)); right: calc(var(--horizontal-offset) - var(--border-size)); } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton:hover .instabutton-horizontal { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -o-transform: scaleX(0); } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton:hover .instabutton-vertical { -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -o-transform: scaleY(0); } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new { -o-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; -moz-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; -webkit-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(1) { animation-delay: 0.1s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(2) { animation-delay: 0.2s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(3) { animation-delay: 0.3s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(4) { animation-delay: 0.4s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(5) { animation-delay: 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(6) { animation-delay: 0.6s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(7) { animation-delay: 0.7s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(8) { animation-delay: 0.8s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(9) { animation-delay: 0.9s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(10) { animation-delay: 1s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(11) { animation-delay: 1.1s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(12) { animation-delay: 1.2s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(13) { animation-delay: 1.3s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(14) { animation-delay: 1.4s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(15) { animation-delay: 1.5s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(16) { animation-delay: 1.6s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(17) { animation-delay: 1.7s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(18) { animation-delay: 1.8s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(19) { animation-delay: 1.9s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(20) { animation-delay: 2s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(21) { animation-delay: 2.1s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(22) { animation-delay: 2.2s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(23) { animation-delay: 2.3s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(24) { animation-delay: 2.4s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(25) { animation-delay: 2.5s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(26) { animation-delay: 2.6s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(27) { animation-delay: 2.7s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(28) { animation-delay: 2.8s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(29) { animation-delay: 2.9s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(30) { animation-delay: 3s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(31) { animation-delay: 3.1s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(32) { animation-delay: 3.2s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(33) { animation-delay: 3.3s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(34) { animation-delay: 3.4s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(35) { animation-delay: 3.5s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(36) { animation-delay: 3.6s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(37) { animation-delay: 3.7s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(38) { animation-delay: 3.8s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(39) { animation-delay: 3.9s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(40) { animation-delay: 4s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(41) { animation-delay: 4.1s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(42) { animation-delay: 4.2s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(43) { animation-delay: 4.3s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(44) { animation-delay: 4.4s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(45) { animation-delay: 4.5s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(46) { animation-delay: 4.6s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(47) { animation-delay: 4.7s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(48) { animation-delay: 4.8s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(49) { animation-delay: 4.9s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .instagram_new:nth-child(50) { animation-delay: 5s; } #ui-area .public-layout #content-wrapper-home .csec-4.is-inview .instagram_feed .insta-banner .cstm-bg { -o-animation: circleScale1 5s forwards; -moz-animation: circleScale1 5s forwards; -webkit-animation: circleScale1 5s forwards; animation: circleScale1 5s forwards; } #ui-area .public-layout #content-wrapper-home .csec-5 { position: relative; padding: 0 0 var(--sectionPaddingtop); } #ui-area .public-layout #content-wrapper-home .csec-5 .cst-section { padding: 145px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); right: -69vw; top: -48vw; height: 96.27vw; width: 100vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg .abstractcircles { left: initial; right: 0; margin: 0; background-size: 118vw; } #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .testimonial-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .testimonial-wrapper::after { height: calc(100% - 103px); } #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .testimonial-wrapper .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content { -o-animation: fadeIn ease-out 2s forwards; -moz-animation: fadeIn ease-out 2s forwards; -webkit-animation: fadeIn ease-out 2s forwards; animation: fadeIn ease-out 2s forwards; } #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .testimonial-wrapper .owlc-navigation .TcustomPrevBtn, #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .testimonial-wrapper .owlc-navigation .TcustomNextBtn { width: var(--sliderArrowWidth); height: var(--sliderArrowHeight); opacity: 1; } #ui-area .public-layout #content-wrapper-home .csec-5.is-inview .cstm-bg { -o-animation: circleScale 5s forwards; -moz-animation: circleScale 5s forwards; -webkit-animation: circleScale 5s forwards; animation: circleScale 5s forwards; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper { width: 63.5%; margin: 0 auto; position: relative; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::after { content: ""; position: absolute; top: 0; background: #9E6632; height: 0; width: 2px; transition: 0.5s height ease-out 0.5s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::after { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::before { left: 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::after { right: 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .heading-area-01 { text-align: center; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .heading-area-01 .outer-bbhead { overflow: hidden; margin-bottom: 0.5rem; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .heading-area-01 .bb-heading { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view { text-align: center; width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content { flex-direction: column; align-items: center; opacity: 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p { width: 70%; padding-bottom: 0.5rem; position: relative; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { content: '"'; font-family: "ITC Avant Garde Pro Md", sans-serif; color: #D3E3E9; font-size: 80px; position: absolute; top: 15%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before { left: -60px; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { right: -60px; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content h6 { font-size: 14px !important; margin-bottom: 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation { position: relative; z-index: 12; align-items: center; justify-content: center; margin-top: 3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn { cursor: pointer; position: relative; border: 1px solid #005983; border-radius: 100px; transition: 0.2s border-color, 0.5s ease-out width 0.5s, 0.5s ease-out height 0.5s, 0.5s ease-out opacity 0.5s; overflow: hidden; width: 0; height: 0; opacity: 0; will-change: border-color, width, height, opacity; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn::before { content: ""; background: #005983; width: var(--sliderArrowWidth); height: var(--sliderArrowHeight); position: absolute; top: 0; left: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); transition: 0.1s transform; border-radius: 150px; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn::before { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn::after, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn::after { content: ""; background: url(../images/club-images/slider-arrow-icon.svg) no-repeat; width: var(--sliderArrowIconWidth); height: var(--sliderArrowIconHeight); position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.5s all; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn::after, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn::after { transition: none; } } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn:hover, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn:hover { border-color: transparent; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn:hover::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomPrevBtn:hover::after, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn:hover::after { -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); -webkit-transform: translateX(-6px) translateY(-50%) scale(1.15); -moz-transform: translateX(-6px) translateY(-50%) scale(1.15); -ms-transform: translateX(-6px) translateY(-50%) scale(1.15); transform: translateX(-6px) translateY(-50%) scale(1.15); -o-transform: translateX(-6px) translateY(-50%) scale(1.15); } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owlc-navigation .TcustomNextBtn { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -o-transform: rotate(180deg); margin-left: 10px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout .banner-wrapper-home .scroll-downs { bottom: 6.995vw; left: 1.8173vw; } #ui-area .public-layout .banner-wrapper-home .scroll-downs p { font-size: 0.545vw; letter-spacing: 0.0363vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section { padding: 1.1358vw 0 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view { width: 65.47vw; margin-top: 3.271vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image { width: 50.478vw; padding-bottom: 36.71vw; margin-left: 1.8vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card { width: 23.355vw; height: 19.899vw; padding: 2.9077vw 1.817vw 1.817vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h4 { font-size: 1.5901vw !important; line-height: 1.5901vw !important; margin-bottom: 0.363vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h5 { font-size: 1.363vw !important; line-height: 1.363vw !important; margin-bottom: 1.09vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p { line-height: 1.4538vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count { width: 9.086vw; height: 5.452vw; top: -2.8vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text { font-size: 6.815vw; } #ui-area .public-layout #content-wrapper-home .csec-3 .cst-section { padding: 6.5879vw 0 0; } #ui-area .public-layout #content-wrapper-home .csec-4 .cst-section { padding: 5.679vw 0 0; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i { font-size: 1.363vw; padding: 0.454vw; width: 2.6351vw; height: 2.6351vw; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner h3 { font-size: 1.272vw !important; line-height: 1.544vw !important; padding-top: 1.4538vw; margin-bottom: 0.7269vw; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .line { width: 2.2716vw; height: 0.1817vw; margin: 2.18vw 0 2.9077vw; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton { --offset: 0.454vw; line-height: 0.9086vw !important; font-size: 0.636vw !important; letter-spacing: 0.145vw; padding: 1.09vw 2.1808vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .cst-section { padding: 6.5879vw 0 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content h6 { font-size: 0.636vw !important; line-height: 1.363vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p { padding-bottom: 0.363vw; } } @media (max-width: 1600.98px) { #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container { width: calc(100% - 3.5291vw); } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -25vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card { width: 420px; height: 420px; padding: 2.5rem 1rem 1rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner h3 { font-size: 24px !important; line-height: 30px !important; padding-top: 1.5rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .line { margin: 2rem 0 3rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i { font-size: 26px; width: 54px; height: 54px; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton { --offset: 6px; padding: 1em 2em; } } @media (max-width: 1440.98px) { #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container { width: calc(100% - 2.3291vw); } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -20vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after { max-width: 24.375vw; min-width: 24.375vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card { padding: 2rem 1rem 1rem; width: 400px; height: 375px; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h4 { font-size: 30px !important; line-height: 30px !important; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content h5 { font-size: 26px !important; line-height: 26px !important; margin-bottom: 1rem; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p { line-height: 28px; font-size: 15px; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count { top: -14%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text { font-size: 120px; } } @media (max-width: 1299.98px) { #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 { width: calc(100% - 10px); } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 .inner-container { width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view { width: 89.5%; } } @media (max-width: 1199.98px) { #ui-area .public-layout .banner-wrapper-home .scroll-downs { left: -86px; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 { width: calc(100% - 20px); } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -15vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-carousel { width: 100%; margin: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper::after { display: none; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view { width: calc(100% - var(--containerPadding) * 2); margin-left: auto; margin-right: auto; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count { top: -17%; left: 0.8%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text { font-size: 100px; } #ui-area .public-layout #content-wrapper-home .csec-3 .cst-section { padding: 120px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-4 .cst-section { padding: 100px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner h3 { font-size: 22px !important; line-height: 28px !important; padding-top: 1rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .line { margin: 1rem 0 2rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i { font-size: 22px; width: 50px; height: 50px; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton { --offset: 5px; padding: 1em 1.5em; font-size: 12px !important; } #ui-area .public-layout #content-wrapper-home .csec-5 .cst-section { padding: 120px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper { width: 75%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper::after { height: calc(100% - 89px); } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { font-size: 60px; top: 10%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before { left: -50px; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { right: -50px; } } @media (max-width: 991.98px) { #ui-area .public-layout .banner-wrapper-home .scroll-downs { left: -106px; } #ui-area .public-layout #content-wrapper-home .csec-1 .heading-wrap .heading-area-01 { width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-images { width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images { display: none; } #ui-area .public-layout #content-wrapper-home .csec-1 .multi-banner-hg .banner-cp-o-images-2 { display: none; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -10vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 { text-align: center; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead { padding-left: 0; text-align: center; display: inline-block; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before, #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::after { content: ""; background: #9E6632; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); width: 50px; height: 2px; position: absolute; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::before { left: -60px; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .bb-subhead::after { right: -60px; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading { text-align: center; text-indent: 0; padding-left: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .inner-para { width: 100%; text-align: center; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image { width: 76%; padding-bottom: 60%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card .amenities-element--content p { line-height: var(--lineheightp); font-size: var(--paragraph); } #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead::before, #ui-area .public-layout #content-wrapper-home .csec-2.is-inview .heading-area-02 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg, #ui-area .public-layout #content-wrapper-home .csec-3 .cstm-bg, #ui-area .public-layout #content-wrapper-home .csec-4 .cstm-bg, #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg { top: -25vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section, #ui-area .public-layout #content-wrapper-home .csec-3 .cst-section, #ui-area .public-layout #content-wrapper-home .csec-4 .cst-section, #ui-area .public-layout #content-wrapper-home .csec-5 .cst-section { padding: 75px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed { display: flex; width: 100%; flex-direction: row; flex-wrap: wrap; gap: 2px; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new { width: calc(50% - 2px); padding-bottom: 40%; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(1) { order: 2; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(2) { order: 3; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(3) { order: 4; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .instagram_new:nth-child(4) { order: 5; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner { order: 1; width: 100%; min-height: 350px; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner h3 { font-size: 22px !important; line-height: 28px !important; padding-top: 1rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .line { margin: 1rem 0 2rem; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .insta_icon i { font-size: 22px; width: 50px; height: 50px; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .instabutton { --offset: 5px; padding: 1em 1.5em; font-size: 12px !important; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg { top: -85.5vw; left: -50.333vw; height: 196.27vw; width: 200vw; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg .abstractcircles { background-size: 200vw; } } @media (max-width: 767.98px) { #ui-area .public-layout .banner-wrapper-home .scroll-downs { left: -73px; bottom: 130px; } #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown .scrollarrow { width: 130px; } #ui-area .public-layout #content-wrapper-home .csec-2 .cst-section, #ui-area .public-layout #content-wrapper-home .csec-3 .cst-section, #ui-area .public-layout #content-wrapper-home .csec-4 .cst-section, #ui-area .public-layout #content-wrapper-home .csec-5 .cst-section { padding: 50px 0 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -51vw; left: -88vw; height: 196.27vw; width: 200vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles { background-size: 200vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-carousel { width: 100%; margin: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel { margin-bottom: 0; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view { margin-bottom: 300px; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-image { width: 96.5%; padding-bottom: 70%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card { bottom: -20%; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); -o-transform: translateY(20%); left: 3.5%; right: 0; margin: 0 auto; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count { top: -15%; left: -0.4%; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-images { left: 0; } #ui-area .public-layout #content-wrapper-home .csec-3 .multi-banner-hg .banner-cp-o-images { width: 66%; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg { top: -118.5vw; left: -95.333vw; height: 296.27vw; width: 300vw; } #ui-area .public-layout #content-wrapper-home .csec-4 .instagram_feed .insta-banner .cstm-bg .abstractcircles { background-size: 300vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper { width: 100%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p { width: 80%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { font-size: 50px; top: 7%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before { left: -20px; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { right: -20px; } } @media (max-width: 575.98px) { #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -77vw; left: -138vw; height: 296.27vw; width: 300vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg .abstractcircles { background-size: 300vw; } #ui-area .public-layout #content-wrapper-home .csec-2 .heading-area-02 .inner-container .bb-heading br { display: none; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view { flex-direction: column; margin-bottom: 0; padding-bottom: 4rem; margin-top: 2rem; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .amenities-card { width: 90%; position: relative; top: initial; height: auto; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; margin-top: -10%; left: 1.75%; bottom: initial; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count { top: -12%; left: -1.2%; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owl-carousel .owl-stage .owl-item .amenities-card-view .slide-count .slide-count-g text { font-size: 80px; } #ui-area .public-layout #content-wrapper-home .csec-2 .amenities-wrapper .owlc-navigation .owl-line { margin-right: 2rem; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg { right: -109vw; top: -15vw; height: 146.27vw; width: 150vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg .abstractcircles { background-size: 150vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p { width: 80%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { font-size: 40px; top: 4%; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before { left: -18px; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { right: -18px; } } @media (max-width: 424.98px) { #ui-area .public-layout .banner-wrapper-home .scroll-downs #slider_scrollDown { padding-right: 14px; } #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: -20vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content h4 { font-size: 24px !important; line-height: 24px !important; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content h5 { font-size: 22px !important; line-height: 22px !important; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p { padding-bottom: 1rem; } #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::before, #ui-area .public-layout #content-wrapper-home .csec-5 .testimonial-wrapper .owl-carousel .testimonial-card-view .testimonial-element--content p::after { font-size: 30px; top: 2%; } } @media (max-width: 375.98px) { #ui-area .public-layout #content-wrapper-home .csec-2 .cstm-bg { top: 0vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg { right: -121vw; top: -15vw; height: 166.27vw; width: 170vw; } #ui-area .public-layout #content-wrapper-home .csec-5 .cstm-bg .abstractcircles { background-size: 170vw; } } #ui-area .public-layout.public-amenities-layout { padding: 0; } #ui-area .public-layout #content-wrapper-amenities .csec-1 { position: relative; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .bb-subhead { padding-left: 137px; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container { padding-left: 139px; overflow: hidden; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .bb-paragraph { opacity: 0; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -o-transform: translate(-100%, 0); } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .bb-para-01 { padding-bottom: 0.8rem !important; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } @media (max-width: 640.98px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .btn-custom { white-space: normal; } } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs { position: absolute; bottom: -4%; width: auto; height: auto; z-index: 23; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -o-transform: rotate(-90deg); display: flex; align-items: center; right: 17%; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs p { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: 12px; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 0.8px; color: #005983; line-height: normal; padding: 0; order: 2; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs #slider_scrollDown { position: relative !important; display: block; height: auto; text-align: center; padding-right: 15px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; order: 1; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs #slider_scrollDown .scrollarrow { content: url(../images/club-images/Icon-ScrollDown.svg); display: block; background-color: #9E6632; pointer-events: none; width: 99px; height: 2px; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); top: -12vw; right: -40vw; height: 96.27vw; width: 100vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .cstm-bg .abstractcircles { background-size: 115vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1.is-inview .cstm-bg { -o-animation: circleScale3 5s forwards; -moz-animation: circleScale3 5s forwards; -webkit-animation: circleScale3 5s forwards; animation: circleScale3 5s forwards; } #ui-area .public-layout #content-wrapper-amenities .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before { --linewidth: 127px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-1.is-inview .heading-wrap .heading-area-02 .inner-container .bb-paragraph { -o-animation: fadeInLeft ease-out 2s forwards 0.5s; -moz-animation: fadeInLeft ease-out 2s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 2s forwards 0.5s; animation: fadeInLeft ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-odd .image img, #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-even .image img, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-odd .image img, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-even .image img, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-odd .image img, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-even .image img, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-odd .image img, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-even .image img { -o-animation: imageScale 5s ease infinite alternate; -moz-animation: imageScale 5s ease infinite alternate; -webkit-animation: imageScale 5s ease infinite alternate; animation: imageScale 5s ease infinite alternate; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead { -o-animation: fadeIn ease-out 2s forwards; -moz-animation: fadeIn ease-out 2s forwards; -webkit-animation: fadeIn ease-out 2s forwards; animation: fadeIn ease-out 2s forwards; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before { --linewidth: 90px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-odd .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-even .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-odd .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-even .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-odd .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-even .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-odd .content-area .heading-area .bb-heading, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-even .content-area .heading-area .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-even .content-area .heading-area .inner-container, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-even .content-area .heading-area .inner-container, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-even .content-area .heading-area .inner-container, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-even .content-area .heading-area .inner-container { -o-animation: fadeInLeft ease-out 1s forwards 1.2s; -moz-animation: fadeInLeft ease-out 1s forwards 1.2s; -webkit-animation: fadeInLeft ease-out 1s forwards 1.2s; animation: fadeInLeft ease-out 1s forwards 1.2s; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-odd .content-area .heading-area .inner-container, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-odd .content-area .heading-area .inner-container, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-odd .content-area .heading-area .inner-container, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-odd .content-area .heading-area .inner-container { -o-animation: fadeInRight ease-out 1s forwards 1.2s; -moz-animation: fadeInRight ease-out 1s forwards 1.2s; -webkit-animation: fadeInRight ease-out 1s forwards 1.2s; animation: fadeInRight ease-out 1s forwards 1.2s; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .image { flex: 0 0 44.7%; max-width: 44.7%; position: relative; height: 0; overflow: hidden; padding-bottom: 31.5%; z-index: 1; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area { background: #fbfaf8; flex: 0 0 63.3%; max-width: 63.3%; padding: 2rem 0; z-index: 2; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area { flex-direction: column; align-self: center; width: 43vw; margin-left: -50px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .outer-bbhead { overflow: hidden; margin-bottom: 1.8rem; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .bb-heading { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: 0; opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container { margin-left: 100px; opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even { flex-direction: row-reverse; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .image { flex: 0 0 44.7%; max-width: 44.7%; position: relative; height: 0; overflow: hidden; padding-bottom: 31.5%; z-index: 1; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area { background: rgba(211, 227, 233, 0.3); flex: 0 0 63.3%; max-width: 63.3%; padding: 2rem 0; z-index: 2; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area { flex-direction: column; align-self: center; width: calc(100% - 26.8rem); margin-left: auto; margin-right: -50px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .heading-cont { text-align: right; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .bb-subhead { display: block; position: relative; padding-right: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; right: 0; position: absolute; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .outer-bbhead { overflow: hidden; margin-bottom: 1.8rem; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .bb-heading { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: 0; opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container { margin-right: 100px; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-amenities .csec-5 { position: relative; z-index: 2; } #ui-area .public-layout #content-wrapper-amenities .csec-6 { position: relative; z-index: 1; overflow: hidden; padding: 0 0 var(--sectionPaddingtop); } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 { overflow: hidden; text-align: center; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead::before { left: -60px; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead::after { right: -60px; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 { position: relative; align-items: center; height: var(--cstbtnWidth2); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize2) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace2); padding: 0 !important; display: inline-flex; flex-direction: column; width: auto; transition: 0.3s color linear; will-change: color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 .border1, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 .border2 { position: relative; width: var(--cstbtnWidth2); height: calc(var(--cstbtnWidth2) / 2); overflow: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 .border1::before { content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth2); height: var(--cstbtnWidth2); display: inline-block; border-radius: 160px; text-shadow: none !important; box-shadow: none !important; border: var(--cstbtnBorder2) solid #9E6632; transition: border-left-color 0.2s cubic-bezier(0.4, 0, 1, 1), border-top-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.2s, border-right-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.4s; will-change: border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 .border1::before { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 .border2::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth2); height: var(--cstbtnWidth2); display: inline-block; border-radius: 160px; text-shadow: none !important; box-shadow: none !important; border: var(--cstbtnBorder2) solid #9E6632; transition: border-right-color 0.25s linear, border-bottom-color 0.25s linear 0.2s, border-left-color 0.25s linear 0.3s; will-change: border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2 .border2::before { transition: none; } } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2:hover, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2:focus { color: #9E6632; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2:hover .border1::before, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2:focus .border1::before { border-top-color: #005983; border-right-color: #005983; border-left-color: #005983; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2:hover .border2::before, #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .btn-custom2:focus .border2::before { border-bottom-color: #005983; border-right-color: #005983; border-left-color: #005983; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .inner-container { opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); top: -24vw; right: 0; left: 0; transform-origin: center; height: 96.27vw; width: 100vw; margin: 0 auto; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg .abstractcircles { right: 0; background-size: 115vw; } #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .cstm-bg { -o-animation: circleScale3 5s forwards; -moz-animation: circleScale3 5s forwards; -webkit-animation: circleScale3 5s forwards; animation: circleScale3 5s forwards; } #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .inner-container { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container .bb-para-01 { padding-bottom: 0.581vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs p { font-size: 0.545vw; letter-spacing: 0.036vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs #slider_scrollDown { padding-right: 0.6815vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs #slider_scrollDown .scrollarrow { width: 4.497vw; } } @media (max-width: 1600.98px) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area { width: 54vw; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .image { padding-bottom: 34%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area { width: 54vw; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .image { padding-bottom: 34%; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -17vw; } } @media (max-width: 1440.98px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container { padding-left: 7vw; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .image { padding-bottom: 43%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .image { padding-bottom: 43%; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -3vw; } } @media (max-width: 1199.98px) { #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .image { padding-bottom: 47%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .image { padding-bottom: 47%; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -34vw; left: -27vw; height: 146.27vw; width: 150vw; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg .abstractcircles { background-size: 150vw; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .heading-wrap .heading-area-02 .inner-container { padding-left: 7vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs { right: -10%; bottom: 10px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd { flex-direction: column; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .image { flex: 0 0 100%; max-width: 100%; padding-bottom: 72.5%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area { flex: 0 0 100%; max-width: 100%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area { width: calc(100% - 100px); margin-left: 50px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container { margin-left: 50px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even { flex-direction: column; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .image { flex: 0 0 100%; max-width: 100%; padding-bottom: 72.5%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area { flex: 0 0 100%; max-width: 100%; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area { width: calc(100% - 100px); margin-right: 50px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container { margin-right: 50px; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -23vw; left: -25vw; } } @media (max-width: 767px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs { right: -15%; bottom: 40px; } } @media (max-width: 575.98px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .scroll-downs { display: none; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .cstm-bg { top: -32vw; right: -110vw; height: 196.27vw; width: 200vw; } #ui-area .public-layout #content-wrapper-amenities .csec-1 .cstm-bg .abstractcircles { background-size: 200vw; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area { width: calc(100% - 50px); margin-left: 25px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .inner-container { margin-left: 25px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area { width: calc(100% - 50px); margin-right: 25px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .inner-container { margin-right: 25px; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -30vw; left: -48vw; height: 196.27vw; width: 200vw; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg .abstractcircles { background-size: 200vw; } } @media (max-width: 424.98px) { #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -46vw; left: -100vw; width: 300vw; height: 296.27vw; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg .abstractcircles { background-size: 300vw; } } @media (max-width: 375.98px) { #ui-area .public-layout #content-wrapper-amenities .csec-1 .cstm-bg { top: -22vw; right: -131vw; } #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-2.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-3.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-4.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-odd .content-area .heading-area .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-5.is-inview .amenities-griding-even .content-area .heading-area .bb-subhead::before { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-odd .content-area .heading-area .bb-subhead { padding-left: 60px; } #ui-area .public-layout #content-wrapper-amenities .amenities-griding-even .content-area .heading-area .bb-subhead { padding-right: 60px; } #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-amenities .csec-6.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 30px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead::before { left: -40px; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .heading-area-01 .bb-subhead::after { right: -40px; } #ui-area .public-layout #content-wrapper-amenities .csec-6 .cstm-bg { top: -30vw; } } #ui-area .public-layout #content-wrapper-community .csec-1 { position: relative; z-index: 2; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .bb-subhead { padding-left: 80px; margin-bottom: calc(var(--subheadingmb) - 0.4rem); } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .bb-heading { -webkit-transform: translate(0px, calc(100% + var(--marginBt))); -moz-transform: translate(0px, calc(100% + var(--marginBt))); -ms-transform: translate(0px, calc(100% + var(--marginBt))); transform: translate(0px, calc(100% + var(--marginBt))); -o-transform: translate(0px, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container { margin-left: 7.239vw; position: relative; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container::before { content: ""; position: absolute; height: 0; width: 2px; background: #9E6632; left: -7%; transition: 0.5s height ease-out 2s; will-change: height; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container::before { transition: none; } } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg { position: relative; margin-top: 65px; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-images { order: 2; position: relative; top: 0; left: 0; height: 0; padding-bottom: 49.5%; z-index: 3; width: 70%; margin-left: auto; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-images img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center bottom; border: 3px solid #fff; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-images::after { content: ""; width: 56.9%; background: #9E6632; height: 2px; position: absolute; right: 0; bottom: -17px; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-o-images { order: 1; position: relative; top: 0; left: -2.5%; height: 0; padding-bottom: 36.842%; margin-top: -2.5%; z-index: 2; width: 30.8%; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-o-images img { position: absolute; top: 0; left: 0; border: 3px solid #fff; object-fit: cover; object-position: center bottom; height: 100%; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-o-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-community .csec-1 .multi-banner-hg .banner-cp-o-images::after { content: ""; width: 129.2%; background: #9e6632; height: 2px; position: absolute; left: 106%; top: 0; } #ui-area .public-layout #content-wrapper-community .csec-1.is-inview .heading-wrap .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-1.is-inview .heading-wrap .heading-area-01 .bb-subhead::before { --linewidth: 70px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-1.is-inview .heading-wrap .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-1.is-inview .heading-wrap .heading-area-01 .inner-container { -o-animation: fadeInLeft ease-out 2s forwards 0.5s; -moz-animation: fadeInLeft ease-out 2s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 2s forwards 0.5s; animation: fadeInLeft ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-1.is-inview .heading-wrap .heading-area-01 .inner-container::before { height: 19.79vw; } #ui-area .public-layout #content-wrapper-community .csec-2 { position: relative; } #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); height: 96.27vw; width: 100vw; top: -50vw; left: -15vw; } #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg .abstractcircles { background-size: 113vw; } #ui-area .public-layout #content-wrapper-community .csec-2.is-inview .cstm-bg { -o-animation: circleScale4 5s forwards; -moz-animation: circleScale4 5s forwards; -webkit-animation: circleScale4 5s forwards; animation: circleScale4 5s forwards; } #ui-area .public-layout #content-wrapper-community .csec-4 { position: relative; } #ui-area .public-layout #content-wrapper-community .csec-4 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); height: 96.27vw; width: 100vw; top: -24vw; right: -30vw; } #ui-area .public-layout #content-wrapper-community .csec-4 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-community .csec-4 .cstm-bg .abstractcircles { background-size: 100vw; } #ui-area .public-layout #content-wrapper-community .csec-4.is-inview .cstm-bg { -o-animation: circleScale4 5s forwards; -moz-animation: circleScale4 5s forwards; -webkit-animation: circleScale4 5s forwards; animation: circleScale4 5s forwards; } #ui-area .public-layout #content-wrapper-community .csec-4.is-inview .cstm-bg .abstractcircles { -o-animation: rotate360 90s infinite 6s; -moz-animation: rotate360 90s infinite 6s; -webkit-animation: rotate360 90s infinite 6s; animation: rotate360 90s infinite 6s; } #ui-area .public-layout #content-wrapper-community .csec-2 .cst-section, #ui-area .public-layout #content-wrapper-community .csec-4 .cst-section { padding: calc(var(--sectionPaddingtop) + 30px) 0 0; } #ui-area .public-layout #content-wrapper-community .csec-2.is-inview .content-box, #ui-area .public-layout #content-wrapper-community .csec-4.is-inview .content-box { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-2.is-inview .content-box .bb-heading, #ui-area .public-layout #content-wrapper-community .csec-4.is-inview .content-box .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-2.is-inview .content-box .bb-para-01, #ui-area .public-layout #content-wrapper-community .csec-4.is-inview .content-box .bb-para-01 { -o-animation: fadeInTop ease-out 0.6s forwards 0.7s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.7s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.7s; animation: fadeInTop ease-out 0.6s forwards 0.7s; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 { position: relative; height: 0; padding-bottom: 34.7%; width: 49.2%; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01 .filled-text, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 .filled-text { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; left: 85%; z-index: 1; font-size: var(--outlinedfilled-text) !important; line-height: var(--outlinedfilled-lineh) !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #9E6632; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01 .outline-text, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 .outline-text { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; left: 85%; z-index: 3; font-size: var(--outlinedfilled-text) !important; line-height: var(--outlinedfilled-lineh) !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #9E6632; color: transparent; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01 .image, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 .image { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center bottom; width: 100%; height: 100%; z-index: 2; } #ui-area .public-layout #content-wrapper-community .csec-2 .content-box, #ui-area .public-layout #content-wrapper-community .csec-4 .content-box { background-color: #fbfaf8; padding: 3rem 2rem; position: absolute; bottom: 10%; width: 58%; right: 0; z-index: 4; opacity: 0; } #ui-area .public-layout #content-wrapper-community .csec-2 .content-box .outer-bbhead, #ui-area .public-layout #content-wrapper-community .csec-4 .content-box .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-community .csec-2 .content-box .bb-heading, #ui-area .public-layout #content-wrapper-community .csec-4 .content-box .bb-heading { color: #005983; opacity: 0; -webkit-transform: translate(0, calc(100% + var(--headingh3mb))); -moz-transform: translate(0, calc(100% + var(--headingh3mb))); -ms-transform: translate(0, calc(100% + var(--headingh3mb))); transform: translate(0, calc(100% + var(--headingh3mb))); -o-transform: translate(0, calc(100% + var(--headingh3mb))); } #ui-area .public-layout #content-wrapper-community .csec-2 .content-box .bb-para-01, #ui-area .public-layout #content-wrapper-community .csec-4 .content-box .bb-para-01 { padding: 0; -webkit-transform: translate(0, calc(-100% - var(--headingh3mb))); -moz-transform: translate(0, calc(-100% - var(--headingh3mb))); -ms-transform: translate(0, calc(-100% - var(--headingh3mb))); transform: translate(0, calc(-100% - var(--headingh3mb))); -o-transform: translate(0, calc(-100% - var(--headingh3mb))); opacity: 0; } #ui-area .public-layout #content-wrapper-community .csec-3.is-inview .content-box { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-3.is-inview .content-box .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-3.is-inview .content-box .bb-para-01 { -o-animation: fadeInTop ease-out 0.6s forwards 0.7s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.7s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.7s; animation: fadeInTop ease-out 0.6s forwards 0.7s; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 { position: relative; height: 0; padding-bottom: 34.7%; width: 49.2%; margin-left: auto; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 .filled-text-2 { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; right: 85%; z-index: 1; font-size: var(--outlinedfilled-text) !important; line-height: var(--outlinedfilled-lineh) !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #9E6632; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 .outline-text-2 { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; right: 85%; z-index: 3; font-size: var(--outlinedfilled-text) !important; line-height: var(--outlinedfilled-lineh) !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #9E6632; color: transparent; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 .image-2 { position: absolute; top: 0; right: 0; object-fit: cover; object-position: center bottom; width: 100%; height: 100%; z-index: 2; } #ui-area .public-layout #content-wrapper-community .csec-3 .content-box { background-color: #fbfaf8; padding: 3rem 2rem; position: absolute; bottom: 10%; width: 58%; left: 0; z-index: 4; opacity: 0; } #ui-area .public-layout #content-wrapper-community .csec-3 .content-box .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-community .csec-3 .content-box .bb-heading { color: #005983; opacity: 0; -webkit-transform: translate(0, calc(100% + var(--headingh3mb))); -moz-transform: translate(0, calc(100% + var(--headingh3mb))); -ms-transform: translate(0, calc(100% + var(--headingh3mb))); transform: translate(0, calc(100% + var(--headingh3mb))); -o-transform: translate(0, calc(100% + var(--headingh3mb))); } #ui-area .public-layout #content-wrapper-community .csec-3 .content-box .bb-para-01 { padding: 0; -webkit-transform: translate(0, calc(-100% - var(--headingh3mb))); -moz-transform: translate(0, calc(-100% - var(--headingh3mb))); -ms-transform: translate(0, calc(-100% - var(--headingh3mb))); transform: translate(0, calc(-100% - var(--headingh3mb))); -o-transform: translate(0, calc(-100% - var(--headingh3mb))); opacity: 0; } #ui-area .public-layout #content-wrapper-community .csec-5.is-inview .journal-content-article { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-5.is-inview .journal-content-article h3 { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article { background: #f2f7f8; padding: 3rem 2rem; opacity: 0; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 { color: #1b1c1c; text-align: center; margin-bottom: 0; line-height: 40px !important; opacity: 0; -webkit-transform: translate(0, calc(100% + 3rem)); -moz-transform: translate(0, calc(100% + 3rem)); -ms-transform: translate(0, calc(100% + 3rem)); transform: translate(0, calc(100% + 3rem)); -o-transform: translate(0, calc(100% + 3rem)); } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 a { display: inline-block; position: relative; line-height: normal; border: none; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 a::before { content: ""; position: absolute; bottom: 0; left: 0; background-color: rgba(158, 102, 50, 0.3); width: 100%; height: 2px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-community .csec-2 .content-box, #ui-area .public-layout #content-wrapper-community .csec-4 .content-box { padding: 2.18vw 1.453vw; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article { padding: 2.18vw 1.453vw; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 a { line-height: 2.181vw; font-size: var(--heading3); } } @media (max-width: 1600.98px) { #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 { padding-bottom: 41.7%; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 { padding-bottom: 41.7%; } } @media (max-width: 1440.98px) { #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 { padding-bottom: 51.7%; width: 52.2%; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 { padding-bottom: 51.7%; width: 52.2%; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg { height: 196.27vw; width: 200vw; top: -90vw; left: -95vw; } #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg .abstractcircles { background-size: 200vw; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 { padding-bottom: 36.7%; width: 49.2%; } #ui-area .public-layout #content-wrapper-community .csec-2 .content-box, #ui-area .public-layout #content-wrapper-community .csec-4 .content-box { position: relative; padding: 2rem; margin: -5% 0 0 auto; left: 0; right: 0; width: 95%; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 { padding-bottom: 36.7%; width: 49.2%; } #ui-area .public-layout #content-wrapper-community .csec-3 .content-box { position: relative; padding: 2rem; margin: -5% auto 0; left: 0; right: 0; width: 90%; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 { line-height: 45px; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 a::before { bottom: 4px; height: 1px; } #ui-area .public-layout #content-wrapper-community .csec-4 .cstm-bg { height: 196.27vw; width: 200vw; top: -30vw; right: -90vw; } #ui-area .public-layout #content-wrapper-community .csec-4 .cstm-bg .abstractcircles { background-size: 200vw; } } @media (max-width: 767.98px) { #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg { left: -105vw; } #ui-area .public-layout #content-wrapper-community .csec-2 .cstm-bg .abstractcircles { background-size: 200vw; } } @media (max-width: 575.98px) { #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container { margin-left: 0; } #ui-area .public-layout #content-wrapper-community .csec-1 .heading-wrap .heading-area-01 .inner-container::before { display: none; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 { padding-bottom: 46.7%; width: 79.2%; } #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01 .outline-text, #ui-area .public-layout #content-wrapper-community .csec-2 .heading-area-01 .filled-text, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 .outline-text, #ui-area .public-layout #content-wrapper-community .csec-4 .heading-area-01 .filled-text { left: initial; right: -26%; top: 10%; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 { padding-bottom: 46.7%; width: 79.2%; } #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 .outline-text-2, #ui-area .public-layout #content-wrapper-community .csec-3 .heading-area-01 .filled-text-2 { right: initial; left: -26%; top: 10%; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article { padding: 2rem; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 a { display: initial; } #ui-area .public-layout #content-wrapper-community .csec-5 .journal-content-article h3 a::before { display: none; } } @media (max-width: 424.98px) { #ui-area .public-layout #content-wrapper-community .csec-4 .cstm-bg { right: -110vw; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 { position: relative; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .heading-wrap { overflow: hidden; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .heading-wrap .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .heading-wrap .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .heading-wrap .heading-area-02 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container { margin-top: 1rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu { position: absolute; top: -72px; right: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -o-transform: translate(100%, 0); opacity: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li { width: auto; padding: 0 0.8rem; border-right: 1px solid #D3E3E9; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li:first-child { padding-left: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li:last-child { padding-right: 0; border-right: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li::before { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li h3 { background: #fff !important; color: #1b1c1c !important; font-family: "ITC Avant Garde Pro Md", sans-serif; cursor: pointer; padding: 0.3rem 1rem !important; line-height: normal !important; margin-bottom: 0 !important; border-radius: 50px; transition: 0.4s background ease; will-change: background; font-size: var(--subheading1) !important; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li h3 { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li:hover h3, #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li:focus h3 { background: #D3E3E9 !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li.active h3 { background: #005983 !important; color: #fff !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content { background: transparent; padding: 0; border: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(1) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); -o-transform: translate(-100%, 0); opacity: 0; transition: 0.6s ease-out transform 0.6s, 1s ease-out opacity 0.7s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(1) { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(2) { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -o-transform: translate(100%, 0); opacity: 0; transition: 0.6s ease-out transform 0.6s, 1s ease-out opacity 0.7s; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:nth-child(2) { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm h5 { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 2.4px; margin-bottom: 2rem; color: #9E6632; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .bxc { padding-bottom: 1.5rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .bxc h6 { color: #005983; font-size: calc(var(--subheading1) + 2px) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; border-bottom: 1px solid #9E6632; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before { --linewidth: 90px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1.is-inview .tabs-container .tabs-menu { -o-animation: fadeInRight ease-out 1s forwards 0.5s; -moz-animation: fadeInRight ease-out 1s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1s forwards 0.5s; animation: fadeInRight ease-out 1s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1.is-inview .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6 { opacity: 1; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -o-transform: translate(0, 0); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 { position: relative; z-index: 1; background: #fbfaf8; padding: 3rem 0; margin: calc(var(--sectionPaddingtop) - 1.5rem) 0 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-menu { -o-animation: fadeInRight ease-out 1s forwards 0.5s; -moz-animation: fadeInRight ease-out 1s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1s forwards 0.5s; animation: fadeInRight ease-out 1s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab1 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab2 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab3 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab4 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab5 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab6 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab7 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab8 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab9 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab10 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab11 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab12 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab13 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab14 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab15 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab16 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab17 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab18 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab19 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab20 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab21 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab22 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab23 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab24 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab25 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab26 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab27 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab28 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab29 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab30 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab31 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab32 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab33 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab34 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab35 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab36 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab37 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab38 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab39 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab40 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab41 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab42 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab43 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab44 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab45 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab46 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab47 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab48 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab49 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top.mapd-top-tab50 { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .club-map { -o-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -moz-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 1.5s forwards 0.5s; animation: fadeInLeft ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-subhead::before { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .club-cont-main { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx { -o-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 0.5s; -moz-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 0.5s; -webkit-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 0.5s; animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx1 { animation-delay: 0.1s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx2 { animation-delay: 0.2s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx3 { animation-delay: 0.3s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx4 { animation-delay: 0.4s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx5 { animation-delay: 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx6 { animation-delay: 0.6s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx7 { animation-delay: 0.7s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx8 { animation-delay: 0.8s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx9 { animation-delay: 0.9s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx10 { animation-delay: 1s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx11 { animation-delay: 1.1s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx12 { animation-delay: 1.2s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx13 { animation-delay: 1.3s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx14 { animation-delay: 1.4s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx15 { animation-delay: 1.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx16 { animation-delay: 1.6s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx17 { animation-delay: 1.7s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx18 { animation-delay: 1.8s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx19 { animation-delay: 1.9s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx20 { animation-delay: 2s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx21 { animation-delay: 2.1s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx22 { animation-delay: 2.2s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx23 { animation-delay: 2.3s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx24 { animation-delay: 2.4s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx25 { animation-delay: 2.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx26 { animation-delay: 2.6s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx27 { animation-delay: 2.7s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx28 { animation-delay: 2.8s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx29 { animation-delay: 2.9s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx30 { animation-delay: 3s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx31 { animation-delay: 3.1s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx32 { animation-delay: 3.2s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx33 { animation-delay: 3.3s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx34 { animation-delay: 3.4s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx35 { animation-delay: 3.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx36 { animation-delay: 3.6s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx37 { animation-delay: 3.7s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx38 { animation-delay: 3.8s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx39 { animation-delay: 3.9s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx40 { animation-delay: 4s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx41 { animation-delay: 4.1s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx42 { animation-delay: 4.2s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx43 { animation-delay: 4.3s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx44 { animation-delay: 4.4s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx45 { animation-delay: 4.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx46 { animation-delay: 4.6s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx47 { animation-delay: 4.7s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx48 { animation-delay: 4.8s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx49 { animation-delay: 4.9s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2.is-inview .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx50 { animation-delay: 5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu { white-space: nowrap; position: absolute; left: 50%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); -o-transform: translate(100%, 0); opacity: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link { width: auto; padding-right: 1rem; border-right: 1px solid #D3E3E9; margin-right: 1rem; margin-bottom: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link:last-child { border-right: none; margin-right: 0; padding-right: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link::before { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link h3 { color: #1b1c1c !important; margin-bottom: 0 !important; font-family: "ITC Avant Garde Pro Md", sans-serif; padding: 0 1rem !important; font-size: var(--subheading1) !important; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link:hover h3, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link:focus h3 { background: #D3E3E9 !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link.active h3 { background: #005983 !important; color: #fff !important; border-radius: 50px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content { padding: 0; border: none; background: transparent; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top { width: 100%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .club-map { max-width: 47.5%; flex: 0 0 47.5%; position: relative; height: 0; padding-bottom: 28.7%; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .club-map::before { content: ""; position: absolute; z-index: 0; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .club-map iframe { border: 0; position: absolute; top: 0; left: 0; object-fit: cover; object-position: center bottom; height: 100%; width: 100%; border: 3px solid #fff !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo { flex: 0 0 52.5%; max-width: 52.5%; padding-top: 6rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-subhead { padding-left: 60px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .heading-area-02 .bb-heading { margin-bottom: 0.8rem !important; -webkit-transform: translate(0px, calc(100% + 0.8rem)); -moz-transform: translate(0px, calc(100% + 0.8rem)); -ms-transform: translate(0px, calc(100% + 0.8rem)); transform: translate(0px, calc(100% + 0.8rem)); -o-transform: translate(0px, calc(100% + 0.8rem)); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .club-cont-main { opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .club-cont .club-details p { padding-bottom: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .club-cont .club-details .clubdl { font-family: "lexia", serif; font-size: var(--paragraph); line-height: var(--lineheightp); padding: 0 0 calc(var(--parapadding) - 10px); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .club-cont .club-details .clubdl.club-email { padding-bottom: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom { margin-top: 2.5rem; position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom { width: 100%; margin-top: 3rem; padding-top: 3rem; border-top: 1px solid rgba(158, 102, 50, 0.3); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description { flex-wrap: wrap; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx { flex: 0 0 33.333%; max-width: 33.333%; padding: 0 15px 15px; opacity: 0; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -o-transform: scale(0.75); } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx:nth-last-of-type(1), #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx:nth-last-of-type(2) { padding-bottom: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx h6 { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: calc(var(--subheading1) + 2px); color: #005983; border-bottom: 1px solid #9E6632; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx4 p, #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx5 p { padding-bottom: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 { position: relative; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); height: 96.27vw; width: 100vw; top: -25vw; left: -45vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg .abstractcircles { background-size: 113vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .cstm-bg { -o-animation: circleScale3 5s forwards; -moz-animation: circleScale3 5s forwards; -webkit-animation: circleScale3 5s forwards; animation: circleScale3 5s forwards; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .featured-text-block-container .featured-text-block .left { -o-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -moz-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 1.5s forwards 0.5s; animation: fadeInLeft ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3.is-inview .featured-text-block-container .featured-text-block .right { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 { text-align: center; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .bb-subhead::before { left: -60px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .bb-subhead::after { right: -60px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .heading-area-01 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block { background: transparent; padding: 0; display: flex; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .left { padding-bottom: 24.55%; height: 0; position: relative; overflow: hidden; width: 39%; top: 0; left: 0; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .left img { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center bottom; width: 100%; height: 100%; max-width: initial; max-height: initial; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right { width: 61%; margin-left: 0; padding-left: 5rem; opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right ul { margin-left: var(--cstbtniconWidth); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right ul li { position: relative; font-size: var(--paragraph) !important; line-height: var(--lineheightp) !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right ul li::before { content: ""; position: absolute; font-family: initial; margin-left: -35px; color: #9E6632; font-size: 0 !important; background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-filter: invert(0.7); -moz-filter: invert(0.7); -o-filter: invert(0.7); filter: invert(0.7); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn::before { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn::after { transition: none; } } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right .btn:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu { top: -13%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li { padding: 0 0.581vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li h6 { padding: 0.218vw 0.726vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 { padding: 2.18vw 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link { padding-right: 0.7269vw; margin-right: 0.7269vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link h6 { padding: 0 0.7269vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo { padding-top: 4.361vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo .btn-custom { margin-top: 1.817vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom { margin-top: 2.18vw; padding-top: 2.18vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx { padding: 0 0.681vw 0.681vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right ul { margin-bottom: 1.09vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right ul li::before { margin-left: -3%; } } @media (max-width: 1440.98px) { #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg { top: -15vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx h6 { font-size: calc(var(--subheading1) + 0px); letter-spacing: 0; } } @media (max-width: 1199.98px) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li { padding: 0 0.4rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li h6 { padding: 0.3rem 0.6rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 { margin: var(--sectionPaddingtop) 0 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu { left: 52%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link { padding-right: 0.5rem; margin-right: 0.5rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link h6 { padding: 0 0.5rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo { padding-top: 4rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg { top: -10vw; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu { position: relative; top: 0; right: 0; margin-bottom: 1.5rem !important; display: flex; justify-content: flex-end; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li { padding: 0 0.3rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu li h6 { padding: 0.2rem 0.4rem; letter-spacing: 1.6px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu { left: 41%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link { padding-right: 0.3rem; margin-right: 0.3rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu .tab-link h6 { padding: 0 0.5rem !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .club-map { max-width: 39.5%; flex: 0 0 39.5%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo { flex: 0 0 60.5%; max-width: 60.5%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx { flex: 0 0 50%; max-width: 50%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx h6 { letter-spacing: 1.6px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg { height: 196.27vw; width: 200vw; top: -25vw; left: -95vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .cstm-bg .abstractcircles { background-size: 200vw; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right { padding-left: 3rem; } } @media (max-width: 767.98px) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm h5 { margin-bottom: 1.5rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .col-md-6:last-child .bxc:last-child { padding-bottom: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 { margin: var(--sectionPaddingtop) 0 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu { left: 0; top: 0; position: relative; margin-bottom: 1.5rem !important; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top { flex-wrap: wrap; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .clubinfo { flex: 0 0 100%; max-width: 100%; padding-top: 2rem; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-top .club-map { flex: 0 0 100%; max-width: 100%; padding-bottom: 55.2%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx.ccd-bx4 p { padding-bottom: var(--parapadding); } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .left { width: 100%; padding-bottom: 62.5%; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right { padding-left: 0; width: 100%; } } @media (max-width: 575.98px) { #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu { overflow-x: auto; background-color: #fff; background-image: linear-gradient(to right, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, #fff 0%, #fff 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-position: left center, right center, left center, right center; background-size: 10px 100%, 10px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; display: block; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu::-webkit-scrollbar { height: 6px; background-color: #fff; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu::-webkit-scrollbar-thumb { background-color: #999; border-radius: 3px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-1 .tabs-container .tabs-menu::-webkit-scrollbar-button { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu { overflow-x: auto; background-color: #fbfaf8; background-image: linear-gradient(to right, #fbfaf8 0%, #fbfaf8 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, #fbfaf8 0%, #fbfaf8 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to left, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background-repeat: no-repeat; background-position: left center, right center, left center, right center; background-size: 10px 100%, 10px 100%, 10px 100%, 10px 100%; background-attachment: local, local, scroll, scroll; -webkit-overflow-scrolling: touch; white-space: nowrap; display: block; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu::-webkit-scrollbar { height: 6px; background-color: #fbfaf8; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu::-webkit-scrollbar-thumb { background-color: #999; border-radius: 3px; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-menu::-webkit-scrollbar-button { display: none; } #ui-area .public-layout #content-wrapper-clubinformation .csec-2 .tabs-container .tabs-content .tab-content-text .map-directions .mapd-bottom .club-contact-description .ccd-bx { flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; } #ui-area .public-layout #content-wrapper-clubinformation .csec-3 .featured-text-block-container .featured-text-block .right ul li::before { margin-left: -25px; } } #ui-area .public-layout #content-wrapper-careers .csec-1 { position: relative; } #ui-area .public-layout #content-wrapper-careers .csec-1 .cst-section { padding-bottom: var(--sectionPaddingtop); } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.3s; -moz-animation: fadeIn ease-out 2s forwards 0.3s; -webkit-animation: fadeIn ease-out 2s forwards 0.3s; animation: fadeIn ease-out 2s forwards 0.3s; } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .bb-subhead::before { --linewidth: 90px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .content-box { -o-animation: fadeInLeft ease-out 1s forwards 0.5s; -moz-animation: fadeInLeft ease-out 1s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 1s forwards 0.5s; animation: fadeInLeft ease-out 1s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .content-box::before { height: 100%; } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .image-bx { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn { top: 50%; left: 0; right: 0; margin: 0 auto; position: absolute; z-index: 25; border: 3px solid #fff; width: 100px; height: 100px; border-radius: 100px; pointer-events: none; padding: 0; line-height: initial; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s border-color, 0.3s background-color, 0.6s opacity, 0.6s visibility; will-change: border-color, background-color, opacity, visibility; opacity: 0.5; pointer-events: none; visibility: visible; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn { width: 4.543vw; height: 4.543vw; border-width: 0.181vw; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn { width: 70px; height: 70px; } } @media (max-width: 424.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn { width: 50px; height: 50px; } } #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn.paused::before { width: 25px; height: 25px; border-right-color: #fff; border-left-width: 10px; border-right-width: 10px; border-top-width: 0; border-bottom-width: 0; left: 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn.paused::before { width: 1.135vw; height: 1.135vw; border-left-width: 0.454vw; border-right-width: 0.454vw; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn.paused::before { width: 22px; height: 22px; border-left-width: 8px; border-right-width: 8px; } } @media (max-width: 424.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn.paused::before { width: 16px; height: 16px; border-left-width: 6px; border-right-width: 6px; } } #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn::before { content: ""; position: absolute; top: 50%; right: 0; left: 10px; margin: 0 auto; display: block; transform: translateY(-50%); width: 0; height: 0; border-color: transparent; border-left-color: #fff; border-style: solid; border-left-width: 25px; border-right-width: 0; border-bottom-width: 15px; border-top-width: 15px; transition: 0.5s all ease; cursor: pointer; user-select: none; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn::before { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn::before { border-width: 0.681vw; border-left-width: 0.908vw; left: 0.908vw; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn::before { border-width: 12px; border-left-width: 17px; left: 17px; } } @media (max-width: 424.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 #playBtn::before { border-width: 10px; border-left-width: 15px; left: 15px; } } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap { overflow: hidden; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 { position: relative; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx { flex: 0 0 42.7%; max-width: 42.7%; padding-right: 3.333vw; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3 { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; left: 0; z-index: 1; font-size: 8.75vw !important; line-height: 8.75vw !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; left: 0; z-index: 3; font-size: 8.75vw !important; line-height: 8.75vw !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #005983; color: transparent; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box { margin-top: 12.5vw; width: 95.9%; margin-left: auto; position: relative; opacity: 0; -webkit-transform: translate(-30%, 0); -moz-transform: translate(-30%, 0); -ms-transform: translate(-30%, 0); transform: translate(-30%, 0); -o-transform: translate(-30%, 0); } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box::before { content: ""; position: absolute; top: 0; left: -4.3%; width: 2px; height: 0; background: #9E6632; transition: 0.5s height ease-out 2s; will-change: height; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box::before { transition: none; } } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom { position: relative; display: inline-flex; align-items: center; height: var(--cstbtnWidth); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace); padding-left: var(--cstbtnPaddingleft) !important; text-align: left; line-height: 14px; transition: padding-left 0.35s, color 0.1s; will-change: padding-left, color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom { transition: none; } } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth); height: var(--cstbtnWidth); display: inline-block; border-radius: 160px; background: #005983; background: radial-gradient(circle, #005983, #fff, #fff); background-repeat: no-repeat; background-size: 0% 0%; background-position: center; border: 1px solid #9E6632 !important; border-right-color: transparent !important; text-shadow: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; transition: 0.2s background ease-in, 0.2s border-color ease-in; will-change: background, border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom::before { transition: none; } } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom::after { content: ""; left: var(--cstbtniconLeft); background: url(../images/club-images/slider-arrowN.svg) no-repeat; width: var(--cstbtniconWidth) !important; height: var(--cstbtniconHeight) !important; top: 50%; z-index: 2; position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.35s left, 0.2s filter; will-change: left, filter; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom::after { transition: none; } } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom:hover { color: #9E6632; padding-left: var(--cstbtnPaddingleftHover) !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom:hover::before { background-size: 2000% 2000%; border-color: #005983 !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box .btn-custom:hover::after { left: calc(var(--cstbtniconLeft) + 8px); -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx { position: relative; height: 0; padding-bottom: 31.5%; max-width: 58.3%; flex: 0 0 58.3%; opacity: 0; -webkit-transform: translate(30%, 0); -moz-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -o-transform: translate(30%, 0); z-index: 2; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx a:hover #playBtn, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx a:focus #playBtn { -o-animation: glowing 1.7s infinite; -moz-animation: glowing 1.7s infinite; -webkit-animation: glowing 1.7s infinite; animation: glowing 1.7s infinite; background-color: #005983; border-color: #005983; opacity: 0.7; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx .image-3 { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center bottom; width: 100%; height: 100%; z-index: 2; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container { margin-top: 3rem; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu { position: absolute; top: -72px; right: 0; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li { width: auto; padding: 0 0.8rem; border-right: 1px solid #D3E3E9; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li:first-child { padding-left: 0; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li:last-child { padding-right: 0; border-right: none; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li::before { display: none; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li h3 { letter-spacing: 2.4px; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li h6 { background: #fff; color: #1b1c1c; font-family: "ITC Avant Garde Pro Md", sans-serif; cursor: pointer; padding: 0.3rem 1rem; line-height: normal !important; margin-bottom: 0; border-radius: 50px; transition: 0.4s background ease; will-change: background; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li h6 { transition: none; } } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li:hover h6, #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-menu li.active h6 { background: #005983; color: #fff; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-content { padding: 0; border: none; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm h5 { -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 2.4px; margin-bottom: 2rem; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .bxc { padding-bottom: 1.5rem; } #ui-area .public-layout #content-wrapper-careers .csec-1 .tabs-container .tabs-content .tab-content-text .tabcont-cstm .bxc h6 { color: #005983; font-size: calc(var(--subheading1) + 2px) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; border-bottom: 1px solid #9E6632; } #ui-area .public-layout #content-wrapper-careers .csec-2 { background: #fbfaf8; padding: 3rem 0; } #ui-area .public-layout #content-wrapper-careers .csec-2.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-2.is-inview .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-careers .csec-2.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-2.is-inview .heading-area-01 .inner-container { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-2.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-2.is-inview .three-column-transactional-content .row .col-sm-4 { -o-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; -moz-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; -webkit-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 { width: 65%; margin: 0 auto; text-align: center; margin-bottom: 4rem; overflow: hidden; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-subhead::before { left: -60px; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-subhead::after { right: -60px; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .outer .bb-subhead::before, #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .outer .bb-subhead::after { width: 50px; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-heading { margin-bottom: var(--headingh2mb); font-size: var(--heading2) !important; line-height: var(--lineheighth2) !important; -webkit-transform: translate(0, calc(100% + 1.8rem)); -moz-transform: translate(0, calc(100% + 1.8rem)); -ms-transform: translate(0, calc(100% + 1.8rem)); transform: translate(0, calc(100% + 1.8rem)); -o-transform: translate(0, calc(100% + 1.8rem)); } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .inner-container { opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 .bb-para-02 { padding-bottom: 0 !important; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row { flex-wrap: wrap; justify-content: center; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row .col-sm-4 { flex: 0 0 30.66%; width: 30.66%; margin-left: 4%; opacity: 0; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -o-transform: scale(0.75); } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row .col-sm-4:first-child { margin-left: 0; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row:first-child .col-sm-4:first-child { animation-delay: 0.1s; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row:first-child .col-sm-4:nth-child(2) { animation-delay: 0.2s; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row:first-child .col-sm-4:nth-child(3) { animation-delay: 0.3s; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row:nth-child(2) .col-sm-4:first-child { animation-delay: 0.4s; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row:nth-child(2) .col-sm-4:nth-child(2) { animation-delay: 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row:nth-child(2) .col-sm-4:nth-child(3) { animation-delay: 0.6s; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content .image { padding-bottom: 38.8%; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content .content { text-align: center; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content .content h2, #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content .content h3 { color: #005983; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content .content p:last-child { padding-bottom: 0 !important; } #ui-area .public-layout #content-wrapper-careers .csec-3.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-3.is-inview .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-careers .csec-3.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-3.is-inview .heading-area-01 .bb-para-01 { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-3.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-3.is-inview .three-column-transactional-content .row .col-sm-6 { -o-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; -moz-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; -webkit-animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: seqAnim 0.6s cubic-bezier(0.77, 0, 0.175, 1) forwards; } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 { text-align: center; margin-bottom: 4.5rem; } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-subhead::before, #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-subhead::before { left: -60px; } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-subhead::after { right: -60px; } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-para-01 { padding-bottom: 0 !important; opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .public-layout #content-wrapper-careers .csec-3 .heading-area-01 .bb-heading { margin-bottom: 0.8rem; -webkit-transform: translate(0, calc(100% + 0.8rem)); -moz-transform: translate(0, calc(100% + 0.8rem)); -ms-transform: translate(0, calc(100% + 0.8rem)); transform: translate(0, calc(100% + 0.8rem)); -o-transform: translate(0, calc(100% + 0.8rem)); } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content { width: 75%; margin: 0 auto; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row .col-sm-6 { opacity: 0; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -o-transform: scale(0.75); } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:last-child .transactional-content { padding-bottom: 0; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:first-child .col-sm-6:first-child { animation-delay: 0.1s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:first-child .col-sm-6:nth-child(2) { animation-delay: 0.2s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(2) .col-sm-6:first-child { animation-delay: 0.3s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(2) .col-sm-6:nth-child(2) { animation-delay: 0.4s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(3) .col-sm-6:first-child { animation-delay: 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(3) .col-sm-6:nth-child(2) { animation-delay: 0.6s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(4) .col-sm-6:first-child { animation-delay: 0.7s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(4) .col-sm-6:nth-child(2) { animation-delay: 0.8s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(5) .col-sm-6:first-child { animation-delay: 0.9s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(5) .col-sm-6:nth-child(2) { animation-delay: 1s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(6) .col-sm-6:first-child { animation-delay: 1.1s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(6) .col-sm-6:nth-child(2) { animation-delay: 1.2s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(7) .col-sm-6:first-child { animation-delay: 1.3s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(7) .col-sm-6:nth-child(2) { animation-delay: 1.4s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(8) .col-sm-6:first-child { animation-delay: 1.5s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(8) .col-sm-6:nth-child(2) { animation-delay: 1.6s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(9) .col-sm-6:first-child { animation-delay: 1.7s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .row:nth-child(9) .col-sm-6:nth-child(2) { animation-delay: 1.8s; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content { min-height: initial; padding-bottom: 3rem; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .image { padding-bottom: 0; height: 61px; width: 61px; min-width: 61px; background-size: auto; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content { padding-left: 1rem; margin-top: 0; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content h6 { font-family: "Spectral", serif; color: #005983; font-size: calc(var(--heading5) + 4px) !important; line-height: calc(var(--lineheighth5) + 4px) !important; margin-bottom: var(--headingh5mb); -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; letter-spacing: 0; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content ul { margin-left: 0; margin-right: 0; margin-bottom: 0; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content ul li { width: 100% !important; margin-left: 1rem; margin-right: 0; font-weight: 400 !important; line-height: var(--listlineheight); font-size: var(--paragraph); margin-bottom: 0; padding-left: 0; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content ul li::before { margin-left: -1rem; color: #1b1c1c; } #ui-area .public-layout #content-wrapper-careers .csec-4.is-inview .journal-content-article { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-4.is-inview .journal-content-article h3 { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article { background: #fbfaf8; padding: 3rem 7rem; overflow: hidden; opacity: 0; transition: 1s opacity ease-out 0.5s; will-change: opacity; } @media (prefers-reduced-motion: reduce) { #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article { transition: none; } } #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article h3 { --marginBt: 1.8rem; color: #1b1c1c; text-align: center; margin-bottom: 0; line-height: 1.4; font-size: calc(var(--heading3) - 0.3125vw); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article h3 a { position: relative; display: inline-block; line-height: normal; border-bottom: none; } #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article h3 a::before { content: ""; position: absolute; bottom: 0; left: 0; background-color: rgba(158, 102, 50, 0.3); width: 100%; height: 2px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .public-layout #content-wrapper-careers .csec-2 { padding: 2.18vw 0; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content { padding-bottom: 2.726vw; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content { width: 70%; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content { padding-left: 0.7269vw; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content ul li { margin-left: 0.7269vw; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content ul li::before { margin-left: -0.7269vw; } #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article h3 a { line-height: 2.181vw; font-size: calc(var(--heading3) - 0.3125vw); } } @media (max-width: 1600.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { font-size: 8.55vw !important; line-height: 8.55vw !important; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content { width: 85%; } } @media (max-width: 1440.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { font-size: 8.35vw !important; line-height: 8.35vw !important; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content { width: 100%; } } @media (max-width: 1199.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { font-size: 8.95vw !important; line-height: 8.95vw !important; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 { width: 67.979vw; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content h6 { font-size: calc(var(--heading5) + 8px) !important; line-height: calc(var(--lineheighth5) + 8px) !important; } } @media (max-width: 991.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.3s; -moz-animation: fadeIn ease-out 2s forwards 0.3s; -webkit-animation: fadeIn ease-out 2s forwards 0.3s; animation: fadeIn ease-out 2s forwards 0.3s; } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .bb-subhead::before { --linewidth: 40px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx { padding-right: 2.2vw; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .bb-subhead { padding-left: 50px; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { font-size: 8.8vw !important; line-height: 8.8vw !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box { margin-top: 10.5vw; } #ui-area .public-layout #content-wrapper-careers .csec-2 .heading-area-01 { width: 100%; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content h6 { font-size: 22px !important; line-height: 22px !important; } } @media (max-width: 767.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.3s; -moz-animation: fadeIn ease-out 2s forwards 0.3s; -webkit-animation: fadeIn ease-out 2s forwards 0.3s; animation: fadeIn ease-out 2s forwards 0.3s; } #ui-area .public-layout #content-wrapper-careers .csec-1.is-inview .heading-wrap .heading-area-01 .text-bx .bb-subhead::before { --linewidth: 20px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx { flex: 0 0 50%; max-width: 50%; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .bb-subhead { padding-left: 30px; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3, #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { font-size: 10.8vw !important; line-height: 10.8vw !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx { flex: 0 0 50%; max-width: 50%; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .row .col-sm-4 { flex: 0 0 100%; width: 100%; margin-left: 0; } #ui-area .public-layout #content-wrapper-careers .csec-2 .three-column-transactional-content .transactional-content { min-height: initial; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .image { width: 41px; height: 41px; min-width: 41px; background-position: center top; } #ui-area .public-layout #content-wrapper-careers .csec-4 .journal-content-article { padding: 2rem; } } @media (max-width: 575.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx { flex: 0 0 100%; max-width: 100%; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3 { display: block; position: relative; top: 0; font-size: 55px !important; line-height: 55px !important; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .outline-text-3 { display: none; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box { margin-top: 62%; width: 100%; margin-left: 0; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .content-box::before { display: none; } #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .image-bx { flex: 0 0 100%; max-width: 100%; position: absolute; top: 18%; width: 100%; padding-bottom: 52.5%; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content { width: calc(100% - 41px); } } @media (max-width: 424.98px) { #ui-area .public-layout #content-wrapper-careers .csec-1 .heading-wrap .heading-area-01 .text-bx .filled-text-3 { font-size: 50px !important; line-height: 50px !important; } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .content { width: calc(100% - 31px); } #ui-area .public-layout #content-wrapper-careers .csec-3 .three-column-transactional-content .transactional-content .image { width: 31px; min-width: 31px; height: 31px; } } /* Private Landing Css */ #ui-area .private-layout #content-wrapper-pvthome .csec-1 .cst-section { border-bottom: 1px solid rgba(158, 102, 50, 0.3); margin-bottom: 2rem; padding-bottom: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-pvthome .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead { padding-left: 67px; -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-pvthome .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before { --linewidth: 57px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .bb-heading { margin-bottom: 0 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .bb-subhead { padding-left: 67px; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before { width: 57px; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content .portlet-content-container { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content .portlet-content-container .portlet-body { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content .portlet-content-container .portlet-body > div { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content .portlet-content-container .portlet-body > div .journal-content-article { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content .portlet-content-container .portlet-body > div .journal-content-article .action-bar { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .links-wrap .portlet-column .portlet-column-content .portlet-boundary section.portlet .portlet-content .portlet-content-container .portlet-body > div .journal-content-article .action-bar .cta-box { height: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box { justify-content: flex-end; align-items: flex-end; padding-bottom: 1rem; } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box { padding: 1rem 0 !important; } } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box h1 { display: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a { background: transparent; box-shadow: none !important; -webkit-box-shadow: none !important; padding: 0 1rem 0 0 !important; border: none; border-right: 2px solid #D3E3E9 !important; margin-right: 1rem !important; align-items: center; border-radius: 0 !important; transition: 0.2s color ease; will-change: color; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a { transition: none; } } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:last-child { padding: 0; margin-right: 0 !important; border-right: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a img { width: 20px; height: 24px; transition: 0.2s filter ease; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a img { transition: none; } } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:hover, #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:focus { color: #005983; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:hover img, #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:focus img { -webkit-filter: invert(0.75) hue-rotate(10deg) sepia(0.05) brightness(0.95); -moz-filter: invert(0.75) hue-rotate(10deg) sepia(0.05) brightness(0.95); -o-filter: invert(0.75) hue-rotate(10deg) sepia(0.05) brightness(0.95); filter: invert(0.75) hue-rotate(10deg) sepia(0.05) brightness(0.95); } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a span { font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--subheading1); line-height: var(--lineheightsubh1); padding-bottom: 0; padding-left: 0.5rem; } @media (min-width: 992px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a span.hidden-desktop { display: none !important; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a span.hidden-desktop { display: inherit !important; } } @media (min-width: 992px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a span.visible-desktop { display: inherit !important; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a span.visible-desktop { display: none !important; } } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .cst-section { padding: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion { background: #fbfaf8; border: 1px solid #D3E3E9; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle { padding: 1rem 1.5rem; margin-bottom: 0; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::after { width: 10px; background: #005983; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::before { transform: rotate(135deg); right: 22px; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::after { transform: rotate(-135deg); right: 28px; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle.active { background: transparent; color: #005983; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle.active::before { -webkit-transform: translateX(-6px) rotate(135deg); -moz-transform: translateX(-6px) rotate(135deg); -ms-transform: translateX(-6px) rotate(135deg); transform: translateX(-6px) rotate(135deg); -o-transform: translateX(-6px) rotate(135deg); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle.active::after { -webkit-transform: translateX(6px) rotate(-135deg); -moz-transform: translateX(6px) rotate(-135deg); -ms-transform: translateX(6px) rotate(-135deg); transform: translateX(6px) rotate(-135deg); -o-transform: translateX(6px) rotate(-135deg); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content { position: relative; padding: 2rem 0 1rem; margin: 0 1.5rem; border-top: 1px solid rgba(158, 102, 50, 0.3); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-sub-content { width: 100% !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol { margin: 0; flex-wrap: wrap; flex-direction: row; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li { font-family: "ITC Avant Garde Pro Md", sans-serif; width: 33.333% !important; align-items: center; padding-left: 40px; position: relative; margin-bottom: 1rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; letter-spacing: 1.4px; color: #9E6632; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li a, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li a { color: #9E6632; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li a:hover, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li a:focus, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li a:hover, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li a:focus { color: #005983; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li::before { content: ""; width: 25px; height: 25px; background-repeat: no-repeat; position: absolute; left: 15px; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(1)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(1)::before { background-image: url("../images/club-images/private-landing/dinner.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(2)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(2)::before { background-image: url("../images/club-images/private-landing/pickleball.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(3)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(3)::before { background-image: url("../images/club-images/private-landing/golf.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(4)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(4)::before { background-image: url("../images/club-images/private-landing/tennis.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(5)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(5)::before { background-image: url("../images/club-images/private-landing/spa.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(6)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(6)::before { background-image: url("../images/club-images/private-landing/fitness.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(7)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(7)::before { background-image: url("../images/club-images/private-landing/book-golf.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(8)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(8)::before { background-image: url("../images/club-images/private-landing/croquet.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(9)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(9)::before { background-image: url("../images/club-images/private-landing/event-reservation.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(10)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(10)::before { background-image: url("../images/club-images/private-landing/pool-lap.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(1)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(1)::before { background-image: url("../images/club-images/private-landing/dinner.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(2)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(2)::before { background-image: url("../images/club-images/private-landing/pickleball.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(3)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(3)::before { background-image: url("../images/club-images/private-landing/golf.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(4)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(4)::before { background-image: url("../images/club-images/private-landing/tennis.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(5)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(5)::before { background-image: url("../images/club-images/private-landing/spa.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(6)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(6)::before { background-image: url("../images/club-images/private-landing/fitness.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(7)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(7)::before { background-image: url("../images/club-images/private-landing/book-golf.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(8)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(8)::before { background-image: url("../images/club-images/private-landing/croquet.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(9)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(9)::before { background-image: url("../images/club-images/private-landing/event-reservation.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(10)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .reservation-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(10)::before { background-image: url("../images/club-images/private-landing/pool-lap.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(1)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(1)::before { background-image: url("../images/club-images/private-landing/hours.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(2)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(2)::before { background-image: url("../images/club-images/private-landing/newsletter.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(3)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(3)::before { background-image: url("../images/club-images/private-landing/guest.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(4)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(4)::before { background-image: url("../images/club-images/private-landing/dresscode.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(5)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(5)::before { background-image: url("../images/club-images/private-landing/passport.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(6)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(6)::before { background-image: url("../images/club-images/private-landing/sdirectory.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(7)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(7)::before { background-image: url("../images/club-images/private-landing/birthdays.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(8)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(8)::before { background-image: url("../images/club-images/private-landing/calendar.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(9)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(9)::before { background-image: url("../images/club-images/private-landing/location.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ul li:nth-child(10)::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .quick-links .accordion-container .accordion .accordion-content .accordion-content-text ol li:nth-child(10)::before { background-image: url("../images/club-images/private-landing/phone-numbers.svg"); } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .cst-section { padding: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet { background: #f2f7f8; padding: 2rem; /* edit view css */ } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet form { margin-bottom: 0 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-heading { display: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block { position: relative; margin-bottom: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading { justify-content: space-between; padding: 0 !important; margin-bottom: 1rem !important; line-height: normal !important; z-index: 11; display: flex !important; font-size: calc(var(--labelfs) + 2px) !important; font-family: "Spectral-SemiBold", serif; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; align-items: center; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading .edit-profile-link { font-size: calc(var(--labelfs) + 2px) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; text-align: center; float: initial; color: #005983; border-bottom: 1px solid rgba(158, 102, 50, 0.3); } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading .edit-profile-link:hover, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading .edit-profile-link:focus { color: #9E6632; border-color: #9E6632; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic { position: relative; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic .mp-avatar .mp-avatar-preview { border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic .heading { text-align: center; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 18px !important; color: #1B1C1C; padding-top: 1rem !important; font-family: "ITC Avant Garde Gothic", sans-serif !important; padding-bottom: 2rem !important; border-bottom: 2px solid #D3E3E9; margin-bottom: 2rem !important; line-height: normal !important; margin-top: 0.5rem !important; display: block !important; letter-spacing: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel { padding-bottom: 2rem; border-bottom: 2px solid #D3E3E9; margin-bottom: 2rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel h4 { color: #005983; font-family: "Spectral", serif; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 18px !important; font-weight: 600; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p { color: #1b1c1c; font-size: 14px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; padding-bottom: 5px; line-height: 22px !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p:last-child { padding-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p .mp-bold { margin-left: auto; letter-spacing: 0 !important; text-transform: none; position: relative; text-align: right; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row .mp-image-style { position: relative; width: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row .mp-image-style > span { float: initial !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row .mp-image-style > span .ui-panelgrid-cell .mp-avatar a .mp-avatar-preview { border: none !important; box-shadow: none !important; -webkit-box-shadow: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 > .heading { text-align: center; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: 18px !important; color: #1B1C1C; padding-top: 1rem !important; font-family: "ITC Avant Garde Gothic", sans-serif !important; padding-bottom: 2rem !important; border-bottom: 2px solid #D3E3E9; margin-bottom: 2rem !important; line-height: normal !important; margin-top: 0.5rem !important; display: block !important; letter-spacing: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr.even-row { background: transparent !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr td { width: auto !important; color: #1B1C1C; font-size: 12px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; padding-bottom: 5px; line-height: 22px !important; font-family: "lexia", serif; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-7 .mp-grid tbody tr td .mp-value-text { color: #1B1C1C; font-size: 12px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; padding-bottom: 5px; line-height: 22px !important; font-family: "lexia", serif; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row { display: flex !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row > .ui-panelgrid-cell { width: auto !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row > .ui-panelgrid-cell > span { color: #1B1C1C; font-size: 12px !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; padding-bottom: 5px; line-height: 22px !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row > .ui-panelgrid-cell > .ui-inputfield { color: #1B1C1C; font-size: 16px !important; border: none !important; border-bottom: 1px solid #005983 !important; background: transparent; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid .ui-grid-row > .ui-panelgrid-cell.ui-grid-col-8 { margin-left: auto; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-main-grid > .ui-panelgrid-content > .ui-grid-row > .ui-panelgrid-cell > .ui-fluid > .mp-edit-grid > .ui-panelgrid-header { color: #1B1C1C !important; font-family: "Spectral", serif !important; -webkit-text-transform: uppercase !important; -moz-text-transform: uppercase !important; -ms-text-transform: uppercase !important; text-transform: uppercase !important; font-size: 14px !important; padding: 0 !important; border: none !important; font-weight: normal !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet span > .ui-grid > .ui-grid-row > .btn-responsive { width: max-content; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet span > .ui-grid > .ui-grid-row > .btn-responsive > .ui-area-btn-success:hover, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet span > .ui-grid > .ui-grid-row > .btn-responsive > .ui-area-btn-success:focus { background-color: #9E6632 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet span > .ui-grid > .ui-grid-row > .btn-responsive > .ui-area-btn-danger { background-color: #f1331e !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet span > .ui-grid > .ui-grid-row > .btn-responsive > .ui-area-btn-danger:hover, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet span > .ui-grid > .ui-grid-row > .btn-responsive > .ui-area-btn-danger:focus { background-color: #9c1202 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-portlet { margin-top: 3rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container { background: #f2f7f8; width: 100%; justify-content: center; flex-wrap: wrap; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .left-col, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .right-col { width: auto; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .left-col { order: 2; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .left-col .temp { color: #005983; font-size: 44px; font-family: "Spectral-SemiBold", serif; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .left-col .temp .degree { font-size: 60%; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .right-col { order: 1; padding-right: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .right-col .weather-icon i { color: #005983; font-size: 60px; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .weather-desc, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .weather-wind { width: 100%; font-family: "ITC Avant Garde Pro Md", sans-serif; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #1b1c1c; text-align: center; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .weather-desc { order: 3; font-size: var(--paragraph); margin-top: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .weather-wind { order: 4; font-size: calc(var(--paragraph) - 2px); } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container { background: transparent; padding: 0; margin: 3rem 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container h6 { position: relative; font-family: "ITC Avant Garde Pro Md", sans-serif; padding-left: 67px; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container h6::before { content: ""; background: #9E6632; top: 50%; width: 57px; height: 2px; left: 0; position: absolute; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container .custom-columns-content p { padding-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] { padding-right: 2.5641%; border-right: 2px solid #D3E3E9; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:last-child { border-right: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container { background: #f2f7f8; padding: 2rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container h3 { color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: calc(var(--heading3) - 0.729vw); line-height: calc(var(--lineheighth3) - 0.729vw); } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .left-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .center-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .right-content { padding-right: 2rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .left-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .center-content { border-right: 2px solid #D3E3E9; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content h6 { font-family: "ITC Avant Garde Pro Md", sans-serif; margin-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content h6:last-child { -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content p { padding-bottom: 0.5rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet { margin: 3rem 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet { margin: 2.1808268969vw 0; } } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet h1.heading.nm-heading { position: relative; padding-left: 67px !important; color: #9E6632; font-family: "ITC Avant Garde Pro Md", sans-serif; font-size: var(--subheading1); line-height: var(--lineheightsubh1); font-weight: normal; font-style: normal; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin: 0 0 var(--subheadingmb); padding: 0; letter-spacing: 2.4px; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet h1.heading.nm-heading { padding-left: 3.0440708769vw !important; letter-spacing: 0.1090413448vw; } } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet h1.heading.nm-heading::before { content: ""; background: #9E6632; top: 50%; width: 57px; height: 2px; left: 0; position: absolute; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet h1.heading.nm-heading::before { width: 2.58973194vw; } } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet h1.heading.nm-heading ~ label { display: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content { margin: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content > .ui-grid-row { display: flex !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:first-child .nm-box { padding-left: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:last-child .nm-box { border-right: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box { height: auto; border: none !important; border-right: 2px solid #d3e3e9 !important; padding: 0.5rem 0.4rem 0.4rem 1.5rem; display: flex; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box { padding: 0.3634711495vw 0.3089504771vw 0.3089504771vw 1.0904134484vw; } } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr:last-child td { padding-bottom: 0 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td { font-family: "lexia", serif; font-size: var(--paragraph); letter-spacing: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td .ui-commandlink { color: #1b1c1c; font-size: var(--paragraph) !important; font-family: "lexia", serif; font-weight: 400 !important; font-style: normal; letter-spacing: 0; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; margin: 0; padding: 0 0 var(--parapadding); hyphens: manual; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box tr td .ui-commandlink i { display: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-paginator { display: none; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .cst-section { margin-bottom: 1.453vw; padding-bottom: 0.726vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a { padding: 0 0.726vw 0 0 !important; margin-right: 0.726vw !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a span { padding-left: 0.363vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a img { width: 0.908vw; height: 1.09vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle { padding: 0.7269vw 1.09vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::after { width: 0.454vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::before { right: 0.999vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle::after { right: 1.272vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle.active::before { -webkit-transform: translateX(-0.272vw) rotate(135deg); -moz-transform: translateX(-0.272vw) rotate(135deg); -ms-transform: translateX(-0.272vw) rotate(135deg); transform: translateX(-0.272vw) rotate(135deg); -o-transform: translateX(-0.272vw) rotate(135deg); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-toggle.active::after { -webkit-transform: translateX(0.272vw) rotate(-135deg); -moz-transform: translateX(0.272vw) rotate(-135deg); -ms-transform: translateX(0.272vw) rotate(-135deg); transform: translateX(0.272vw) rotate(-135deg); -o-transform: translateX(0.272vw) rotate(-135deg); } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content { padding: 1.453vw 0 0.726vw; margin: 0 1.09vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li { padding-left: 1.817vw; margin-bottom: 0.636vw !important; letter-spacing: 0.063vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li::before, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li::before { width: 1.135vw; height: 1.135vw; left: 0.6815vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container { padding: 1.45vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .left-col .temp { font-size: 1.999vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-container .right-col .weather-icon i { font-size: 2.726vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container { margin: 2.1808vw 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container { padding: 1.453vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet { padding: 1.45vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading { font-size: calc(var(--labelfs) + 0.09vw) !important; margin-bottom: 0.7269vw !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading .edit-profile-link { font-size: calc(var(--labelfs) + 0.09vw) !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic .mp-avatar { max-width: 9.3139vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic .mp-avatar .mp-avatar-preview { height: 8.723vw; max-width: 8.723vw; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic .heading { font-size: 0.8178vw; padding-bottom: 1.45vw !important; margin-bottom: 1.45vw !important; margin-top: 0.363vw !important; padding-top: 0.7269vw !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel { padding-bottom: 1.45vw !important; margin-bottom: 1.45vw !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel h4 { font-size: 0.8178vw !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p { font-size: var(--paragraph) !important; padding-bottom: 0.227vw; line-height: var(--lineheightp) !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .weather-portlet { margin-top: 2.18vw; } } @media (max-width: 1700.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] { width: 23.77692%; margin-left: 1.5641%; padding-right: 1.5641%; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child { margin-left: 0; } } @media (max-width: 1600.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li { width: 50% !important; display: inline-block; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] { width: 48.67692%; margin-left: 2.5641%; padding-right: 2.5641%; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(3) { margin-left: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) { margin-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child .custom-columns-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) .custom-columns-content { border-bottom: 2px solid #D3E3E9; padding-bottom: 1rem; margin-bottom: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) { border-right: none; } } @media (max-width: 1440.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet { padding: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .pic .heading { font-size: 16px !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel h4 { font-size: 16px !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p.mp-bold { text-overflow: ellipsis; white-space: nowrap; width: 42%; overflow: hidden; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading { font-size: calc(var(--labelfs) - 1px) !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block > .heading .edit-profile-link { font-size: calc(var(--labelfs) - 1px) !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content > .ui-grid-row { flex-wrap: wrap; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column { width: 50%; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:nth-child(2) .nm-box { border-right: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:first-child .nm-box, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:nth-child(2) .nm-box { border-bottom: 2px solid #d3e3e9 !important; padding-bottom: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:nth-child(3) .nm-box, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:last-child .nm-box { padding-top: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:nth-child(3) .nm-box { padding-left: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:last-child .nm-box { border-right: none !important; } } @media (max-width: 1199.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li a, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li a { line-height: normal; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] { width: 100%; border-right: none; margin-left: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] .custom-columns-content { padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 2px solid #D3E3E9; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container h3 { font-size: var(--heading3); line-height: var(--lineheighth3); } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .left-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .center-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .right-content { padding-right: 1rem; } } @media (max-width: 767.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box { flex-wrap: wrap; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a { width: calc(50% - 1rem); justify-content: flex-start; text-align: left; margin-bottom: 0.5rem !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a img { margin: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:nth-child(3) { border-right: 0 !important; margin-right: 0 !important; padding: 0 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:nth-child(4), #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:last-child { margin-bottom: 0 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .MemberProfile-portlet .mp-card-view [class*=span] .profile-block .profile .bio .mp-panel p.mp-bold { width: initial; white-space: unset; overflow: visible; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] { width: 48.67692%; margin-left: 2.5641%; padding-right: 2.5641%; float: left; display: initial; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(3) { margin-left: 0; border-right: 2px solid #D3E3E9; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) { margin-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child .custom-columns-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) .custom-columns-content { border-bottom: 2px solid #D3E3E9; padding-bottom: 1rem; margin-bottom: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) { border-right: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(3) .custom-columns-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:last-child .custom-columns-content { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .left-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .center-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .right-content { padding-right: 0; border-right: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .left-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .three-column-layout-container .content .center-content { border-bottom: 2px solid #D3E3E9; padding-bottom: 1rem; margin-bottom: 1rem; } } @media (max-width: 575.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ul li, #ui-area .private-layout #content-wrapper-pvthome .csec-2 .accordion-container .accordion .accordion-content .accordion-content-text ol li { width: 100% !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span] { width: 100%; margin-left: 0; padding-right: 0; float: none; display: block; border-right: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(3) { border-right: none; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:first-child .custom-columns-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(2) .custom-columns-content, #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:nth-child(3) .custom-columns-content { border-bottom: 2px solid #D3E3E9; padding-bottom: 1rem; margin-bottom: 1rem; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .custom-columns-gray-container [class*=span]:last-child .custom-columns-content { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column { width: 100%; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column .nm-box { border-right: none; border-bottom: 2px solid #d3e3e9 !important; padding-bottom: 1rem; padding-top: 1rem; padding-left: 0; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:first-child .nm-box { padding-top: 0; border-right: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:nth-child(3) .nm-box { border-right: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-3 .pvt-landing-9col .NewMembers-portlet .ui-datagrid .ui-datagrid-content .ui-datagrid-column:last-child .nm-box { border-bottom: none !important; padding-bottom: 0; } } @media (max-width: 424.98px) { #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a { width: 100%; justify-content: flex-end; padding-right: 0 !important; margin-bottom: 0.8rem !important; margin-right: 0 !important; border-right: none !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:nth-child(4) { margin-bottom: 0.8rem !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a:last-child { margin-bottom: 0 !important; } #ui-area .private-layout #content-wrapper-pvthome .csec-1 .action-bar .cta-box a img { margin: 0; } } #ui-area .private-layout #content-wrapper-membership .csec-1 { position: relative; } #ui-area .private-layout #content-wrapper-membership .csec-1 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); top: -41vw; right: -28vw; height: 96.27vw; width: 100vw; } #ui-area .private-layout #content-wrapper-membership .csec-1 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .private-layout #content-wrapper-membership .csec-1 .cstm-bg .abstractcircles { background-size: 113vw; } #ui-area .private-layout #content-wrapper-membership .csec-1.is-inview .cstm-bg { -o-animation: circleScale3 5s forwards; -moz-animation: circleScale3 5s forwards; -webkit-animation: circleScale3 5s forwards; animation: circleScale3 5s forwards; } #ui-area .private-layout #content-wrapper-membership .csec-1.is-inview .heading-wrap .heading-area-02 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-1.is-inview .heading-wrap .heading-area-02 .bb-subhead::before { --linewidth: 28px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-1.is-inview .heading-wrap .heading-area-02 .inner-container { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 { overflow: hidden; } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 0; height: 2px; left: 0; position: absolute; } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .bb-heading { margin-bottom: 0.8rem; opacity: 0; -webkit-transform: translate(0px, calc(100% + 0.8rem)); -moz-transform: translate(0px, calc(100% + 0.8rem)); -ms-transform: translate(0px, calc(100% + 0.8rem)); transform: translate(0px, calc(100% + 0.8rem)); -o-transform: translate(0px, calc(100% + 0.8rem)); } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .bb-subhead { padding-left: 38px; } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .inner-container { opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .private-layout #content-wrapper-membership .csec-1 .heading-wrap .heading-area-02 .bb-para-02 { padding-bottom: 0; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg { position: relative; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-images { position: relative; top: 0; left: 0; height: 0; padding-bottom: 61%; z-index: 2; width: 100%; margin-left: auto; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-images img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center bottom; border: 3px solid #fff; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-o-images { position: relative; top: 0; left: 15%; height: 0; padding-bottom: 37%; margin-top: -20%; z-index: 3; width: 49.2%; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-o-images img { position: absolute; top: 0; left: 0; border: 3px solid #fff; object-fit: cover; object-position: center bottom; height: 100%; width: 100%; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-o-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-o-images::after { content: ""; width: 2px; background: #9E6632; height: 70%; position: absolute; left: -5%; top: 60%; } #ui-area .private-layout #content-wrapper-membership .csec-2 .cst-section { padding: calc(var(--sectionPaddingtop) + 64px) 0 0; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel { -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); opacity: 0; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view { background: #fbfaf8; padding: 3rem; min-height: 525px; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view .heading-area-01 { overflow: hidden; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view .heading-area-01 .bb-heading { width: max-content; position: relative; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view .heading-area-01 .bb-heading::after { background: #9E6632; content: ""; position: absolute; top: 50%; width: 9999px; height: 2px; left: 100%; margin-left: 10px; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view .membership-element--content img { margin-bottom: 1rem; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view .membership-element--content img { margin-bottom: 0.7269vw; } } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view .membership-element--content p { padding-bottom: 0; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation { position: relative; z-index: 12; align-items: center; justify-content: center; margin-top: 3rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn { cursor: pointer; position: relative; border: 1px solid #005983; border-radius: 100px; transition: 0.2s border-color, 0.5s ease-out width 0.5s, 0.5s ease-out height 0.5s, 0.5s ease-out opacity 0.5s; overflow: hidden; width: 0; height: 0; opacity: 0; will-change: border-color, width, height, opacity; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn { transition: none; } } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn::before, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn::before { content: ""; background: #005983; width: var(--sliderArrowWidth); height: var(--sliderArrowHeight); position: absolute; top: 0; left: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); transition: 0.1s transform; border-radius: 150px; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn::before, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn::before { transition: none; } } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn::after, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn::after { content: ""; background: url(../images/club-images/slider-arrow-icon.svg) no-repeat; width: var(--sliderArrowIconWidth); height: var(--sliderArrowIconHeight); position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.5s all; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn::after, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn::after { transition: none; } } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn:hover, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn:hover { border-color: transparent; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn:hover::before, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn:hover::before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -o-transform: scale(1); } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomPrevBtn:hover::after, #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn:hover::after { -webkit-filter: invert(1) brightness(2); -moz-filter: invert(1) brightness(2); -o-filter: invert(1) brightness(2); filter: invert(1) brightness(2); -webkit-transform: translateX(-6px) translateY(-50%) scale(1.15); -moz-transform: translateX(-6px) translateY(-50%) scale(1.15); -ms-transform: translateX(-6px) translateY(-50%) scale(1.15); transform: translateX(-6px) translateY(-50%) scale(1.15); -o-transform: translateX(-6px) translateY(-50%) scale(1.15); } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .McustomNextBtn { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -o-transform: rotate(180deg); } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .owlc-line { width: 0; height: 2px; background: #9E6632; display: flex; justify-content: center; margin: 0 1rem; transition: 0.5s width ease-out 1s; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation .owlc-line { transition: none; } } #ui-area .private-layout #content-wrapper-membership .csec-2.is-inview .membership-wrapper .membership-carl { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-2.is-inview .membership-wrapper .owlc-line { width: 91px; } #ui-area .private-layout #content-wrapper-membership .csec-2.is-inview .membership-wrapper .McustomPrevBtn, #ui-area .private-layout #content-wrapper-membership .csec-2.is-inview .membership-wrapper .McustomNextBtn { width: var(--sliderArrowWidth); height: var(--sliderArrowHeight); opacity: 1; } #ui-area .private-layout #content-wrapper-membership .csec-3.is-inview .heading-area-02 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-3.is-inview .heading-area-02 .bb-subhead::before, #ui-area .private-layout #content-wrapper-membership .csec-3.is-inview .heading-area-02 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-3.is-inview .heading-area-02 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 { text-align: center; } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-subhead::before, #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-subhead::before { left: -60px; } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-subhead::after { right: -60px; } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .private-layout #content-wrapper-membership .csec-3 .heading-area-02 .bb-heading { opacity: 0; margin-bottom: 0; } #ui-area .private-layout #content-wrapper-membership .csec-3 .form-designer-portlet .ui-panel-titlebar { display: none; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-membership .csec-2 .cst-section { padding: calc(var(--sectionPaddingtop) + 2.9077vw) 0 0; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view { padding: 2.1808vw; min-height: 24.85vw; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owlc-navigation { margin-top: 2.18vw; } } @media (max-width: 1600.98px) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view { padding: 2.5vw; } } @media (max-width: 1199.98px) { #ui-area .private-layout #content-wrapper-membership .csec-2 .cst-section { padding: var(--sectionPaddingtop) 0 0; } #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view { min-height: 455px; } } @media (min-width: 992px) { #ui-area .private-layout #content-wrapper-membership .csec-1 .pl-lg-5, #ui-area .private-layout #content-wrapper-membership .csec-1 .px-lg-5 { padding-left: 3.5rem !important; } #ui-area .private-layout #content-wrapper-membership .csec-1 .pr-lg-5, #ui-area .private-layout #content-wrapper-membership .csec-1 .px-lg-5 { padding-right: 3.5rem !important; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-membership .csec-1 .cstm-bg { right: -98vw; height: 246.27vw; width: 250vw; } #ui-area .private-layout #content-wrapper-membership .csec-1 .cstm-bg .abstractcircles { background-size: 250vw; } #ui-area .private-layout #content-wrapper-membership .csec-1 .multi-banner-hg .banner-cp-o-images::after { display: none; } #ui-area .private-layout #content-wrapper-membership .csec-2 .cst-section { padding: var(--sectionPaddingtop) 0 0; } } @media (max-width: 575.98px) { #ui-area .private-layout #content-wrapper-membership .csec-2 .membership-wrapper .owl-carousel .owl-item .membership-card-view { min-height: initial; padding: 1.5rem; } } #ui-area .private-layout #content-wrapper-weddings .csec-1 { position: relative; z-index: 2; } #ui-area .private-layout #content-wrapper-weddings .csec-1.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-1.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-1.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 9999px; -o-animation: widthTransform ease-out 11s forwards 0.8s; -moz-animation: widthTransform ease-out 11s forwards 0.8s; -webkit-animation: widthTransform ease-out 11s forwards 0.8s; animation: widthTransform ease-out 11s forwards 0.8s; } #ui-area .private-layout #content-wrapper-weddings .csec-1.is-inview .heading-area-01 .bb-paragraph { -o-animation: fadeInLeft ease-out 2s forwards 0.5s; -moz-animation: fadeInLeft ease-out 2s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 2s forwards 0.5s; animation: fadeInLeft ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .heading-area-01 { overflow: hidden; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .heading-area-01 .bb-heading { font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: 0; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin-bottom: var(--headingh1mb); -webkit-transform: translate(0px, calc(100% + var(--headingh1mb))); -moz-transform: translate(0px, calc(100% + var(--headingh1mb))); -ms-transform: translate(0px, calc(100% + var(--headingh1mb))); transform: translate(0px, calc(100% + var(--headingh1mb))); -o-transform: translate(0px, calc(100% + var(--headingh1mb))); opacity: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .heading-area-01 .bb-subhead { width: max-content; position: relative; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); opacity: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .heading-area-01 .bb-subhead::after { background: #9E6632; content: ""; position: absolute; top: 50%; width: 0; height: 2px; left: 100%; margin-left: 10px; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .heading-area-01 .bb-paragraph { opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg { position: relative; margin-top: 50px; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-images { order: 2; position: relative; top: 0; left: 0; height: 0; padding-bottom: 36.6%; z-index: 3; width: 70%; margin-left: auto; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-images img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center bottom; border: 3px solid #fff; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-o-images { order: 1; position: relative; top: 0; left: 3.5%; height: 0; padding-bottom: 31.4%; margin-top: -3.5%; z-index: 2; width: 39.2%; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-o-images img { position: absolute; top: 0; left: 0; border: 3px solid #fff; object-fit: cover; object-position: center bottom; height: 100%; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-o-images::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.12); mix-blend-mode: multiply; } #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg .banner-cp-o-images::after { content: ""; width: 80%; background: #9E6632; height: 2px; position: absolute; left: 0; bottom: -10%; } #ui-area .private-layout #content-wrapper-weddings .csec-2 { position: relative; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); top: -47vw; right: -7vw; height: 96.27vw; width: 100vw; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg .abstractcircles { background-size: 113vw; } #ui-area .private-layout #content-wrapper-weddings .csec-2.is-inview .cstm-bg { -o-animation: circleScale5 5s forwards; -moz-animation: circleScale5 5s forwards; -webkit-animation: circleScale5 5s forwards; animation: circleScale5 5s forwards; } #ui-area .private-layout #content-wrapper-weddings .csec-2.is-inview .heading-area-01 .text-bx { -o-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -moz-animation: fadeInLeft ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInLeft ease-out 1.5s forwards 0.5s; animation: fadeInLeft ease-out 1.5s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-2.is-inview .heading-area-01 .image-bx { -o-animation: fadeInRight ease-out 1.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 1.5s forwards 0.5s; animation: fadeInRight ease-out 1.5s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn { top: 50%; left: 0; right: 0; margin: 0 auto; position: absolute; z-index: 25; border: 3px solid #fff; width: 100px; height: 100px; border-radius: 100px; pointer-events: none; padding: 0; line-height: initial; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); transition: 0.3s border-color, 0.3s background-color, 0.6s opacity, 0.6s visibility; will-change: border-color, background-color, opacity, visibility; opacity: 0.5; pointer-events: none; visibility: visible; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn { width: 4.543vw; height: 4.543vw; border-width: 0.181vw; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn { width: 70px; height: 70px; } } @media (max-width: 424.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn { width: 50px; height: 50px; } } #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn.paused::before { width: 25px; height: 25px; border-right-color: #fff; border-left-width: 10px; border-right-width: 10px; border-top-width: 0; border-bottom-width: 0; left: 0; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn.paused::before { width: 1.135vw; height: 1.135vw; border-left-width: 0.454vw; border-right-width: 0.454vw; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn.paused::before { width: 22px; height: 22px; border-left-width: 8px; border-right-width: 8px; } } @media (max-width: 424.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn.paused::before { width: 16px; height: 16px; border-left-width: 6px; border-right-width: 6px; } } #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn::before { content: ""; position: absolute; top: 50%; right: 0; left: 10px; margin: 0 auto; display: block; transform: translateY(-50%); width: 0; height: 0; border-color: transparent; border-left-color: #fff; border-style: solid; border-left-width: 25px; border-right-width: 0; border-bottom-width: 15px; border-top-width: 15px; transition: 0.5s all ease; cursor: pointer; user-select: none; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn::before { transition: none; } } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn::before { border-width: 0.681vw; border-left-width: 0.908vw; left: 0.908vw; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn::before { border-width: 12px; border-left-width: 17px; left: 17px; } } @media (max-width: 424.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 #playBtn::before { border-width: 10px; border-left-width: 15px; left: 15px; } } #ui-area .private-layout #content-wrapper-weddings .csec-2 .cst-section { padding: var(--sectionPaddingtop) 0; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 { position: relative; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx { position: absolute; top: -8%; width: 100%; z-index: 1; opacity: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx .filled-text-3 { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; left: 0; z-index: 1; font-size: var(--outlinedfilled-text) !important; line-height: var(--outlinedfilled-lineh) !important; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; display: none; color: #9E6632; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 !important; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx .outline-text-3 { font-family: "Spectral-SemiBold", serif; position: absolute; top: 5%; left: 0; z-index: 3; font-size: var(--outlinedfilled-text) !important; line-height: var(--outlinedfilled-lineh) !important; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #9E6632; color: transparent; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 !important; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .image-bx { position: relative; height: 0; padding-bottom: 50.508%; max-width: 100%; flex: 0 0 100%; opacity: 0; -webkit-transform: translate(30%, 0); -moz-transform: translate(30%, 0); -ms-transform: translate(30%, 0); transform: translate(30%, 0); -o-transform: translate(30%, 0); } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .image-bx a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .image-bx a::after { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .image-bx a:hover #playBtn, #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .image-bx a:focus #playBtn { -o-animation: glowing 1.7s infinite; -moz-animation: glowing 1.7s infinite; -webkit-animation: glowing 1.7s infinite; animation: glowing 1.7s infinite; background-color: #005983; border-color: #005983; opacity: 0.7; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .image-bx .image-3 { position: absolute; top: 0; left: 0; object-fit: cover; object-position: center bottom; width: 100%; height: 100%; z-index: 2; } #ui-area .private-layout #content-wrapper-weddings .csec-3 { position: relative; overflow: hidden; width: 100%; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .cst-container { position: relative; z-index: 2; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .cst-section { padding: calc(var(--sectionPaddingtop) - 30px) 0; } #ui-area .private-layout #content-wrapper-weddings .csec-3.collapseC2::before { background: url(../images/club-images/weddings/explore-venues-img-02.jpg) no-repeat; } #ui-area .private-layout #content-wrapper-weddings .csec-3.collapseC3::before { background: url(../images/club-images/weddings/explore-venues-img-03.jpg) no-repeat; } #ui-area .private-layout #content-wrapper-weddings .csec-3::before { background: url(../images/club-images/weddings/explore-venues-img-01.jpg) no-repeat; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 100%; background-position: center bottom; } #ui-area .private-layout #content-wrapper-weddings .csec-3::after { content: ""; background-color: rgba(4, 49, 70, 0.9); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #ui-area .private-layout #content-wrapper-weddings .csec-3.is-inview .heading-area-03 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-3.is-inview .heading-area-03 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .heading-area-03 { border-bottom: 2px solid rgba(211, 227, 233, 0.3); padding-bottom: 2rem; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .heading-area-03 .outer-bbhead { overflow: hidden; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .heading-area-03 .bb-heading { color: #fff; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; margin-bottom: 0 !important; opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .heading-area-03 .bb-subhead { color: #fff; margin-bottom: 0 !important; opacity: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom { background: transparent; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .fade { transition: none; } } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .fade:not(.show) { opacity: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .collapse { height: initial; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .collapse:not(.show) { display: none; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .collapsing { transition: none; } } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card { background: transparent; border-bottom: 2px solid rgba(211, 227, 233, 0.3); align-items: center; padding: 2rem 0; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card.active .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(1) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card.active .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card.active .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(4), #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card.active .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(5) { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; -o-transform: none; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header { padding: 0; width: 25%; padding-right: 4rem; height: var(--AcHeaderHeight); align-self: flex-start; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle { background: transparent; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a { position: absolute; color: #fff; line-height: normal; width: 100%; font-size: inherit; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow { align-items: center; justify-content: center; cursor: pointer; position: relative; border: 1px solid #fff; width: calc(var(--sliderArrowWidth) - 10px); height: calc(var(--sliderArrowHeight) - 10px); border-radius: 100px; margin-left: auto; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow { width: 1.25rem; height: 1.8rem; position: relative; justify-content: center; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span { position: absolute; width: 0.1rem; background-color: #fff; transition: transform 0.2s ease; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span { transition: none; } } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(4) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -o-transform: rotate(-45deg); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(5) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -o-transform: rotate(45deg); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(1), #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(2), #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(4), #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(5) { height: 0.625rem; top: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(1) { transform-origin: top right; -webkit-transform: rotate(none); -moz-transform: rotate(none); -ms-transform: rotate(none); transform: rotate(none); -o-transform: rotate(none); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(2) { top: 1px; transform-origin: top right; -webkit-transform: rotate(none); -moz-transform: rotate(none); -ms-transform: rotate(none); transform: rotate(none); -o-transform: rotate(none); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(3) { height: 1.8rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(4) { top: initial; bottom: 0; transform-origin: bottom left; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(5) { top: initial; bottom: 0; transform-origin: bottom right; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .custom-collapse { width: 50%; margin-right: auto; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .custom-collapse .card-body p { color: #fff; padding-bottom: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-4.is-inview .heading-area-01 .bb-subhead { -o-animation: fadeIn ease-out 2s forwards 0.5s; -moz-animation: fadeIn ease-out 2s forwards 0.5s; -webkit-animation: fadeIn ease-out 2s forwards 0.5s; animation: fadeIn ease-out 2s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-4.is-inview .heading-area-01 .bb-subhead::before, #ui-area .private-layout #content-wrapper-weddings .csec-4.is-inview .heading-area-01 .bb-subhead::after { --linewidth: 50px; -o-animation: widthTransform ease-out 0.6s forwards 0.5s; -moz-animation: widthTransform ease-out 0.6s forwards 0.5s; -webkit-animation: widthTransform ease-out 0.6s forwards 0.5s; animation: widthTransform ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-4.is-inview .heading-area-01 .bb-heading { -o-animation: fadeInTop ease-out 0.6s forwards 0.5s; -moz-animation: fadeInTop ease-out 0.6s forwards 0.5s; -webkit-animation: fadeInTop ease-out 0.6s forwards 0.5s; animation: fadeInTop ease-out 0.6s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-4.is-inview .heading-area-01 .inner-container { -o-animation: fadeInTop ease-out 1.5s forwards 0.5s; -moz-animation: fadeInTop ease-out 1.5s forwards 0.5s; -webkit-animation: fadeInTop ease-out 1.5s forwards 0.5s; animation: fadeInTop ease-out 1.5s forwards 0.5s; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 { text-align: center; overflow: hidden; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-subhead { display: inline-block; position: relative; margin-bottom: var(--subheadingmb); font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; opacity: 0; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-subhead::before, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-subhead::after { content: ""; width: 0; background: #9E6632; height: 2px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-transform: translateY(-50%); } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-subhead::before { left: -60px; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-subhead::after { right: -60px; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .outer-bbhead { overflow: hidden; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-heading { --marginBt: var(--headingh1mb); -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); opacity: 0; -webkit-transform: translate(0, calc(100% + var(--marginBt))); -moz-transform: translate(0, calc(100% + var(--marginBt))); -ms-transform: translate(0, calc(100% + var(--marginBt))); transform: translate(0, calc(100% + var(--marginBt))); -o-transform: translate(0, calc(100% + var(--marginBt))); } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .inner-container { opacity: 0; -webkit-transform: translate(0, 100%); -moz-transform: translate(0, 100%); -ms-transform: translate(0, 100%); transform: translate(0, 100%); -o-transform: translate(0, 100%); } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-paragraph a { font-weight: 600; position: relative; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .bb-paragraph a::before { content: ""; position: absolute; bottom: -2px; left: 0; background-color: rgba(158, 102, 50, 0.3); width: 100%; height: 1px; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 { position: relative; align-items: center; height: var(--cstbtnWidth2); background: transparent; border: none; box-shadow: none; color: #005983; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; font-size: var(--cstbtnFontsize2) !important; font-family: "ITC Avant Garde Pro Md", sans-serif; letter-spacing: var(--cstbtnletterSpace2); padding: 0 !important; display: inline-flex; flex-direction: column; width: auto; transition: 0.3s color linear; will-change: color; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 { transition: none; } } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 .border1, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 .border2 { position: relative; width: var(--cstbtnWidth2); height: calc(var(--cstbtnWidth2) / 2); overflow: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 .border1::before { content: ""; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth2); height: var(--cstbtnWidth2); display: inline-block; border-radius: 160px; text-shadow: none !important; box-shadow: none !important; border: var(--cstbtnBorder2) solid #9E6632; transition: border-left-color 0.2s cubic-bezier(0.4, 0, 1, 1), border-top-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.2s, border-right-color 0.2s cubic-bezier(0.4, 0, 1, 1) 0.4s; will-change: border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 .border1::before { transition: none; } } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 .border2::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-decoration: none !important; outline: none !important; width: var(--cstbtnWidth2); height: var(--cstbtnWidth2); display: inline-block; border-radius: 160px; text-shadow: none !important; box-shadow: none !important; border: var(--cstbtnBorder2) solid #9E6632; transition: border-right-color 0.25s linear, border-bottom-color 0.25s linear 0.2s, border-left-color 0.25s linear 0.3s; will-change: border-color; } @media (prefers-reduced-motion: reduce) { #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2 .border2::before { transition: none; } } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2:hover, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2:focus { color: #9E6632; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2:hover .border1::before, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2:focus .border1::before { border-top-color: #005983; border-right-color: #005983; border-left-color: #005983; } #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2:hover .border2::before, #ui-area .private-layout #content-wrapper-weddings .csec-4 .heading-area-01 .btn-custom2:focus .border2::before { border-bottom-color: #005983; border-right-color: #005983; border-left-color: #005983; } @media (max-width: 1440.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow { width: calc(var(--sliderArrowWidth) - 20px); height: calc(var(--sliderArrowHeight) - 20px); } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow { height: 1.25rem; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow .inner-arrow span:nth-child(3) { height: 1rem; } } @media (max-width: 1199.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx { top: -10%; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx .filled-text-3, #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx .outline-text-3 { font-size: calc(var(--outlinedfilled-text) - 25px) !important; line-height: calc(var(--outlinedfilled-lineh) - 25px) !important; } } @media (max-width: 991.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg { top: -70vw; right: -5vw; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header { width: 37%; padding-right: 2rem; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header .accordion-toggle a .darrow { width: calc(var(--sliderArrowWidth) - 10px); height: calc(var(--sliderArrowHeight) - 10px); } } @media (max-width: 767.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg { top: -88vw; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card { flex-wrap: wrap; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .card-header { width: 100%; padding-right: 3.5rem; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card .custom-collapse { width: 100%; padding-top: 1rem; } } @media (max-width: 575.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-1 .multi-banner-hg { margin-top: 1rem; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg { top: -107vw; right: -25vw; height: 146.27vw; width: 150vw; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg .abstractcircles { background-size: 150vw; } #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx .filled-text-3, #ui-area .private-layout #content-wrapper-weddings .csec-2 .heading-area-01 .text-bx .outline-text-3 { font-size: calc(var(--outlinedfilled-text) - 15px) !important; line-height: calc(var(--outlinedfilled-lineh) - 15px) !important; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .heading-area-03 { padding-bottom: 1rem; } #ui-area .private-layout #content-wrapper-weddings .csec-3 .accordion-custom .card { padding: 1rem 0; } } @media (max-width: 375.98px) { #ui-area .private-layout #content-wrapper-weddings .csec-2 .cstm-bg { top: -137vw; } } #ui-area .content-layout h1, #ui-area .content-layout h2, #ui-area .content-layout h3, #ui-area .content-layout h4, #ui-area .content-layout h5, #ui-area .content-layout h6 { opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .content-layout p, #ui-area .content-layout li, #ui-area .content-layout a { opacity: 0; } #ui-area .content-layout .tabs-menu { opacity: 0; -webkit-transform: translate(50%, 0); -moz-transform: translate(50%, 0); -ms-transform: translate(50%, 0); transform: translate(50%, 0); -o-transform: translate(50%, 0); } #ui-area .content-layout .is-inview h1, #ui-area .content-layout .is-inview h2, #ui-area .content-layout .is-inview h3, #ui-area .content-layout .is-inview h4, #ui-area .content-layout .is-inview h5, #ui-area .content-layout .is-inview h6 { -o-animation: fadeInRight ease-out 0.5s forwards 0.5s; -moz-animation: fadeInRight ease-out 0.5s forwards 0.5s; -webkit-animation: fadeInRight ease-out 0.5s forwards 0.5s; animation: fadeInRight ease-out 0.5s forwards 0.5s; } #ui-area .content-layout .is-inview p, #ui-area .content-layout .is-inview li, #ui-area .content-layout .is-inview a { -o-animation: fadeIn ease-out 0.7s forwards 0.5s; -moz-animation: fadeIn ease-out 0.7s forwards 0.5s; -webkit-animation: fadeIn ease-out 0.7s forwards 0.5s; animation: fadeIn ease-out 0.7s forwards 0.5s; } #ui-area .content-layout .is-inview .tabs-menu { -o-animation: fadeInRight ease-out 0.6s forwards 1s; -moz-animation: fadeInRight ease-out 0.6s forwards 1s; -webkit-animation: fadeInRight ease-out 0.6s forwards 1s; animation: fadeInRight ease-out 0.6s forwards 1s; } #ui-area .content-layout .cc-area-custom { position: relative; } #ui-area .content-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive a.btn-block:hover, #ui-area .content-layout .cc-area-custom .form-designer-portlet > section.portlet .portlet-body > form > .fd-display-container > .ui-grid .btn-responsive a.btn-block:focus { background: #005983 !important; border-color: transparent !important; } #ui-area .content-layout .btn { background: #005983; color: #fff; border-radius: 50px; font-size: 16px; padding: 1.1rem 2rem; -webkit-text-transform: none; -moz-text-transform: none; -ms-text-transform: none; text-transform: none; letter-spacing: 0.8px; border: 1px solid transparent !important; box-shadow: none; -webkit-box-shadow: none; transition: 0.2s background ease, 0.2s color ease, 0.2s border-color ease; will-change: background, color; } @media (prefers-reduced-motion: reduce) { #ui-area .content-layout .btn { transition: none; } } #ui-area .content-layout .btn:hover, #ui-area .content-layout .btn:focus { background: transparent; border-color: #005983 !important; color: #005983; } #ui-area .content-layout .btn.secondary { background: #D3E3E9; color: #005983; border: none !important; } #ui-area .content-layout .btn.secondary:hover, #ui-area .content-layout .btn.secondary:focus { background: #005983; color: #fff; } #ui-area .content-layout .btn.primary { background: #005983 !important; border: 1px solid transparent !important; color: #fff !important; } #ui-area .content-layout .btn.primary:hover, #ui-area .content-layout .btn.primary:focus { background: transparent !important; color: #005983 !important; border-color: #005983 !important; } @media (min-width: 2201px) and (max-width: 4000px) { #ui-area .content-layout iframe.cstflipbook { height: 21.17vw; } } #ui-area .content-layout .heading-area-02 .outer-bbhead { overflow: hidden; } #ui-area .content-layout .heading-area-02 .bb-subhead { display: block; position: relative; padding-left: 100px; font-size: var(--subheading1) !important; line-height: var(--lineheightsubh1) !important; margin-bottom: var(--subheadingmb); } #ui-area .content-layout .heading-area-02 .bb-subhead::before { content: ""; background: #9E6632; top: 50%; width: 90px; height: 2px; left: 0; position: absolute; } #ui-area .content-layout .heading-area-02 .bb-heading { --marginBt: 1.8rem; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; -ms-text-transform: uppercase; text-transform: uppercase; color: #005983; font-size: var(--heading1) !important; line-height: var(--lineheighth1) !important; margin-bottom: var(--marginBt); } #ui-area .content-layout .cstm-bg { position: absolute; width: 100%; height: 128%; right: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -o-transform: scale(0); right: -37vw; top: initial; bottom: -13vw; height: 66.27vw; width: 60vw; z-index: -1; } #ui-area .content-layout .cstm-bg .abstractcircles { position: absolute; left: 0; right: initial; margin: 0 auto; width: 100%; height: 100%; transform-origin: center; background-image: url(../images/club-images/bgbonitanew.svg); background-repeat: no-repeat; background-position: center center; } @media (max-width: 1440.98px) { #ui-area .content-layout .cstm-bg { height: 68.27vw; width: 72vw; } } @media (max-width: 991.98px) { #ui-area .content-layout .cstm-bg { height: 96.27vw; width: 100vw; right: -50vw; } } @media (max-width: 767.98px) { #ui-area .content-layout .cstm-bg { height: 126.27vw; width: 130vw; right: -60vw; } } #ui-area .content-layout .cstm-bg .abstractcircles { left: initial; right: 0; margin: 0; background-size: 68vw; } @media (max-width: 1440.98px) { #ui-area .content-layout .cstm-bg .abstractcircles { background-size: 80vw; } } @media (max-width: 991.98px) { #ui-area .content-layout .cstm-bg .abstractcircles { background-size: 100vw; } } @media (max-width: 767.98px) { #ui-area .content-layout .cstm-bg .abstractcircles { background-size: 140vw; } } #ui-area .content-layout .is-inview .cstm-bg { -o-animation: circleScale 5s forwards; -moz-animation: circleScale 5s forwards; -webkit-animation: circleScale 5s forwards; animation: circleScale 5s forwards; } /* @import 'structure'; @import 'nsconnect/theme-upgrade'; */ /* @import url(navigation/navigation-main.min.css?t=1716551373375); */ /*adding side-navigation css -- Start*/ /* @import url(side-navigation/side-navigation-main.min.css?t=1716551373375); */ /*adding side-navigation css -- End*/