/*css for BasicContent.Master*/
@charset "utf-8";

.aspNetDisabled,
.aspNetDisabled:hover {
  color: gainsboro;
  cursor: not-allowed !important;
}

.bg-white {
  background-color: white;
}
.font-thin {
  -webkit-text-stroke: 2px white;
}

/*remove round corners for textboxes*/
input:not([type=submit]),
select {
  border-radius: 0 !important;
}

/*remove border around a button or image when clicked*/
button[type=button] {
  outline: none;
}

/* navigation menu settings */
li.w-submenu {
  position: relative;
}

li.w-submenu:hover {
  background-color: #fff;
}

li.w-submenu:hover a {
  color: #000000 !important;
}

li.w-submenu:hover a:hover {
  color: #fff !important;
}

/* Submenu items */
li.w-submenu:hover ul.submenu {
  display: block;
}

ul.submenu {
  background-color: #fff;
  display: none;
  list-style: none;
  padding: 0;
  position: absolute;
  z-index: 20;
}

ul.submenu li a {
  color: #000000 !important;
  display: block;
  font-size: 1em;
  line-height: 16px;
  margin: 0;
  padding: 1em;
  text-decoration: none;
  text-align: left;                 
}

ul.submenu li a:hover {
  color:#fff !important;
}

#typelist {
  width: 320px;
}
	
#manufacturerslist {
	width: 290px;
}

#aboutuslist {
	width: 290px;
}

#toolslist {
	width: 290px;
}

/*cart item count*/
.shopping-cart-badge {
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  color: white;
  font-weight: normal;
  height: auto;
  margin: 0;
  position:absolute;
  top:1px;
  width: auto;
  right:55px;
  padding:5% 8%;
}

#login-dp {
  left: initial;
  right: 0;
  width: 300px;
}

/*auto complete styles*/
.search-content-div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.search-ul-div {
  background-color: white;
  flex: 1 1 0%;
  padding: .375rem .75rem;
  padding-left: 2rem;}

.ul-auto-complete-parts {
  list-style: none;
  padding: 0;}

.ul-auto-complete-parts li label {
  color: #666;
  float: right;
  margin: 0;}

.search-filler-div {
  display: -ms-flexbox;
  display: flex;
  letter-spacing: .1em;
  padding: 0 40px;
  visibility: hidden;}

.ul-auto-complete-parts li.selected,
.ul-auto-complete-parts li.selected a,
.ul-auto-complete-parts li a:hover,
.ul-auto-complete-parts li:hover {
  color: #f90;
  cursor: pointer;}

.turn-off {
  display: none !important;
}

/*elements with error*/
.form-control.has-error {
  border: 1px solid red !important;
}

/*warning message*/ 
.warning-tooltip {
  background-color: #fff3cd !important;
  color: #856404 !important;
}

.form-control.has-warning {
  border-color: #ffeeba;
}

.form-control.has-warning:focus {
  border-color: transparent !important;
}

/*button*/
.btn:disabled {
  cursor: not-allowed;
}

/*combo with position=sticky*/
.make-me-sticky {
  top: 0;
}

/*this class is from bootstrap to show textbox as plain text but when focus, borders are showing*/
input.form-control-plaintext:focus {
  outline: none;
}

/*mobile*/
@media (max-width: 767px) {
  .text-responsive {
    font-size: calc(100% + 1vw + 1vh);
  }

  .m-hide {
    display: none !important;
  }

  li.w-submenu:hover {
    background-color: initial;
  }

  #h-search-div .fa-search {
    font-size: 1.2rem;
    top: calc(50% - .75rem);
  }

  #h-search-div .input-group i.for-input {
    color: #7a7a7a;
    font-size: 1rem;
    position: absolute;
    top: calc(50% - 0.5rem);
    left: 10px;
    z-index: 10;
  }

  #h-search-div .input-group .form-control,
  #h-search-div .input-group-append .btn {
    height: 45px;
  }

  #h-search-div .input-group .form-control {
    border: 1px solid #f38137;
    font-size: 1rem;
    padding-left: 32px;
  }

  #h-search-div .input-group-append .btn {
    background-color: #f38137;
    border-color: #f38137;
    padding: .375rem .9rem;
  }
}