/* user.css ----------------------------------------------------------------- */

.timeline-badge.info {
background-color: #000 !important;
}

.mainosteksti {
   background-color: #0e6db7; 
   color: #fff;
   border-color: #878787;
   padding-right: -20px;
   padding-left: -20px;
   margin-right: -10px;
margin-left: -10px;
}

a {
  color: #333333;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
 /* font-weight: bold; */
    font-weight: 500;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

body {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

/* Tuote katekorioiden ja tuotteiden hover efekti */
.productHolder:hover {
border: 1px solid #999999;
box-shadow: 0px 0px 1px 1px #999999; 
-webkit-box-shadow: 0px 0px 5px #999999;
-moz-box-shadow: 0px 0px 5px #999999;
}

/* Yl�reuna */
.navbar {
    background-color: #fea335;
    border-color: #c2cdd5;
   /* background-image: url() !important; */
    color: #333333;
    font-size: 16px;
} 


.collapse .navbar-collapse {
  /*  background-image: url !important; */
    color:  #888888; 
}

.navbar-brand, .nb-brand {
  /*  background-color: #000 !important; */
  /*   background-image: url !important; */
    color: #888888; 
} 

/* ********************************************************** Navbar Tekstit */
.navbar-text, .dropdown-toggle, .fa-shopping-cart  {
    color:  #000 !important;
    
}



/* *********************************************************** Navbar linkit */
.navbar-default .navbar-nav > li > a:hover {
  color: #000;
}


.breadcrumb {
    background-color:  #e7e7e7;  
    color: #ffffff; 
}  

.alert-info  {
    background-color:  #ffffff; 
     color: #ffffff; 
    border-color: #ffffff; 
}
/* *************************************************** Reunaboxit *********** */
/* Reunaboxiin otsikkopalkin teksti */
.panel-default > .panel-heading {
    background-color: color: #ffffff; 
   /*   background-image: url() !important; */
   color: #333333; 
}

/* Reunaboxiin tausta */
.panel-body {
 /*   background-color: #ffffff;  */
 /*   color: #333333; */
}


/*  Reunaboxiin kategoria linkkien tausta */
.nav-pills, .li  .a .ol {
 /* background-color: #333333;
    color: #333333;
 */
 /* 04.06.2020 tiivist�� drop-down menun */ 
  line-height: 0.94em;
}


/* ***************************************** Painkkeet ostoskoriin, kassalle ***** */
.btn-success {
    background-color:  #999999;
    color:  #fff;
    border-color: #999999;
}

.btn-success:hover {
    background-color:  #878787;
    color:  #fff;
    border-color: #878787;
}

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #878787;
  border-color: #878787;
}

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #878787;
  border-color: #878787;
}

.btn-secondary {
/*    background-color: #fff; 
    color: #fff;
*/   
    border-color: #878787;

}

.btn-secondary:hover {

    background-color: #e0e0e0;
/*
    color: #fff;
    border-color: #fff;
*/
}

.btn-primary {
    background-color: #fff;
    color: #fff;
    border-color: #fff;
}

.btn-primary:hover {
    background-color: #fff;
    color: #fff;
    border-color: #fff;
}

.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
 /*  background-color: #000; */
}

.teksti {
   background-color: #000; 
   color: #fff;
   border-color: #878787;
}

/* 11.06.2020 Tilaukset tuotemerkeitt�in infoboksi: Protect ja Proglo, Priha ja JM reunaboksi */
.panel-body_etusivu {
background-color: #fff;
/* padding-top: -20px; */
padding-bottom: -20px;
padding-right: -20px;
padding-left: -20px;
margin-right: -10px;
margin-left: -30px;
margin-top: -18px;
/* margin-bottom: -20px; */
border-color: #fff;

}

/* *** sivupalkki 11.06.2020 */

.col-md-2 {
padding-right: 0px;
padding-left: 0px;
margin-right: -15px;
margin-left: 10px;

/* width: 21%;  */
}
.col-md-8 {
padding-right: -5px;
padding-left: -5px;
margin-right: 0px;
margin-left: 0px;

/*    width: 58%; */
  }

/*
.col-md-2 {

padding-right: 15px;
padding-left: 15px;
width: 21%; 
}

.col-md-8 {
    width: 58%;
  }

.col-md-pull-8 {
    right: 58%;
  }

.col-md-push-2 {
    left: 21%;
  }
*/
/*
.nav-pills > li {
 margin-left: -1px;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
*/

.Slideshow_linkkiteksti {
   background-color: #0e6db7; 
   color: #fff;
   border-color: #878787;
   padding-right: -20px;
   padding-left: -20px;
   margin-right: -10px;
   margin-left: -10px;
   font-family: "Verdana", Helvetica, Arial, sans-serif;
   font-size: 18px;
   line-height: 1.42857143;
 
 }  
   a.Slideshow_linkkiteksti {
      background-color: #0e6db7; 
   color: #fff;
  }

/* 14.07.2020  Alareunan checkout bar muutos */  
.btn-primary_bar {
  color: #999;
  background-color: #337ab7;
  border-color: #2e6da4;
}


/* 09.08.2020 Kategoria Reunabox */

.panel-kategoria {
  border-color: #FFF;
}
.panel-kategoria > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #FFF;
}
.panel-kategoria > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #FFF;
}
.panel-kategoria > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-kategoria > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #FFF;
}

/********** 09.08.2020 Kategoria Reunabox painikkeet V�RIT */

.nav-kategoria > li > a {
  position: relative;
  display: block;
  /* padding: 10px 15px; */
  /* Kategoria nimi l�hemm�s reunaa */
  padding: 10px 5px;
  background-color: #dbe4fc;
  border: 1px solid #fff;
 /* margin-right: -5px; */
}
.nav-kategoria > li > a:hover,
.nav-kategoria > li > a:focus {
  text-decoration: none;
  background-color: #c2d1fc;
}

.nav-kategoria {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-kategoria > li {
  position: relative;
  display: block;
}


.nav-kategoria > li.disabled > a {
  color: #777;
}
.nav-kategoria > li.disabled > a:hover,
.nav-kategoria > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav-kategoria .open > a,
.nav-kategoria .open > a:hover,
.nav-kategoria .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav-kategoria .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav-kategoria > li > a > img {
  max-width: none;
}

/****************************** 12.10.2020 ************************************** */
a.mainosteksti_etusivu {
 font-size: 20px;
 color: #fff;
 border-color: #878787;
 
}

a.mainosteksti_etusivu:hover {
 font-size: 20px;
 color: #fff;
 text-decoration: underline;
 border-color: #878787;
 
}

/* 11.10.2020 Tilaukset tuotemerkeitt�in Etusivu */
.panel-body_etusivu2 {
background-color: #fff;
/* padding-top: -20px; */
padding-bottom: -20px;
padding-right: -20px;
padding-left: -20px;
margin-right: 10px;
margin-left: -30px;
margin-top: -18px;
/* margin-bottom: -20px; */
border-color: #fff;

}


/************************************** 30.10.2025 button headercart **************************************/

 .btn-headercart {
   color: #fff;
   background-color: #dff0d8;   
   border-color: #1b168a;
}




/* ************************************************************ +02.11.2025 Alatunnisteen Copyright ******************** */
.footer-extra {
  background: #fea335;
  color: #999999;
/* 03.11.2021 rivikorkeus muutettu 
  line-height: 3; 
line-height: 2;
*/

text-align:center;
}

/* ***************** 25.03.2021 Alatunnisteen alaosan LINKKI VÄRI */
.footer-extra A {
color: #666666;
text-align:center;
}

.footer-extra A:hover {
color: #333333;
}


/* 05.11.2025 yläreunan infotekstit */

.navbar-collapse.collapse{
display:block!important;
height:auto!important;

margin-right: 0px;
margin-left: 0px;
overflow:visible!important
} 

/* 05.11.2025 cm_header_catmenu tuotevalikko  */
.dropdown-menu>li>a {
padding-top: 12px;
 padding-bottom: 12px;
 color:#666;
 text-decoration:none;
 background-color:#f5f5f5;
 
 }

.dropdown-menu>li>a:hover {
padding-top: 12px;
 padding-bottom: 12px;
 color:#333;
 text-decoration:none;
 background-color:#e7e7e7;
 }

/*
.dropdown-submenu { position:relative;}
.dropdown-menu > .dropdown > .dropdown-menu, .dropdown-submenu > .dropdown-menu{top:0;left:100%;margin-top:-6px;;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-menu > .dropdown > a:after, .dropdown-submenu > a:after{display:block;content:" ";float:right;width:110;height:110;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:51px;margin-right:-10px;}
.dropdown-submenu:hover > a:after{border-left-color:#555;}
*/