/* user.css eff2f4 ----------------------------------------------------------------- */

a {
/* **24.01.2025  */
 /* color: #979797; */
 color: #818c92;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
/* 14px fontti liian pieni */
/* font-size: 14px;  */
  font-size: 16px;
  text-decoration: none;
}

a:hover,
a:focus {
 /* color: #597bda; */
 color: #506773;
 /* text-decoration: underline; */
 text-decoration: none;
}


body {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
/*  font-size: 14px; */
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}


/* ***********************************************************   Tuote katekoria boxien ja tuotelistausboksien border ja  hover efekti *********/
.productHolder {
border: 1px solid #c3c4fe;
padding: 10px;
margin-bottom: 5px;
border-radius: 4px;

-moz-box-shadow:    inset 0 0 5px #c3c4fe;
-webkit-box-shadow: inset 0 0 5px #c3c4fe;
 box-shadow:        inset 0 0 5px #c3c4fe;
}

.productHolder:hover {
border: 2px solid #c3c4fe;
-moz-box-shadow:    inset 0 0 10px #9eb4ff;
-webkit-box-shadow: inset 0 0 10px #9eb4ff;
 box-shadow:        inset 0 0 10px #9eb4ff;

}

.productHolder h2 {
font-size: 1.3em;
}





/* ************************************************************************ 24.03.2021 tuotehinnan väri ********************* */

.tuotehinta {
 color: #19b879;
}


/* 24.03.2021 tarjoustuotteiden alennettu hinta */
.productSpecialPrice {
 font-family: Verdana, Arial, sans-serif;
 color:#e12d2d;
}

/* =================================================================== 25.03.2021 ALATUNNISTE ******************************* */

/* ************************************************************ 25.03.2021 Alatunnisteen Copyright ******************** */
.footer-extra {
  background: #dbdcee;
  color: #7e7e7e;
/* 03.11.2021 rivikorkeus muutettu 
  line-height: 3; 
  */
line-height: 2;
}

/* ***************** 25.03.2021 Alatunnisteen alaosan LINKKI VÄRI */
.footer-extra A {
color: #979797;
}

.footer-extra A:hover {
color: #597bda;
}
/* ********************************************************** 25.03.2021 Alatunnisteen yläosa ********************* */ 
.footer {
/* *** 24.01.2025 */
/* background: #e9e9ff; */
background: #eff2f4;
border-top: 0px solid #eff2f4;
}



/* ========================================================= 25.03.2021 YLÄTUNNISTE ========================================= */


/* *************** 25.03.2021 Ylätunniste navbar linkkien väri */
 .navbar-default
 .navbar-nav>li>a {
 color:#777777;
 }

.navbar-default
 .navbar-nav>li>a:hover {
 color:#333333;
 }
 
/* *************** 31.01.2022 Navigointipalkin info teksti */
   .promo_text{
  padding-right: 30px;
  padding-left: 30px;
   color:#e12d2d;
} 
 
 
 /* ************ 27.01.2022 Keskipalkin Ostoskori, Create account, Login, PWA login, Kiitos tilauksesta, Tilauksen vahvistus tausta ************/ 
 
 .panel-body_shopping_cart {
 background: #f7f7ff;
 padding: 15px;

 }
 
 .panel-body_shopping_cart:before,
 .panel-body_shopping_cart:after {
   display: table;
   content: " ";
 
}

.panel-body_shopping_cart:after {
  clear: both;
 
}

.panel-body_shopping_cart hr {
  border-top-color: #f7f7ff;
}


/* ********************* 27.01.2022 Keskipalkin ostoskorin order_total  **************************** */
 .pull-right_shopping_cart {
 /*  background: #f1f2ff;
   padding-right: 15px;
   padding-left: 15;
   text-align: right;
   border-right: 5px solid #eee;
   border-left: 5px solid #eee;
*/
  float: right !important;

 }
 /* ****************** 27.01.2022 Keskipalkin ostoskorin tausta loppuu *****************************/

/* ****************** 28.01.2022 Alert ikkunan tausta ************************************** */
.alert-warning {
color: #8a6d3b;
background: #eaeaea;
border: 1px solid #cbcbcd;
}


/* ***********************************  REUNAPALKIT SIS KATEGORIA ************************ */ 

 /* **************** 09.08.2020 Kategoria Reunabox painike VäRIT ALKAA ************************** */
 
 .nav-kategoria > li > a {
   position: relative;
   display: block;
   padding: 8px 15px;  
   
  /* ** 24.01.2025 */
   background: #a2aeb5 url("ext/bootstrap/css/images/reunabox_kategoria_Finnshoe.png")repeat-x;    
   color: #10232d;
   
   border: 1px solid #fff; 
  /*  font-size: 16px; */
 }
 
 .nav-kategoria > li > a:hover,
 .nav-kategoria > li > a:focus {
   text-decoration: none;
   /*  background-color: #9eb4ff; */
   background: #a2aeb5 url("ext/bootstrap/css/images/reunabox_kategoria_Finnshoe_hover.png")repeat-x;
   /*border-bottom: 1px solid #9eb4ff;
   border-top: 1px solid #c3c4fe;
   */
   color: #ffffff;
  /* font-size: 16px; */
  border: 1px solid #fff; 
 }
 
 .nav-kategoria {
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
   background-color: #fff; 
 }
 
 .nav-kategoria > li {
   position: relative;
   display: block;
   padding-left: 0;
   background-color: #fff;
 }
 
/* ******************* 09.08.2020 Kategoria Reunabox painike VäRIT LOPPUU ************************** */



/* ******************* 30.03.2021 Reunabox otsikkopalkki ALKAA *********************** */

.panel-default > .panel-heading {
 color: #ffffff;
 
 /* ***** 23.01.2025 Finnshoe */
/* background: #5a5dfc url("ext/bootstrap/css/images/reunabox_otsikko_S1.png");  
 border-color: #5a5dfc;
 */
 background: #6e7f88 url("ext/bootstrap/css/images/reunabox_otsikko_Finnshoe.png");  
 border-color: #6e7f88;
 
 padding: 3px 8px;
 font-size: 18px;
 font-weight: 300;
 /* padding: 3px 7px; */
/*   font-size: 18px; */

}

.panel-default > .panel-heading a{
 color: #ebebeb;
/*  font-size: 18px; */
}

.panel-default > .panel-heading a:hover{
 color: #ffffff;
 text-decoration: none; 
/* font-size: 18px; */
}

.panel-default {
  border-color: #ffffff;
}

/* *****  26.01.2022 Tämä on Checkout_shipping ja Checkout_payment uusi osoite valintaikkunan otsikko*/
.panel-primary > .panel-heading {
  color: #fff;
  
 /*  ***24.01.2025  */
/* background: #5a5dfc url("ext/bootstrap/css/images/reunabox_otsikko_S1.png");*/
 background: #a2aeb5 url("ext/bootstrap/css/images/reunabox_otsikko_Finnshoe.png");
 border-color: #a2aeb5; 
  
}

/* ******************* 25.01.2022 Reunabox taustan väri *********************** */

.panel {
  margin-bottom: 20px;
  /* 23.01.2025 */
  /*background-color: #e9e9ff; */
   background-color: #eff2f4;
  
  border: 0px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

/***** 04.03.2022Reunabox sisällön tekstin väri */
.panel-body {
/* color: #ffffff; */
}

/* *********************************************************************************************** REUNAPALKIT SIS KATEGORIA LOPPUU ************************ */ 

/* ****************** 30.03.2021 Kategoria kuvaus taustaväri  */

.well { 
 background-color: #f6f6ff;
 border: 0px solid transparent;
 color: #777;
 border-radius: 4px;
 -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
 box-shadow: inset 0 0px 0px rgba(0, 0, 0, .05);
}

 
 /* ******************** 01.02.2022 Kategoriassa ei tuotteita ilmoitus ****************** */ 
  .alert-info {
    color: #777;
    background-color: #f6f6ff;
   /* border-color: #f6f6ff; */
   
   /* *** 23.01.2025  */
   /* border: 0px solid #e9e9ff;*/
   border: 0px solid: #eff2f4;
     
}
 


/* ****************** 30.03.2021 Breadcrumb  taustaväri muutettu */
.breadcrumb { 
 
/* *** 23.01.2025  */
/* background-color: #e9e9ff;  */
 background-color: #eff2f4; 
/* background: #fff url("ext/bootstrap/css/images/reunabox_kategoria_sin_vaalea.png")repeat-x; */
 
}

/* ****************** 04.04.2021 Hintaraja värit muutettu */

.input-group-addon { 
  background-color: #f1f2ff;  
  border-color: #fff; 
}


 /* ********************** 04.01.2021 Write Reviews Stars ************************/
 
 .wider-column { padding-left:0px; padding-right:0px; }
 .rating { overflow:hidden; vertical-align:bottom; display:inline-block; right:calc(50% - 75px); height:30px; }
 .rating > input { opacity:0; }
 
 .rating > label { 
 position:relative; 
 display:block; 
 float:right; 
 background-image:url(images/star-off.png); 
 background-size:30px 30px; 
 }
 .rating > label:before { 
 display:block; opacity:0; content:''; 
 width:30px; 
 height:30px; 
 background-image:url(images/star-on.png); 
 background-size:30px 30px; 
 transition:opacity 0.3s linear; 
 }
 .rating > label:hover:before,
 .rating > label:hover ~ label:before,
 .rating:not(:hover) > :checked ~ label:before { opacity:1; }
#rating-text { position:absolute; width:100%; top:90px; left:0; margin:0 auto; }



/* ******************************************************** 04.01.2022 Reviews arvostelutähtien väri  */
.star-full-color{
  color: #ff9900 !important;
}
.star {
  color: #d2cbcb !important;
}



/* ****************************************************10.01.2022  tausta *********************** */
/*
body {
	background: url("ext/bootstrap/css/images/tausta.png");
}
*/


/*********************************************** 22.01.2022  start "specials/what's new" scroller css********/
#spCarousel.carousel-fade .carousel-inner .item,
#npCarousel.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
#spCarousel.carousel-fade .carousel-inner .active,
#npCarousel.carousel-fade .carousel-inner .active {
  opacity: 1;
}
#spCarousel.carousel-fade .carousel-inner .active.left,
#spCarousel.carousel-fade .carousel-inner .active.right,
#npCarousel.carousel-fade .carousel-inner .active.left,
#npCarousel.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#spCarousel.carousel-fade .carousel-inner .next.left,
#spCarousel.carousel-fade .carousel-inner .prev.right,
#npCarousel.carousel-fade .carousel-inner .next.left,
#npCarousel.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

#spCarousel.carousel a.btn-primary, #npCarousel.carousel a.btn-primary {
  text-decoration: none;
  outline: 0;
  opacity: 0.5;
}
#spCarousel.carousel a.btn-primary:hover, #npCarousel.carousel a.btn-primary:hover {
  opacity: 1;
}
#spCarousel .content_vAlign, #npCarousel .content_vAlign {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ******* end "specials/what's new" scroller css******* */


/*  ************************************** 31.01.2022 tulossaolevat tuotteet */

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}

/*  ********************** 06.02.2022 tilausvahvistus sivun toimitusosoite ja laskutusosoite ikkunat */
.panel-info > .panel-heading {
 color: #ffffff; 
 
/*  *** 25.01.2025 */
/* background: #5a5dfc url("ext/bootstrap/css/images/reunabox_otsikko_S1.png"); 
 border-color: #5a5dfc; 
 */
 background: #a2aeb5 url("ext/bootstrap/css/images/reunabox_otsikko_Finnshoe.png"); 
 border-color: #a2aeb5;
}

/*  ********************** 06.02.2022 tilausvahvistus sivun toimitustapa ja maksutapa ikkunat */
.panel-warning > .panel-heading {
  color: #ffffff;
  
  /*  *** 25.01.2025 */
 /* background: #5a5dfc url("ext/bootstrap/css/images/reunabox_otsikko_S1.png"); 
  border-color: #5a5dfc; 
  */
  background: #a2aeb5 url("ext/bootstrap/css/images/reunabox_otsikko_Finnshoe.png"); 
  border-color: #a2aeb5;
}


/* ****************** 04.04.2021 catmenu tausta muutettu */

.navbar  {
  /* *** 24.01.2025 */
  /* background-color: #dcdef9; */
  background-color: #eff2f4; 
  border-color: #eff2f4;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
 background-color: #f6f6ff; 
} 



/* ****************************************************** 10.01.2022 logo osion tausta *****************/ 
.cm-header-logo {
/* background-color: #fff6d6; */
/* background: #fff url("ext/bootstrap/css/images/header_kuva4.png"); */
/* background: #fff url("ext/bootstrap/css/images/tausta13.png"); */
 background-attachment: fixed;    	 
 background-repeat: no-repeat; 
 background-size: cover;
 background-position: center bottom;
/* margin-top: -15px; */
/* margin-bottom: -15px; */
/* padding-top: -55px; */
}


/*
.modular-header {
 background: #fff url("ext/bootstrap/css/images/tausta9.png");
 background-attachment: fixed;    	 
 background-repeat: no-repeat; 
 background-size: cover;
 background-position: center bottom;
 margin-top: -20px;

	
}
*/

/* *** 11.04.2022 Specials Ribbon, Out of stock ribbon, etusivun New products ribbon */
 
 .box {
    width:200px;height:300px;
    position:relative;
    border:1px solid #BBB;
    background:#eee;
    float:left;
    margin:20px
 }
 
 
 .ribbon {
    position: absolute;
    right: 10px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
 }
 .ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold; line-height: 20px;
    transform: rotate(45deg);
    width: 100px; display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -21px;
 }
 .ribbon span::before {
    content: '';
    position: absolute;
    left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
 }
 .ribbon span::after {
    content: '';
    position: absolute;
    right: 0%; top: 100%;
    z-index: -1;
    border-right: 3px solid #79A70A;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
 }
 .red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
 .red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
 .red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}
 
 .blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
 .blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
 .blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}

/*  ****** 15.04.2022 sivun vaihto painike */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
 /*  background-color: #337ab7; */
 
 /* *** 24.01.2025 */
 /* background-color: #5a5dfc;
  border-color: #5a5dfc; 
  */
  background-color: #a2aeb5;
  border-color: #a2aeb5;
}

/* ****** 15.04.2022 tulossaolevat tuotteet */
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f6f6ff;
  border: 1px solid #fff;
}


/* ***** 15.04.2022 mahdolliset toimitustavat valinnan hover väri */
.table-hover > tbody > tr:hover {

/* *** 24.01.2025 */
 /* background-color: #dcdef9; */
  background-color: #eff2f4;
}

/* **** 22.08.2022 Logo navbariin */
.navbar-brand > img {
 max-height: 100%; 
 /* max-width: 120px;
  max-height: 60px; */
 
}
.navbar-brand {
 padding: 0px 15px;
 margin-top: 0px;
}

.navbar-brand img {
  margin-top: 0px;
 }