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

/*              START general styles                */

/*  normal text:
    font family                                 Arial
    font size                                   [NormalText_FontSize]
    font color                                  #000000
*/
/*@font-face{
    font-family: 'NettoOT Light';
    src: url("../../fonts/NettoOT-Light.woff");
    font-weight: bold;
}

@font-face{
    font-family: 'NettoOT Bold';
    src: url("../../fonts/NettoOT-Bold.woff");
    font-weight: bold;
}

@font-face{
    font-family: 'NettoOT';
    src: url("../../fonts/NettoOT.woff");
    font-weight: bold;
}

@font-face {
	font-family: 'Georgia';
	src: url('fonts/Georgia.eot');
	src: url('../../fonts/Georgia.woff') format('woff'), url('../../fonts/Georgia.ttf') format('truetype'), url('../../fonts/Georgia.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


body{
    font-size: 14px;
    color: #000000;
}

.wf-active body{
    font-family: Arial;
}

/*  heading text:
    font family                                 Arial
    font color                                  #000000
    font size h1                                36px
    font size h2                                26px
    font size h3                                20px
    font size h4                                20px
*/
h1,
h2,
h3,
h4,
.font-h4{
    color: #000000;
}

.wf-active h1,
.wf-active h2,
.wf-active h3,
.wf-active h4,
.wf-active .font-h4{
    font-family: Arial;
}

h1{
    font-size: 36px;
}

h2{
    font-size: 26px;
}

h3{
    font-size: 20px;
}

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

/*  smaller font labels:                        14px
    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: 14px;
}

.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: 14px;
}

/*  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;
}

.product-tile .product-title{
    font-size: 14px;
}

/*  regular titles:                             #1694b4
    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: #1694b4;
}

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

.highlight{
    color: #1694b4;
}

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

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

    - regular:
        profile customer name, email;
        selected facet item;
        order declined reason message
*/
.font-darkest{
    color: #565e5b;
}

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

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

/*  light grey labels:                          #808080
    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: #808080;
}

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

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

/*  hyperlinks;                                 #1694b4
    back, cancel, filter button
    button like link
    button white

    hover back, cancel, filter button           #00b9e4
    disabled hypelink button                    [Hyperlink_Disabled_FontColor]
*/
a,
.font-a,
.font-btn,
.btn-like-link,
.btn.btn-white{
    color: #1694b4;
}

.font-btn:hover,
.font-btn:focus,
.btn.btn-white:hover,
.btn.btn-white:focus{
    color: #00b9e4;
}

.font-btn:active,
.btn.btn-white:active{
    color: #1694b4;
}

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

/*              END general styles                */


/*              START specific control styles                */

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

/*  main navigation:
    top level links font family                 Arial
    top level links font size                   15px
    top level links font color                  [Menu_TopLevel_FontColor]
    not hovered top level links color           #ffffff
    hovered top level link color                [Menu_TopLevel_Hovered_FontColor]

    simple links                                #1694b4
*/
nav .hyp-top-lvl{
    color: #FFFFFF;
    font-size: 15px;
    text-transform:capitalize;
}

.wf-active nav .hyp-top-lvl{
    font-family: Arial;
}

.nav-is-hovered .hyp-top-lvl{
    color: #ffffff;
}

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

nav .hyp{
    color: #1694b4;
}

/*  main navigation (sticky):
    top level links font color                  #ffffff
    not hovered top level links color           #ffffff
    hovered top level link color                [Menu_TopLevel_Sticky_Hovered_FontColor]
*/
header.sticky-mode nav .hyp-top-lvl,
.ui-mobile nav .hyp-top-lvl{
    color: #ffffff;
}

header.sticky-mode .nav-is-hovered .hyp-top-lvl{
    color: #ffffff;
}

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

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

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

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

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

/*  buttons (+ back, cancel, filter button):
    - normal
        font family                             Arial
        font color                              [Buttons_FontColor]
        disabled font color                     #808080
        font size                               15px

    - medium
        font size                               15px

    - big
        font size                               15px

    - back
        color                                   #1694b4
        hover color                             #000000
*/
.btn,
.header-blocks-wrapper .top-action #basketModalPopup .panel-footer a.btn{
    color: #fff;
    font-size: 15px;
}

.font-btn{
    font-size: 15px;
}

.wf-active .btn,
.wf-active .font-btn{
    font-family: Arial;
}

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

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

.hyp-back{
    color: #1694b4;
}

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

.btn-disabled{
    color: #808080;
}

/*  form elements:
    input, select text                          #000000
    (+ label unit of measure)

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

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

.lbl-uom{
    color: #000000;
}

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

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

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

.water-mark{
    color: #000000;
}

/*  messages block
    font size simple text                         [Messages_FontSize]

    color:
    simple text                                   #000000
    error                                         #000000
    confirmation                                  #000000
    information                                   #000000
    alert                                         #000000
*/
.msg-block{
    font-size: 15px;
    color: #000000;
}

.row-error input,
.msg-block-error,
.validation-summary-errors,
.form-row .field-validation-error{
    color: #000000;
}

.msg-block-confirm{
    color: #000000;
}

.msg-block-info{
    color: #000000;
}

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

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

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

.gvi td{
    color: #000000;
}

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

    tab title inactive                          [TabHeader_Inactive_FontColor]
    tab title hover                             #00b9e4
    tab title active                            #1694b4

    big tab font size                           30px
*/
.ui-tabs-anchor,
.hidden-tabs-name{
    font-size: 2.3em;
}

.wf-active .ui-tabs-anchor,
.wf-active .hidden-tabs-name{
    font-family: 'NettoOT';
}

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

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

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

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

/*  left side controls links:
    facets items                                #005172
    news header                                 #005172
    my account                                  #005172
*/
.facets .facet-item{
    color: #005172;
}

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

.hyp-account{
    color: #005172;
}

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

    product price in list/grid font size        [BulkPrice_FontSize]
    product price in list/grid color            #000000

    red price color                             [BulkPrice_Highlight_FontColor]

    primary product price:
    - font family                               Arial
    - font color                                #000000
    - font size                                 28px

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

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

.product-tile .lbl-price{
    font-size: 16px;
    color: #000000;
}

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

.order-box .lbl-price{
    color: #000000;
    font-size: 28px;
}

.wf-active .order-box .lbl-price{
    font-family: Arial;
}

.cell .lbl-price,
.ui-desktop .gvi-volume-prices .cell-price,
.ui-tablet .gvi-volume-prices .cell-price{
    color: #000;
    font-size: 1.4em;
}

.wf-active .cell .lbl-price,
.wf-active .ui-desktop .gvi-volume-prices .cell-price,
.wf-active .ui-tablet .gvi-volume-prices .cell-price{
    font-family: Arial;
}

/*  main search input
    font size                                   [SearchBox_FontSize]
    placeholder color                           #00b9e4

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

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

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

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

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

/*  shopping cart control header:
    font family                                 Arial
    font size                                   [CartSummary_Header_FontSize]
    color                                       #05415a

    empty cart color                            #6b97aa

    items in cart (mobile)                      [CartSummary_TotalItems_Mobile_FontColor]
*/
.over-summary .hyp{
    font-size: 13px;
    color: #05415a;
}

.wf-active .over-summary .hyp{
    font-family: Arial;
}

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

.ui-mobile .over-summary.over-summary-just-changed .hyp{
    color: #fff;
}

/*  breadcrumbs:
    item color;                                 #00b9e4
    selected item (last)                        #1694b4
*/
.breadcrumbs .hyp{
    color: #00b9e4;
}

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

/*  pager links:
    font color                                  [PagerLinks_FontColor]
    selected font color                         [PagerLinks_Selected_FontColor]
*/
.pager-list li a{
    color: #808080;
}

.pager-selected{
    color: #000;
}

/*  stock and availability:
    in stock                                    #138c75
    low stock                                   [StockAmount_LowStock_FontColor]
    out of stock and not available              #cb2245
*/
.in-stock{
    color: #138c75;
}

.low-stock{
    color: #f28100;
}

.out-stock{
    color: #cb2245;
}

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

/*  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        24px

    product list page title                     2.8em

    emphasized popups header:
    volume discount, package content            [Popup_Title_FontSize]
*/
.gvi-totals .emphasis,
.list-totals .t-row-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: 2.8em;
}

.ui-mobile .combined-header h1{
    font-size: calc(2.8em/2);
}

.popup-cnt .strong-header{
    font-size: 40px;
}

/*  spesific font colors:
    volume price discount                       #00b092
    shopping card line discount                 [Cart_LineDiscount_FontColor]
    shopping cart extended text font color      #000000
*/
.gvi-volume-prices .cell-discount{
    color: #00b092;
}

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

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

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

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

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

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

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

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

/*  spesific titles:
    product title on basket, checkout pages
    - font family                               [Cart_ProductTitle_FontFamily]
    - font size                                 [Cart_ProductTitle_FontSize]
    - font color                                #1694b4
    variants / prepacks grid header
    - font family                               Arial
    - font size                                 18px
    - font color                                #000000
*/
.gvi .product-title-super {
    color: #1694b4;
    font-size: 20px;
}
 .site .vertical-center{
    color: #1694b4;
    font-size: 13px;
    font-family: 'NettoOT Bold';

}


.wf-active .gvi .product-title-super{
    font-family: 'NettoOT Bold';
}

.gvi-variants th,
.gvi-prepacks th{
    color: #000000;
    font-size: 18px;
}

.wf-active .gvi-variants th,
.wf-active .gvi-prepacks th{
    font-family: Arial;
}

/*  ok status font color:                       #138c75
    authorization approved
    account ability enabled

    pending status font color                   [Status_Pending_FontColor]
    authorization pending

    failed status font color                    #cb2245
    authorization declined
    account ability disabled
*/
.gvi-orders .status-approved,
.gvi-sub-accounts .status-ok,
.status-approved{
    color: #138c75;
}

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

.gvi-orders .status-declined,
.gvi-sub-accounts .status-faild,
.status-declined{
    color: #cb2245;
}



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

/*              START general styles                */

/*  border color - vertical separator:          #79d6ee
    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               #79d6ee
*/
.border-simple-left{
    border-left: solid 1px #79d6ee;
}

.top-hyp + .top-hyp,
.action-links .hyp + .hyp,
.back-wrapper + .breadcrumbs,
.templates-action .hyp,
.rating-reviews .hyp + .hyp,
.selected-quantity .edit-selected,
.hyp-clear-viewed,
.product-list .product-id + .stock-indication{
    border-left: 1px solid #79d6ee;
}

.has-aside,
.ui-tablet .hyp-account{
    border-right-color: #79d6ee;
}

.separator + .nav-item-block,
.separator + .img-in-row{
    border-left-color: #79d6ee;
}

/*  border color - horizontal separator:        #79d6ee
    last viewed and checkout offers tabs;
    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,
.accordion{
    border-bottom: 1px solid #79d6ee;
}

.list-totals .t-row-total-price,
.list-cart .subtotal,
.accordion-header{
    border-top: 1px solid #79d6ee;
}

.choose-product{
    border-top: 1px dashed #79d6ee;
    border-bottom: 1px dashed #79d6ee;
}

.border-horizontal,
.tc-paging-container{
    border-color: #79d6ee;
}

/*  block border:                               #79d6ee
    thumbnail;
*/
.list-thumbs .thumbnail{
    border: 1px solid #79d6ee;
}

/*  link block hover background:                #f2f2f2
    language, login links;
    main navigation links
    autocomplete
*/
.login .hyp:hover,
.language .hyp:hover{
    background: #f2f2f2;
}

.ui-desktop .nav-item-sub.hover,
.ui-tablet .nav-item-sub.hover{
    background: #f2f2f2;
}

.ui-autocomplete .ui-state-focus a{
    background: #f2f2f2;
}

/*              END general styles                */


/*              START specific control styles                */

/*  header background:                          [Header_BackgroundColor]
    sticky header background:                   [Header_Sticky_BackgroundColor]
    dropdowns background:                       [Header_Dropdowns_BackgroundColor]
    language;
    login;
    basket.

    sticky menu background:                     #00b9e4
*/
header{
    background: #fff;
}

header.sticky-mode,
header.sticky-mode .bottom-header,
.ui-mobile header{
    background: #fff;
}

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

.basket-summary,
.ui-desktop .basket:hover .over-summary:not(.is-empty),
.ui-tablet .basket:hover .over-summary:not(.is-empty),
.ui-desktop .basket.hover .over-summary:not(.is-empty),
.ui-tablet .basket.hover .over-summary:not(.is-empty){
    background: #fff;
}

header.sticky-mode .nav-list-root,
header .bottom-header,
.ui-mobile header .search,
header.nav-is-opened .nav-opener{
    background: #00b9e4;
}

header.nav-is-opened .nav-opener{
    border-bottom-color: #00b9e4;
}

/*  header border:                              #79d6ee
    general header;
    navigation;
    language;
    login;
    search;
    basket
*/
.nav-opener-wrapper,
header.sticky-mode,
.ui-mobile .basket,
.ui-mobile .search,
.middle-header,
.bottom-header{
    border-color: #79d6ee;
}

.nav-list-sub,
.nav-wrapper,
.nav-item-root.hover .hyp-top-lvl{
    border-color: #79d6ee;
}

header.sticky-mode .nav-list-root{
    border: 1px solid #79d6ee;
}

.language{
    border-right-color: #79d6ee;
}

.top-hyp + .login{
    border-left-color: #79d6ee;
}

header .top-dropdown:hover,
header .top-dropdown.hover,
header .top-dropdown .summary,
.ui-mobile header .top-dropdown{
    border-color: #79d6ee;
}

.basket-summary,
.ui-desktop .basket:hover .over-summary:not(.is-empty),
.ui-tablet .basket:hover .over-summary:not(.is-empty),
.ui-desktop .basket.hover .over-summary:not(.is-empty),
.ui-tablet .basket.hover .over-summary:not(.is-empty){
    border-color: #79d6ee;
}

/*  main navigation:
    full page background                        #00b9e4
    sub levels background                       [Menu_SubLevels_BackgroundColor]
    active menu item bottom line color          #79d6ee
*/
.ui-desktop .bottom-header{
    background: #00b9e4;
}

.nav-list-sub,
.nav-wrapper,
.nav-item-root.hover .hyp-top-lvl{
    background-color: #fff;
}

.nav-item.selected .hyp-top-lvl span:after{
    background: #79d6ee;
}

/*
    mobile basket changing background           [CartSummary_Mobile_BackgroundColor]
*/
.ui-mobile .over-summary.over-summary-just-changed{
    background-color: #cb2245;
}

/*
    site background                             [Page_BackgroundColor]
*/
body{
    background: #fff;
}

/*  over content separated area:                [Header_Alt_BackgroundColor]
    product list page

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

.ui-mobile .top-dropdown .opener{
    background: #f2f2f2;
}

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

/*  elements border color                       #79d6ee
    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: #79d6ee;
}

.gvi-border-color:before{
    border-color: #79d6ee;
}

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

/*  grid items and controls background          #f2f2f2
    action controls
    odd columns in variants / prepacks grid     [VariantMatrix_Row_BackgroundColor]
    even columns in variants / prepacks grid    #79d6ee
*/
.gvi-order-lines tfoot,
.gvi-big-basket tfoot,
.block-actions,
.ui-mobile .col-total{
    background: #f2f2f2;
}

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

.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: #79d6ee;
}

/*  button
    background                                  #000000
    border bottom                               #000000

    hover background                            #00b9e4
    hover border bottom                         #00b9e4

    focused background                          #000000
    focused border bottom                       #000000

    action background                           #1694b4
    action border bottom                        #1694b4

    hover action background                     #00b9e4
    hover action border bottom                  #00b9e4

    focused action background                   #1694b4
    focused action border bottom                #1694b4

    disabled background                         [Buttons_Disabled_BackgroundColor]
    disabled border bottom                      #d9d9d9

    white button border                         #000000
    white button hover border                   #00b9e4
*/
.btn,
.wishlist-details .btn{
    background: #000000;
    border-color: #000000;
}

    .btn:hover,
    .btn.hover,
    .btn:focus {
        background: #00b9e4;
        border-color: #00b9e4;
    }
.btn:active{
    background: #000000;
    border-color: #000000;
}

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

.btn-action:hover,
.btn-action:focus{
    background-color: #00b9e4;
    border-color: #00b9e4;
}

.btn-action:active{
    background-color: #1694b4;
    border-color: #1694b4;
}

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

.btn-white{
    background: #fff;
    border-color: #000000;
}

.btn-white:hover,
.btn-white.hover,
.btn-white:focus{
    background: #fff;
    border-color: #00b9e4;
}

.btn-white:active{
    background: #fff;
    border-color: #000000;
}

/*  input, textarea, select
    background                                  #f6fafb
    border bottom                               #00b9e4

    focused background                          #79d6ee
    focused border bottom                       #00b9e4

    select/datepicker hover background color    #79d6ee

    datepicker today background                 #ffffff
*/
.tbx,
.tar,
.object-details #ActionSelect #object-loaded-action .semicolumn .repair-attachment .control .field {
    background: #f6fafb;
    border-color: #00b9e4;
}

.tbx.focused,
.tar.focused{
    background: #79d6ee;
    border-bottom-color: #00b9e4;
}

.ui-selectmenu-button,
.ui-menu{
    background: #f6fafb;
    border-color: #00b9e4;
}

.ui-selectmenu-button.ui-state-focus{
    background: #79d6ee;
    border-bottom-color: #00b9e4;
}

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

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

.ui-datepicker.ui-widget-content{
    background-color: #79d6ee;
    border-bottom: 1px solid #00b9e4;
}

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

/*  radiobuttons
    background                                  #f6fafb
    border                                      #00b9e4

    hover border                                #1694b4

    checked background                          #000000
*/
label .rdb ins{
    background-color: #f6fafb;
    border: 1px solid #00b9e4;
}

label:hover .rdb ins,
label .rdb input[type="radio"]:focus + input + ins,
label .rdb input[type="radio"]:focus + ins{
    border-color: #1694b4;
}

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

/*  validation errors
    background                                  #e0d3cb
    border bottom                               #00b9e4
*/
.row-error .tbx,
.row-error .tar,
.row-error .ui-selectmenu-button{
    background: #e0d3cb;
    border-color: #00b9e4;
}

/*  main search
    background                                  #ffffff
    border                                      #79d6ee

    * prevent border color change
*/
.tbx-main-search{
    background: #ffffff;
    border: 1px solid #79d6ee;
}

.tbx-main-search:focus{
    border: 1px solid #79d6ee;
}

.tbx-main-search.focused{
    border: 1px solid #79d6ee;
}

.btn-search, .btn-search:hover{
    background: #ffffff;
    border: 1px solid #79d6ee;
}

.header-blocks-wrapper .top-action a
{
    color: #1694b4;
}

/*  messages block background:
    simple text                                 #ecf1ad
    error                                       #e0d3cb
    confirmation                                #76cfbe
    information                                 #ecf1ad
    alert                                       #e0d3cb
*/
.msg-block{
    background: #ecf1ad;
}

.msg-block-error,
.validation-summary-errors{
    background: #e0d3cb;
}

.msg-block-confirm{
    background: #76cfbe;
}

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

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

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

    - border                                    #79d6ee
        dialog
        loading indicator
        iframe
        autocomplete
        tooltip
        tabs in popup

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

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

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

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

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

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

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

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

.popup-placeholder{
    background: #fff;
}

.mfp-bg{
	background: #000;
}

/*  tab:
    highlight active bottom line                #1694b4
    inactive big tab background                 #f2f2f2
*/
.ui-tabs-active .ui-tabs-anchor:after{
    background: #1694b4;
}

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

/*  highlight active:
    thumbnail hover / active border             #79d6ee
*/
.list-thumbs .hyp-thumbnail:hover .thumbnail:after{
    border-bottom: 3px solid #79d6ee;
}

.list-thumbs .selected .thumbnail{
    border: 1px solid #79d6ee;
}




/****************************************
            Content blocks
****************************************/
.usp-list li{
    color: #4c4c4c;
    font-size: 20px;
}

.wf-active .usp-list li{
    font-family: 'NettoOT';
}
.ro-sumbit-msg-order-sucess {
    color: #000000;
    background-color: #ecf1ad;
    padding: 7px;
    margin: 30px 0;
}
.os-msg-order-sucess {
    color: #000000;
    background-color: #ecf1ad;
    padding: 7px;
    margin: 30px 0;
}
/****************************************
           Object Detail Page
****************************************/
.form-dept-msg-block-info {
    background-color: #e3f1fc;
    color: #1f7bc9;
}
.pickup-msg-block-info {
    background-color: #e3f1fc;
    color: #1f7bc9;
}