/* 
color scheme 

Logo:
main
#f0732c related to Pumpkin / Koi / Neon Carrot / Tiger Orange / Fiesta Orange https://encycolorpedia.com/f0732c
#e78524 related to Carnival, Golden Sunset, Cadmiun Orange, Knickerbockers https://encycolorpedia.com/e78524
#e2ab5b related to Sunray, Indian Yellow, Golden fallen leaves https://encycolorpedia.com/e2ab5b 
#9e3d1a related to Deep Dumpling, Heat, Sunset https://encycolorpedia.com/9e3d1a
#edc74a related to Maize, Saffron, Evergold, Golden Coast, Yellow Brick Road https://encycolorpedia.com/edc74a
#ffe4cd Lumber - related to main pumpkin color https://encycolorpedia.com/ffe4cd
#ff43a4 Wild Strawberry - related to Sunray https://encycolorpedia.com/ff43a4
#4f7942 Fern Green - related to Japanese Laurel https://encycolorpedia.com/4f7942 
#63452c related to Aloewood, Irish Coffee, Cup of Joe, Walnut Brown https://encycolorpedia.com/63452c
#ae9f80 Hazelnut https://encycolorpedia.com/ae9f80
#8f6553 Smoky Hazelnut https://encycolorpedia.com/8f6553
#e3a481 Roasted Nuts https://encycolorpedia.com/e3a481

accents
#ed9cde related to Orchid #e29cd2
#ffbad9 related to Cotton Candy https://encycolorpedia.com/ffbcd9
#ce5c87 related to Rose Macumba https://encycolorpedia.com/ca608a
#c9ccc9 related to Olympic https://encycolorpedia.com/c9ccc9
#434645 relaeed to Crown Diamond https://encycolorpedia.com/424745
#3e252f related to Imperial Maroon https://encycolorpedia.com/3c262e

matches
#4682b4 Steel Blue
#007fff Azure
#00755e Tropical Rain Forest
#6f3028 Cypress Bark Red
#826b58 Sen no Rikyu's tea
#ff3988 Barbie Pink https://encycolorpedia.com/ff3988
#2f4f4f darkslategrey
#fc89ac Tickle Me Pink
#8ba8b7 Pewter Blue
#8b8589 Taupe Grey
#008080 web safe teal
#097a49 related to Dartmouth Green/Dark Spring Green, inverted Pink
#097a49 related to lavender blush
#daf7ef
#e9f6efb  related to Italian Ice

#8fbc8f Dark Sea Green
#5fa777 Forest green
#3cb371 Mediumseagreen
*/

.container {
  max-width: 1920px;
}

.container {
  width: 90%;
}


img.logo-sm {
    height: 250px;
    margin-right: 0;
    display: inline-block;
}


.user-form {
    background-size:cover;
    padding: 2%;
    color: #000;
    background-color:#89be9b;
    padding-bottom: 5rem;
  }

  .reg-form {
    background-size:cover;
    padding: 2%;
    color: #000;
    background-color: #be7f51;
    padding-bottom: 5rem;
  }


  .gls-servicepoint {

color:#161f58;

  }

  .gls-business {

    color:coral;
    
      }
    


.postnord {

    color:#00a0d6;
    
      }
    
    
    
      .button.mainfocus {
        background-color: #61c2e5 ;
      }


.supplier_info {

  background-color: #ffe4cd;
  
}


.supplier_resource {

  background-color: #e3a481;
  
}

.supplier_resource a {
  color: #fff;
  
}



td.supplier_info {

 padding: 2%;
  
}


td.order-products {


border-bottom: 1px solid #ccc;

}


.header-menu {
background-color:#5fa777;
color: #fff;
padding: 0.5%;

}


.header-menu a {
  color:#fff; 
  text-decoration: none;
}


.user-info
{
    position: relative;
    display: inline-block;
}

.user-info .box-info 
{
    visibility: hidden;
    width: 400px;
    background-color:#fdddeb;
    color:#000;
    text-align: left;
    padding: 10px;
    border: 1px solid #424542;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-left: 2%;
}

.user-info:hover .box-info  
{
   visibility: visible;
}

.user-info .box-info-shipping 
{
    visibility: hidden;
    width: 400px;
    background-color:#fdddeb;
    color:#000;
    text-align: left;
    padding: 10px;
    border: 1px solid #424542;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-left: 2%;
}

.user-info:hover .box-info-shipping  
{
   visibility: visible;
}


.td-right-align {
  text-align:right;
  font-weight:bold;
  }



.authorized, .paid, .fulfilled {

color:#097a49;
font-weight: bold;
}

.pending, .unshipped {

color:crimson;
font-weight: bold;
}


.partially_paid, .partial {

  color:#007fff;
  font-weight: bold;
  }

input[type="submit"].leaf-submit {

background-color: #89be9b;
font-size: 100%;

}

.checkbox-selector {

  font-weight: bold;
}

tr .order-products {

  background-color: #e9f6ef;
}


tr .order-products-entry-unshipped  {
  background-color: #a5dabe;


}

.integration_info {
  padding: 10px;
}

.integration a {
  text-transform: uppercase;
  font-weight: bold;
  color: #00755e;
  text-decoration: none;
}


  footer {
    background-color: #00755e ;
    padding: 5%;
    height: 100px;
  }


  /* search */


  .ivmsearch {
   background-color: #63452c;
  }
  input[type="text"].ivmsearch {

    background-color: #e3a481;
    border: #63452c;
    
    }

  /* Dropdown*/


   /* Dropdown Button */
.dropbtn {
  background-color: #04AA6D;
  font-size: 18px;
  color: #fff;

}
.dropbtn:hover {
  color: #fff;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  margin-top: 5px;
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content-vendor {
  display: block;
  background-color: #e3a481;
  width:100%;
  box-shadow: 1% rgba(0,0,0,0.2);
  z-index: 1;
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  background-color: #ffe4cd;
  width:100%;
  box-shadow: 1% rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content-vendor a {
  color: #63452c;
  font-weight: bold;
  padding: 0  1% 0 0;
  font-size: 20px;
  text-decoration: none;
/*  display: block; */
}


/* Links inside the dropdown */
.dropdown-content a {
  color: #63452c;
  font-weight: boldnormal;
  padding: 0  1% 0 0;
  font-size: 14px;
  text-decoration: none;
/*  display: block; */
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content-vendor a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content,  .dropdown-content-vendor  {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;} 



.stockout {
  color: firebrick;
  font-weight: bold;
}

.stocklow {
  color:goldenrod;
  font-weight: bold;
}

.instock {
  color:#3e8e41;
  font-weight: bold;
}


button.disabled {
display: none;

}

input[disabled] {
  background-color: lightgrey;
  color: #000;
}