* {
	--brand-info: #5bc0de;
	--light-blue: #bce8f1;
	--light-red: #d9534f;
	
}
#body{
/*background: url("../images/sheet.png") repeat, url("../images/sheet2.png") no-repeat;*/
background-color:#FFF;
font-family:verdana;
font-size:12px;
/* color:#0055bb; */
color:#333333;
width:100%;
height:100%;

}
.lipsa{width:50px;height:20px;background-color:#ff9999}
.left{float:left}
.right{float:right}
.pointer{cursor:pointer}
button{border:none;background:transparent;}
button:focus{border:none;outline:none}
.semibold{font-weight:semi-bold;}
.bold{font-weight:bold;}
.color666{color:#666;}
.backDDD{background-color:#DDD}
.backBlue{background-color:#428bca}
.backBlueLight{background-color:#DDFFFF}
.backBlueLight1{background-color:#e6f3ff}
.backRedLight{background-color:#ffcccc}
.backGreenLight{background-color:#ccffcc}
.backOrange{background-color:#ffb84d}
.backSlap{background-color:rgba(62,74,114,1);}
.backFFF{background-color:#FFF}
.backEEE{background-color:#EEE}
.darkRed{color:darkred;}
.black{color:#000;}
.marginTop20{margin-top:20px}
.marginTop40{margin-top:40px}
.marginLeft10{margin-left:10px}
.marginLeft20{margin-left:20px}
.marginLeft40{margin-left:40px}
.marginBottom20{margin-bottom:20px}
.mTop20{margin-top:20px}
.mLeft20{margin-left:20px}
.widthMax {width:100%}
.width400{width:400px}
.width300{width:300px}
.width200{width:200px}
.width100{width:100px}
.width70{width:70px}
.width50{width:50px}
.height100{height:100px}
.height50{height:50px}
.height30{height:30px}
.heightMax{height:100%}
.pad10{padding:10px}
.pad3{padding:3px}
.nopad{padding:0px}
.padLeft20{padding-left:20px}
.alignLeft{text-align:left}
.alignRight{text-align:right}
.alignCenter{text-align:center}
.alignCenter th{text-align:center}
.alignCenter td{text-align:center}
.bold{font-weight:bold}
.bGray{border:1px solid gray}
.bWhite{border:1px solid #FFFFFF}
.font10{font-size:10px}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.noRadius{border-radius:0px}
.noBorder{border:none}
.bColor1{background-color:#ccffcc}
.font1{font-family:verdana;color:#666666;font-weight:bold}
.font1{font-family:verdana;color:#666666;font-size:11px}
.font2{font-family:verdana;color:#FFF;font-size:14px;font-weight:bold;}
.gradBlue{background: rgb(84,178,255);background: -moz-linear-gradient(top, rgba(84,178,255,1) 0%, rgba(12,116,201,1) 100%);background: -webkit-linear-gradient(top,  rgba(84,178,255,1) 0%,rgba(12,116,201,1) 100%);background: linear-gradient(to bottom,  rgba(84,178,255,1) 0%,rgba(12,116,201,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b2ff', endColorstr='#0c74c9',GradientType=0 );}
.opac50{opacity:0.5}
.clear{clear:both}
.top50{top:50px;}
.noresize{resize:none}
table.borderAAA td,table.borderAAA th {border:1px solid #AAAAAA}
select optgroup{background:#555;color:#fff;margin-top:5px;}
select option{background:#FFF;color:#555;padding:5px;}
select.big {font-size:16px;font-weight:bold}

input[type=checkbox]{width:20px;height:15px;}
input[type=checkbox].large{width:20px;height:20px;}

div.rotate270,td.rotate270
{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
/*--------------------LOG IN--------------------------
---------------------------------------------------*/
div.headerBlock
{
	font-size:16px;
	text-align:center;
	width:100%;
	font-weight:bold;
	padding:10px;
	background-color:#EEE;
	color:#555;
}
div.header
{
width:100%;
background-color:#FFF;
/* border-bottom:2px solid #CCC; */
padding:15px;
text-align:center;
color:#666;
font-size:20px;
}
div.logincontainer{display: table;margin: 0 auto;transition:500ms;}
div.login
{
background-color:white;
display:block;
float:left;
position:relative;
width:420px;
/* height:300px; */
top:200px;
box-shadow: 0px 0px 15px 3px lightgray;
border:2px solid #CCCCCC;
border-radius: 2px;
/* padding:20px; */

}
div.login:after
{
content:"";
display:block;
position:absolute;
left:0px;
top:0;
width:420px;
height:250px;
 /* box-shadow: 0px 0px 15px 0px gray;  */
border-radius: 50px;
padding:20px;
z-index:-1;
}

div.login table{text-align:center;font-family:Verdana;font-size:16px;}
div.login th{color:darkblue;text-align:center;border-bottom:2px solid #CCCCCC;padding:20px 5px;background-color:#EEE}
div.login td{padding:5px 15px}
div.login input
{
width:100%;
text-align:center;
font-size:16px;
border: 2px solid #dadada;
border-radius: 7px;
margin:5px;
transition:0.5s;
padding:10px;
}
div.login input:focus{outline: none;border-color: #9ecaed;/*box-shadow: 0 0 15px 2px #9ecaed;*/}
/*--------------------------------------------------------*/
.page
{
display:block;
background-color:#DDEEFF;
width:100%;
height:100%;
margin-top:20px;
padding:0px;
}
.container
{
margin-top:20px;
margin:0 auto;
width:100%;
min-height:600px;
background-color:#DDFFFF;
}
.page1
{
background-color:#FFFFFF;
display:inline-block; 
width:78%; 
vertical-align:top; 
float:right;
text-align:center;
}
.meniuStanga
{
width:200px;
float:left;
width:20%;
background-color:#FFF;
vertical-align:top; 
}
.space{width:5px;}
div.titluPagina, div.titluPagina1, div.titluPagina6{
width:100%;
text-align:center;
background: rgb(84,178,255);background: -moz-linear-gradient(top,  rgba(84,178,255,1) 0%, rgba(12,116,201,1) 100%);background: -webkit-linear-gradient(top,  rgba(84,178,255,1) 0%,rgba(12,116,201,1) 100%);background: linear-gradient(to bottom,  rgba(84,178,255,1) 0%,rgba(12,116,201,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b2ff', endColorstr='#0c74c9',GradientType=0 ); 
color:#FFFFFF;
font-size:16px;
font-weight:bold;
padding:10px;
}
div.titluPagina1{background-color:#2cb300;}
div.titluPagina2{font-size:16px;font-weight:bold;text-align:center;padding-bottom:10px;border-bottom:3px solid #CCCCCC;}
div.titluPagina3{font-size:16px;font-weight:bold;text-align:center;padding:5px;border-bottom:3px solid #CCCCCC;}
div.titluPagina4{font-size:14px;font-weight:bold;text-align:center;padding:15px;background-color:#CCCCCC;width:100%}
div.titluPagina5{font-size:16px;font-weight:bold;text-align:center;padding:15px;background-color:#EEE;width:100%;border-bottom:1px solid #999}
div.titluPagina6{background: rgb(32,76,96);
background: -moz-linear-gradient(top,  rgba(32,76,96,1) 0%, rgba(3,47,62,1) 100%);
background: -webkit-linear-gradient(top,  rgba(32,76,96,1) 0%,rgba(3,47,62,1) 100%);
background: linear-gradient(to bottom,  rgba(32,76,96,1) 0%,rgba(3,47,62,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204c60', endColorstr='#032f3e',GradientType=0 );
}
div.titlu1{
margin:0 auto;
width:100%;
font-weight:bold;
font-size:24px;
font-family:arial;
color:#666;
}
/*----------------------------------MENIU---------------------------------
-------------------------------------------------------------------------*/
div.menu
{
margin:0 auto;
padding:0px;
display:table;
width:100%;
min-width:1000px;
text-align:center;
height:50px;
max-height:50px;
background: rgb(89,106,114);
background: -moz-linear-gradient(top,  rgba(89,106,114,1) 0%, rgba(62,74,114,1) 100%);
background: -webkit-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(62,74,114,1) 100%);
background: linear-gradient(to bottom,  rgba(89,106,114,1) 0%,rgba(62,74,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#3e4a72',GradientType=0 );
box-shadow: 0px 5px 15px #888888; 
border-bottom:1px solid #FFF;
z-index:1;
font-family:verdana;
font-weight:bold;
font-size:12px;
}
div.menu button.menu
{
display:inline-block;
height:50px;
width:70px;
border:0;
vertical-align:middle;
background: rgb(89,106,114);
background: -moz-linear-gradient(top,  rgba(89,106,114,1) 0%, rgba(62,74,114,1) 100%);
background: -webkit-linear-gradient(top,  rgba(89,106,114,1) 0%,rgba(62,74,114,1) 100%);
background: linear-gradient(to bottom,  rgba(89,106,114,1) 0%,rgba(62,74,114,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#596a72', endColorstr='#3e4a72',GradientType=0 );
color:#FFF;
padding:0px;
font-weight:bold;
transition:0.5s;
}
lvl1:hover button.menu
{
background:#FFF;
color: rgb(89,106,114);
}
lvl1:hover > button.opt img{transform: rotate(180deg);}
lvl1{position:relative;font-size:24px;}
lvl1 lvl2, lvl1 lvl2-1
{
display:none;
position:absolute;
top:43px;
margin-left:-100px;
z-index:100;
box-shadow: 0px 5px 15px #888888; 
font-size:12px;
}
lvl1 lvl2 button,lvl1 lvl2-1 button
{
border:none;
display:block;
width:150px;
height:30px;
background: rgb(89,106,114);
color:#FFF;
border-bottom:1px solid #DDD;
font-weight:bold;
transition:600ms;
}
lvl1 lvl2 button:hover, lvl1 lvl2-1 button:hover
{
background:#FFF;
color: rgb(89,106,114);
}
lvl1 lvl2-1 button{width:250px;}
lvl1 lvl2-1 button:hover {background: rgb(96,108,136);color:#FFF;}
/*---------------------------------------------------------*/
.div1{padding:5px;font-weight:bold;color:#666;background-color:#EEE;font-size:14px;width:100%;border:1px solid #CCC;text-align:center}
button.buton1
{
display:inline-block;
height:30px;
width:100%;
border:0;
vertical-align:middle;
background-color:#428bca;
border-bottom:1px solid #FFF;
color:#FFF;
padding:0px;
font-weight:bold;
font-size:14px;
transition:500ms;
}
button.buton1:hover {background:#EEE;color:#428bca;}
button.buton2a, button.buton2b, button.buton4a, button.buton4b {display:inline-block;font-weight:bold;font-size:14px;border-bottom:2px solid #AAAAAA;background-color:#EEEEEE;padding:15px 5px;color:#666666} 
button.buton2b, button.buton4b{color:#FFFFFF;background: rgb(84,178,255);background: -moz-linear-gradient(top,  rgba(84,178,255,1) 0%, rgba(12,116,201,1) 100%);background: -webkit-linear-gradient(top,  rgba(84,178,255,1) 0%,rgba(12,116,201,1) 100%);background: linear-gradient(to bottom,  rgba(84,178,255,1) 0%,rgba(12,116,201,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b2ff', endColorstr='#0c74c9',GradientType=0 );}
button.buton3a, button.buton3b{display:block;width:100%;font-weight:bold;font-size:12px;background-color:#ffffff;padding:5px;color:#666666}
button.buton3b{background-color:#ccffcc;}
button.buton4a, button.buton4b{font-size:12px;padding:10px 5px;} 
button.buton10{min-width:40px;border:1px solid #CCC;padding:5px;cursor:pointer}
button.buton10:hover{background-color:#DDD}
.buton11
{
background-color:#FFF;
background-color:transparent;
color:#032f3e;
width:100%;
border:1px solid #032f3e;
padding:5px;
border-radius:0px;
margin-top:10px;
}
.buton11:hover, .buton11.active
{
background-color:#032f3e;
color:#FFF;
}
.buton12
{
background-color:#DDD;
color:rgba(62,74,114,1);
font-weight:bold;
border:1px solid #CCC;
/* border-right:1px solid rgba(62,74,114,1); */
padding:10px;
text-align:center;
transition:0.5s;
border-radius:0px;
}
.buton12:active, .buton12:hover, .buton12 + .active
{
color:#FFF;
background-color:rgba(62,74,114,1);
}
.tab, .tab1{font-weight:bold;font-size:12px;background-color:#FFFFFF;padding:15px 15px 15px 15px;color:#666666;border:1px solid #CCCCCC;width:100%}
.tab1 {width:auto;padding:10px}
.tabActive{background-color:#cceeff}
.eroare{color:darkred;font-family:verdana;font-size:16px;font-weight:bold;padding:20px;margin:0 auto;background-color:#DDD;text-align:center}
.table1, .table2, .table4, .table5{border-collapse:collapse;width:100%;text-align:center;font-size:14px}
.table1 th{background-color:#CCCCCC;padding:5px;text-align:center;color:#333333;border:1px solid #CCCCCC}
.table1 td{padding:5px;border:1px solid #CCCCCC}
.table2 th{background-color:#E5E5E5;padding:5px 15px;text-align:center;color:#333333;border:1px solid #AAAAAA;font-weight:normal;vertical-align:middle}
.table2 td{padding:0px;border:1px solid #AAAAAA}
.table3{border-collapse:collapse;width:100%;text-align:left;font-size:14px}
.table3 td{padding-left:10px}
.table3 th{text-align:center;background-color:#EEE;padding:7px;color:#666666}
.table3 tr{border-bottom:2px solid #CCC}
.table4 th{background-color:#E5E5E5;padding:5px 15px;text-align:center;color:#333333;border:1px solid #AAAAAA;font-weight:bold;vertical-align:middle;font-size:14px}
.table4 td{padding:0px;border:1px solid #AAAAAA}
.table5 th{background-color:#EEE;padding:10px;border:1px solid #AAAAAA;}
.table5 td{padding:5px;border:1px solid #AAAAAA;}
table.obiect {width:100%;}
table.obiect th{background-color:#EEE;padding:10px;border:1px solid #CCC;}
table.obiect td{padding:10px;border:1px solid #CCC;}



td.disabled {background-color:#EEEEEE}
div.anunt
{
text-align:left;
margin:0 auto;
margin-top:15px;
font-family:verdana;
border: 1px solid #CCC;
/* box-shadow: 0px 0px 15px #CCC; */
}
div.anuntTime{float:right;font-size:12px}
div.anuntTitlu{font-weight:bold;display:inline-block;padding-left:20px;}
div.anuntText{background-color:#FFF;font-size:14px;color:#444}.
div.forum
{
text-align:left;
margin:0 auto;
margin-top:15px;
font-family:verdana;
border: 1px solid #CCC;
}
div.forumTime{float:right;font-size:12px}
div.forumTitlu{font-weight:bold;display:inline-block;padding-left:20px;}
div.forumText{background-color:#FFF;font-size:14px;color:#666}
div.forumText1{background-color:#FFF;font-size:12px;color:#666;border-top:1px solid #CCC;margin-top:5px;padding:5px;}
div.forumTime1{float:right;font-size:12px}
.forumCategorie
{
width:100%;
text-align:left;
color:#032f3e;
background-color:#FFF;
}
.forumCategorie button
{
color:#004f99;
font-weight:bold;
font-size:16px;
}
.forumCategorie button.stick{color:darkred;}
.forumCategorie div.preview{color:#666;}
.forumCategorie .panel {border:1px solid #CCC;background-color:var(--light-blue);}
.forumCategorie .panel-body {background-color:#FFF}
.forumCategorie .panel-head {}
.forumCategorie .panel-footer {padding:5px;background-color:#FFF}
.forumCategorie .badge{background-color:#EEE;border:1px solid #CCC;color:#666;padding:3px 10px}
.forumCategorie .detalii1{color:#666;}
.forumCategorie .categorieDescriere{color:#666;}
.forumTitlu1
{
	text-align:left;
	font-weight:semi-bold;
	width:100%;
	color:#004f99;
	padding:10px 20px;
	font-size:20px;
	font-family:verdana;
	border-bottom: 2px solid #cce6ff;
}

.badge1
{
background-color:#999;	
color:#FFF;
border-radius:7px;
padding:2px 5px;
}
.hover:hover{color:darkblue;}
/*---------------------------------------------------------*/
.loader1, .loader2{
	background-color:#FFFFFF;
    border: 32px solid #DDD; /* Light grey */
    border-top: 32px solid #3498db; /* Blue */
    border-bottom: 32px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}
.loader2 {border-top: 32px green;border-bottom: 32px green;border-style: dotted;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.loader3 {
	width: 244px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size:18px;
	color: rgb(206,66,51);
	letter-spacing: 0.2em;
}
.loader3::before, .loader3::after {
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	background: rgb(206,66,51);
	position: absolute;
	animation: cssload-load 0.81s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.81s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.81s infinite alternate ease-in-out;
}
.loader3::before {top: 0;}
.loader3::after {bottom: 0;}
.tooltip1 + .tooltip > .tooltip-inner  {color: #FFFFFF;background-color:#38F;box-shadow: 0px 10px 15px #555;padding: 15px;font-size: 16px;font-family:verdana;font-weight:bold;border-radius:10px;}
.tooltip2 + .tooltip > .tooltip-inner, 
.tooltip3 + .tooltip > .tooltip-inner  {color: #FFFFFF;background-color:#38F;font-family:verdana;font-weight:bold;font-size:14px;padding:10px 20px;min-width:250px;}
.tooltip3 + .tooltip > .tooltip-inner  {background-color:#d9534f;}
.tooltip4 + .tooltip > .tooltip-inner  {background-color:#38F;font-size:14px;}
.tooltip5 + .tooltip > .tooltip-inner  {background-color:#666666;font-size:14px;color:#FFFFFF}
.tooltip6 + .tooltip > .tooltip-inner  {opacity:1.0;background-color:#FFFFFF;color:#666;border:1px solid #CCCCCC;font-size:16px;box-shadow: 0px 0px 5px 0px #AAAAAA;font-weight:bold;padding:10px}
.big + .tooltip > .tooltip-inner  {min-width:500px}
/*brute :) tooltip*/
td div.tooltip11 { display: none; transition:1s; background-color:#666666;color:#FFFFFF;width:200px;font-size:12px;margin-left:-200px;margin-top:-10px;font-weight:normal;padding:5px}
td:hover div.tooltip11{ display: block; position: absolute;  transition:1s;}
/* TYPEAHEAD */
.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}
.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
    color: #999
}
.tt-dropdown-menu, .print-menu, .textPrintMenu{
	display:none;
	position:absolute;
	z-index:100;
    width: 422px;
	max-height:300px;
	overflow:auto;
    padding: 8px;
	margin-top:50px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
	font-size:16px;
	font-family:verdana;
	color:#666;
}
.print-menu
{
	width:200px;
	color:#555;
	right:10px;
	margin-top:30px;
	padding: 0px;
	border:2px solid #CCC;
}
.textPrintMenu
{
margin-top:10px;
padding:10px;
width:auto;
}
.butonPrint
{
	display:inline-block;
	color:#666;
}
.tt-suggestion ,.tt-suggestion-red , .tt-print{
	display:block;
	text-align:left;
	width:100%;
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
	color:#666;
	transition:0.4s;
}
.tt-print{font-size:12px;}
.tt-suggestion-red{color:darkred;}
.tt-suggestion:hover , .tt-print:hover {color: #fff;background-color: #0097cf;}

/* AFTER IMPORTANT*/
@media print {
body {-webkit-print-color-adjust: exact;}
}
a{text-decoration:none}
a:hover{text-decoration:none}
table{text-align:left}
table th{text-align:center}
@media print {
    div.obiectPrint {page-break-inside: avoid;}
}

.ui-draggable {
	width: fit-content;
	background: #00b9eb;
	cursor: pointer;
}

table.catalog th {
	vertical-align: middle;
	border: 1px solid;
}

table.integritate {
	font-size: 12px;
    font-family: Verdana;
}
table.integritate tr {
    cursor: pointer;
}

table.integritate td {
	padding: 3px !important;
	text-align: left;
}

table.integritate th {
    padding: 5px !important;
    text-align: left;
    font-weight: bold;
}

table.integritate th.center {
    text-align: center;
}

table.buckets {
    font-size: 12px;
    font-family: Verdana;
    font-weight: normal;
}

table.buckets tr {
    cursor: pointer;
}

table.buckets th {
    font-weight: bold;
    text-align: left;
    background-color: #EEEEEE;
}

table.dbBackup {
    font-size: 12px;
    text-align: left;
}

table.dbBackup th {
    border:1px solid #CCC;
    font-weight: bold;
    background-color: #EEE;
    padding:10px;
}

table.dbBackup td {
    border:1px solid #CCC;
    padding:10px;
}

.quote {
    width: 100%;
    min-height: 50px;
    /*background-color: #F9F9F9;*/
    margin-top:20px;
    text-align: center;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-radius: 5px;
}

.quote .title {
    background-color: #d9edf7;
    color: #31708f;
    font-weight: bold;
    text-align: center;
    padding:5px;
}

.quote .q {
    padding: 5px;
    padding-left: 10px;
    text-align: left;
}

.quote .author {
    padding: 3px;
    padding-left: 10px;
    color: #31708f;
    font-weight: bold;
    text-align: left;
}