/****************************************
                Font
****************************************/

/*              START general styles                */

/*  normal text:
    font family                                 'Bolder-Regular'
    font size                                   [NormalText_FontSize]
    font color                                  #3f4b4f
*/
body{
    font-family: 'Bolder-Regular';
    font-size: 13px;
    color: #3f4b4f;
}

.remember-forgot a{
    color: #3f4b4f;
}

/*  heading text:
    font family                                 'Bolder-Regular'
    font color                                  #18933C
    font size h1                                62px
    font size h2                                48px
    font size h3                                20px
    font size h4                                14px
*/
h1,
h2,
h3,
h4{
    font-family: 'Bolder-Regular';
    color: #18933C;
}

.font-h4{
    color: #18933C;
}

h1{
    font-size: 62px;
}

h2{
    font-size: 48px;
}

h3{
    font-size: 20px;
}

h4,
.font-h4{
    font-size: 14px;
}

/*  smaller font labels:                        [NormalText_SmallerFontSize]
    basket, checkout, wishlist product id;
    basket unit of measure;
    form row: validation, feedback messages;
    top header text and links;
    subtotal in checkout summary;
    discount cell, extended text in basket grid;
    review date;
    news-date;
    dialog close button;
    breadcrumbs, back button on top of content;
    list price;
    added product variant title in basket miniature;
    autocomplete suggested product category  */
.font-smaller{
    font-size: 12px;
}
.quantity-error-message,
.form-row .field-validation-error,
.form-row .feedback-message,
.ui-desktop .login .person,
.ui-tablet .login .person,
.ui-dialog-titlebar-close,
.hyp-back {
    font-size: 12px;
}

/*  bigger font labels:                         [NormalText_BiggerFontSize]
    titles on account page;
    news title;
    template name on saved template popup;
    information/action block inside a grid;
    product title in list/grid;
*/
.font-bigger{
    font-size: 14px;
}

/*  regular titles:                             [RegularTitle_FontColor]
    saved templete name;
    weight value on checkout page;
    review title on product details;
    news title;
    selected quantity on product list / grid page;
    customer name in represent grid;
    searched on value;
    basket summary values;
    matrix total values;

    product, variant titles:
    product in tile, grid;
    simple product tile;

    autocomplete entered word part

    form row message
*/
.font-title{
    color: #333;
}

.product-title,
.variant-title{
    color: #333;
}

.highlight{
    color: #333;
}

.form-row .feedback-message{
    color: #333;
}

/*  darkest name:                               [DarkestText_FontColor]
    - bold:
        quick order product title;
        checkout summary step title;
        information/action block inside a grid;
        login control names

    - regular:
        profile customer name, email;
        selected facet item
*/
.font-darkest{
    color: #000;
}

.facet-selected .facet-title{
    color: #000;
}

.hyp-account.current{
    color: #000;
}

/*  light grey labels:                          [LightestText_FontColor]
    basket paging total;
    checkout payment methods label;
    checkout inactive step title;
    details uom, tax lebels;
    details, matrix product id;
    autocomplete suggested product category
*/
.font-lighter{
    color: #b2b2b2;
}

/*  light grey labels 2:                        [LighterText_FontColor]
    product id, attributes;
    autocomplete items;
    empty shopping cart control header
*/
.product-tile .product-id,
.product-tile .product-attributes{
    color: #999;
}

.ui-autocomplete a{
    color: #999;
}

/*  hyperlinks;                                 #18933C
    back, cancel, filter button
    button like link

    hover back, cancel, filter button           #18933C
    disabled hypelink button                    [Hyperlink_Disabled_FontColor]
*/
a,
.font-a,
.font-btn,
.btn-like-link{
    color: #18933C;
}

.variants-pointer{
    border-color: #18933C;
}

.product-keywords .keyword{
    background-color: #18933C;
}

.order-box .ui-selectmenu-menu .ui-menu .ui-menu-item{
    border-color: #18933C;
    color: #18933C;
}

.order-box .ui-selectmenu-menu .ui-menu .ui-menu-item.active{
    background-color: #18933C;
    color: #fff;
}

.btn.btn-green{
    background-color: #18933C;
    border-color: #18933C;
}

.btn.btn-green:hover, .btn.btn-green.hover{
    background-color: #18933C;
    border-color: #18933C;
}

.search-results-qnt{
    background: #18933C;
}

.font-btn:hover{
    color: #18933C;
}

.hyp-btn-disabled{
    color: #b2b2b2;
}

/*              END general styles                */


/*              START specific control styles                */

/*  header top text, links:                     #323232
    top links;
    login, language control text, links;
*/
.top-hyp,
.login,
.language,
.login .hyp,
.language .hyp,
.service .hyp{
    color: #323232;
}

/*  main navigation:
    top level links font family                 'Bolder-Light'
    top level links font size                   16px
    top level links font color                  #3f4b4f
    not hovered top level links color           #fff
    hovered top level link color                #fff

    simple links                                [Menu_SubLevels_FontColor]
*/
nav .hyp-top-lvl{
    color: #3f4b4f;
    font-size: 16px;
    font-family: 'Bolder-Light';
}

/*.nav-is-hovered .hyp-top-lvl{
    color: #fff;
}*/

/*.nav-item-root.hover .hyp-top-lvl{
    color: #fff;
}*/

nav .hyp{
    color: #333;
}

/*  main navigation (sticky):
    top level links font color                  [Menu_TopLevel_Sticky_FontColor]
    not hovered top level links color           [Menu_TopLevel_Sticky_FadeOut_FontColor]
    hovered top level link color                [Menu_TopLevel_Sticky_Hovered_FontColor]
*/
.ribbon-header nav .hyp-top-lvl{
    color: #000;
}

.ribbon-header .nav-is-hovered .hyp-top-lvl{
    color: #808080;
}

.ribbon-header .nav-item-root.hover .hyp-top-lvl{
    color: #000;
}

/*  footer:
    sitemap links                               #fff
    copyright and bottom links                  #fff

    hover bottom links                          #fff
*/
.sitemap .hyp{
    color: #fff;
}

footer .bottom,
.footer-nav .hyp{
    color: #fff;
}

.footer-nav .hyp:hover{
    color: #fff;
}

/*  buttons (+ back, cancel, filter button):
    - normal
        font family                             Lato
        font color                              [Buttons_FontColor]
        disabled font color                     [Buttons_Disabled_FontColor]
        font size                               10px

    - medium
        font size                               10px

    - big
        font size                               10px

    - back
        color                                   [Buttons_Back_FontColor]
        hover color                             [Buttons_Back_Hover_FontColor]
*/
.btn{
    color: #fff;
    font-size: 10px;
    font-family: Lato;
}

.font-btn{
    font-size: 10px;
    font-family: Lato;
}

.btn-medium{
    font-size: 10px;
}

.btn-big,
.font-btn-big{
    font-size: 10px;
}

.hyp-back{
    color: #000;
}

.hyp-back:hover{
    color: #808080;
}

.btn-disabled{
    color: #999;
}

/*  form elements:
    input, select text                          [Inputs_FontColor]
    (+ label unit of measure)

    input placeholder                           #b1b1b1
    *dont group placeholder selectors: Browsers BUG!
*/
input,
textarea{
    color: #333;
}

.ui-selectmenu-button,
.ui-selectmenu-menu{
    color: #333;
}

.lbl-uom{
    color: #333;
}

::-webkit-input-placeholder{
    color: #b1b1b1;
}

::-moz-placeholder{
    color: #b1b1b1;
}

:-ms-input-placeholder{
    color: #b1b1b1;
}

.water-mark{
    color: #b1b1b1;
}

/*  messages block
    font size simple text                         [Messages_FontSize]

    color:
    simple text                                   [Messages_FontColor]
    error                                         [Messages_Error_FontColor]
    confirmation                                  [Messages_Confirm_FontColor]
    information                                   [Messages_Info_FontColor]
    alert                                         [Messages_Alert_FontColor]
*/
.msg-block{
    font-size: 15px;
    color: #808080;
}
.quantity-error-message,
.row-error input,
.msg-block-error,
.validation-summary-errors,
.basket-details-page .field-validation-error,
.form-row .field-validation-error {
    color: #cb2245;
}

.msg-block-confirm{
    color: #13a600;
}

.msg-block-info{
    color: #1f7bc9;
}

.msg-block-alert{
    color: #f78400;
}

/*  tables headers, labels                      #323232
    basket, checkout, wishlist product id;
    basket unit of measure;
    cell name

    values                                      #323232
*/
.gvi th{
    color: #323232;
}
.gvi .font-lighter,
.gvi .cell-name{
    color: #323232;
}

.gvi td{
    color: #323232;
}

/*  tabs
    header font family;                         Lato
    header font size;                           [TabHeader_FontSize]

    tab title inactive                          [TabHeader_Inactive_FontColor]
    tab title hover                             [TabHeader_Hover_FontColor]
    tab title active                            #323232

    big tab font size                           [TabHeader_Big_FontSize]
*/
.ui-tabs-anchor,
.hidden-tabs-name{
    font-family: Lato;
    font-size: 2.3em;
}

.ui-tabs-anchor{
    color: #b2b2b2;
}

.ui-state-hover .ui-tabs-anchor{
    color: #808080;
}

.ui-state-active .ui-tabs-anchor,
.hidden-tabs-name{
    color: #323232;
}

.matrices .ui-tabs-anchor{
    font-size: 40px;
}

/*  left side controls links:
    facets items                                [SideLinks_Facets_FontColor]
    news header                                 [SideLinks_News_FontColor]
    my account                                  [SideLinks_MyAccount_FontColor]
*/
.facets .facet-item{
    color: #4c4c4c;
}

.list-news-header .hyp{
	color: #4c4c4c;
}

.hyp-account{
    color: #808080;
}

/*  prices:
    list price font size                        [ListPrice_FontSize]
    list price color                            [ListPrice_FontColor]

    product price in list/grid font size        12px
    product price in list/grid color            #323232

    red price color                             [BulkPrice_Highlight_FontColor]

    primary product price:
    - font family                               Lato
    - font color                                #323232
    - font size                                 24px

    secondary prices (variants, prepacks, volume prices):
    - font family                               [SecondaryPrice_FontFamily]
    - font color                                [SecondaryPrice_FontColor]
    - font size                                 [SecondaryPrice_FontSize]

*/
.list-price{
    font-size: 11px;
    color: #b2b2b2;
}

.product-tile .lbl-price{
    font-size: 12px;
    color: #323232;
}

.product-tile .list-price + .lbl-price{
    color: #cb2245;
}

.order-box .lbl-price{
    font-family: Lato;
    color: #323232;
    font-size: 24px;
}

.cell .lbl-price,
.gvi-volume-prices .cell-price{
    font-family: 'Pathway Gothic One';
    color: #000;
    font-size: 1.4em;
}

/*  main search input
    font size                                   [SearchBox_FontSize]
    placeholder color                           [SearchBox_Placeholder_FontColor]

    *dont group placeholder selectors: Browsers BUG!
*/
.tbx-main-search input{
    font-size: 14px;
}

.tbx-main-search ::-webkit-input-placeholder{
    color: #bfbfbf;
}

.tbx-main-search ::-moz-placeholder{
    color: #bfbfbf;
}

.tbx-main-search :-ms-input-placeholder{
    color: #bfbfbf;
}

.tbx-main-search .water-mark{
    color: #bfbfbf;
}

/*  shopping cart control header:
    font family                                 Lato
    font size                                   9px
    color                                       #fff

    empty cart color                            #fff

    items in cart (mobile)                      [CartSummary_TotalItems_Mobile_FontColor]
*/
.over-summary .hyp{
    font-family: Lato;
    font-size: 9px;
    color: #fff;
}

.over-summary.is-empty .hyp{
    color: #fff;
}

.basket-link-cell .over-summary-number{
    color: #fff;
}

/*  breadcrumbs:
    item color;                                 #323232
    selected item (last)                        #e2bf31
*/
.breadcrumbs .hyp{
    color: #323232;
}

.breadcrumbs li:last-child .hyp{
    color: #e2bf31;
}

/*  pager links:
    font color                                  #323232
    selected font color                         rOTT
*/
.pager-list li a{
    color: #323232;
}

.pager-selected{
    color: rOTT;
}

/*  stock and availability:
    in stock                                    [StockAmount_InStock_FontColor]
    out of stock and not available              [StockAmount_OutOfStock_FontColor]
*/
.in-stock{
    color: #3cb300;
}

.out-stock{
    color: #cc0000;
}

.msg-not-available{
    color: #cc0000;
}

/*  specific font sizes:
    shopping cart total row font size           [Cart_TotalRow_FontSize]

    product title on details page               [ProductPage_Title_FontSize]
    product title on mobile details page        [ProductPage_Mobile_Title_FontSize]

    product list page title                     [ProductList_Title_FontSize]

    emphasized popups header:
    volume discount, package content            [Popup_Title_FontSize]
*/
.gvi-totals .emphasis,
.list-totals .total-price{
    font-size: 16px;
}

.font-product-title{
    font-size: 2.8em;
}

.ui-mobile .font-product-title{
    font-size: 24px;
}

.combined-header h1{
    font-size: [ProductList_Titlhttps://localhost:44333/product/image/medium/000_fl01__3.jpge_FontSize|4.6em];
}
https://localhost:44333/product/image/medium/000_fl01__3.jpg
.popup-cnt .strong-header{
    font-size: 40px;https://localhost:44333/product/image/medium/000_fl01__3.jpg
}

/*  spesific font colors:
    volume price discount                       [VolumePrices_Discount_FontColor]
    shopping card line discount                 [Cart_LineDiscount_FontColor]
    order pending status font color             [Orders_PendingStatus_FontColor]
    shopping cart extended text font color      #3aa87c
*/
.gvi-volume-prices .cell-discount{
    color: #37a600;
}

.gvi-basket .cell-discount{
    color: #cb2245;
}

.gvi-orders .pending{
    color: #f28100;
}

.gvi-basket .extended-text{
    color: #3aa87c;
}

/*  name value control:
    basket and checkout lists;
    specifications on product page;
    data on order details and recent orders

    name                                          [PropertyTable_Name_FontColor]
    value                                         [PropertyTable_Value_FontColor]
*/
.font-name-value .name{
    color: #808080;
}

.font-name-value .value{
    color: #000;
}

.list-totals .name,
.list-totals .currency,
.list-cart .name,
.list-cart .currency{
    color: #808080;
}

.list-totals .value,
.list-cart .value{
    color: #000;
}

.ui-mobile .responsive-table td:before{
    color: #808080;
}

/*  spesific titles:
    product title on basket, checkout pages
    - font family                               Lato
    - font size                                 12px
    - font color                                #000000
    variants / prepacks grid header
    - font family                               [VariantMatrixHeaders_FontFamily]
    - font size                                 [VariantMatrixHeaders_FontSize]
    - font color                                [VariantMatrixHeaders_FontColor]
*/
.gvi .product-title-super{
    color: #000000;
    font-size: 12px;
    font-family: Lato;
}

.gvi-variants th:not(.corner-cell),
.gvi-prepacks th{
    color: #333;
    font-size: 20px;
    font-family: 'Pathway Gothic One';
}




/****************************************
         Background and border
****************************************/

/*              START general styles                */

/*  border color - vertical separator:          eeeeee
    login page blocks;
    b2b basket page blocks

    top links in header;
    view / delete in basket grids;
    back button / breadcrumbs;
    add / delete buttons on saved template;
    selected variants quantity on list page;
    stock / id on list page;
    count / hyp clear on last viewed page

    product details page blocks

    navigation vertical separator               #fff
*/
/*.border-simple-left{
    border-left: solid 1px eeeeee;
}*/

.top-hyp + .top-hyp,
.back-wrapper + .breadcrumbs,
.templates-action .hyp,
.rating-reviews .hyp + .hyp,
.selected-quantity .edit-selected,
.hyp-clear-viewed,
.select-variants + .selected-quantity .font-title{
    border-left: 1px solid eeeeee;
}

.product-list .product-id{
    border-right: 1px solid eeeeee;
}

.has-aside{
    border-right-color: eeeeee;
}

.separator + .nav-item-block,
.separator + .img-in-row {
    border-left: 1px solid #fff;
}

/*  border color - horizontal separator:        eeeeee
    last viewed and checkout offers tabs;
    shipping addresses separator on checkout;
    accordion

    total lines on basket and checkout;
    accordion;
    tab bottom (mobile view)

    quick order block

    top login control;
    cart-summary on checkout pages

    basket summary
*/
.last-viewed .ui-tabs-nav,
.checkout-offers .ui-tabs-nav,
.shipping-separator:before,
.accordion{
    border-bottom: 1px solid eeeeee;
}

.pager-list li:first-child{
    border-left-color: eeeeee;
}

.pager-list li{
    border-right-color: eeeeee;
}

.list-totals .total-price,
.list-cart .subtotal,
.accordion-header{
    border-top: 1px solid eeeeee;
}

.choose-product{
    border-top: 1px dashed eeeeee;
    border-bottom: 1px dashed eeeeee;
}

.border-horizontal,
.tc-paging-container{
    border-color: eeeeee;
}

/*  block border:                               eeeeee
    thumbnail;
*/

/*  link block hover background:                [LinkBlock_Hover_BackgroundColor]
    language, login links;
    main navigation links
    autocomplete
*/
.login .hyp:hover,
.language .hyp,
.service .hyp:hover{
    background: #f7f7f7;
}

.nav-item-sub.hover{
    background: #f7f7f7;
}

.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-focus{
    background: #f7f7f7;
}

/*              END general styles                */


/*              START specific control styles                */

/*  header background:                          #18933C
    sticky header background:                   #18933C
    dropdowns background:                       [Header_Dropdowns_BackgroundColor]
    language;
    login;
    basket.

    sticky menu background:                     [Header_Menu_Sticky_BackgroundColor]
*/
header{
    background: #18933C;
}

.ribbon-header{
    background: #18933C;
}

.top-dropdown .summary{
    background: #fff;
}

.basket-summary{
    background: #fff;
}

.ribbon-header .nav-list-root,
.nav-is-opened .nav-opener{
    background: #fff;
    border-bottom-color: #fff;
}

/*  header border:                              #BCB5B9
    general header;
    navigation;
    language;
    login;
    basket
*/
.nav-cell,
.ribbon-header,
.basket-link-cell,
.ui-mobile .sticky-elements,
.mob-dropdown{
    border-color: #BCB5B9;
}

.nav-list-sub,
.nav-wrapper{
    border-color: #BCB5B9;
}

.nav-cell .nav-list-root{
    border: 1px solid #BCB5B9;
}

.top-action .language{
    border-right-color: #BCB5B9;
}

.top-action .login{
    border-left-color: #BCB5B9;
}

.top-dropdown:hover,
.top-dropdown.hover,
.top-dropdown .summary{
    border-color: #BCB5B9;
}

.basket-summary,
.basket:hover .over-summary:not(.is-empty),
.basket.hover .over-summary:not(.is-empty){
    border-color: #BCB5B9;
}

/*  main navigation:
    full page background                        #ffffff
    sub levels background                       [Menu_SubLevels_BackgroundColor]
    active menu item bottom line color          transparent
*/
.bottom-header{
    background: #ffffff;
}

.nav-list-sub,
.nav-wrapper{
    background: #fff;
}

.nav-item.selected .hyp-top-lvl span:after{
    background: transparent;
}

/*
    mobile basket changing background           [CartSummary_Mobile_BackgroundColor]
*/
.basket-link-cell .over-summary-number{
    background-color: #cb2245;
}

/*  site background                             fff

    *fix shipping method separator
*/
body{
    background: fff;
}

.shipping-separator .text{
    background: fff;
}

/*  over content separated area:                #ffffff
    product list page

    mobile filter control header
    mobile language login control header
*/
/*.colored-header-desktop,
.gray-header-phone{
    background-color: #ffffff;
}*/

.mob-dropdown .opener{
    background: #ffffff;
}

/*  site footer background;                     #18933C
    site footer border                          #18933C
*/
footer{
    background: #18933C;
    border-top: 1px solid #18933C;
}

/*  elements border color                       [Tables_BorderColor]
    grid rows

    list items horizontal border color:
    product list;
    news list;
    reviews list;
    orders list (mobile view)
*/
.gvi th,
.gvi td,
.gvi tr,
.gvi-border-color{
    border-color: #e6e6e6;
}

.gvi-border-color:before{
    border-color: #e6e6e6;
}

.list-mode .product-tile,
.grid-mode > li:after,
.list-news li,
.list-reviews li{
    border-color: #e6e6e6;
}

/*  grid items and controls background          [Tables_Footer_BackgroundColor]
    action controls
    even columns in variants / prepacks grid    [VariantMatrix_AltRow_BackgroundColor]
*/
.gvi-order-lines tfoot,
.gvi-big-basket tfoot,
.block-actions,
.row-footer{
    background: #f7f7f7;
}

.gvi-variants th:nth-child(even),
.gvi-variants td:nth-child(even),
.gvi-prepacks th:nth-child(even),
.gvi-prepacks td:nth-child(even){
    background: #f7f7f7;
}

/*  button
    background                                  #C93675
    border bottom                               #C93675

    hover background                            #C93675
    hover border bottom                         #C93675

    action background                           #C93675
    action border bottom                        #C93675

    hover action background                     #C93675
    hover action border bottom                  #C93675

    disabled background                         [Buttons_Disabled_BackgroundColor]
    disabled border bottom                      #d9d9d9
*/
.checkout-h1 h1,
.one-step-checkout-header h2 {
    color: #C93675;
}

.btn {
    background: #C93675;
    border-color: #C93675;
}

.btn:hover,
.btn.hover{
    background: #C93675;
    border-color: #C93675;
}

.btn-action{
    background-color: #C93675;
    border-color: #C93675;
}

.btn-action:hover{
    background-color: #C93675;
    border-color: #C93675;
}

.btn-disabled{
    background: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}

/*  input, textarea, select
    background                                  #eee
    border bottom                               #eee

    focused background                          #eee
    focused border bottom                       #eee

    select/datepicker hover background color    [Inputs_SelectHover_BackgroundColor]

    datepicker today background                 [DatePicker_Today_BackgroundColor]
*/
.tbx,
.tar{
    background: #eee;
    border-color: #eee;
}

.tbx.focused,
.tar.focused{
    background: #eee;
    border-bottom-color: #eee;
}

.ui-selectmenu-button,
.ui-menu{
    background: #eee;
    border-color: #eee;
}

.ui-selectmenu-button[aria-expanded="true"]{
    border-color: #eee;
}

.ui-menu-item.ui-state-focus{
    background-color: #fafafa;
}

.ui-datepicker.ui-widget-content{
    background-color: #fafafa;
}

.ui-datepicker .ui-datepicker-today{
    background-color: #e9e9e9;
}

/*  radiobuttons
    background                                  [Radio_BackgroundColor]
    border                                      #9fbfb4

    hover border                                #89a59b

    checked background                          #fff
*/
label .rdb ins{
    background-color: #fff;
    border: 1px solid #9fbfb4;
}

label .rdb input[type="radio"]:checked + input + ins,
label .rdb input[type="radio"]:checked + ins{
    border-width: 6px;
    width: 6px;
    height: 6px;
}

label:hover .rdb ins{
    border-color: #89a59b;
}

label .rdb input[type="radio"]:checked + input + ins:after,
label .rdb input[type="radio"]:checked + ins:after{
    background-color: #fff;
}

/*  validation errors
    background                                  [Inputs_Error_BackgroundColor]
    border bottom                               [Inputs_Error_BottomBorderColor]
*/
.row-error .tbx,
.row-error .tar,
.row-error .ui-selectmenu-button {
    background: #fcf5f5;
    border-color: #ce8d9b;
}

/*  main search
    background                                  [SearchBox_BackgroundColor]
    border                                      [SearchBox_BorderColor]

    * prevent border color change
*/
.tbx-main-search{
    background: #fff;
}

.tbx-main-search.focused{
    background: #fff;
}

/*  messages block background:
    simple text                                 [Messages_BackgroundColor]
    error                                       [Messages_Error_BackgroundColor]
    confirmation                                [Messages_Confirm_BackgroundColor]
    information                                 [Messages_Info_BackgroundColor]
    alert                                       [Messages_Alert_BackgroundColor]
*/
.msg-block{
    background: #f2f2f2;
}
.quantity-error-message,
.msg-block-error,
.validation-summary-errors {
    background: #faebee;
}

.msg-block-confirm{
    background: #e8f2e6;
}

.msg-block-info{
    background: #e3f1fc;
}

.msg-block-alert{
    background: #fff5eb;
}

/*  popup / over content elements:
    - background                                [Popup_BackgroundColor]
        dialog
        loading indicator
        iframe
        autocomplete
        tooltip
        tabs in popup

    - border                                    [Popup_BorderColor]
        dialog
        loading indicator
        iframe
        autocomplete
        tooltip
        tabs in popup

    overlay background                          [Popup_Overlay_BackgroundColor]
*/
.ui-dialog{
    background: #fff;
    border: 1px solid #e6e6e6;
}

.loading-indicator{
    background: #fff;
    border: 1px solid #e6e6e6;
}

.ifrm{
    background: #fff;
    border: 1px solid #e6e6e6;
}

.ui-autocomplete{
    background: #fff;
    border: 1px solid #e6e6e6;
}

.ui-tooltip{
    background: #fff;
    border: 1px solid #e6e6e6;
}

.matrices .ui-tabs-active .ui-tabs-anchor{
    background: #fff;
}

.matrices .ui-tabs-nav li{
    border: 1px solid #e6e6e6;
}

.ui-widget-overlay{
	background-color: #000;
}

/*  tab:
    highlight active bottom line                [TabHeader_Active_BottomBorderColor]
    inactive big tab background                 [TabHeader_Big_Inactive_BackgroundColor]
*/
.ui-tabs-active .ui-tabs-anchor:after{
    background: #1f7bc9;
}

.matrices .ui-tabs-anchor{
    background: #f5f5f5;
}

/*  highlight active:
    thumbnail hover / active border             [Thumbnails_Active_BorderColor]
*/

/****************************************
            Content blocks
****************************************/
.usp-list li{
    color: #323232;
    font-size: 14px;
}

.fake-btn {
    background-color: #323232
}

#loginPage h1 {
    color: #323232;
}

.profile-login-page,
.profile-samlresponse-page,
.login-container-blur {
    background-image: url(/content/files/GEMEJG_2024/EJG25_inlogscherm.webp);
}


/*banner*/
.banner h1 {
    font-family: 'Bolder-Bold';
}

.banner h2 {
    font-family: 'Bolder-Regular';
}

@media screen and (min-width: 1024px) {
    .banner h1 {
        font-size: 50px;
    }

    .productlist-list-page .banner h2,
    .banner h2 {
        font-size: 25px;
    }
}
/**/


/*flexi tiles*/
.image-tile-item .banner-content-inside h2 {
    font-family: 'OstrichSans Medium';
}

.image-tile-item .banner-content-inside h3 {
    font-family: 'BlackJackRegular';
}

@media screen and (min-width: 1024px) {
    .image-tile-item .banner-content-inside h2 {
        font-size: 42px;
    }

    .image-tile-item .banner-content-inside h3 {
        font-size: 24px;
    }
}
/**/


/*Flexi page*/
.HtmlContentBlock .bluegrey{
    background-color: #9fbfb4;
}
/**/


/*Product details*/
.font-product-title {
    font-family: Lato;
}
.client-service h4{
    font-family: Lato;
}
/**/


/*Shopping cart tabs*/
.basket-step a{
    color:#9fbfb4;
}

.basket-step-1 .basket-step:nth-child(1),
.basket-step-2 .basket-step:nth-child(2),
.basket-step-3 .basket-step:nth-child(3),
.basket-step-4 .basket-step:nth-child(4),
.basket-step-5 .basket-step:nth-child(5) {
    background: #9fbfb4;
}
.basket-step-1 .basket-step:nth-child(1) a,
.basket-step-2 .basket-step:nth-child(2) a,
.basket-step-3 .basket-step:nth-child(3) a,
.basket-step-4 .basket-step:nth-child(4) a,
.basket-step-5 .basket-step:nth-child(5) a{
    color:#ffffff;
}

.basket-step {
    background-color: #fff;
    border-color:#9fbfb4;
}

@media screen and (min-width: 640px) {
    .hyp-basket-remove {
        background-image: url('../../files/icons/x-circle@2x.png');
    }
    .hyp-basket-remove-multiaddress {
        background-image: url('../../files/icons/x-circle@2x.png');
    }
    .basket-steps {
        background-color: #fff;
        border-color:#9fbfb4;
    }
}


.checkout-step label .chb ins{
    background-image: url('/content/files/icons/shopping-cart-checkbox.png');
}

/**/

.additional-options-info-text-edit-icon {
    background-image: url('/content/files/icons/edit.png');
}

div.register_proceedtocheckout {
    padding-top: 10px;
}

div.register_proceedtocheckout > .table-cell{
    padding-right: 20px;
}


a.register_proceedtocheckout {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: underline;
}