/*** INCLUDE ***/
@import url('../../../base/001300/css/page_width.css');
@import url('../../../base/001300/css/custom.css');
@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');

a.resp_close_plus {
    background-image: url("../image/responsive_menu_nav_icons.png");
}

/*** CUSTOM ***/
body, html {
	background-color:#e9eaea;	
}

#header_menu li a, #header_menu li a.text_normal {
	color:#FFF;
	border-right:1px solid #FFF;
}

#header_menu li:hover a {
	color:#e7e7e7;
}

#money {
	background-color:#007e9f;	
}

.content_top_menu a {
	border-right:solid 1px RGBA(0,0,0,0.07);
	color: #FFF;
}

.content_top_menu a:hover {
	color:#FFF;
}

#box_search_content {
	background-color:#FFF;
	border:1px solid #d4d4d4;	
}

#box_search_content .box_search_button {
	background-color:#007e9f;	
}

#box_search_content .box_search_button:before {
	color:#FFF;
}

#box_search_content .box_search_button:hover {
	background-color:#3e454c;
}

#cart {
	background-color:#FFF;
	border:1px solid #d4d4d4;
}

#box_cart_content a:before {
	background-color:#007e9f;
	color:#FFF;
}

#box_cart_content a:hover:before {
	background-color:#3e454c;
}

#box_cart_content .box_cart_item span.text_color_fault {
	color:#3e454c;
}

#box_cart_content .box_cart_price span.text_color_fault {
	color:#007e9f;		
}

.page_cart_tr_item .text_color_akcio {
	color:#FFF;	
}

#left_cms_full .box_left_container li a {
	color:#FFF;
	border-bottom:1px solid transparent;
	background-color:#007e9f;	
}

#left_cms_full .box_left_container li a:hover {
	background-color:#3e454c;	
}

#box_container_shop_cat .box_left_title {
	background-color:#3e454c;	
}

#box_cat_content .box_cat_click_level0:hover, #box_cat_content .box_cat_spec .text_small .text_color_fault:hover, #box_cat_content .box_cat_click_level2:hover, #box_cat_content .box_cat_click_level3:hover, #box_cat_content .box_cat_click_level4:hover {
    background-color:#f5f6f6;
    color:#007e9f;
}

.page_tooltip_price_save {
	background-color:#007e9f;
}

.bx-pager a {
	background-color:#3e454c;
	color:#transparent;
}

.bx-pager a.active {
	background-color:#007e9f;
	color:transparent;	
}

a.header_plusmenu_icon {
	background-color:#007e9f;
}

a.header_plusmenu_icon:hover {
	background-color:#3e454c;
}

a.header_plusmenu_icon span:before {
	color:#FFF;
}

#menu_resp {
	background-color:#3e454c;
}

#menu_resp ul li a {
	color:#FFF;
	border-bottom:1px solid #4b4f53;
}

#menu_resp ul li a:hover {
	color:#ccc;	
}

.resp_close span:before {
	color:#007e9f;		
}

.resp_close_plus span:before {
	color:#007e9f;		
}

a#header_cart_button:before {
	color:#FFF;
}

a#header_cart_button {
	background-color:#007e9f;	
}

a#header_cart_button:hover {
	background-color:#3e454c;	
}

a#header_search_icon {
	background-color:#007e9f;	
}

a#header_search_icon:hover {
	background-color:#3e454c;
}

#ud_shop_art a#header_filter_icon:hover, #ud_shop_artspec a#header_filter_icon:hover, #ud_shop_search a#header_filter_icon:hover {
	background-color:#3e454c;		
}

a#header_search_icon span:before {
	color:#FFF;
}

a.header_category_icon {
	background-color:#4b6391;
	color:#FFF;
}

a.header_category_icon span:before {
	color:#FFF;
}

#responsive_cat_menu_content, #responsive_cat_menu {
	background-color:#3e454c;
	border-right:5px solid #2c3034;	
}

ul.responsive_menu li a {
	border-bottom:1px solid #4b4f53;
	color:#FFF;	
}

.responsive_menu_navtop {
	border-bottom:1px solid #2d3c55;	
}

ul.responsive_menu li.active_menu {
	background-color:#007e9f;	
}

ul.responsive_menu li.li_hover, ul.responsive_menu li:hover {
	background-color:#007e9f;
}

ul.responsive_menu li.active_menu a {
	color:#FFF;
}

ul.responsive_menu li a:hover {
	color:#FFF;	
}

.responsive_menu_title {
    color:#FFF;
}
.responsive_menu_title h3 {
	color:#FFF;	
}

.responsive_menu_navbottom span.actcat {
	color:#131e30;	
}

.responsive_menu_navbottom {
	border-bottom:1px solid #2d3c55;	
}

#header_container_inner_mobile_filter {
	background-color:#3e454c;
}

.product_filter_div.bg_color_dark3 {
	background-color:#4b4f53;	
}

#header_container_inner_mobile_filter_title {
	color:#007e9f;
	border-bottom:1px solid #4b4f53;
}

#ud_shop_art a#header_filter_icon, #ud_shop_artspec a#header_filter_icon, #ud_shop_search a#header_filter_icon {
	background-color: #007e9f;	
}

#ud_shop_art a#header_filter_icon span, #ud_shop_artspec a#header_filter_icon span, #ud_shop_search a#header_filter_icon span {
	background-color:transparent;
}

#ud_shop_art a#header_filter_icon span:before, #ud_shop_artspec a#header_filter_icon span:before, #ud_shop_search a#header_filter_icon span:before {
	color:#FFF;
}

#header_container_inner_mobile_filter_container .text_normal {
	color:#FFF;	
}

.text_button input {
	background-color:#007e9f;
	color:#FFF;	
}

.text_button input:hover {
	background-color:#3e454c;	
}

.page_newcust_button_right .text_button input {
	background-color:#3e454c;	
}

.page_artdet_price_save, .page_artlist_price_save, .page_artlist_price_save_1, .page_artdet_price_save_1, .page_artlist_stock_available, .page_artdet_status_new, .page_artdet_stock_available {
	background-color:#007e9f;	
}

.page_cat_item_newnum {
	background-color:#007e9f;	
}

.page_artdet_cart_table {
	background-color:#007e9f;	
}

#page_artdet_func_favourites::before, #page_artdet_func_recommend::before, #page_artdet_func_print::before, #page_artdet_func_compare::before, #page_artdet_func_question::before {
	color:#007e9f;	
}

.responsive_menu_back, .responsive_menu_close {
    background-image: url("../image/responsive_menu_nav_icons.png");
}

@media only screen and (min-width: 641px) and (max-width: 899px) {

#box_search_content {
	border:1px solid #f6f6f6;	
}
	
}

@media only screen and (min-width:481px) and (max-width: 640px) {
	
#box_search_content {
	border:1px solid #f6f6f6;	
}

a#header_search_icon, a.header_plusmenu_icon, a#header_cart_button {
	background-color:#4b6391;	
}

#ud_shop_art a#header_filter_icon, #ud_shop_artspec a#header_filter_icon, #ud_shop_search a#header_filter_icon {
	background-color:#4b6391;	
}

#bottomlink_content li {
	background-color:#f9f9f9;
}

#bottomlink_content li:hover {
	background-color:#f4f4f4;	
}
	
}

@media only screen and (max-width: 480px) { 

#box_search_content {
	border:1px solid #f6f6f6;	
}

a#header_search_icon, a.header_plusmenu_icon, a#header_cart_button {
	background-color:#4b6391;		
}

#ud_shop_art a#header_filter_icon, #ud_shop_artspec a#header_filter_icon, #ud_shop_search a#header_filter_icon {
	background-color: #4b6391;
}

#bottomlink_content li {
	background-color:#f9f9f9;
}

#bottomlink_content li:hover {
	background-color:#f4f4f4;	
}

}

/*** CUSTOM END ***/

/*** LAYOUT ***/

#header_top {
	background-color:#3e454c;
}

#head_bx_content a {
	color:#535353;
}

#head_bx_content a .text_color1 {
	color:#007e9f;
}

#content_top { 
	background-color:#007e9f;
}

.box_left_title { 
	background-color:#007e9f;
	color:#FFF;			
}

.box_left_container {
	background-color:#FFF;
}

#body_title { 
	border-bottom:1px solid #efefef;	
}

#title_content h1 {
	color: #FFF;
	background-color:#007e9f;
}

#ud_shop_artdet #title_content, #title_content.title_content_noh {
	color: #FFF;
	background-color:#007e9f;		
}

#footer { 
	background-color:#FFF;
}

.provider_content_text {
	border: 1px solid #b2b2b2;
	background-color:#FFFFFF;
}
.provider_content_text a {
	color:#666666;
}

#content_top_menu_full_sf .menu_content_sub {
	background-color:#007e9f;
}

/*** LAYOUT END ***/

.filter_submit_button {
    padding: 10px 15px;
    font-size: 14px;
    background-color: #3e454c;
    border-radius: 5px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
}
.filter_submit_button:hover {
    background-color: #373c43;
}

/** FILTER **/
#filter {
    width:100%;
}

#filter_wrap {
    width: 400px;
    margin: 20px auto;
    background-color: white;
    padding: 30px;
}
/*
#filter_wrap form, #filter_flx {
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}*/
#filter select {
    display:block;
    height:40px;
    padding:0 15px;
    width:100%;
    cursor: pointer;
}
#filter .select {
    width: 100%;
    padding: 5px;
    margin-bottom: 5px;
}
#filter_button {
    display: inline-block;
    vertical-align: top;
    margin:10px 0;
    flex: 0 0 56px;
}

#filter_button button:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
.filter_submit_button::before {
    font-family: "FontAwesome";
}
.filter_submit_button.is-loading {
    background: url(../../../base/001600/image/loading.gif) no-repeat;
    background-size: 16px 16px;
    background-position: right 12px center;
}
#param1 select, #param2 select, #param3 select, #param4 select. #filter_select1 select {
    border: 1px solid #555;
    white-space: pre-wrap;
    height: 40px;
}
#filter select:disabled {
    opacity:0.4;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 999px){
    #filter.search_fixed {
        position: fixed;
        z-index: 100;
        top: 50px;
    }
}
@media only screen and (max-width: 920px) {
    #filter select {
        font-size:12px;
    }
}
@media only screen and (max-width: 768px) {
    #filter .select {
        flex: 0 0 auto;
    }
}
@media only screen and (max-width: 639px){
    #filter .select {
        flex: 0 0 auto;
    }
    #filter_button{
        flex: 0 0 100%;
    }
}
@media only screen and (max-width: 480px) {
    #filter .select {
        flex: 0 0 auto;
        padding: 0 20px;
    }
}
.filter-main-text {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
    display: inline-flex;
    justify-content: center;
}
.lds-dual-ring {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 100%;
    margin-left: 10px;
}
.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 2px;
    border-radius: 50%;
    border: 2px solid #007e9f;
    border-color: #007e9f transparent #007e9f transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.storage-clear-button {
    display: none;
    cursor: pointer;
    background-color: transparent;
    border: none;
    color: red;
    margin-top: 10px;
}

.storage-clear-button:hover {
    text-decoration: underline;
}

.storage-clear-button::before {
    content: "\f00d";
    font-family: FontAwesome;
}

.is-active.storage-clear-button {
    display: inline-block;
}

#ud_shop_search .page_headbutton {
    display: none;
}


/* ==========================================================
   GASH – automatikus, szöveges készletjelző
   Ez a rész a termékoldali készletjelző és az INFO gombhoz tartozó
   magyarázó szövegdoboz megjelenését és elrendezését szabályozza.
   ========================================================== */

/* A készletjelző külső kerete és általános elrendezése. A bal oldali keret 5 px vastag. */
.gash-keszletjelzo {
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    max-width: 100%;
    margin: 0 0 14px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 700;

     border-left-width: 5px;}

/* Egységes készletállapot-jelölő kör. A méret a width, height és flex-basis értékével állítható. */
.gash-keszletjelzo__pont {
    display: inline-block;
    flex: 0 0 12px;
    width: 12px;
    height: 12px;
    border-radius: 30%;
    margin-right: 6px;
    vertical-align: middle;
}

/* Zöld állapot: a termékből több mint 5 egység van készleten. */
.gash-keszletjelzo--raktaron {
    color: #198754;
    background: #E6F4ED;
    border-color: #ACD1BF;
}

/* Sárga állapot: alacsony készlet, ha a készletpótlás lehetséges vagy nem garantált. */
.gash-keszletjelzo--alacsony {
    color: #B38600;
    background: #FFF8E1;
    border-color: #FFE08A;
}

/* Sárga állapot: korlátozott készlet, további készletpótlás nélkül. */
.gash-keszletjelzo--korlatozott {
    color: #B38600;
    background: #FFF8E1;
    border-color: #FFE08A;
}

/* Narancssárga állapot: az utolsó elérhető egység. */
.gash-keszletjelzo--utolso {
    color: #FD7E14;
    background: #FFE5D0;
    border-color: #FFC18F;
}

/* Piros állapot: nincs raktáron, érdeklődés szükséges, vagy már nem elérhető. */
.gash-keszletjelzo--hiany-erdeklodes,
.gash-keszletjelzo--nem-elerheto {
    color: #DC3545;
    background: #FDE7EB;
    border-color: #F397A9;
}


/* A pontok az alapszíneket használják; a felirat és a háttér árnyaltabb. */
.gash-keszletjelzo--raktaron .gash-keszletjelzo__pont {
    background-color: #198754;
}
.gash-keszletjelzo--alacsony .gash-keszletjelzo__pont,
.gash-keszletjelzo--korlatozott .gash-keszletjelzo__pont {
    background-color: #FFC107;
}
.gash-keszletjelzo--utolso .gash-keszletjelzo__pont {
    background-color: #FD7E14;
}
.gash-keszletjelzo--hiany-erdeklodes .gash-keszletjelzo__pont,
.gash-keszletjelzo--nem-elerheto .gash-keszletjelzo__pont {
    background-color: #DC3545;
}

/* Az INFO gomb kinézete és kattintható/fókuszálható felülete. */
.gash-keszletjelzo__info {
    position: static;
    display: inline-block;
    padding: 2px 6px;
    border: 1px solid currentColor;
    border-radius: 3px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 11px;
    line-height: 1.4;
    cursor: pointer;
}

/* INFO magyarázó doboz: a bal széle a készletjelző bal széléhez igazodik; 260 px széles, keskeny kijelzőn legfeljebb 80vw. */
.gash-keszletjelzo__tooltip {
    position: absolute;
    z-index: 9999;
    left: -2px; /* A készletjelző bal széléhez igazítás, a keret korrekciójával. */
    transform: none; /* Nem középre igazítjuk a dobozt. */
    bottom: calc(100% + 8px); /* A készletjelző fölött, 8 px távolsággal. */
    width: 260px; /* Alapértelmezett szélesség. */
    max-width: min(260px, 80vw); /* Mobilon a képernyőszélesség 80%-ánál nem lehet nagyobb. */
    padding: 10px 12px;
    border-radius: 4px;
    background: #3e454c;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    white-space: normal;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
}

/* A magyarázó doboz alján megjelenő kis háromszög alakú mutató. */
.gash-keszletjelzo__tooltip::after {
    content: "";
    position: absolute;
    left: 12px;
    top: 100%;
    border: 6px solid transparent;
    border-top-color: #3e454c;
}

/* Hover, fókusz vagy is-open állapot esetén megjelenik a magyarázó szöveg. */
.gash-keszletjelzo__info:hover .gash-keszletjelzo__tooltip,
.gash-keszletjelzo__info:focus .gash-keszletjelzo__tooltip,
.gash-keszletjelzo__info.is-open .gash-keszletjelzo__tooltip {
    visibility: visible;
    opacity: 1;
}

/* A „Keressen minket!” hivatkozás megjelenése. */
.gash-keszletjelzo__kapcsolat {
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.gash-keszletjelzo__kapcsolat:hover,
.gash-keszletjelzo__kapcsolat:focus {
    text-decoration: none;
}

/* A Készletpótlás paramétert a készletjelző kiolvassa, de nem rejti el;
   így az UNAS eredeti megjelenítése a kosárgombnál vagy az Adatok fülön megmarad. */

/* Mobilos viselkedés: érintőképernyőn a hover önmagában nem nyitja ki a dobozt;
   a JavaScript által beállított is-open osztály jeleníti meg. */
@media (hover: none) and (pointer: coarse) {
    .gash-keszletjelzo__info:hover .gash-keszletjelzo__tooltip {
        visibility: hidden;
        opacity: 0;
    }

    .gash-keszletjelzo__info.is-open .gash-keszletjelzo__tooltip {
        visibility: visible;
        opacity: 1;
    }
}