[v-cloak] {
  display: none;
}

 @media screen and (max-width: 39.9375em) {
    #tukku {
    margin-left: -140px;
    transform: scale(0.7);

  }
     }


.row {padding-top: 15px;}

body { font-family: verdana, sans-serif !important; padding-bottom:60px !important;    Height of the footer */}

/* sidebar hack */

@media screen and (min-width: 63.9375em) {
  .md-sidenav-content {
    width: 270px !important;
    top: 0 !important;
    pointer-events: auto !important;
    transform: translate3d(0, 0, 0) !important; //This is the trick!
  }
  .back {background: url(/veproducts/couch/uploads/image/e-products-back.jpg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
         background-size: cover;
         
      }

}



/* end sidebar hack */
.searchrow {margin-bottom: -20px; margin-top: -10px;}
.priceinfo { float: right; color: #2540a7; font-size: 12px;}
.imgpage { max-height: 350px; width: auto; object-fit: contain;}
.tumb { max-height: 200px !important; width: auto; object-fit: contain; }
.ptext {font-size: 16px;}
.md-card .md-card-media .has-tip{font-weight: bold !important; border-bottom: none !important;}

/* md-card image fix */

.imgfix {
       height: 150px;
       width: 100%;
       overflow: hidden;
} 

.imgfix img {
       height: 100% !important;
       object-fit: cover;
       position:center center;
 }
.topline {border-top-width: 4px; border-top-color: #223b99; border-top-style: solid;}

@media (min-width:641px) { .frontfix { overflow: hidden; max-height: 340px; min-height: 340px; } }

.md-card a {
	color: #2e3947 !important;
}

.md-card a:hover {
	color: #646367 !important;
	text-decoration: none !important;
}

.white a {color: white !important;}
.white a:hover {
	color: #e7f1ff !important;
	text-decoration: none !important;
}


.menuitem {color: #5b5c69;}

.animated {
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            
}

@-webkit-keyframes fadein {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
@keyframes fadein {
            0% {opacity: 0;}
            100% {opacity: 1;}
         }
         
@-webkit-keyframes fadeout {
            100% {opacity: 0;}
            0% {opacity: 1;}
         }
         
@keyframes fadeout {
            100% {opacity: 0;}
            0% {opacity: 1;}
         }

         
.fadein {
            -webkit-animation-name: fadein;
            animation-name: fadein;
         }
.fadeout {
            -webkit-animation-name: fadeout;
            animation-name: fadeout;
         }

         
.fade-enter-active, .fade-leave-active {
  transition: opacity .9s ease;
}

.fade-enter, .fade-leave-to, .fade-leave-active {
  opacity: 0 ;
}

@media (min-width:641px) { .rstroke {
	border-right-style: solid;
	border-right-color: #cdccd4;
	border-right-width: thin;
}
}

@-webkit-keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fadeinout {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

.float { top: -15px; z-index: 5; font-size: 10px; position: relative;}
.paddingfix{font-weight: bold; padding-top: 1px !important;}
.cardfont{font-size: 16px !important; }
.infolink a {color: #c00089 !important;}
.infolink a:hover{color: #2540a7 !important;}

ul.breadcrumbs:not(.md-list) > li + li { margin-top: 0px; !important; }
.breadrow { margin-bottom: 50px; z-index: 300;}
.myyntirow { padding-bottom: 10px; margin-top: -15px;}
.myyntirowtwo { padding-bottom: 10px; margin-top: 20px;}
.catinfo { padding-bottom: 10px; color: #969696; }
.colorhead { color: #454650; }
.foldertop { border-bottom-color: #c6c6c6; border-bottom-width: thin; border-bottom-style: solid; background-color: #f8f8f8; }
.md-toolbar{ z-index: 80;}

.svg {
  margin: auto;
  width: 100%;
  height: auto;
}    

.topcorrect {margin-top: 15px; margin-bottom: 50px;}

#tukku { position: relative; }

.foot {
  height: auto !important;
  padding-bottom: 30px;
  position: absolute;
  width: 100%;
  bottom: 0px;
  z-index: 200;
  background-color: #3f51b5;
  margin-bottom: 0;
  clear: both;
}

.prodrow {
	margin-top: 15px;
	margin-bottom: 45px;
	min-height: 500px;
}

.newsart {
	margin-bottom: 50px;
}

.md-dialog { min-width: 51% !important; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #b70600;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #b70600;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #b70600; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #b70600;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  margin-bottom: 0; }

label.error {
  color: #b70600; }
  
.rrssb-buttons li { margin-top: 0 !important;}
.pricecalc { color: #2540a7; font-size: 12px;}
.alv{ color: #95949a;}
.calc { font-weight: bold; color: black; font-size: 12px;}
.newsbox { padding-bottom: 20px; border-radius: 2px;
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12); 
          }
.crums {color: #bbb6b6 !important;}
.crums a {color: #797a8c !important;}
.crums a:hover {color: #256cd6 !important;}