﻿/******************************************************************************************/
/*                КОНФИГУРАТОР ЗАКАЗНОГО КОДА  + общие стили страницы            */


BODY {
FONT-SIZE: 14px; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
font-variant: normal; 
font-weight: normal; 
font-style: normal; 
background-color:  white; 
margin: 0px;
}

TABLE {
FONT-SIZE: 14px; 
FONT-FAMILY: Arial, Helvetica, sans-serif; 
font-variant: normal; 
font-weight: normal; 
font-style: normal; 
color: #666666; 
background-color:transparent;
border-collapse: collapse; 
border-width: 1px;
border-color:black; 
margin:30px 0px 0px 15px; 
padding: 0px 0px 0px 0px;
text-align:center;


}

TD {
	border: 1px solid gray;
	FONT-SIZE: 14px;
	FONT-FAMILY:"Microsoft Sans Serif", Arial, Helvetica, sans-serif;
	font-variant: normal;
	font-weight:normal;
	font-style: normal;
	color: #666666;
	padding: 1px 1px 1px 1px;
}


#rowID30P, #rowID2-25, #rowID2-50, #rowID2-80, #rowSMI-30P, #rowID30-30, #rowID25-25, #rowIDXX-xx, #rowEK10 {
background-color:transparent;
border-bottom:1px red solid;
height:30px;
transition: all .3s;
}

.rowShild {
height:80px;
vertical-align:middle;
text-align:center;
border-bottom:0px white solid;
}

.rowShild2 {
height:37px;*/
vertical-align:middle;
text-align:center;
border-bottom:0px white solid;

}


.borderBotX {border-bottom:1px transparent solid;}
.borderRightS {border-right:1px #DCDCDC solid;}
.cellAlign {vertical-align:bottom;}

.textLeft {text-align:left; background-color:transparent;}

.trSilver {background-color:#f3f3f3;}



.rotatable{
FONT-FAMILY:"Microsoft Sans Serif", Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
text-align:left;
border:0px black dotted;

-webkit-transform: rotate(-70deg); 
-moz-transform: rotate(-70deg);
-o-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg) translateY(3px) translateX(-5px);

}

.rotatable2{
FONT-FAMILY:"Microsoft Sans Serif", Arial, Helvetica, sans-serif;
FONT-SIZE: 12px;
text-align:left;
//vertical-align:text-bottom;

-webkit-transform: rotate(-70deg); 
-moz-transform: rotate(-70deg);
-o-transform: rotate(-70deg);
-ms-transform: rotate(-70deg);
transform: rotate(-70deg) translateY(5px) translateX(-0px);

}


.t_box {
  	width:550px; 
 	font-size: 20px;
	font-weight: normal;
	font-family:Arial, Helvetica, sans-serif;
	color: black;
	text-align: left;
	padding-right: 3px;
	padding-top: 3px;	
	background-color:white;
	border: 2px solid #696969;
}

.zagolovok {
	 text-align: center;
	 color: #808080;
	 font-family:Arial;
	 font-size: 30px;
	 font-weight:lighter;
  }


/*стили всплывающих подсказок*/

.tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted #0066cc;*/
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: #0066cc;
    color: white;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px 10px 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -150px;
    opacity: 0;
    transition: opacity 0.5s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #0066cc transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.term {border-bottom: 1px dotted #0066cc;}

.number {font-size: 11px; font-weight:bold;}

a {
	 color: #0066cc;
	 
  }


