/* bof scroll */
/*Firefox */
* {
	/*scrollbar-width: thin;*/
	scrollbar-color: #f2f2f3;
}
/* width */
::-webkit-scrollbar {
	width: 5px !important;
	height: 5px !important;
}

/* Track */
::-webkit-scrollbar-track {
	background: #edeff1; 
	border-radius: 0;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
	background: #d9dcdf;
	border-radius:0;
	border:none;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #a3acb3; 
}
/* eof scroll */

/* bof body*/
.submenu-link-title{
    max-width: 92%;
    display: inline-block;
    white-space: initial;
}
.yamm .navbar-nav>.dropdown>.dropdown-menu{
    overflow-x: unset;
}
.submenu-link .fa-chevron-right{
    margin-left: auto;
    animation: .45s ease-in-out 0s 1 slideRight;
}
#cat-deptos li a, .lateral_menu .container-fluid a{
    text-decoration: none;
}
#div-user-op a, #div-user-op .btn-link{
    text-decoration: none;
}
.btn-loged .dropdown-menu{
    z-index: 9999999;
    left: auto;
    animation: .15s ease-in-out 0s 1 slideDown;
}
#navbarLogo img{
    width: auto;
    object-fit: contain;
}
body {
    padding-top: 0;
}
.navbar{
    margin-bottom: 0;
}
.navbar-toggle{
    padding: 6px 12px;
    border: none;
    margin: 0;
}
#contentNavMainWrapper{
    position: sticky;
    top: 0;
    z-index: 9;
}
/* bof hidden elements*/
.advanced-search-box{
    display: none;
}
/* eof hidden elements*/
/* bof shopping cart*/
.shoppingcartpopover {
    position: fixed;
  }
/* eof shopping cart*/
/* bof search result */
.quick-find-result, .shoppingcartpopover{
    animation: .15s ease-in-out 0s 1 slideDown;
}
.live_search_content, #shoppingcartpopoverListWrapper{
    animation: .45s ease-in-out 0s 1 slideDown;
}
.search_result_item > div,
.search_result_item > div > div:last-child,
.search_result_item_info{
    height: 100%;
}
.search_result_item_info > div:last-child{
    margin-top: auto;
}
.quick-find-result .close{
    opacity: 1;
}
/* eof search result */
/* bof nombre del usuario en menú*/
#navMainLogin{
    text-align:left;
}
#navMainLogin:hover,
#user-options:hover,
#user-options .btn-link:hover,
#navMainLogin, 
#navMainLoginWrapper{
    text-decoration:none;
}
#navUserName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
}
#navMainLogin > div > div, #navUserName{
    margin-left:3px;
}
/* eof nombre del usuario en menú*/
/*bof media querys */
@media(max-width:767px){
    .navbar{
        border:none !important;
    }
    #navbarLogoMobile>img{
        height: 50px;
        width: auto;
        object-fit: cover;
   }
    #cat-deptos .fa-chevron-right, #cat-deptos .fa-chevron-left{
        font-size: 11px;
   }
    .cat-back, .open>.submenu-link .fa-chevron-right{
        display: none !important;
   }
    #cat-deptos li a{
        padding: 12px 20px;
   }
    .top-menu-elements{
        padding: 15px 10px;
        position: sticky;
        top: 0;
        z-index: 1;
   }
   @keyframes filterBlur {
        50% {
            backdrop-filter: blur(0px);
        }
        100% {
            backdrop-filter: blur(5px);
        }
    }
    .open>a .cat-back{
        display: block !important;
        font-size: 10px;
        animation: .35s ease-in-out 0s 1 slideLeft;
        margin-right: 8px;
        width: fit-content;
   }
   #navCatTabsUl a, 
   #bannerTwo a{
       padding: 12px 20px;
   }
    #navCatTabsUl li{
        animation: .15s ease-in-out 0s 1 slideUp;
   }
    .submenu-link>span.flex-wrap-center{
        width: 100%;
   }
    .contentSubCat{
        padding: 0;
   }
    #navCatTabsUl{
        clear: both;
    }
    #navbarLogo{
        position: relative;
        width: 100%;
        padding: 8px 0;
    }
    #navbarLogo img{
        height: 100%;
    }
   /* ---------------*/
   /* bof yamm menu */
    #navCatTabs{
        position: fixed;
        z-index: 9999;
        width: 100%;
        height: 100%;
        padding:0;
        margin-top: -1px;
        max-height: none;
        overflow: auto;
        top: 0;
        right: 0;
        backdrop-filter: blur(4px);
        background: linear-gradient(to right, rgba(255, 255, 255, 0.99) 0%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.75) 100%);
      }
      #navCatTabs > .top-menu-elements{
        animation: .35s ease-in-out 0s 1 slideLeft, 1s ease-in-out 0s 1 filterBlur forwards;
      }
      #navCatTabs > *{
        animation: .35s ease-in-out 0s 1 slideLeft;
        width: 100%;
        margin: 0;
      }
    .menu-overlay {
	display: none;
	bottom: 0;
	left: 0;
	/* IE7 & 8 */
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2;
    }
    #navCatTabs button.close{
        opacity: 1;
        font-size: 45px;
        font-weight: 100;
    }
    /* eof yamm menu */
    /* ---------------*/
    /* ---------------*/
    #navUserName{
        max-width: 57px;
    }
    /* bof float shopping cart */
    #shoppingcartpopoverListWrapper{
        max-height: calc(100vh - 300px);
        overflow-y: scroll;
        overflow-x: hidden;
    }
    /* eof float shopping cart */
}
@media(min-width:768px){
   /* Mostrar el icono de logo de la tienda del header */
    .navbar-brand{
        opacity: 1;
   }
   /* bof lateral mega menu */
    #cat-deptos>.dropdown-menu{
        max-height: 450px;
        width: 255px;
        overflow-x: hidden;
        direction: rtl;
       /*bof ISSUE SAFARI IOS APPLE SOLVED, HACER QUE SE MUESTRE EL CONTENIDO DEL "MENU_LATERAL"*/
        z-index: unset;
       /*eof ISSUE SAFARI IOS APPLE SOLVED, HACER QUE SE MUESTRE EL CONTENIDO DEL "MENU_LATERAL"*/
   }
    #cat-deptos>.dropdown-menu>li{
        direction: ltr;
   }
    .categories_li>a,
    .regular_lateral a{
        padding: 12px 10px !important;
   }
    .subcat_list{
        max-height: 150px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-bottom: 15px;
   }
    .subcat_list>li{
        margin-top: 6px;
   }
    .lateral_menu{
        position: fixed !important;
        top: 123px;
        left: unset !important;
        z-index: 1;
        margin-left: 247px;
        box-shadow: none;        
        float: left;
        height: 450px;
        animation: .25s ease-in-out 0s 1 slideRight;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
   }
   .lateral_menu:not(#navMainWrapper > .container .lateral_menu){
        width: calc(100% - 300px - 4%) !important;
   }
    #navMainWrapper > .container .lateral_menu,
    #contentNavMainWrapper > #categoriesDrawPC .lateral_menu{
        width: calc(100% - 300px - 4%);
        max-width: 750px;     
   }
   .regular_lateral{
        width: 255px !important;
        height: 237px;
   }   
    .lateral_menu .container-fluid{
        max-height: 360px;
        overflow-y: scroll;
        white-space: initial;
        animation: .35s ease-in-out 0s 1 slideDown;
   }
   .regular_lateral .container-fluid{
    max-height: 230px;
   }
    #cat-deptos>ul{
        animation: .15s ease-in-out 0s 1 slideDown;
   }
   /* eof lateral mega menu */
    .lateral_menu>li:first-child a{
        animation: .35s ease-in-out 0s 1 slideRight;
   }
    #navbarLogo{
        padding: 10px;
        margin-left: 0;
    }
    #navbarLogo img{
        max-height: 100%;
    }
    /* bof search result */
    .search_result_item{
        margin-bottom:8px;
    }
    /* eof search result */
}
/* eof media querys*/