/* (c)2009 .Vi  */ 
.width_size {min-width: 1000px; width: 90%; max-width: 1300px}

.leaflet-popup-content { 
     width:auto !important; 
     height: 420px;
     max-height: 60vh;
     overflow: auto;
}

.mysticky {
      position: -webkit-sticky; /* for Safari */
  position: sticky;
    
}


:root {
    --default-color:rgb(128,100,255,0.7);
    --none-color:#dcdcdc;
    --lbad-color:red;
    --bad-color:red;
    --hbad-color:red;
    --lneutral-color:orange;
    --neutral-color:orange;
    --hneutral-color:yellow;
    --lgood-color:green;
    --good-color:green;
    --hgood-color:green;
}


#foo {
    color: var(--main-color);
}


.lbadmr {background-color: #CA5647;  opacity:0.90; !important; } 
.lbadmr:hover { opacity:1; !important; } 

.badmr {background-color: red;  opacity:0.86; !important; } 
.badmr:hover { opacity:1; !important; } 

.hbadmr {background-color: #DF6B5C;  opacity:0.86; !important; } 
.hbadmr:hover { opacity:1; !important; } 

.lneutralmr {background-color: #DD933B;  opacity:0.86; !important; } 
.lneutralmr:hover { opacity:1; !important; } 

.neutralmr {background-color: #DFBC1B;  opacity:0.86; !important; } 
.neutralmr:hover { opacity:1; !important; } 

.hneutralmr {background-color: #E1D377;  opacity:0.86; !important; } 
.hneutralmr:hover { opacity:1; !important; } 

.lgoodmr {background-color: #A8DF52;  opacity:0.86; !important; } 
.lgoodmr:hover { opacity:1; !important; } 

.goodmr {background-color: #71943A;  opacity:0.86; !important; } 
.goodmr:hover { opacity:1; !important; } 

.hgoodmr {background-color: #476713;  opacity:0.80; !important; } 
.hgoodmr:hover { opacity:1; !important; } 




.chart-legend li span{
 
    display:  inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.chart-legend li
{
     list-style: none;   display:  inline-block; padding-right: 10px;
}
.chart-legend{
         list-style: none;
     display:  inline-block;
  max-height:250px;
  width: 100%;
  overflow:auto;
}

[class$="-legend"] {
  list-style: none;
  cursor: pointer;
  padding-left: 0;
}

[class$="-legend"] li {
  display: inline-block;
  padding: 0 5px;
}

[class$="-legend"] li.hidden {
  text-decoration: line-through;
}

[class$="-legend"] li span {
  border-radius: 5px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}


#popUpBox {
    position:absolute; 
    display:none;  
    background:#fff;
    cursor: pointer;
    border:1px solid #ccc;
    color: #333;
    font: bold 14px arial;
    padding:0px 0px;
}
 
#popUpBox:hover{
    background:#fff;
}

.div_popUpBox {
    //position:absolute; 
    display:block;;  
    background:#fff;
    cursor: pointer;
    border:3px solid #ccc;
    color: #333;
    font: bold 14px arial;
    padding:1px 1px;
}
 
.div_popUpBox:hover{
    background:#ffdb88;
}
 

.twrap{
    position:relative; 
    width:920px;
    margin:10px auto; 
    height:auto; 
}
 
#replytext{
    position:relative; 
    width:600px;
    margin:0;
    height:150px; 
}






body, p, td {
	background-position:top;
	background-repeat:no-repeat;
	font-family: Arial, Tahoma,Verdana,Arial; FONT-SIZE:12px; color:#444444; line-height:1.4 }


h1 {color:#000000;	font-family: Trebuchet MS, Tahoma, sans-serif;	font-size:28px; font-weight:100; margin-top:10px; padding-top:0px; line-height:1; text-align:left;}
h2 {color:#000000;	font-family: Trebuchet MS, Tahoma, sans-serif;	font-size:20px; font-weight:100; margin-top:10px;  margin-bottom:12px; line-height:1;}

a.myspan {COLOR:#44aa74;}
a.logo {TEXT-DECORATION:none; cursor: pointer}
a {COLOR:#d52c27; cursor: default}
a:hover {COLOR:red; TEXT-DECORATION:none; cursor: default}

a.clear {COLOR:#d52c27; cursor: default; }
a.clear:hover {COLOR:blue; TEXT-DECORATION:none; cursor: default}

div.nohlong { padding: 0; margin: 0; max-height: 420px; overflow: hidden;  }
div.nohlong:hover {padding: 0; margin: 0;  max-height: 420px; overflow-y: auto  ; }


a.pcart {COLOR:#000; FONT-SIZE:14px; font-weight: bold;  TEXT-DECORATION:none; cursor: pointer}
a.pcart:hover {COLOR:red;FONT-SIZE:14px;  font-weight: bold; TEXT-DECORATION:none; cursor: pointer}



/* n1 */

a.filtr {cursor: pointer;Color:#B61608; Font-Size:14px; TEXT-DECORATION:none; font-weight:bold; font-family:verdana;}
a.filtr:hover {COLOR:#FFFFFF;cursor: pointer;}

a.tagname { COLOR:#000;  TEXT-DECORATION:none; cursor: pointer}
a.tagname:hover {COLOR:blue; TEXT-DECORATION:none; cursor: pointer}

a.n1 {Color:#FFFFFF; TEXT-DECORATION:none;}
a.n1:hover {COLOR:red;}
a.n1ov {Color:#FFFFFF; TEXT-DECORATION:none;}
a.n1ov:hover {COLOR:#FFFFFF;}
div.n1 {width:170px; padding:4px; }
div.n1ov {width:170px; background-color:#DEDEDE; padding:4px}


/* n2 */
a.n2 {Color:#aaaaaa; Font-Size:14px; TEXT-DECORATION:none; font-weight:bold; font-family:verdana;}
a.n2:hover {COLOR:#B61608;}
a.n2ov {Color:#FFFFFF;  Font-Size:14px; TEXT-DECORATION:none; font-weight:bold;}
a.n2ov:hover {COLOR:#FFFFFF;}
div.n2 { margin-left:0px; margin-top:6px;
	margin-left:16px;
	padding-top:2px; padding-bottom:2px;  padding-right: 10px;
	width:120px;
}
div.n2ov {margin-left:0px; margin-top:6px; width:120px; padding-top:2px; padding-bottom:2px;   padding-right: 10px;
	Background-color:#B61608;
	padding-left:8px;
	BORDER-LEFT:#940000 10px solid;
	BORDER-TOP:#FFFFFF 1px solid;
}
.n2td {	BORDER-TOP:#FFFFFF 1px solid;}


/* n3 */
a.n3 {Color:#777777; Font-Size:11px; TEXT-DECORATION:none;}
a.n3:hover {COLOR:#B61608;}
a.n3ov {Color:#B61608; Font-Size:11px; TEXT-DECORATION:none;}
a.n3ov:hover {COLOR:#B61608;}
div.n3 {margin-left:32px; padding-top:4px; padding-bottom:4px; padding-right: 10px;}
div.n3ov {margin-left:32px; padding-top:4px; padding-bottom:4px; padding-right: 10px;}


a.footer {color:#aaaaaa; FONT-SIZE:12px; TEXT-DECORATION:none; padding:5px;}
a.footer:hover {COLOR:#FFFFFF; background-color:#d52c27;}
.footer-t {color:#555; FONT-SIZE:10px;}


a.ntop {color:#D6D6D6; font-family: Tahoma,Verdana; FONT-SIZE:10px;}
a.ntop:hover {COLOR: red;  TEXT-DECORATION: none;}

a.navline {Color:#777777; font-family: Tahoma,Verdana; FONT-SIZE:10px;}
a.navline:hover {COLOR:#E12116;  TEXT-DECORATION: none;}
.navline-t {Color:silver; font-family: Tahoma,Verdana; FONT-SIZE:10px;}

a.language{ COLOR:#B5B5B5; FONT-SIZE:10px; FONT-FAMILY: Arial,verdana, helvetica font-weight:bold; TEXT-DECORATION: none;}
a.language:hover{COLOR: red;}
a.language-ov{ COLOR:gray; FONT-SIZE:10px; FONT-FAMILY: Arial,verdana, helvetica font-weight:bold; TEXT-DECORATION: none;}
a.language-ov:hover{COLOR:gray;}


a.silver {color: silver;}
a.silver:hover {COLOR: white;}

a.gray {color:gray; FONT-SIZE:11px;}
a.gray:hover {COLOR: red;}

a.yellow {color:yellow;TEXT-DECORATION: none;}
a.yellow:visited {Color:#FFFFFF; TEXT-DECORATION: none}
a.yellow:hover {color:#FFFFFF;TEXT-DECORATION: none;}

a.white {color: white; TEXT-DECORATION: none;}
a.white:hover {COLOR: red}

a.black {color:#000000;}
a.black:hover {COLOR:#d52c27;}

.ntop {color:#D6D6D6;}
.login1{Color:#E99C52; FONT-SIZE:10px; FONT-FAMILY: Arial,verdana, helvetica; font-weight:bold;}
.login2{Color:#B5B5B5; FONT-SIZE:9px; FONT-FAMILY: Arial,verdana, helvetica}

.footer {color:#B1B1B1}
.b {font-weight:bold;}
.txt_align_j {text-align:justify;}
.oranj-t {color:#ff6600}
.salat-t {color:#afe046}
.blue-t {color:#2c6aa5}
.red-t {color:#E12116}
.maroon-t {color:maroon}
.green-t {color:green}
.yellow-t {color:yellow}
.silver-t {color:#D5D5D5}
.navy-t {color:navy}
.gray-t {color:gray}
.gray-t2 {color:#aaaaaa;}
.black-t {color:black}
.white-t {color:#ffffff}

.title {color:#cccccc;  FONT-SIZE:11pt; font-family: verdana,Arial; }
.alert {color:red;  font-family: Verdana,Arial; FONT-SIZE:8pt; }
.error {color:#c10306;  font-family: Arial; FONT-SIZE:16pt; text-align:justify;}
.tabletxt {color:#444444;  FONT-SIZE:8pt; font-family: Tahoma, Arial; }


FORM {	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; margin: 0;}

input {
	Color:#000000;
	background-color : #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:7.5pt;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
	BORDER-BOTTOM: #eaeaea 1px solid;
	BORDER-LEFT: #b1b1b1 1px solid;
	BORDER-RIGHT: #eaeaea 1px solid;
	BORDER-TOP: #b1b1b1 1px solid;
}

select {
	BORDER-BOTTOM: #eaeaea 1px solid;
	BORDER-LEFT: #b1b1b1 1px solid;
	BORDER-RIGHT: #eaeaea 1px solid;
	BORDER-TOP: #b1b1b1 1px solid;
	Color:#2c6aa5;
	background-color : #F4F4F4;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:7.5pt;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
}

options {
	BORDER-BOTTOM: #eaeaea 1px solid;
	BORDER-LEFT: #b1b1b1 1px solid;
	BORDER-RIGHT: #eaeaea 1px solid;
	BORDER-TOP: #b1b1b1 1px solid;
	Color:#2c6aa5;
	background-color : #F4F4F4;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:7.5pt;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
}


input.radio{ border:0;}


textarea {
	BORDER-BOTTOM: #eaeaea 1px solid;
	BORDER-LEFT: #b1b1b1 1px solid;
	BORDER-RIGHT: #eaeaea 1px solid;
	BORDER-TOP: #b1b1b1 1px solid;
	Color:#2c6aa5;
	background-color : #F4F4F4;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE:7.5pt;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
}



.button {
	Color:#FFFFFF;
	Background-color:#E12116;
	FONT-SIZE:7.5pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
	BORDER-BOTTOM: #eaeaea 1px solid;
	BORDER-LEFT: #b1b1b1 1px solid;
	BORDER-RIGHT: #eaeaea 1px solid;
	BORDER-TOP: #b1b1b1 1px solid;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;
	PADDING-RIGHT: 1px;
	PADDING-TOP: 1px;
}










.tel {color:#990866; font-size:20px; font-weight:bold; 	font-face: Calibri, Arial;}
.tel-cod {color:#d2a1c2;  font-size:20px; font-weight:bold;  	font-face: Calibri, Arial;}



.zakladki1st_on { background-image:url('images/1st-zakladka-on.png'); text-align:center; float:left; padding:4px; border:1px solid #b8c97d; font-weight:bold;}
.zakladki1st_off { background-image:url('images/1st-zakladka-off.png'); text-align:center; float:left; padding:4px; border:1px solid #b8c97d; font-weight:bold;}
.zakladki1st_ov { background-image:url('images/1st-zakladka-on.png'); text-align:center; float:left; padding:4px; border:1px solid #b8c97d; font-weight:bold;}


.prod_box {width:155; height:330; background-image:url('images/prod-box1.png'); border:0px solid red; padding-left:8px; padding-right:8px; text-align:center;}
.prod_box_ov {width:155; height:330;  background-image:url('images/prod-box1-ov.png'); border:0px solid green; padding-left:8px; padding-right:8px;  text-align:center;}


.filt_title {color:gray; font-weight:bold; font-size:12px;}

a.asizes {font-size:16pt; text-decoration: none; background-color:#cccccc; color:#FFFFFF; padding:7px; border:1px; solid red;  line-height:2; }
a.asizes:hover {font-size:16pt; text-decoration: none; background-color:#c11680; color:#FFFFFF; padding:7px;}


.page_ov {background-color:#990866; color:#FFFFFF; padding:5px; padding-left:10px; padding-right:10px; margin-right:5px;}
a.pages {background-color:#eeeeee; color:#990866; padding:5px; padding-left:10px; padding-right:10px;}
a.pages:hover {background-color:#990866; color:#FFFFFF; padding:5px; padding-left:10px; padding-right:10px;}


/* FILTR */
.filtr_box_colors {width:20px; height:20px;  border:3px solid #eeeeee; margin:2px; float:left;}
.filtr_box_sizes {width:32px; height:24px; text-align:center; vertical-align:middle; border:0px solid red;}


/* benefits_box */
.benefits_box_title {background-color:#4E8AA6; padding:10px; color:white; font-weight:bold;}
.benefits_box {background-color:#69A6C2; padding:10px; line-height:2; color:white;}




.ntop_box { background-image:url('images/ntop-bg.png'); height:33px; padding:5px; text-align:center;}
.ntop_box1 { background-image:url('images/ntop-bg-ov1.png'); height:33px; padding:5px; text-align:center; cursor:pointer; }
.ntop_box2 { background-image:url('images/ntop-bg-ov2.png'); height:33px; padding:5px; text-align:center;}
.ntop_box3 { background-image:url('images/ntop-bg-ov3.png'); height:33px; padding:5px; text-align:center;}
.ntop_box4 { background-image:url('images/ntop-bg-ov4.png'); height:33px; padding:5px; text-align:center;}
.ntop_box_ov { background-image:url('images/ntop-bg-ov.png');  height:33px; padding:5px; text-align:center; font-weight:bold;}




.nice_table tr td {padding: 5px 10px; border: 1px solid #444; color: #000; empty-cells:show; }
.nice_table tr:nth-child(odd) {background: #eee}
.nice_table tr:nth-child(even) {background: #ddd}

/*
.nice_table tr.lead:nth-child(odd) {background: #70D3D3}
.nice_table tr.lead:nth-child(even) {background: #B8FFFF}
.nice_table tr.lead:hover {background: #5ABEBE}
*/

.nice_table tr.lead:nth-child(even) {background: #EFFFFF}
.nice_table tr.lead:nth-child(odd) {background: #CBFFFF}
.nice_table tr.lead:hover {background: #5ABEBE}

/*
.nice_table tr.sto:nth-child(even) {background: #8FFD8F}
.nice_table tr.sto:nth-child(odd) {background: #CAFACA}
.nice_table tr.sto:hover {background: #71FF71}
*/


.nice_table tr.sto:nth-child(even) {background: #A7E9A7}
.nice_table tr.sto:nth-child(odd) {background: #C4FDC4}
.nice_table tr.sto:hover {background: #59B459}

.nice_table tr:hover {background: #999}
.nice_table tr th {font-size: 12px;padding: 6px 6px; border: 1px solid #555; color: #000; text-transform: uppercase;}
.nice_table th.noupper {font-size: 12px; padding: 2px 2px; border: 1px solid #555; color: #000; text-transform: uppercase; }

.nice_table td.bld {padding: 5px 10px; border: 2px solid #444; color: #000;font-size: 15px; empty-cells:show; }

.nostyleTable {
     margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}


.defaulttable {
  display: table;
}

.defaulttable tbody>tr:hover,
.defaulttable tbody>tr {
  display: table-row;
}
.defaulttable tbody>tr:hover>td,
.defaulttable tbody>tr>td {
  display: table-cell;
}
.defaulttable,
.defaulttable tbody,
.defaulttable tbody>tr:hover,
.defaulttable tbody>tr,
.defaulttable tbody>tr:hover>td,
.defaulttable tbody>tr>td,
.defaulttable tbody>tr:hover>th,
.defaulttable tbody>tr>th,
.defaulttable thead>tr:hover>td,
.defaulttable thead>tr>td,
.defaulttable thead>tr:hover>th,
.defaulttable thead>tr>th,
.defaulttable tfoot>tr:hover>td,
.defaulttable tfoot>tr>td,
.defaulttable tfoot>tr:hover>th,

.defaulttable tfoot>tr>th {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;


}








.hexagon,
.hexagon-inside {
    //margin-right: 20px;
	position: relative;
	width: 114px;
	height: 200px;
	background-color: #888;
	transition: background-color 0.25s;
}

.hexagon:before,
.hexagon:after,
.hexagon-inside:before,
.hexagon-inside:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: inherit;
	//background-color: blue;
	transition: background-color 0.25s;
}

.hexagon:before,
.hexagon-inside:before {
	transform: rotate(60deg);
}

.hexagon:after,
.hexagon-inside:after {
	transform: rotate(120deg);
}

.hexagon-inside {

	position: absolute;
	left: 0;
	top: 0;
	transform: scale(.92);
	//background-color: #fff;
	z-index: 1;
}

.hexagon-inside:before,
.hexagon-inside:after {
//	background-color: white;
}

/* text */
.hexagon-text {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 13px;
	z-index: 1;
	pointer-events: none;
        color:white;
}

/* hovers  blue; */
.hexagon:hover,
.hexagon:hover:before,
.hexagon:hover:after {
	//background-color:#ffffff02;
}

.hexagon:hover .hexagon-inside,
.hexagon:hover .hexagon-inside:before,
.hexagon:hover .hexagon-inside:after {
	background-color: #ffffff22;
}