/* App Level */  
body {
  background: #F8F8F8;
}

.main {
  background: #F8F8F8;
}

.main-raised {
  margin: 0;
}

h1 {
  font-size: 35px;
  margin-bottom: 20px;
}

/* Color palette */



/* Buttons */

.btn {
  background: #000000;
  box-shadow: 0 3px 8px 0 rgba(0,0,0,0.20);
  border-radius: 4px !important;
  font-size: 15px !important;
  color: #FFF;
  text-align: center;
  padding: 10px 25px 10px 25px !important;
  /*height: 40px;*/
  /*line-height: 40px;*/
  font-weight: 600 !important;
  transition: all .2s ease-in-out;
}

.btn.focus, .btn:focus, .btn:hover {
  color: #FFF;
  transition: all .2s ease-in-out;
}

.btn-primary { background: #000000 !important; border-color: #000000}
.btn-primary:hover { background: #2f2f2f !important; }
.btn-secondary { background: #2f2f2f; }
.btn-success { background: #00AF83; }
.btn-danger { background: #E10000; }
.btn-info, .btn-action { background: #2189FF; }
.btn-info:hover { background: #2f2f2f; }
.btn-utility { background: #8E8E8E; }

.btn-info { border: none; }
.btn-selected { border: 3px solid #606060; }

/* Common */

th a {
  padding: 0 !important;
}

.align-right {
  text-align: right;
}

/* ----- Navigation ----- */

/* Top Nav */

.index-page .logo {
  display: flex;
}

.top-menu {
  display: flex;
  display: -ms-flexbox;
  
  justify-content: space-between;
  
  align-items: center;
  -ms-flex-align: center;
}

.navbar-default .container  {
  padding: 20px 0;
}

.navbar-default .container ul {
  display: flex;
  display: -ms-flexbox;

  justify-content: space-between;
  
  align-items: center;
  -ms-flex-align: center;

  max-height: 60px;
}

.navbar-default {
  background: #FFF;
}

.menu-icon li {
  width: 25px;
  height: 25px;
}

.menu-icon img {
  width: 20px;
  height: 20px;
}

.menu-icon > a {
  padding: 0 20px !important;
}

.menu-icon i {
  color: #000000;
}

.navbar-toggle {
  display: none;
}

.cart-button {
  margin: 0;
}

a#logo img {
  max-height: 60px;
   margin: 0;
}

.nav>li>a {
  color: #FFF;
  padding: 20px 15px;
}

.nav>li>a:focus, .nav>li>a:hover {
  background-color: #000000;
}

.nav .open>a, .nav .open>a:hover {
  background-color: #000000;
}

.nav-dropdown-toggle {
  position: relative;
  display: inline-block;
}

.nav-dropdown-toggle a {
  display: flex !important;
  display: -ms-flexbox !important;
  align-items: center;
}

.nav-dropdown-menu {
  display: none;
  flex-direction: column;
  -ms-flex-direction: column;
  position: absolute;
  margin-left: -70px;
  background-color: #f9f9f9;
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 10px 0;
  border-radius: 2px;
  z-index: 1;
}

.nav-dropdown-menu a {
  text-decoration: none;
  color: #000000;
  padding: 5px 20px;
}

.nav-dropdown-menu a:hover {
  background: #e7e7e7;
}

.nav-dropdown-toggle:hover .nav-dropdown-menu {
  display: flex;
  display: -ms-flexbox;
}

.cart-responsive {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #2189FF;
  border: none;
}

.cart-responsive i, .cart-responsive span {
  color: #FFF;
  font-size: 90%;
}

.cart-responsive:hover {
  background: #2f2f2f !important;
}

.cart-responsive {
  display: flex;
  flex-direction: column;
}

#current-order-total-minimum {
  font-size: 11px;
}

.cart-mobile {
  display: none !important;
}

/* Bottom Nav */

.navbar {
  border-radius: 0;
}

.navbar-primary {
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-flex-align: center;
  height: 60px;
}

.navbar-primary .container form {
  padding: 5px 0;
}

.navbar-form {
  margin: 0;
  padding: 0;
}

.navbar.navbar-primary {
  background-color: #000000;
  color: #FFF;
}

.navbar-primary .container .nav>li>a:focus, .navbar-primary .container  .nav>li>a:hover {
  background-color: #2f2f2f;
}

.navbar-primary .container .nav .open>a, .navbar-primary .container  .nav .open>a:hover {
  background-color: #2f2f2f;
}

.navbar-form .form-control {
  background: #2f2f2f !important;
  width: 300px;
  border: none;
  color: #FFF !important;
}

.btn-search {
  background: #000000;
  border: none;
}

/* ----- Sidebar ----- */

/* Categories Menu */

#categories-menu {
  background: #2f2f2f;
  box-shadow: 0 3px 8px 0 rgba(0,0,0,0.40);
  border-radius: 4px;
}

#categories-menu li, #categories-menu .dropdown-menu li {
  border: none;
}

#categories-menu.navbar-nav > li > a {
  color: #FFF;
}

#categories-menu > li:first-child {
  margin-top: 10px;
}

#categories-menu > li:last-child {
  margin-bottom: 10px;
}

#categories-menu .nav>li>a:focus, #categories-menu .nav>li>a:hover {
  background: #000000 
}

#categories-menu .nav .open>a, #categories-menu .open>a:hover { 
  background: #000000 !important;
  border: none;
}

#categories-menu .dropdown-menu {
  background: #000000;
}

#categories-menu .dropdown-menu>li>a {
  color: #FFF;
}

#categories-menu .dropdown-menu>li>a:hover {
  background: #2f2f2f;
  color: #FFF;
}

/* Catalog Button */

.btn-catalog {
  background: #2f2f2f;
  margin-top: 20px;
}

.btn-catalog:hover { background: #2f2f2f !important; }

/* ----- Carousel ----- */

.card-carousel, .card-carousel img, .card-carousel .carousel, .card-carousel .slide, .card-carousel .carousel-inner, .card-carousel .item {
  border-radius: 10px;
}

.carousel-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*opacity: .3;*/
}

.carousel-control.right, .carousel-control.left  {
  background-image: none;
  height: 55px;
  width: 55px;
  margin: 10px;
  top: 40%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
}



/* ----- Products ----- */


/* Product Card */

.products-grid>div {
  padding: 0 10px;
}

.card-plain {
  background: #FFF;
  box-shadow: none;
}

.card .card-image img {
  border-radius: 6px 6px 0 0;
}

.card {
  margin-bottom: 0;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
  border-radius: 6px;
}

.go-to-current-order:hover { background: #2f2f2f !important; }

.card-plain .card-content {
  padding: 15px 20px;
  border-top: 1px solid #D8D8D8
}

.card-product {
  margin-top: 10px;
}

.card-product:hover {
  box-shadow: 0 3px 8px 0 rgba(0,0,0,0.20);
  transition: all .2s ease-in-out;
}

.card-product .card-title, .card-product .footer {
  text-align: left;
}

.card-title {
  font-size: 15px;
}

.card-product .price {
  font-weight: 500;
  font-size: 110%;
}

h4 {
  margin-top: 0px;
  margin-bottom: 5px;
}

h4 a {
  color: #333333;
  text-decoration: none;
}

.price {
  color: #8E8E8E;
}

h3 {
  font-size: 22px;
  font-weight: 500;
  margin: 40px 0 10px;
}


/* Category Card */

/* .card-category {
  background: #fff;
}*/

.card-category h4 {
  color: #FFF;
}

.card-image a:hover{
  box-shadow: none !important;
}

.card-category .card-content {
  border-top: none;
  background: #000000;
  border-radius: 0 0 6px 6px;
}

.btn-utility {
  font-size: 12px !important;
}


select {
  height: 40px;
  border-radius: 4px !important;
}





/* Product Table */

table {
  border-collapse:separate; 
  border-spacing: 0 .5em;
}

tr { box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10); }


thead>tr { 
  box-shadow: none;
  border: none;
}

.table>thead>tr>th {
  font-weight: 500;
  font-size: 16px;
  border-bottom: none;
}

.table>tbody>tr>td {
  border-top: none;
  background: #FFF;
  font-weight: 500;
}

.thumb-cart {
  border-radius: 6px 0 0 6px;
  border-right: 1px solid #D8D8D8;
}

td.thumb-cart img {
  padding: 10px;
}

td .form-control, td .form-group .form-control {
  border: solid 1px #000000;
  border-radius: 4px;
  text-align: center;
  color: #000000;
  background: #FFF;
  font-weight: 600;
  width: 62px !important;
  padding: 0 5px;
}

td .form-group {
  margin: 0;
}

.form-group.is-focused .form-control {
  background-image: none !important;
}

td a {
  color: #000000;
}

.p-name {
  padding: 10px 20px !important;
}

.quantity-add .btn.sales-add-product {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 62px;
  background: #000000;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
  opacity: 1 !important;
}

.btn.sales-add-product:hover { background: #2f2f2f !important; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  vertical-align: middle;
}

td.thumb-cart img {
  padding: 0px;
}

td.thumb-cart {
  text-align: center; 
}

.product-price, .discount {
  text-align: right;
}

.text-center {
  text-align: center;
}

.label-as-badge {
  display: flex;
/*  justify-content: center;*/
  align-items: center;
  color: #FFF;
  background: #6BC78F;
  border-radius: 50%;
  font-size: 10px;
  /*margin-top: 10px;*/
  width: 20px;
  height: 20px
}

.price, .minimum-quantity, .available-quantity {
  text-align: right;
}

.user-action .form-group {
  width: 100px;
}

/* News */

.news-card {
  background: #FFF;
  padding: 10px 30px 30px 30px;
  margin-bottom: 10px;
}

/* Footer */

footer {
  background: #2B303C;
  padding: 30px 0px;
  color: #fff;
}

footer h3 {
  margin: 0 0 15px 0;
}

footer a {
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

footer a:hover {
  text-decoration: none;
  color: #c5d9ff;
}

footer ul {
  list-style: none;
  padding: 0;
}

footer li {
  padding: 3px 0;
}

footer p {
  margin: 5px 0;
}

footer i {
  margin-right: 10px;
}

h5 {
  font-weight: 500;
  font-size: 15px;
  color: #BFC1C4;
}

.copy {
  color: #FFF;
  background: #191C27;
  padding: 15px 0;
}

.copy a {
  color: #FFF;
  text-decoration: none;
  font-weight: 600;
}


/* Breadcrum */

.breadcrumb {
  background: #EAEAEA !important;
}

.breadcrumb a {
  color: #000000;
}

.breadcrumb .active {
  color: #8E8E8E;
}

/* Forms */
.control-group {
  margin-top: 20px;
}

/* Input */

td input, .form-control, .coupon_code {
  border: none;
  background: #FFFFFF;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.08);
  height: 40px;
}

td input[type=checkbox]  {
  box-shadow: none;
}

.label-control {
  color: #6D6D6D;
  padding-top: 10px;
}



#coupon-text label {
  display: flex;
  align-items: center;
}
.coupon_code {
  height: 40px;
}
.simple_form label {
  font-weight: 400;
}

.form-control {
  background: #FFF !important;
}

/* Customer Details */

.nav-tabs {
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.nav-tabs>li {
  margin: 0;
  border: none;
}

.nav-tabs>li>a {
  border: none;
  padding: 12px;
  margin: 0;
  background-color: #999
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background: #2f2f2f !important;
  color: #FFF;
  border: none;
/*  border-radius: 4px;*/
}

/* Order history */

.order-history-actions {
  display: flex;
  align-items: flex-end;
  height: 70px;
}

.order-history-actions button {
  margin-right: 5px;
}

.order-history a.btn, .order-history button {
  height: 40px !important;
  padding: 6px 25px !important;
}


/* Quick Order */


#quick-order-table input {
  padding: 0 10px;
}

#quick-order-table tr { 
  box-shadow: none;
}

#quick-order-table td {
  background: none;
  /*background: transparent;*/
}

#quick-order-table a {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Login */

.authentication-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  /*width: 100vw;*/
  /*height: 100vh;*/
  padding-top: 80px;
}

.card-authentication {
  display: flex;
  flex-direction: column;
  width: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 20px auto;
  padding: 20px 80px;
  background: #FFF;
  box-shadow: 0 3px 4px 0 rgba(0,0,0,0.15);
  border-radius: 8px;
}

.card-authentication a {
  font-weight: 500;
}

.card-authentication #logo {
  display: flex;
  justify-content: center;
}

.card-authentication .form-group input, .card-authentication .form-group select {
  background: #F8F8F8 !important;
  box-shadow: 0 2px 3px 0 rgba(0,0,0,0.11);
  height: 35px;
}

.checkbox-authentication {
  display: flex;
  align-items: center;
}

.checkbox-authentication span {
  padding-top: 3px;
}

.card-authentication h4 {
  font-weight: 300;
  font-size: 16px;
  padding: 20px 0 0px 0;
  /*border-bottom: 1px solid #E5E5E5;*/
}

.card-authentication label {
  font-weight: 400;
  padding-top: 15px;
}

.checkbox-authentication {
  padding: 20px 0;
}

.authentication-submit, .send_magic_link {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #E5E5E5;
}

.authentication-submit input, .authentication-submit select {
  padding: 0 30px;
  margin-right: 10px;
}

.switch-authentication input {
  /*padding: 0px 20px;*/
}

.authentication-alt-links {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}

.authentication-alt-links a {
  font-weight: 500;
}

.authentication-alt-links i {
  font-size: 5px;
  margin: 0 15px;
  color: #c1c1c1;
}


.card-registration {
  width: 710px;
}

.registration-container {
  display: flex;
  flex-direction: column;
}

.registration-item {
  display: flex;
}

.registration-item > div {
  width: 50%;
}

.registration-item > div:first-child {
  margin-right: 20px;
}

@media (max-width: 500px) {
  .card-authentication form>input {
    width: 100%;
  }
  .card-authentication {
    width:100%;
    padding: 20px 40px;
  }
}

@media (max-width: 479px) {
  .card-authentication form>input {
    width: 100%;
  }
  .card-authentication {
    width:100%;
    padding: 20px 40px;
    margin: 0 auto 20px;
    border-radius: 0;
  }
  .authentication-container .authentication-alt-links {
    flex-flow: row wrap;
    text-align: center;
    margin-bottom: 0;
  }

  .administrator-login-link, .sales-rep-login-link, .supplier-login-link {
    flex: 1 100%;
    margin-bottom: 1em;
  }
  .sales-rep-login-link i, .supplier-login-link i {
    display: none;
  }
  .nav-not-logged-in {
    width: 100%
  }

}

@media (max-width: 568px) {
  .navbar-default .container ul  {
    flex-wrap: wrap;
    width: 100%;
  }

  .navbar-default a {
    margin: 5px;
  }

  .profile_customers_password .navbar-default, .profile_customers_password_new .navbar-default, .profile_customers_sign_in .navbar-default {
    display: none;
  }

  .card-authentication {
    margin: 0 auto 20px;
    border-radius: 0;
  }


}



/* Current Order */

.totals-container {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.totals-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  margin-right: 15px;
  margin-top: 15px;
  border-radius: 4px;
  background-color: #eaeaea;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}

.totals-item span {
  padding: 3px 0;
}

.totals-item span:first-child {
  font-weight: 600;
}

.totals-item:last-child {
  border: 1px solid #000;
}

.coupon-input {
  display: flex;
  justify-content: flex-end;
}

td > a, td > span  {
  font-size: 12px;
}
/* Prodcuts Item */

.card .view-fancybox img{
  border-radius: 4px;
}

.media-gallery .col-md-6 {
  margin-top: 20px;
}

.media-gallery .col-md-6 img {
  width: 100%;
  border-radius: 4px;
}

.panel-title {
  color: #000;
  margin: 10px 0;
  font-size: 14px;
}

.product-price-group {
  border-top: 2px solid #D8D8D8;
  border-bottom: 2px solid #D8D8D8;
  margin: 15px 0;
  padding: 10px 0;
}

.product-price-group .price {
  margin-top: 0px;
}

.product-price-group p:last-of-type {
  margin-bottom: 0px;
}

.product-item-selections {
  display: flex;
  align-items: center;
  padding-left: 0;
  margin: 5px 0;
}

.product-item-selections span {
  font-weight: 600;
  margin-right: 10px;
}

.change-order-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #D8D8D8;
  padding: 10px 0;
  margin-top: 20px;
}

.option-value {
  display: flex;
  flex-direction: column;
}

.option-value > div {
  width: 100%;
}

.option-value select {
  width: 240px;
  /*width: 100%;*/
}








@media only screen and (max-width: 991px) {
  #toggle-pages-menu {
    display: flex !important;
    width: 720px;
    padding-left: 0;
    padding: 10px 0;
  }

  .show-categories {
    background: #2f2f2f !important;
  }

  .show-categories:hover {
    background: #000000 !important;
  }

  #toggle-pages-menu  a {
    width: 157px;
    margin-right: 10px;
  }

  .btn-catalog {
    display: none;
  }

  /*.navbar-default .container {
    display: flex;
    justify-content: space-between;
  }*/

  .mobile-top-menu {
    display: flex;
    align-items: center;
  }

  .mobile-top-menu div, .mobile-top-menu a {
    margin-left: 10px
  }

  #notification-button a {
    display: flex !important;
/*    justify-content: center;
    align-items: center;*/
  }

  #notification-button a span {
    margin-left: 5px;
  }

  .navbar-form .form-control {
    width: auto;
  }

}

@media only screen and (max-width: 720px) {
  #toggle-pages-menu {
    width: 100%;
  }
}

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


  .navbar-primary {
    height: auto;
  }

  .navbar-primary .container {
    margin-left: 0;
    width: 100%;
  }

  .navbar-primary .container a {
    padding: 10px 20px;
  }

  .search-mobile {
    display: flex;
  }

  .navbar-form .form-control {
    width: 300px;
  }

}

@media only screen and (max-width: 991px) {
  .sidebar {
    display: none;
  }

  .navbar {
    padding: 0 10px !important; 
  }

  #toggle-pages-menu {
    padding: 20px 10px !important; 
  }

  .navbar-right {
    float: left !important; 
    margin-right: 0px;
  }
}

@media only screen and (max-width: 570px) {
  .cart-desktop {
    display: none !important;
  }

  .cart-mobile {
    display: flex !important;
    padding: 5px 8px !important;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 500px) {
  .logo {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  } 

  .nav-dropdown-menu {
    min-width: 150px;
  }
  
  .nav-dropdown-menu a {
    font-size: 15px;
    padding: 10px 20px;
  }

  .carousel-control.right, .carousel-control.left  {
    top: 30%;
  }
}

.order-view-section header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}

.order-view-section h1 {
  margin: 0;
}

.order-view-section header input {
  height: 40px;
}

.order-view-section h2 {
  font-size: 20px;
  border-bottom: 2px solid #dddddd;
  padding-bottom: 10px;
  margin: 40px 0 10px 0;
}

.order-view-container {
  display: flex;
  flex-flow: row wrap;
}

.order-view-block  {
  display: flex;
  flex-direction: column;
  margin: 15px 15px 0 0;
}

.order-view-block label {
  font-size: 14px;
  color: #6D6D6D;
  margin-bottom: 10px;
}

.order-view-item {
  font-size: 14px;
  font-weight: 700;
  padding: 11px 12px;
  border-radius: 4px;
  color: #555;
  background: #fff;
}

div.order-view-item {
  min-height: 42px;  
}

.order-view-item-status {
  font-weight: 700;
  padding: 8px 10px;
  border-radius: 4px;
  margin-right: 10px
}

.info-block-actions div {
  display: flex;
  align-items: center;
}

.details-block {
  width: 250px;
}

.status-block {
  width: 45%;
}

.info-block {
  width: 120px;
}

.info-block-wide {
  width: 285px;
}

/* Messages */

.order-view-message-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  margin: 10px 0;
}

.order-view-message {
  padding: 15px 20px;
  background: #EAEAEA;
  border-radius: 4px;
}

.order-view-sent-by {
  font-size: 12px;
  padding-top: 10px;
}

.order-view-form {
  display: flex;
  flex-direction: column;
  width: 500px;
  margin: 20px 0 10px 0;
}

.order-view-form textarea {
  height: 100px;
  margin-top: 10px;
}

@media only screen and (max-width: 850px) {
  .order-view-section {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 650px) {
  .status-block {
    width: 280px;
  }

  .order-view-form {
    width: 100%;
  }
}

@media only screen and (max-width: 585px) {
  .order-view-container {
    flex-flow: column;
  }

  .order-view-block, .order-view-message-block {
    width: 100%;
  }
}


@media only screen and (max-width: 390px) {
  .order-view-section header {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .order-view-section header input {
    margin-top: 10px;
  }
}

.menu-notifications div a {
  width: 350px;
}

.nav-not-logged-in > li > a {
  color: #000000 !important;
}

.nav-not-logged-in li .btn {
  color: #fff !important;
}

.modal-header {
  border-bottom: none;
}
   
.modal-footer {
  border-top: none;
}

span.visible-xs.minimum-quantity {
  text-align: left;
}

.color-box {
  margin: 5px;  
}

.option-image img {
  margin: 5px;
}

.card-product .card-title, .card-product .footer .quantity-chooser {
  text-align: center;
}

.card-product .card-title, .card-product .footer .quantity-chooser .btn-sm {
  padding: 5px 10px !important;
}

.card-product .card-title, .card-product .footer .product-box-code {
  text-align:center;
}

.card .card-image {
  height: 60%;
  position: relative;
}

.card .card-image .card-title {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 1.3em;
}


.btn-category:hover, .btn-catalog:hover { background: #000000 !important; }

.categories-grid {
  margin-top: 10px;
}

.categories-grid div.col-xs-6, .categories-grid div.col-md-3, .categories-grid div.col-sm-4  {
  display:table;
  margin: 5px 0;
}

.categories-grid div a.btn {
  display: table-cell;
  background: #2f2f2f;
}

.card-product .card-title {
  text-align: left;
}

.card-product .card-title {
  padding: 0 !important;
}

#current-order-total-minimum {
  color: white;
}

.edit_order .actions {
  padding-top: 20px;
}

.products-grid > div {
    padding: 0 0 0 15px;
}

.row.products-grid {
    margin-bottom: 15px;
}

.btn-sm {
  padding: 5px 10px !important;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.quantity-chooser {
  white-space: nowrap;
}

select.btn-utility {
  border: 0 !important;
  /* needed */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* SVG background image */
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23FFFFFF'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
  background-size: 12px;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-color: #8E8E8E;
  text-align: left;
  padding-left: 10px !important;
}

.tooltip-inner {
  min-width: 150px; /* the minimum width */
}