/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* header menu css*/


/* algemeen */

.color-2 {
   color: #1860ac;
}

/* header 1 */
.informatique-logo {
   max-width: 100%;
   margin-top:3px;
}

.basket_count,
.wishlist_count,
.user_not_logged_in {
   position: relative;
   top: -3px;
   left: 0;
   font-size: 11px;
   background-color: #FF324D;
   border-radius: 50px;
   height: 16px;
   line-height: 16px;
   color: #fff;
   min-width: 16px;
   text-align: center;
   padding: 0 5px;
   display: inline-block;
   vertical-align: top;
   margin-left: -10px;
   /* margin-right: -5px; */
}

.user_logged_in {
   position: relative;
   top: -3px;
   left: 2px;
   font-size: 11px;
   background-color: #539753;
   border-radius: 50px;
   height: 16px;
   line-height: 16px;
   color: #fff;
   min-width: 16px;
   text-align: center;
   padding: 0px 0px 1px 2px;
   display: inline-block;
   vertical-align: top;
   margin-left: -14px;
   /* border: 2px solid #fff; */
   padding: -6px;
}



.search_btn3 {
   background-color: #004070;
   color: #fff;
   border: 0;
   padding: 6px 20px;
   position: absolute;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 9;
}

.search_btn3:hover {
   background-color: #333;
}

.product_search_form input {
   height: 35px;
   padding-right: 60px !important;
}

.product_search_form.radius_input {
   border-radius: 4px;
   overflow: hidden;
}

.product_search_form {
   position: relative;
   max-width: 600px;
   width: 100%;
}

/* header navbar */
.navbar-nav.attr-nav {
   -ms-flex-direction: row;
   flex-direction: row;
}

.navbar-nav.attr-nav li .nav-link {
   padding: 20px 10px;
   position: relative;
   white-space: nowrap;
   width: 40px;
}

.navbar-nav.attr-nav li .nav-link i {
   font-size: 20px;
}



.search_btn4 {
   background-color: #1860ac;
   color: #fff;
   border: 0;
   padding: 6px 20px;
   position: absolute;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 9;
   border-radius: 0 6px 6px 0 !important;
}


#cat_menu .dropdown-toggle::after {
   display: none;
}


#cat_menu .nav-link {
   color :#fff;
}

#cat_menu .nav-link:hover {
   color :#fff;
   text-decoration: underline;
}

#cat_menu .nav-link:focus {
   color :yellow;
   text-decoration: none;
}

#cat_menu li a.dropdown-toggler::after {
   border: 0 none;
   content: "\f054";
   font-family: "Font Awesome 6 Free";
   font-weight: 900;
   margin-left: 5px;
   margin-top: -8px;

   position: absolute;
   right: 15px;
   top: 12px;
}

#cat_menu hr {
   margin:0.5rem 0;
}

.dropdown-menu li {
   position: relative;
}

#cat_menu ul li .megasubmenu {
   left: 100%;
   top: 0;
   min-height: 100%;
   min-width: 600px;
   padding-left: 15px;
   background-color: yellow;
}

.dropdown-menu>li:hover .megasubmenu {
   display: block;
}


.search_btn4 {
   background-color: #1860ac;
   color: #fff;
   border: 0;
   padding: 6px 20px;
   position: absolute;
   right: 0;
   bottom: 0;
   top: 0;
   z-index: 9;
   border-radius: 0 4px 4px 0 !important;
}

@media all and (min-width: 768px) {

   .navbar {
       padding-top: 0.1rem; 
       padding-bottom: 0.1rem; 
  }

   .dropdown-menu .submenu {
      display: none;
      position: absolute;
      left: 100%;
      top: -7px;
   }

   .dropdown-menu .submenu-left {
      right: 100%;
      left: auto;
   }

   .dropdown-menu>li:hover {
      background-color: #e0ecf8;
   }

   .dropdown-menu>li:hover>.submenu {
      display: block;
   }

   .dropdown-item {
      color: #004070;
      font-weight: 400;
   }

   #cat_menu .dropdown-item:focus, .dropdown-item:hover {
      color: #004070;
      background-color: #e0ecf8;
   }

   #cat_menu ul li .dropdown-menu {
      min-width: 300px;
      width: 100%;
      box-shadow: 10px 16px 49px 0px rgba(38, 42, 46, 0.05);
      border-radius: 0;
      transition: all 0.1s ease-in-out;
/*      margin-left: -16px; */
     
   }
  
  


}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 768px) {

   .dropdown-menu .dropdown-menu {
      margin-left: 0.7rem;
      margin-right: 0.7rem;
      margin-bottom: .5rem;
      margin-top: .5rem;
   }

   .dropdown-toggler::after {
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);
   }

   #cat_menu ul li .megasubmenu {
      min-width:0px;
   } 

   .shit {
      padding-top:50px;
   }
}


/* ============ small devices .end// ============ */