body, html { background: #F2F5FA; color: #3c4657; }

/* Main Headings */
.option-heading { background: #202E4D; }
.option-heading p,
.option-heading p a { color: #aaa; color: rgba(255,255,255,0.65); }

.login-block .forgot { color: #aaa !important; }

h1, h2, h3, h4, h5, h6 { color: #202E4D; }

/* Sub Text */
.main-content a, .subscription-options .signup .info p, p.agreement, p.agreement a, .cnd-user-orders #order-detail .name, #header .group-ip-access { color: #2281E0; }

/* Error Message */
/*.error-message { background: #f90b0b; }*/

/* Buttons */
.button, .ui-dialog .ui-dialog-buttonset button {
  background: #2281E0;
  box-shadow: inset 0px 1px 0px #6eaceb, 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border: 1px solid #165b9f;
  border-top-color: #1968b6;
  border-bottom-color: #134e89;
  color: #fff !important;
}
.button:hover, .ui-dialog .ui-dialog-buttonset button:hover {
  background: #1b6fc3;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.4), inset 0px 1px 0px #2f89e2, inset 0 -10px 20px rgba(0, 0, 0, 0.1), inset 0px 10px 20px rgba(255, 255, 255, 0.1);
  border-color: #124980;
  border-top-color: #155696;
  border-bottom-color: #0f3c6a;
}

/* Mobile Only */
@media only screen and (min-width: 640px) {
    .mobile-only { display: none !important; }
}
.body-no-scroll { overflow: hidden; }

/* Footer */
#footer { background: #fff; color: #666; border-top: 1px solid #e0e0e0; }
  .app #footer {  }

/* Modal */
#pigeon-promotional html, #pigeon-promotional body { background: none !important; }
.modal-on-demand .button { color: #fff; }

/* This is needed for the popup overlay. For some reason the jquery ui plugin custom css breaks the design. */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #000; opacity: .35; }


.main-content { box-shadow: 0px 6px 8px 0px rgb(45 35 66 / 15%); }



/* ================================================================================== */
/* == Header ======================================================================== */
/* ================================================================================== */

#header .container, #footer .container { max-width: none !important; }

#header { background: #1f2f5d; background: linear-gradient(180deg, #233C71 0%, #1B2E60 100%); z-index: 1; box-shadow: none; box-shadow: 0px 0px 8px 0px rgb(45 35 66 / 15%); height: 60px; border-bottom: 1px solid #112046;}
#header h1 a { display: block; width: 216px; height: 60px; background: url(../../../img/site-specific/liquid-grit/impact-portal-logo.png) no-repeat center; background-size: 100% auto; text-indent: -9999px; }
#header #account-header { font-weight: 600; font-size: 16px; height: 60px; line-height: 60px; }
#header #account-header a { color: #6a87b8 !important; }
#header #account-header a:hover { color: #fff !important; }
#header #account-header li:before { background: rgba(0,0,0,0.6); display: none; }
#header #account-header li#shopping-cart { display: none; }
#header .powered-by-liquid { float: left; line-height: 60px; margin-left: 10px; font-size: 12px; color: #6a87b8; }
#header .group-ip-access { float: left; line-height: 60px; margin-left: 10px; font-size: 12px; color: #6a87b8 !important; display: none; }
#header .group-ip-access:before { content:"-"; margin-right: 8px; }


/* Header Navigation */
#header #account-header li { float: left; margin-left: 3px; }
#header #account-header li a { padding: 3px 10px; }

#header #menu-trigger { display: none; position: absolute; top: 0; right: 0; height: 60px; width: 70px; background: url(../../../img/site-specific/liquid-grit/icon-menu-white.svg) no-repeat center;  background-size: 34px; text-indent: -9999px; z-index: 999999; cursor: pointer; }
#header #menu-trigger.open { background: url(../../../img/site-specific/liquid-grit/icon-close-white.svg) no-repeat center; }

/* Header Navigation - Active page */
.wiki    #header #account-header li#nav-wiki a,
.reports #header #account-header li#nav-reports a,
.gallery #header #account-header li#nav-database a,
.tracker #header #account-header li#nav-tracker a,
.lift #header #account-header li#nav-lift a,
.user    #header #account-header li#nav-account a { color: #fff !important; }


/* Header Navigation - My Account dropdown */
@media only screen and (min-width: 680px) {
  #header #account-header li#nav-account {  background: url(../../../img/site-specific/liquid-grit/icon-chevron-down-header.svg) no-repeat right 20px; background-size: 18px; padding-right: 12px; }
  #header #account-header li#nav-logout { display: none; position: absolute; right: 0; top: 60px; background: #1B2E60; border-radius: 0 0 0 5px; z-index: 9; }
  #header #account-header li#nav-logout a { display: block; padding: 0 20px; width: 150px; }
  #header #account-header li#nav-account:hover + li,
  #header #account-header li#nav-logout:hover { display: block; }
}

@media only screen and (max-width: 680px) {
  #header #account-header { transition: right 1s ease; display: block !important; position: fixed; top: 0; right: -100vw; height: 100dvh; width: 100vw; margin: 0; background: #1f2f5d; background: linear-gradient(180deg, #233C71 0%, #1B2E60 100%); min-height: 100dvh; z-index: 99999; padding: 40px 30px; text-align: center; line-height: 13vh; font-size: 7vw; font-size: clamp(1rem, 7vw, 5vh); }
  #header #account-header li { float: none; display: block; }
  #header #account-header li#nav-logout {  }
  #header #account-header.open { right: 0; }
}


/* Header Icon */
#header #account-header li a span { position: relative; top: 2px; fill: #6a87b8; }
#header #account-header li a span svg { width: 14px; height: 14px; }
#header #account-header li a:hover span { fill: #fff; }
.wiki    #account-header li a span,
.reports #account-header li a span,
.gallery #account-header li a span,
.tracker #account-header li a span,
.lift #account-header li a span,
.user    #account-header li a span {
  fill: #fff;
}


@media only screen and (max-width: 820px) {
  #header .powered-by-liquid,
  #header .group-ip-access { display: none; }
}

@media only screen and (max-width: 680px) {
  #header { height: auto; padding: 17px 0; width: 100vw; }
  #header h1 a { width: 100%; height: 40px; background-size: auto 100%; }
  #header h1,
}
@media only screen and (max-width: 680px) {
  #header .container { padding: 0 20px}
  #header { height: 60px; padding: 0; }
  #header h1 { float: left; }
  #header h1 a { height: 60px; width: 216px; background-size: 100% auto; }
  #header #menu-trigger { display: block; }
}
@media only screen and (max-width: 580px) {
  #header .container { padding: 0 16px; }
  #header #menu-trigger { width: 64px; }
}



/* ================================================================================== */
/* == App Search Bar ================================================================ */
/* ================================================================================== */

/* Search Bar */
.search-wrapper { position: relative; margin-bottom: 0px; border-bottom: 1px solid #E3E8EE; background: #F2F5FA url(../../../img/site-specific/liquid-grit/icon-search.svg) no-repeat 30px center; background-size: 20px; box-shadow: inset 0px 0px 8px 0px rgb(45 35 66 / 5%); }
.search-wrapper #cnd-search { width: 100%; padding: 18px 30px 18px 60px; margin: 0; float: none; border-radius: 0; font-size: 15px; background: none; border: none; }
.search-wrapper #cnd-search:focus { outline: none !important; border: none !important; box-shadow: none !important; }
.search-wrapper .remove-search-filter { position: absolute; top: 19px; right: 20px; height: 20px; width: 20px; text-indent: -9999px; background: url(../../../img/icon-cancel.svg) no-repeat center; background-size: 92%; border: none; opacity: 0.55; }
.search-wrapper .remove-search-filter:hover { opacity: 1; }
.search-wrapper .cnd-waiting-for-results { content: ""; width: 22px; height: 22px; position: absolute; top: 18px; left: 29px; background: #F2F5FA url(../../../img/site-specific/liquid-grit/icon-loading.svg) no-repeat center; background-size: 17px; }
    /* Customizations to search bar on Database page */
    #cms_blog_gallery_gallery2 .search-wrapper { overflow: hidden; }    
    #cms_blog_gallery_gallery2 .search-wrapper #cnd-search { float: left; width: calc(100% - 100px); }
    #cms_blog_gallery_gallery2 .search-wrapper .remove-search-filter { right: 105px; }

    @media only screen and (max-width: 640px) {
      .search-wrapper #cnd-search { padding-left: 50px; background: #F2F5FA url(../../../img/site-specific/liquid-grit/icon-search.svg) no-repeat 20px center; background-size: 20px; }
      .search-wrapper .cnd-waiting-for-results { left: 20px; }
    }
    @media only screen and (max-width: 580px) {
      .search-wrapper #cnd-search { padding-left: 45px; background: #F2F5FA url(../../../img/site-specific/liquid-grit/icon-search.svg) no-repeat 15px center; background-size: 20px; }
      .search-wrapper .cnd-waiting-for-results { left: 15px; }
    }


/* Search Bar - View Switcher */
.search-wrapper .vo-view-switcher { float: right; margin: 14px 10px 0 0; }
.search-wrapper .vo-view-switcher li { float: left; text-indent: -9999px; width: 30px; height: 30px; opacity: 0.45; cursor: pointer; transition: opacity 0.218s; }
.search-wrapper .vo-view-switcher li:hover { opacity: 1; }
.search-wrapper .vo-view-switcher li.active { opacity: 1; color: #2281e0; filter: invert(40%) sepia(75%) saturate(1625%) hue-rotate(190deg) brightness(98%) contrast(89%); }
.search-wrapper .vo-view-switcher .vo-gallery { background: url(../../../img/site-specific/liquid-grit/icon-image.svg) no-repeat center; background-size: 20px; }
.search-wrapper .vo-view-switcher .vo-list { background: url(../../../img/site-specific/liquid-grit/icon-list.svg) no-repeat center; background-size: 24px; }
.search-wrapper .vo-view-switcher .vo-matrix { background: url(../../../img/site-specific/liquid-grit/icon-table.svg) no-repeat center; background-size: 21px; }


/* Search loader graphic */
.dot-pulse {
  --uib-size: 30px;
  --uib-speed: 1.3s;
  --uib-color: #6E6F70;
position: relative; display: flex; align-items: center; justify-content: space-between; width: calc(var(--uib-size) * 1.1); height: calc(var(--uib-size) * 0.27); }
.dot-pulse__dot,
.dot-pulse::before,
.dot-pulse::after { content: ''; display: block; height: calc(var(--uib-size) * 0.18); width: calc(var(--uib-size) * 0.18); border-radius: 50%; background-color: var(--uib-color); transform: scale(0); }
.dot-pulse::before { animation: pulse var(--uib-speed) ease-in-out infinite; }
.dot-pulse__dot { animation: pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * 0.125) infinite both; }
.dot-pulse::after { animation: pulse var(--uib-speed) ease-in-out calc(var(--uib-speed) * 0.25) infinite; }
@keyframes pulse { 
   0%, 100% { transform: scale(0); } 50% { transform: scale(1.5); } 
}


/* Filters tags on mobile */
.filter-tags {  position: relative; margin: 0 -30px 10px; position: relative; }
.filter-tags:before { content: ""; width: 30px; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; background: linear-gradient(to right, rgba(242, 245, 250,1) 15%,rgba(255,255,255,0) 100%); z-index: 0; }
.filter-tags:after { content: ""; width: 30px; height: 100%; position: absolute; top: 0; right: 0; pointer-events: none; background: linear-gradient(to left, rgba(242, 245, 250,1) 15%,rgba(255,255,255,0) 100%); z-index: 0; }
.filter-tags::-webkit-scrollbar { display: none; }
.filter-tags .filter-tags-inner { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 10px; -ms-overflow-style: none; scrollbar-width: none; padding: 7px 25px;}
.filter-tags .filter-tag { flex: 0 0 auto; background: #F2F5FA; box-shadow: 0px 7px 8px -10px rgb(45 35 66 / 20%), 0 7px 8px -10px rgb(45 35 66 / 20%); border: 1px solid #ccc; border-radius: 50px; padding: 0 0 0 12px; font-size: 14px; line-height: 30px; background: rgba(255,255,255,0.35); overflow: hidden; }
.filter-tags .filter-tag div { float: left; }
.filter-tags .filter-tag .cancel { width: 31px; height: 30px; text-indent: -9999px; background: url(../../../img/site-specific/liquid-grit/icon-close.svg) no-repeat 7px center; background-size: 13px; opacity: 0.5; cursor: pointer;  }


.filters-mobile { background: #F2F5FA; border-bottom: 1px solid #E3E8EE; font-size: 15px; overflow: hidden; }
.filters-mobile #sidebar-trigger { float: left; background: #F2F5FA url(../../../img/site-specific/liquid-grit/icon-filter.svg) no-repeat 20px center; background-size: 20px; padding: 0 0 0 50px; line-height: 56px; height: 56px; width: 100px; }
.filters-mobile .filter-tags { float: left; margin: 0; width: calc(100% - 100px); height: 56px; padding-top: 6px; }
.filters-mobile .filter-tags .filter-tag { font-size: 13px; }

@media only screen and (min-width: 640px) {
    .filters-mobile #sidebar-trigger { display: none; }  
    .filters-mobile { border: none; } 
    .filters-mobile .filter-tags { width: 100%; height: auto; padding: 0; }
    .filters-mobile .filter-tags:before,
    .filters-mobile .filter-tags:after { height: calc(100% - 1px); }
    .filters-mobile .filter-tags-inner { border-bottom: 1px solid #E3E8EE; height: 57px; padding: 13px 25px 11px; }
    .filters-mobile .filter-tags-inner:empty { display: none; }
}
@media only screen and (max-width: 580px) {
    .filters-mobile #sidebar-trigger { background: #F2F5FA url(../../../img/site-specific/liquid-grit/icon-filter.svg) no-repeat 15px center; background-size: 20px; padding-left: 45px; }
}


/* ================================================================================== */
/* == Sidebar ======================================================================= */
/* ================================================================================== */

#sidebar { width: 280px; padding: 30px; border-right: 1px solid #E3E8EE; background: #F2F5FA; box-shadow: inset 0px 0px 8px 0px rgb(45 35 66 / 15%); }
   #cms_blog_gallery_gallery2 #sidebar,
   #cms_static_liq_lift #sidebar,
   #cms_static_liq_event #sidebar { position: fixed; top: 60px; left: 0; width: 280px; height: calc(100dvh - 60px); overflow-y: auto; }

@media only screen and (max-width: 640px) {
    #sidebar { position: fixed; top: 0px !important; left: -100vw !important; width: 100vw !important; height: 100dvh !important; overflow-y: auto; z-index: 9; transition: left 1s ease; }
    #sidebar.open { left: 0 !important; box-shadow: none; }
    #sidebar .sidebar-footer { display: none; }
}

#sidebar .block { margin-bottom: 10px; }
#sidebar .block .cnd-header { padding: 10px 0; position: relative; }
#sidebar .block:first-child .cnd-header:first-child { padding-top: 0; }
#sidebar .block .cnd-header h3 { margin-bottom: 5px; font-size: 15px; position: relative; z-index: 1; }
#sidebar .block .cnd-header .collapse { display: block !important; width: 14px; height: 14px; float: right; margin-top: 6px; }
#sidebar .block .cnd-header .collapse .ui-icon-triangle-1-e { display: block; width: 100%; height: 100%; background: url(../../../img/site-specific/liquid-grit/icon-chevron-down.svg) center; background-size: 18px; opacity: 0.5; }
#sidebar .block .cnd-header .collapse .ui-icon-triangle-1-s { display: block; width: 100%; height: 100%; background: url(../../../img/site-specific/liquid-grit/icon-chevron-up.svg) center; background-size: 18px; opacity: 0.5; }
#sidebar .block .cnd-header .cancel { float: right; height: 14px; width: 14px; cursor: pointer; background: url(../../../img/site-specific/liquid-grit/icon-cancel.svg) center; background-size: 14px; margin-right: 3px; margin-top: 6px; opacity: 0.55; }
#sidebar .block .cnd-header .cancel: hover { opacity: 1; }

#sidebar .cnd-collection { padding: 10px 0; position: relative; }
#sidebar .cnd-collection > h3 { cursor: pointer; font-size: 15px; margin-bottom: 0px; position: relative;  }
#sidebar .cnd-collection > h3:first-child::after { content: ''; position: absolute; right: 0px; top: 4px; width: 14px; height: 14px; background: url(../../../img/site-specific/liquid-grit/icon-chevron-up.svg) center; background-size: 18px; opacity: 0.5; }
#sidebar .cnd-collection > h3.closed:first-child::after { content: ''; background: url(../../../img/site-specific/liquid-grit/icon-chevron-down.svg) center; background-size: 18px; }
#sidebar .cnd-collection .cnd-header { margin: 10px 0 -10px 20px; }

#sidebar ul.cnd-list { font-size: 15px; }
#sidebar ul.cnd-list li { margin: 10px 0; }
#sidebar ul.cnd-list li span { position: relative; padding-left: 22px; cursor: pointer; display: block; }
#sidebar ul.cnd-list li span:before { content: ""; position: absolute; left: 0; top: 4px; width: 14px; height: 14px; background: #fff; border: 1px solid #ccc; border-radius: 2px; }
#sidebar ul.cnd-list li span.ui-state-active:before { background: #2281e0 url(../../../../public/pigeon/img/icon-checkbox.svg) no-repeat center; background-size: 9px; border-color: #2281e0; }
#sidebar ul.cnd-list li.ui-state-active { list-style-type: none; }
#sidebar ul.cnd-list li.ui-has-child.ui-state-disabled > span:before { background: #fff; }
#sidebar ul.cnd-list li ul { margin-left: 20px; }
#sidebar ul.cnd-list li ul li.ui-state-active {  }
#sidebar ul.cnd-list li.ui-state-active ul {  }
#sidebar ul.cnd-list li.ui-state-disabled,
#sidebar ul.cnd-list li.ui-state-disabled span { opacity: 0.6; cursor: default; }
#sidebar ul.cnd-list li span svg { width: 14px; height: 14px; position: relative; top: 2px; fill: #999; }

@media only screen and (max-width: 640px) {
  #sidebar .block .cnd-header .cancel { display: none !important; }
  #sidebar ul.cnd-list li span { padding-left: 30px; }
  #sidebar ul.cnd-list li span:before { top: 1px; width: 18px; height: 18px;}
  #sidebar ul.cnd-list li span.ui-state-active:before { background-size: 10px; }
}
  
.wiki #sidebar #cnd-category  { background: #fff; border: 1px solid #E3E8EE; border-bottom: none; border-radius: 5px 5px 0 0; padding: 22px 25px 1px 25px; margin: -5px -5px 0 -5px; }
.wiki #sidebar #cnd-category2 { background: #fff; border: 1px solid #E3E8EE; border-top: none; border-radius: 0 0 5px 5px; padding: 15px 25px 16px 25px; margin: 0 -5px 18px -5px }

@media only screen and (max-width: 640px) {
  .wiki #sidebar #cnd-category { margin-top: 30px; }
}

/* Sidebar Footer Buttons */
#sidebar .sidebar-footer { position: fixed; bottom: 0; left: 0; width: 280px; padding: 20px; background: #F2F5FA; box-shadow: inset -10px 0px 8px -10px rgb(45 35 66 / 15%), 0 -10px 8px -10px rgb(45 35 66 / 7%); border-top: 1px solid #E3E8EE; z-index: 1; }
#sidebar .sidebar-footer .sidebar-footer-button { float: left; text-indent: -9999px; width: 36px; height: 36px; margin: 0 10px 0 0; border: 1px solid #c2cad9; border-radius: 4px; position: relative; cursor: pointer; }
#sidebar .sidebar-footer .vo-notifications { background: url(../../../img/site-specific/liquid-grit/icon-notification.svg) no-repeat center, linear-gradient(#e8edf7, #e0e5ef, #e0e5ef, #d5dbe7); background-size: 20px; }
#sidebar .sidebar-footer .vo-add-mail-notifications { background: url(../../../img/site-specific/liquid-grit/icon-plus.svg) no-repeat center, linear-gradient(#e8edf7, #e0e5ef, #e0e5ef, #d5dbe7); background-size: 20px; }
#sidebar .sidebar-footer .vo-download-csv { background: url(../../../img/site-specific/liquid-grit/icon-download.svg) no-repeat center, linear-gradient(#e8edf7, #e0e5ef, #e0e5ef, #d5dbe7); background-size: 20px; }
#sidebar .sidebar-footer .vo-faq { background: url(../../../img/site-specific/liquid-grit/icon-circle-help.svg) no-repeat center, linear-gradient(#e8edf7, #e0e5ef, #e0e5ef, #d5dbe7); background-size: 20px; }
#sidebar .sidebar-footer .vo-notifications:hover { background: url(../../../img/site-specific/liquid-grit/icon-notification.svg) no-repeat center, linear-gradient(#d3dbe7, #cad2de, #cad2de, #c0c9d6); background-size: 20px; }
#sidebar .sidebar-footer .vo-add-mail-notifications:hover { background: url(../../../img/site-specific/liquid-grit/icon-plus.svg) no-repeat center, linear-gradient(#d3dbe7, #cad2de, #cad2de, #c0c9d6); background-size: 20px; }
#sidebar .sidebar-footer .vo-download-csv:hover { background: url(../../../img/site-specific/liquid-grit/icon-download.svg) no-repeat center, linear-gradient(#d3dbe7, #cad2de, #cad2de, #c0c9d6); background-size: 20px; }
#sidebar .sidebar-footer .vo-faq:hover { background: url(../../../img/site-specific/liquid-grit/icon-circle-help.svg) no-repeat center, linear-gradient(#d3dbe7, #cad2de, #cad2de, #c0c9d6); background-size: 20px; }
#sidebar .sidebar-footer .sidebar-footer-button:last-child { margin: 0; }
#sidebar .sidebar-footer .sidebar-footer-button:hover { background-color: #cad2de; border-color: #abb6c8; color: #fff; }
#sidebar .sidebar-footer .sidebar-footer-button:before { content: attr(data-tooltip); position: absolute; left: 0; top: -40px; font-size: 11px; white-space: nowrap; padding: 5px 8px; border-radius: 5px; background:#000; color: #fff; text-indent: 0; }
#sidebar .sidebar-footer .sidebar-footer-button:after{content: ""; position: absolute; left: 12px; top: -15px; border:5px solid #000; border-color: black transparent transparent transparent; }
#sidebar .sidebar-footer .sidebar-footer-button:before,
#sidebar .sidebar-footer .sidebar-footer-button:after { opacity: 0; transition: .4s opacity; pointer-events: none; }
#sidebar .sidebar-footer .sidebar-footer-button:hover:before, 
#sidebar .sidebar-footer .sidebar-footer-button:hover:after { opacity: 1; }


/* Sidebar Category Search Inputs */
#sidebar .block .vo-search-context { position: relative; z-index: 2; }
#sidebar .block .vo-search-context input { width: 100%; padding: 6px 10px; border-radius: 5px; border: 1px solid #ccc; font-size: 14px; margin-bottom: 5px; } 
#sidebar .block .vo-search-context:before { content: ""; width: 100%; height: 15px; position: absolute; top: 38px; pointer-events: none; background: linear-gradient(to bottom, rgba(242, 245, 250,1) 0%,rgba(255,255,255,0) 100%); z-index: 1; }


/* Limit the blocks to scrollable 150px tall */
#sidebar ul.cnd-list { max-height: 150px !important; overflow-y: auto; position: relative; }
#sidebar .cnd-header:before { content: ""; width: 100%; height: 15px; position: absolute; top: 36px; pointer-events: none; background: linear-gradient(to bottom, rgba(242, 245, 250,1) 0%,rgba(255,255,255,0) 100%); z-index: 1; }
#sidebar .cnd-header:after { content: ""; width: 100%; height: 15px; position: absolute; bottom: 10px; pointer-events: none; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(242, 245, 250,1) 100%); }

/* Scrollbar styles for Windows computers */
.windows-os ::-webkit-scrollbar { width: 7px; height: 7px; }
.windows-os ::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.4); border-radius: 10px; }
.windows-os ::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); border-radius: 10px; }


/* Date Range */
#sidebar .block-date-filter { margin: 0; }
#sidebar .block-date-filter .cnd-header:before,
#sidebar .block-date-filter .cnd-header:after { display: none; }
#sidebar .date-filter { cursor: pointer; background: url(../../../img/site-specific/liquid-grit/icon-calendar.svg) no-repeat left center; background-size: 18px; padding-left: 25px; padding: 10px 0px 10px 30px; border-radius: 5px; font-size: 15px; }


/* But let the Category block be full-height */
#sidebar #cnd-category ul.cnd-list,
#sidebar #cnd-category2 ul.cnd-list { max-height: none !important; }


 /* So hide the faders on this Category block */
#sidebar #cnd-category.cnd-header:before,
#sidebar #cnd-category2.cnd-header:before,
#sidebar #cnd-category.cnd-header:after,
#sidebar #cnd-category2.cnd-header:after { display: none !important; }


/* Sidebar Mobile Buttons */
#sidebar .mobile-sidebar-header { padding-bottom: 10px; overflow: hidden; }
#sidebar .mobile-sidebar-header div { float: left; opacity: 0.75; text-decoration: underline; font-size: 14px; cursor: pointer; }
#sidebar .mobile-sidebar-header #sidebar-close { float: right; }
#sidebar .mobile-sidebar-footer { position: sticky; left: 0; bottom: -30px; width: 100%; z-index: 3; margin: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(242, 245, 250,1) 65%); padding: 40px 20px 20px 20px; text-align: center; }
#sidebar .mobile-sidebar-footer #show-results { display: inline-block; background: #2281e0; border-radius: 50px; font-size: 15px; font-weight: 600; color: #fff; line-height: 36px; height: 36px; padding: 0 25px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; }


/* Date Range Picker */
.daterangepicker table,
.daterangepicker td,
.daterangepicker tr { border: none !important; }
.daterangepicker td { padding: 4px 10px !important; }
.daterangepicker .calendar-table { border: none !important; }
.daterangepicker .calendar-table thead th { background: #FFF !important; text-transform: none; font-size: 13px; color: #3c4657; }
.daterangepicker .calendar-table thead th:after { display: none; }
.daterangepicker .calendar-table thead tr:first-child th { border-radius: 4px !important; border: none !important; }
.daterangepicker .calendar-table thead tr:nth-child(2) th { border: none !important; }
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span { border-color: #b9bbbf !important; }
.daterangepicker .calendar-table .next:hover,
.daterangepicker .calendar-table .prev:hover { background: none !important; }
.daterangepicker .calendar-table .next:hover span,
.daterangepicker .calendar-table .prev:hover span { border-color: #3c4657 !important; }
.daterangepicker select.monthselect,
.daterangepicker select.yearselect { font-size: 13px !important; }
.daterangepicker tr:hover { background: none; }
.daterangepicker td.in-range.off { ba//ckground: #fff !important; }
.daterangepicker td.in-range { background:#e0f0fc !important; }
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover { background: #2281e0 !important;  }
.ranges li { background: #F2F5FA !important; }
.ranges li.active,
.ranges li:hover { background-color: #2281E0 !important; }
.ranges li:hover,
.daterangepicker td.available:hover,
.daterangepicker td.off.end-date { color: #fff !important; }
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date { co///lor: #b9bbbf !important; }
.daterangepicker tbody tr td.start-date,
.daterangepicker tbody tr td.end-date { background: #2281e0 !important; }

@media only screen and (max-width: 640px) {
  .daterangepicker { width: calc(100vw - 60px) !important; }
  .daterangepicker .ranges ul { padding: 5px 10px 3px !important; }
  .daterangepicker .ranges li { font-size: 13px !important; padding: 12px 15px !important; margin-bottom: 7px !important; }
  .daterangepicker .ranges li[data-range-key="Custom Range"] { display: none; }
  /* .daterangepicker .drp-calendar { float: none !important; max-width: none !important; border: none !important; } */
  .daterangepicker .drp-calendar { display: none !important; }
}



/* ================================================================================== */
/* == Gallery Page ================================================================== */
/* ================================================================================== */

@media only screen and (min-width: 641px) {
#cms_blog_gallery_gallery2,
     #cms_static_liq_event,
     #cms_static_liq_lift  { width: 100%; margin-bottom: 0; }
#cms_blog_gallery_gallery2 #header,
     #cms_static_liq_event #header,
     #cms_static_liq_lift  #header { position: fixed; width: 100vw; z-index: 1; }
#cms_blog_gallery_gallery2 #header .container,
     #cms_static_liq_event #header .container,
     #cms_static_liq_lift  #header .container { max-width: none; }
#cms_blog_gallery_gallery2 #full-content,
     #cms_static_liq_event #full-content,
     #cms_static_liq_lift  #full-content { position: absolute; top: 60px; left: 280px; width: calc(100% - 280px); height: auto; min-height: calc(100% - 60px); padding: 0; background: #fff; overflow: hidden; }
}

#cms_blog_gallery_gallery2 #full-content,
     #cms_static_liq_event #full-content,
     #cms_static_liq_lift  #full-content { background: #fff; }
#cms_blog_gallery_gallery2 #footer,
      #cms_static_liq_event #footer,
      #cms_static_liq_lift  #footer { display: none; }

/* Main Table Global Styles */
.liquid-array { clear: both; height: calc(100dvh - 119px); width: 100%; overflow: auto; position: relative; }
.liquid-array TABLE { border-color: #E3E8EE; width: 100%; margin: 0; border-top: none; }
.liquid-array TABLE TBODY { display: block; width: 100%; overflow: scroll; width: 100%; }
.liquid-array TABLE THEAD { display: block; width: 100%; position: sticky; top: 0px; background: #fff; color: #949aa4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.liquid-array TABLE THEAD TH { padding: 14px 10px 12px 10px; }
.liquid-array TABLE THEAD TH:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; border-bottom: 1px solid #E3E8EE; }
.liquid-array TABLE THEAD TH.vo-cnd-sort { cursor: pointer; }
.liquid-array TABLE THEAD TH.vo-cnd-sort:after { content: ""; display: inline-block; width: 5px; height: 11px; vertical-align: -1px; margin-left: 4px; background: url(../../../img/site-specific/liquid-grit/icon-sort.svg) no-repeat center; background-size: 100% auto;  }
.liquid-array TABLE THEAD TH.vo-cnd-sort.vo-cnd-sort-desc,
.liquid-array TABLE THEAD TH.vo-cnd-sort.vo-cnd-sort-asc { color: #2281E0; color: #3c4567; }
.liquid-array TABLE THEAD TH.vo-cnd-sort.vo-cnd-sort-desc:after,
.liquid-array TABLE THEAD TH.vo-cnd-sort.vo-cnd-sort-asc:after{ filter: saturate(500%) brightness(55%) }
.liquid-array TABLE TFOOT { display: block; border-top: 1px solid #E3E3E3; }
.liquid-array TABLE TR { border-bottom: 1px solid #eef2f9; transition: background .18s; }
.liquid-array TABLE TR:hover { background: #F2F5FA; }
.liquid-array TABLE THEAD TR:hover { background: #fff; }
.liquid-array TABLE TD,
.liquid-array TABLE TH { min-width: 202px; max-width: 202px; padding: 18px 10px 16px 10px; overflow: hidden; }
.liquid-array TABLE TD:last-child,
.liquid-array TABLE TH:last-child { padding-right: 0; }
.liquid-array TABLE TD:first-child,
.liquid-array TABLE TH:first-child{ padding-left: 40px; text-align: left !important; }

@media only screen and (max-width: 640px) {
  .liquid-array { height: calc(100dvh - 177px); }
  .liquid-array TABLE TD:first-child,
  .liquid-array TABLE TH:first-child{ padding-left: 25px; }
}
@media only screen and (max-width: 580px) {
  .liquid-array TABLE {  }
  .liquid-array TABLE THEAD TH { padding: 8px 5px 6px 5px;}
  .liquid-array TABLE TD,
  .liquid-array TABLE TH { padding: 10px 5px 8px 5px; }
  .liquid-array TABLE TD:first-child,
  .liquid-array TABLE TH:first-child{ padding-left: 20px; }
}

.no-results { padding: 40px; font-size: 15px; font-style: italic; }


/* Customizations for Database Table */
.gallery-browser table.view-data tbody { height: calc(100dvh - 166px); }
.gallery-browser table.view-data th:first-child,
.gallery-browser table.view-data td:first-child,
.gallery-browser table.view-data th:last-child,
.gallery-browser table.view-data td:last-child { min-width: 350px; max-width: 350px; overflow: hidden; }

/* Customizations for Matrix Table */
.gallery-browser table.view-matrix  { text-align: center; }
.gallery-browser table.view-matrix tbody { height: calc(100dvh - 281px); }
.gallery-browser table.view-matrix th,
.gallery-browser table.view-matrix td { min-width: 100px; max-width: 100px; }
.gallery-browser table.view-matrix th:first-child,
.gallery-browser table.view-matrix td:first-child { text-align: left; min-width: 150px; max-width: 150px; }

@media only screen and (max-width: 580px) {
  .gallery-browser table.view-matrix tbody { height: calc(100dvh - 278px); }
}

/* Customizations for Tracker Activity Table */
.liquid-array TABLE.byactivity TD.game,
.liquid-array TABLE.byactivity TD.activity,
.liquid-array TABLE.byactivity TH.game,
.liquid-array TABLE.byactivity TH.activity { min-width: 300px; }

/* Customizations for Notifications Table */
.gallery-browser .vo-automation-rules-container {  }
.gallery-browser .vo-automation-rules-container .actions { min-width: 195px; }
.gallery-browser .vo-automation-rules-container .actions button { float:left; margin-right: 5px; border: 1px solid #cacaca; background: #e3e3e3; border-radius: 3px; padding: 4px 5px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 10px; text-transform: uppercase; font-weight: bold; color: #585858 !important; cursor: pointer; }
.gallery-browser .vo-automation-rules-container .actions button:hover { background: #d9d9d9; }
.gallery-browser .vo-automation-rules-container .actions .tooltip { float: left; position: relative; background: #EA1F08; color: #fff; font-weight: 600; font-size: 13px; width: 18px; height: 18px; text-align: center; border-radius: 50%; margin: 1px 0 0 5px; cursor: pointer; }
.gallery-browser .vo-automation-rules-container .actions .tooltip:before { content: attr(data-text); position: absolute; right: calc(100% + 5px); top: 50%; transform: translateY(-50%); width: 382px; padding: 10px; border-radius: 10px; background:#202e4d; color: #fff; text-align: center; font-size: 12px; font-weight: 500; line-height: 1.4; display: none; }
.gallery-browser .vo-automation-rules-container .actions .tooltip:hover:before{ display: block; }


/* Thumbnail View */
.gallery-browser { border-bottom: none; overflow: scroll; height: calc(100% - 79px); }
.gallery-browser::-webkit-scrollbar { display: none; }
.gallery-browser ul.slides { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); grid-gap: 30px; padding: 30px; clear: both; list-style: none; min-height: 150px; }
.gallery-browser ul.slides li { background: #fff; border: 1px solid #E3E8EE; border-radius: 5px; margin: 0; padding: 0; position: relative; overflow: hidden; }
.gallery-browser ul.slides li .img-box { overflow: hidden; aspect-ratio: 4/3; }
.gallery-browser ul.slides li .text { padding: 12px 15px; line-height: 1.3; }
.gallery-browser ul.slides li a.permalink-url { font-size: 11px; color: #888; }
.gallery-browser ul.slides li a.permalink-url span.gallery-title { display: block; font-size: 14px; color: #202E4D; font-weight: 600; }
.gallery-browser ul.slides li a.permalink-url { text-decoration: none; }


/* Individual App Page */
.gallery-photo-browser { position: fixed; background: #fff; width: calc(100% - 280px); height: calc(100% - 60px); padding: 40px; padding-top: 100px; top: 60px; right: 0; overflow-x: hidden; overflow-y: auto; }
.gallery-photo-browser h2 { font-size: 32px; line-height: 40px; font-weight: 600; color: #1a1f36; margin: 0; line-height: 1.15; }
.gallery-photo-browser h3 { color: #2281e0; margin: -15px 0 0 0; }
.gallery-photo-browser .released { color: #949aa4; color: #8d919a; font-size: 15px; -webkit-font-smoot///hing: antialiased; -moz-osx-font-smoot///hing: grayscale; border-bo/ttom: 1px solid#d3d7de; margin: 0 -40px -30px; padding: 0 40px 25px 40px; }

@media only screen and (max-width: 640px) {
  .gallery-photo-browser { width: 100%; padding: 100px 30px 30px 30px; }
}
@media only screen and (max-width: 440px) {
  .gallery-photo-browser { padding: 95px 25px 25px 25px; }
}


.gallery-photo-browser .tags { overflow: hidden; margin: 30px 0 20px; }
.gallery-photo-browser .tags .vo-tag-array { overflow: hidden; float: left; wid/////th: calc(100% - 90px); }

.gallery-photo-browser .help-button { position: fixed; bottom: 25px; right: 25px; z-index: 2; color: #fff; text-decoration: none; background: #2281e0; border-radius: 50px; font-size: 13px; line-height: 28px; height: 28px; padding: 0 15px; z-index: 9999999; }
.gallery-photo-browser .mfp-close,
/* .gallery-photo-browser .vo-close-grid-view { position: static; margin: -10px 0 20px 0; float: none; background:#F2F5FA url(../../../img/site-specific/liquid-grit/icon-arrow-left.svg) no-repeat 7px center; background-size: 20px; border-radius: 5px; border: 1px solid #E3E8EE; padding: 0 12px 0 32px; height: 30px; width: auto !important; font-size: 14px; line-height: 30px; font-family: inherit; } */
/* .gallery-photo-browser .vo-close-grid-view { position: absolute; top: 51px; right: 40px; margin: 0; float: none; background: url(../../../img/site-specific/liquid-grit/icon-close.svg) no-repeat center; background-size: 40px; padding: 0; height: 40px; width: 40px !important; text-indent: -9999px; } */
.gallery-photo-browser .vo-close-grid-view { position: absolute; top: 0; left: 0; float: none; background:#F2F5FA url(../../../img/site-specific/liquid-grit/icon-arrow-left.svg) no-repeat 13px center; background-size: 20px; border-bottom: 1px solid #E3E8EE; padding: 0 12px 0 40px; height: 58px; width: 100% !important; font-size: 14px; line-height: 58px; text-align: left; color:#3c4657; font-family: inherit; box-shadow: inset 0px 0px 8px 0px rgb(45 35 66 / 5%); opacity: 1; }

.gallery-photo-browser .gallery-view-switcher { position: absolute; right: 0; top: -60px; }
.gallery-photo-browser .gallery-view-switcher .vo-switch { float: left; text-indent: -9999px; width: 30px; height: 30px; opacity: 0.45; cursor: pointer; transition: opacity 0.218s; border: none; }
.gallery-photo-browser .gallery-view-switcher .vo-switch:hover { opacity: 1; }
.gallery-photo-browser .gallery-view-switcher .vo-switch.slider-view { background: url(../../../img/site-specific/liquid-grit/icon-image.svg) no-repeat center; background-size: 20px; }
.gallery-photo-browser .gallery-view-switcher .vo-switch.grid-view { background: url(../../../img/site-specific/liquid-grit/icon-grid.svg) no-repeat center; background-size: 20px;}
.gallery-photo-browser .gallery-view-switcher .vo-switch.active { opacity: 1; color: #2281e0; filter: invert(40%) sepia(75%) saturate(1625%) hue-rotate(190deg) brightness(98%) contrast(89%); }

@media only screen and (max-width: 640px) {
  .gallery-photo-browser .gallery-view-switcher { display: none; }
}

.gallery-photo-browser .gallery-list { position: relative; }
.gallery-photo-browser ul.vo-gallery-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); grid-gap: 20px; }
.gallery-photo-browser ul.vo-gallery-list li { margin: 0; padding: 0; position: relative; }
.gallery-photo-browser ul.vo-gallery-list li img { display: block; width: 100%; border-radius: 7px; cursor: pointer; hei///ght: 170px }
.gallery-photo-browser ul.vo-gallery-list li span { display: block; font-size: 12px; margin: 3px 0 0 0; color: #fff; color: #949aa4; }
.gallery-photo-browser ul.vo-gallery-list li.video:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 12px); background: url(../../../img/site-specific/liquid-grit/icon-play4.png) no-repeat center; background-size: 50px; pointer-events: none }

.gallery-photo-browser .gallery-events { margin: 25px 0 27px; width: calc(100% - 67px); }
.gallery-photo-browser .gallery-events h3 { font-size: 15px; color: #202E4D; }
.gallery-photo-browser ul.vo-event-list { margin: 10px 0 0; overflow: hidden; }
.gallery-photo-browser ul.vo-event-list li { float: left; color: #666d78; line-height: 1.4; margin: 0 10px 10px 0; background: #F2F5FA; padding: 9px 1em; border-radius: 10px; font-size: 13px; font-weight: 500; }
.gallery-photo-browser ul.vo-event-list li span { font-weight: 600; display: block; }
.gallery-photo-browser .gallery-events .vo-more-history { display: none; background: #F2F5FA; width: 100%; font-size: 13px; padding: 0.3em; border-radius: 10px; text-align: center; margin-bottom: 32px; opacity: 0.8; }
.gallery-photo-browser .gallery-events ul.vo-event-list.reduce-list { max-height: 128px; }
.gallery-photo-browser .gallery-events.long-list .vo-more-history { display: block; }

@media only screen and (max-width: 640px) {
  .gallery-photo-browser .gallery-events { width: 100%; }
}

.lift-cards { overflow: hidden; margin: 20px 0 15px 0; }
.lift-cards .lift-card { float: left; border: 1px solid #E3E8EE; border-radius: 4px; padding: 10px; margin: 0 15px 15px 0; min-width: 200px; font-size: 14px; backgr///ound: #fcfdfe; }
.lift-cards .lift-card h4 { float: left; margin: 0 14px 0 4px; font-size: 15px; line-height: 27px; col//or: #666D78; }
.lift-cards .lift-card .lift-movement { float: right; margin-right: 14px; padding: 6px 10px; line-height: 14px; border-radius: 3px; background: #fef2f2; background: #fff4df; color: #DA932C; }
.lift-cards .lift-card .lift-movement:first-of-type { margin: 0; }
.lift-cards .lift-card .lift-movement-indicator { display: inline-block; width: 14px; height: 14px; border-radius: 3px; margin-right: 8px; vertical-align: -2px; background: #DA932C url(../../../img/site-specific/liquid-grit/icon-lift-na.svg) no-repeat center; background-size: 12px auto; }
.lift-cards .lift-card .lift-movement--positive { background: #f0fdf4; background: #e2fbea; color: #1fa04f; }
.lift-cards .lift-card .lift-movement--positive .lift-movement-indicator { background: #23b55a url(../../../img/site-specific/liquid-grit/icon-lift-arrow-up.svg) no-repeat center; background-size: 12px auto; }
.lift-cards .lift-card .lift-movement--negative { background: #fef2f2; background: #fde9e9; color: #ea4647; }
.lift-cards .lift-card .lift-movement--negative .lift-movement-indicator { background: #ea4647 url(../../../img/site-specific/liquid-grit/icon-lift-arrow-down.svg) no-repeat center; background-size: 12px auto; }
.lift-cards .lift-card .lift-movement .vo-lift-wow:after { content: " WoW"; }
.lift-cards .lift-card .lift-movement .vo-lift-mom:after { content: " MoM"; }

@media only screen and (max-width: 480px) {
  .lift-cards { border-top: 1px solid #E3E8EE; margin-bottom: 40px; }
  .lift-cards .lift-card { float: none; overflow: hidden; border: none; border-bottom: 1px solid #E3E8EE; border-radius: 0; padding: 10px 0; margin: 0; }
}

.gallery-photo-browser .ai-teardown { margin: 25px 0 37px; width: calc(100% - 67px); }
.gallery-photo-browser .ai-teardown h3 { font-size: 15px; color: #202E4D; }
.gallery-photo-browser .ai-teardown h3::after { content: 'BETA'; font-size: 10px; color: #2381e0; vertical-align: top; margin-left: 3px; }
.gallery-photo-browser .ai-teardown p.sub { font-size: 13px; color: #777; font-style: italic; }
.gallery-photo-browser .ai-teardown .loader { height: 120px; padding: 15px; border-radius: 10px; background: #F2F5FA url(../../../img/site-specific/liquid-grit/loader3.gif) no-repeat center; background-size: auto 52px; }
.gallery-photo-browser .ai-teardown .ai-generate-teardown { display: inline-block; width: 250px; background-image: linear-gradient(145deg, rgba(6,255,207,1) 0%, rgba(35,129,224,1) 52%, rgba(180,55,176,1) 100%); auto; box-shadow: inset 0 0 3px rgba(0,0,0,0.5); border-radius: 50px; line-height: 56px; width: auto; padding: 0 30px 0 54px; font-size: 15px; font-weight: 600; position: relative; z-index: 2; cursor: pointer; }
.gallery-photo-browser .ai-teardown .ai-generate-teardown:before { content: ""; background: #fff url(../../../img/site-specific/liquid-grit/icon-ai.svg) no-repeat 18px center; background-size: 23px; position: absolute; top: 7px; left: 7px; width: calc(100% - 14px); height: calc(100% - 14px); border-radius: 50px; box-shadow: 0 2px 3px rgba(0,0,0,0.4), inset 0 -1px 2px rgba(255,255,255,0.85), inset 0 -15px 15px -6px rgba(0,0,0,0.2); z-index: -1; transition: all 0.218s; }
.gallery-photo-browser .ai-teardown .ai-generate-teardown:hover:before { top: 4px; left: 4px; width: calc(100% - 8px); height: calc(100% - 8px); background-position: 21px center; }
.gallery-photo-browser .ai-teardown .ai-generate-teardown:active:before { opacity: 0.9; }
.gallery-photo-browser .ai-teardown .report { color: #666d78; line-height: 1.4; background: #F2F5FA; padding: 15px; border-radius: 10px; font-size: 13px; font-weight: 500; }
.gallery-photo-browser .ai-teardown .report p:last-child { margin-bottom: 0; }
@media only screen and (max-width: 640px) {
  .gallery-photo-browser .ai-teardown { width: 100%; }
}

/* Authorize your data source */
.vo-third-party-auth { display: flex; height: 100%; align-items: center; justify-content: center; }
.vo-third-party-auth .voForm { flex-basis: 500px; border: 1px solid #E3E8EE; border-radius: 8px; padding: 32px 40px 40px 40px; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 2px, rgba(0, 0, 0, 0.02) 0px 2px 4px, rgba(0, 0, 0, 0.02) 0px 4px 8px, rgba(0, 0, 0, 0.02) 0px 8px 16px, rgba(0, 0, 0, 0.02) 0px 16px 32px, rgba(0, 0, 0, 0.02) 0px 32px 64px; }
.vo-third-party-auth .voForm .success-message,
.vo-third-party-auth .voForm .error-message { padding: 17px 20px; margin-bottom: 20px; border-radius: 4px; font-weight: 500; text-shadow: none; border: none; }
.vo-third-party-auth .voForm .success-message { color: #2281e0; background: rgba(34, 129, 224, 0.17); }



/* ================================================================================== */
/* == Add Notifications ============================================================= */
/* ================================================================================== */

/* Add Notification Modal */
#vo-notification-schedule {}
#vo-notification-schedule .error-message,
#vo-notification-schedule .success-message { padding: 20px; margin-bottom: 20px; }
#vo-notification-schedule .ui-dialog-buttonset .button { width: calc(50% - 10px) !important; }
#vo-notification-schedule .monthly-period,
#vo-notification-schedule ul#vo-filters-list { padding-left: 20px; }
#vo-notification-schedule ul#vo-filters-list li { list-style: disc; }
#vo-notification-schedule ul#vo-filters-list li li { margin-left: 18px; }
#vo-notification-schedule .weekly-period-list { margin: 20px 0; }
#vo-notification-schedule .weekly-period-list li { overflow: hidden; margin: 10px 0 0 0; }
#vo-notification-schedule .weekly-period-list li label { margin: 0 ; }
#vo-notification-schedule .form-list li { margin-bottom: 15px; }
#vo-notification-schedule .form-list li label { margin: 0 0 5px 0; }


/* This datepicker is in the email notification dialog */
.ui-datepicker { width: 17em; padding: .2em .2em 0; border-radius: 3px; border: 1px solid #cecece; border-top: 1px solid #c2c2c2; border-bottom: 1px solid #dadada; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; text-indent: -9999px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker td.ui-state-highlight a {background: #F57946 !important; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }



/* ================================================================================== */
/* == Logged Out App Styles ========================================================= */
/* ================================================================================== */

/* The Gallery Page when logged out */
#cms_blog_gallery_gallery2.logged-out,
     #cms_static_liq_event.logged-out,
     #cms_static_liq_lift.logged-out {}
#cms_blog_gallery_gallery2.logged-out #header,
     #cms_static_liq_event.logged-out #header,
     #cms_static_liq_lift.logged-out  #header { position: static; }
#cms_blog_gallery_gallery2.logged-out #footer,
     #cms_static_liq_event.logged-out #footer,
     #cms_static_liq_lift.logged-out  #footer { display: block; }

/* Wiki article when logged out */
#cms_blog_liquid_search.wiki.logged-out .vo-article { padding: 0 !important; }



/* ================================================================================== */
/* == Wiki Blog ===================================================================== */
/* ================================================================================== */

/*Blog Index*/
#cms_blog_liquid_search.wiki #header .container,
#cms_blog_liquid_search.wiki #footer .container { max-width: 1060px; }
#cms_blog_liquid_search.wiki .page-title { display: none; }
#cms_blog_liquid_search .cnd-pagination { font-size: 15px; line-height: 42px; color: #949aa4; display: flex; justify-content: space-between; }
#cms_blog_liquid_search .cnd-pagination button { color: #949aa4; border: none; background: none; border: 1px solid #E3E8EE; border-radius: 4px; padding: 0px 15px; transition: all .218s; }
#cms_blog_liquid_search .cnd-pagination button.next { background: url(../../../img/site-specific/liquid-grit/icon-chevron-right-gray.svg) no-repeat right 11px center; background-size: 18px; padding-right: 32px; }
#cms_blog_liquid_search .cnd-pagination button.previous { background: url(../../../img/site-specific/liquid-grit/icon-chevron-left-gray.svg) no-repeat left 11px center; background-size: 18px; padding-left: 32px; }
#cms_blog_liquid_search .cnd-pagination button:hover { background-color: #e6f4ff; border-color: #b5c8e9; color: #2281e0; }
#cms_blog_liquid_search .cnd-pagination button.next:hover { background: #e6f4ff url(../../../img/site-specific/liquid-grit/icon-chevron-right-blue.svg) no-repeat right 11px center; background-size: 18px; }
#cms_blog_liquid_search .cnd-pagination button.previous:hover { background: #e6f4ff url(../../../img/site-specific/liquid-grit/icon-chevron-left-blue.svg) no-repeat left 11px center; background-size: 18px; }
#cms_blog_liquid_search #archive-pagination-top { margin: -40px 0 20px 0; margin: 0 0 38px 0; display: none; }
#cms_blog_liquid_search #archive-pagination-bottom { margin: 0; }
#cms_blog_liquid_search .cnd-sort { position: absolute; top: 52px; width: 200px; }
#cms_blog_liquid_search .cnd-sort .bootstrap-select { height: 36px;}
#cms_blog_liquid_search .cnd-sort .dropdown-toggle { border-color: #ccc; border: none; box-shadow: 0px 3px 4px 0px rgb(45 35 66 / 12%); border-radius: 5px; height: 36px; line-height: 36px; }
#cms_blog_liquid_search .cnd-sort .dropdown-toggle .filter-option { font-size: 14px; font-weight: 400; left: 15px; color:#8F8D9A; }

#cms_blog_liquid_search .post-array ul { border: none; font-size: 15px; }
#cms_blog_liquid_search .post-array li { overflow: hidden; margin-bottom: 50px; display: flex; }
#cms_blog_liquid_search .post-array li.disabled { pointer-events: none; opacity: 0.2; }
#cms_blog_liquid_search .post-array li .title { margin-bottom: .2em; font-size: 1.5rem; }
#cms_blog_liquid_search .post-array li .name { color: #1a1f36; text-decoration: none; display: block; text-decoration: none; line-height: 1.15; padding-bottom: 3px; }
#cms_blog_liquid_search .post-array li .post-date { font-size: 13px; color: #8d919a; font-weight: 400; margin: -8px 0 8px 0 ; }
#cms_blog_liquid_search .post-array li .tags { overflow: hidden; margin: 0 0 2px 0; }
#cms_blog_liquid_search .post-array li .tags li { margin-bottom: 10px; line-height: 26px; padding: 0 0.85em; }
#cms_blog_liquid_search .post-array li .text {  }
#cms_blog_liquid_search .post-array li .excerpt { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#cms_blog_liquid_search .post-array li .thumbnail { display: none; }
#cms_blog_liquid_search .post-array li.has-thumbnail .text { width: calc(100% - 160px); float: right; padding: 0 0 0 25px;}
#cms_blog_liquid_search .post-array li.has-thumbnail .thumbnail { display: block !important; float: left; width: 160px; border: 1px solid #cdcdcd; padding: 4px; background: #fff; align-self: start; border-radius: 3px; }
#cms_blog_liquid_search .post-array li a.image { display: block; position: relative; overflow: hidden; }
#cms_blog_liquid_search .post-array li a.image img { display: block; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
#cms_blog_liquid_search .post-array li a.image .ratio { padding-top: 80%; }

@media only screen and (max-width: 840px) {
  #cms_blog_liquid_search .post-array li { display: block; }
  #cms_blog_liquid_search .post-array li.has-thumbnail .thumbnail { float: none; width: 100%; }
  #cms_blog_liquid_search .post-array li.has-thumbnail .text { width: 100%; padding: 10px 0 0 0; }
}

#cms_blog_liquid_search.wiki {  }
#cms_blog_liquid_search .filters-mobile{ border-bottom: 1px solid #E3E8EE; }
#cms_blog_liquid_search.wiki .main-content { width: auto; max-width: none; margin: 0; background: none; box-shadow: none; }
#cms_blog_liquid_search.wiki .blog-container,
#cms_blog_liquid_search.wiki .vo-article { width: calc(100% - 280px); background: #fff; position: relative; }
#cms_blog_liquid_search.wiki .vo-article { padding: 60px; }
#cms_blog_liquid_search.wiki .vo-cnd { display: flex; min-height: calc(100dvh - 110px); }
#cms_blog_liquid_search.wiki #sidebar .block { padding: 0; border: none; display: block; }
#cms_blog_liquid_search.wiki #post-content.block { display: block; border-bottom: none; max-width: 1000px; margin: 0 auto; }
#cms_blog_liquid_search.wiki .post-index { padding: 60px; }
#cms_blog_liquid_search.wiki .vo-article .page-title { display: block; position: relative; }
#cms_blog_liquid_search.wiki .vo-article-body { background: #fff; border-radius: 5px; box-shadow: 0px 6px 8px 0px rgb(45 35 66 / 15%); }
#cms_blog_liquid_search.wiki .waiting-for-results { background-color: #fff; background-size: 40px; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 59px); z-index: 1; }
#cms_blog_liquid_search.wiki #footer { z-index: 1; }

@media only screen and (max-width: 640px) {
  #cms_blog_liquid_search.wiki .post-index,
  #cms_blog_liquid_search.wiki #post-content.block,
  #cms_blog_liquid_search.wiki .vo-article .page-title { padding: 30px; }
  #cms_blog_liquid_search .post-array li .title { margin: 0.25em 0 0.5em 0; }
}
@media only screen and (max-width: 440px) {
  #cms_blog_liquid_search.wiki .post-index,
  #cms_blog_liquid_search.wiki #post-content.block,
  #cms_blog_liquid_search.wiki .vo-article .page-title { padding: 25px; }
  #cms_blog_liquid_search .post-array li .title { font-size: 1.35rem; }
}

.right-sidebar {  position: fixed; right: 0; top: 0px; width: 280px; height: 100%; padding: 90px 30px 30px 30px; border-right: 1px solid #E3E8EE; background: #F2F5FA; box-shadow: inset 0px 0px 8px 0px rgb(45 35 66 / 15%); transition: padding .218s linear; overflow-y: scroll; }
    .right-sidebar.scroll { padding-top: 30px; }


/* Table of Contents */
#toc { position: relative; margin: 0; font-size: 13px; width: 100%; border-radius: 0; border: none; max-height: none; overflow: visible; }
#toc:before { content: "Table of Contents"; display: block; font-weight: 600; font-size: 15px; margin-bottom: 20px; }
#toc a { padding: 0; }
#toc li { line-height: 1.5; margin: 11px 0; }
#toc ul ul li { margin: 5px 0; }
#toc .tocify-header { text-indent: 0; }
#toc .tocify-header a { color: #676d7b; font-weight: 600; }
#toc .tocify-subheader { text-indent: 0; display: block; /*This is to show all the items all the time*/ }
#toc .tocify-subheader a { color: #8d919a; font-weight: 400; }
#toc .tocify-subheader li { font-size: 13px; margin-left: 2px; padding-left: 12px; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#toc .tocify-subheader li:before { content: ""; width: 4px; height: 4px; background: #c2c2c2; border-radius: 50%; position: absolute; left: 0; top: 7px; }
#toc .tocify-subheader > ul { margin-left: 16px; }
#toc .tocify-item { position: relative; }
#toc .tocify-item.active a { color: #2281e0; }
#toc .tocify-item.active:before { background: #2281e0; }
#toc .tocify-item.active:after { content: ""; background: #2281e0; width: 3px; height: 100%; position: absolute; left: -30px; }
#toc ul .tocify-item.active:after { left: -30px; }
#toc ul ul .tocify-item.active:after { left: -32px; }
#toc ul ul ul .tocify-item.active:after { left: -48px; }


#cms_blog_liquid_search.wiki .vo-article { padding: 0; }
#cms_blog_liquid_search.wiki .vo-article .page-title-container { border-bottom: 1px solid #e0e0e0; }
#cms_blog_liquid_search.wiki .vo-article .page-title h1 { font-weight: 600; color: #1a1f36; line-height: 1.15; }
#cms_blog_liquid_search.wiki .vo-article .page-title .post-date { clear: both; font-size: 13px; color: #8d919a; padding-top: 2px; }
#cms_blog_liquid_search.wiki .vo-article .page-title { max-width: 1000px; margin: 0 auto; border: none; }
#cms_blog_liquid_search.wiki .vo-article-body { border-radius: 0; box-shadow: none; background: none; }
#cms_blog_liquid_search.wiki .article-container { max-width: none; }


.article-toolbar { position: relative; margin-bottom: 0px; border-bottom: 1px solid #E3E8EE; padding: 18px 30px 18px 30px; margin: 0; font-size: 15px; background: #F2F5FA; box-shadow: inset 0px 0px 8px 0px rgb(45 35 66 / 5%);}
.article-toolbar .vo-close-article { background: url(../../../img/site-specific/liquid-grit/icon-chevron-left-blue.svg) no-repeat left; background-size: 18px; padding-left: 20px; margin-left: -5px; cursor: pointer; }


ol.category-breadcrumb li { }
ol.category-breadcrumb li:after { content: ""; display: inline-block; background: url(../../../img/site-specific/liquid-grit/icon-chevron-right-blue.svg) no-repeat left; background-size: 14px; width: 13px; height: 14px; vertical-align: -2px; margin: 0 0 0 7px; }


.vo-article .tags { overflow: hidden; margin: 25px 0 -6px 0; }
.tags .vo-tag-array li { float: left; margin: 0 10px 10px 0; background: #F2F5FA; color: #666d78; line-height: 30px; padding: 0 1em; font-size: 13px; border-radius: 50px; }
.tags .vo-tag-array li a { text-decoration: none; color: #666d78; }

@media only screen and (max-width: 480px) {
  .tags .vo-tag-array { margin-bottom: 5px; line-height: 1; }
  .tags .vo-tag-array li { float: none; display: inline !important; padding: 0 !important; background: none; margin: 0 5px 0 0 !important; line-height: normal !important; -webkit-font-smoo///thing: antialiased; -moz-osx-font-smoo///thing: grayscale; }
  .tags .vo-tag-array li:not(:last-child):after { content: ","; }
  .tags .vo-tag-array li a { color: #2281E0; color: #949aa4; color: #8d919a; }
}


@media only screen and (max-width: 1170px) {
  .right-sidebar { position: static; width: 100%; padding: 40px 60px 25px 70px; background: none; box-shadow: none; border-bottom: 1px solid #E3E8EE }
  #toc .tocify-item.active:before { left: -70px; }
  #cms_blog_liquid_search.wiki .vo-article { padding: 0; }
}

@media only screen and (max-width: 640px) {
  #cms_blog_liquid_search.blog-show-filters .blog-container,
  #cms_blog_liquid_search.blog-show-filters .vo-article { width: 100%;}
}

@media only screen and (max-width: 780px) {
  .right-sidebar { padding: 60px 50px 50px; }
}
@media only screen and (max-width: 580px) {
  .right-sidebar { padding: 45px 30px 33px; }
}


/*Blog styles*/
#post-content,
#post-content p,
#post-content li { font-size: 15px; line-height: 1.45; }
#post-content p { margin: 1rem 0; }
#post-content a {  }
#post-content a:hover { color: #1a1f36; }
#post-content ul,
#post-content ol { padding: 0; margin: 1em 0; }
#post-content ul li { list-style: none; }
#post-content ul li,
#post-content ol li,
#post-content ul li:last-child,
#post-content ol li:last-child { margin: 0.35rem 0; padding-left: 24px; position: relative; }
#post-content ul > li:before { content: ""; position: absolute; width: 6px; height: 6px; left: 8px; top: 8px; border-radius: 50%; background: #c1c9d2; }
#post-content ol { margin-left: 22px; }
#post-content ol li { padding-left: 6px !important; }
#post-content ul ul,
#post-content ol ol { margin-top: 0; margin-bottom: 0; }
#post-content h1,
#post-content h2,
#post-content h3,
#post-content h4,
#post-content h5,
#post-content h6 { margin-bottom: 1rem; color: #1a1f36; }
#post-content h2 { color: #2281e0; font-size: 1.75rem; }
#post-content p ~ h2,
#post-content ul ~ h2,
#post-content ol ~ h2,
#post-content li ~ h2 
#post-content img ~ h2 { margin-top: 2.5rem; }
#post-content h3 { font-size: 1.25rem; margin-top: 1.75rem; }
#post-content h4 { font-size: 1.025rem; }
#post-content h5 { font-size: 1rem; color: #676d7b; }
#post-content img { max-width: 100%; max-height: 450px; width: auto; height: auto; }
#post-content video { width: 100% !important; max-width: 100%; height: auto; }
#post-content .voImage { max-width: none !important; }
#post-content table td { padding: 5px; }
#post-content table td p { margin: 0; }
#post-content table.no-borders,
#post-content table.no-borders td,
#post-content table.no-borders tr { border: none; }
#post-content table.full-borders,
#post-content table.full-borders td,
#post-content table.full-borders tr { border: 1px solid #e9ebef; }

#cms_blog_default_single {}
#cms_blog_default_single .main-content { max-width: 860px; }



/* ================================================================================== */
/* == Magnific Popup CSS ============================================================ */
/* ================================================================================== */

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 502; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.93 !important; filter: alpha(opacity=80); }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 503; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; }

.mfp-content .toolbar { margin: 15px 0; overflow: hidden; display: block !important; }
.mfp-content .toolbar .vo-switch { float: left; text-indent: -9999px; width: 30px; height: 30px; opacity: 0.6; cursor: pointer; transition: opacity 0.218s; border: none; filter: invert(100%) sepia(100%) saturate(0%); }
.mfp-content .toolbar .vo-switch:hover { opacity: 1; }
.mfp-content .toolbar .vo-switch.slider-view { background: url(../../../img/site-specific/liquid-grit/icon-image.svg) no-repeat center; background-size: 20px; }
.mfp-content .toolbar .vo-switch.grid-view { background: url(../../../img/site-specific/liquid-grit/icon-grid.svg) no-repeat center; background-size: 20px;}
.mfp-content .toolbar .vo-switch.active { opacity: 1; color: #2281e0; filter: invert(40%) sepia(75%) saturate(1625%) hue-rotate(190deg) brightness(98%) contrast(89%); }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; }
.mfp-preloader a { color: #cccccc; }
.mfp-preloader a:hover { color: white; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close,
button.mfp-arrow,
.vo-close-grid-view { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close,
.vo-close-grid-view { float: right; width: 44px !important; height: 44px; line-height: 44px; position: absolute; right: 0; top: 7px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0; color: #000; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus,
.vo-close-grid-view:hover { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #333333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close { color: white; right:0; top: 9px; text-align: right; padding-right: 12px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; }
.mfp-arrow { position: absolute; top: 0; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: solid transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a { opacity: 0.8; border-top-width: 12px; border-bottom-width: 12px; top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b { border-top-width: 20px; border-bottom-width: 20px; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a { border-right: 12px solid black; left: 5px; }
.mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b { border-right: 20px solid white; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a { border-left: 12px solid black; left: 3px; }
.mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b { border-left: 20px solid white; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; }
.mfp-iframe-holder .mfp-close { top: -43px; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0 40px !important; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 60px !important; bottom: 0px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
.mfp-figure { line-height: 0;clear: both; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: 3px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; padding-right: 36px; }
.mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.mfp-figure a.smug-buy { background: rgba(0,0,0,0.5); color: #fff; padding: 10px; line-height: 10px; font-size: 13px; font-weight: bold; border-radius: 4px; position: absolute; top: 50px; left: 10px;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /* Remove all paddings around the image on small screen */
  .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
  .mfp-img-mobile img.mfp-img { padding: 0; }
  /* The shadow behind the image */
  .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
  .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
  .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
  .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
  .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
}
@media all and (max-width: 800px) {
  .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
  .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
  .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
  .mfp-container { padding-left: 15px !important; padding-right: 15px !important; }
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

@media only screen and (max-width: 640px) {
  .mfp-bg,
  .mfp-wrap { width: 100vw !important; height: 100dvh !important; }
}

.no-scroll { overflow: hidden; }


/* jquery ui slider */
.ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.4em; height: 0.8em; cursor: pointer; outline: none; box-shadow: inset 0px 2px 6px rgba(255,255,255,0.21), inset 0px -2px 5px rgba(0,0,0,0.3), inset 0px 1px 0px rgba(255,255,255,0.1), inset 0px -1px 0px rgba(0,0,0,0.2), 0px 1px 3px rgba(0,0,0,0.3) ;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
  .touch .ui-slider .ui-slider-handle { width: 0.8em; }

.ui-slider-horizontal { height: .3em; margin: 10px 0; border-radius: 2px; background-color:#ccc; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.05), inset 0px -1px 3px rgba(255,255,255,0.05); }
.ui-slider-horizontal .ui-slider-handle { top: -.25em; /*margin-left: -.6em;*/ background-color: #2281e0; border-radius: 2px; box-shadow: none; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;background:url("start/images/ui-bg_flat_55_999999_40x100.png") repeat-x scroll 50% 50% #e7e7e7 }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }