html{
font-size:16px;
}
body {
font-family:'Fira Sans', sans-serif;
font-size: 0.9vw;
line-height: 1.4875;
color: #313130;
background:transparent;
margin: 0 auto;
display: block;
font-weight: 400;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
display: block;
}
img{
border:0;
border:none;
}
ul{
list-style-type:none;
}
.cover_bg{
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
}
.text-centered{
text-align:center;
}
.centered{
margin:0 auto;
}
.flex_display{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
/*Center horizontaly */
justify-content: center;
/*Center horizontaly ie */
-ms-flex-pack: center;
}
.flex_strech{
-webkit-box-align: stretch;
-moz-box-align: stretch;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
}
.flex_centerd_content{
justify-content: center;
}
.flex-start{
-webkit-align-self: flex-start;
-moz-align-self: flex-start;
-ms-align-self: flex-start;
-webkit-align-self: flex-start;
align-self: flex-start;
}
.flex_display_left{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: start;
align-items: start;
/*LEFT horizontaly */
justify-content: start;
/*Center horizontaly ie */
-ms-flex-pack: start;
}
/* ---------------------TRANSITIONS------------------------------- */
.producti_stil_tip figure a:hover, .sproducts_pprod ul li a:link {
transition: all 0.8s cubic-bezier(.33,.2,.25,1);
-moz-transition: all 0.8s cubic-bezier(.33,.2,.25,1);
-webkit-transition: all 0.8s cubic-bezier(.33,.2,.25,1);
-o-transition: all 0.8s cubic-bezier(.33,.2,.25,1);
}
* {
box-sizing: border-box;
}
/*
input, textarea, select{
width: 100%;
height: auto;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
display: block;
text-align: center;
border: 1px solid #ccc;
border-radius: 5px;
}
input:hover, textarea:hover, select:hover{
width: 100%;
height: auto;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
display: block;
text-align: center;
border: 1px solid #ccc;
border-radius: 5px;
}
*/
.float_left{
float:left;
text-align:left;
}
.float_right{
float:right;
text-align:right;
}
.row{
width: 100%;
height: auto;
display:block;
}
.row::after {
content: "";
clear: both;
display: table;
}
h1,h2,h3,h4,h5,h6{
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
text-align: center;
font-size: 15px
}
div, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block;
width:100%;
margin:auto;
}
a {
text-decoration: none;
color:#fff;
}
ul {
padding: 0;
}
li {
list-style: none;
}
.error,.error1 {
font-size: 80%;
color: #CC0000;
list-style-type: square;
padding-top: 10px;
padding-bottom: 7px;
}
.message {
font-size: 80%;
color: #006600;
list-style-type: square;
}
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
#header{
background: #fff; /* For browsers that do not support gradients */
margin:0 auto;
height:auto;
}
#main{
background: #fff;
margin:0 auto;
}
#footer{
background: #fff; /* For browsers that do not support gradients */
/*background: -webkit-linear-gradient(#fb1521,#fff); */
/*background: -o-linear-gradient(#fb1521,#fff);*/
/*background: -moz-linear-gradient(#fb1521,#fff); For Firefox 3.6 to 15 */
/*background: linear-gradient(#fb1521,#fff);Standard syntax */
/*-webkit-box-shadow: 0 0 2px #c0cce2;
box-shadow: 0 0 2px #c0cce2;
-moz-box-shadow: 0 0 2px #c0cce29;*/
margin:0 auto;
}
img {
max-width: 100%;
height: auto;
}
/*::selection {
background-color: #EBEBF2;
color: #83828D;
}*/
/* ==================================== */
/* Navigaton Menu
/* ==================================== */
.menu-wrap {
background: #fff; /* For browsers that do not support gradients */
position: fixed;
top: 0;
height: 100%;
width: 100%;
margin-left: -310px;
font-size: 0.8em;
font-weight: 700;
overflow: auto;
transition: .25s;
z-index: 2000;
display:none;
}
.menu-show {
margin-top: 0px;
margin-left: -46vw;
display: block;
}
.menu-sidebar {
margin: 25px 0 10px 10px;
position: relative;
}
.menu-sidebar li {
padding: 18px 22px 0;
/*padding: 8px 12px 0;*/
}
.menu-sidebar li > a {
/*color: #f3f3f3;
color:#7e96a2;*/
font-size: 1.18em;
position: relative;
text-transform: uppercase;
}
.menu-sidebar li > a::after {
content: "";
display: block;
height: 0.15em;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
transform: translate(-50%);
/*background-image: linear-gradient(to right, transparent 50.3%, #8abd4a 50.3%);*/
transition: background-position .2s .1s ease-out;
background-size: 200% auto;
}
.menu-sidebar li > a:hover::after {
background-position: -100% 0;
}
.menu-sidebar .menu-item-has-children {
position: relative;
border:1px solid #000;
margin:3px;
margin-top: 3px;
display: inline-block;
width: 90%;
text-transform: initial;
margin-top: 10px;
border-radius:8px;
padding:5px;
font-size: 13px;
text-align: center;
color: #000;
cursor: pointer;
}
.menu-sidebar .menu-item-has-children .sub-menu {
display: none;
}
.sidebar-menu-arrow::after {
font-family: "Font Awesome 5 Free" !important;
content: "\f107";
padding:0px;
padding-top: 0px;
padding-right: 0px;
color: #000;
position: relative;
float: right;
padding-right: 5px;
padding-top: 3px;
}
.sidebar-menu-arrow:hover::after {
cursor: pointer;
color: #000;
}
.sidebar-menu-arrow:active::after {
top: 2px;
}
/*filter-left*/
.menu-wrap-filter {
/*background-color: #6968AB;*/
background: #f3f4f8;
background: -webkit-linear-gradient(#f3f4f8,#fff);
background: -o-linear-gradient(#f3f4f8,#fff);
background: -moz-linear-gradient(#f3f4f8,#fff);
background: linear-gradient(#f3f4f8,#fff);
position: static;
/*top: 0;*/
height: 100%;
width: 90%;
min-width: 310px;
margin-left: -310px;
font-size: 0.8em;
font-weight: 700;
overflow: auto;
transition: .25s;
z-index: 10;
left: 0;
display: none;
}
.menu-show-filter {
margin-left: 0;
box-shadow: 4px 2px 15px 1px #ccc;
margin-top:40px;
display: block;
}
.menu-sidebar-filter {
margin: 25px 0 10px 10px;
position: relative;
}
.menu-sidebar-filter li {
/*padding: 18px 22px 0;*/
padding: 8px 12px 0;
}
.menu-sidebar-filter li > a {
/*color: #f3f3f3;*/
color:#7e96a2;
font-size: 1.18em;
position: relative;
}
.menu-sidebar-filter li > a::after {
content: "";
display: block;
height: 0.15em;
position: absolute;
top: 100%;
width: 100%;
left: 50%;
transform: translate(-50%);
background-image: linear-gradient(to right, transparent 50.3%, #ccc 50.3%);
transition: background-position .2s .1s ease-out;
background-size: 200% auto;
}
.menu-sidebar-filter li > a:hover::after {
background-position: -100% 0;
}
.menu-sidebar-filter .menu-item-has-children {
position: relative;
}
.menu-sidebar-filter .menu-item-has-children .sub-menu {
display: none;
}
.sidebar-menu-arrow-filter::after {
font-family: "Font Awesome 5 Free"!important;
content: "\f107";
padding: 10px;
color: #7e96a2;;
position: relative;
}
.sidebar-menu-arrow-filter:hover::after {
cursor: pointer;
color: #fff;
}
.sidebar-menu-arrow-filter:active::after {
top: 2px;
}
/*end filter menu*/
/*Hamburger Button*/
.toggle-button {
position: relative;
z-index: 3000;
}
.toggle-button:hover {
cursor: pointer;
}
.toggle-button .menu-bar {
position: absolute;
border-radius: 2px;
width: 100%;
transition: .5s;
}
.toggle-button .menu-bar-top {
top: 0;
border-bottom: 1px solid #463b5538;
border-left: 1px solid #463b5538;
border-radius: 15px;
/*margin-left: 14px;*/
}
.toggle-button .menu-bar-middle {
color: #f00;
text-transform: uppercase;
font-size: 80%;
}
.toggle-button .menu-bar-bottom {
border-bottom: 1px solid #463b5538;
border-left: 1px solid #463b5538;
border-radius: 15px;
top: 25px;
/*margin-left: 14px;*/
}
.button-open {
}
.button-open .menu-bar-top {
border-color: #463b5538;
transform: rotate(45deg) translate(8px, 8px);
transition: .2s;
margin-left: -20px;
}
.button-open .menu-bar-middle {
background-color: #463b5538;
transform: translate(230px);
transition: .1s ease-in;
opacity: 0;
}
.button-open .menu-bar-bottom {
border-color: #463b5538;
transform: rotate(-45deg) translate(7px, -7px);
transition: .2s;
margin-left: -20px;
}
/*Filter Button*/
.toggle-button-filter {
position: relative;
width: auto;
height: 30px;
top: -3px;
left: 10px;
padding: 4px;
transition: .25s;
z-index: 15;
float: left;
cursor: pointer;
background:none;
opacity:0.8;
}
.toggle-button-filter:hover {
cursor: pointer;
}
.toggle-button-filter .menu-bar-filter {
position: absolute;
border-radius: 2px;
width: 80%;
transition: .5s;
}
.toggle-button-filter .menu-bar-top {
border: 2px solid #fff;
border-bottom-color: rgb(255, 68, 68);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom: none;
top: 0;
width: 100%;
}
.toggle-button-filter .menu-bar-middle {
color: #142632;
font-size: 80%;
margin-left: -0px;
text-transform: uppercase;
border: 1px solid #463b56;
padding: 5px;
}
.toggle-button-filter .menu-bar-bottom {
border: 2px solid #fff;
border-top-color: rgb(255, 68, 68);
border-top-style: solid;
border-top-width: 1px;
border-top: none;
top: 22px;
width: 100%;
}
.button-open-filter {
left: 5px;
}
.button-open-filter .menu-bar-top {
border-color: #463b5538;
transform: rotate(45deg) translate(7px, 7px);
transition: .5s;
width: 60%;
margin-top: -5px;
}
.button-open-filter .menu-bar-middle {
background-color: #463b5538;
transform: translate(230px);
transition: .1s ease-in;
opacity: 0;
}
.button-open-filter .menu-bar-bottom {
border-color: #463b5538;
transform: rotate(-45deg) translate(7px, -7px);
transition: .5s;
width:60%;
}
/* Text Block */
.wrapper {
width: 100%;
margin: 5px auto 0;
display: inline-block;
}
.wrapper .text {
padding: 3px;
}
.wrapper .text .heading {
margin-bottom: 40px;
font-size: 2em;
}
.wrapper .text p {
line-height: 1.6em;
}
.wrapper .text .buttons {
margin-top: 40px;
}
/* Buttons */
.wrapper .buttons .button {
display: inline-block;
margin-right: 20px;
padding: 20px 25px;
border-radius: 2em;
background-color: #70CE64;
color: #fff;
font-size: .9em;
font-weight: 700;
transition: background-color .3s;
}
.wrapper .buttons .button-secondary {
background-color: #FF6746;
}
.wrapper .buttons .button-primary:hover {
background-color: #84D07A;
}
.wrapper .buttons .button-secondary:hover {
background-color: #FF7D60;
}
/*Active state for the buttons*/
.wrapper .buttons .button-primary:active {
background-color: #70CE64;
}
.wrapper .buttons .button-secondary:active {
background-color: #FF6746;
}
/*Icons*/
.wrapper .buttons .button span {
position: relative;
display: inline-block;
padding-right: 20px;
}
.wrapper .buttons .button span::after {
position: absolute;
font-family: "Font Awesome 5 Free"!important;
right: -3px;
font-size: 14px;
top: 0;
transition: top .3s, right .3s;
}
.wrapper .buttons .button-primary span::after {
content: "\f019";
}
.wrapper .buttons .button-secondary span::after {
content: "\f178";
}
/*Slight icons animation*/
.wrapper .buttons .button-primary:hover span::after {
top: 4px;
}
.wrapper .buttons .button-secondary:hover span::after {
right: -6px;
}
/*Jcartosel_respnsive*/
.jcarousel-wrapper {
/*margin: 20px auto;*/
position: relative;
/*border: 1px solid #555;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 2px #555;
-moz-box-shadow: 0 0 2px #555;
box-shadow: 0 0 2px #555;*/
}
.jcarouselnew-wrapper {
margin: 20px auto;
position: relative;
/* border: 10px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;*/
}
.jcarouselpromo-wrapper {
margin: 20px auto;
position: relative;
/*border: 10px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;*/
}
.jcarouselbulk-wrapper {
margin: 20px auto;
position: relative;
/*border: 10px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;
*/
}
.jcarouselgr3-wrapper {
margin: 20px auto;
position: relative;
/*border: 10px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 2px #999;
-moz-box-shadow: 0 0 2px #999;
box-shadow: 0 0 2px #999;*/
}
/** Carousel **/
@media only screen and (min-width: 990px){
.jcarousel {
position: relative;
overflow: hidden;
width: 100%;
}
}
@media only screen and (min-width: 990px){
.jcarousel {
position: relative;
overflow: hidden;
width: 100%;
margin-top: 6vh;
}
}
.jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.jcarousel li {
width: 200px;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom-right-radius: 15px;
}
.jcarousel img {
display: block;
max-width: 100%;
height: auto !important;
margin-top: 0px;
z-index: 800;
position: relative;
}
/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
color: #ecf1f6;
font: 35px/35px Arial, sans-serif;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
color: #5087d5;
font: 35px/35px Arial, sans-serif;
}
.jcarousel-control-prev {
left: 15px;
}
.jcarousel-control-next {
right: 15px;
}
/** Carousel Pagination **/
.jcarousel-pagination {
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
.jcarousel-pagination a {
text-decoration: none;
display: none;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #555;
color: #4E443C;
/*border-radius: 10px;*/
text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #555;
-moz-box-shadow: 0 0 2px #555;
box-shadow: 0 0 2px #555;
}
.jcarousel-pagination a.active {
background: #f2f2f2;
color: #000;
opacity: 1;
-webkit-box-shadow: 0 0 2px #555;
-moz-box-shadow: 0 0 2px #555;
box-shadow: 0 0 2px #555;
}
/*new,promo,bulk*/
/** Carousel **/
.jcarouselnew, .jcarouselpromo, .jcarouselbulk, .jcarouselgr3 {
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
}
.jcarouselnew ul, .jcarouselpromo ul, .jcarouselbulk ul, .jcarouselgr3 ul{
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.jcarouselnew li, .jcarouselpromo li, .jcarouselbulk li, .jcarouselgr3 li {
width: 200px;
float: left;
border: 1px solid #fff;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jcarouselnew img, .jcarouselpromo img, .jcarouselbulk img, .jcarouselgr3 img {
display: block;
max-width: 100%;
height: auto !important;
}
/** Carousel Controls **/
.jcarouselnew-control-prev,
.jcarouselnew-control-next,
.jcarouselpromo-control-prev,
.jcarouselpromo-control-next,
.jcarouselbulk-control-prev,
.jcarouselbulk-control-next,
.jcarouselgr3-control-prev,
.jcarouselgr3-control-next
{
position: absolute;
top: 50%;
margin-top: -15px;
width: 30px;
height: 30px;
text-align: center;
background: #eee;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 4px #F0EFE7;
-moz-box-shadow: 0 0 4px #F0EFE7;
box-shadow: 0 0 4px #F0EFE7;
opacity:0.5;
}
.jcarouselnew-control-prev, .jcarouselpromo-control-prev, .jcarouselbulk-control-prev, .jcarouselgr3-control-prev {
left: -15px;
}
.jcarouselnew-control-next, .jcarouselpromo-control-next, .jcarouselbulk-control-next, .jcarouselgr3-control-next{
right: -15px;
}
/** Carousel Pagination **/
.jcarouselnew-pagination, .jcarouselpromo-pagination, .jcarouselbulk-pagination, .jcarouselgr3-pagination {
position: absolute;
bottom: -40px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
.jcarouselnew-pagination a , .jcarouselpromo-pagination a , .jcarouselbulk-pagination a , .jcarouselgr3-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #fff;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #4E443C;
-moz-box-shadow: 0 0 2px #4E443C;
box-shadow: 0 0 2px #4E443C;
}
.jcarouselnew-pagination a.active , .jcarouselpromo-pagination a.active, .jcarouselbulk-pagination a.active, .jcarouselgr3-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}
/**Request_front**/
select, option{
border-radius: 10px;
font-size: 15px;
color: #000;
cursor: pointer;
background: #fff;
padding-left: 10px;
padding-right: 10px;
border: 1px solid #ccc;
}
/*
input{
border: 1px solid #ccc;
width: auto;
height: auto;
border-radius: 0px;
font-size: 90%;
color: #463b56;
cursor:pointer;
padding:3px;
}
input:hover{
border: 1px solid #463b56;
width: auto;
height:none;
font-size: 90%;
color: #463b56;
background-color: #fff;
cursor:pointer;
padding:3px;
}
*/
input[type=checkbox]{
border: 1px solid #eee;
min-width: auto;
width: 18px;
height: 18px;
border-radius: 0px;
font-size: 13px;
color: #463b56;
cursor:pointer;
}
input[type=checkbox]:ckecked{
border: 1px solid #463b56;
min-width: auto;
width: 18px;
height: 18px;
border-radius: 0px;
font-size: 13px;
color: #666;
background:#fff;
cursor:pointer;
}
input[type=radio]{
border: 1px solid #eee;
min-width: auto;
width: auto;
height: auto;
border-radius: 0px;
font-size: 13px;
color: #463b56;
cursor:pointer;
float:left;
margin:5px;
}
input[type=radio]:ckecked{
border: 2px solid #1B9853;
min-width: auto;
width: auto;
height: auto;
border-radius: 0px;
font-size: 13px;
color: #463b56;
cursor:pointer;
float:left;
margin:5px;
}
.radio_custcart{
margin:0px!important;
}
.labelbox {
color: #666;
font-size: 12px;
text-decoration:none;
}
.labelbox2 {
color: #666;
float:left;
font-size: 12px;
font-weight: bold;
margin: 8px 10px;
}
.labelbox_custcart {
color: #666;
float:left;
font-size: 12px;
font-weight: bold;
margin-left:3px;
}
.labelbox_yes {
color: #FF413A;
font-size: 12px;
font-weight: bold;
}
.labelbox_none {
color: #666;
font-size: 12px;
font-weight: bold;
}
.table_search{
/* border: #DDDBDB 1px solid;*/
border-collapse:collapse;
width:100%;
text-transform: uppercase;
color: #463b55;
}
.table_tr_serch{
border:#DDDBDB 1px solid;
background: #F1F9FE;;
/*background:#FFFFFF;*/
height:auto;
}
.table_tr_title{
border:#DDDBDB 1px solid;
background: #F7F7F7;
height:auto;
}
.table_tr_result_green{
background:#DFFEDA;
border:#DDDBDB 1px solid;
height:auto;
}
.table_td_serch{
border-right:#DDDBDB 1px solid;
font-size:12px;
height:auto;
}
.table_tr_serch1{
border:#C4C4FF 2px solid;
/*background: #F7F7F7;*/
background:#F1F9FE;
height:auto;
}
.table_td_serch1{
border-right:#DDDBDB 1px solid;
font-size:12px;
height:auto;
}
.table_tr_serch_result{
border:#DDDBDB 1px solid;
background:#f2f2f2;;
height:20px;
}
.table_td_serch_result{
border-right:#DDDBDB 1px solid;
font-size:11px;
vertical-align:middle;
text-align:center;
text-transform: uppercase;
}
.table_td_serch_result a:link{
font-size:11px;
text-transform: uppercase;
color:#666;
font-weight:400;
}
.table_td_serch_result a:link{
font-size: 11px;
text-transform: uppercase;
color: #333;
font-weight: 500;
text-decoration: none;
}
.table_td_serch_result_title{
border-right:#ccc 1px solid;
font-size:12px;
vertical-align:middle;
text-align:center;
text-transform:uppercase;
}
.table_td_serch_result_right{
border-right:#DDDBDB 1px solid;
font-size:12px;
font-weight:bold;
vertical-align:middle;
text-align:right;
}
.table_td_serch_result_c{
border-right:#3EC932 1px solid;
background:#C4FFAA;
}
.table_td_serch_result_c_onstok{
border-right:#EBFFA8 1px solid;
background:#EBFFA8;
}
.table_td_serch_result_right{
border-right:#DDDBDB 1px solid;
text-align:right;
}
input#search1 {
width: 150px;
height: 28px;
padding: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
outline: none;
border: 1px solid #ADDEAD;
font-size: 15px;
line-height: 22px;
color: #463b56;
}
input#search1:hover, input#search1:focus {
color: #463b56;
border: 1px solid #36a2d2;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1);
}
/*menu prodiindex*/
.menuprodindex{
clear: both;
width: 100%;
overflow: hidden;
margin:0px;
}
/*.menuprodindex li {display: inline;}*/
.menuprodindex li {
display: inline;
display: block;
float: left;
line-height: 25px;
padding: 0 15px;
background: #FFFFFF;
text-transform: uppercase;
color: #666;
text-decoration: none;
margin-right: 3px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
}
.menuprodindex li.active {
display: inline;
display: block;
float: left;
line-height: 25px;
padding: 0 15px;
background:#eee;
text-transform: uppercase;
color:red;
text-decoration: none;
margin-right: 3px;
border-top: 1px solid #eee;
border-right: 1px solid #eee;
border-left: 1px solid #eee;
}
.menuprodindex li a, .menuprodindex li a:visited {
text-transform: uppercase;
text-decoration:none;
}
.menuprodindex li a:hover {color: #000;
text-transform: uppercase;
text-decoration:none;
}
#loading_test{
z-index:1000;
top:10px;
position:relative;
margin-top:10px;
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
height:100px;
width:100px;
display:block;
}
/*speed search*/
#suggestions{ position: relative; left:5px; width:280px; display:none; max-height:300px; overflow-y: auto;
overflow-x: hidden;z-index:1000;}
#suggestions_speed{ position: relative; left:5px; width:auto; display:none; max-height:300px; overflow-y: auto;
overflow-x: auto;z-index:1000;}
/* SEARCHRESULTS */
#searchresults { border-width:1px; border-color:#DDDBDB; border-style:solid; width:280px; background-color:#FFFFFF; font-size:10px; line-height:90%; }
#searchresults a { display:block; background-color:#FFFFFF; clear:left; height:50px; text-decoration:none; border-bottom:1px solid #E2E2E2;}
#searchresults a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults a img { float:left; padding:5px 10px; }
#searchresults a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults a:hover span.searchheading { color:#ffffff; }
#searchresults a span { color:#463b56; }
#searchresults a:hover span { color:#f1f1f1; }
#searchresults span.category { font-size:11px; margin:5px; display:block; color:#E2E2E2; }
#searchresults span.name { font-size:12px; font-weight:900; margin:5px; display:block; color:#DDDBDB; }
#searchresults span.seperator { float:right; padding-right:15px; margin-right:5px; }
#suggestions_search{ position: relative; left:5px; width:280px; display:none; max-height:320px; overflow-y: auto;
overflow-x: hidden;z-index:1000;}
/* SEARCHRESULTS */
#searchresults_search { border-width:1px; border-color:#DDDBDB; border-style:solid; width:280px; background-color:#FFFFFF; font-size:10px; line-height:90%; }
#searchresults_search a { display:block; background-color:#FFFFFF; clear:left; height:56px; text-decoration:none; border-bottom:1px solid #E2E2E2;}
#searchresults_search a:hover { background-color:#b7b7b7; color:#ffffff; }
#searchresults_search a img { float:left; padding:5px 10px; }
#searchresults_search a span.searchheading { display:block; font-weight:bold; padding-top:5px; color:#191919; }
#searchresults_search a:hover span.searchheading { color:#ffffff; }
#searchresults_search a span { color:#463b56; }
#searchresults_search a:hover span { color:#f1f1f1; }
#searchresults_search span.category { font-size:11px; margin:5px; display:block; color:#DDDBDB; }
#searchresults_search span.name { font-size:12px; font-weight:900; margin:5px; display:block; color:#181818; }
#searchresults_search span.seperator { float:right; padding-right:15px; margin-right:5px; }
/*nova sekciq 01.10.2014*/
.title_main_search_span{
font-size:20px; color:#8BC78B; font-weight:200;margin-right:5px;
}
.clear_filter{
cursor:pointer; font-size:11px; color:#F00;
}
.title_search_span{
font-size:100%;
vertical-align:top;
text-transform: uppercase;
}
.select_searchtype_span{
width:100px;
/*
width:100px;
padding:1px;
border: 1px solid #F00;
font-size:11px;
color:#F00;
*/
}
.select_search_span{
width:150px;
/*width:150px;
height:20px;
padding:2px;
border: 1px solid #8BC78B;
font-size:11px;
*/
}
.select_search_span_custgr{
width:250px;
height:30px;
padding:2px;
border: 1px solid #8BC78B;
}
.select_searchtime_span{
width:100px;
height:28px;
}
.select_searchtime_span:hover{
width:100px;
height:28px;
}
.select_searchsot_long{
width:250px;
/*
width:250px;
padding:2px;
border: 1px solid #8BC78B;
font-size:10px;
height:20px;
margin-top:3px;
*/
}
.select_searchsot_long:hover{
width:250px;
/*
width:250px;
padding:2px;
border: 1px solid #8BC78B;
font-size:10px;
height:20px;
margin-top:3px;
*/
}
.name_skladcart{
border:#8BC78B 1px dotted;
min-width:300px;
width:auto;
height:auto;
float:left;
}
.select_mquantity{
/*
width:65px;
padding:1px;
border: 1px solid #8BC78B;
font-size:11px;
height:20px;
*/
width:65px;
}
.select_searchsot_span{
/*
width:60px;
padding:2px;
border: 1px solid #8BC78B;
font-size:11px;
height:20px;
*/
width:60px;
}
.select_search_div{
float:left;
padding-right:5px;
/*border: 1px solid #FFAD96;*/
}
.tr_shablon2010{
border:#463b56 1px solid; background:#F2FFE1;
}
.nom_name_shablon2010{
background:#CBFEFE; color:#ED6782;
}
.inpbutton_shablon2010{
float:left;
padding:5px;
margin-top:15px;
border:#B90226 1px solid; color:#B90226;
background:#FEF3F1;
font-size:11px;
font-weight:bold;
cursor:pointer;
}
.inpbutton_skladcart{
float:left;
padding:5px;
margin-top:15px;
border:#B90226 1px solid; color:#B90226;
background:#FEF3F1;
font-size:12px;
font-weight:bold;
cursor:pointer;
}
.inputkw{
font-size:12px;
color:#463b56;
padding:3px;
width:140px;
border: 1px solid #8BC78B;
height:28px;
margin:3px;
}
.inputkw:hover{
font-size:12px;
color:#463b56;
padding:3px;
width:140px;
border: 1px solid #8BC78B;
height:28px;
margin:3px;
}
.input_long{
font-size:12px;
color:#463b56;
padding:3px;
width:220px;
border: 1px solid #8BC78B;
}
.input_long:hover{
font-size:12px;
color:#463b56;
padding:3px;
width:220px;
border: 1px solid #8BC78B;
}
.inputskladcart{
font-size:12px;
color:#463b56;
padding:3px;
width:75px;
border: 1px dotted #FFAD96;
margin:1px;
}
.inputskladcart:hover{
font-size:12px;
color:#463b56;
padding:3px;
width:75px;
border: 1px dotted #FFAD96;
margin:1px;
}
.tablecell_1{
border:#DDDBDB 1px solid;
max-height: 40px;
vertical-align:top;
}
.tablecell_2{
border:#DDDBDB 1px solid;
background:#F7F7F7;
max-height: 40px;
vertical-align:top;
}
.textsize_grid{
font-size:12px;
text-align:center;
vertical-align:middle;
color:#463b56;
}
.promocolor{
color:#463b56;
}
.availablecolor{
color:999;
}
.bulkcolor{
color:red;
}
.idlink{
padding: 5px 15px;
background: #fff;
cursor: pointer;
height: auto;
width: auto;
display: block;
text-decoration: none;
}
.idlink:hover{
padding: 5px 15px;
background: #eee;
cursor: pointer;
text-decoration: underline;
font-weight:500;
height: auto;
width: auto;
display: block;
}
.idlink_todo{
padding: 3px 3px;
background: #fff;
cursor: pointer;
border:1px solid #eee;
text-decoration: none;
}
.idlink_todo:hover{
padding: 3px 3px;
background: #eee;
cursor: pointer;
text-decoration: underline;
font-weight:500;
}
.title_marka_grid{
color:#999; font-size:10px;
}
.bad_name_title_grid{
color:#F00; text-decoration: line-through; background-color: #FF0;
text-align:center;
vertical-align:middle;
}
.bezcena_grid{
color:#333; text-decoration:line-through;
text-align:center;
vertical-align:middle;
}
.oldprice_grid{
color:#333; text-decoration:line-through;font-size:10px;
text-align:center;
vertical-align:middle;
}
.green_button{
background:#DFFEDA;
height:40px;
width:100%;
border:#67D107 2px solid;
color:#ccc;
font-weight:800;
font-size:15px;
cursor:pointer;
text-align:center;
margin:10px;
padding:10px;
}
.green_button:hover{
background:#eee; height:40px; width:100%; border:#67D107 2px solid; color:#ccc; font-weight:800; font-size:15px; cursor:pointer; text-align:center; margin:10px;padding:10px;
}
.select_nomdb_span{
width:330px;
padding:2px;
border: 1px solid #FFAD96;
font-size:11px;
}
.inv_detail_td{
border:1px solid #eee;
vertical-align:top;
font-size: 12px;
text-transform: uppercase;;
}
.inv_detail_div_title{
vertical-align: top;
font-size: 12px;
background: #eee;
height: 20px;
color: #666;
font-weight: 800;
text-transform: uppercase;
}
.inv_detail_label{
float:left; margin-left:5px; border:1px solid #0375A0; height:36px; background:#E7FBC1;padding:2px; margin-top:2px;
}
.inv_detail_label_ord{
float:left; margin-left:5px; border:1px solid #A4340B; height:36px; background:#DFFEDA; padding:2px; margin-top:2px;
}
.inv_detail_label_div{
background: #CBD9FE; border:1px solid #0375A0; height:46px;
}
.order_detail_stat_td{
background: #eee; border:1px solid #ccc; height:auto;
}
.order_detail_stat_tr{
background: #f2f2f2;
border: #CCC 1px solid;
height: 18px;
font-size: 15px;
text-transform: capitalize;
}
.order_detail_stat_main{
vertical-align:top; margin:3px; padding:2px;
}
.order_product_tr{
background:#eee; border:#CCC 1px solid; height:25px;
}
.order_product_tr_price{
background:#c3d69b; border:#CCC 1px solid; height:25px;
}
.order_product_stat_td_main_left{
background:#fff;
vertical-align:top;
width:98%;
display: inline-table;
padding:3px;
}
.order_product_stat_td_main_right{
background:#fff;
vertical-align:top;
width:98%;
display: inline-table;
padding:3px;
}
.order_product_bold{
font-weight:700;
font-size:13px;
}
.order_detail_send{
/*background: #EEE none repeat scroll 0% 0%;*/
height: auto;
width: 95%;
border: 1px solid #eee;
color: #333;
font-weight: 200;
font-size: 13px;
padding: 5px;
cursor: pointer;
text-align: center;
margin-top: 5px;
display: block;
float: left;
margin-bottom: 3px;
}
.order_detail_send:hover{
background: #EEE none repeat scroll 0% 0%;
height: auto;
width: 95%;
border: 1px solid #ccc;
color: #333;
font-weight: 200;
font-size: 13px;
padding: 5px;
cursor: pointer;
text-align: center;
margin-top: 5px;
display: block;
float: left;
margin-bottom: 3px;
}
.order_detail_send a{
color: #666;
text-decoration: none;
}
.order_detail_send a:hover{
color: #999;
text-decoration: none;
}
.new_customer_baseinfo{
background: #fff;
float: left;
margin-bottom: 3px;
max-height: 300px;
width: 100%;
display: flex;
border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 990px){
.new_customer_baseinfo{
float: none;
background: #fff;
margin-bottom: 3px;
max-height: 300px;
width: 100%;
display: block;
border-bottom: 1px solid #ccc;
}
}
.new_customer_baseinfo_title{
font-size: 0.9vw;
font-weight: 300;
width: auto;
max-width: 100%;
text-align: left;
text-transform: uppercase;
margin: 3px;
margin-top: 3px;
margin-bottom: 3px;
margin-top: 5px;
margin-bottom: 5px;
border: 1px solid #ccc;
padding: 0.6vw;
border-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-left-radius: 0px;
margin-bottom: 25px;
color: #313130;
}
.new_customer_baseinfo_firma{
font-size:100%;
font-weight:300;
text-align:left;
text-transform:uppercase;
margin:3px;
border:1px solid #ccc;
border-radius:3px;
padding:5px;
margin-top:5px;
margin-bottom:5px;
min-height: 50px;
}
.new_customer_baseinfo_input_long{
font-size: 0.9vw;
color: #515151;
padding: 5px;
width: 13vw;
border: 1px solid #ccc;
margin: 3px;
border-radius: 10px;
background: #fff;
}
.new_customer_baseinfo_input_long:hover{
font-size: 0.9vw;
color: #515151;
padding: 5px;
width: 13vw;
border: 1px solid #ccc;
margin: 3px;
border-radius: 10px;
}
@media only screen and (max-width: 990px){
.new_customer_baseinfo_input_long{
font-size: 4vw;
color: #000;
padding: 5px;
width: 50vw;
border: 1px solid #ccc;
margin: 3px;
border-radius: 10px;
background: #fff;
text-align: center;
}
.new_customer_baseinfo_input_long:hover{
font-size: 4vw;
color: #000;
padding: 5px;
width: 50vw;
border: 1px solid #ccc;
margin: 3px;
border-radius: 10px;
background: #fff;
text-align: center;
}
}
.new_customer_baseinfo_input_short{
font-size:100%;
color:#463b56;
padding:3px;
width:150px;
border: 1px solid #67D107;
margin:3px;
text-align: center;
}
.new_customer_baseinfo_input_short:hover{
font-size:90%;
color:#463b56;
padding:3px;
width:150px;
margin:3px;
text-align: center;
}
.new_customer_baseinfo_table{
width:100%;
padding:2px;
}
.new_customer_baseinfo_green_button{
background: none repeat scroll 0% 0% #eee;
height: 40px;
width: 300px;
border: 1px solid #67D107;
color: #67D107;
font-weight: 600;
font-size: 18px;
padding: 4px;
cursor: pointer;
margin-top:3px;
}
.new_customer_baseinfo_green_button:hover{
background: none repeat scroll 0% 0% #eee;
height: 40px;
width: 300px;
border: 1px solid #67D107;
color: #67D107;
font-weight: 900;
font-size: 18px;
padding: 4px;
cursor: pointer;
text-decoration:underline;
}
.new_customer_baseinfo_green_button_small{
background: none repeat scroll 0% 0% #eee;
height: auto;
width: 200px;
border: 1px solid #67D107;
color: #67D107;
font-weight: 600;
font-size: 90%!important;
padding: 4px;
cursor: pointer;
margin-top:3px;
float:left;
}
.new_customer_baseinfo_green_button_small:hover{
background: none repeat scroll 0% 0% #eee;
height: auto;
width: 200px;
border: 1px solid #67D107;
color: #67D107;
font-weight: 900;
font-size: 90%!important;
padding: 4px;
cursor: pointer;
text-decoration:underline;
float:left;
}
.delivery_object_list_height{
height:30px;
}
.curr_prod{
font-size:1.1vw;
}
.curr{
font-size:12px;
}
@media only screen and (max-width: 980px){
.curr_prod{
font-size:4vw;
}
}
.welcome_title{
text-align: left;
font-size: 90%;
font-weight: 500;
color: #1B9853;
padding: 2px;
}
.casa_plus_header{
text-align:center;
font-size:12px;
color:#1B9853;
cursor:pointer;
font-weight:300;
padding:3px;
border:1px solid #1B9853;
text-decoration:none;
background:#eee;
}
.casa_minus_header{
text-align:center;
font-size:12px;
color: #D3053E;
cursor:pointer;
font-weight:300;
padding:3px;
border:1px solid #D3053E;
text-decoration:none;
background:#FEE9D3;
}
.floatl_class{
float:left;
text-align:left;
font-size:13px;
}
.floatr_class{
float:right;
text-align:left;
font-size:13px;
}
.invoice_sklad_cart_data_right{
list-style:none;
width:40%;
height:auto;
float:right;
border:1px dotted #ccc;
padding:5px;
margin:5px;
display:block;
background: #fff;
}
.invoice_sklad_cart_data_right li , .invoice_sklad_cart_data_leff li{
margin-top:3px;
}
.invoice_sklad_cart_data_left{
list-style:none;
width:50%;
height:auto;
float:left;
border:1px dotted #ccc;
padding:5px;
margin:5px;
display:block;
background: #fff;
}
.invoice_sklad_cart_data_priemast{
list-style:none;
width:95%;
height:auto;
float:left;
border:1px dotted #ccc;
padding:5px;
margin:5px;
display:block;
background: #fff;
}
.invoice_sklad_cart_data_priemast li{
margin-top:3px;
}
.invdetail_pay_casa{
margin-left: 3px;
border: 1px solid #67D107;
color:#67D107;
font-size: 12px;
height: 20px;
width: 30px;
background: #DFFEDA;
padding: 2px;
margin-top: 2px;
cursor:pointer;
}
.invdetail_pay_casa:hover{
margin-left: 3px;
border: 1px solid #6AA06A;
font-size: 12px;
height: 20px;
width: 30px;
color:#FFF;
background: #67D107;
padding: 2px;
margin-top: 2px;
cursor:pointer;
}
.invdetail_pay_casa_part{
float:right; margin-left:3px; border:1px solid #B4737F; height:20px; width:100px; font-size:10px; background: #eee; padding:2px;cursor:pointer;
}
.invdetail_pay_casa_paid{
height:100%;width:100%; background: #B5F9AE; padding:5px;display: table-cell; border:1px solid #fff;
}
.invdetail_pay_casa_paid:hover{
height:100%;width:100%; background: #fff; padding:5px; display: table-cell; border:1px solid #ccc;
}
.inv_varshablon_button{
float:left; margin-left:5px; border:1px solid #67D107; height:26px; background: #eee; cursor:pointer;
}
.inv_varshablon_button:hover{
float:left; margin-left:5px; border: 1px solid #6AA06A; height:26px; color:#FFF;
background: #67D107; cursor:pointer;
}
.det_inf_text
{
float: left;
font-size:13px;
margin-left: 2px;
line-height:16px;
color:black;
}
.displayimage{
width:250px;
height:250px;
border:1px solid #eee;
margin:2px;
float:left;
display:block;
}
.display_prod_param{
width:500px;
height:auto;
border:1px solid #eee;
margin:2px;
float:left;
display:block;
}
.display_all_info{
width:100%;
height:auto;
border:1px solid #eee;
margin:2px;
float:left;
display:block;
}
.svetoiz {
margin-top: 5px;
border: 1px solid #7a7878;
width: 500px;
}
.pl_img{
width:250px;
}
.value_nom_div{
width:100%;
height:auto;
margin-top:5px;
margin-bottom:5px;
padding:3px;
display:inline-block;
}
.table_row1{
border:#CCC 1px solid;
}
.table_row2{
border:#CCC 1px solid; background:#F7F7F7;
}
.main_table_main{
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.main_table_main td {
border:1px solid #ccc;
vertical-align:top;
}
.cust_price_level{
background: #dffde3;
border: 1px solid #419c03;
width: 50px;
border-radius: 10px;
float: left;
display: block;
height: 25px;
text-align: center;
padding: 5px;
font-size: 12px;
text-transform: uppercase;
}
#order_stats_slide{
width: 40%;
display:block;
margin:5px;
padding:2px;
background: #FFEDDF;
min-height:25px;
height:auto;
float:left;
}
#order_stats{
width:99%;
display:inline-block;
padding:5px;
background: #FFEDDF;
min-height:100px;
height:auto;
display:none;
z-index:100;
}
#order_stats_slide_inv{
width: 58%;
display: block;
margin: 5px;
padding: 2px;
background: #C6EBC6;
min-height: 25px;
height: auto;
float: right;
}
.order_stats_slide_inv_bezfu{
width: 50%;
display: block;
margin: 5px;
padding: 2px;
background: red;
min-height: 25px;
height: auto;
float: right;
}
#order_stats_inv{
width:98%;
display:block;
padding:5px;
background: #C6EBC6;
min-height:100px;
height:auto;
display:none;
z-index:100;
float:right;
}
.sklad_doc_order_detail{
float: left;
width: 98%;
display: block;
cursor: pointer;
background: #FFF;
color: #1B9853;
border: 1px solid #eee;
text-align: center;
font-size: 18px;
margin: 5px;
height: 25px;
}
.inv_doc_order_detail{
width: 98%;
display: block;
cursor: pointer;
background: #fff;
color: #1B9853;
border: 1px solid #eee;
text-align: center;
font-size: 15px;
margin: 5px;
height: 25px;
float: left;
}
.refresh_admin_btn{
width: 15px;
display: block;
float: right;
cursor:pointer;
padding-left: 5px;
padding-right: 5px;
margin: 2px;
}
.refresh_admin_btn:hover{
width: 15px;
display: block;
float: right;
cursor:pointer;
padding-left: 5px;
padding-right: 5px;
background: #DFFEDA;
margin: 2px;
}
.select_search_div{
width:auto;
display: block;
font-size: 15px;
color:#757575;
margin-top:5px;
padding:3px;
height: auto;
}
#todo_nomid_div{
width:100%;
display: inline-block;
font-size: 15px;
color:#757575;
margin-top:5px;
padding:3px;
height: auto;
background: #eee;
border: 1px solid #757575;
}
.nomid{
width:90%;
display: inline-block;
font-size: 15px;
color:#757575;
margin-top:5px;
padding:3px;
height: auto;
background: #f2f2f2;
border: 1px solid #eee;
}
.select_searchsot_nomid{
width:90%;
display: block;
font-size: 15px;
color:#757575;
margin-top:5px;
padding:3px;
height: auto;
background: #f2f2f2;
border: 1px solid #eee;
}
.custcart_speedsearch{
padding: 5px;
width: 100%;
height: auto;
background: #DFFEDA;
border: #ccc 1px solid;
margin-bottom: 5px;
}
.order_product_ul {
list-style: none;
text-align: left;
}
.color_red{
color: red;
}
.color_green{
color: #1B9853;
}
.color_666{
color: #666;
}
.color_999{
color: #999;
}
.width_input100{
min-width:100px!important;
width:100px!important;
}
.width_input50{
min-width:80px!important;
width:80px!important;
}
.width_input100{
min-width:100px!important;
width:100px!important;
}
.width_input200{
min-width:200px!important;
width:200px!important;
}
.width_input500{
min-width:500px!important;
width:400px!important;
}
.txtbox_ajax{
font-size: 13px;
color: #292929;
width: auto;
min-width: 400px;
border: 1px solid #ccc;
border-radius: 0px;
background-color: #fff;
display: inline-block;
height: 25px;
cursor: pointer;
padding: 3px;
margin: 5px;
}
.txtbox_ajax:hover{
border: 1px solid #1B9853;
min-width:400px;
width: auto;
height: 25px;
border-radius: 0px;
font-size: 13px;
color: #463b56;
background-color: #F6F4F4;
cursor:pointer;
padding:3px;
margin:5px;
}
.selbox_ajax:hover{
font-size: 0.8vw;
color: #292929;
width: auto;
min-width: 15vw;
display: block;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #fff;
margin: 5px;
height: 30px;
}
.selbox_ajax{
font-size: 0.8vw;
color: #292929;
width: auto;
min-width: 15vw;
display: block;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #fff;
margin: 5px;
height: 30px;
}
@media only screen and (max-width: 990px){
.selbox_ajax:hover{
font-size: 13px;
color: #000;
width: auto;
max-width: 300px;
display: block;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #F6F4F4;
margin: 5px;
height: 30px;
padding: 3px;
min-width: 300px;
}
.selbox_ajax{
font-size: 13px;
color: #000;
width: auto;
max-width: 300px;
display: block;
border: 1px solid #ccc;
border-radius: 10px;
background-color: #fff;
margin: 5px;
height: 30px;
padding: 3px;
min-width: 300px;
}
}
.orderpr_pole{
width: auto;
display: block;
font-size: 0.9vw;
color: #444;
font-weight: 400;
float: left;
}
.orderpr_image{
max-width: 149px;
width: auto;
display: block;
border-bottom-left-radius: 14px;
}
.orderpr_prodname{
width:300px;
display: block;
font-size: 0.9vw;
color: #444;
font-weight: 400;
float: left;
margin: 5px;
text-transform: none;
}
.orderpr_qtty{
width:auto;
display: block;
font-size: 0.9vw;
color: #444;
font-weight: 400;
float: left;
margin: 5px;
text-transform: none;
}
.orderpr_price{
width:auto;
display: block;
font-size: 0.9vw;
color: #444;
font-weight: 400;
margin: 5px;
text-transform: none;
text-align:center;
}
/*#responsive_unknown*/
.browse_cat_search_div{
display:block;
padding-top:5px;
padding-bottom:5px;
position:relative;
width:100%;
height:auto;
}
.view_next_page_btn{
width: 100%;
/*border: 1px solid #142632;*/
display: flex;
text-align: center;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
}
.view_plus_page_btn{
width: auto;
background: #fff;
display: block;
text-align: center;
color: #463b56;
cursor: pointer;
margin: 10px;
height: auto;
padding: 5px;
}
.view_plus_page_btn:hover{
width: auto;
background: #fff;
display: block;
text-align: center;
color: #fff;
cursor: pointer;
margin: 10px;
height: auto;
padding: 5px;
}
.view_plus_page_title_count{
width: auto;
border: 1px solid #142632;
background: #f3f4f8;
display: block;
text-align: center;
color: #463b56;
margin: 10px;
height: auto;
padding: 5px;
}
.search_next_page_m{
color:#142632;
padding-left:4px;
cursor:pointer;
}
.search_prev_page_m{
color:#d23414;
padding-left:4px;
cursor:pointer;
}
.link_browse_delivery {
color:#463b56;
text-decoration: underline;
}
.link_browse_delivery:hover{
color:#142632;
text-decoration: underline;
}
.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
background-color: #3e8e41;
}
/* The container - needed to position the dropdown content */
.dropdown,.dropdown_index {
position: relative;
display: inline-block;
}
/* Links inside the dropdown */
/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #d23414}
/* Links inside the dropdown */
.dropdown-content_index a {
color: black;
padding: 10px 5px;
text-decoration: none;
display: block;
}
/* Change color of dropdown links on hover */
.dropdown-content_index a:hover {background-color: none}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
.catalog_title{
height: auto;
min-height: 50px;
/* background-color: #f9f9f9; */
float: left;
z-index: 1000;
}
.browse_nom_start{
width: 100%;
height: auto;
font-size: 80%;
border: 1px solid #f1d7da;
background: #fff;
text-align: left;
color: #7e96a2;
z-index: 10;
max-height: 230px;
margin-left:0px!important;
padding:0px!important;
margin-top:0px!important;
}
.brnom_start{
font-size:100%;
font-weight:800;
text-align:left;
color:#463b56;
display: inline-block;
margin:0px!important;
padding:0px!important;
}
.brnom_h2{
padding:0px;
margin:0px;
text-align:center;
font-size:100%;
color:#463b56;
text-transform:uppercase;
display:block;
}
/*
.filter-open{
display: block;
}
.filter-close{
display:none;
}
*/
/*product_item_class*/
.ceni_text_product_one_mozaika
{
float:left;
}
.zadraskana_cena_mozaika
{
float:left;
text-decoration:line-through;
color:#3f3c3c;
font-size:50%;
margin-right:14px;
margin-left:92px;
}
.product_price_promotion_filter{
color:#d11219;
}
.ceni_razprodajba_mozaika_table
{
display:block;
float:left;
width: 80px;
color:#d11219;
font-weight:bold;
font-size:50%;
}
.ceni_promociq_mozaika
{
display:block;
float:left;
color:#73a925;
font-weight:bold;
font-size:100%;
margin-left:36px;
}
.ceni_novi_mozaika
{
display:block;
float:left;
color:#463b56;
font-weight:bold;
font-size:80%;
margin-left:36px;
}
.copon_name{
color: #7F7F7F;
font-size: 65%;
width: 100%;
display: block;
padding: 5px;
text-align: center;
}
.copon_name_item{
color: #f00;
font-size: 65%;
width: 100%;
display: block;
padding: 5px;
text-align: center;
height: auto;
min-height: 20px;
}
/*end product_item*/
/*filtri_left*/
/*filtyr*/
.slide1{
background: #034f2b;
padding-left: 5px;
color: #fff;
font-weight: 700;
text-align: center;
border-radius: 5px;
}
.cat_item{
width: 100%;
padding: 5px;
margin: 2px;
height: auto;
display: inline-block;
}
.cat_item input{
width: 15px;
height: 15px;
float: left;
padding: 2px;
}
.left_menu_caption1
{
display:inline-block;
margin: 3px;
}
.cat_item a:hover
{
text-decoration:none;
color:#142632;
text-decoration: underline;
}
#tablica_fol
{
width:auto;
}
.div_subs{
width: 100%;
}
/*** custom checkboxes ***/
/*input[type=checkbox] { display:none; }*/ /* to hide the checkbox itself */
.cat_item input[type=checkbox]{ display:block; }
/*.cat_item input[type=checkbox] + a:before {
font-family: FontAwesome;
display: inline-block;
}*/
h3 {
padding: 0px;
margin: 0px;
display: inline-flex;
}
/*.cat_item input[type=checkbox] + a:before {width:20px; height:20px; content: "\f10c"; }*/ /* unchecked icon */
/*.cat_item input[type=checkbox] + a:before { letter-spacing: 10px; } *//* space between checkbox and label */
/*.cat_item input[type=checkbox]:checked + a:before {width:20px; height:20px; content: "\f05d"; }*/ /* checked icon */
/*.cat_item input[type=checkbox]:checked + a:before { letter-spacing: 5px; }*/ /* allow space for check mark */
/*special input*/
.producti_stil_tip h2 input[type=checkbox]{ display:none; }
.producti_stil_tip h2 input[type=checkbox] + a:before {
font-family: FontAwesome;
display: inline-block;
}
.producti_stil_tip h2 input[type=checkbox] + a:before {width:20px; height:20px; content: "\f10c"; } /* unchecked icon */
.producti_stil_tip h2 input[type=checkbox] + a:before { letter-spacing: 10px; } /* space between checkbox and label */
.producti_stil_tip h2 input[type=checkbox]:checked + a:before {width:20px; height:20px; content: "\f05d"; } /* checked icon */
.producti_stil_tip h2 input[type=checkbox]:checked + a:before { letter-spacing: 5px; } /* allow space for check mark */
/*browse_product*/
.browse_products{
width:100%;
height:auto;
margin:0px auto;
/*padding: 10px;*/
max-width: 1380px;
}
.browse_product_title {
font-size: 120%!important;
min-height: 30px;
height: auto;
font-weight: bold;
text-decoration: none;
color: #264796;
text-align: center;
margin-top: 10px;
background-color:#fff;
padding:5px;
text-transform:uppercase;
border-bottom:1px solid #264796;
}
.h5_browse_product_back{
padding:0px; margin:0px; min-height:25px;height:auto; margin-top:10px;margin-bottom:10px; border:1px solid #f3f4f8;display:block; border-top-left-radius: 3em;border-bottom-left-radius: 3em;padding-top:5px; text-align:center;
width: 100%;background:#fff;
}
.h5_browse_product_back:hover{
padding:0px; margin:0px; min-height:25px; height:auto; margin-top:10px;margin-bottom:10px; border:1px solid #ddd; display:block; border-top-left-radius: 3em;border-bottom-left-radius: 3em;padding-top:5px; text-align:center;width: 100%;background:#f3f4f8;color:#463b56;
}
.h5_browse_product_back a{
color: #463b56;
font-size: 100%;
font-weight: 500;
cursor: pointer;
}
.main_product_img {
width:100%;
height:auto;
background: #fff;
display:block;
}
.pl_param {
font-weight: normal;
font-size: 100%;
/*background-color: #fcfdff;*/
color:#463b56;
float: left;
width: 40%;
padding-left: 10px;
}
.pl_price {
width: auto;
float: left;
color: #463b56;
font-size: 90%;
font-weight: bold;
padding-left:5px;
}
.pl_price_bestbrowse {
font-size: 100%;
color: #463b56;
font-weight: bold;
}
.pl_price_oldbrowse {
font-size: 90%;
color: #463b56;
font-weight:100!important;
}
.pl_widebrowse {
width: 100%;
font-size: 110%;
font-weight:bold;
text-align:left;
}
/*end browse product price*/
.pl_available, a.pl_available:link, a.pl_available:visited, a.pl_available:active, a.pl_available:hover {
color: green;
font-weight: normal;
font-size:95%;
padding: 0 2px 0 5px;
}
.pl_promotional, a.pl_promotional:link, a.pl_promotional:visited, a.pl_promotional:active, a.pl_promotional:hover {
color: #F00;
font-weight: normal;
font-size:95%;
padding: 0 2px 0 5px;
}
.pl_bulk, a.pl_bulk:link, a.pl_bulk:visited, a.pl_bulk:active, a.pl_bulk:hover {
color: red;
font-weight: bold;
}
.pl_no_warahouse, a.pl_no_warahouse:link, a.pl_no_warahouse:visited, a.pl_no_warahouse:active, a.pl_no_warahouse:hover {
color: #F00;
font-weight: bold;
font-size:95%;
}
.copon_name{
color:#7F7F7F;
font-size:80%;
color: #F00;
font-size: 80%;
background: #fff;
}
.browse_product_price_buy{
width: 100% !important;
height: auto;
float: left;
}
.add_cart_browse_product_btn{
width:100%;
padding:10px;
height:auto;
color:#fff;
font-weight: 600;
background:#f00;
border:2px solid #ddd;
border-radius: 5px;
display: inline-block;
margin-top:5px;
margin-bottom: 5px;
cursor: pointer;
text-align: center;
margin-left: 0px!important;
}
.add_cart_browse_product_btn:hover{
width:100%;
padding:10px;
height:auto;
color:#fff;
font-weight: 600;
background: #142632;
border:2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
margin-top:5px;
margin-bottom: 5px;
text-decoration: underline;
cursor: pointer;
text-align: center;
margin-left: 0px!important;
}
.browse_product_status_info{
width: 100%;
padding: 10px;
background: #fff;
margin: 5px;
display: block;
}
.browse_product_status_sravni{
width: 100%;
padding: 10px;
background: #fff;
margin: 5px;
display: block;
float:left;
}
.browse_product_status_detail{
width: 100%;
padding: 10px;
background: #fff;
display: block;
float:left;
}
.browse_product_status_detail_h{
width: 100%;
padding: 10px;
background: #fff;
margin: 5px;
display: block;
float:left;
}
.product_details_div_detail_info_menu_background_active_tab {
float: left;
/*background-image:url(../images/sh2_orange/caption_bg.gif);
background-position: bottom;
background-repeat:repeat-x;*/
background: #fff;
height: 36px;
width: 142px;
text-align: center;
margin-right: 4px;
border-right: 1px solid #d23414;
border-top: 1px solid #d23414;
border-left: 1px solid #d23414;
font-weight: bold;
}
.product_details_div_detail_info_menu_background_inactive_tab {
float: left;
height: 36px;
width: 142px;
text-align: center;
margin-right: 4px;
font-weight: normal;
border-right: 1px solid #d23414;
border-top: 1px solid #d23414;
border-left: 1px solid #d23414;
}
.browse_product_other{
width:100%;
height: auto;
margin-top:10px;
display: inline-block;
background-color: #fff;
}
.h5_browse_product_other{
color: #313130;
padding: 5px;
margin: 0px;
font-size: 100%;
font-weight: 700;
margin-top: 10px;
margin-bottom: 10px;
display: block;
height: auto;
background:#f3f4f8;
width:100%
}
.h5_browse_product_other a{
color:#313130;
font-size:100%;
font-weight:700;
cursor:pointer;
}
.h5_browse_product_other a:hover{
color:#baabcc;
font-size:100%;
font-weight:700;
cursor:pointer;
}
.browse_product_other_items{
padding-top:10px;
padding-bottom:10px;
position:relative;
display:block;
}
.comp_title_browse_product{
color:#f1d7da; font-size:80%; font-weight:500;
}
.menu1
{
margin:0;
padding:0;
width:100%;
height:30px;
display: inline-block;
}
.menu1 li
{
float:left;
/*width: 93.5%;*/
width: 99%;
min-width: 110px;
height: 30px;
display: block;
background: #fff;
margin: 5px;
}
.menu1 li a{
padding-bottom: 2px;
color: #313130!important;
font-size: 100%!important;
font-weight: bold!important;
display: block!important;
border-bottom: 2px solid #313130!important;
height: 30px;
width: 100%;
min-width: 110px;
float:left;
text-align: center;
}
.menu1 li.ui-tabs-active{
background:#f3f4f8;
border-radius: 5px;
}
.menu1 li.active a
{
border-bottom: 2px solid #142632!important;
width: 100%;
min-width: 110px;
height: 30px;
float:left;
display: block;
color:#142632;
}
.content11
{
float: left;
width: auto;
position: relative;
background-color: #fff;
width: 100%;
display: block;
}
/*cart_dialog*/
/*#cart_dialog, #fcart_dialog {
display: block;
margin: 5px;
padding: 5px;
top: 5px;
border: 3px solid #d23414;
border-radius:5px;
background: #FFF;
z-index: 1000;
position:fixed;
overflow: scroll;
right:0px;
width:auto;
}
*/
#cart_dialog{
display: block;
margin-top: 10px;
padding: 5px;
border: 1px solid #463b56;
border-radius: 5px;
background: #FFF;
z-index: 1100;
position: fixed;
overflow: hidden;
width: auto;
float:right;
}
#fcart_dialog{
display: block;
padding: 5px;
border: 3px solid #444446;
border-radius: 5px;
background: #FFF;
z-index: 1300;
position: relative;
overflow-y: hidden;
overflow-x: hidden;
width: 40%;
margin: 10 auto;
padding:10px;
}
.fcart_dialog_close{
border: 3px solid #F293A4;
border-radius: 3px;
color: #FF0000;
font-size: 90%;
cursor: pointer;
padding: 3px;
width: auto;
float: left;
margin: 5px;
text-align: center;
}
.fcart_dialog_close:hover{
border: 3px solid #F293A4;
background:#F293A4;
border-radius: 3px;
color: #FF0000;
font-size: 90%;
cursor: pointer;
padding: 3px;
width: auto;
float: left;
margin: 5px;
text-align: center;
}
.cart_dialog_close{
border: 1px solid #463b56;
border-radius: 3px;
color: #463b56;
font-size: 90%;
cursor: pointer;
padding: 3px;
width: 45%;
float: left;
margin: 5px;
text-align: center;
}
.cart_dialog_close:hover{
border:1px solid #777f85;
border-radius: 3px;
color:#777f85;
font-size:90%;
cursor:pointer;
padding:3px;
background:#fff;
width:45%;
float: left;
margin: 5px;
text-align: center;
}
.cart_dialog_url{
border: 1px solid #463b56;
border-radius: 3px;
color: #463b56;
font-size: 90%;
cursor: pointer;
padding: 3px;
width: 45%;
float: right;
margin: 5px;
text-align: center;
}
.cart_dialog_url:hover{
border:1px solid #777f85;
border-radius: 3px;
color:#777f85;
font-size:90%;
cursor:pointer;
padding:3px;
background:#fff;
width:45%;
float: right;
margin: 5px;
text-align: center;
}
.cart_dialog_title{
color: #463b56;
background: #f3f4f8;
text-align: center;
}
.subcaption_title {
/*padding: 0px 3px 0px 10px;*/
height: auto;
text-align: left;
color: 555;
font-size: 100%;
font-weight: 500;
/*border-left: 1px solid #ccc;*/
text-align: center;
}
.cl_price {
text-align:right;
color: #444;
font-size: 70%;
font-weight: bold;
}
.cl_total {
vertical-align: top;
text-align: right;
color: #444;
font-size: 70%;
font-weight: 400;
}
.cl_border_left {
/*border-left: 1px solid #ccc;*/
}
.cart_table_border{
/*border: 1px solid #F7F7F7;*/
margin:0px;
}
.cart_tr_border{
background-color:#E5E5E5;
}
.order_final_table{
border:8px solid #ccc; border-top: 8px solid #ccc; width:100%;
}
.oddrow{
background: #fff;
font-size: 75%;
color:#463b56;
font-weight: 400;
text-align: center;
}
.evenrow{
background: #fff;
font-size: 75%;
color:#555;
font-weight: 400;
text-align: center;
}
.op_row1_sv
{
width: 100%;
height: auto;
min-height: 25px;
border-bottom: 1px dotted #f00;
border-left: 1px dotted #f00;
margin-bottom: 2px;
display: inline-block;
border-radius: 5px;
}
.op_row2_sv
{
width: 100%;
height: auto;
min-height: 25px;
border-bottom: 1px dotted #f00;
border-left: 1px dotted #f00;
margin-bottom: 2px;
display: inline-block;
border-radius: 5px;
}
.svprod_td_title{
text-align:center;
font-size:80%;
color:#787878;
font-weight:600;
}
.svprod_td{
text-align: center;
font-size: 80%;
color: rgb(120, 120, 120);
font-weight: 300;
text-align: center;
vertical-align: middle;
border: 1px solid #d23414;
}
.svprod_td h4{
font-size:100%;
font-weight:500;
}
.svprod_td a{
text-align: center;
font-size: 80%;
color: rgb(120, 120, 120);
font-weight: 300;
text-align: center;
vertical-align: middle;
cursor:pointer;
}
.svprod_td a:hover{
text-align: center;
font-size: 80%;
color: rgb(120, 120, 120);
font-weight: 300;
text-align: center;
vertical-align: middle;
text-decoration:underline;
cursor:pointer;
}
/*div table*/
/*
.rTable {
display: table;
width: 100%;
}
.rTableRow {
display: table-row;
}
.rTableHeading {
display: table-header-group;
background-color: #ddd;
}
.rTableCell, .rTableHead {
display: table-cell;
padding: 3px 10px;
border: 1px solid #999999;
}
.rTableHeading {
display: table-header-group;
background-color: #ddd;
font-weight: bold;
}
.rTableFoot {
display: table-footer-group;
font-weight: bold;
background-color: #ddd;
}
.rTableBody {
display: table-row-group;
}
*/
.rTable {
display: block;
width: 100%;
}
.rTableHeading, .rTableBody, .rTableFoot, .rTableRow{
clear: both;
}
.rTableHead, .rTableFoot{
background-color: #DDD;
font-weight: bold;
}
.rTableHead {
border: 1px solid #999999;
float: left;
height: 25px;
overflow: hidden;
padding: 3px 1.8%;
width: 25%;
font-size: 80%;
}
.rTableCell{
float: left;
min-height: 30px;
font-size: 110%;
font-weight: 500;
overflow: hidden;
padding: 3px 1.8%;
width: 49%;
border-bottom: 1px solid #f3f4f8!important;
/*border-left: 1px solid #d23414;
border-right: 1px solid #d23414;*/
}
.rTableCell1{
float: left;
min-height: 30px;
font-size: 110%;
font-weight: 400;
overflow: hidden;
padding: 3px 1.8%;
width: 49%;
border-bottom: 1px solid #f3f4f8!important;
/*border-left: 1px solid #d23414;
border-right: 1px solid #d23414;*/
}
.rTable:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
#suggestions_search{ position: relative; width:100%; display:none; min-width:300px; overflow-y: auto;margin: 0 auto;
padding: 5px; overflow-x: hidden;z-index:1000;left:-60px;
}
/* SEARCHRESULTS */
#searchresults_search ul{
border:1px solid #463b56;
width:100%;
min-width: 300px;
background-color: #f3f4f8;
font-size:100%;
}
#searchresults_search li {
display:inline-block;
background-color:#fff;
clear:left;
width: 100%;
height: auto;
min-height:56px;
border-bottom:1px solid #ccc;
}
#searchresults_search li a {
background-color:#f3f4f8;
color:#555;
text-decoration:none;
}
#searchresults_search li a:hover {
background-color:#fff;
color:#666;
}
#searchresults_search li a img {
float:left;
padding:5px 10px;
width:20%
}
#searchresults_search li a span.searchheading {
display:block;
font-weight:bold;
padding-top:5px;
color:#463b56;
}
#searchresults_search li a:hover span.searchheading { color:#555; }
#searchresults_search li a span { color:#463b56; }
#searchresults_search li a:hover span { color:#666; }
#searchresults_search li span.category { font-size:90%!important; margin:5px; display:block; color:#555; }
#searchresults_search li span.name { font-size:90%!important; font-weight:900; margin:5px; display:block; }
#searchresults_search li span .seperator { float:right; padding-right:15px; margin-right:5px; }
/*pagemenu_mobile*/
.pagemenu_mobile{
position: fixed;
bottom: 10px;
margin-top:100px;
display: inline-block;
padding:10px;
border: 1px solid #c0cce2;
background: #d23414;
max-width: 310px;
}
.pagemenu_mobile .menu-item-has-children {
position: relative;
border: 1px solid #c0cce2;
margin: 3px;
display: inline-block;
width: 90%;
padding: 2px;
}
.pagemenu_mobile li{
padding: 8px 12px 0;
border: 1px solid #c0cce2;
margin: 3px;
display: inline-block;
width: 90%;
padding: 2px;
}
/*footer*/
.footer_menu{
width:100%;
display:inline-block;
height: auto;
margin-top:5px;
margin-bottom: -6px;
background-color: #f7f8fc;
}
.header_menu_pages li{
width: auto;
height: inherit;
display: block;
float: left;
padding: 4px;
background: #fff;
margin: 5px;
border-bottom: 2px solid #d23414;
}
.footer_menu li{
width: auto;
height: inherit;
display: block;
float: left;
padding: 4px;
background: #fff;
margin: 5px;
border-radius: 5px;
border: 1px solid #c0cce2;
}
.footer_menu li a, .header_menu_pages li a {
font-size:90%;
cursor: pointer;
}
.footer_menu li a:hover , .header_menu_pages li a:hover{
font-size:90%;
cursor: pointer;
text-decoration: underline;
color:#d11219;
}
.tradernet_notice{
width: 100%;
display: inline-block;
min-height:30px;
height: auto;
background-color: #d23414;
text-align: center;
}
/*Page Menu*/
.pagemenu {
font-size: 12px;
color: #1655C9;
}
.pagemenu_content {
font-size: 12px;
color: #313130;
}
.pagemenu_selected {
background-color: white;
border: 1px solid #7e96a2;
font-size: 15px;
text-align: center;
padding-top: 2px;
padding-right: 10px;
padding-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
color: #313130;
width: 30px;
height: 30px;
}
.pagelink, a.pagelink:link, a.pagelink:visited, a.pagelink:active {
text-decoration: none;
color: #8e8e8e;
font-weight: bold;
background-color: white;
border: 1px solid #8e8e8e;
font-size: 14px;
text-align: center;
padding-top: 2px;
padding-right: 10px;
padding-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
a.pagelink:hover {
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #313130;
}
.pagelink_nextpage, a.pagelink_nextpage:link, a.pagelink_nextpage:visited, a.pagelink_nextpage:active {
font-size: 14px;
text-decoration: none;
color: #7e96a2;
font-weight: bold;
}
a.pagelink_nextpage:hover {
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #7e96a2;
}
.pagelink_nextpages, a.pagelink_nextpages:link, a.pagelink_nextpages:visited, a.pagelink_nextpages:active {
font-size: 14px;
text-decoration: none;
color: #7e96a2;
font-weight: bold;
}
a.pagelink_nextpages:hover {
font-size: 14px;
font-weight: bold;
text-decoration: none;
color: #7e96a2;
}
.padding_left {
padding-left: 5px;
}
/*index products*/
.index_products{
display: inline-block;
width: 100%;
height: auto;
background-color: #fff;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
.sproducts_pprod ul li {
width: auto !important;
max-width: 15%!important;
margin: 5px !important;
padding: 5px !important;
border: 1px solid #f1d7da;
background: #fff;
position: relative;
text-align: center;
}
.sproducts_pprod ul li:hover {
width: auto !important;
max-width: 15%!important;
margin: 5px !important;
padding: 5px !important;
background: #f3f4f8;
position: relative;
text-align: center;
border: 1px solid #f1d7da;
}
.index_prod_items{
display:inline-block;
width:100%;
height: auto;
margin-top:5px;
margin-bottom:5px;
}
/*pictograms_browse*/
.pictograms_browse{
width: 100%;
height: auto;
display: inline-block;
padding: 5px;
}
.pictograms_browse img{
float: left;
width:25%;
max-width: 70px;
}
/* nomstat_link link*/
/*
.nomstat_link input[type=checkbox]{ display:none; }
.nomstat_link input[type=checkbox] + a:before {
font-family: FontAwesome;
display: inline-block;
}
*/
/*nomstat_tpl*/
/*.nomstat_link input[type=checkbox] + a:before {width:16px; height:16px; content: "\f10c"; }*/ /* unchecked icon */
/*.nomstat_link input[type=checkbox] + a:before { letter-spacing: 10px; }*/ /* space between checkbox and label */
/*.nomstat_link input[type=checkbox]:checked + a:before {width:16px; height:16px; content: "\f05d"; }*/ /* checked icon */
/*.nomstat_link input[type=checkbox]:checked + a:before { letter-spacing: 5px; }*/ /* allow space for check mark */
.nomstat_link input{
width: 10px;
height: 10px;
float: left;
padding: 2px;
display: inline-flex;
margin: 3px 3px !important;
}
.nomstat_link input[type=checkbox]:checked{
width: 10px;
height: 10px;
float: left;
padding: 2px;
display: inline-flex;
margin: 3px 3px !important;
color:FFD857;
}
.nom_start{
display: inline-block;
width: 100%;
opacity: 100;
background:#fff;
}
.nomstat_link{
float:left;
display: block;
width: auto;
height: auto;
border: 1px solid #f1d7da;
margin: 3px;
padding: 5px;
}
.gl_hor_menu_company{
background-color:#fff;
font-size: 100% !important;
height:auto;
width:90%;
padding:5px;
color:#444;
}
.gl_hor_menu_login{
color:#444;
font-size:100%;
}
.lichni_agreement{
border:3px solid #d23414;
background: #fff;
border-radius:5px;
padding: 5px;
margin: 5px;
}
.input_lichni_danni{
width:20px;
float:left;
display: block;
}
.input_lichni_danni_lebel{
width:20%;
float:left;
display: block;
}
.input_lichni_danni_remarks{
width:100%;
background: #d23414;
border-bottom: 1px solid #c0cce2;
display: inline-block;
padding: 2px;
}
.pdfcat_img_index{
display: block;
float: left;
width: 120px;
height: 200px;
margin: 10px;
max-height: 200px;
border: 1px solid #f3f4f8;
}
.pdfcat_title{
display: block;
float: left;
width: 100%;
height: auto;
min-height: 30px;
/*background: #f3f4f8;*/
text-align: center;
font-size: 80% !important;
color: #444;
font-weight: 500;
}
.add_fav_mess_item{
background: #f2f2f2;
padding: 3px;
font-size: 80% !important;
color: #313130;
display: relative;
width: auto;
min-height:50px;
z-index: 1000;
position: absolute;
margin: 0 auto;
}
.add_cart_mess_item{
background: #fff;
padding: 3px;
font-size: 80% !important;
color: #463b56;
display: relative;
width: auto;
min-height:50px;
z-index: 1000;
position: absolute;
margin: 0 auto;
margin-top:50px;
border:1px solid #463b56;
}
#header_hat_top{
background:#fff!important;
padding:2px;
z-index:1200;
}
.add_prod_fav_div{
display: block;
position: relative;
height: 0;
width: auto;
z-index: 1;
float: right;
}
.add_prod_fav_div_browse{
display: block;
position: relative;
height: 0;
width: auto;
z-index: 1;
float: right;
margin-top:20px;
}
.lichni_danni_agr{
margin:0px;
padding:2px;
font-size:60%!important;
}
.red{
color:#d23414;
}
.green{
color:green;
}
.black{
color:#757575;
}
.left{
float:left;
}
.right{
float:right;
}
.title_sect{
clear:both;
background-color:#fff;
overflow:hidden;
}
.title_sect h4{
color:#fff;
font-size:140%;
font-weight:bold;
text-transform:uppercase;
text-align:center;
display:block;
margin-bottom:12px;
width:100%;
color:#000;
}
/*footer*/
.footer-logo-box{
padding:3px;
max-width:1000px;
}
.footer-info-container{
margin:0 auto;
width: 90%;
}
.footer-info-box{
width:100%;
margin:3px auto;
}
.footer-info-box-follow a{
display:block;
float:left;
border:1px solid #ccc;
text-align:center;
width:100%;
}
.footer-info-box ul li{
width:100%;
display:block;
text-align:center;
text-align:center;
}
.footer-info-box ul li a:link{
color:#f3f4f8;
}
.footer-info-box ul li a:hover{
color:#fff;
}
.footer-info-box ul li.footer-info-box-info{
color:#f3f4f8;
font-size:110%;
text-align:center;
}
.footer-info-box ul li.footer-info-box-info a{
color:#fff;
font-size:110%;
display:block;
text-decoration:underline;
text-align:center;
width:100%;
}
.footer-info-box ul li.footer-info-box-info a:hover{
color:#8e8e8e;
text-align:center;
}
.footer-info-box-follow a{
background-color:#fff;
margin-right:8px;
display:block;
}
.footer-info-box-follow a:hover{
background-color:#fff;
}
.bottom-info{
width:100%;
background-color:#c6beb6;
color:#4a4a4c;
font-size:95%;
padding:12px 10px;
text-align:center;
}
.footer-copyright{
text-align:center;
font-size:90%;
text-align:center;
padding:8px 2%;
color:#d8d0d7;
width:100%;
}
.footer-copyright a{
color:#fff;
text-decoration:underline;
}
.cust_buletin_notice {
font-size:80%!important;
padding:2px;
text-align:left;
color:#f3f4f8;
line-height:14px;
display: block;
}
.cust_buletin_in{
width:63%;
border:none;
border-radius:unset;
font-size: 90%!important;
float:left;
margin:0px;
padding:1px;
}
.cust_buletin_in:hover{
width:63%;
border:none;
border-radius:unset;
font-size: 90%!important;
float:left;
margin:0px;
padding:1px;
}
.cust_buletin_button{
width:33%;
border:none;
border-radius:unset;
font-size: 90%!important;
background:#aa0f0f;
color:#fff;
text-transform:uppercase;
float:left;
margin:0px;
padding:3px;
text-align:center;
}
.cust_buletin_button_bad{
width:35%;
border:none;
border-radius:unset;
font-size: 72%!important;
background:#8e8e8e;
color:#313130;
text-transform:uppercase;
float:left;
margin:0px;
padding:3px;
text-align:center;
}
.cust_buletin_button_bad:hover{
width:35%;
border:none;
border-radius:unset;
font-size: 72%!important;
background:#8e8e8e;
color:#313130;
text-transform:uppercase;
float:left;
margin:0px;
padding:3px;
text-align:center;
opacity: 0.8;
}
.cust_buletin_agree_text{
font-size:80%!important;
padding:2px;
text-align:left;
color:#f3f4f8;
line-height:14px;
display: block;
}
.cust_buletin_checkbox{
float: left;
display: block;
width: 10px!important;
margin-right:5px;
}
.sproducts_pprod {
width: 99%;
display: block;
margin-top: 20px;
padding: 3px;
background: #fff;
}
.sproducts_pprod ul {
width: 100%;
display: flex;
padding: 3px;
background: #fff;
flex-direction: row ;
flex-wrap: wrap;
justify-content:space-evenly;
}
.sproducts_pprod ul b {
width: 100%;
display: block;
padding: 3px;
text-align:center;
}
/*
.sproducts_pprod ul li {
width: auto !important;
max-width: 15%!important;
margin: 5px !important;
padding: 5px !important;
border: 1px solid #f1d7da;
background: #fff;
position: relative;
text-align: center;
}
.sproducts_pprod ul li:hover {
width: auto !important;
max-width: 15%!important;
margin: 5px;
padding: 5px;
background: #fff;
position: relative;
text-align: center;
border: 1px solid #f1d7da;
}
*/
.sproducts_pprod ul li a:link {
font-size: 72% !important;
color: #757575 !important;
font-weight: 400;
}
.sproducts_pprod ul li a:hover {
font-size: 72% !important;
font-weight:400;
color:#142632;
}
/*nom start*/
.cat_item_nomstart
{
display: block;
margin-top: 2px;
margin-left: 3px;
border: 1px solid #e4c99c;
width: 70px;
float: left;
}
.cat_item_nomstart a
{
font-size:75%!important;
color: #5b6171;
font-weight: normal;
display: block;
float: left;
}
.cat_item_nomstart a:hover
{
color: #e4c99c;
font-size: 11px;
width: 70px;
}
.browse_nom_start{
width: 100%;
padding: 5px;
height: auto;
text-align: left;
color: #142632;
margin-top: 5px;
margin-bottom: 5px;
z-index: 10;
min-height: auto;
}
.brnom_start{
font-size:100%!important;
font-weight:800;
text-align:left;
color:#142632;
display: inherit;
}
.brnom_h2
{
padding:0px;
margin:0px;
text-align:center;
font-size:100%!important;
color:#142632;
text-transform:uppercase;
}
.fgheader_cart_div{
z-index:2;
display:block;
}
.prod_history{
display:block;
margin-top:10px;
padding:5px;
}
.index_products{
display: inline-block;
width: 100%;
height: auto;
background-color: #fff;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
/*copons index------------------------------------------------*/
.copons_index_s{
width:100%;
display: inline-block;
margin-top:5px;
margin-bottom:5px;
padding-top:30px;
/*border: 1px solid #FFD857;*/
/*border:1px solid #f7f8fc;
background:#fcfdff;*
*/
}
.copons_index{
width:auto;
}
.copons_index figure {
width: 30%;
margin: 20px;
background: #fff;
position: relative;
height: auto;
/*opacity: 0.8;*/
text-align:center;
}
.copons_index figure:hover {
width: 30%;
margin: 20px;
/*background:#f3d05c;*/
background:#fff;
position: relative;
height: auto;
/*opacity:0.8;*/
color:#555;
text-align:center;
}
.copons_index figure img {
width: auto;
background: #fff;
position: relative;
min-height:100%;
/*opacity:0.9;*/
box-shadow: 0 0 3px 4px #f2f2f2;
border-radius: 15px;
margin-top: 5px;
}
.copons_index figure img:hover {
width: auto;
background: #f2f2f2;
position: relative;
height:auto;
/*opacity:0.9;*/
}
.copons_index figure figcaption {
width: 100%;
display: block;
margin: 0px;
padding: 0px;
color: #fff;
position: absolute;
top: -25px;
text-align: center;
font-size: 100% !important;
text-transform: uppercase;
font-weight: 500;
}
.coponred{
color:#f1d7da;
}
/*shoppingcart*/
/*.gg-shopping-cart {
display: block;
box-sizing: border-box;
position: relative;
transform: scale(var(--ggs,1.0));
width: 20px;
height: 21px;
color:#313130;
cursor:pointer;
margin:5px;
background:
linear-gradient(
to left,currentColor 12px,
transparent 0)
no-repeat -1px 6px/18px 1px,
linear-gradient(
to left,currentColor 12px,
transparent 0)
no-repeat 6px 15px/9px 1px,
linear-gradient(
to left,currentColor 12px,
transparent 0)
no-repeat 0 2px/4px 1px,
radial-gradient(
circle,currentColor 60%,
transparent 40%)
no-repeat 13px 17px/4px 4px,
radial-gradient(
circle,currentColor 60%,
transparent 40%)
no-repeat 5px 17px/4px 4px
}
.gg-shopping-cart:hover{
display: block;
box-sizing: border-box;
position: relative;
transform: scale(var(--ggs,1.0));
width: 20px;
height: 21px;
color:#777f85;
cursor:pointer;
margin:5px;
background:
linear-gradient(
to left,currentColor 12px,
transparent 0)
no-repeat -1px 6px/18px 1px,
linear-gradient(
to left,currentColor 12px,
transparent 0)
no-repeat 6px 15px/9px 1px,
linear-gradient(
to left,currentColor 12px,
transparent 0)
no-repeat 0 2px/4px 1px,
radial-gradient(
circle,currentColor 60%,
transparent 40%)
no-repeat 13px 17px/4px 4px,
radial-gradient(
circle,currentColor 60%,
transparent 40%)
no-repeat 5px 17px/4px 4px
}
.gg-shopping-cart-margin{
margin:2px!important;
}
.gg-shopping-cart::after,
.gg-shopping-cart::before {
content: "";
display: block;
position: absolute;
box-sizing: border-box;
width: 1px;
height: 14px;
background: currentColor;
top: 2px;
left: 4px;
transform: skew(12deg)
}
.gg-shopping-cart::after {
height: 10px;
top: 6px;
left: 16px;
transform: skew(-12deg)
}
i.gg-shopping-cart:hover:before,
i.gg-shopping-cart:focus:before,
i.gg-shopping-cart:active:before {
border-color:#b8d3d7;
}
i.gg-shopping-cart:hover:after,
i.gg-shopping-cart:focus:after,
i.gg-shopping-cart:active:after {
border-color:#b8d3d7;
}*/
.cart_select{
max-width:350px; padding:1px; border:#f1d7da 1px solid; background:#f3f4f8;
}
.color_red{
color:#ea4a3e;
font-weight:200;
cursor: pointer;
}
.products_item_mobile_btn{
position:relative;
display:block;
width:auto;
margin: 0 auto;
cursor: pointer;
}
.upd_cart_browse_catalog_btn_justadded {
width: 25px;
height: auto;
color: #d23414;
font-weight: 400;
background: #f3f4f8;
/*border: 2px solid #d23414;*/
border-radius: 5px;
display: block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:80%!important;
float:right;
margin-top: 5px;
height: 25px;
}
.upd_cart_browse_catalog_btn_justadded:hover {
width: 25px;
height: auto;
color: #f3f4f8;
font-weight: 400;
background: #d23414;
/*border: 2px solid #d23414;*/
border-radius: 5px;
display: block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:80%!important;
float:right;
margin-top: 5px;
height: 25px;
}
.add_cart_browse_catalog_btn_justadded {
width: 60%;
height: auto;
color: #fff;
font-weight: 400;
background: #d23414;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_catalog_btn_justadded:hover {
width: 60%;
height: auto;
color: #d23414;
font-weight: 400;
background: #f3f4f8;
border: 2px solid #d23414;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_catalog_btn {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #d23414;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_catalog_btn:hover {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #142632;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_catalog_btn_ask {
width: 70%;
height: auto;
/*color: #142632;*/
color:#fff;
font-weight: 400;
background: #fff;
border: 0px solid #142632;
border-radius: 5px;
display: inline-block;
/*cursor:pinter;*/
font-size:100%!important;
text-align: center;
text-transform: uppercase;
/*margin-top:20px*/;
}
.add_cart_browse_catalog_ask:hover {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #142632;
border: 0px solid #fff;
border-radius: 5px;
display: inline-block;
cursor: pointer;
font-size: 100%;
text-align: center;
text-transform: uppercase;
/*margin-top:20px*/;
}
/*guides*/
/*News*/
.news_odd {
padding: 0 0px 0 0px;
font-size: 11px;
background-color:#FFFFFF;
}
.news_even {
padding: 0 0px 0 0px;
font-size: 80%;
background-color:#FFFFFF;
}
/*.news_title {
padding-left: 15px;
font-size: 130%;
color: #313130;
font-weight: bold;
}*/
.news_source {
padding-left: 15px;
font-size: 80%;
color: #CCCCCC;
font-style: italic;
}
.news_date {
padding-right: 5px;
padding-left: 5px;
font-size: 10px;
color: #463b56;
}
.news_divider {
padding: 0 15px;
}
.news_date {
padding-right: 5px;
padding-left: 5px;
font-size: 10px;
color: #463b56;
}
.pl_img {
max-width: 100px !important;
width: 100px!important;
height:100px!important;
}
.pass_item{
width: 100%;
padding: 5px;
margin: 2px;
height: auto;
display: inline-block;
}
/*tables_order_detail_front*/
.table_search{
border: #DDDBDB 1px solid;
border-collapse:collapse;
width:100%;
text-transform: uppercase;
color: #555;
}
.table_tr_serch{
border:#DDDBDB 1px solid;
background: #F1F9FE;;
/*background:#FFFFFF;*/
height:auto;
}
.table_tr_title{
border:#DDDBDB 1px solid;
background: #F7F7F7;
height:auto;
}
.table_tr_result_green{
background:#DFFEDA;
border:#DDDBDB 1px solid;
height:auto;
}
.table_td_serch{
border-right:#DDDBDB 1px solid;
font-size:12px;
height:auto;
}
.table_tr_serch1{
border: #C4C4FF 2px solid;
/*background: #F7F7F7;*/
background:#F1F9FE;
height:auto;
}
.table_td_serch1{
border-right:#DDDBDB 1px solid;
font-size:12px;
height:auto;
}
.table_tr_serch_result{
border:#DDDBDB 1px solid;
background:#f3f4f8;;
height:20px;
}
.table_td_serch_result{
border-right:#DDDBDB 1px solid;
font-size:90%;
vertical-align:middle;
text-align:center;
text-transform: uppercase;
}
.table_td_serch_result a:link{
font-size:90%;
text-transform: uppercase;
color:#666;
font-weight:400;
}
.table_td_serch_result a:link{
font-size: 90%;
text-transform: uppercase;
color: #1a1a1a;
font-weight: 500;
text-decoration: none;
}
.table_td_serch_result_title{
border-right:#ccc 1px solid;
font-size:75%;
vertical-align:middle;
text-align:center;
text-transform:uppercase;
font-weight:600;
}
.table_td_serch_result_right{
border-right:#DDDBDB 1px solid;
font-size:90%;
font-weight:bold;
vertical-align:middle;
text-align:right;
}
.table_td_serch_result_c{
border-right:#3EC932 1px solid;
background:#C4FFAA;
}
.table_td_serch_result_c_onstok{
border-right:#EBFFA8 1px solid;
background:#EBFFA8;
}
.table_td_serch_result_right{
border-right:#DDDBDB 1px solid;
text-align:right;
}
.tablecell_1{
border:#DDDBDB 1px solid;
height: 20px;
vertical-align:middle;
}
.tablecell_2{
border:#DDDBDB 1px solid;
background:#F7F7F7;
height: 20px;
vertical-align:top;
}
.textsize_grid{
font-size:12px;
text-align:center;
vertical-align:middle;
color:#508901;
}
.promocolor{
color:green;
}
.availablecolor{
color:999;
}
.bulkcolor{
color:red;
}
.inv_detail_td{
border:1px solid #eee;
vertical-align:top;
font-size: 12px;
text-transform: uppercase;;
}
.inv_detail_div_title{
vertical-align: top;
font-size: 12px;
background: #eee;
height: 20px;
color: #555;
font-weight: 800;
text-transform: uppercase;
}
.inv_detail_label{
float:left; margin-left:5px; border:1px solid #0375A0; height:36px; background:#E7FBC1;padding:2px; margin-top:2px;font-size:80%;
}
.inv_detail_label_ord{
float:left; margin-left:5px; border:1px solid #A4340B; height:36px; background:#DFFEDA; padding:2px; margin-top:2px;
}
.inv_detail_label_div{
background: #CBD9FE; border:1px solid #0375A0; height:46px;
}
.order_detail_stat_td{
background: #eee; border:1px solid #ccc; height:auto;
}
.order_detail_stat_tr{
background: #f3f4f8;
border: #CCC 1px solid;
height: 18px;
font-size: 15px;
text-transform: capitalize;
}
.order_detail_stat_main{
vertical-align:top; margin:3px; padding:2px;
}
.order_product_tr{
background:#eee; border:#CCC 1px solid; height:25px;
}
.order_product_tr_price{
background:#c3d69b; border:#CCC 1px solid; height:25px;
}
.order_product_stat_td_main_left{
background:#fff;
vertical-align:top;
width:98%;
display: inline-table;
padding:3px;
}
.order_product_stat_td_main_right{
background:#fff;
vertical-align:top;
width:98%;
display: inline-table;
padding:3px;
}
.order_product_bold{
font-weight:700;
font-size:13px;
}
.products_details_smalladd_title_form{
font-size: 100%;
color:#444;
display: inline-block;
width:auto;
min-width: 400px;
height: auto;
text-transform: none;
border-bottom: 1px solid #F6F4F4;
margin-top:5px;
padding: 3px;
}
.admin_comments{
height: auto;
min-height: 100px;
font-size: 15px;
background: #FFEDDF;
padding: 5px;
color: #666;
width: 50%;
display: block;
float: left;
position: relative;
margin-top: 5px;
margin-right: 5px;
}
.admin_comments span{
color:#555;
padding:5px;
}
.cust_comments{
height: auto;
min-height: 100px;
font-size: 15px;
background: #DFFEDA;
padding: 5px;
color: #666;
display: block;
width: 45%;
float: left;
position: relative;
margin-top: 5px;
margin-right: 5px;
}
.cust_comments span{
padding:5px;
color:#555;
}
.title_comments{
text-transform: uppercase;
color:#555;
}
/*end table order_detail_front*/
.suggestions_search {
position: relative;
left: 0px;
width: 100%;
display: none;
max-height: 370px;
overflow-y: auto;
overflow-x: hidden;
z-index: 2221;
top:-10px;
background-color: #FFFFFF;
}
.suggestions_search ul{
background-color: #f3f4f8;
padding:3px;
}
.suggestions_search ul li{
background-color: #463b56;
font-size: 90%;
}
#searchresults_search {
border-width: 1px;
border-color: #d23414;
border-style: solid;
width: 350px;
background-color: #FFFFFF;
font-size: 100%;
line-height: 14px;
z-index:22222222;
position:fixed;
}
.btn_green{
background:#142632!important;
}
.btn_green:hover{
background:#d23414!important;
}
#short_order_slide,#inq_slide{
display:block;
}
.short_ord_btn_disabled,.short_ord_btn_disabled:hover {
width: 100%;
padding: 11px;
height: auto;
color: #ccc;
font-weight: 600;
background: #fff;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
cursor:none;
text-align: center;
margin-left: 0px !important;
}
.short_ord_btn {
width: auto;
padding: 11px;
height: auto;
color: #fff;
font-weight: 700;
background: #264796;
border: 2px solid #ea4a3e;
border-radius: 10px;
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer;
text-align: center;
margin-left: 0px !important;
font-size: 15px;
}
.short_ord_btn:hover {
width: auto;
padding: 11px;
height: auto;
color: #fff;
font-weight: 700;
background: #0b306f;
border: 2px solid #ea4a3e;
border-radius: 10px;
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer;
text-align: center;
margin-left: 0px !important;
font-size: 15px;
}
.short_ord_lebel_error{
color: #fff;
text-align: center;
font-size: 100%;
font-weight: 700;
background: #d23414;
}
.kproducts_by_catalogid{
width:100%;
padding-top:5px;
padding-bottom:5px;
}
.kproducts_by_catalogid ul{
list-style:none;
}
.kproducts_by_catalogid ul li{
float:left;
display:block;
max-width:50px;
margin-left:4px;
}
.kproducts_by_catalogid ul li img{
width:auto;
}
.kproducts_by_catalogid_hover{
border:1px solid #d23414;
}
/*browse_detail*/
.add_cart_browse_detail_btn_justadded {
width: 60%;
height: auto;
color: #fff;
font-weight: 400;
background: #db261d;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_detail_btn_justadded:hover {
width: 60%;
height: auto;
color: #db261d;
font-weight: 400;
background: #f3f4f8;
border: 2px solid #db261d;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_detail_btn {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #db261d;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
.add_cart_browse_detail_btn:hover {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #142632;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:110%!important;
margin: 5px;
}
/*end browse_detail*/
.add_cart_browse_catalog_btn_ask {
width: 70%;
height: auto;
/*color: #142632;*/
color:#fff;
font-weight: 400;
background: #fff;
border: 0px solid #142632;
border-radius: 5px;
display: inline-block;
/*cursor:pinter;*/
font-size:100%!important;
text-align: center;
text-transform: uppercase;
/*margin-top:20px*/;
}
.add_cart_browse_catalog_ask:hover {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #142632;
border: 0px solid #fff;
border-radius: 5px;
display: inline-block;
cursor: pointer;
font-size: 100%;
text-align: center;
text-transform: uppercase;
/*margin-top:20px*/;
}
.marks_shv ul {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.marks_shv ul li {
width: 15%!important;
display: block;
float: left;
margin: 10px!important;
padding: 5px!important;
border: 1px solid #eee;
background: #fff;
position: relative;
}
.marks_shv ul li:hover {
width: 19%!important;
display: block;
float: left;
margin: 1px!important;
padding: 5px!important;
border: 1px solid #ccc;
background: #f3f4f8;
position: relative;
}
.marks_shv ul li a:link {
font-size: 82% !important;
}
/*0305_2022*/
/*tables_order_detail_front*/
.table_search{
border: #DDDBDB 1px solid;
border-collapse:collapse;
width:100%;
text-transform: uppercase;
color: #555;
}
.table_tr_serch{
border: none;
background: #fff;
height: auto;
}
.table_tr_title{
border:#DDDBDB 1px solid;
background: #F7F7F7;
height:auto;
}
.table_tr_result_green{
background:#DFFEDA;
border:#DDDBDB 1px solid;
height:auto;
}
.table_td_serch{
border-right:#DDDBDB 1px solid;
font-size:12px;
height:auto;
}
.table_tr_serch1{
border: 1px solid #ccc;
/*background: #F7F7F7;*/
background:#fff;
height:auto;
}
.table_td_serch1{
border-right:#DDDBDB 1px solid;
font-size:12px;
height:auto;
}
.table_tr_serch_result{
border:#DDDBDB 1px solid;
background:#f3f4f8;;
height:20px;
}
.table_td_serch_result{
border-right:#DDDBDB 1px solid;
font-size:90%;
vertical-align:middle;
text-align:center;
text-transform: uppercase;
}
.table_td_serch_result a:link{
font-size:90%;
text-transform: uppercase;
color:#666;
font-weight:400;
}
.table_td_serch_result a:link{
font-size: 90%;
text-transform: uppercase;
color: #1a1a1a;
font-weight: 500;
text-decoration: none;
}
.table_td_serch_result_title{
border-right:#ccc 1px solid;
font-size:75%;
vertical-align:middle;
text-align:center;
text-transform:uppercase;
font-weight:600;
background:#fff;
}
.table_td_serch_result_right{
border-right:#DDDBDB 1px solid;
font-size:90%;
font-weight:bold;
vertical-align:middle;
text-align:right;
}
.table_td_serch_result_c{
border-right:#3EC932 1px solid;
background:#C4FFAA;
}
.table_td_serch_result_c_onstok{
border-right:#EBFFA8 1px solid;
background:#EBFFA8;
}
.table_td_serch_result_right{
border-right:#DDDBDB 1px solid;
text-align:right;
}
.textsize_grid{
font-size:90%;
text-align:center;
vertical-align:middle;
color: #264796;
background: #fff;
font-weight: 700;
}
.promocolor{
color:#313130;
}
.availablecolor{
color:999;
}
.bulkcolor{
color:red;
}
.inv_detail_td{
border:1px solid #eee;
vertical-align:top;
font-size:90%;
text-transform: uppercase;;
}
.inv_detail_label{
float:left; margin-left:5px; border:1px solid #0375A0; height:36px; background:#E7FBC1;padding:2px; margin-top:2px;font-size:80%;
}
.inv_detail_label_ord{
float:left; margin-left:5px; border:1px solid #A4340B; height:36px; background:#DFFEDA; padding:2px; margin-top:2px;
}
.inv_detail_label_div{
background: #CBD9FE; border:1px solid #0375A0; height:46px;
}
.order_detail_stat_td{
background: #eee; border:1px solid #ccc; height:auto;
}
.order_detail_stat_tr{
background: #f3f4f8;
border: #CCC 1px solid;
height: 18px;
font-size: 15px;
text-transform: capitalize;
}
.order_detail_stat_main{
vertical-align:top; margin:3px; padding:2px;
width:99%;
display:inline-block;
}
.order_product_tr{
background:#eee; border:#CCC 1px solid; height:25px;
}
.order_product_tr_price{
background:#c3d69b; border:#CCC 1px solid; height:25px;
}
.order_product_stat_td_main_left{
background:#fff;
vertical-align:top;
width:98%;
display: inline-table;
padding:3px;
}
.order_product_stat_td_main_right{
background:#fff;
vertical-align:top;
width:98%;
display: inline-table;
padding:3px;
}
.order_product_bold{
font-weight:700;
font-size:13px;
}
.products_details_smalladd_title_form{
font-size: 100%;
color:#444;
display: inline-block;
width:auto;
min-width: 400px;
height: auto;
text-transform: none;
border-bottom: 1px solid #F6F4F4;
margin-top:5px;
padding: 3px;
}
.admin_comments{
height: auto;
min-height: 100px;
font-size: 15px;
background: #FFEDDF;
padding: 5px;
color: #666;
width: 50%;
display: block;
float: left;
position: relative;
margin-top: 5px;
margin-right: 5px;
}
.admin_comments span{
color:#555;
padding:5px;
}
.cust_comments{
height: auto;
min-height: 100px;
font-size: 15px;
background: #DFFEDA;
padding: 5px;
color: #666;
display: block;
width: 45%;
float: left;
position: relative;
margin-top: 5px;
margin-right: 5px;
}
.cust_comments span{
padding:5px;
color:#555;
}
.title_comments{
text-transform: uppercase;
color:#555;
}
/*end table order_detail_front*/
.get_from_stores_mozaika
{
}
.get_from_stores_mozaika_title{
display: block;
position: relative;
margin-top: 5px;
width: 100%;
text-align: left;
font-size: 100%;
font-weight: 600;
color: #5b6171;
}
.get_from_stores_mozaika_address,.get_from_stores_mozaika_worktime{
display: block;
position: relative;
margin-top: 5px;
width: 100%;
text-align: left;
font-size: 80%;
font-weight: 400;
color: #5b6171;
}
.get_from_stores_mozaika_save{
display: block;
position: relative;
margin-top: 5px;
text-align: center;
font-size: 80%;
color: #5b6171;
}
.color_red {
color:red;
font-weight: 300;
}
.cart_upd_btn,.cart_browse_btn{
width: auto;
padding: 10px;
height: auto;
color: #fff;
font-weight: 700;
background: #264796;
border-radius: 10px;
border-top-left-radius: 10px;
display: inline-block;
margin: 10px;
cursor: pointer;
float: left;
text-align: center;
text-transform: uppercase;
border-left: 3px solid #ea4a3e;
border-bottom: 2px solid #ea4a3e;
border-top: none;
border-right: none;
border-top-left-radius: 0px;
}
.cart_upd_btn:hover,.cart_browse_btn:hover{
width: auto;
padding: 10px;
height: auto;
color: #fff;
font-weight: 700;
background: #0b306f;
border-radius: 10px;
border-top-left-radius: 10px;
display: inline-block;
margin: 10px;
cursor: pointer;
float: left;
text-align: center;
text-transform: uppercase;
border-left: 3px solid #ea4a3e;
border-bottom: 2px solid #ea4a3e;
border-top: none;
border-right: none;
border-top-left-radius: 0px;
}
.cart_updqtty_btn{
width:auto;
padding:10px;
height:auto;
color:#fff;
font-weight: 400;
background: #c4161c;
border:1px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
margin:10px;
cursor: pointer;
float: right;
text-align: center;
text-transform:uppercase;
}
.cart_updqtty_btn:hover{
width:auto;
padding:10px;
height:auto;
color:#c4161c;
font-weight: 400;
background: #f3f4f8;
border:1px solid #c4161c;
border-radius: 5px;
display: inline-block;
margin:10px;
text-decoration: none;
cursor: pointer;
float: right;
text-align: center;
text-transform:uppercase;
}
.cart_delivery{
width:50%; height: auto; padding:3px; border:#F7F7F7 1px solid; margin:5px;
display: block;
}
.order_final_cust_info{
width: 99%;
padding: 5px;
display: inline-block;
margin: 6px;
}
.toggle_input_text_cart{
float:left;
display:block;
padding:5px;
font-size:90%;
color:#c4161c;
text-transform: uppercase;
max-width:99%;
}
.order_prod_image{
width:25%;
float:left;
display:block;
}
.order_prod_pole{
width:auto;
display:block;
font-size:85%;
color:#444;
font-weight:400;
}
.order_prod_pole_total{
width:99%;
display:inline-block;
font-size:90%;
color:#444;
font-weight:500;
}
.green_dot_div{
display:block ruby;
}
.div_agree_final{
display:inherit;
}
.div_agree_final_text{
width:100%;
}
.cl_trade{
font-size:70%;
}
/*2904 new cart*/
.view_plus_page_btn{
width: 15px;
display: block;
text-align: center;
color: #463b56;
cursor: pointer;
margin: 10px;
height: auto;
padding: 5px;
}
.view_plus_page_btn:hover{
width: 15px;
display: block;
text-align: center;
color: #fff;
cursor: pointer;
margin: 10px;
height: auto;
padding: 5px;
}
.view_qtty_cart{
width: auto;
max-width: 60px;
display: block;
text-align: center;
color: #463b56;
margin: 10px auto;
height: auto;
padding: 5px;
float: left;
}
.cart_qtty_input{
width:auto;
max-width:50px;
display:block;
float:left;
}
/*new cart*/
/*end 0305_2022*/
.trow {
margin-left:-5px;
margin-right:-5px;
}
.tcolumn {
float: left;
width: auto;
padding: 5px;
}
/* Clearfix (clear floats) */
.trow::after {
content: "";
clear: both;
display: table;
}
tr:nth-child(even){
background-color: none;
}
.finalsum{
font-size:90%;
font-weight:500;
display:block;
}
.finalc{
font-size:90%;
font-weight:400;
display:block;
text-align: left;
padding: 16px;
}
.tr_cart_title{
height:35px;
background:#fff;
}
.small_cart{
display: block;
background: #fff;
/*border: 1px solid #555;*/
padding: 5px;
line-height: 30px;
}
.small_cart_div{
display: block;
background: #fff;
border: 1px solid #f2f2f2;
padding: 5px;
margin-top: 5px;
}
.small_cart_div_title{
display: block;
background: #fff;
width: 100%;
padding-bottom: 5px;
border-bottom: 2px dotted #555;
}
ul.small_cart span{
font-size: 100%;
color: #fff;
/*border-bottom: 1px solid #db261d;*/
}
.small_cart_row_1{
background:#fff;
font-size:80%;
color:#313130;
border-bottom:1px solid #baabcc;
text-align:left;
}
.small_cart_row_2{
background:#fff;
font-size:80%;
color:#313130;
border-bottom:1px solid #8e8e8e;
text-align:left;
}
.small_cart_total{
font-size: 100%;
color: #313130;
border-top: 1px solid #8e8e8e;
text-align:right;
}
.small_cart_shopping_cart_btn_detail {
width: 25px !important;
display: block;
float: left;
background: #fff;
border-radius: 20px;
height: 25px;
margin-top: -2px;
margin-right: 25px;
}
.title_pr_stat{
margin:0px;
padding:0px;
text-align:center;
}
.title_pr_stat a:link{
font-size:90%;
font-weight:500;
color:#db261d;
}
.title_pr_stat a:hover{
color:#463b56;
font-weight:500;
font-size:90%;
}
.color_bold{
font-weight:bold;
}
.small_cart_img{
float:left;
width:30px;
display:block;
}
.small_cart_art{
float:left;
width:100%;
display:block;
font-size:80%;
}
.browse_product_subs_div{
float: left;
background:#f3f4f8;
padding:5px;
display:block;
}
.title_text_product_one_mozaika_sub{
float:left;
font-size:80%;
display:block;
padding:2px;
}
.add_cart_browse_detail_btn_sub {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #313130;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:90%!important;
margin: 2px;
}
.add_cart_browse_detail_btn_sub:hover {
width: 70%;
height: auto;
color: #fff;
font-weight: 400;
background: #80778b;
border: 2px solid #f3f4f8;
border-radius: 5px;
display: inline-block;
cursor: pointer;
text-align: center;
text-transform: uppercase;
font-size:90%!important;
margin: 2px;
}
.qtty_div_in_cart{
display:block;
width:100%;
position:relative;
}
.quantitybox_in_cart{
display:block;
position:relative;
float:left;
}
/*.base_catgr_right{
width: 40%;
height:auto;
display:block;
position:relative;
float:right;
}*/
/*.base_catgr_left{
width: 40%;
height:auto;
display:block;
position:relative;
float:left;
}*/
/*h2.base_catgr_title{
width: 20%;
height: auto;
display: inline-block;
text-align:center;
margin-top:5px;
}*/
/*.base_catgr_title a:link{
font-size:120%;
font-weight:600;
color:#313130;
line-height:30px;
text-align: center;
margin-top:5px;
}
.base_catgr_title a:hover{
font-size:100%;
font-weight:600;
color:#8e8e8e;
line-height:30px;
text-align: center;
text-transform:uppercase;
}
.base_catgr_div{
display: inline-block;
width: 100%;
height: auto;
background-color: #fff;
padding: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
*/
.add_last_view{
border:1px solid #8e8e8e;
}
.inlineblock{
display:inline-block;
width:100%;
}
.nav_slide_ext_qtty {
display: none;
z-index: 9996;
margin-left: 0px;
position: absolute;
min-width: 100px;
width: auto;
background: #fff !important;
border: 2px dotted #ccc;
padding: 5px;
}
.idlink_todo{
padding: 3px 3px;
background: #fff;
cursor: pointer;
border:1px solid #eee;
text-decoration: none;
}
.idlink_todo:hover{
padding: 3px 3px;
background: #eee;
cursor: pointer;
text-decoration: underline;
font-weight:500;
transition: all .3s ease;
}
.idlink_small{
display: block;
padding: 2px 2px;
background: #fff;
cursor: pointer;
height: auto;
width: auto;
min-width:40px;
border:1px solid #ccc;
font-size:80%;
font-weight:400;
}
.idlink_small:hover{
display: block;
padding: 2px 2px;
background: #f2f2f2;
cursor: pointer;
height: auto;
width: auto;
min-width:40px;
border:1px solid #b80404;
font-size:80%;
font-weight:400;
}
.admin_guide{
background:#fff;
display:block;
width:100%;
color: #000;
padding: 10px 10px;
font-size: 100%;
}
.admin_guide h2{
font-size:120%;
font-weight: 600;
}
.admin_guide h3{
font-size:110%;
font-weight: 600;
}
.admin_guide p {
margin: 5px;
padding: 5px;
}
/*new menu*/
.title_text_product_one_mozaika:hover::after {
visibility: visible;
opacity: 1;
}
/* Tooltip CSS */
data-tooltip:before,
data-tooltip:after {
position: absolute;
left: 50%;
transform: translate(-50%);
-webkit-font-smoothing: antialiased;
margin: 0 auto;
opacity: 0;
visibility: hidden;
z-index: 9;
transition: 0.6s ease-in-out 0.4s;
}
[data-tooltip]:before {
content: "";
height: 0;
width: 0;
top: calc(10% - 50px);
border-width: 1px;
border-color: transparent transparent #eee transparent;
}
[data-tooltip]:after {
content: attr(data-tooltip);
white-space: wrap;
background: #eee;
padding: 10px;
font-size: 60% !important;
box-sizing: border-box;
top: calc(10% - 50px);
color: #333;
border-radius: 15px;
border-bottom-right-radius: 15px;
z-index: 9;
width: 300px;
margin-top: -60px;
border-bottom-right-radius: 0px;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
opacity: 1;
visibility: visible;
transition: 0.4s ease-in-out 0.3s;
}