/* @override http://velox.test/assets/css/velox.css */





.user_takeda{
	background: #ffffff!important;
}
.yritys_65{
    background: #ee2d24!important;
}
.cart_65{
	background:#ee2d24!important;
}

.yritys_102{
    background: #009B7C!important;
}
.yritys_67{
    background: #1b1d36!important;
}
.yritys_62{
    background: #d9262d!important;
}
.footer_62{
	display: none;
}
.yritys_76{
    background: #002f6b!important;
}
.yritys_75{
    background: #d9262d!important;
}
.yritys_25{
	background: #545151!important;	
}
.yritys_83{
	background: #545151!important;	
}
.yritys_95{
	background: #d52b1e!important;	
}
.yritys_1004{
	background: #545151!important;	
}
.yritys_1005{
	background: #545151!important;	
}
.yritys_1008{
	background: #545151!important;	
}
.yritys_103{
        background: #545151!important;
}
.yritys_104{
        background: #545151!important;
}
.yritys_105{
        background: #545151!important;
}
.yritys_105{
        background: #545151!important;
}
.yritys_106{
        background: #545151!important;
}
.yritys_107{
        background: #545151!important;
}
.yritys_108{
        background: #545151!important;
}
.yritys_109{
        background: #545151!important;
}
.yritys_110{
        background: #545151!important;
}
.yritys_111{
        background: #545151!important;
}
.yritys_112{
        background: #545151!important;
}
.yritys_113{
        background: #545151!important;
}
.yritys_114{
        background: #545151!important;
}
.yritys_115{
        background: #545151!important;
}
.yritys_116{
        background: #545151!important;
}
.yritys_117{
        background: #545151!important;
}
.yritys_118{
        background: #545151!important;
}
.yritys_119{
        background: #545151!important;
}
.yritys_120{
        background: #545151!important;
}
.yritys_121{
        background: #545151!important;
}
.yritys_122{
        background: #545151!important;
}
.yritys_123{
        background: #545151!important;
}
.yritys_124{
        background: #545151!important;
}
.yritys_126{
        background: #545151!important;
}
.yritys_127{
        background: #545151!important;
}
.yritys_128{
        background: #545151!important;
}
.yritys_129{
        background: #545151!important;
}
.yritys_130{
        background: #545151!important;
}
.yritys_131{
        background: #545151!important;
}
.yritys_132{
        background: #545151!important;
}
.yritys_133{
        background: #545151!important;
}
.yritys_134{
        background: #545151!important;
}
.yritys_135{
        background: #545151!important;
}
.yritys_136{
        background: #545151!important;
}
.yritys_137{
        background: #545151!important;
}
.yritys_138{
        background: #545151!important;
}
.yritys_139{
        background: #545151!important;
}
.yritys_140{
        background: #545151!important;
}
.yritys_141{
        background: #545151!important;
}
.yritys_142{
        background: #545151!important;
}
.yritys_143{
        background: #545151!important;
}
.yritys_144{
        background: #545151!important;
}
.yritys_145{
        background: #545151!important;
}
.yritys_146{
        background: #545151!important;
}
.yritys_147{
        background: #545151!important;
}
.yritys_148{
        background: #545151!important;
}
.yritys_149{
        background: #545151!important;
}
.yritys_150{
        background: #545151!important;
}
.yritys_151{
        background: #545151!important;
}
.yritys_152{
        background: #545151!important;
}
.yritys_153{
	background: #545151!important;	
}
.yritys_154{
        background: #545151!important;
}
.yritys_155{
	background: #545151!important;	
}
.yritys_156{
	background: #545151!important;	
}
.yritys_157{
	background: #545151!important;	
}
.yritys_158{
	background: #545151!important;	
}
.yritys_159{
	background: #545151!important;	
}
.yritys_160{
	background: #545151!important;	
}
.yritys_161{
	background: #545151!important;	
}
.yritys_162{
	background: #545151!important;	
}
.yritys_163{
	background: #545151!important;	
}
.yritys_164{
	background: #545151!important;	
}
.yritys_165{
	background: #545151!important;	
}
.yritys_166{
	background: #545151!important;	
}
.yritys_167{
	background: #545151!important;	
}
.yritys_168{
	background: #545151!important;	
}
.yritys_169{
	background: #545151!important;	
}
.yritys_170{
	background: #545151!important;	
}
.yritys_171{
	background: #545151!important;	
}
.yritys_172{
	background: #545151!important;	
}
.yritys_173{
	background: #545151!important;	
}
.yritys_174{
	background: #55cff9!important;	
}
.yritys_177{
	background: #545151!important;	
}
.yritys_1013{
	background: #545151!important;	
}
.yritys_53{
	background: #B51E84!important;	
}
.yritys_82{
	background: #1a73b5!important;
	
}

.cart_82{
	background: #1a73b5!important;
}
#header #logo .img_82 {
    width: 200px;
    height: 89px;

}


.yritys_84  {
	background: #0053a2!important;
	
}

#header #logo .img_84 {
    background-color: #ffffff;

}

.yritys_85  {
	background: #0092bc!important;
	
}

#header #logo .img_85 {
    background-color: #0092bc;

}





.yritys_83 img {
	width: auto!important;
}


.yritys_94{
    background: #2BEBF7!important;
}


/* Global elements */



ul.basic  {
	padding:0;
	margin:0;
}

ul.basic li {
	list-style:none;
}


body {
	font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    width: 100%;
    color: #0b0b0b;
}
div {
	margin: 0;
	padding: 0;
}
.product-heading,
h1{
   font: 18px/24px Montserrat-Light, Arial, Helvetica, sans-serif;
   margin: 0 0 20px 0;
   color: #0b0b0b;
   width: 100%;
   clear: both;
   
	
}
h2{
   font: 18px/28px Montserrat-Light, Arial, Helvetica, sans-serif;
   margin: 0 0 10px 0;
   color: #0b0b0b;
   width: 100%;
   clear: both;
   
	
}

h3{
   font: 16px/22px Montserrat-Light, Arial, Helvetica, sans-serif;
   margin: 0 0 10px 0;
   color: #0b0b0b;
   width: 100%;
   clear: both;
   
	
}

h5 {
	font: normal 16px/16px Montserrat-Light, Arial, Helvetica, sans-serif!important;
}

span {
	font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
}

p {
	font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 19px;
}
a {
    color: #f66e0e;
    text-decoration: none;
    font-weight: bold;
}

form {
	display: block;
	float: left;
	width: 100%;
}
input {
	vertical-align: top;
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 15px;
}
label {
	color: #0b0b0b;
	pointer: pointer;
}
label:hover {
	color: #f66e0e;
	pointer: pointer;

}
input[type=checkbox] {
	cursor: pointer;
}


input[type=password],
input[type=tel],
input[type=text],
input[type=number],
input[type=email],
select,
input[type=date],
input[type=time],
textarea {
    padding: 8px 4px 8px 5px;
    

    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 1px solid #c5d5d9;
    border-radius: 5px;
}
input[type=date] {
	padding: 4px 4px 4px 5px;
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 1px solid #c5d5d9;
	
}
input[type=password]:focus,
input[type=number]:focus,
input[type=text]:focus,
textarea:focus { 
	outline: none;
	border: 1px solid #9fb9c0;
}
input[type=button],
input[type=submit] {
    padding: 10px 20px !important;
    font-weight: normal;
    background-color: #9fb9c0;
    border: none !important;
    font-size: 15px !important;
    color: white;
    cursor: pointer;
    display: block;
    float: left;
    border-radius: 4px;
	margin-bottom: 2px; /* Roman */
}
input[type=button]:focus,
input[type=submit]:focus {
	background: #697e84;
	outline: none;
}
input[type=submit]:disabled {
	opacity: 0.5;
	border-color: light-dark(rgba(118, 118, 118, 0.3), rgba(195, 195, 195, 0.3));
	outline: none;
}

sup {
	line-height: 0;
}


label.tilaus-label span {
	color: rgba(255,255,255,0.0);
}
label.tilaus-required span {
	color: #f66e0e !important;
}

label.tilaus-missing {
	color: #f66e0e;
}

#etsi1,
#etsi2 {
	display: block;
	float: left;
}
/* Global styles */

.add-bottom { margin-bottom: 20px; }
.add-top    { margin-top:    20px; }

.left  { float: left; }
.right { float: right; }
.clear { clear: both; }


.button {
    width: auto;
    padding: 10px 20px;
    margin-right: 5px;

    text-decoration: none;
    font-size: 16px;
	align-content: center;
    line-height: 16px;

    background-color: #f27717;
    color: white !important;
    border-radius: 5px;
    cursor: pointer;
    
}
a.button {
	display: block;
	float: left;
	margin-bottom: 2px; /* Roman */
	/*height: 16px; ROMAN*/
}
.button.grey {
	background-color: #9fb9c0;
}
.button.orange {
	background-color: #f27717;
}

/* Specific elements */

#main {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}



#footer_text {
	padding: 0 20px 0 20px; 

}
/* @group Menu */

#menu {
    height: 40px;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;

    background-color: white;
    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eee));
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    background: -o-linear-gradient(top, #fff 0%, #eee 100%);
    background: -ms-linear-gradient(top, #fff 0%, #eee 100%);
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
}

    #menu ul {
        margin: 0;
        padding: 0;
        padding-left: 10px;

        text-transform: uppercase;
        line-height: 40px;

        list-style: none;
    }

        #menu ul li {
            float: left;
            padding-right: 40px;
        }

            #menu ul li a {
                text-decoration: none;
                color: #666;
            }

            #menu ul li a:hover { color: #f1863b; }

/* @end */

/* @group Tuotteet menu */

#menutuote {
    height: 15px;

    border-top: 1px solid orange;
    border-bottom: 1px solid orange;

    background-color: white;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='orange',GradientType=0 );
}

    #menutuote ul {
        margin: 0;
        padding: 0;
        padding-left: 10px;

        text-transform: uppercase;
        line-height: 15px;

        list-style: none;
    }

        #menutuote ul li {
            float: left;
            padding-right: 40px;
        }

            #menutuote ul li a {
                text-decoration: none;
                color: #666;
            }

            #menutuote ul li a:hover { color: #f1863b; }

/* @end */



.error {
	color: #f00;
	font-weight: bold;
}

.header-alert {
	position: fixed;
	min-width: 300px;
	width: 33%;
	z-index: 9999;
	margin-top: 4rem;
	left: 50%;
	transform: translate(-50%, 0);
}

.header-alert .alert {	
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-alert .alert span {	
	flex-grow: 1;
	margin-right: 0.5rem;
	font-size: large;
}

#content {
	color: #0b0b0b;
	display: block;
	float: left;
	margin-top: 4.5rem;
	width: 100%;
	overflow: scroll;
}

#notify {
	display: block;
	float: left;
	height: 30px;
	width: 100%;
	position: absolute;
	top: 70px;
	overflow: hidden;
	background: #f36e25;
	border-top: 1px solid #fff;
}
.viesti-boksi {
	display: block;
	float: left;
	width: 100%;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin-bottom: 10px;
}
.viesti-boksi-inner {
	padding: 10px;
}
#viestit-laheta {
	display: block;
	float: left;
	width: 100%;
	margin-top: 70px;
	margin-bottom: 100px;
}
#viestit-laheta input {
	width: 100%;
	max-width: 400px;
}
#viestit-laheta textarea {
	
	width: 100%;
	max-width: 400px;
}


#notify a#notify-text {
	display: block;
	float: left;
	min-width: 90%;

	margin: 0;
	padding: 8px 20px 5px 20px;
	font-size: 14px;
    line-height: 15px;
    color: #fff;
}
#notify a.close {
	position: absolute;
	right: 4px;
	top: 3px;
	display: block;
	float: left;
	height: 20px;
	width: 15px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.3);
	color: #fff;
	margin: 0;

	padding: 1px 0 0 6px;
	line-height: 15px;
	font-size: 15px;
}



#content-inner {
	display: flex;
	float: none;
	flex-wrap: wrap;
	/* ROMAN
	display: block;
	float: left;
	width: 100%;
	margin: 0; */
}
#left-content {
	display: block;
	float: left;
	width: 23%;
	position:relative;
	padding-right: 25px;
}
#left-content #search {
	padding-top: 26px;
}
#mobile-content {
	display: none;
}
#main-content {
	display: block;
	float: left;
	width: 75%;
	padding: 50px 2% 0 0; /* ROMAN 30px */
}
.collaps-nav {
    text-align: center;
    position: absolute;
    right: 0px;
    
}
.collaps-nav img {
	max-width: 25px;
	margin-top:100px;
	border-radius: 25px;
	padding: 5px;
}
.collaps-nav .arrow-black {
	display: none;
}
.collaps-nav.close-icon .arrow-black {
	display: block;
	margin-top: 100px;
}
.collaps-nav.close-icon .arrow-green {
	display: none;
	
}
#left-content.no-sidebar #left-content-inner {
	display: none;
}
#main-content.no-sidebar {
	width: calc(100% - 100px)!important;
	padding-left: 0px;
	box-sizing: border-box;
}
#left-content.no-sidebar {
    width: 100px !important;
}
#left-content #search {
	padding-top: 26px !important;
}
.right-arrow {
	display: none;
}
#left-content.no-sidebar .right-arrow {
	display: block;
}
#left-content.no-sidebar .left-arrow {
	display: none;
}
#left-content-inner {
	padding-left: 10px;
}
#main-content-inner {
	display: block;
	float: left;
	width: 100%;
}

.section,
.section-row {
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* @group Tilaus page */

#tilaus-form .section {
	margin-bottom: 30px;
}

/* @end */


/* @group Product page */

#product {
    float: left;
    clear: both;
    width: 100%;
}

    #product .header {
        padding-bottom: 10px;
    }

    #product table {
        float: none;
    }

    #product h1 {
        margin-top: 0px;
        padding-top: 0px;
    }

    #product .product-image {
        width: 30%;
    }
    
	#product .product-image .product-image-inner {
		width: 90%;
		display: block;
		float: left;
}
    #product .product-image .product-image-inner img{
       max-height: 400px;
       max-width: 100%;
    }
#big-picture-wrap .image .center img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	
}
    
    
    #big-picture-wrap {
	display: block;
	float: left;
	width: 90%;
}
#big-picture-wrap img {
	width: 100%;
}
    #product .product-info {
        width: 70%;
    }

#remove-selected-picture-wrap {
	display: block;
	/*float: left;*/
	padding: 0;
	margin: 10px 0 10px 0;
}
#remove-selected-picture-wrap span.button {
	display: block;
	float: left;
}
#product-small-pictures {
	display: block;
	float: left;
	width: 90%;
	margin: 10px 0 10px 0;
	
}

#product-small-pictures ul {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	min-width: 300px;
	
}
   #product-small-pictures li {
	list-style: none;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	cursor: pointer;
} 
#product-small-pictures li img{
	
	max-height: 60px;
	max-width: 60px;
	
} 
#product-small-pictures li.selected {
	outline: 1px solid #f27717;
}


#product-small-pictures li .image {
        height: 75px;
        width: 75px;
        
        overflow: hidden;
        display: block;
        float: left;
		
		position: relative;
		padding: 0;

		
    }

    .image {
        height: 240px;
        
        overflow: hidden;
        display: block;
        float: left;
		width: 100%;
		position: relative;
		padding: 0;

		
    }

.image .center {	
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    text-align:center;
}    
	
.image .center:before {
	    content: ' ';
	    display: inline-block;
	    vertical-align: middle;
	    height: 100%;
}
.image .center img {	
	    vertical-align: middle;
}    




/* @end */



/* @group Login page */

.template-login #main {
	position: absolute;
	z-index: 100;
}


.template-login #full-background {
	display: block;
	float: left;
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: url(/images/logo/velox-work-0154.jpg) no-repeat 0 0;
	background-size: cover;
	background-position: center top;
}

.template-login #full-background2 {
        display: block;
        float: left;
        position: absolute;
        z-index: 10;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: url(/images/logo/luin6.jpg) no-repeat 0 0;
        background-size: cover;
        background-position: center top;
}

#login-dialog h1 {
	margin-bottom: 7px;
}

		#login-dialog-wrap {
			display: block;
			float: left;
			
			position: absolute;
			width: 100%;
			
			z-index: 100;
			margin-top: 160px;

		}

		#login-dialog {
			margin: 0 auto;
			max-width: 400px;

		}

		#login-dialog-inner {
			display: block;
			float: left;
			padding: 5% 20px 5% 20px;
			background: #fff;
			width: 100%;

		}

		#login-dialog input {
			display: block;
			float: left;
			padding: 8px 4px 8px 5px !important;
			width: 100%;
			box-sizing: border-box;
		}
		#login-dialog input.button {
			cursor: pointer;
			padding: 10px 4px 10px 5px !important;
		}

		.template-login #footer {
			position: absolute;
			left: 0;
			width: 23%;
			bottom: 0;

		}
    	#login-header {
    		display: block;
    		float: left;
    		width: 100%;
    		padding: 0;
    		margin: 0;
    		background: #f36e25;
    	}

        #login-header2 {
                display: block;
                float: left;
                width: 100%;
                padding: 0;
                margin: 0;
                background: #ffffff;
        }
#login-header img {	
  	width: 131px;
    	margin: 0;
    	padding: 0;
    	display: block;
  
}
.template-login  #content {
	background: none;
}

@media only screen and (max-width: 719px) {
	#product-small-pictures li{
		display: inline-block!important;
	}

  	#tab-nav .active a, ul.tabTest li a.active {
 	 	border-top: none!important; 
	}


}

@media only screen and (max-width: 619px) {
	#login-dialog-wrap {
		margin-top: 55px;
	}
}


/* @end */
/* @group Product in list */

/* <-- ROMAN */
.product-wrap {
	width: 12.5%;
	padding: 0;
	margin: 0;
}
.products-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.product {
	/*height: 260px;*/
	text-align: center;
	padding: 0px;
	overflow: hidden;
	margin: 7px;
	border: 1px solid #ddd;
}
.product{
	display:block;
	/*margin: .5rem 1.5rem; ROMAN */
	max-width: 100%;
	min-height:498px;
}
/* ROMAN --> */
 
/* ROMAN
	.product-wrap {
		width: 12.5%;
		padding: 0;
		margin: 0;
		float: left;
		
	}
	
	.product {
	    height: 300px;
	    text-align: center;
	    padding: 0px;
	    overflow: hidden;
	    margin: 7px;
    border: 1px solid #ddd;

	   	background: #fff;
	 }
*/
	
.template-ostoskori .product {
	height: 280px;
}

.template-etusivu #main-content h2 {
	padding-left: 7px;
}
.product .nimike {
	display: block;
	float: left;
	width: 100%;
}
.product .nimike2 {
	display: block;
	float: left;
	width: 100%;
}

/* @group Tyyli eeva */

.style-eeva.template-ostoskori  .product {
	height: 136px;
}
.style-eeva .product-wrap  {
	width: 50%;
	overflow: visible;
}
.style-eeva .product {
	height: 2px;
	margin-bottom: 0px;
	margin-top:-1px;
	overflow: visible;
}
.style-eeva .product .image {
	height: 68px;
	width: 20%;
	border-right: 1px solid #eee;
	position: absolute;
	background: #fff;
	display: none
}
.style-eeva .product .image img {
	max-height: 55px;
    max-width: 50px;
	display:none
}
.style-eeva .product .info {
	padding: 1px 2% 1px 15%;
	width: 74%;
}

.style-eeva .product .name {
	padding: 1px 2% 1px 15%;
	width: 100%;
	border-top:none;
}
.style-eeva .product .product-cart-forms {
	padding: 2px 0% 5px 50%;
	background: none;
}
.style-eeva .product .amount-controls {
	padding: 0 4% 0 24%;
	width: 72%;
}

.style-eeva .product .versio,
.style-eeva .product .nimike,
.style-eeva .product .koodi {
	display: none;
}

.style-eeva .product .input-kpl {
	width: 64px;
}
.style-eeva .cart .button, 
.style-eeva .cart input[type="submit"] {
	padding: 10px 10px !important;
}
.style-eeva .product .cart-notification {
	top: 7px;
	left: 7px;
}

/* @end */

/* @group Tyyli eevaONEcolumn */

.style-eevaONEcolumn.template-ostoskori  .product {
        height: 136px;
}
.style-eevaONEcolumn .product-wrap  {
        width: 100%;
        overflow: visible;
}
.style-eevaONEcolumn .product {
        height: 2px;
        margin-bottom: 0px;
        margin-top:-1px;
        overflow: visible;
}
.style-eevaONEcolumn .product .image {
        height: 68px;
        width: 20%;
        border-right: 1px solid #eee;
        position: absolute;
        background: #fff;
        display: none
}
.style-eevaONEcolumn .product .image img {
	max-height: 55px;
	max-width: 50px;
	display:none;
}
.style-eevaONEcolumn .product .info {
	padding: 1px 2% 1px 230px;
	width: 74%;
	background:none;
}

.style-eevaONEcolumn .product .name {
    padding: 1px 2% 1px 230px;
    width: 100%;
    border-top:none;
    height:20px;
}
.style-eevaONEcolumn .product .product-cart-forms {
	padding: 2px 0% 5px 90px;
	background: none;
	width:auto;
	display: block;
}
.style-eevaONEcolumn .product .amount-controls {
    padding: 0 4% 0 24%;
    width: 72%;
}
.style-eevaONEcolumn .product .versio,
.style-eevaONEcolumn .product .nimike,
.style-eevaONEcolumn .product .koodi {
	display: none;
}

.style-eevaONEcolumn .product .input-kpl {
	width: 64px;
}
.style-eevaONEcolumn .cart .button,
.style-eevaONEcolumn .cart input[type="submit"] {
	padding: 10px 10px !important;
}
.style-eevaONEcolumn .product .cart-notification {
    top: 7px;
    left: 7px;
}
.style-eevaONEcolumn .quick-menu-wrap {
    right: 65px;
    top: 5px;
}
.style-eevaONEcolumn ul.kirjanNapit {
	display:block;
}
.style-eevaONEcolumn .product:hover {
	box-shadow:none;
	outline:none;
}
.style-eevaONEcolumn .product.hover {
	background:rgb(251,234,204);
}
.style-eevaONEcolumn .product form {
	width:auto;
}

/* @end */

/* @group Tyyli fast on column order */

.style-fast-one-column-order.template-ostoskori  .product {
        height: 136px;
}
.style-fast-one-column-order .product-wrap  {
        width: 100%;
        overflow: visible;
}
.style-fast-one-column-order .product {
        height: 2px;
        margin-bottom: 0px;
        margin-top:-1px;
        overflow: visible;
}
.style-fast-one-column-order .product .image {
        height: 68px;
        width: 20%;
        border-right: 1px solid #eee;
        position: absolute;
        background: #fff;
        display: none
}
.style-fast-one-column-order .product .image img {
        max-height: 55px;
	max-width: 50px;
        display:none
}
.style-fast-one-column-order .product .info {
        padding: 1px 2% 1px 170px;
        width: 74%;
	background:none;
}

.style-fast-one-column-order .product .name {
        padding: 1px 2% 1px 170px;
        width: 100%;
        border-top:none;
            height: 20px;
}
.style-fast-one-column-order .product .product-cart-forms {
        padding: 2px 0% 5px 90px;
        background: none;
	width:auto;
	display: block;
}
.style-fast-one-column-order .product .amount-controls {
        padding: 0 4% 0 24%;
        width: 72%;
}
.style-fast-one-column-order .product .versio,
.style-fast-one-column-order .product .nimike,
.style-fast-one-column-order .product .koodi {
        display: none;
}

.style-fast-one-column-order .product .input-kpl {
        width: 64px;
}
.style-fast-one-column-order .cart .button,
.style-fast-one-column-order .cart input[type="submit"] {
        padding: 10px 10px !important;
}
.style-fast-one-column-order .product .cart-notification {
        top: 7px;
        left: 7px;
}
.style-fast-one-column-order .quick-menu-wrap {
        right: 65px;
        top: 5px;
}
.style-fast-one-column-order ul.kirjanNapit {
        display:block;
}
.style-fast-one-column-order .product:hover {
	box-shadow:none;
	outline:none;
}
.style-fast-one-column-order .product.hover {
        background:rgb(251,234,204);
}
.style-fast-one-column-order .product form {
	width: 100%;
}
.style-fast-one-column-order .product form.submitTilaa {
	width: auto;
}


.style-fast-one-column-order .product-order-form .button {
	display: none;
}


/* @end */

/* @group Tyyli three columns text */

.style-three-columns-text.template-ostoskori  .product {
	height: 136px;
}
.style-three-columns-text .product-wrap  {
	width: 33%;
}
.style-three-columns-text .product {
	height: 48px;
}
.style-three-columns-text .product .image {
	height: 68px;
	width: 20%;
	border-right: 1px solid #eee;
	position: absolute;
	background: #fff;
}
.style-three-columns-text .product .image img {
	max-height: 55px;
    max-width: 50px;
}
.style-three-columns-text .product .info {
	padding: 2px 2% 1px 24%;
	width: 74%;
	position: absolute;
	bottom: 3px;
}
.style-three-columns-text .product .name {
	padding: 5px 2% 2px 24%;
	/*width: 74%;*/
	width: 60%;
	border-top: none;
}
.style-three-columns-text .cart-notification {
	cursor: default !important;
}
.style-three-columns-text .product .product-cart-forms {
	padding: 2px 4% 5px 24%;
	background: none;
	display: none !important;
}
.style-three-columns-text .product .amount-controls {
	padding: 0 4% 0 24%;
	width: 72%;
}

.style-three-columns-text .product .nimike,
.style-three-columns-text .product .koodi {
	display: none;
}

.style-three-columns-text ul.kirjanNapit {
	left: 10px;
	bottom: 10px;
	top: auto;
	display: block !important;
}
.style-three-columns-text ul.kirjanNapit li input.button {
	background: #c3c3c3 !important;
}
.style-three-columns-text .plusProduct {
	display: block;
	float: left;
	position: absolute;
	right: 0;
	top: 0;
	height: 52px;
	width: 34px;
	background: #f36e26;
	cursor: pointer;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.style-three-columns-text .plusProduct span {
	font-size: 26px;
	color: #fff;
	display: block;
	float: left;
    width: 100%;
    text-align: center;
    padding-top: 17px;

  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
.style-three-columns-text .minusProduct {
	display: block;
	float: left;
	position: absolute;
	right: 0;
	top: 54px;
	height: 34px;
	width: 34px;
	background: #ed4d04;
	cursor: pointer;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}
.style-three-columns-text .minusProduct span {
	font-size: 26px;
	color: #fff;
	display: block;
	float: left;
    width: 100%;
    text-align: center;
    padding-top: 7px;
      -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.style-three-columns-text .product:hover .quick-menu-icon {
	display: none !important;
 }



/* @end */



/* @group Tyyli NEW */

.fast-order_plus_price_edit.template-ostoskori  .product {
        height: 136px;
}
.fast-order_plus_price_edit .product-wrap  {
        width: 100%;
        overflow: visible;
}
.fast-order_plus_price_edit .product {
        height: 2px;
        margin-bottom: 0px;
        margin-top:-1px;
        overflow: visible;
}
.fast-order_plus_price_edit .product .image {
        height: 68px;
        width: 20%;
        border-right: 1px solid #eee;
        position: absolute;
        background: #fff;
        display: none
}
.fast-order_plus_price_edit .product .image img {
        max-height: 55px;
	max-width: 50px;
        display:none
}
.fast-order_plus_price_edit .product .info {
    padding: 0;
    width: 10%;
    background: none;
    display: inline-block;
    position: relative;
}

.fast-order_plus_price_edit .product .name {
display: inline-block;

padding: 0;
    border-top: none;
margin-left: 10px;
    width: 20%;
    position: relative;
}
.fast-order_plus_price_edit .product .product-cart-forms {
    padding: 0;
    margin: 0;
    background: none;
    width: 10%;
    display: inline-block;
    float: none;
    position: relative;
    /* float: right; */
}
.fast-order_plus_price_edit .product .amount-controls {
        padding: 0 4% 0 24%;
        width: 72%;
}
.fast-order_plus_price_edit .product .versio,
.fast-order_plus_price_edit .product .nimike,
.fast-order_plus_price_edit .product .koodi {
        /*display: none;*/
}

.fast-order_plus_price_edit .product .input-kpl {
        width: 64px;
}
.fast-order_plus_price_edit .cart .button,
.fast-order_plus_price_edit .cart input[type="submit"] {
        padding: 10px 10px !important;
}
.fast-order_plus_price_edit .product .cart-notification {
        top: 7px;
        left: 71%;
}
.fast-order_plus_price_edit .quick-menu-wrap {
    right: 65px;
    /* top: 5px; */
    position: relative;
    display: none;
}
.fast-order_plus_price_edit .editblock {
	display: inline-block;
	width: 46%;
	    position: relative;
    right: 10%;
}
.fast-order_plus_price_edit .editblock input{
	width: 60px;
	height: 35px;
    padding: 0;
    margin: 0;

}
.fast-order_plus_price_edit ul.kirjanNapit {
       display: inline-block;
    width: 5%;

}
.fast-order_plus_price_edit .product:hover {
	box-shadow:none;
	outline:none;
}
.fast-order_plus_price_edit .product.hover {
        background:rgb(251,234,204);
}
.fast-order_plus_price_edit .product form {
	width: 100%;
}
.fast-order_plus_price_edit .product form.submitTilaa {
	width: 77%;
	display: inline-block;
	position: relative;
	float: none;
}
.fast-order_plus_price_edit .product-order-form .button {
	display: none;
}

.fast-order_plus_price_edit .product-wrap  .quick-menu-icon {
	display: inline-block;

}
.fast-order_plus_price_edit .product:hover .product-cart-forms {
	display: inline-block;
}
.editLine{
	display: inline-block;
	position: relative;
	width: 12%;
	height: 45px;
	overflow: hidden;
}
/* @end */

.style-red-text  .product .name a {
	color: #ed4c05; 
}
.style-red-text  .product .name {
	border-top: none;
}
.style-grey-image  .product .image { 
	background: rgba(0,0,0,0.01);
	box-shadow: inset 0px 0px 50px 0px rgba(0,0,0,0.05), inset 0px 0px 8px 0px rgba(0,0,0,0.012);
}
.style-grey-image  .product .name { 
	border-top: 1px solid #fff;
}
.style-grey-image .product .info {
	padding-top: 5px;
}
.style-grey-image .product {
	box-shadow: none;
	margin: 7px;
	border: 1px solid #eee;
}
.style-cards-hover .product .image { 

}
.style-cards-hover  .product .name { 
	border-top: 1px solid #eee;
	
}
.style-cards-hover .product {
	box-shadow: none;
	margin: 7px;
	border: none;
	box-shadow:  0px 0px 70px 0px rgba(0,0,0,0.07), 0px 0px 10px 0px rgba(0,0,0,0.05);
}
.style-just-borders .product {
	box-shadow: none;
	margin: 0px 0px -1px -1px;
    border: 1px solid #ddd;
	
}
.style-just-borders .product:hover {
	box-shadow: none;
	border: 1px solid #ddd;
	outline: none;
}
.style-just-borders  .product .name { 
	border-top: 1px solid #eee;
	
}
.template-etusivu #main.style-just-borders #main-content h2 {
	padding-left: 0px;
}
.style-grey-bottom .product {
	background: rgb(226, 234, 236);
	box-shadow: none;
		margin: 0px 0px -1px -1px;
    border: 1px solid #ddd;
}
.style-grey-bottom .product .image {
	background: #fff;
}
.style-grey-bottom .product .name { 
	border-top: none;
}
.style-grey-bottom .product .product-cart-forms {
	background: rgb(226, 234, 236);
}
.style-grey-bottom .product .info {
	background: #fff;
}
.style-grey-bottom-v2 .product {
	background: rgb(243, 246, 247);
	box-shadow: none;
	box-shadow: none;
    border: 1px solid #ddd;
}
.style-grey-bottom-v2 .product .image {
	background: #fff;
}
.style-grey-bottom-v2 .product .name { 
	border-top: none;
}
.style-grey-bottom-v2 .product .product-cart-forms {
	background: rgb(243, 246, 247);
}
.style-grey-bottom-v2 .product .info {
	background: #fff;
}
.product .info {
	display: block;
	float: left;
	width: 92%;
	padding: 2px 4% 1px 4%;
	margin: 0;
	text-align: left;
}
.product .info small {
	font-size: 11px;
	/*		color: #222; */
	/*		color: #999;*/
	line-height: 12px;
	height: 21px;
	display: block;
    margin-bottom: 20px;
    width: 100%;
}
.product .info small span {
    position: relative;
	    line-height: 1.4;
}
.product .info small span.tilausrajat {
	display: none;
}
.product a {
    text-decoration: none;
    color: #0b0b0b;
    font-size: 12px;
/*    font-weight: bold;*/
}

.product .no-picture {
	color: #ccc; 
	margin-top: 60px;
}
.product .link-title {
	color: #ed4c05; 
	margin-top: 76px;
	display: none;
/*		background: rgba(255,255,255,0.9);*/

	border-radius: 12px;
	position: absolute;
	top: 76px;
	padding: 6px 10px 7px 10px;
/*		box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);*/
	background: transparent;
	opacity: 0.9;
	font-size: 12px;
	line-height: 12px;
	font-weight: normal;
	width: 100px;
	left: 50%;
	margin-left: -60px;
}
.product a:hover .link-title {
	display: block;
}    
.product a .link-title:hover {
	background: #ed4c05;
	color: #fff;
	opacity: 1;
}
.product .image {
    height: 155px;
    
    overflow: hidden;
    display: block;
    float: left;
	width: 100%;
	position: relative;
	padding: 10px 0;

	
}
.product .image .center {	
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center;
}    
.product .image .center:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.product .image .center img {	
    vertical-align: middle;
}    

.product .name {
	display: block;
	float: left;
	width: 92%;
	padding: 2px 10px;
	margin: 0;
	text-align: left;
	/*border-top: 1px solid #eee;*/
	height: 39px;
}

.product .product-cart-forms {
    display: block;
    float: left;
	width: 88%;
	padding: 2px 4% 5px 4%;
	margin: 0;
    text-align: left;
    background: #fff;
    position: absolute;
    bottom: 0;

	display: block;
	float: left;
	position: absolute;
	bottom: 0;
}

.product .product-cart-forms {
	display: none;
}
.product:hover .product-cart-forms {
	display: block;
}

.product .image img {
    max-height: 125px;
    max-width: 140px;
border: none;
}

.product a.button {
    display: block;

    text-align: center;
}
.product .admin-buttons {
    height: 22px;
}
.product {
	padding-bottom: 40px;
	position: relative;
}
.product input:focus { 
	outline: none;
}
.product:hover {
	box-shadow: 2px 2px 30px 0px rgba(0,0,0,0.22);
	outline: 1px solid #ddd;
}

.template-ostoskori .product:hover {
	box-shadow: none;

}
.cart .button,
.cart input[type="submit"] {
	display: block;
	float: left;
   width: auto;

    background-color: #f27717;
    color: #fff !important;
    margin-left: 5px;
    
    border-radius: 5px;
    font-size: 16px;
    line-height: 16px;

    padding: 8px 14px;
    font-weight: bold;
}
.product .amount-controls {

    height: 80px;
    background: #fff;
    width: 100%;

    position: relative;
    overflow: hidden;

    top: 39px;
}

.product .amount-controls-inner {
	display: inline-block;
	/*float: left;*/
	width: 81%;
	/*overflow: hidden;*/
}


.product .amount-controls-inner .input-maara-submit {
	display: none;
        float: none;
    padding: 10px 6px;
}
.product .amount-controls-inner:hover .input-maara-submit {
	display: block;
	float: left;
}

.remove-button,
.product .remove {
	background-image: url(/images/logo/minus.png);
	background-size: 21px 21px;
	background-repeat: no-repeat;
	color: transparent;
	height: 21px;
	font-size: 14px;
	line-height: 14px;
	font-weight: normal;
	display: inline-block;
	float: left;
	clear: both;
	
	width: 1%;
	margin-top: 8px;
	text-align: left;
	padding: 3px 0 0 29px;
}
.remove-button:hover,
.product .remove:hover {
	background-image: url(/images/logo/minus-active.png);
	color: #f66e0e;

	display: inline-block;
    width: 1%;
    overflow: hidden;
	
}
/* ROMAN se nyt sijaitse ylavaliko.inc.php
.product .cart-notification {
	position: absolute;
	left: 12px;
	top: 12px;
	height: 20px;
	border-radius: 15px;
	background: #000;
	background-image: url(/images/logo/cart-icon.png);
	background-size: 18px 18px;
	background-repeat: no-repeat;
	background-position: 8px 5px;
	padding: 6px 10px 2px 32px;
	color: #fff;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
} */

.product .cart-notification:empty {
   display: none;
}

/* @end */
.small-row-picture {
	padding: 2px 0px 2px 0px !important;
	height: 30px;
	width: 40px;
	

	position: relative;
	padding: 10px 0;


    
}

.small-row-picture div {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 4px;
	    text-align:center;

}
table.products tr:hover td.small-row-picture div {
	background: #fff;
    box-shadow: inset 0px 0px 0px 1px #eee;
}
	.small-row-picture div:before {
	    content: ' ';
	    display: inline-block;
	    vertical-align: middle;
	    height: 100%;
	}

.small-row-picture img {
	max-width: 36px;
	max-height: 30px;
	vertical-align: middle;
}


.small-row-picture:hover div {
		    top: -18px;
	    bottom: -18px;
	    left: -40px;
	    right: 2px;
	    z-index: 10000;
}
.small-row-picture:hover img {
	max-width: 66px;
	max-height: 66px;
}

 .block {
     padding: 10px;
     margin-bottom: 12px;

 }
    .block .header {
        text-transform: uppercase;
        color: #666;
    }

    .block ul.menu {
        margin: 10px 0;
        padding: 0;

        list-style: none;
    }

        .block ul.menu li {
            width: 100%;
            padding: 5px 0;
            margin-bottom: 1px;

            text-indent: 5px;

            background-color: #bbb;
        }

        .block ul.menu li a {
            text-decoration: none;
            color: white;
        }

/* @group Tuotteet valikko */


#product-menu ul {
    margin: 10px 0;
    padding: 0;
    list-style: none;
}
#product-menu ul li ul {
    margin: 5px 0 0 20px;
    padding: 0;
    list-style: none;
}
#product-menu li {
    width: 100%;
    padding: 5px 0;
    margin-bottom: 1px;
    text-indent: 5px;
}
#product-menu li a {
	text-decoration: none;
	color: #000;
}
#product-menu ul li ul li a{
	font-weight: normal;
}
#product-menu li.active>a {
	color: #f28d21;
}
#product-menu li.empty>a {
	text-decoration: underline;
}
#product-menu li:hover{
	background-color: #fff;
}
#product-menu  li a:hover{
	color: #f28d21;
}
#product-menu blockquote {
	width: 90%;
	padding: 0px 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10%;
	text-indent: 30%;
	text-color: green;
}
#product-menu blockquote blockquote {
	width: 90%;
	padding: 0px 0;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10%;
	text-indent: 5px;
}



/* @end */
#footer p {
	color: #9da8ad;
}
#footer2 p {
        color: #000000;
}
#footer a {
    font-weight: bold;
    text-decoration: none;
    color: #eee;
}
#disclaimers {
	text-align: right;
}

#copyright {
	padding-left: 20px;
}
.pieni {
    font-size: 9px;
    color: #4D5CA1;
}
.ots {
	font-size: 13px;
}
div.ilmoitus {
    text-align: left;
    padding: 5px;
    margin: 10px 0;
    font-weight: bold;
    color: #000;
    border: 0px solid #000;
}
.isompi {
	font-size: 12px;
	color: #4D5CA1;
	font-weight: bold; 
	TEXT-TRANSFORM: uppercase;
	/*background-color: #ffffbb*/
}

/*
table {
border-style: solid solid solid solid;
border-width: thin;
}*/

.kehyspois {
	background-color: #ffffff;
	border: 0px;
}
.uutiset {
	background-color: #efefef;
	border: 0px;
}
#avaaRiveja {
	display: block;
	float: left;
	clear: both;
	color: #f36e25;
	margin: 0 0 20px 0;
}
.show-target-contents {
	width: 100%;
}

table.search-table {
	margin: 0;	
}
table.search-table tr td {
	padding-left: 0 !important;
	padding-right: 10px !important;
	
}

/* @group Taulukot */

table.raportti_haku_50 {
	display: block;
	width: 50%;
	clear: none;
}
table.raportti_haku_50 input,
table.raportti_haku_50 select {
	padding: 5px;
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 15px;
    border: 1px solid #c5d5d9;
	width: 200px;
}
table.raportti_haku_50 input[type=date] {
	padding: 3px 5px 3px 5px;
	
}
#generateExcelRaport,
#generatePdfRaport {
	margin-right: 8px;
}


table#rivitID {
	margin-top: 16px;
}
table#rivitID tr:hover td { 
	background: #ddd;	
}
table#rivitID tr td { 
	vertical-align: top;
	border-bottom: 1px solid #eee;
	padding-right: 3px;
}
table#rivitID th {
	position: relative;
	padding: 6px 18px 6px 3px !important;
	font-size: 13px;
	border-bottom: 0px solid #eee;
	background: #eee;
	text-align: left;
	color: #f66e0e;
	cursor: pointer;
		outline: none !important;
}

table#rivitID th {
	position: relative;
	padding: 6px 18px 6px 3px !important;
	font-size: 13px;
	border-bottom: qpx solid #eee;
	background: #eee;
	text-align: left;
	color: #f66e0e;
	cursor: pointer;
		outline: none !important;
}
table#rivitID th a {
	margin: 0;
	padding: 0;
}
table#rivitID th:hover {
	background: #ddd;
}
table#rivitID span.raportti_remove_column {
	position: absolute;
	right: 2px;
	top: 7px;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	display: block;
	float: left;
	margin: 0;
	border-radius: 10px;
	padding: 0px 4px;
	background: #9fb9c0;
	color: #fff;
	cursor: pointer;
}
table#rivitID span.raportti_remove_column:hover {
	background: #000;
}
.tablesorter-header-inner {
	outline: none !important;
}

table.bordered {
	border: 1px solid #d6e3e6;
}

table {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 15px;

    font-size: 14px;
    line-height: 15px;

    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
}

    table td {
        border: none;
        padding: 5px 4px 5px 4px;
        margin: 0;
    font-size: 13px;
    line-height: 15px;


    }

/*    table tr:first-child td {
        background-color: orange;
        font-weight: bold;
        color: white;
    }
*/


.font-weight-normal {
	font-weight: normal !important;
}

        table tr:first-child td a {
            color: #f66e0e;
        }

    table tr:nth-child(even) td {
/*        background-color: #eee; */
    }
TD {
border: 1px none;
border-style: solid none none solid;
padding: 1px;
}

DIV.table {
	display: table;
}

FORM.tr,
DIV.tr {
	display: table-row;
}

SPAN.td {
	display: table-cell;
	align-content: center;
	padding: 0px 5px;
}

SPAN.th {
	display: table-cell;
}

table tr.white-row td {
	background: #fff !important;
}





table.products {
	width: auto;
	clear: both;
	min-width: 80%;
	display: block;
	float: left;
	margin: 0 0 20px 0;
}
table.products td.label {
	width: 30%;
}
table.products td,
table.products tr:first-child td {

    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    padding: 6px 2px 6px 4px;
    color: #222;

}
table.products tr:first-child td a {
	    font-size: 14px;
    line-height: 17px;
    color: #f66e0e;
}
table.products tr td a.button {
	color: #fff;
}
table.products tr td a {
	color: #f66e0e !important;
}

table.products tr:nth-child(odd) td {
    background-color: #fff;
     color: #222;
}
table.products tr:nth-child(even) td {
    background-color: #fff;
     color: #222;
}
/*table.products tr:hover td {
	background: #f5f5f5 !important;
	
}*/

table.lines {
	width: auto;
	clear: both;
	min-width: 70%;
	display: block;
	float: left;
	margin: 0;
}

table.lines td,


table.lines tr:first-child td {

    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    padding: 6px 2px 6px 8px;

}
table.lines tr:first-child td a {
	    font-size: 14px;
    line-height: 17px;
}

table.lines tr td a {
	color: #f66e0e !important;
}

table.lines tr:nth-child(odd) td {
    background-color: #fff;
}
table.lines tr:nth-child(even) td {
    background-color: #fff;
}
table.lines tr:hover td {
	background: #eee !important;
	
}


table.plain {
	width: auto;
	clear: both;
	min-width: 70%;
	display: block;
	float: left;
}
table.plain td {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 6px 4px 6px 0px;
}
table.plain tr:first-child td {
    background-color: #fff;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #000;
}
table.plain tr:nth-child(odd) td {
	background-color: #fff;
}
table.plain tr:nth-child(even) td {
    background-color: #fff;
}
table.basic {
	width: auto;
	clear: both;
	min-width: 70%;
	display: block;
	float: left;
}
table.basic td {
    color: #000;
    font-size: 14px;
    line-height: 17px;
    padding: 6px 4px 6px 6px;
}
table.basic tr:first-child td a {
	color: #f66e0e !important;
}
table.basic tr:first-child td a.button {
	color: #fff !important;
}
table.basic tr:first-child td {
    background-color: #eee;
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    color: #000;
    
}
table.basic tr:nth-child(odd) td {
    background-color: #eee;
}
table.basic tr:nth-child(even) td {
    background-color: #fff;
}

td, th, tr{
	font-family: Montserrat-Light, Arial, Helvetica, sans-serif !important;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	border-width: 1px 1px 1px 1px;
}
td.tyhja,th.tyhja,table.tyhja,tr.tyhja {
	border-width: 0px 0px 0px 0px;

}
td.tyhjap,th.tyhjap,table.tyhjap,tr.tyhjap {
	border-width: 0px 0px 0px 0px;
	font-size:8pt; 
}
td.tausta2,th.tausta2,table.tausta2 {
	border-width: 1px 1px 1px 1px;
}
td.vasen,th.vasen {
	border-width: 1px 0px 0px 0px;
}
td.sivut,th.sivut,tr.sivut {
	border-width: 1px;
}
/* @end */
#proxy_jata_tiedot_wrapper {
	opacity: 0;
	display: block;
	float: left;
	overflow: hidden;
	width: 1px;
	height: 1px;
}
INPUT.TEXT.haku{ 
  font-size:7pt; 
  border-width:2px; 
}
input#hakusanaOsiteKirjasta {
	margin-right: 2px;
	
}
input.search-input {
	background:url(/images/logo/search-icon.png) no-repeat 0 0;
	padding-left: 30px;
}
.button.hakunappi {
	border-radius: 0 !important;
	background: #9fb9c0;
}
.ostoskoriPoistaBTN {
    background: none;
    color: #000 !important;
    display: block;
    float: left;
    margin: 0 !important;
    color: #f66e0e !important;
    text-decoration: none;
    font-size: 13px !important;
    line-height: 13px !important;
    font-weight: normal;
    text-align: left;
    cursor: pointer !important;
    background: #f4f4f4 !important;
    padding: 7px 11px 7px 10px !important;
    border-radius: 14px !important;
}

FORM.haku2 { 
    PADDING-BOTTOM: 0em;
    PADDING-LEFT: 0em;
    PADDING-RIGHT: 0em;
    PADDING-TOP: 0em;
}
.boxTitle {
	BACKGROUND: #dee7ec;
	BACKGROUND: url(/images/logo/gradient_white-blue.png) #dee7ec no-repeat;
	BORDER-BOTTOM: transparent;
	BORDER-LEFT: transparent;
	BORDER-RIGHT: transparent;
	BORDER-TOP: transparent;
	COLOR: black;
	PADDING-BOTTOM: 0em;
	PADDING-LEFT: 1em;
	PADDING-RIGHT: 1em;
	PADDING-TOP: 0em;
	/*TEXT-TRANSFORM: lowercase*/
	TEXT-ALIGN: right;
}
.koti {
    background-color: #EEDC82;
    FONT: 100% Montserrat-Light, Arial, Helvetica, sans-serif;

}
.kevyt {
	font-size: 12px;
	background-color: #fbfbfb;
	border: 1px solid #666666;
}

div#debug {
    clear: both;
    text-align: left;
    padding: 10px;
    border: 1px dotted #e50000;
}
#header {
	display: block;
	float: left;
	background: #f36e25;
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
#header #logo {
	display: block;
	float: left;
	top: 0;
	left: 0;
	width: 170px;
	margin: 0px 0 0px 0px;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	padding: 0px 30px 0px 0px;
}
#header #logo  img {
	width: 134px;
	height: 70px;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
#nav-mobile-trigger {
	display: none;
}
#content-overlay {
	display: block;
	float: left;
	background: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	min-height: 800px;
	position: fixed;
	top: 50px;
	z-index: 1029;
}
#content-overlay {
	display: none;
}
#toimitusosoite-hakulista {
	display: none;
}
/* @group Lisää liite */
#lataa-liite-upload {
	display: none;
}
#lisaa-liite-drop {
	display: block;
	float: left;
	padding: 0;
	margin: 10px 0 10px 0;
}
#lisaa-liite-files {
	clear: both;
	display: block;
	float: left;	
	width: 500px;
	margin-top: 20px;
}
.template-nayta #lisaa-liite-files {
	
	width: 90%;
	margin-top: 20px;
}
.width100 {
	width: 100%;
}
#lisaa-liite-files ul {
	display: block;
	float: left;
	width: 100%;
    list-style:none;
    margin: 0;
    padding: 0px 0 0 0;
}
#lisaa-liite-files ul li{
	display: block;
	float: left;
	width: 100%;
    list-style:none;
    margin: 0 0 5px 0;
    padding: 0;
    background: #eee;
    position: relative;
}
.template-nayta #lisaa-liite-files ul li {
	background: #fff;
	border: 1px solid #eee;
	
}
#lisaa-liite-files ul li div.progress {
	display: none;
	float: left;
	position: absolute;
	height: 2px;
	bottom: 0;
	background: #f27717;
}
#lisaa-liite-files ul li.working div.progress {
	display: block;
}
#lisaa-liite-files ul li input{
    ddisplay: none;
}
#lisaa-liite-files ul li p{
	margin: 0;
	padding: 4px 6px;
    white-space: nowrap;
    color: #000;
    font-size: 15px;
    font-weight: bold;
    line-height: 17px;
}
#lisaa-liite-files ul li p a {
	color: #000;
}
#lisaa-liite-files ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}
ul li span.remove-file,
#lisaa-liite-files ul li span.remove-file {
    width: 15px;
    height: 15px;
    background: url(/images/logo/icons.png) no-repeat;
    position: absolute;
    top: 4px;
    right: 4px;
    background-position: 0 -12px;
    cursor:pointer;
}
span.rfl{
	position: relative;
	top: -24px;
	background: url(/images/logo/icons.png) no-repeat;
	right: 4px;
	background-position: 0 -12px;
	cursor: pointer;
	float: right;
	width: 14px;
	height: 15px;
}
#lisaa-liite-files ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}
#lisaa-liite-files ul li.error p{
    color:red;
}
/* @end */

/* @group Ostoskori ylävalikossa */
#header #cart {
	display: block;
	float: left;
	position: absolute;
	top: 0;
	right: 60px;
	height: 100%;
	padding: 15px 10px 15px 10px;
}
#header #cart-notification {
	display: block;
	float: left;
	position: absolute;
	top: 70px;
	right: 30px;
	display: none;
	color: #fff;
	padding: 0;
}
#header #cart-notification a {
	display: block;
	font-size: 14px;
	line-height: 15px;
	float: left;
 	padding: 8px 10px 8px 10px;
	color: #fff;
	text-decoration: none;
}
#header #cart-notification.cart-has-items {
	background: #ed4c05;
	display: block;
}
#header #cart.cart-has-items {
	background: #ed4c05;
}
#cart #cart-icon {
	text-decoration: none !important;
}
#cart #cart-icon img {
	display: block;
	float: left;
}
#cart #cart-count {
	color: #fff;
	font-size: 25px;
	line-height: 25px;
	font-weight: bold;
	padding: 5px 0 5px 7px;
	display: block;
	float: left;
}

/* Postal Services Styles */
.postal-services-container {
	width: fit-content;
	min-width: 250px;
	max-width: 100%;
}

.postal-services-section {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.postal-services-section h3 {
	margin: 0 0 15px 0;
	color: #333;
	font-size: 16px;
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	transition: color 0.3s ease;
}

.postal-services-section h3:hover {
	color: #007cba;
}

.toggle-icon {
	margin-right: 8px;
	font-size: 12px;
	transition: transform 0.3s ease;
	display: inline-block;
	transform: rotate(0deg);
}

.toggle-icon.collapsed {
	transform: rotate(-90deg);
}

.postal-services-content {
	transition: max-height 0.3s ease, opacity 0.3s ease;
	overflow: scroll;
	max-height: 750px;
	opacity: 1;
}

.postal-services-content.collapsed {
	max-height: 0;
	opacity: 0;
	margin-bottom: 0;
}

.postal-services-loading {
	text-align: center;
	padding: 20px;
	color: #666;
}

.postal-services-grid {
	display: grid;
	grid-template-columns: auto;
	min-height: auto;
	gap: 10px;
	margin-bottom: 15px;
	max-width: 1200px;
}

.postal-service-item {
	max-width: 750px;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	cursor: pointer;
	transition: all 0.3s ease;
}

.postal-service-item label {
	cursor: pointer;
}

.postal-service-item:hover {
	border-color: #007cba;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.postal-service-item.selected {
	border-color: #007cba;
	background-color: #e6f3ff;
}

.postal-service-item.disabled {
	opacity: 0.5;
	cursor: not-allowed !important;
	background-color: #f5f5f5;
}

.postal-service-item.disabled:hover {
	border-color: #ccc;
	cursor: not-allowed !important;
	box-shadow: none;
}

.postal-service-item.disabled .service-description,
.postal-service-item.disabled .service-checkbox,
.postal-service-item.disabled .service-name,
.postal-service-item.disabled label {
	cursor: not-allowed;
}

.postal-service-item.forced {
	border-color: #ff9800;
	background-color: #fff3e0;
}

.postal-service-item.forced .service-name {
	color: #e65100;
}

.forced-indicator {
	font-size: 11px;
	color: #ff9800;
	font-weight: normal;
	font-style: italic;
}

.service-checkbox {
	margin-right: 8px;
}

.service-name {
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

.service-description {
	font-size: 12px;
	color: #666;
	margin-top: 5px;
	line-height: 1.3;
	cursor: pointer;
}

.service-price {
	font-size: 12px;
	color: #007cba;
	margin-top: 5px;
	font-weight: bold;
}

.service-conflicts {
	max-width: 1200px;
	padding: 10px;
	background-color: #fff3cd;
	border: 1px solid #ffeaa7;
	border-radius: 4px;
	margin-top: 5px;
	height: auto;
	overflow: hidden;
	transition: opacity 0.3s ease;
}

.conflict-message {
	display: flex;
	align-items: center;
	color: #856404;
}

.conflict-icon {
	margin-right: 8px;
	font-size: 16px;
}

#header #cart-icon img {
	width: 40px;
	height: 37px;
}
/* @end */

/* @group Quick menu product */
.quick-menu-wrap {
	display: block;
	float: right;
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 100;
}
.style-eeva .quick-menu-wrap{
	right: 12px;
	top: 11px;
}
.quick-menu-icon {
	display: none;
	float: right;
	cursor: pointer;
	/* ROMAN
	display: none;
	float: right;
	padding: 6px 6px;
	height: 16px;
	cursor: pointer;
	background: #ed4c05;
	border-radius: 15px; */
}
.product:hover .quick-menu-icon {
	display: block;
}
.quick-menu-wrap .quick-menu-icon img {
	width: 18px;
	border-radius: 25px;
	padding: 5px;
}
.quick-menu {
	display: none;
	float: left;
	position: absolute;
	right: 18px;
	top: -40px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
	padding: 0;
	margin: 0; /* ROMAN 10px 10px 0 0 */
	overflow: hidden;

}
.quick-menu-wrap:hover .quick-menu {
	display: block;
	right: 18px;
    top: 7px;
}

.quick-menu ul {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	min-width: 160px;
	padding: 5px 0 5px 0;
}
.quick-menu li {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	clear: both;
	padding: 0;
	margin: 0;
}
.quick-menu li a {
	display: block;
	float: left;
	width: 92%;
	padding: 6px 4% 6px 4%;
	color: #000;
	text-decoration: none;
	
	font-size: 13px;
	line-height: 13px;
	font-weight: normal;
	text-align: left;
	cursor: pointer;
	
}
.quick-menu li a:hover {
	color: #fff !important;
	background-color: #f36e25;
}
.quick-menu-active #quick-menu {
	display: block;
	right: -20px;
	top: 10px;
}
.submitListausTesteri input.button {
	background: none;
	color: #000 !important;

	display: block;
	float: left;
	width: 92% !important;
	padding: 5px 4% 5px 4% !important;
	margin: 0 !important;
	color: #f66e0e !important;
	text-decoration: none;
	font-size: 13px !important;
	line-height: 13px !important;
	font-weight: normal;
	text-align: left;
	cursor: pointer !important;
	border-radius: 0 !important;
}
.submitListausTesteri input.button:hover {
	background: #f66e0e !important;
	color: #fff !important;
}
.submitListausTesteri {
	padding: 0;
	margin: 0;
}
.submitTilauksessaTesteri input.button {
	background: none;
	color: #000 !important;
	box-sizing: content-box;

	display: block;
	float: left;
	width: 92% !important;
	padding: 6px 4% 6px 4% !important;
	margin: 0 !important;
	color: #f66e0e !important;
	text-decoration: none;
	font-size: 13px !important;
	line-height: 13px !important;
	font-weight: normal;
	text-align: left;
	cursor: pointer !important;
	border-radius: 0 !important;
}     
.submitTilauksessaTesteri input.button:hover {
	background: #f66e0e !important;
	color: #fff !important;
}
.submitTilauksessaTesteri {
	padding: 0;
	margin: 0;
}
ul.kirjanNapit {
	position: absolute;
	right: 2px;
	top: 5px;
	float: right;
	display: none;
	margin: 0;
	padding: 0;
}
.product:hover ul.kirjanNapit {
	display: block;
}
ul.kirjanNapit li {
	display: block;
	/*float: left;*/
	width: auto;
	margin: 0 2px 0 0;
}
ul.kirjanNapit li input.button {
	background: none;
	color: #000 !important;

	display: block;
	float: left;
	margin: 0 !important;
	color: #f66e0e !important;
	text-decoration: none;
	font-size: 13px !important;
	line-height: 13px !important;
	font-weight: normal;
	text-align: left;
	cursor: pointer !important;
	
	background: #f66e0e !important;
	color: #fff !important;
	width: 26px !important;
	padding: 7px 11px 7px 10px !important;

	border-radius: 14px !important;
}     
ul.kirjanNapit li input.button:hover {
	background: #f66e0e !important;
	color: #fff !important;
}

/* @end */

/* @group Quick menu */
#quick-menu-wrap {
	display: block;
	float: right;
	position: relative;
	margin-right: 10px;
	z-index: 100;
}
#quick-icon {
	display: block;
	float: right;
	padding: 15px 10px 15px 10px;
	cursor: pointer;
}
#quick-menu-wrap #quick-menu-icon img {
	width: 28px;
	height: 28px;
}
#quick-menu {
	display: none;
	float: left;
	position: absolute;
	right: -20px;
	top: 10px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.6);
	padding: 0;
	margin: 10px 10px 0 0;
	overflow: hidden;

}
#quick-menu ul {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
	min-width: 200px;
}
#quick-menu li {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	clear: both;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#quick-menu li a {
	display: block;
	float: left;
	width: 92%;
	padding: 6px 4% 6px 4%;
	color: #000;
	text-decoration: none;
	
	font-size: 15px;
	line-height: 15px;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
	
}
#quick-menu li a:hover {
	color: #fff;
	background-color: #f36e25;
}
#quick-menu-wrap:hover #quick-menu,
.quick-menu-active #quick-menu {
	display: block;
	right: -20px;
	top: 10px;
}
/* @end */

/* @group User menu */
#user-menu-wrap {
	display: block;
	float: left;
	position: fixed; /* ROMAN absolute pois */
	right: 0px;
	z-index: 100;
}
#user-icon {
	display: block;
	float: right;
	padding: 15px 10px 15px 10px;
	cursor: pointer;
}
#user-menu-wrap #user-icon img {
	width: 32px;
	height: 37px;
}
#user-menu {
	display: none;
	float: left;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
	padding: 0;
	margin: 10px 10px 0 0;
	overflow: hidden;
}
#user-menu p {
	display: block;
	float: left;
	padding: 2px 3%;
	width: 94%;
	margin: 0;
}
#user-menu ul {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px 0 5px 0;
}
#user-menu li {
	display: block;
	float: left;
	width: 100%;
	list-style: none;
	clear: both;
}
#user-menu li a {
	display: block;
	float: left;
	width: 100%;
	padding: 6px 20px 6px 20px;
	color: #000;
	text-decoration: none;
	font-size: 15px;
	line-height: 15px;
	text-align: left;
	cursor: pointer;
}
#user-menu li a:hover {
	color: #fff;
	background-color: #f36e25;
}
.user-menu-active #user-menu {
	display: block;
	right: 10px;
	top: 10px;
}
.user-menu-active #user-icon {
	display: none;
}
#user-menu-overlay { 
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 1000px;
	height: 100%;
}
.user-menu-active #user-menu-overlay {
	display: block;
}
/* @end */

/* @group Muokkaa sivun piiloitukset */
.muokkaa-moodi #nav, .muokkaa-moodi #user-menu-wrap, .muokkaa-moodi #user-menu-overlay, .muokkaa-moodi #header #cart-notification, .muokkaa-moodi #header #cart-notification-link, .muokkaa-moodi #header #cart {
	/*display: none; ROMAN*/
}
.muokkaa-moodi #lisaa-liite-files {	
	width: 90%;
	margin-top: 20px;
}
.muokkaa-moodi #lisaa-liite-files ul li {
	background: #fff;
	border: 1px solid #eee;
}

.muokkaa-moodi #left-content {
	opacity: 0.2;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}
.muokkaa-moodi #left-content:hover {
	opacity: 1;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}
.muokkaa-moodi #quick-buttons {
	right: 20px;
}

/* @end */


/* @group page.update_password */
.password-form {
	background: white;
	padding: 40px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	display: grid;
	gap: 25px;
	justify-self: center;
	align-self: center;
}

.form-group {
	display: grid;
	gap: 8px;
}

.password-label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
	color: #333;
}

.password-field {
	width: 100%;
	padding: 15px;
	border: 2px solid #ddd;
	border-radius: 6px;
	font-size: 16px;
	box-sizing: border-box;
}

.password-field:focus {
	border-color: #007bff;
	outline: none;
}

.password-input-wrapper {
	position: relative;
}

.toggle-password {
	position: absolute;
	top: -30px;
	right: 0px;
	background: #007bff;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 4px 8px;
	cursor: pointer;
	font-size: 12px;
}

.toggle-password:hover {
	background: #0056b3;
}

.generate-password-btn {
	background-color: #28a745;
	color: white;
	border: none;
	padding: 8px 15px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	margin-top: 5px;
}

.generate-password-btn:hover {
	background-color: #218838;
}

.password-strength {
	margin-top: 5px;
	font-size: 12px;
}

.strength-weak { color: #dc3545; }
.strength-medium { color: #ffc107; }
.strength-strong { color: #28a745; }

.error-message {
	color: #dc3545;
	font-size: 14px;
	margin-top: 5px;
}

.submit-btn {
	background-color: #007bff;
	color: white;
	border: none;
	padding: 15px 30px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
	justify-self: center;
}

.submit-btn:hover {
	background-color: #0056b3;
}

.submit-btn:disabled {
	background-color: #6c757d;
	cursor: not-allowed;
}

.password-requirements {
	margin-top: 1rem;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 20px;
	font-size: 14px;
	display: grid;
	gap: 8px;
}

.requirement {
	margin-bottom: 5px;
}

.requirement.met {
	color: #28a745;
}

.requirement.not-met {
	color: #dc3545;
}

.message-container {
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 500;
}

.message-success {
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
	color: #155724;
}

.message-error {
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
	color: #721c24;
}

.message-info {
	background-color: #d1ecf1;
	border: 1px solid #bee5eb;
	color: #0c5460;
}

.return-btn {
	background-color: #6c757d;
	color: white;
	border: none;
	padding: 10px 20px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 14px;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 20px;
}

.return-btn:hover {
	background-color: #5a6268;
	text-decoration: none;
	color: white;
}
/* @end */

/* @group Rauhoita moodi piiloitukset */

.rauhoita-moodi #left-content {
	opacity: 0.2;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}
.rauhoita-moodi #left-content:hover {
	opacity: 1;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}

/* @end */

/* @group Rauhoita moodi piiloitukset */

.kokolevea-moodi #left-content {
	display: none;
}
.kokolevea-moodi #main-content {
	width: 94%;
	padding: 3%;
}
/* @end */

/* @group quick buttons */
#quick-buttons {
	position: absolute;
	display: block;
	float: right;
	right: 160px;
	top: 18px;
	z-index: 90;
}
#quick-buttons .button {
	float: right;
	background: #fff;
	color: #f66e0e !important;
	position: relative;
	padding: 8px 20px 10px 20px;
	margin-right: 8px;
}
#quick-buttons .button span {
	color: #f66e0e;
	font: normal 18px/18px Montserrat-Light, Arial, Helvetica, sans-serif;
}
#quick-buttons #ready-product-button span {
	padding-right: 16px;
}
#quick-buttons #ready-product-button span.icon {
  content: "";
  display: block;
  float: left;
  line-height: 1px;
  padding: 0;
  margin: 0;
  width: 5px; 
  height: 14px;
  border: solid #f66e0e;
  border-width: 0 4px 4px 0; 
  position: absolute;
  right: 14px;
  top: 6px;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#quick-buttons #add-product-button span.icon {
	position: absolute;
	padding: 0;
	right: 10px;
	content: '+';
	font-weight: bold;
	font-size: 30px;
	line-height: 15px;
}
/* @end */

/* @group Mainmenu */
#nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	float: left;
	padding-top: 5px;
}

#nav ul{
	float:left;
	margin:0;
	padding: 0 0 0 0px;
	list-style:none;
}


#nav li{
	float:left;
	display: block;
}

#nav a{
	font: normal 18px/18px Montserrat-Light, Arial, Helvetica, sans-serif;
	display:block;
	padding: 24px 25px 23px 25px;
	color:#fff;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
}

html.no-touch #nav a:hover {
	color:#000;
	background: none;
	text-decoration:none;
	
}

html.no-touch #nav .active a:hover,
#nav .active a{
	color:#f66e0e;
	background:#fff;
	text-decoration:none;
}

.yritys_82 #nav .active a:hover,
 .yritys_82 #nav .active a{
	color:#1a73b5;
	background:#fff;
	text-decoration:none;
}


.yritys_84 #nav .active a:hover,
 .yritys_84 #nav .active a{
	color:#1a73b5;
	background:#fff;
	text-decoration:none;
}

/* @end */


#nav ul li#changeuser {
	position: absolute;
    left: 0;
    top: 75px;
    padding: 0;
    margin: 0;
}
#nav ul li#changeuser a {
    margin: 0;
    padding: 0;
}
#nav ul li#changeuser a span.adminUserLink {
	background: #ed4c05;
    color: #fff;
    border-radius: 0;
}


/* @group Tabmenu */


#tab-nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: block;
	/*float: left;*/
	margin: 0 0 24px 0;
	padding: 0 0 10px 0;
	/*overflow: hidden;*/
	width: 100%;
	/*height: 50px; ROMAN*/
	
}

#tab-nav ul{
	float:left;
	margin:0;
	padding: 0 0 0 0px;
	list-style: none;
}

#tab-nav li{
	float:left;
	display: block;
}

#tab-nav a{
	font: normal 16px/16px Montserrat-Light, Arial, Helvetica, sans-serif;
	display:block;
	padding: 15px 18px 14px 18px;
	color:#f66e0e;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #d6e3e6;
}


#tab-nav li.rest span {
	font: normal 16px/16px Montserrat-Light, Arial, Helvetica, sans-serif;
	display:block;
	padding: 15px 18px 14px 18px;
	height: 16px;
	width: 200px;
	color:#f66e0e;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #d6e3e6;
}
html.no-touch #tab-nav a:hover {
	color:#000;
	background: none;
	text-decoration:none;
	
}

html.no-touch #tab-nav .active a:hover,
#tab-nav .active a{
	color:#000;
	background:#fff;
	text-decoration:none;
	border-top: 1px solid #d6e3e6;
	border-left: 1px solid #d6e3e6;
	border-right: 1px solid #d6e3e6;
	border-bottom: 1px solid #fff;		
}

/* @end */





/* @group Mobile menu */

#mobile-menu-trigger {
	position: absolute;
	display: block;
	float: left;
	z-index: 2000;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	background: url(/images/logo/mobile-menu.png) no-repeat right 0px;	

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

#mobile-menu-trigger {
	display: none;	
}
#mobile-menu-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 1000px;
	display: none;
	float: left;
	background: rgba(0,0,0,0.5);
	z-index: 11000;
}
#mobile-menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: fixed;
	display: block;
	float: left;
	z-index: 12000;
	top: 0px;

	
	height: 100%;

	background: #fff;
	border-bottom: 14px solid #e3ebef;

	box-sizing: content-box;
	
	width: 260px;
	left: -260px;
	
	overflow: scroll;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}
.mobile-menu-header {
		list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: none;

	position: relative;
	border-bottom: 1px solid #e4f2f5;
	background: none;

	color: #f66e0e;
	text-decoration:none;
	font-family : Montserrat-Light, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	width: 88%;
	padding: 14px 6% 10px 6%;
	
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	height: 15px;
	
	cursor: default; 
	overflow: hidden;
	position: relative;
}
.close-mobile-menu {
	display: none;
}
#mobile-menu .close-mobile-menu {
		display: block;
	float: left;
	height: 39px;
	width: 39px;
	position: absolute;
	right: 0px;
	top: 0px;	
	background: url(/images/logo/mobile-products-menu.png) no-repeat right -50px;
	background-size: 40px 225px
	
}
#mobile-menu li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;

	position: relative;
	border-bottom: 1px solid #e4f2f5;
	background: none;

}
#mobile-menu li.open {  
	background: #e4f2f5;
	border-bottom: 1px solid #fff;
}
#mobile-menu li.open ul {
	border-top: 1px solid #fff;
}
#mobile-menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	border-top: 1px solid #cb292b;*/
}
#mobile-menu li a {	/* Node links */
	color: #f28d21;
	text-decoration:none;
	font-family : Montserrat-Light, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: bold;
	width: 88%;
	padding: 14px 6% 10px 6%;
	
	line-height: 10px;
	margin: 0px 0px 0px 0px;
	height: 15px;
	display: block;
	cursor: default; 
	overflow: hidden;
	position: relative;
}
#mobile-menu li ul li {
	background: #e4f2f5;
	border-bottom: 1px solid #fff;
}
#mobile-menu li ul li a {
	padding: 14px 0% 10px 16%;

	font-weight: normal;
	font-size:12px;
	width: 84%;

}
#mobile-menu li ul {
	border-bottom: none;
}
#mobile-menu li ul li {
/*	background: #cb292b;*/
	border-top: none;
/*	border-bottom: 1px solid #f66802;*/
}
#mobile-menu li ul li:last-child {
	border-bottom: none;
}
#mobile-menu li.open {
	background-position: right -140px;	
	
}
#mobile-menu li span.action {
	display: block;
	float: left;
	height: 39px;
	width: 39px;
	position: absolute;
	right: 0px;
	top: 0px;	
	background: url(/images/logo/mobile-products-menu.png) no-repeat right -183px;
	background-size: 40px 225px
}
#mobile-menu li.closed span.action {
	background-position: right -140px;
}
#mobile-menu li.closed>ul {
	display: none;
}
#mobile-menu li.active a {
	color: #000;
	font-weight: bold;
}
body.mobile-menu-active #mobile-menu-overlay {
	display: block;
	opacity: 1;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}
body.mobile-menu-active #mobile-menu {
	left: 0;
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}



/* @end */

/* @group Velox select */
.velox-select-wrapper {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 8px;
	

}
.velox-select-wrapper select {
	display: none;
}
.velox-select {
	display: block;
	float: left;
	width: 320px;
		border: 1px solid #c5d5d9;
	border-radius: 5px;

}
.velox-select {

}

.velox-select-trigger {
	display: block;
	float: left;

	background: url(/images/logo/select-bg-2x.png) no-repeat right 6px;
	background-size: 16px 16px;

	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.velox-select-value {
	display: block;
	float: left;
	background: transparent !important;
	border: none;
	font-size: 14px;
	line-height: 15px;
	height: 15px;
	padding: 7px 0 7px 3%;
	width: 97%;

	cursor: pointer;
	outline: none;
}
.velox-select-options {
	float: left;
	display: none;
	border-top: 1px solid #c5d5d9;
	background: #eee;
	width: 100%;
}
.show-options .velox-select-options {
	display: block;
}


.velox-select-options ul {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.velox-select-options ul ul {
	display: none;
	background: #ddd;
}
.velox-select-options ul.active ul {
	display: block;
}
.velox-select-options li {
	display: block;
	float: left;
	list-style: none;
	width: 100%;
	clear: both;
	cursor: pointer;
	
}
.velox-select-options li span {
	display: block;
	float: left;
	font-size: 14px;
	padding: 4px 0 4px 3%;
	width: 97%;
	color: #000;
	clear: both;
	-webkit-user-select: none;
}
.velox-select-options ul:hover span {
	
	color: #f66e0e;

}
.velox-select-options ul ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 3px 0 3px 7%;
	width: 93%;
	color: #000;
	-webkit-user-select: none;
}
.velox-select-options ul ul li:hover {
	color: #fff;
	background: #f66e0e;
}



/* @end */

.input-wrap {
	display: block;
	float: left;
	position: relative;
	width: auto;
	min-height: 33px;
	background: #fff;
}
.input-wrap input {
	background: none;
}
.input-wrap span.unit {
    display: block;
    float: right;
    position: absolute;
    right: 20px;
    top: 8px;
    color: #999;
}


/* @group Inputs */

.socool-units-input {
	min-width: 100%;
	min-height: 90px;
	overflow: hidden;
}


.socool-units-input-simple {
	min-width: 100%;
	min-height: 30px;
	overflow: hidden;
		border: 1px solid #dddddd;

}

.socool-units-input-simple .socool-units-input-wrap {
	width: 98%;
}

.socool-units-input-label-wrap {
    display: block;
    float: left;
    position: relative;
    min-height: 46px;
    width: 100%;

}


.socool-units-input label {
	font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 19px;
	
	display: block;
	float: left;
	position: absolute;
	bottom: 0;

	text-align: left;
	padding: 0 0 5px 0;
	color: #232323;
	width: 92%;
	
}

.socool-units-input-value-mirror,
.socool-units-input-value-unit,
.socool-units-input-unit-input {
	font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
}
.socool-units-input-unit-input {
	min-width: 150px;
}
input.socool-units-input-unit-input {
	margin-top: 1px;
}
select.socool-units-input-unit-input {
	margin-top: 1px;
	display: block;
	float: left;
	height: 31px;
}
.socool-units-input-wrap {
	display: block;
	float: left;
	position: relative;
	background: #fff;
	width: 98%;
	min-height: 33px;
	background: #fff;
}
.socool-units-input-unit-wrap {
	position: absolute;
	display: block;
	float: left;
	z-index: 1;
	width: 100%;
}
.socool-units-input-value-mirror {
	display: block;
	float: left;
	padding: 7px 8px 7px 11px;
	color: transparent;
}
.socool-units-input-value-unit {
	display: block;
	float: left;
	padding: 7px 0px; 
	color: #a2a2a2;
}

.socool-units-input-unit-input {
	position: relative;
	z-index: 10;
	padding: 6px 10px;
	border: none !important;
	background-color: transparent;
	color: #232323;
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
}

	.socool-units-input-unit-input {
		min-width: 100%;
		width: 100%;
		max-width: 100%;
	}

.input-kpl {
	display: block;
	float: left;
	width: 80px;
}


.input-maara {
	display: block;
	float: left;
	width: 80px;
}
.toimitustapa_selite p {
	margin-top: 6px;
}

#mobile-products-menu-trigger {
	width: 47%;
	max-width: 200px;
	display: block;
	float: left;
}

#mobile-search-wrap {
	display: block;
	float: left;
	width: 45%;
	max-width: 200px;
	margin-left: 2%;
}
#mobile-search-wrap input.search-input {
	width: 88%;
	line-height: 16px;
	font-size: 16px;
	padding: 7px 2px 6px 30px;
}



.big-select {
	background: url(/logo/select-bg-2x.png) no-repeat right 6px;
	background-size: 16px 16px;
	
	height: 29px;
	overflow: hidden;
	width: 320px;
	border: 1px solid #c5d5d9;
	border-radius: 5px;
	padding: 0;
	margin: 0;
	display: block;
	clear: both;
}

.big-select .select-link {
	background: transparent !important;
	color: #f66e0e;
	
	border: none;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	padding: 7px 10px 6px 10px;
	height: 30px;
	width: 368px;
	cursor: pointer;
	outline: none;
}
.big-select select {
	background: transparent !important;
	border: none;
	font-size: 14px;
	line-height: 15px;
	padding: 1px 3px 3px 3px; /* If you add too much padding here, the options won't show in IE */
	height: 30px;
	width: 368px;
	cursor: pointer;
	outline: none;
}

.lockedRow {
	font-style: italic;
}

.lockedRow td {	
	color: #5e5e5e;
}

.emptyService {
	color: #5e5e5e;
}

.additionalService {
	vertical-align: middle!important;
}

.additionalServiceMoney {
	white-space: nowrap;
	text-align: right;
}

/* @end */


    .no-margin                                        { margin: 0px !important; }

/* @group Base 960 Grid desktop */

/* #Base 960 Grid
================================================== */

    .container                                  { 
    	display: block;
    	float: left;
    	position: relative; 
    	width: 100%; 
    	margin: 0 auto; 
    	padding: 0; 
    }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 98%; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }

/* @end */

/* @group Päävalikko mobiili */

#nav-mobile {
	display: block;
	/* background: #f66e0e; */
	padding: 5px 15% 5px 15%;
	top: 56px;
	z-index: 10000;
}
#nav-mobile { 
display: none;
}
#nav-mobile ul {
	/*display: block; ROMAN*/
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
#nav-mobile li {
	display: block;
	float: left;
	width: 100%;
	border-bottom: 1px solid #f4b63a;
	padding: 0;
	padding-top: 2px;
	margin: 0;
	text-align: center;
}
#nav-mobile li:last-child {
	border-bottom: none;
}
#nav-mobile li a {
	display: block;
	/*float: left; ROMAN */
	text-align: center;
	/*width: 100%; ROMAN */
	padding: 7px 0 7px 0;
	color: #fff;
	text-decoration: none;
}

/* @end */

@media only screen and (max-width: 2040px) {
	
.product-wrap {
	width: 14.285%;
	
}
#left-content {
	width: 17%;
} 
#main-content {
	width: 80%;
}

}
@media only screen and (max-width: 1780px) {
	.product-wrap {
	width: 16.666%;
	
}
	#left-content {
		width: 20%;
	} 
	#main-content {
		width: 77%;
	}

}
@media only screen and (max-width: 1530px) {
	.product-wrap {
	width: 20%;
	
}
	#left-content {
		width: 22%;
	} 
	#main-content {
		width: 76%;
	}
}
@media only screen and (max-width: 1360px) {
	.product-wrap {
		width: 20%;
	}
	#left-content {
		width: 23%;
	} 
	#main-content {
		width: 75%;
	}
	#nav a {
		padding: 24px 20px 23px 20px;
	}

	#quick-buttons #add-product-button span {
		display: none;
	}
	#quick-buttons #add-product-button span.icon {
		display: block;
		top: 7px;
	}
	#quick-buttons #add-product-button:hover span {
		display: block;
	}
}
@media only screen and (max-width: 1280px) {
	

.product-wrap {
	width: 25%;
	
}
	#left-content {
		width: 25%;
	} 
	#main-content {
		width: 73%;
	}

}
@media only screen and (max-width: 1150px) {
	#left-content {
		width: 26%;
	} 
	#main-content {
		width: 72%;
	}
}
@media only screen and (max-width: 1080px) {
	#left-content {
		width: 27%;
	} 
	#main-content {
		width: 71%;
	}
	.style-three-columns-text .product-wrap {
		width: 50%;
	}
	#nav a {
		padding: 24px 14px 23px 14px;
	}


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

	.product-wrap {
		width: 33.3%;
		
	}
	table tr:first-child td a {
	
	    font-size: 14px;
	    line-height: 19px;
	}
	#left-content {
		width: 28%;
	} 
	#main-content {
		width: 70%;
	}
}
@media only screen and (max-width: 950px) {
	#product .product-info {
		width: 100%;
	}
	#product .product-image {
		width: 100%;
	}
	#user-menu-wrap{
		top: -7px; /* ROMAN */
	}
	#header #logo {
		padding: 0px 0px 0px 0px; /* ROMAN */
	}
	#mobile-content {
		display: block;
		float: left;
		width: 100%;
	}	
	.mobile-menu-header {
		display: block;
	}
	table.mobile {
		display: block;
		float: left;	
		width: 100%;
	}
	table.mobile tr {
		display: block;
		float: left;	
		width: 100%;
	}
	table.mobile tr th,
	table.mobile tr td {
		display: block;
		float: left;
		width: 92%;
		padding-left: 4%;
		padding-right: 4%;	
	}
	table.mobile tr td:first-child {
		padding-top: 10px;
	}
	table.mobile tr td input[type=number],
	table.mobile tr td input[type=text],
	table.mobile tr td input[type=password] {
		width: 100%;
	}		
	.product .product-cart-forms {
		display:flex;
		flex-direction:column;
	}
	#cart-notification {
		display: none !important;
	}
	#left-content {
		display: none;
	}
	#header {
		/*overflow: hidden; ROMAN*/
	}
	#header #cart { 
		padding: 13px 10px 13px 10px;
	}
	#header #cart-icon img {
		width: 30px;
		height: 27px;
	}
	#main-content {
		width: 96%;
		padding-right: 2%;
		padding-left: 2%;
		padding-bottom: 30px;
		padding-top: 10px;
	}
	#nav { 
		display: none;
	}

	#mobile-menu-trigger {
		display: none;	
	}
	#nav-mobile {
		display: none;
	}
	#quick-buttons {
		display: none;
	}
	#header #quick-buttons{
		width: 100%;
	}
	#header #quick-buttons a{
		margin-top: 5px;
		width: 100%;
		text-align: center;
		margin-right: 0 !important;
		float: none;
	}
	#quick-buttons #add-product-button span{
		display: block;
		text-align: center;
	}
	#content-overlay {
		display: none;
	}
	.mobile-menu-open #nav-mobile {
		display: block;
		position: absolute;
		background: inherit;
	}
	.mobile-menu-open #quick-buttons{
		display: block;
		margin-top: 30px;
		margin-bottom: 15px;
		position: relative;
		/*margin: 20px;*/
		width: 100%;
		left: 0;
	}
	#header #quick-menu-wrap{
		float: none;
		text-align: center;
		position: absolute;
		top: -25px;
		left: 50%;
	}
	#quick-menu{

	}
	.mobile-menu-open #content-overlay {
		display: block;
	}
	#nav-mobile{
		/* margin-top: 15px; */
	}
	#nav-mobile-trigger {
		display: block;
		padding: 8px 6px;
		cursor: pointer;
		width: 30px;
		float: left
	}
	#nav-mobile-trigger span {
		display: block;
		float: left;
		color: #fff;
		padding: 3px;	
	}
	#nav-mobile-trigger img {
		display: block;
		float: left;
		padding: 3px;
		color: #fff;
	}
	#footer {
		display: none;
	}
	#header #cart-icon {
		right: 0px;
	}
	#header #user-icon {
		display: none;
	}
	#header #logo {
		width: auto;
	}
	#header #logo img {
		width: 107px;
		height: 56px;
	}

	/* @group Base 960 Grid mobile.... */

	/* #Base 960 Grid
	================================================== */

    .container                                  { width: 100%; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-right: 20px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 47%; }
    .container .four.columns                    {  }
    .container .five.columns                    {  }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 75%; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 100%; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 100%; }




    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* @end */
}



@media only screen and (max-width: 619px) {
	#content {
		overflow-y: hidden;
	}
	.product-wrap {
		width: 48%;
	}
	.style-three-columns-text .product-wrap {
		width: 100%;
	}
	.loppuItems{
		display: none;
	}
	.btnGroup{
			margin: 18px 0;
	}
	span.description{
		display: block !important;
	}
}

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

.product-wrap {
	width: 100%;
	
}
.loppuItems{
		display: none;
	}

}


body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 19999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 20000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  /* zoom: 1; */
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(lightbox_images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(lightbox_images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(lightbox_images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  /* zoom: 1; */
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(lightbox_images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}







#header #cart-income {
	/*display: none;*/
	position: absolute;
	top: 8px;
	left: 156px;
	font-size: 22px;
	height: 17px;
	padding: 10px;
	/*background-color: red;*/
	border-radius: 44px;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 700px) {
  #header #cart-income {
		display: block;
	}
}

#header #cart-income a{
	color: #ffffff;
}
#header #cart-notification {
    display: block;
    float: left;
    position: absolute;
    top: 70px;
    right: 30px;
    display: none;
    color: #fff;
    padding: 0;
}
#header #cart-notification a {
    display: block;
    font-size: 14px;
    line-height: 15px;
    float: left;
    padding: 8px 10px 8px 10px;
    color: #fff;
    text-decoration: none;
}
#header #cart-notification.cart-has-items {
    background: #ed4c05;
    display: block;
}

#header #cart.cart-has-items {
    background: #ed4c05;
}
#cart-income #cart-icon-income {
    text-decoration: none !important;
}
#cart-income #cart-icon-income img {
    display: block;
    float: left;
}
#cart-income #cart-count-income {
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: bold;
    padding: 5px 0 5px 7px;
    display: block;
    float: left;
}
#header #cart-icon-income img {
    width: 40px;
    height: 37px;
}
a#jata-viesti-link{
	margin-bottom: 20px;
    display: block;
}

.varastolle{
background-color: #9fafa8;
}
.laskulle{
	background-color: #c5bebe;
}

.smalltext{
margin: 0px 0px 2px 20px;
    padding-left: 8px;
        font-weight: bold;
}


    .popup {
display: none;
    position: fixed;
    background-color: #f36e25;
    height: 217px;
    width: 300px;
    text-align: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 16px;
}

.popup-bottom input[type="button"]{
        float: none;
    display: inline-block;
        width: 250px;

}

.popup-top {
    height: 180px;
}

.popup-top textarea {
    width: 250px;
    height: 70px;
    margin: 0px 0px 23px 0px;
}

.popup-top p {
    margin: 0px 0px 0px 23px;
    text-align: left;
}
.popup-bottom {
    margin-top: -12px;
}

.popup img {
        transform: scale(0.6);
    /* position: relative; */
    display: inline-block;
    float: right;
    margin-bottom: -24px;
    margin-right: 6px;
}


.changeTrForm{
	display: inline-block;
}
.changeTrForm  input[type=submit] {
	float: none;
	display: inline-block;
}
.changeTr {
	margin-top: 190px;
	position: relative;
}

.two_column {
    display: inline-block;
    width: 560px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    top: -7px;
    position: relative;
    margin-left: 23px;
    vertical-align: top;
}




div.btn {
    display: inline-block;
    width: 130px;
    height: 40px;
    position: relative;
    text-align: center;
    background-color: #4a3b3b;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 21px;
    border-radius: 16px;
    cursor: pointer;
}

.btn.active{
background-color: #f36e25;
}

.btn_row{
    position: relative;
    top: 77px;
    margin-left: 50px;
    margin-bottom: 111px;
}
.choseGroup, .choosedGroup{
    margin: 15px 0px;
}

.group_v{

    background-color: #e01f1f;

}
.item_v{
	background-color: blue;
	    
}
.item_v p,.asiakas_v p {
    margin: 0 5px;
    padding: 0;
}
.asiakas_v p{

}
.item_v span.close, .asiakas_v span.close {
    position: absolute;
    right: 0px;
    top: -9px;
}

.asiakas_v, .item_v{
	height: 60px!important;
}
.asiakas_v{
	background-color: #c65dd4;
}
.multiChoose{
	    display: inline-block;
    width: 130px;
    height: 40px;
    position: relative;
    text-align: center;
	    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 21px;
    border-radius: 16px;
    cursor: pointer;
    overflow: hidden;
}
.btnGroup{
        display: inline-block;
    width: 130px;
    height: 40px;
    position: relative;
    text-align: center;
    background-color: #4a3b3b;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 21px;
    border-radius: 16px;
    cursor: pointer;
}

.chosed{
        background-color: #83e1d8;
}

.choseGroup > div , .choseGroup > select , .choseGroup > input, .choseGroup > span {
    margin-top: 15px;  
}
#go{
            display: inline-block;
    width: 130px;
    height: 40px;
    position: relative;
    text-align: center;
    background-color: #f36e25;
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    margin-left: 21px;
    border-radius: 16px;
    cursor: pointer;
    left: 130px;
    margin-top: 15px;
}

#pg{
    width: 127px;
    margin-left: 23px;
    height: 40px;
}

span.close{
    float: right;
    margin-right: 10px;
}


.loader{
    display: none;
    position: absolute;
    top: -14px;
    width: 100%;
    background-color: #fff;
    opacity: 0.5;
}



.month ul, .year ul {
        list-style: none;
     display: none; 
    position: absolute;
    z-index: 9;
    padding: 0;
    
    border-radius: 14%;
    background-color: #dcdada;
    color: black;
}


.YEARSelector{
    top: 23px;
    left: -60px;
    width: 100px;
    left: 12px;
}

ul.MONTHSelector {

    top: 23px;
    left: -60px;
    width: 256px;

}
ul.MONTHSelector li {
    font-size: 21px;
    width: 60px;
    height: 27px;
    padding-left: 5px;
    margin-top: 5px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

#byTuoteCode {
    margin-top: 24px;
    height: 22px;
    margin-left: 22px;
    width: 118px;
}


span.description {
    width: 130px;
    display: inline-block;
}


 .kampanja{
    position: relative;
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    text-align: center;
    top: -1px;
    margin-top: 6px;
    }
     .kampanja span{
            position: relative;
    top: 5px;
    font-size: 13px;
        color: #ffffff;
        font-weight: 100;
     }

     .activeKamp{
    position: absolute;
    left: 65px;
    top: 7px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    color: #f36e25;
     }


          .extra{

     }
.line span {
    display: inline-block;
    width: 100px;
     overflow: hidden; 
    height: 20px;
    text-align: center;
    text-align: left;
}
span.names1 {
    /*width: 100%;*/
}
span.names2 {
    width: 300px;
}


 @media only screen and (min-width: 760px) and (max-width: 800px){

        .fast-order_plus_price_edit .editblock {
    display: inline-block;
    width: 59%;
    position: relative;
    right: 2%;
}

.fast-order_plus_price_edit .editblock .editLine:nth-child(2) .submitTilaa{
        width: 90%;
 }

 .fast-order_plus_price_edit .product .cart-notification {
    top: 7px;
    left: 85%;
}
}


#smartpostInputAlt{
	width: 75px;
    position: relative;
}



ul.tabTest  {
    display: block;
    position: relative;
    top: -40px;
    left: -40px;

}

ul.tabTest li {
    display: block;
    float: left;
    width: 130px;
}






ul.tabTest li a {
    border-bottom: 1px solid #d6e3e6;
    display: block;
        padding: 15px 18px 14px 18px;
         text-transform: capitalize;

}

    

ul.tabTest li a.active {
        color: #000;
    background: #fff;
    text-decoration: none;
    border-top: 1px solid #d6e3e6;
    border-left: 1px solid #d6e3e6;
    border-right: 1px solid #d6e3e6;
    border-bottom: 1px solid #fff;
}



ul.objData {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    top: -60px;
    left: -30px;
}


ul.objData li {
    list-style: none;
}
ul.objData li.tuotetiedot {
display: inline-block;
    width: 600px;
    margin-top: 28px;
    clear: both;
    /* margin: 35px 0; */
    height: auto;
    position: relative;
}

ul.objData  li.tuotetiedot .names {
    float: left;
    display: inline-block;
    position: relative;
    width: 120px;
}
ul.objData  li.tuotetiedot .values {
    float: right;
    display: inline-block;
    position: relative;
    width: 480px;
    left: 10px;
}



 input.tuote-muokkaus[type=datetime-local]{
	    width: 178px;
    height: 28px;
}


input.submitRPWD{
	float: none;
	/*display: inline-block;*/
}

form#rmPWD input{
display: block;
    margin: 14px auto;
    width: 352px;
}


form#rmPWD input[type=submit]{
	    width: 363px;
}

input.submitRPWD2{
        float: none;
        /*display: inline-block;*/
}

form#rmPWD2 input{
display: block;
    margin: 14px auto;
    width: 352px;
}


form#rmPWD2 input[type=submit]{
            width: 363px;
}

#checkLoginField{
	min-width: 200px;
}

error{
	color: red;
    font-weight: bold;
}

.nrmlt{
	margin-left: 0!important;
}

#jalkitoimitus_checkbox{
	float: right;
}

.main_65 .showContent{
	display: none;
}

#dialog{
	display: none;
}

a.kerailyVirhe {
    position: relative;
    display: inline-block;
    border: 1px solid red;
    border-radius: 19px;
    height: 25px;
    width: 25px;
    line-height: 22px;
}

.someblock {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	min-width: 150px;
	max-width: 300px;
	margin-left: 20px;
}

.questionKeraily a.btn{
	width: 100px;
	display: inline-block;
	height: 30px;
	background-color: #b1b1b1;
	color: white!important;
	text-align: center;
	line-height: 29px;
}

.questionKeraily .btn.selected{
  background-color: #f3af4e;
}
.someblock span{
  margin-left: 10px;
}

.questionKeraily.error{
	border: 1px solid red;
}


.pseudoButtonLink{
	padding: 10px 20px !important;
	font-weight: normal;
	background-color: #9fb9c0;
	border: none !important;
	font-size: 15px !important;
	line-height: 15px !important;
	color: white!important;
	cursor: pointer;
	display: block;
	float: left;
	border-radius: 4px;
}
.secondBtn{
	margin-left: 50px;
}

.listOfAll li span {
	width: 150px;
	display: inline-block;
}


.yritys_90{
	    background: #9bcfe5!important;
}

.msg_title, .msg_footer{
	display: none;
}

.chat{
     width: 50%;
}
    .chat-history {
    display: block;
   
    overflow: scroll;
    height: 500px;
}

.chat-block {
    width: 100%;
    display: block;
    position: relative;
    min-height: 50px;
    overflow: auto;
}

.chat-block .own {
    float: right;
    background-color: #4ab34a;
}

.chat-block .ex {
    background-color: #b3b3b3;
}
.chat-body {
    width: 45%;
    margin: 10px 0;
    /* float: right; */
    
    padding: 10px;
    border-radius: 15px;
	color: #ffffff;
}

.chat-sender{
	font-size: 10px;
	color: #796f6f;
}

.search-item-box-title {
	display: inline-block;
    width: 100px;
    bottom: 10px;
    position: relative;
}

.search-item-box-form{
	display: inline-block;
}


a#new-messages{
	border-radius: 50%;
    width: 48px;
    height: 48px;
    position: relative;
    display: none;
    background-color: #ff0000;
    text-align: center;
    line-height: 44px!important;
    font-size: 23px;
    color: #fff;
    font-weight: bold;
    top: 7px;
    padding: 0!important;
    margin-right: 20px;
}


.tikkurila-item-header {
	margin-right: 0.2rem;
	height: auto;
	word-wrap: break-word;
}
.tikkurila-item-header p {
	font-weight: 100;
	color: #85928e;
	font-size: 12px;
}

.countryselector {
    height: 33px;
    padding: 0;
    font-family: Montserrat-Light, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 15px;
    border: 1px solid #c5d5d9;
}
.order-yks ul.order-yks-myks li {
	list-style: none;
}
.order-yks ul.order-yks-myks li div {
	display: inline-block;
	min-width: 100px;
}
.orderBtn_second{
	padding: 10px 20px !important;
	font-weight: normal;
	background-color: #9fb9c0;
	border: none !important;
	font-size: 15px !important;
	line-height: 15px !important;
	color: white;
	cursor: pointer;
	/*display: block;*/
	/*float: left;*/
	border-radius: 4px;
}


.order-yks-order input{
	display: inline-block;
	width: 60px;
}
.order-yks-order span {
	width: 32px;
	display: inline-block;
	/* text-align: center; */
	/* vertical-align: middle; */
	font-size: 14px;
	/* top: 6px; */
	position: relative;
	padding: 8px 4px 8px 5px;
}

.order-yks-order input[name=kpl] {
	/*width: 60px;*/
	float: left;
}
.order-yks li.active{
	background-color: #eaeaea;
}

table.new_yksikkot {
	width: 100%;
}
table.new_yksikkot input[type='radio']{
	margin: 0;
}

.new_yksikkot td {
    padding: 0!important;
    margin: 0;
}
.new_yksikkot tr {
    display: block;
}
.new_yksikkot td span {
    margin-left: 2px;
}

.error-input{
	border: 1px solid red!important;
}

.white-grey{
	font-weight: 100;
	color: #85928e;
	font-size: 12px;
}


select.select_gr{
	/*		-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;*/
}

select.select_gr option.poistettu_tuote {
	
    color: red;
    text-decoration: line-through;
}


.send-message-to-dialog{
	width: 100px;
	margin-left: 24px;
}
.ui-dialog-buttonpane {
    margin-top: -50px;
}
    .chat{
    width: 500px;
    overflow: hidden;
}
.chat-body {
	color: #000000;
}
.chat-created-at {
	text-align: right;
	font-size: 10px;
	line-height: 6px;
	color: #796f6f;
}
.chat-block .own {
    background-color: #DCFDC2;
}
.chat-block  .ex {
	background-color: #EBEAE7;
}
.chat-block-center {
	text-align: center;
}
.chat-block-center .chat-date{
    background-color: #ffffff;
    padding: 5px;
    vertical-align: middle;
    line-height: 34px;
    border-radius: 10px;
    border: 1px solid black;
    font-size: 10px;
}
.dialog_answer, .dialog_close{
	width: 40%!important;
	margin: 10px 0 0 0!important;
	display: inline-block;
	position: relative;
}
.dialog_answer{
    float: right;
}
.dialog_close{
    float: left;
}
.newMessageBlock {
    display: block;
    height: 50px;
    position: relative;
}
.newMessageBlock textarea{
   display: block;
    height: 50px;
    position: relative;
    width: 450px;
    margin-left: 25px;
}
.chat-history {
	display: inline-block;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 350px;
	width: 500px;
	overflow-y: auto;
}
.chat-body {
    overflow: hidden;
}

::-webkit-scrollbar {
    /*width: 0px;*/
}

.recipietl-list ul li {
	list-style: none;
}

/* <-- ROMAN 26.04.2023 */

.product .name, .product .info{text-align:center;}

/* ------ */
#user-menu-wrap #user-icon img.user-hover, 
#user-menu-wrap #user-icon:hover img.user-hover{display:block;}
#user-menu-wrap:hover #user-menu{display:block;}
#user-menu-wrap #user-icon{display: block !important;}
#user-menu-wrap #user-menu{margin-top:67px;margin-right: -64px;}
/* ------ */

/* Custom select */
.select-box {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    color: #60666d;
	font-family: 'Dubai Medium', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    z-index: 9;
    max-width: 230px;
    margin-left: 0;
    margin-bottom: 10px;
}
.select-box p {
	font-family: 'Dubai Medium', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}
@media (min-width: 768px) {
    .select-box {
        width: 70%;
    }
}
@media (min-width: 992px) {
    .select-box {
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .select-box {
        width: 30%;
    }
}
.select-box__current {
    position: relative;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    outline: none;
}

.select-box__current.active+.select-box__list {
    opacity: 1;
    -webkit-animation-name: none;
    animation-name: none;
}

.select-box__current.active+.select-box__list .select-box__option {
    cursor: pointer;
}

.select-box__current.active .select-box__icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.select-box__icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 15px;
    opacity: 1;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    filter: invert(100%);
}

.select-box__value {
    display: -webkit-box;
    display: flex;
}

.select-box__input {
    display: none;
}

.select-box__input:checked+.select-box__input-text {
    display: block;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
}

.select-box__input:checked+.select-box__input-text:hover {
    display: block;
    background-color: #89e2db;
    color: #fff;
}

.select-box__input-text.active {
    background-color: #89e2db !important;
}

.select-box__input-text {
    display: none;
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    background-color: #fff;
}

.select-box__list {
	display: none;
    position: absolute;
    width: 100%;
    padding: 0;
    list-style: none;
    opacity: 0;
    margin: 0;
    -webkit-animation-name: HideList;
    animation-name: HideList;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: step-start;
    animation-timing-function: step-start;
    box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.1);
}

.select-box__option {
    display: block;
}
.select-box__option a {
	 display: block;
	color: #fff;
	padding: 15px;
    background-color: #000;
    border-radius: 4px;
    color: #fff;
	padding: 10px 15px;
	text-decoration:none;
}
ul.select-box__list li {
    margin-bottom: 1px;
}

.select-box__option a:hover,
.select-box__option a:focus {
    color: #fff;
    background-color: #89e2db;
}

/* ------ */
.tuoteTypeCondition, .orderBlock {
    display: block;
    width: 100%;
    margin: 10px 0;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}
.tuoteTypeCondition .select-box p.select-box__input-text, 
.tuoteTypeCondition .select-box .select-box__list li .select-box__option a{text-transform: capitalize;padding: 8px;}
.tuoteTypeCondition .select-box p.select-box__input-text{
	height: 40px;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 9px 14px;
}
.tuoteTypeCondition .select-box__icon {right: 10px;width: 12px;}
.select-box .select-box__list .select-box__option a.active{display:none;}

/* 25 feb 21*/
.select-box__input-text {    
	padding: 12px 15px !important;
	padding-top: 12px !important;
	padding-right: 15px !important;
	padding-bottom: 12px !important;
	padding-left: 15px !important;
}
/* ROMAN 26.04.2023 --> */

.bg-danger{
	background: red;
	color: white !important;
}
.bg-danger::placeholder{
	color: white !important;
}
.border-danger{
	border: 2px red solid !important;
}

/* --- */
.collapse{
	display: none;
}
.collapse .in{
	display: block;
}
.velox_alert{
	padding: 10px 0;
	font-size: 150%;
}
.orange{
	color:white;
	background:orange;
}