body
{
	font-family:Arial, Helvetica, sans-serif;
}
.blue
{
	color: white;
	background-color:#532FFB;
	border:solid 1px #532FFB;
	padding:2px 20px;
	font-weight: bold;
	margin-left:53px;
	/*float: left;*/
	width:12px;
	margin-top: 4px;
}
.green
{
	color: white;
	background-color:#060;
	border:solid 1px #060;
	padding:2px 20px;
	font-weight: bold;
	margin-left:53px;
	/*float: left;*/
	width:12px;
	margin-top: 4px;
	position:absolute;
}
.titlu
{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}
.red
{
	color: white;
	background-color:#EE6060;
	border:solid 1px #EE6060;
	padding:2px 20px;
	margin-top: 0px;
	font-weight: bold;
	float: left;
	margin-left: -15px;
}

.procent
{
	border:solid 1px black; width:100%;margin:auto; float:left; text-align:left;
}
.bine_ai_venit
{
	font-family:Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 13px;
	padding-right: 15px;
	/*width: 200px;*/
	font-weight: bold;
}
.bine_ai_venit_pr
{
	font-family:Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 13px;
	padding-right: 15px;
	/*width: 200px;*/
	font-weight: bold;
	position:absolute;
	right:0;
}
.layout-mode
{
	font-family:Arial, Helvetica, sans-serif;
	height:37px;
	position:relative;
}
.title
{
	position: absolute;

top: 5px;
left: 47%;
}
.next_prev
{
	right: 0px;
	position: absolute;
	/*width: 68px;
	float: right;
	height: 29px;*/
	top: 8px;
}
.header {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	right:0;
	left:0;
	/*padding:0 10px;*/
	border:none;
	display:block;
	background:#FFF;
	background-image:none;
	box-shadow: 0 0 3px 1px rgba(107,141,139,0.4);
	z-index: 999999;
	position: relative;
	height:80px;
}
 .header img
{height:69px; }
body
{
	margin:0;
}
tbody
{
	text-align:center;
	text-align:-moz-center;
	font-family:Arial, Helvetica, sans-serif;
}
.footer-text
{
	text-align:center; 
	background-color:#999;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	height: 19px;
	padding-top: 0px;
	bottom: 0;
	position: fixed;
	width: 100%;
	font-size: 10px;
	z-index: 1000;
}
.footer-text img
{
	vertical-align:middle;
}
.footer-text a
{
	color:white;
	text-decoration:none;
}
.clear
{
	padding:10px;
}
.clear2
{
	padding:9px;
}
.cprev, .cnext
{
	text-decoration:none;
	font-size:12px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
}

.circle {
	border-radius: 50%;
	width: 10px;
	height: 10px;
	/*margin-left: 14px;*/
	/*margin-top: 3px;*/
	margin:auto; 
}
.cerc_text
{
	float:left;
	width: 49px;
height: 49px;
	
}
.cerc_text .text
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:4px;
	position: absolute;
	top: 55px;
	width: 38px;
	border: solid 2px white;
	box-shadow: 1px 1px 1px black;
	color:white;
} 
.circle_big
{
	border-radius: 50%;
	text-align: center;
	width: 40px;
	height: 40px;
	position:relative;
	float:left;
	margin:6px 0px 0px 3px;
	display:inline;
	line-height:42px; 
	box-shadow: 1px 1px 1px black;
	font-family:Arial, Helvetica, sans-serif;
	color:white;	
	font-size:12px;
}
.rez
{
		cursor:pointer;
}
.circle_big span { height: 10px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }
.circle_big p { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #fff;font-family:Arial, Helvetica, sans-serif; }
.circle_big .text
{
	/*margin:14px 12px;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;*/
	position: absolute;
    height: 30px;
   font-family:Arial, Helvetica, sans-serif;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -15px;
}
.circle_big .text span {
    height: 20px;
    font-size: 20px;
    line-height: 20px;
  
    display: inline-block;
    padding: 5px 10px;
}
#paletC0
{
	background-color:#CCC;
	color:black;
}
#paletC1
{
	background-color:orange;
}
#paletC2
{
	background-color:#80FF00;
}
#paletC3
{
	background-color:green;
}
#paletC4
{
	background-color:blue;
}
#paletC5
{
	background-color:#fe2ef7;
}
#paletC6
{
	background-color:red;
}
#paletC7
{
	background-color:#9F2F45 ;
}
#circle0 
{
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
}
#circle1
{
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
}
#circle2
{
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
}
#circle3
{
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, green 26px );
}
#circle4
{
	/*background-color:#C0F;*/
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
}
#circle5
{
	/*background-color:#C0F;*/
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
}
#circle6
{
	/*background-color:red;    FF66FF*/
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	
}
#circle7
{
	/*background-color:red;*/
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
	
}
#circleb0
{
	border:solid 2px white;
	color: black;
	background:             radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
}
#circleb1
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, orange 26px );
}
#circleb2
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #80FF00 26px );
		
}
#circleb3
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, green 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, green 26px );
}
#circleb4
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, blue 26px );
}
#circleb5
{
	border:solid 2px white;
	background:         radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, #00FFF7 26px );
}
#circleb6
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:    -moz-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:     -ms-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background:      -o-radial-gradient( 5px -9px, circle, white 8%, red 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, white 8%, red 26px );
}
#circleb7
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, #CCC 26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%,  #CCC 26px );
	border-radius:0px;
	color: #000;
}
#circleb8
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, red  26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%,  red 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%,  red 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%,  red 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%,  red 26px );
	border-radius:0px;
}
#circleb9
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, blue 26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%,  blue 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%,  blue 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%,  blue 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%,  blue 26px );
	border-radius:0px;
}
#circleb10
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, green 26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%,  green 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%,  green 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%,  green 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%,  green 26px );
	border-radius:0px;
}
#circleb11
{
	border:solid 2px white;
	background:             radial-gradient( 5px -9px, circle, white 8%, #9F2F45 26px );
    background:    -moz-radial-gradient( 5px -9px, circle, white 8%,  #9F2F45 26px );
    background:     -ms-radial-gradient( 5px -9px, circle, white 8%,  #9F2F45 26px );
    background:      -o-radial-gradient( 5px -9px, circle, white 8%,  #9F2F45 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%,  #9F2F45 26px );
	border-radius:0px;
}
/* depozite-programare*/
.layout-mode b {
  /*  display: in-line;*/
    margin: 4px 10px 0;
	float:left;
}
ul#grid-list {
    margin: 0 0;
	/*float:right;*/
}
.btn-group {
    max-width: 100%;
    white-space: normal;
}
.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em;
}
/*ul, ol {
    padding: 0;
    margin: 0 0 9px 25px;
}*/
ul#grid-list li {
    display: inline-block;
}

.btn-group {
    white-space: normal;
}
.btn-group {
    font-size: 0;
    white-space: nowrap;
}
ul#grid-list li a {
    cursor: pointer;
    padding: 4px 9px;
}
.btn-info:active, .btn-info.active {
    background-color: #b3b3b3;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #ffffff;
    background-color: #cccccc;
    *background-color: #bfbfbf;
}
.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.btn:first-child {
    *margin-left: 0;
}
.btn:active, .btn.active {
    background-color: #cccccc;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
}
.btn-info {
    background: none;
    color: #30a0a4;
    text-shadow: none;
    border: none;
    font-size: 12px;
    padding: 0 44px;
    overflow: hidden;
    position: relative;
}
.btn {
    padding: 4px 14px;
    font-size: 13px;
    line-height: 18px;
    background: #ffffff;
    color: #919191;
    text-shadow: none;
    border: 1px solid #e6e6e6;
    border-bottom-color: #e6e6e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ebebeb;
    background-image: -moz-linear-gradient(top, #ffffff, #cccccc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #ffffff, #cccccc);
    background-image: -o-linear-gradient(top, #ffffff, #cccccc);
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffcccccc', GradientType=0);
    border-color: #cccccc #cccccc #a6a6a6;
    *background-color: #cccccc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #e6e6e6;
    *border: 0;
    border-bottom-color: #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
}


.btn-group {
    white-space: normal;
}
.btn-group {
    font-size: 0;
    white-space: nowrap;
}
/* MENIU */
nav
{
	background-color:#FFF;
	font:Arial, Helvetica, sans-serif;
}
nav ul ul{display:none;}
nav ul li:hover > ul{display:block;}
nav ul
{
    background: #fff;
   /* background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
    background: -webkit-linear-gradient(top, #efefef 0%, #bbbbbb 100%);*/
    box-shadow: 0 0 9 rgba(0,0,0,0.15);
    padding: 0px;
    border-radius: 10px;
    list-style: none;
    position: relative;
    display: inline-table;
}
nav ul:after{content: ""; clear:both; display:block;}
nav ul li {float:left;}
nav ul li:hover
{
    background: #4b545f;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%, #5f6975 40%);
}
nav ul li:hover a{color:#fff;}
nav ul li a{display:block; padding: 6px 6px; color:#757575; text-decoration:none; font-family:Arial, Helvetica, sans-serif}
nav ul ul{background:#5f6975; border-radius:0; padding:0;   position:absolute; top:100%;}
nav ul ul li
{
    float:none; border-top:1px solid #6b727c;
    border-bottom:1px solid #575f6a; position:relative;
}
nav ul ul li a{padding: 1px 24px; color: #fff;}
nav ul ul li a:hover{background:#4b545f;}
nav ul ul ul{position: absolute; left: 100%; top:0;}


.HeaderC
{
	background:#CCC none repeat scroll 0% 0%;
	color: rgb(0, 0, 0);font-family: Arial;font-weight: bold;font-size: 12px;height: 30px;vertical-align: middle; text-align:center;
}
.big
{
	font-size:14px;
}
.submit
{
	vertical-align: top;
background: rgb(163, 232, 220) none repeat scroll 0% 0%;
border: medium none;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
padding: 2px;
height: 27px;
width: 126px;
border-radius: 5px;
/*margin-top: 10px;*/
cursor:pointer;
box-shadow: 5px 5px 5px #888888;
}
.submit:disabled {
    background: #dddddd;
    cursor: not-allowed;
}
input[type="text"]
{
	font-family: 'Arial', sans-serif;
font-size: 12px;
margin-bottom: 10px;
color: #000;
margin: 0;
padding: 9px 14px;
width: 67px;
border-radius: 0;
border: 1px solid #e5e5e5;
box-shadow: none;
outline: none;
box-shadow: 5px 5px 5px #888888;
}

/* wrapper of table 2 */
.wrapper {
  position: relative;
  padding: 0 5px;
  height: 250px;
  overflow-y: auto;
}

/* Magnific popup */
#popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}
/* Since the popup has a 20px margin, we need to adjust the wrapper position
Note:
 this is only required because we aren't actually attaching the sticky header
 to the #popup, instead we're attaching it to the .mfp-wrap because that
 element scrolls instead of the window
*/
#popup .tablesorter-sticky-wrapper {
  margin-left: 20px;
  margin-top: -20px;
}

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: rgb(163, 232, 220);
    color: #000;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
	 top: -5px;
    right: 105%; 
}
.left
{
	left:105%;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/Preloader_8.gif) center no-repeat #fff;
}
/* radio buttoane */

ul li div {
	clear: both;
	margin: 0px 0px 0px 0px
}
label {
  width: 160px;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-family:Arial, Helvetica, sans-serif;
}

/* hide input */
input.radio:empty {
	margin-left: -999px;
	display:none;
}

/* style label */
input.radio:empty ~ label {
	position: relative;
	float: left;
	line-height: 1.5em;
	text-indent: 3.25em;
	cursor: pointer;
	top:5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input.radio:empty ~ label:before {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	width: 2.5em;
	background: #D1D3D4;
	border-radius: 3px 0 0 3px;
}

/* toggle hover */
input.radio:hover:not(:checked) ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #C2C2C2;
}

input.radio:hover:not(:checked) ~ label {
	color: #888;
}

/* toggle on */
input.radio:checked ~ label:before {
	content:'\2714';
	text-indent: .9em;
	color: #9CE2AE;
	background-color: #4DCB6D;
}

input.radio:checked ~ label {
	color: #777;
}

/* radio focus */
input.radio:focus ~ label:before {
	box-shadow: 0 0 0 3px #999;
}
/* restante */

@-webkit-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-moz-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@-o-keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
@keyframes invalid {
  from { background-color: red; }
  to { background-color: inherit; }
}
.invalid {
  -webkit-animation: invalid 1s infinite; /* Safari 4+ */
  -moz-animation:    invalid 1s infinite; /* Fx 5+ */
  -o-animation:      invalid 1s infinite; /* Opera 12+ */
  animation:         invalid 1s infinite; /* IE 10+ */
}
/* END */
td
{
	/*border: 1px solid aliceblue;*/
    font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.programari
{
	float:left;
	width:100%;
}
#all_grafice
{
	height:auto;
	width:auto;
}
.slide
{
	width:50%; background-color:#CCC;
	border-bottom:solid 1px #999999;
	box-shadow: 0px 4px 3px #666;
	padding-bottom:10px;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:10px;
	margin-left:20px;
}
.slide span
{
	padding-left:35px;
}
.arrow-up {
  width: 0;
height: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
padding-top: 10px;
border-bottom: 39px solid grey;
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
color: red;
font-size: 12px;
margin-bottom: 4px;
}
.arrow-up:after{
    content: '';
width: 0;
height: 0;
border-left: 28px solid transparent;
border-right: 28px solid transparent;
border-bottom: 37px solid #fe2ef7;
position: relative;
top: -29px;
left: -28px;
}
.arrow-text
{
	color: white;
position: relative;
left: -29px;
top: 16px;
z-index: 1;
margin:auto;
width:55px;
text-align:center
}
ul.rol
{
	
	padding:0;
	margin:0;
	width:123px;
}
ul.rolr
{
	width:55px;
	padding:0;
	margin:0;
}
ul.rolc
{
	width:35px;
	padding:0;
	margin:0;
}
ul.rolc li
{
	display:inline-block;
	width:15px;
}
ul.rol li, ul.rolr li {
	
    display:inline-block;
	width:15px;
}

#tablePlaceholder tr:nth-child(even) {background: #FFF}
#tablePlaceholder tr:nth-child(2){background: #FFF}
#tablePlaceholder tr:nth-child(odd) {background:#EEE}
.rosu {background-color:#f73309}
.pentru_ascuns
{
	overflow:auto;
}