/* RESET */
h1, h2, h3, h4, h5, h6, ul, ol, li , dl, dd, dt {margin: 0;padding: 0;}
ul, ul li {list-style: none;}
img {border: 0 none;}
a {text-decoration: none;}
p {margin: 0;padding: 0;line-height: 20px;}
input, select, option {appearance: none !important;}
.clear {clear: both;}
/* end reset */


@font-face {
font-family: 'roboto';
src: url('../font/Roboto-Regular.ttf');
}

@font-face {
font-family: 'robotobold';
src: url('../font/RobotoCondensed-Bold.ttf');
}

@font-face {
      font-family: 'awesome-entypo';
      src: url('../font/awesome-entypo.eot?22577642');
      src: url('../font/awesome-entypo.eot?22577642#iefix') format('embedded-exotype'),
           url('../font/awesome-entypo.woff?22577642') format('woff'),
           url('../font/awesome-entypo.ttf?22577642') format('truetype'),
           url('../font/awesome-entypo.svg?22577642#awesome-entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon {
	font-family: "awesome-entypo"; font-style: normal; font-weight: normal; speak: none;
    display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none;
	/* fix buttons height, for twitter bootstrap */ line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */ margin-left: .2em;
	/* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.codesOn .i-name {display: none;}
.codesOn .i-code {display: inline;}
.i-code {display: none;}

	
body {
	zoom: 1;
	background: #fff;
	font-family: roboto;
	font-size: 14px;
	text-align: center;
	color: #333;
	margin: 0px 0;
	padding: 0;
	}
	
/*body.bg-img:after  {
	content: "";
	opacity: 0.2;
	top: 0; left: 0; bottom: 0; right: 0;
	position: absolute;
	z-index: -1;   
	}
	
body.bg-audit:after {background: url(../assets/bg-audit.jpg) no-repeat center center;background-size: 400px;}
body.bg-audit_gen:after {background: url(../assets/bg-audit.jpg) no-repeat center center;background-size: 400px;}
body.bg-audit_ment:after {background: url(../assets/bg-audit.jpg) no-repeat center center;background-size: 400px;}
body.bg-waste:after {background: url(../assets/bg-waste.jpg) no-repeat center center;background-size: 400px;}
body.bg-doc:after {background: url(../assets/bg-doc.jpg) no-repeat center center;background-size: 400px;}
body.bg-smart:after {background: url(../assets/bg-smart.jpg) no-repeat center center;background-size: 400px;}
body.bg-reporting:after {background: url(../assets/bg-rep.jpg) no-repeat center center;background-size: 400px;}
body.bg-admin:after {background: url(../assets/bg-admin.jpg) no-repeat center center;background-size: 400px;}*/


.anunt-lucru {
	position: absolute; top: 10px; left: 0px; z-index: 100;
	width: 240px; height: 45px; padding: 10px 0px;
	background: orange;
	color: #000;
	font: 22px robotobold; line-height: 22px;
	text-transform: uppercase; text-align: center;
	zoom: 0.75;
	}

iframe {
	width: 100%;  height: 500px;
	margin: 0; border: none;
	}




hr {
	border: none; border-top: 2px solid #ccc;
	padding: 0; margin: 50px 0;
	}
	
.container {
	position: relative;
	margin: 0 2%;
	width: 96%;
	text-align: left;
	padding: 140px 0 0 0;
	}

.logo {
	position: absolute; top: 10px; left: 0px;
	width: 220px !important;
	}
.logo img {
	width: 100%;
	/*-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";*/
	}
.flip {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	}

	
.link {color: #0182c3; transition: all 0.5s;}	
.link:hover {opacity: 0.7;}	

/* HELP */
.help-deca {
	display: none; width: 90px;/* ASCUNS BUTON DE HELP */
	position: absolute; top: 29px; right: 176px; z-index: 100;
	background: #59b6e8; color: #fff;
	font: 10px roboto;
    line-height: 13px;
    border: 1px solid #59b6e8;
    padding: 6px 5px;
    transition: all 0.5s;
    text-transform: uppercase; text-align: center;
	}
.help-deca:hover {background: #4099c8;}
.help-deca em {display: none;}
.help-mare {width: 120px; right: 176px;}

.cuprins-div {
	float: right; display: block; width: 35%;
	margin: 0 0 30px 30px; padding: 0 0 20px 20px;
	border-left: 2px solid #ccc;border-bottom: 2px solid #ccc; border-radius: 0 0 0 5px;
	}

.cuprins {
	
	}	
.cuprins ul {
	padding: 0 0 0 20px;
	}
.help-text h2 {
	font: 26px robotobold; line-height: 26px;
	color: #0182c3; margin: 40px 0 10px 0;
	}
.help-text h3 {
	font: 20px robotobold; line-height: 20px;
	color: #333;margin: 30px 0 10px 0;
	}
.help-text h4 {
	font: 16px robotobold; line-height: 16px;
	color: #777;margin: 20px 0 10px 0;
	}
.help-text p {margin: 0 0 12px 0; text-align: justify;}
/* end help */
	

.lang {position: absolute; top: 60px; right: 0; left: 0;z-index: 100;}
.lang select {
	width: 50px;
	border: 1px solid #ccc; border-radius: 3px;
	font: 14px robotobold; line-height: 14px;
	background: #fff;
	padding: 3px 5px;
	text-transform: uppercase;
	}	
	
.login {
	position: absolute; top: 3px; right: 0px; z-index: 1000;
	background: url(../assets/login.png) no-repeat right top;
	padding: 0 0px 0 0;
	text-align: right;
	}
.login p {margin: 0 0 8px 0; text-indent: 0 -200px 0 0;}
.login strong {
	letter-spacing: -0.5px; 
	margin: 0 30px 10px 0;
	font-size: 14px;
	}
.login a {
	font: 10px roboto;
	line-height: 13px;
	border: 1px solid #ccc;
	padding: 6px 15px;
	margin: 5px 0 0 5px;
	transition: border 0.5s;
	color: #333;
	text-transform: uppercase;
	}
.login a:hover {border: 1px solid #999; color: #0182c3;}
	

.logo-center {
	top: 30px;
	left: 50%;
	margin-left: -125px;
	}

.login2-div {text-align: center;}
.login2 {
	display: inline-block;
	padding: 10px 20px; margin: 10px 0;
	font: 20px robotobold; color: #ddd;
	background: #555; border-radius: 4px;
	text-shadow: 1px 1px #000;
	transition: all 0.5s;
	}
.login2:before {
	content: "\e8be"; font-family: 'awesome-entypo';
	margin: 0 10px 0 0;
	}
.login2:hover {background: #333;}
	
body.login-body {background: linear-gradient(#fff, #fff, #ccc);}


	
.login-box {
	border: 10px solid #eee;
	text-align: center;
	margin: 50px 2% 20px 2%;
	padding: 0 0 20px 0;
	position: relative;
	}
.login-box1 {
	background: linear-gradient(#fff);
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2);
	}
	

	
.login-box h1 {
	font: 33px roboto;
	letter-spacing: -2px;
	margin: 40px 0 20px 0;
	color: #0073b1; /* blue decathlon */
	background: none !important;
	}
.login-box1 h1 {
	font: 40px robotobold;
	letter-spacing: -2px;
	margin: 40px 0 20px 0;
	color: grey; /* blue decathlon */
	background: none !important;
	}
.login-box1 h1 strong {color: #0073b1;}
	
	
.login-box input[type="text"], .login-box input[type="password"] {
	background-color: transparent;
	background-repeat: no-repeat;
    background-origin: content-box;
	background-position: right bottom;
	font: 26px roboto;
	letter-spacing: -1px;
	line-height: 30px;
	border: 3px solid #ddd;
	padding: 10px 20px 3px 20px;
	text-align: left;
	/*width: 432px;
	height: 60px;*/
	width: 480px;
	height: 80px;
	margin: 0 0 10px 0;
	border-radius: 2px;
	box-shadow: inset 0px 15px 0px 0px rgba(0, 0, 0, .05);
	transition: background 0.5s linear;
	}
.chgpass input[type="text"], .chgpass input[type="password"] {
	width: 432px;
	background-image: none !important;
	font-size: 18px;
	}

	
.login-box input[type="text"] {background-image: url(../assets/log-user.png);color: #0073b1;}
.login-box input[type="password"] {background-image: url(../assets/log-pass.png);}

.login-box input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #0073b1;
}
.login-box input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #0073b1;
}
.login-box input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #0073b1;
}
.login-box input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #0073b1;
}

.login-box input[type="text"]:hover, .login-box input[type="password"]:hover {border: 3px solid #aaa;}
	
.login-box input[type="submit"] {
	background: #777;
	color: #ddd;
	font: bold 26px roboto;
	letter-spacing: -1px;
	line-height: 30px;
	border: 3px solid #777;
	padding: 22px 0px;
	text-align: center;
	width: 480px;
	margin: 0 0 20px 0;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 2px;
	transition: background 0.5s, border 0.5s;
	}
.login-box input[type="submit"]:hover {background: #333;border: 3px solid #333;}







.login-box input[type="submit"].login1 {
	background: linear-gradient(#bfeaff, #4ec4ff);
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2);
	color: #555;
	font: bold 36px robotobold;
	letter-spacing: -1px;
	line-height: 30px;
	text-shadow: 2px 2px 4px #fff;
	border: 3px solid #aaa;
	padding: 22px 0px;
	text-align: center;
	width: 480px;
	margin: 0 0 50px 0;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 2px;

	}
.login-box input[type="submit"].login1:hover {
	background: linear-gradient(#a0ddfc, #22b5ff);
	color: #222;
	border: 3px solid #999;
	}



.login-box.chgpass input[type="submit"] {
	font: 26px robotobold;
	background: #777 url(../assets/log-pass.png) no-repeat 20px 8px;
	border: 2px solid #777;
	}

.forgot {
	background: url(../assets/forget.png) no-repeat 0 0;
	line-height: 20px;
	font: 16px roboto;
	padding: 5px 0 5px 40px;
	color: #333;
	}
	
.forgot1 {
	position: absolute;
	bottom: 0; left: 50%;
	margin-left: -75px;
	width: 130px;
	background: #999;
	line-height: 20px;
	font: 14px robotobold;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
	padding: 5px 0px 5px 0px;
	color: #fff;
	transition: all 0.5s;  
	}
.forgot1:hover {
	background: #777;
	}


	
/* LOGIN BOX 2 */
body.login-body2 {background: #eee url(../assets/login-bg.png);}
.logo-center2 {text-align: center; margin: -70px 0 0 0;}
.logo-center2 img {width: 180px;}
.login-box2 {
	position: relative;
	width: 300px;
	background: #fff;
	margin: 20px auto;
	padding: 0 0 30px 0;
	text-align: center;
	border: 2px solid #fff;
	box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, .2);
	}
.login-box2 h1 {
	font: 30px robotobold;
	letter-spacing: -2px;
	margin: 0px 0 20px 0;
	padding: 20px 0 20px 0;
	color: grey; /* blue decathlon */
	background: #ddd !important;
	text-shadow: 1px 1px #fff;
	box-shadow: inset 0px -10px 0px 0px rgba(0, 0, 0, .05);
	}
.login-box2 h1 strong {color: #0073b1;}
.login-box2 input[type="text"], .login-box2 input[type="password"] {
	background-color: transparent;
	background-repeat: no-repeat;
    background-origin: content-box;
	background-position: right bottom;
	font: 18px roboto;
	letter-spacing: -1px;
	line-height: 20px;
	border: 3px solid #ddd;
	padding: 5px 10px 3px 10px;
	text-align: left;
	width: 200px; height: 40px;
	margin: 0 0 10px 0;
	border-radius: 2px;
	box-shadow: inset 0px 10px 0px 0px rgba(0, 0, 0, .05);
	transition: background 0.5s linear;
	}
	
.login-box2 input[type="submit"] {
	background: linear-gradient(#bfeaff, #4ec4ff);
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2);
	color: #555;
	font: bold 22px robotobold;
	letter-spacing: -1px;
	line-height: 20px;
	text-shadow: 2px 2px 4px #fff;
	border: 3px solid #aaa;
	padding: 18px 0px;
	text-align: center;
	width: 226px;
	margin: 0 0 20px 0;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 2px;

	}
.login-box2 input[type="submit"]:hover {
	background: linear-gradient(#a0ddfc, #22b5ff);
	color: #222;
	border: 3px solid #999;
	}
	
.forgot2 {
	position: absolute;
	bottom: 0; left: 50%;
	margin-left: -65px;
	width: 130px;
	background: #999;
	line-height: 20px;
	font: 14px robotobold;
	letter-spacing: -0.2px;
	text-transform: uppercase;
	border-radius: 3px 3px 0 0;
	padding: 5px 0px 5px 0px;
	color: #fff;
	transition: all 0.5s;  
	}
.forgot2:hover {
	background: #777;
	}
/* end login box2 */
	
	
	
.uv {
	position: fixed; bottom: 0px; right: 0px; z-index: 100;
	display: block; min-width: 40px; min-height: 40px;
	}	
	
	
.porneste {
	display: block; 
	text-align: center;
	font: 20px roboto;
	line-height: 20px;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #0182c3 url(../assets/audit-start.png) no-repeat 70px 5px;
	color: #fff;
	border: none;
	padding: 15px 0;
	width: 100%;
	transition: background 0.5s;
	margin: 0 0 5px 0;
	cursor: pointer;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	transition: box-shadow 0.5s;
	}
.porneste:hover, .inchide:hover, .report:hover {
	box-shadow: inset 0px -50px 0px 0px rgba(0, 0, 0, .25);
	color: #fff;
	border: none;
	}
	
.nuporneste {
	background: #ddd url(../assets/audit-start2.png) no-repeat 70px 5px; 
	cursor: default;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .05);
	color: #fff;
	}
.nuporneste:hover {box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .05);}
	
.porneste-atentie {
	background: #0182c3 url(../assets/audit-start.png) no-repeat 20px 5px;
	font: 16px roboto;
	line-height: 16px;
	}
	
.porneste-text {
	background: #0182c3;
	font: 16px roboto;
	line-height: 16px;
	cursor: text;
	}
.porneste-text:hover {
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	}

.inchide {
	display: inline-block; 
	text-align: center;
	font: 20px roboto;
	line-height: 20px;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #c03b00 url(../assets/audit-stop.png) no-repeat 10% 5px;
	color: #fff;
	border: none;
	padding: 15px 0px;
	width: 48%;
	transition: background 0.5s;
	margin: 0 1% 5px 0;
	cursor: pointer;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	transition: box-shadow 0.5s;
	}
.report {
	display: inline-block; 
	text-align: center;
	font: 20px roboto;
	line-height: 20px;
	letter-spacing: -1px;
	text-transform: uppercase;
	background: #6f880d url(../assets/reporting1.png) no-repeat 10% 5px;
	color: #fff;
	border: none;
	padding: 15px 0px;
	width: 48%;
	transition: background 0.5s;
	margin: 0 0 5px 2%;
	cursor: pointer;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	transition: box-shadow 0.5s;
	}
/*	
.d-green {background: #6f880d;}
.d-red {background: #c03b00;}
*/	
	
.stare-inchide {
	position: absolute;	top: 170px; right: 0;
	background: #ccc; width: 400px;
	}
	
.stare {
	position: absolute;	top: -112px; right: 2%;
	padding: 10px 0 10px 40px;
	text-transform: uppercase; text-align: center;
	font: 14px robotobold; letter-spacing: -1px;
	background: url(../assets/generare.png) no-repeat 0 0;
	}
.stare span {
	border: 2px solid #eee;
	border-left: none;
	padding: 5px 10px 5px 0;
	}
.stare-follow {background: url(../assets/follow.png) no-repeat 0 0;padding: 10px 0 10px 50px;}

.exp-pdf-but {
	display: block; width: 200px;
	font: 18px robotobold; letter-spacing: -0.3px;
	color: #555;
	background: url(../assets/pdf.png) no-repeat 0 0;
	padding: 12px 0 12px 55px; margin: 20px 0;
	transition: color 0.5s; 
	}
.exp-pdf-but:hover {color: #0073b1;}


.epb-ment {
	position: absolute;	top: 2px; right: 5px;
	display: block;
	font: 16px robotobold; text-transform: uppercase;
	letter-spacing: -0.3px;
	color: #0073b1;
	background: #fff; border: 1px solid #7fc4e9; border-radius: 3px;
	padding: 8px 20px;
	line-height: 16px;
	transition: all 0.5s; 
	}
.epb-ment:hover {
	color: #0073b1;
	}
	
.email-prop {
	transform: scale(0.8,0.8);
	position: absolute;
	top: 172px; right: -5px;
	display: block;
	font: 16px robotobold; text-transform: uppercase;
	letter-spacing: -0.3px;
	color: #0073b1;
	background: #fff; border: 1px solid #7fc4e9; border-radius: 3px;
	padding: 8px 20px;
	line-height: 16px;
	transition: all 0.5s; 
	}
	
.selectall-ment {
	position: absolute;
	top: 2px; right: 140px;
	display: block;
	font: 16px robotobold; text-transform: uppercase;
	letter-spacing: -0.3px;
	color: #555;
	background: #fff; border: 1px solid #aaa; border-radius: 3px;
	padding: 8px 15px;
	line-height: 16px;
	transition: all 0.5s; 
	cursor: pointer;
	}
.selectall-ment input {width: 15px; height: 15px; margin: 0; padding: 0;}
.selectall-ment.sa-myaccount {right: 2%;}
	
/*.inchide-fortat {
	position: absolute; top: -108px; right: 170px;
	display: block;
	width: 45px; height: 30px;
	background: #999; color: #fff;
	border: none; border-radius: 100px;
	cursor: pointer;
	font: 16px robotobold; line-height: 16px; letter-spacing: -1px;
	}*/
	
.inchide-fortat  {
	position: absolute;
	top: -112px; right: 170px;
	padding: 10px 0 10px 40px;
	text-transform: uppercase; text-align: center;
	font: 14px robotobold; letter-spacing: -1px;
	background: url(../assets/x2.png) no-repeat 0px 3px;
	background-size: 30px;
	border: none; cursor: pointer;
	transition: all 0.5s;
	}
.inchide-fortat  span {
	border: 2px solid #eee;
	border-left: none;
	padding: 5px 10px 5px 0;
	}
.inchide-fortat:hover {opacity: 0.7;}
	
	
.popup-ok {
	position: fixed; top: 200px; left: 50%; margin-left: -140px; z-index: 1000;
	background: #fff; width: 200px; height: 100px;
	text-align: center; border-radius: 5px;
	padding: 20px 40px;
	box-shadow: 0px 0px 7px 2000px rgba(0, 0, 0, 0.5);
	}
.popup-ok p {font: 16px roboto;line-height: 16px; margin: 0 0 15px 0;}
.inchide-ok {
	display: inline-block;
	background: #0073b1; color: #fff;
	border: none; border-radius: 3px;cursor: pointer;
	padding: 7px 14px; margin: 0 5px;
	font: 20px robotobold; line-height: 20px;
	transition: all 0.5s;
	}
.inchide-cancel {
	display: inline-block;
	background: #999; color: #fff;
	border: none; border-radius: 3px;cursor: pointer;
	padding: 7px 14px; margin: 0 5px;
	font: 20px robotobold; line-height: 20px;
	transition: all 0.5s;
	}
.inchide-ok:hover, .inchide-cancel:hover {opacity: 0.7;}
	
	
.reporting-total {width: 100%; zoom: 1;}	
.reporting-total td {vertical-align: top;}

.reporting-total td:nth-child(1) {width: 60%;}
.reporting-total td:nth-child(2) {width: 15%;}
.reporting-total td:nth-child(2) table th {min-width: 115px;}

.reporting-total td:nth-child(3) {width: 10%;}
.reporting-total td:nth-child(4) {width: 15%;}

.reporting {
	display: inline-block; vertical-align: top;
	border-spacing: 3px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 100% !important;
	}
.reporting th {
	font: 13px roboto;
	background: #667;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 10px 7px;
	box-shadow: inset 0px 100px 0px 0px rgba(0, 0, 0, .20);
	text-shadow: 1px 1px #666;
	}
.reporting th:first-child {width: 20%;background: #222;}

.reporting th:nth-child(5) {min-width: 115px;}
.reporting th:nth-child(6) {min-width: 100px;}

.reporting tr:nth-child(even) {background-color: #f2f2f2}
.reporting td {
	padding: 10px 7px;
	/*background: #ffe0a3;*/
	font: 13px roboto;
	box-shadow: inset -10px 0px 0px 0px rgba(0, 0, 0, .05);
	}
.reporting td.td-mag {
	position: relative;
	text-align: left;
	background: #777;
	color: #e1f3fc;
	letter-spacing: -0.5px;
	padding: 10px 10px;
	box-shadow: inset -20px 0px 0px 0px rgba(0, 0, 0, .10);
	text-transform: uppercase;
	}
.reporting td.td-mag span {
	color: #b1d1e1;
	font: 13px roboto; 
	border-left: 1px solid #b1d1e1;
	}
.reporting td.rep-red {background: #f6a48b;}
/*reporting td.rep-yellow {background: #ffe0a3;}*/
.reporting td.rep-green {background: #aecc44;}
.rep-b3 td {text-align: left;white-space: nowrap;}

.rep-pasare th:first-child {width: 30% !important;}

.reporting-mag th strong {font: 24px robotobold;}
.reporting-mag th {font: 20px roboto; line-height: 20px; padding: 0 0 0 10px;}
	
.editare td.td-but {
	background: url(../assets/arrow2.png) no-repeat 5px 5px;
	padding-left: 30px;
	}	
.editare td.td-indent {
	background: url(../assets/arrow2.png) no-repeat 25px 7px;
	background-size: 12px;
	padding-left: 50px;
	}
	
.rep-redeschide {
	text-align: center;
	font: 14px robotobold; line-height: 14px;
	color: #0182c3;
	}
.rep-redeschide:before {
	content: "\e855"; font-family: 'awesome-entypo';
	display: block; margin: 0 0 4px 0; padding: 0;
	color: #0182c3;
	}
.rep-sterge {
	text-align: center; position: relative;
	display: block;
	font: 14px robotobold; line-height: 14px;
	color: #e34824;
	margin: 0px 0 0 0; padding: 20px 0 0 0;
	}	
.rep-sterge:before {
	position: absolute; margin: -20px 0 0 15px;
	content: "\e8af"; font-family: 'awesome-entypo';
	display: block; padding: 0;
	color: #e34824; z-index: 10;
	}
	
.rep-inchide {
	text-align: center; position: relative;
	display: block;
	font: 14px robotobold; line-height: 14px;
	color: #555;
	margin: 0px 0 0 0; padding: 20px 0 0 0;
	}	
.rep-inchide:before {
	position: absolute; margin: -20px 0 0 26px;
	content: "\e834"; font-family: 'awesome-entypo';
	display: block; padding: 0;
	color: #555; z-index: 10;
	}
	
	
	
.reporting-mag {
	border-spacing: 3px;
	vertical-align: top;
	width: 100%;
	margin: 0 0 10px 0;
	}
.repmag1-th {width: 40%;}
.repmag2-th {width: 30%; border-left: 2px solid #ccc;}
.repmag3-th {width: 30%; border-left: 2px solid #ccc;}

.reporting-mag th strong {font: 16px robotobold; color: #0073b1;}
.reporting-mag th {font: 14px roboto; line-height: 14px; padding: 0 0 0 6px;}

.repmag1 {
	font: 15px roboto;
	background: #667;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 20px 20px 20px 20px;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .2);
	text-shadow: 1px 1px #666;
	text-align: left;
	width: 40%;
	}
.repmag2 {
	font: 20px roboto;
	padding: 10px 20px 10px 20px;
	background: #eee;
	width: 30%;
	box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, .1);
	}
.repmag3 {
	font: 20px roboto;
	padding: 10px 20px 10px 20px;
	background: #eee;
	width: 30%;
	box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, .1);
	}
	
.repmag-green {background: #aecc44;}
.repmag-red {background: #f6a48b;}
.td-mag a {color: #ddd; margin: 0 0 0 35px;}
.td-mag a:hover {color: #fff;}
.td-mag input[type="checkbox"] {
	position: absolute; top: 13px; left: 5px;
	width: 25px; height: 25px;
	-webkit-appearance: none; appearance: none; 
	background: #fff; border-radius: 3px;
	}
.td-mag input[type="checkbox"]:checked {
	background: #fff url(../assets/checked2.png) no-repeat 2px 2px;
	background-size: 20px;
	}
	

.reporting-table {/*width: 100%;*/ border-spacing: 2px; background: #fff;}
.reporting-table th {
	vertical-align: top;
	letter-spacing: -0.3px;
	font: 15px robotobold; line-height: 15px;
	background: #b7e0f4;
	color: #555;
	text-shadow: 1px 1px #fff;
	text-align: left;
	box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, .1);
	border-right: 2px solid #fff;
	min-width: 50px;
	}
.reporting-table th:first-child {
	background: #2a90c4;
	color: #fff; 
	text-shadow: none;
	text-transform: uppercase;
	font: 18px robotobold; line-height: 18px;
	}
.reporting-table th:last-child {
	border-right: none;
	background: #90c4dd;
	}
.reporting-table th span {
	display: block;
	padding: 7px 2%;
	box-shadow: inset -10px 0px 0px 0px rgba(0, 0, 0, .05);
	min-height: 60px;
	}
.reporting-table th em { /* BSR */
	font: 15px robotobold;
	color: #0073b1;
	}
	
.reporting-table td {
	position: relative;
	vertical-align: top;
	border-right: 2px solid #ccc;
	background: #eee;
	box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, .1);
	font: 12px roboto;
	letter-spacing: -0.3px;
	color: #444;
	
	}
.reporting-table td span {
	display: block;
	padding: 15px 2% 7px 2%;
	box-shadow: inset -10px 0px 0px 0px rgba(0, 0, 0, .05);
	min-height: 35px;
	}
.reporting-table td:first-child {
	background: #ddd;
	font: 15px robotobold;
	line-height: 15px;
	}
.reporting-table td:last-child {background: #d2e7f2;}

.reporting-table td a {color: #333;} /* procent + data */
.reporting-table td b {/* procent */
	color: #0073b1;
	font: 16px robotobold;
	/*border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;*/
	display: block;
	width: 100%;
	} 
.reporting-table td i { /* data */
	font: 10px roboto; 
	letter-spacing: -0.5px;
	display: block;
	}
	
.bul1 {
	position: absolute;
	right: 3px; top: 2px;
	background: #69b5de; color: #fff;
	/*border: 1px solid rgba(255, 255, 255, 0.5);*/
	display: block;
	width: 16px;
	text-align: center;
	padding: 2px 0;
	border-radius: 50px;
	font: 11px roboto;
	line-height: 11px;
	}
.bul2 {
	position: absolute;
	right: 20px; top: 2px;
	background: #e34824; color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.5);
	display: block;
	width: 16px;
	text-align: center;
	padding: 2px 0;
	border-radius: 50px;
	font: 11px roboto;
	line-height: 11px;
	}
	
.bul-report {position: relative; top: 0; right: 0; display: inline-block;}	
	
	
.nav-deca {display: none;}
	
.buton-inactiv {
	color: #aaa !important;
	}	
	
	
.aud-select {display: none;}
.masca-meniu {
	position: absolute;
	left: 0; top: 170px; z-index: 90;
	background: #ddd;
	width: 100%;
	height: 700px;
	text-align:center;
	padding: 150px 0 0 0;
	}
.masca-meniu:after {content: "ATENTIE SE LUCREAZA";}



/* show-hide tableta */

.show-menu-tableta, .hide-menu-tableta {
	position: absolute;
	top: 10px; left: 190px;
	z-index: 110;
	display: block;
	width: 45px; height: 45px;
	text-indent: -9999px;
	background: url(../assets/arrow03b.png) no-repeat 16px 12px;
	background-size: 15px;
	border: none;
	cursor: pointer;
	overflow: hidden;
	}
.show-menu-tableta {
	background-color: #ec6716;
	}
.hide-menu-tableta {
	background-color: #59b6e8;
	transform: rotate(180deg);
	}

.show-admin, .hide-admin {display: none;}

/* */
	
.nav-deca-nou { /* submenu cu impingere */
	position: relative;
	display: block;
	vertical-align: top;
	width: 99%;
	margin: 23px 0 0px 0;
	padding: 0px 0 0 0;
	background: #eee;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	overflow: visible !important;
	}
	
/* submenu suprapus
.nav-deca-nou { 
	position: absolute;
	left: 0; top: 135px; z-index: 100;
	display: block;
	vertical-align: top;
	width: 100%;
	margin: 30px 2% 30px 0;
	padding: 0px 0 0 0;
	background: #eee;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	}*/
	
/*.menu-tableta:before {
	content: "test"; color: #fff;
	left: 0px; top: 0px; z-index: -1;
	position: absolute;
	display: block;
	vertical-align: top;
	width: 100%; height: 1000%;
	background: #fff;
	}*/

	
.menu-tableta {display: none;}	
.nav-deca-nou li a {
	position: relative;
	display: block;
	background: linear-gradient(#fff, #ccc);
	color: #555;
	padding: 10px 10px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff;
	letter-spacing: -0.4px;
	box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, .15);
	transition: all 0.5s;
	font: 18px robotobold; 
	line-height: 20px;
	}
.nav-deca-nou li a em {
	position: absolute;
	top: 10px; right: 10px;
	display: block;
	width: 20px; height: 20px;
	background: url(../assets/arrow01.png) no-repeat 0 0;
	background-size: 20px;
	opacity: 0.3;
	}
	
.nav-deca-nou li a.stop-left, .nav-deca-nou li a.stop-left1 {
	background: #333;
	color: #d7e6ee;
	text-shadow: none;
	}
.nav-deca-nou li a.stop-left em, .nav-deca-nou li a.stop-left1 em {
	top: 7px; right: 7px;
	background: url(../assets/arrow01a.png) no-repeat 0px 0;
	background-size: 25px !important;
	width: 25px; height: 25px;
	opacity: 0.6;
	}
.nav-deca-nou li a.stop-left1:after {
	content: "";
	position: absolute; top: 50%; margin-top: -4px; right: 15px;
	display: block; width: 0; height: 0; 
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #d7e6ee;
	transform: rotate(180deg);
	}
	
.nav-deca-nou ul ul {
	background: linear-gradient(#d7dae6, #abb0c1);
	border-top: 2px solid #abb0c1;
	display: none;  /*ascuns partial la dorinta lui Paul */
	}
.nav-deca-nou li li a {
	background: linear-gradient(#d7dae6, #abb0c1);
	font: 14px robotobold; 
	border-left: none;
	padding: 8px 10px 8px 14px;
	text-shadow: 1px 1px #dee2ed;
	box-shadow: inset 7px 0px 0px 0px rgba(0, 0, 0, .2);
	}
.nav-deca-nou li li a em {
	top: 10px; right: 12px;
	width: 15px; height: 15px;
	background: url(../assets/arrow02.png) no-repeat 0 0;
	background-size: 15px;
	opacity: 0.3;
	}
.nav-deca-nou li li a.stop-left, .nav-deca-nou li li a.stop-left2 {
	background: #444 !important;
	color: #d7e6ee;
	border-bottom: 2px solid #777;
	opacity: 0.8; text-shadow: none;
	}
.nav-deca-nou li li a.stop-left em, .nav-deca-nou li li a.stop-left2 em {
	top: 7px; 
	background: url(../assets/arrow02a.png) no-repeat 0 0;
	background-size: 15px !important;
	}
	
	
	
.nav-deca-nou ul ul ul {
	background: #61677d;
	border: none;
	
	}
.nav-deca-nou li li li a {
	background: #636a84;
	font: 13px robotobold; 
	line-height: 13px;
	padding: 6px 30px 6px 25px;
	text-shadow: none;
	color: #e9ebf4;
	letter-spacing: 0px;
	box-shadow: inset 14px 0px 0px 0px rgba(0, 0, 0, .2);
	border-bottom: 2px solid #7d849e;
	}

.nav-deca-nou li li li a em {
	top: 12px; right: 10px;
	height: 10px;
	background: url(../assets/arrow03.png) no-repeat 0 0;
	background-size: 10px;
	opacity: 0.3;
	}
	
.nav-deca-nou li li li a.stop-left, .nav-deca-nou li li li a.stop-left3 {
	background: #555 !important;
	color: #d7e6ee;
	}
.nav-deca-nou li li li a.stop-left em, .nav-deca-nou li li li a.stop-left3 em {
	top: 8px; right: 0px !important;
	height: 10px;
	background: url(../assets/arrow03.png) no-repeat 0 0;
	background-size: 10px !important;
	opacity: 0.3;
	}
	
	
.nav-deca-nou li li li li a {
	background: #4c526a;
	font: 11px robotobold; 
	letter-spacing: 0.2px;
	color: #c5cadb;
	text-shadow: none;
	box-shadow: inset 20px 0px 0px 0px rgba(0, 0, 0, .2);
	border-bottom: 2px solid #5d647f;
	padding: 4px 10px 4px 32px;
	}
.nav-deca-nou li li li li a em {display: none;}

.nav-deca-nou li li li li a.stop-left, .nav-deca-nou li li li li a.stop-left4 {
	background: #333 !important;
	color: #d7e6ee;
	}



	
	
.nav-deca-nou li li a.stop-left {
	background: #777;
	color: #fff;
	text-shadow: none;
	}

	
	
.nav-deca-nou ul select {
	position: absolute; top: 3px; left: 15px; z-index: 500;
	width: 93%;
	padding: 2px 5px;
	background: #636a84 url(../assets/arrow03.png) no-repeat 92% 10px;
	background-size: 10px;
	color: #e9ebf4;
	border: none;
	text-transform: uppercase;
	font: 13px robotobold;
	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	}
.nav-deca-nou ul select:hover {border: none;}
.nav-deca-nou ul select:active {border: none !important;}


.li-aa {
	/*min-height: 160px;*/
	position: relative;
	border-bottom: 2px solid #7d849e;
	box-shadow: inset 14px 0px 0px 0px rgba(0, 0, 0, .2);
	}
.nav-deca-hide {display: none;}
.nav-deca-hide-tableta {display: none;}
	

	
.login-box.chgpass input[type="text"], .login-box.chgpass input[type="password"] {
	font-size: 22px;
	}
.fara-sageata {
	display: none !important;
	}
	

	
.shop-select {
	position: absolute;  
	top: 10px; left: 245px;
	width: 130px;
	border: 1px solid #ddd;
	padding: 13px 20px 15px 10px;
	font: 15px roboto;
	letter-spacing: -1px;
	line-height: 16px;
	transition: all 0.5s;
	-webkit-appearance: none;
	background: url(../assets/arrow2a.png) no-repeat right;
	background-size: 13px;
	}
.shop-select:hover {border: 1px solid #aaa;}
.shop-select option {
	padding: 1px 0;
	border-bottom: 1px solid #ccc;	
	}
.ss-top {top: 200px !important; left: 200px !important; z-index: 1000;}
	
.aud-select {
	position: absolute;  
	top: 60px;
	left: 160px;
	width: 220px;
	border: 1px solid #ddd;
	padding: 2px 10px;
	font: 15px roboto;
	letter-spacing: -1px;
	line-height: 15px;
	transition: border 0.5s;
	}
.aud-select:hover {border: 1px solid #aaa;}
.aud-select option {
	padding: 1px 0;
	border-bottom: 1px solid #ccc;	
	}
	
	
	
.menu-general {
	display: block;
	/*width: 100%;*/
	background: #999;
	margin: 20px 0;
	}
.menu-general li {display: inline-block;}
.menu-general li a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	background: #777;
	color: #fff;
	padding: 17px 13px;
	margin: 0 0 0 2px;
	text-transform: uppercase;
	letter-spacing: -0.2px;
	box-shadow: inset 0px 4px 0px 0px rgba(0, 0, 0, .15);
	transition: background 0.5s;
	font: 15px roboto; 
	}
.menu-general li a.stop1, .menu-general li a:hover.stop1 {background: #0182c3;}
.menu-general li a:hover {background: #555;}
.menu-general .arrow-down {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -7px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0182c3;
	}
	
.mg-home.menu-general {background: none; margin: 50px 0 0 0;}	
.mg-home.menu-general li {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: 0 2% 30px 2%;
	background-color: #777;
	box-shadow: inset -50px 0px 0px 0px rgba(0, 0, 0, .1) !important;
	}
.mg-home.menu-general li a {
	display: block;
	color: #fff;
	text-align: left;
	padding: 30px 5%;
	margin: 0;
	width: 90%;
	min-height: 150px;
	letter-spacing: -1px;
	box-shadow: inset 0px 10px 0px 0px rgba(0, 0, 0, .30);
	font: 26px roboto; 
	line-height: 30px;
	transition: box-shadow 0.8s;
	background-color: transparent;
	background-repeat: no-repeat !important;
    background-origin: content-box !important;
	background-position: right bottom !important;
	}
.mg-home.menu-general li.mgh1 a {background-image: url(../assets/mg-audit.png);}
.mg-home.menu-general li.mgh2 a {background-image: url(../assets/mg-diag.png);}
.mg-home.menu-general li.mgh3 a {background-image: url(../assets/mg-waste2.png);}
.mg-home.menu-general li.mgh4 a {background-image: url(../assets/mg-doc.png);}
.mg-home.menu-general li.mgh5 a {background-image: url(../assets/mg-smart.png);}	
	

	
.re-menugen {
	/*background: url(../assets/header1.jpg) no-repeat 0 0;
	padding: 50px 0 0 0;*/
	}	
.re-menugen 	li {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: 0 2% 30px 2%;
	background-color: #4897bf;
	box-shadow: inset -50px 0px 0px 0px rgba(0, 0, 0, .1);
	position: relative;
	overflow: hidden;
	}
.re-menugen li a {
	display: block;
	color: #333;
	text-align: left;
	padding: 30px 5%;
	margin: 0;
	width: 90%;
	min-height: 150px;
	letter-spacing: -1px;
	box-shadow: inset 0px 10px 0px 0px rgba(0, 0, 0, .30);
	text-shadow: 2px 2px 2px #fffaad;
	font: 22px robotobold; 
	text-transform: uppercase;
	line-height: 26px;
	background-color: transparent;
	background-repeat: no-repeat;
    background-origin: content-box;
	background-position: right bottom;
	}
.re-menugen li a span {
	position: absolute;
	top: 30px; left: 5%;
	z-index: 20;
	} 
.re-menugen li a em {
	position: absolute;
	top: -50px; left: -170px;
	z-index: 10;
	display: block;
	width: 400px; height: 200px;
	background: linear-gradient(#fff100, #c7bc01);
	transform: rotate(-60deg);
	box-shadow: 0px 7px 0px 0px rgba(0, 0, 0, .15);
	} 
	
.re-menugen li.mgh1 a {background-image: url(../assets/mg-audit-re.png);}
.re-menugen li.mgh3 a {background-image: url(../assets/mg-waste-re.png);}
.re-menugen li.mgh4 a {background-image: url(../assets/mg-doc-re.png);}
.re-menugen li.mgh5 a {background-image: url(../assets/mg-smart-re.png);}






.re-menugen2 li {
	display: inline-block;
	vertical-align: top;
	width: 44%;
	margin: 0 2% 30px 2%;
	background: linear-gradient(#fff, #ccc);
	border: 4px solid #ccc;
	}
.re-menugen2 li a {
	position: relative;
    display: inline-block;
    vertical-align: top;
    color: #555;
    padding: 60px 0 70px 0px;
    margin: 20px 2%;
    width: 90%;
    text-transform: uppercase;
    text-shadow: 1px 1px #fff;
    text-align: left;
    transition: all 0.5s;
    font: 23px robotobold;
    line-height: 26px;
	letter-spacing: -0.3px;
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 50%;
	}
.re-menugen2 li a span {
	position: absolute;
	top: 40px; left: 5%;
	z-index: 20;
	} 
	
.re-menugen2 li.mgh1 a {background-image: url(../assets/mg-audit-re2.png);}
.re-menugen2 li.mgh3 a {background-image: url(../assets/mg-waste-re2.png);}
.re-menugen2 li.mgh4 a {background-image: url(../assets/mg-doc-re2.png);}
.re-menugen2 li.mgh5 a {background-image: url(../assets/mg-smart-re2.png);}
.re-menugen2 li.mgh6 a {background-image: url(../assets/home-admin.png);}
.re-menugen2 li.mgh7 a {background-image: url(../assets/home-report2.png);}


.re-menugen2 li.mgh-inactiv a {color: #aaa !important;filter: grayscale(100%);}




.img1 {width: 100%;}
	
	
.gest-pdf {
	background: #5ab8ea; color: #fff;
	border: none; border-radius: 5px;
	padding: 10px;margin: 0 10px 15px 0;
	cursor: pointer; transition: all 0.5s;
	}
.gest-pdf span {display: none;}
.gest-pdf:before {
	content: "\f1c1"; font-family: 'awesome-entypo';
	font-size: 35px; 
	}
.gest-pdf:hover {opacity: 0.7;}
	
.gest-sterge {
	background: #fff;color: #c33200;
	border: none; border-radius: 5px;
	padding: 0px; margin: 0 10px 15px 0;
	cursor: pointer; transition: all 0.5s;
	}
.gest-sterge span {display: none;}
.gest-sterge:before {
	content: "\e827"; font-family: 'awesome-entypo';
	font-size: 35px;
	}
.gest-sterge:hover {opacity: 0.7;}
	
	
.re-menu-general {
	position: absolute; top: 100px; right: 0;
	display: block; width: 100%;
	background: linear-gradient(#fff, #ccc);
	box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, .15);
	border-right: 4px solid #ccc;
	}
	
.re-menu-general li {display: inline-block;}
.re-menu-general li a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	background: linear-gradient(#fff, #ccc);
	color: #555;
	padding: 17px 4px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 1px 1px #fff;
	letter-spacing: -0.4px;
	box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, .15);
	transition: all 0.5s;
	font: 15px robotobold; line-height: 20px;
	border-left: 2px solid #ccc; border-right: 2px solid #ccc;
	}
.re-menu-general li:last-child a {border-right: none;}
.re-menu-general li a.stop1, .re-menu-general li a:hover.stop1 {
	background: linear-gradient(#066392, #0182c3); 
	color: #fff;
	text-shadow: none;
	}
.re-menu-general li a:hover {background: #ddd; color: #0182c3;}
.re-menu-general .arrow-down {
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -7px;
	width: 0; height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0182c3;
	}
.re-menu-general li a span {display: none;}
	
	
.img-abcdefg {background: #fff;}
.img-abcdefg p {margin: 5px 2%;}
	

.menu-local {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	}
.menu-local li a {
	position: relative;
	font: 22px roboto;
	letter-spacing: -0.5px;
	display: block;
	background-color: #888;
	color: #fff;
	padding: 12px 5%;
	margin: 0 0 2px 0;
	box-shadow: inset -8px 0px 0px 0px rgba(0, 0, 0, .15);
	transition: background 0.5s, box-shadow 0.5s;
	}
.menu-local li a:hover {
	background-color: #777 !important;
	box-shadow: inset -20px 0px 0px 0px rgba(0, 0, 0, .15);
	}
.menu-local li a.stop2 {
	box-shadow: inset 2000px 0px 0px 0px rgba(0, 0, 0, .35);
	background-image: url(../assets/arrow3.png);
	background-repeat: no-repeat;
	background-position: 183px 22px;
	}
.menu-local li.ml-1 a {background: #888 url(../assets/m-local-doc.png) no-repeat 90% 5px;}
.menu-local li.ml-2 a {background: #888 url(../assets/m-local-echip.png) no-repeat 90% -10px;}
.menu-local li.ml-3 a {background: #888 url(../assets/m-local-ext.png) no-repeat 90% 5px;}
.menu-local li.ml-4 a {background: #888 url(../assets/m-local-int.png) no-repeat 90% 5px;}
.menu-local li.ml-5 a {background: #888 url(../assets/m-local-soc.png) no-repeat 90% 5px;}

.ml-home.menu-local li a {
	font: 30px roboto;
	padding: 33px 5%;
	background-position: 90% 15px;
	}
.menu-local li a span {
	float: right; 
	display: block;
	margin: 0 30% 0 0; 
	border-left: 3px solid #aaa; 
	padding: 0 0 0 20px; 
	color: #ccc;
	text-align: left;
	width: 110px;
	}
.menu-local li a:hover span {border-left: 3px solid #ccc; color: #fff;}



.ml-home.menu-local.re-menulocal li  {
	background: linear-gradient(90deg, #444, #777);
	}
.ml-home.menu-local.re-menulocal li a {
	font: 28px robotobold;
	line-height: 32px;
	letter-spacing: -0.5px;
	color: #a9e2ff;
	text-shadow: 2px 2px 4px #000;
	background: none;
	/*box-shadow: inset 150px 0px 180px 0px rgba(0, 0, 0, .4);*/
	}
.ml-home.menu-local.re-menulocal li a:hover {
	background-color: #333 !important;
	box-shadow: inset -20px 0px 0px 0px rgba(0, 0, 0, .15);
	}

	
.menu-local.re-menulocal li.ml-1 a {background: url(../assets/m-local-doc2.png) no-repeat 90% 5px;}
.menu-local.re-menulocal li.ml-2 a {background: url(../assets/m-local-echip2.png) no-repeat 90% 5px;}
.menu-local.re-menulocal li.ml-3 a {background: url(../assets/m-local-ext2.png) no-repeat 90% 5px;}
.menu-local.re-menulocal li.ml-4 a {background: url(../assets/m-local-int2.png) no-repeat 90% 5px;}
.menu-local.re-menulocal li.ml-5 a {background: url(../assets/m-local-soc2.png) no-repeat 90% 5px;}
	

.radio-config {text-align: center; padding: 0 !important;}	
.radio-config input {
	width: 30px; height: 30px;
	margin: 0 auto; padding: 0;
	}
	
	
	
/* MENU LOCAL NOU */
.re-menu-local2 {
	display: block;
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0px 0 0 0;
	}
.re-menu-local2 li a {
	position: relative;
	font: 22px robotobold;
	letter-spacing: -0.5px;
	display: block;
	/*box-shadow: inset 0px -10px 20px 0px rgba(0, 0, 0, .1);*/
	background: linear-gradient(#fff, #ccc);
	margin: 0 0 2px 0;
	color: #555;
	text-shadow: 1px 1px #fff;
	border: 2px solid #ccc;
	transition: all 0.5s;
	}
.re-menu-local2 li a span {
	display: block;
	padding: 12px 5%;
	background-repeat: no-repeat;
	background-position: 90% 5px;
	}
.re-menu-local2 li a em {
	float: right; 
	display: block;
	margin: 0 30% 0 0; 
	border-left: 3px solid #ccc; 
	padding: 0 0 0 20px; 
	color: #999;
	text-align: left;
	width: 110px;
	font-style: normal;
	text-shadow: 1px 1px #fff;
	}
.re-menu-local2 li a:hover {
	box-shadow: inset 0px -30px 20px 0px rgba(0, 0, 0, .1);
	border: 2px solid #aaa;
	color: #333;
	}
.re-menu-local2 li.ml-1 a span {background-image: url(../assets/m-local-doc3.png);}
.re-menu-local2 li.ml-2 a span {background-image: url(../assets/m-local-echip3.png);}
.re-menu-local2 li.ml-3 a span {background-image: url(../assets/m-local-ext3.png);}
.re-menu-local2 li.ml-4 a span {background-image: url(../assets/m-local-int3.png);}
.re-menu-local2 li.ml-5 a span {background-image: url(../assets/m-local-soc3.png);}
.re-menu-local2 li a.stop2 {
	/*box-shadow: inset 2000px 0px 0px 0px rgba(0, 0, 0, .35);*/
	background-color: #d2ebf8;
	background-image: url(../assets/arrow3a.png);
	background-repeat: no-repeat;
	background-position: 40% 22px;
	}	

.rml-home.re-menu-local2 li a span {padding: 25px 5%;}
.rml-icon.re-menu-local2 li a span {
	background-image: url(../assets/audituri.png); 
	background-size: 35px;
	background-position: 95% 5px;
	}

	
	
.ml-home.ml-home-submenu li a {
	background: #52addb;
	text-shadow: 4px 4px 8px #555;
	transition: background 0.5s box-shadow 0.5s;
	}
.ml-home.ml-home-submenu li a:hover {background-color: #378bb5 !important;}

.ml-home.ml-submenu li a {
	position: relative;
	background: #52addb;
	background-size: 7% !important;
	text-shadow: 4px 4px 8px #555;
	font: 22px roboto;
	letter-spacing: -0.5px;
	display: block;
	color: #fff;
	padding: 12px 5%;
	margin: 0 0 2px 0;
	box-shadow: inset -8px 0px 0px 0px rgba(0, 0, 0, .15);
	transition: background 0.5s box-shadow 0.5s;
	animation: submenu 1s 1 linear;
	
	}
.ml-home.ml-submenu li a:hover {background-color: #378bb5 !important;}

#descr1 {height: 1000px !important;}
.useri {
	vertical-align: top;
	} 

.audit-useri {width: 100%;}	
.audit-useri td {
	font: 14px robotobold;
	color: #555;
	text-align: left;
	}
.audit-useri select {
	font: 14px robotobold; letter-spacing: 0;
	margin: 3px 0 !important;
	padding: 7px 7px;
	float: left !important;
	}
.audit-useri input[type="text"] {
	margin: 3px 0 !important;
	padding: 9px 7px !important;
	}
.audit-useri input[type="checkbox"] {
	width: 25px; height: 25px;
	
	}

.dict-traducere {
	letter-spacing: -0.3px;
	color: #333;
	}
.dict-traducere tr:hover td {background: #d0f5fe;}
.dict-traducere tr:hover td input {background: #d0f5fe;}

.dict-traducere tr:first-child td {
	font: 18px robotobold; line-height: 18px;
	padding: 0 0 7px 0;
	background: none; border: none;
	}

.dict-traducere td {
	padding: 0 4px;
	}
.dict-traducere td:first-child {
	background: #f7f7f7;
	padding: 10px 20px;
	border: 2px solid #ddd;
	}

.ml-submenu a em {
	display: block;
	position: absolute;
	z-index: 10;
	bottom: -14px; right: 5%;
	width: 0px; height: 0px; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #52addb;
	transition: border 0.5s;
	}
.ml-submenu a:hover em {border-top: 20px solid #378bb5;}

.ml-submenu a strong {
	display: block;
	position: absolute;
	z-index: 5;
	bottom: -22px; right: 5%;
	width: 0px; height: 0px; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #fff;
	transition: border 0.5s;
	}
/*.sub1 a {background: #52addb url(../assets/gen-tehnic.png) no-repeat 90% 10px !important;}
.sub2 a {background: #52addb url(../assets/gen-magazin.png) no-repeat 90% 10px !important;}
.sub3 a {background: #52addb url(../assets/gen-finante.png) no-repeat 90% 10px !important;}
.sub4 a {background: #52addb url(../assets/gen-comert.png) no-repeat 90% 10px !important;}*/

.ml-home.ml-submenu ul ul {
	display: block;
	width: 100%;
	border-bottom: 5px solid #fff;
	margin-left: -3px;
	/*animation: submenu-ul 2s 1 ease-in;*/
	}


.ml-home.ml-submenu li li {
	display: inline-block;
	width: 47.2%;
	}
	
.ml-home.ml-submenu li li a {
	display: inline-block;
	width: 100%;
	background: #3389b5 !important;
	background-image: none !important;
	text-shadow: none;
	font: 16px roboto;
	letter-spacing: 0px;
	color: #fff;
	padding: 6px 5%;
	margin: 0 120px 0px 2px !important;
	border-bottom: 1px solid #ccc;
	border-left: 3px solid #ccc !important;
	}
.ml-home.ml-submenu li li a:hover {background-color: #1f6a8f !important;}




.submenu-user ul li a {
	display: block;
	background: #eee url(../assets/arrow7.png) no-repeat right top;
	padding: 10px 20px;
	font: 25px robotobold;
	color: #0073b1;
	border-bottom: 2px solid #88abbe;
	text-shadow: 2px 2px #fff;
	letter-spacing: -0.3px;
	transition: all 0.5s;
	}
.submenu-user ul li a:hover {box-shadow: inset 0px 100px 0px 0px rgba(0, 0, 0, .1);}
	
.submenu-user ul li li a {
	background: #ddd;
	padding: 5px 20px;
	font: 16px robotobold;
	color: #555;
	border-bottom: 1px solid #ccc;
	text-shadow: 1px 1px #fff;
	letter-spacing: 0px;
	}
.submenu-user ul {margin: 35px 0;}
.submenu-user ul ul {margin: 0 0 20px 0;}
	

.useri-email {
	background: url(../assets/email.png) no-repeat 0 3px;
	background-size: 20px;
	padding: 0 0 0 30px;
	line-height: 18px;
	}	

	
/* DESEURI */
	

.punere-data {
	display: inline-block; vertical-align: top; font: 14px robotobold; line-height: 16px;
	margin: 0 10px 0 0;
	}	
.punere-data input {
	display: inline-block;
	font: 14px robotobold; line-height: 16px; letter-spacing: -0.5px;
	border: 2px solid #ccc;
	padding: 10px 20px; margin: 0 0 0 10px;
	transition: all 0.5s;
	color: #665;
	}

.deseuri {
	width: 100%;
	font: 13px robotobold; letter-spacing: -0.2px;
	border-spacing: 0px; border-collapse: collapse;
	}	
.deseuri th {
	text-align: center;
	color: #665;
	font: 14px robotobold; line-height: 16px;
	padding: 3px 5px;
	border: 2px solid #ccc;
	}
.deseuri tr:nth-child(3) th {
	color: #888;
	font: 13px robotobold; line-height: 14px;
	}

.deseuri th.deseuri-blank {}
.deseuri th.deseuri-titlu {
	font: 16px robotobold; line-height: 18px;
	padding: 9px 4px;
	color: #0182c3;
	}
.deseuri th.deseuri-titlu.dt-left {text-align: left;}
	
.deseuri td {
	min-width: 90px;
	text-align: center; background: #eee; 
	padding: 9px 2px;
	border: 2px solid #fff; border-bottom: 2px solid #bbb;
	color: #667;
	}
.deseuri td:first-child {
	text-align: left;
	background: #ddd; text-shadow: 1px 1px #fff;
	color: #333;
	text-transform: uppercase;
	}
.deseuri td:nth-last-child(1) {min-width: 30px;}
.deseuri td:nth-last-child(2) {min-width: 30px;}

.deseuri tr:nth-child(4) td {border-top: 6px solid #999; padding-top: 12px;}
.deseuri-2row tr:nth-child(4) td {border-top: none; padding-top: 9px;}
.deseuri-2row tr:nth-child(3) td {border-top: 6px solid #999; padding-top: 12px;}

.deseuri-1row tr:nth-child(4) td, .deseuri-1row tr:nth-child(3) td {border-top: none; padding-top: 9px;}
.deseuri-1row tr:nth-child(2) td {border-top: 6px solid #999; padding-top: 12px;}

.deseuri input[type="text"] {
	display: inline-block; width: 60px;
	font: 13px robotobold; line-height: 15px; letter-spacing: -0.5px;
	border: 2px solid #ccc; box-sizing: border-box;
	padding: 7px 5px; margin: 3px 0 0 0;
	transition: all 0.5s;
	color: #665;
	}

.deseuri td.border-plata input[type="text"] {border-color: red;}

.deseuri  tr.deseuri-subtotal td {
	background: #777; color: #fff;
	font: 18px robotobold; line-height: 18px; letter-spacing: -0.5px;
	text-shadow: none;
	padding-left: 20px;
	}
.deseuri-subtotal th {
	background: #555; color: #fff;
	font: 18px robotobold; line-height: 18px; letter-spacing: -0.5px;
	}
	
.deseuri  tr.deseuri-btotal td {
	background: #0182c3; color: #fff;
	font: 24px robotobold; line-height: 34px; letter-spacing: -0.5px;
	text-shadow: none;
	padding-left: 20px;
	}
.deseuri-btotal th {
	background: #005e8e; color: #fff;
	font: 24px robotobold; line-height: 34px; letter-spacing: -0.5px;
	}
	

.deseuri-div {
	float: left; width: 78%;
	
	}	
.magazine-deseuri {
	float: right; width: 20%;
	
	}
.magazine-deseuri-table {
	width: 100%; color: #667;
	font: 14px robotobold;
	border-spacing: 3px;
	}
.magazine-deseuri-table td {background: #eee; padding: 0 0 0 5px;}
.magazine-deseuri-table td:nth-child(2) {width: 65px;}
.magazine-deseuri-table input[type="text"] {
	width: 50px;
	font: 13px robotobold; line-height: 12px; letter-spacing: -0.5px;
    border: 2px solid #ccc;
    box-sizing: border-box;
    padding: 3px 5px; margin: 0 3px 0 0;
    transition: all 0.5s;
    color: #665;
	}
.magazine-deseuri-table input[type="text"]:hover {
	border: 2px solid #aaa; color: #333;
	}
.magazine-deseuri-table span {
	font: 12px robotobold;
	padding: 0 5px 0 0;
	}
.magazine-deseuri-table tr td {transition: all 0.2s;}
.magazine-deseuri-table tr:hover td {background: #c3dcff;}
	
/* end deseuri */
	
	
/* DASHBOARD */
.titlu-dash {
	font: 22px robotobold; line-height: 22px;
	color: #0182c3;
	margin: 10px 0 30px 3%;
	text-transform: uppercase;
	text-align: left;
	}
.titlu-dash:before {
	content: "\e800";  font-family: 'awesome-entypo';
	margin: 0 10px 0 0; padding: 15px;
	border-radius: 100px;
	background: #eee;
	}

.dashboard {text-align: center;}
.dash {
	display: inline-block; vertical-align: top; 
	width: 45%; min-height: 200px;
	border: 1px solid #0182c3; border-radius: 4px;
	padding: 0 0 10px 0; margin: 0 1% 30px 1%;
	background: linear-gradient(0deg,#eee,#fff,#fff);
	box-shadow: 8px 8px 0px 0 rgba(0, 0, 0, 0.08);
	text-align: left;
	}
.dashboard div:nth-child(2) {min-height: 290px;}
.dash h2 {
	position: relative;
	background: #0182c3; color: #fff;
	font: 18px robotobold; line-height: 18px;
	padding: 15px 5%; margin: 0 0 10px 0;
	box-shadow: 0px 8px 0px 0 rgba(0, 0, 0, 0.1);
	overflow: hidden;
	}
.dash h2:before { /* efect cerc */
	content: "";
	display: block; width: 150px; height: 150px;
	position: absolute; bottom: -10px; left: 40px;
	border-radius: 200px;
	background: linear-gradient(to left, rgba(255,255,255,0.2), rgba(255,255,255,0));
	}
.dash h2 i {float: right; font-size: 26px; line-height: 18px; opacity: 0.8;}
.dash a, .dash span {
	display: block;
	color: #333;
	padding: 7px 0; margin: 0 5%;
	border-bottom: 1px solid #ddd;
	font: 14px robotobold; line-height: 14px;
	}
.dash a:last-child, .dash span:last-child {border: none;}
.dash a strong, .dash span strong {
	display: block; float: right;
	margin: 0 5px 0 0;color: #0182c3; font-size: 16px;
	}
.dash a:hover, .dash a:hover strong {color: #ec6716;}

.tabel-multimagazine {
	width: 100%; border-spacing: 3px;
	font: 14px robotobold; line-height: 14px;
	text-align: center;
	}
.tabel-multimagazine td {
	position: relative;
	background: #e0eef5; color: #555;
	box-sizing: border-box;
	padding: 5px 0;
	border-radius: 3px;
	}
.tabel-multimagazine tr:hover td {background: yellow;}

.tabel-multimagazine td.dash-cap {background: #fff;}

.tabel-multimagazine td.dash-tdcol { /* header row 1 */
	background: #ddd; color: #0182c3;
	font: 18px robotobold; line-height: 18px;
	padding: 8px;
	text-transform: uppercase;text-shadow: 1px 1px #fff;
	}
.tabel-multimagazine td.dash-tdcap { /* header row 2 */
	background: #0182c3; color: #fff;
	box-shadow: inset 0px -4px 0px 0 rgba(0, 0, 0, 0.1);
	font: 14px robotobold; line-height: 14px;
	padding: 8px;
	}
	
.tabel-multimagazine tr:hover:nth-child(1) td {background: #0182c3;}
	
.tabel-multimagazine td:nth-child(1) { /* magazine col */
	text-align: left; padding: 5px 0.5% 5px 0.5%;
	font: 16px robotobold; line-height: 16px;
	background: #b2d1e1;  color: #333;
	text-shadow: 1px 1px #ecf3f7;
	width: 15%;
	}
.tabel-multimagazine td:nth-child(1):after {
	content: "";
	display: block;
	width: 0px; height: 0px; 
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #b2d1e1;
	transform: rotate(-90deg);
	position: absolute;	top: 8px; right: -17px; z-index: 10;
	}

.tabel-multimagazine tr:nth-child(1) td:nth-child(1) {background: #fff;}	

.tabel-multimagazine tr:nth-child(1) td:nth-child(1):after {display: none;}	
.tabel-multimagazine tr:nth-child(2) td:nth-child(1):after {display: none;}
	
.tabel-multimagazine tr:nth-child(1) td:nth-child(1) {padding: 0;}
.tabel-multi-titlu {
	text-align: center; text-shadow: none;
	display: block;
	font: 18px robotobold; line-height: 18px;
	background: #333; color: #fff;
	padding: 8px 0;
	border-radius: 3px;
	
	}
.tabel-multi-titlu:after {
	content: "\f13a"; font-family: 'awesome-entypo';
	margin: 0 0 0 5px;
	}
.tabel-multimagazine tr:hover td {background: #fff;}
.tabel-multimagazine tr:nth-child(1):hover td {background: #eee;}
.tabel-multimagazine tr:nth-child(2):hover td {background: #0182c3;}

.tabel-multimagazine tr:nth-child(1):hover td:nth-child(1) {background: #fff;}
.tabel-multimagazine tr:nth-child(2):hover td:nth-child(1) {background: #b2d1e1;}

/*
.tabel-multimagazine tr:nth-child(1) td.tm-audit-5 {background: #b5342a;}
.tabel-multimagazine tr:nth-child(1) td.tm-waste-6 {background: #b5a62a;}
.tabel-multimagazine tr:nth-child(1) td.tm-mentenanta-7 {background: #47854a;}
.tabel-multimagazine tr:nth-child(1) td.tm-smart-8 {background: #475485;}
.tabel-multimagazine tr:nth-child(1) td.tm-report-9 {background: #674785;}

.tabel-multimagazine tr:nth-child(1) td.tm-audit-5:before {
	content: "AUDITURI";
	position: absolute; top: -18px; left: 0;
	color: #b5342a;
	font: 12px robotobold;
	opacity: 0.5;
	}
.tabel-multimagazine tr:nth-child(1) td.tm-waste-6:before {
	content: "WASTE";
	position: absolute; top: -18px; left: 0;
	font: 12px robotobold;
	color: #b5a62a;
	}

.tabel-multimagazine td.tm-audit-5 {background: #ffc3ae;}
.tabel-multimagazine td.tm-waste-6 {background: #fff6ae;}
.tabel-multimagazine td.tm-mentenanta-7 {background: #c5ffae;}
.tabel-multimagazine td.tm-smart-8 {background: #aefaff;}
.tabel-multimagazine td.tm-report-9 {background: #d8aeff;}*/


/* end dashboard*/
	
	
	
	
.content {
	position: relative;
	display: block;
	width: 100%;
	margin: 30px 0 20px 0;
	padding: 0px 0 0 0;
	font: 13px roboto;
	}
h1 {
	display: block;
	font: 18px roboto;
	line-height: 17px;
	letter-spacing: -1px;
	margin: 0px 0 20px 0;
	background: #ddd;
	overflow: hidden;
	} 

h1 strong a {
	display: inline-block;
	position: relative;
	font: bold 17px roboto;
	color: #0073b1;
	background: #eee;
	text-shadow: 1px 1px #fff;
	padding: 8px 12px 8px 10px;
	margin: 0;
	letter-spacing: -1.3px;
	transition: background 0.5s, box-shadow 0.5s;
	box-shadow: 20px 0px 70px 0px rgba(0, 0, 0, .2);
	}
h1 strong a:hover {
	background: #b7def2;
	box-shadow: 40px 0px 100px 0px rgba(255, 255, 255, 1);
	}
h1 span {
	display: inline-block;
	color: #333;
	text-shadow: 1px 1px #fff;
	padding: 10px 10px 10px 25px;
	margin: 0 0 0 0px;
	/*box-shadow: inset 20px 0px 40px 0px rgba(0, 0, 0, .1);*/
	}


h1 strong a .arrow-right {
	position: absolute;
	top: -10px;
	right: -20px;
	width: 0; 
	height: 0; 
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #eee;
	transition: border 0.5s;
	}
h1 strong a:hover .arrow-right {
	border-left: 30px solid #b7def2;
	}

	
.mod {display: none;}
.mod-admin {
	margin: 30px 0 0 0;
	border: none !important;
	}
.mod-admin span {font-size: 11px !important;}
.mod-admin-dict {margin: 0 0 0 50%;}
	
.alege-mag {margin: 10px 0;}
.alege-mag a {
	display: block;
	width: 100%;
	height: 70px;
	position: relative;
	background-color: #b1cfe0;
	margin: 0 0 5px 0;
	text-transform: uppercase;
	color: #000;
	font: 18px robotobold;
	text-shadow: 1px 1px #fff;
	overflow: hidden;
	box-shadow: inset 0 -10px 0px 0px rgba(0, 0, 0, .2);
	transition: background 0.5s;
	}
.alege-mag a span {
	display: block;
	padding: 20px 20px 26px 20px;
	}
.alege-mag a:hover {
	background: #d2e5f0;
	}
.alege-mag a img {
	display: none;
	position: absolute;
	right: 0;
	top: -70%;
	z-index: 5;
	width: 70%;
	transition: opacity 0.5s;
	}
/*.alege-mag a:before {
	content: "5012";
	padding: 20px 10px 26px 20px;
	float: left;
	}*/
.alege-mag a em {
	padding: 20px 10px 26px 20px;
	float: left;
	}
	
	
.alege-mag2 {margin: 0px 0 0 0;}
.alege-mag2 img {display: none;}
.alege-mag2 a {
	display: block;
	width: 100%;
	position: relative;
	background-color: #b1cfe0;
	margin: 0 0 2px 0;
	
	text-transform: uppercase;
	color: #000;
	font: 14px robotobold;
	text-shadow: 1px 1px #fff;
	box-shadow: inset 0 -2px 0px 0px rgba(0, 0, 0, .1);
	transition: background 0.5s;
	}
.alege-mag2 span {
	padding: 5px 0 5px 7%;
	box-shadow: inset 15px 0px 0px 0px rgba(0, 0, 0, .1);
	}
.alege-mag2 em {
	display: inline-block;
	width: 16%;
	padding: 5px 0 5px 2%;
	font: 14px robotobold;
	background: #555;
	color: #fff;
	text-shadow: none;
	box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, .3);
	}
	
	
.alege-mag3 {margin: 40px auto; width: 300px;}
.alege-mag3 img {display: none;}
.alege-mag3 a {
	display: block;
	width: 100%;
	position: relative;
	background: linear-gradient(#fff, #ccc);
	margin: 0 0 2px 0;
	text-transform: uppercase;
	color: #000;
	font: 14px robotobold;
	text-shadow: 1px 1px #fff;
	box-shadow: inset 0 -2px 0px 0px rgba(0, 0, 0, .1);
	transition: all 0.5s;
	border: 1px solid #aaa;
	}
.alege-mag3 span {
	padding: 5px 0 5px 7%;
	box-shadow: inset 15px 0px 0px 0px rgba(0, 0, 0, .1);
	}
.alege-mag3 em {
	display: inline-block;
	width: 16%;
	padding: 4px 0 4px 2%;
	font: 14px robotobold;
	background: #0073b1;
	color: #fff;
	text-shadow: none;
	box-shadow: inset -5px 0px 0px 0px rgba(0, 0, 0, .3);
	transition: all 0.5s;
	}
	
.alege-mag3 a:hover {
	background: linear-gradient(#eee, #bbb);
	border: 1px solid #777;
	}
.alege-mag3 a:hover em {background: #08547d;}

.intrebari-subcateg {width: 47%;}
.intrebari-subcateg textarea {
	width: 85%; 
	}

.intrebari-procente {
	float: right; width: 47%;
	margin: 20px 0;
	}	
.intrebari-procente th {
	width: 30%; color: #0073b1;
	font: 26px robotobold;
	text-align: center;
	background: #eee;
	}
.intrebari-procente td {width: 70%;}
.intrebari-procente td textarea {
	width: 400px; height: 40px;
	display: block;
	font: 13px roboto; letter-spacing: -0.5px;
	border: 2px solid #ccc;
	padding: 10px 20px; margin: 0 0 7px 10px;
	line-height: 15px;
	transition: border 0.5s;
	
	}
	
	
.domain {
	display: block;
	position: relative;
	background: #db972d;
	color: #fff;
	padding: 10px 20px 10px 40px;
	margin: 0 0 2px 0;
	text-transform: uppercase;
	position: relative;
	transition: box-shadow 0.5s;
	box-shadow: inset 2000px 0px 0px 0px rgba(0, 0, 0, .0);
	overflow: hidden;
	}
.domain:hover {box-shadow: inset 2000px 0px 0px 0px rgba(0, 0, 0, .2);}
.domain.arrow-down {
	position: absolute;
	bottom: -8px;
	left: 60px;
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ae761f;
	}

.domain.stop3, .domain.stop3:hover {background: #ae761f;box-shadow: inset 1000px 0px 0px 0px rgba(0, 0, 0, .0);}
.domain strong {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	font: 15px roboto;
	line-height: 14px;
	text-align: center;
	box-shadow: inset 50px 0px 0px 0px rgba(0, 0, 0, .3);
	color: #fff;
	padding: 12px 0;
	width: 30px; 
	height: 100%;
	}
	
.d-green {background: #6f880d;}
.d-red {background: #c03b00;}
.d-yellowred {box-shadow: inset -300px 0px 0px 0px rgba(192, 59, 0, 1);}
	
	
	
/* DETAIL */
	
.package {
	border: 2px solid #ccc;
	border-top: none;
	border-radius: 0 0 2px 2px;
	padding: 5px 20px 20px 20px;
	margin: 10px 0 20px 0;
	/*box-shadow: inset -200px 0px 0px 0px rgba(0, 0, 0, .02);*/
	}
	
	
.question {
	background: #ffe0a3;
	margin: 0 0 2px 0;
	padding: 5px 10px 8px 40px;
	position: relative;
	overflow: hidden;
	transition: background 0.5s, box-shadow 0.5s;
	}
/*.question:hover {
	box-shadow: inset 1200px 0px 0px 0px rgba(0, 0, 0, .15);
	}*/
.question p a {
	color: #333;
	font: 13px roboto;
	}

.question strong {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	font: 12px roboto;
	line-height: 14px;
	text-align: center;
	box-shadow: inset 50px 0px 0px 0px rgba(0, 0, 0, .3);
	color: #fff;
	padding: 6px 0;
	width: 30px; 
	height: 100%;
	} 
.question p {
	line-height: 16px;
	}
	

	
.q-green {background: #aecc44;}
.q-red {background: #f6a48b;}
.q-grey {background: #eee;}
.q-image {
	background-image: url(../assets/foto.png);
	background-repeat: no-repeat;
	background-position: right top;
	}
.q-image p {margin: 0 30px 0 0;}

.q-intrebarix5 {}
.q-intrebarix5 .answer {}
.q-intrebarix5 textarea {width: 89.5% !important;}
/*.q-intrebarix5 .upload {display: none;}
.q-intrebarix5 .q-foto {display: none;}*/

/*.q-intrebarix5 p a {font: 18px robotobold; line-height: 30px;margin: 0 0 40px 0;}*/
.q-intrebarix5 .s2 {
	display: block; width: 90%; height: inherit;
	float: left; border-bottom: 1px solid #aaa;
	}
.q-intrebarix5 .qi5-text {
	display: block; text-transform: none; text-align: justify;
	float: right; width: 85%;
	font-size: 12px; line-height: 14px; 
	margin: -40px 0 0 0; padding: 0 15px 0 0;
	color: #555;
	}
.q-intrebarix5 input[type="radio"] {
	width: 30px !important; height: 30px !important;
	}

.question-n {
	background-image: url(../assets/att.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 50px;
	}

	
.answer {
	position: relative;
	margin: 10px 0 0 0;
	min-height: 90px;
	padding: 0 0 60px 0;
	}
.answer-yes {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	background: #7d9618;
	color: #fff;
	font: 18px robotobold;
	text-transform: uppercase;
	padding: 10px 3%;
	border-radius: 2px;
	margin: 0 3% 5px 0;
	cursor: pointer;
	box-shadow: inset 1000px 0px 0px 0px rgba(0, 0, 0, .0);
	transition: box-shadow 0.5s;
	}
.answer-yes:hover {
	box-shadow: inset 1000px 0px 0px 0px rgba(0, 0, 0, .3);
	}
.answer-yes label , .answer-no label, .answer-ns-gen label  {
	display: inline-block;
	width: 90%;
	height: 30px;
	cursor: pointer;
	}
.answer-no {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	background: #aa310c;
	color: #fff;
	font: 18px robotobold;
	text-transform: uppercase;
	padding: 10px 3%;
	border-radius: 2px;
	margin: 0 0px 5px 0;
	cursor: pointer;
	box-shadow: inset 1000px 0px 0px 0px rgba(0, 0, 0, .0);
	transition: box-shadow 0.5s;
	}
.answer-yes:hover, .answer-no:hover  {box-shadow: inset 1000px 0px 0px 0px rgba(0, 0, 0, .3);}

.answer-yes-gen {width: 20%;}
.answer-no-gen {width: 20%;}

.answer-ns-gen {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	background: #555;
	color: #fff;
	font: 18px robotobold;
	text-transform: uppercase;
	padding: 10px 3%;
	border-radius: 2px;
	margin: 0 0px 5px 3%;
	cursor: pointer;
	box-shadow: inset 1000px 0px 0px 0px rgba(0, 0, 0, .0);
	transition: box-shadow 0.5s;
	}

/* but noi */
.semn-da {
	position: relative;
	background-image: url(../assets/semn-da.png);
	background-repeat: no-repeat;
	background-position: 60px 10px;
	}

.semn-nu {
	position: relative;
	background-image: url(../assets/semn-nu.png);
	background-repeat: no-repeat;
	background-position: 60px 10px;
	}
.semn-ns {
	position: relative;
	background-image: url(../assets/semn-ns.png);
	background-repeat: no-repeat;
	background-position: 60px 10px;
	}

.answer input[type="radio"] {
	appearance: none;
	float: right;
	padding: 0;
	margin: 3px 0 0 0;
	}
	
.semn-da input[type="radio"], .semn-nu input[type="radio"], .semn-ns input[type="radio"] {
	width: 20px; height: 20px;
	position: absolute;
	right: 5px; top: 8px;
	}
	
	
	
	
.answer1 label  {
	display: inline-block;
	width: 90%;
	height: 30px; margin: 0; padding: 14px 0 0 15px;
	cursor: pointer; 
	}
.s1 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 80px; height: 40px;
	color: #ffe0a3;
	font: 20px robotobold;
	line-height: 20px;
	text-transform: uppercase;
	padding: 2px 30px 14px 0px;
	margin: 0 2% 5px 0;
	cursor: pointer;
	transition: all 0.5s;
	}

.semn-da1 {background: url(../assets/semn-da1.png) no-repeat 0 0;}
.semn-nu1 {background: url(../assets/semn-nu1.png) no-repeat 0 0;}
.semn-ns1 {background: url(../assets/semn-ns1.png) no-repeat 0 0;}

.s2 {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 70px; height: 40px;
	color: #ffe0a3;
	font: 20px robotobold;
	line-height: 20px;
	text-transform: uppercase;
	padding: 2px 30px 14px 10px;
	margin: 0 2% 5px 0;
	cursor: pointer;
	transition: all 0.5s;
	}

.semn-da2 {background: url(../assets/semn-da2.png) no-repeat 0 0;}
.semn-nu2 {background: url(../assets/semn-nu2.png) no-repeat 0 0;}
.semn-ns2 {background: url(../assets/semn-ns2.png) no-repeat 0 0;}

.q-red .s1, .q-red .save1 {color: #f6a48b;}

	
.semn-da1 input[type="radio"], .semn-nu1 input[type="radio"], .semn-ns1 input[type="radio"] {
	width: 20px; height: 20px;
	position: absolute;
	right: 0px; top: -3px;
	opacity: 0.7;
	}
.semn-da2 input[type="radio"], .semn-nu2 input[type="radio"], .semn-ns2 input[type="radio"] {
	width: 20px; height: 20px;
	position: absolute;
	right: 0px; top: -3px;
	opacity: 0.7;
	}
.save1 {
	position: absolute;
	bottom: 9px; right: 0;
	background: url(../assets/save4.png) no-repeat 0 0;
	color: #ffe0a3;
	font: 20px robotobold;
	line-height: 20px;
	border: none;
	padding: 0px 15px 0 15px;
	width: 180px; height: 50px;
	text-align: left;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.5s;
	}
.s1:hover, .save1:hover {opacity: 0.8;}
	
	
	
	
.answer textarea {
	font: 13px roboto;
	width: 96%;
	height: 70px;
	border: 1px solid #999;
	padding: 5px 2%;
	margin: 0 5px 10px 0;
	border-radius: 2px;
	transition: border 0.5s;
	background: transparent;
	box-shadow: inset 1500px 0px 0px 0px rgba(255, 255, 255, .3);
	}
.answer textarea::-webkit-input-placeholder {color: #333;}
.answer textarea:hover {
	border: 1px solid #777;
	}
	
	
.upload {
	position: absolute;
	bottom: 0;
	left: 0;
	width : 200px;
	margin: 10px 0 0 0;
	}

.file-upload {
	border: 1px solid #777;
	border-radius: 2px;
	width: 270px;
	overflow: hidden;
	margin: 5px 0;
	box-shadow: inset 1000px 0px 0px 0px rgba(255, 255, 255, .3);
	}
	
.file-upload::-webkit-file-upload-button {
	visibility: hidden;
	width: 110px;
	}
.file-upload::before {
	display: block;
	content: 'Select file';
	display: inline-block;
	background: #777;
	border: none;
	padding: 5px 25px;
	outline: none;
	white-space: nowrap;
	-webkit-user-select: none;
	cursor: pointer;
	font: 13px roboto;
	color: #fff;
	transition: background 0.5s;
	}
.file-upload:hover::before {
	background: #555;
	}
.file-upload:active::before {
	background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
	}
	
	
.hide-no {letter-spacing: -0.5px;}
.hide-no textarea {letter-spacing: -0.5px;}


.problema-poza {
	position: relative;
	display: inline-block;
	margin: 0 5px 0 0;
	}
.problema-poza .pp2 {/*margin: 15px 5px 0 0;*/}	

.problema-poza:before {
	content: "JPG, max. 4M"; width: 70px; 
	position: absolute;	top: 0; top: 40px;
	font: 9px robotobold; line-height: 9px;letter-spacing: 0px;
	text-transform: uppercase;
	}
	
.file-but { /* pt Mozila */
	position: relative;	overflow: hidden;
	display: block;	width: 39px; height: 37px;
	border-radius: 3px;border: 0 none;
	appearance: none;
	text-indent: -9999px;
	background: #0182c3 url(../assets/upload.png) no-repeat 3px 4px; 
	box-shadow: inset 0px 5px 40px 5px rgba(0, 0, 0, .4);
	cursor: pointer;
	transition: background 0.5s;
	}
.file-but:after { /* pt Chrome */
	content: "";
	position: absolute;	top: 0; left: 0;
	display: block;
	width: 50px; height: 50px;
	background: #0182c3 url(../assets/upload.png) no-repeat 3px 4px; 
	box-shadow: inset 0px 5px 40px 5px rgba(0, 0, 0, .4);
	cursor: pointer;
	transition: background 0.5s;
	appearance: none;
	}
.file-but:hover, .file-but:hover:after {
	background-color: #2b546b !important;
	}

	
.td-foto {
	position: relative;
	width: 200px;
	}

	

	
	
.q-foto {
	display: block;
	background: url(../assets/foto2.png) no-repeat 15px 3px;
	padding: 4px 5px 2px 45px;
	font-size: 10px;
	line-height: 18px;
	color: #333;
	border: 1px solid #777;
	width: 120px;
	}
	
/*.save {
	position: absolute;
	bottom: 9px;
	right: 0;
	background: #444;
	color: #c5e2f2;
	font: 14px robotobold;
	border: none;
	border-radius: 2px;
	padding: 8px 0;
	width: 110px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	transition: background 0.5s;
	}
.save:hover {
	background-color: #222;
	}*/
.nou2 {
	position: absolute;
	bottom: 50px;
	right: 0px;
	font: 14px robotobold;
	background: #999;
	color: #c5e2f2;
	font: 14px robotobold;
	border: none;
	border-radius: 2px;
	padding: 8px 0;
	width: 110px;
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	transition: background 0.5s;
	}
.nou2:hover {
	background: #777;
	}
	
	
.nou3 {
	position: absolute;
	bottom: 10px; right: 10px;
	font: 14px robotobold;
	background: #777;
	color: #c5e2f2;
	font: 14px robotobold;
	border: none;
	border-radius: 2px;
	padding: 8px 5px;
	/*width: 110px;*/
	text-align: center;
	cursor: pointer;
	text-transform: uppercase;
	transition: background 0.5s;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	-webkit-appearance: none;
	}
.nou3:hover {
	background: #777;
	}
	
.icon-excel {
	float: right;
	background: #333; color: #fff;
	font: 16px robotobold;
	padding: 10px 15px; margin: 0 0 0 10px;
	border-radius: 3px;
	transition: all 0.5s;
	}
.icon-excel:before {
	content: "\e846"; font-family: 'awesome-entypo';
	margin: 0 8px 0 0;
	}
.icon-excel:hover {opacity: 0.7;}	
	
	
.inregistreaza {
	display: inline-block;
	text-align: center;
	font: 16px roboto;
	line-height: 16px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	background: #333 url(../assets/inreg.png) no-repeat 10% 5px;
	color: #b7def2;
	border: none;
	padding: 15px 0px;
	width: 45%;
	transition: background 0.5s;
	margin: 0 5px 0 0;
	cursor: pointer;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	}
.inregistreaza:hover {background-color: #000;}



.editare {
	border-spacing: 5px;
	margin: 20px 0;
	width: 100%;
	background: #fff;
	}
.editare th {
	background: #777; color: #fff;
	box-sizing: border-box;
	padding: 6px 3px 10px 3px;
	text-align: center;
	font: 13px roboto;
	text-transform: uppercase;
	}
.editare-th1 {width: 60%;}
.editare-th2 {width: 5%;}
.editare-th3 {width: 5%;}

.editare td {
	padding: 1px 3px 5px 3px;
	box-sizing: border-box;
	text-align: left;
	border-right: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	font: 13px roboto;
	letter-spacing: -0.3px;
	}
.editare td a {
	display: block;
	text-transform: uppercase;
	color: #333;
	font: 11px roboto;
	}
.editare td a:hover {color: #4493bb;}
.editare tr {transition: background 0.3s;}
.editare tr:hover {background: #fde9d5;}
.rezolvat-check {width: 40px;}

.editare input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin: 0;
	}
.editare td p {
	margin: 0 0 10px 0;
	}
.editare-td1, .editare-td2, .editare-td3 {
	width: 33%;
	vertical-align: top;
	position: relative;
	}
.editare td.editare-td-report {padding-bottom: 70px;}

.factura-pdf {
	background: url(../assets/aviz2-deschis.png) no-repeat 0 0;
	background-size: 18px;
	padding: 0 0 8px 22px;
	}


/* end detail */


.pasare-final {
	position: relative;
	display: block; width: 600px;
	color: #ce1b03; background: #fff;
	font: 16px robotobold; line-height: 20px;
	border: 1px solid #ce1b03; border-radius: 3px;
	padding: 10px 20px 10px 50px; margin: 20px 0;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.3);
	}
.pasare-final:before {
	content: "!";
	font: 32px robotobold; line-height: 32px;
	position: absolute; top: 5px; left: 20px;
	}




/* DOC */

.doc-ani {text-align: center;}
.doc-ani a {
	position: relative;
	display: inline-block;
	border-radius: 3px;
	padding: 7px 20px; margin: 0 10px 0 0;
	background: #44aee7; color: #fff;
	font: 16px robotobold; line-height: 16px;
	opacity: 0.6;
	transition: all 0.5s;
	}
.doc-ani a:hover {opacity: 0.8;}
.doc-ani a.stop-an {background: #025582;opacity: 1;}
.doc-ani a.stop-an:after {
	content: ""; display: block;
	position: absolute;  bottom: -7px; left: 50%; margin-left: -10px;
	width: 0px; height: 0px; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #025582;
	}



.pop-tabel {
	position: relative;
	border-spacing: 5px;
	margin: 20px 0;
	width: 100%;
	background: #fff;text-align: center;
	}
.pop-tabel th {
	background: #777; color: #fff;
	padding: 8px 0.2%;
	font: 14px robotobold; line-height: 14px;
	text-transform: uppercase;
	border-radius: 3px;
	}
.pop-tabel td {
	position: relative; vertical-align: top;
	padding: 3px 0; color: #444;
	border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
	font: 14px robotobold;line-height: 13px; letter-spacing: -0.2px;
	background-repeat: no-repeat;
	}
.pt-a {position: relative; color: #0182c3; display: block; text-align: left; padding: 0 0 0 15px;}
.pt-a:before {
	content: "\e8ff"; font: 14px awesome-entypo; margin: 0 4px 0 0;
	position: absolute; top: 0; left: 0;
	}
.pop-tabel td.pt-total {
	background: #ddd; text-align: center; font: 20px robotobold; line-height: 30px;
	padding: 7px 0; height: 30px;
	border-top: 2px solid #777;
	}

.pop-but {
	box-sizing: border-box;
	display: inline-block; font-family: 'awesome-entypo'; 
	width: 38px; height: 33px; 
	font-size: 20px; background: none; border: none;
	border-radius: 3px;color: #fff;
	cursor: pointer; transition: all 0.5s;
	}
.pop-but:before { margin: 0; padding: 0;}
.pop-but:hover {box-shadow: inset 100px 100px 0 0 rgba(0,0,0,0.3);}

.pop-but1 {background: #0073b1;}
.pop-but1:before {content: "\e8df";}

.pop-but2 {background: #0073b1;}
.pop-but2:before {content: "\f0d6";}

.pop-but3 {background: #0073b1;}
.pop-but3:before {content: "\f0f6";}

.pop-but4 {background: #d33200;}
.pop-but4:before {content: "\e828"; font-weight: normal;}

.pop-but5 {background: #d33200; padding: 8px 0 0 0;}
.pop-but5:before {content: "\e8d5"; font-weight: normal;}

.pop-tabel2 {position: relative; width: 100%; margin: 15px 20px 30px 0;}	
.pop-tabel2:before {
	content: "\e86c"; font: 30px awesome-entypo;
	position: absolute; top: -25px; left: 50%;
	color: #999;
	}

.pop-tabel2  th {
	background: #999; color: #fff;
	padding: 6px 0.7%;
	font: 12px robotobold; line-height: 12px;
	}
.pop-tabel2 td {
	padding: 3px 0; color: #444;
	border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
	font: 12px roboto;line-height: 13px; letter-spacing: 0px;
	text-align: left;
	}
.pop-tabel2  td:last-child {width: 70%; border-right: 3px solid #ccc; padding: 3px 1%;}	
	
.todo {
	position: absolute; top: 10px; right: 160px;
	font: 11px robotobold;
	} 
.todo strong {color: #777; margin: 0 0 0 10px;}
.todo a {
	color: #333;
	position: absolute; top: 30px; right: 0px;
	}
	
.doc-tabel {
	zoom: 70%;
	position: relative;
	border-spacing: 5px;
	margin: 20px 0;
	width: 100%;
	background: #fff;
	}
.doc-tabel th {
	background: #777; color: #fff;
	padding: 8px 0.2%;
	text-align: center;
	font: 13px robotobold; line-height: 13px;
	text-transform: uppercase;
	border-radius: 3px;
	}
.doc-tabel th:nth-child(1) {width: 30%;}
	
/*.doc-tabel th:nth-child(n+4):nth-child(-n+15){background: #5ab8ea; padding: 8px 8px;}*/

.doc-tabel th:nth-child(4),
.doc-tabel th:nth-child(5),
.doc-tabel th:nth-child(6),
.doc-tabel th:nth-child(7),
.doc-tabel th:nth-child(8),
.doc-tabel th:nth-child(9),
.doc-tabel th:nth-child(10),
.doc-tabel th:nth-child(11),
.doc-tabel th:nth-child(12),
.doc-tabel th:nth-child(13),
.doc-tabel th:nth-child(14),
.doc-tabel th:nth-child(15)
{background: #5ab8ea; padding: 8px 8px;}

.doc-tabel th:nth-child(16) {width: 30%;}
	
.doc-tabel td {
	position: relative;
	vertical-align: top;
	padding: 3px 0;
	text-align: left;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font: 12px roboto;line-height: 12px;
	letter-spacing: -0.3px;
	background-repeat: no-repeat;
	}

.doc-tabel td:nth-child(4) {background-image: url(../assets/doc0102-alb.png);background-position: 0 0;}	
.doc-tabel td:nth-child(5) {background-image: url(../assets/doc0102-alb.png); background-position: -49px 0;}
.doc-tabel td:nth-child(6) {background-image: url(../assets/doc0102-alb.png); background-position: -97px 0;}
.doc-tabel td:nth-child(7) {background-image: url(../assets/doc0102-alb.png); background-position: -144px 0;}
.doc-tabel td:nth-child(8) {background-image: url(../assets/doc0102-alb.png); background-position: -190px 0;}
.doc-tabel td:nth-child(9) {background-image: url(../assets/doc0102-alb.png); background-position: -237px 0;}
.doc-tabel td:nth-child(10) {background-image: url(../assets/doc0102-alb.png); background-position: -284px 0;}
.doc-tabel td:nth-child(11) {background-image: url(../assets/doc0102-alb.png); background-position: -331px 0;}
.doc-tabel td:nth-child(12) {background-image: url(../assets/doc0102-alb.png); background-position: -379px 0;}
.doc-tabel td:nth-child(13) {background-image: url(../assets/doc0102-alb.png); background-position: -426px 0;}
.doc-tabel td:nth-child(14) {background-image: url(../assets/doc0102-alb.png); background-position: -473px 0;}
.doc-tabel td:nth-child(15) {background-image: url(../assets/doc0102-alb.png); background-position: -520px 0;}



.doc-contracte th:nth-child(1) {width: 5%;}
.doc-contracte th:nth-child(2) {width: 35%;}
.doc-contracte th:nth-child(16) {width: 25%;}

.doc-contracte input[type="checkbox"] {width: 25px; height: 25px;}

.doc-contracte td:nth-child(4),
.doc-contracte td:nth-child(5),
.doc-contracte td:nth-child(6),
.doc-contracte td:nth-child(7),
.doc-contracte td:nth-child(8),
.doc-contracte td:nth-child(9),
.doc-contracte td:nth-child(10),
.doc-contracte td:nth-child(11),
.doc-contracte td:nth-child(12),
.doc-contracte td:nth-child(13),
.doc-contracte td:nth-child(14),
.doc-contracte td:nth-child(15) {
	background: none !important;
	color: #333;
	padding: 8px 0.1%;
	text-align: center;
	font: 13px robotobold; line-height: 13px;
	text-transform: uppercase;
	}
.doc-contracte td.td-galben {
	background: #fbc32d !important;
	}


.export-but {
	display: inline-block; vertical-align: top;
	padding: 6px 10px 6px 32px; margin: 5px 10px 5px 0; min-height: 10px;
	border-radius: 3px;
	font: 14px robotobold; line-height: 14px;
	text-transform: uppercase;
	}
.export-but span {display: none;}
.export-but em {display: inline; font: 14px robotobold; line-height: 14px;}

.export-but:hover {opacity: 0.7;}
.exb1 {background: #fff url(../assets/exb1a.png) no-repeat 5px 5px; background-size: 23px;color: #0073b1;border: 1px solid #7fc4e9;}
.exb2 {background: #fff url(../assets/exb2a.png) no-repeat 5px 5px; background-size: 23px;color: #555;border: 1px solid #aaa;}
.exb3 {background: #fff url(../assets/exb3.png) no-repeat 5px 5px; background-size: 16px;color: #555;border: 1px solid #aaa; padding-left: 28px;}

.exb4, .exb5 {
	margin: 0; padding: 6px 10px;
	position: absolute; top: 5px;
	border: 1px solid #7fc4e9; color: #0073b1;
	background: #fff; 
	}
.exb4 {right: 10px;}
.exb5 {right: 150px;}

.exb4:before {content: "\f1c3"; font-family: awesome-entypo; margin: 0 5px 0 0;}
.exb5:before {content: "\f1c1"; font-family: awesome-entypo; margin: 0 5px 0 0;}


.export-furn {
	display: inline-block; vertical-align: top;
	padding: 4px 10px 5px 20px; margin: 0px 10px 0px 0;
	border-radius: 3px;
	font: 14px robotobold; line-height: 14px;
	color: #0073b1;
	border: 1px solid #7fc4e9;
	text-transform: uppercase;
	}
.exb {position: absolute; top: 0px; right: 0px;}
	
	
.doc-proprietar {display: none; color: #1487bc; font: italic 10px roboto; text-align: right; 
	text-transform: uppercase;
	margin: 0 10px 0 0;}
.grija-proprietar {background: #e6f1f8;}

.nesetata {
	background: url(../assets/att2.png) no-repeat 0 0; 
	background-size: 16px;
	font: 10px robotobold; padding: 2px 0 2px 20px; text-transform: uppercase;
	color: #da321b;
	}

/*.doc-tabel th:nth-child(5) {background: #025582;}
.doc-tabel td:nth-child(5) {background: #cfffce;}*/
	
.doc-tabel .file-but {
	margin: 0 !important;
	position: relative; top: 0; left: 0;
	}
	
.doc-tabel tr {transition: background 0.3s;}
/*.doc-tabel tr:hover {background: #fde9d5;}*/
.doc-tabel tr:first-child:hover {background: #fff;}


.doc-but {
	background: #999; color: #fff;
	font: 9px roboto; line-height: 9px; letter-spacing: 0px;
	text-align: center; text-transform: uppercase;
	padding: 3px 3px; margin: 0;border-radius: 3px; border: 0;
	width: 25px; min-height: 25px;
	cursor: pointer; transition: all 0.5s;
	position: relative;
	}
.doc-but:hover {opacity: 0.8;}
.doc-but.db-white:hover {filter: brightness(90%);}

.db-pink {background: pink;font: 12px robotobold;color: black;}
.db-red {background: #d33200;}
.db-yellow {background: #fbc32d;}
.db-green {background-color: #2eba66;}
.db-green:before {
	content: ""; display: block;
	margin: 0 auto;
	background: #333; border-radius: 30px; width: 13px; min-height: 13px;
	}
.db-white {background: transparent;color: black;font: 12px robotobold;}

.db-blue {background: transparent;}
.db-blue:before {
	content: ""; display: block;
	margin: 0 auto;
	background: #333; border-radius: 30px; width: 13px; min-height: 13px;
	}


tr.doc-top td {border: none;}
td.doc-calendar-titlu {
	text-align: center; color: #5ab8ea;
	font: 16px robotobold;
	padding: 0 0 20px 0;
	}

.td-obs {position: relative;}
.td-obs div {height: 25px; overflow: auto;}
.td-obs-inputfile {
	position: absolute; top: 0; left: 0;
	width: 80%; height: 100%; background: #ccc;
	cursor: pointer; opacity: 0;
	}
.doc-obs {
	color: #333;
	display: block;
	transition: all 0.5s;
	min-height: 40px;
	}
.doc-obs:hover {opacity: 0.7;}
	

	
/* end doc */

.energie-img {background: #fff; padding: 10px;}
.energie-banda {margin: 5px 0; color: #000; text-shadow: 1px 2px rgba(255,255,255,0.5);}
.energie-banda em {font-style: normal;}
.eb-left {
	position: relative; box-sizing: border-box;
	display: inline-block; vertical-align: top;
	font: 24px robotobold; line-height: 24px;
	text-align: center;
	border: 2px solid #555; 
	padding: 1px 0;
	width: 60%; height: 30px;
	}
.eb-left:after {
	content: "";
	display: block; width: 14px; height: 14px;
	position: absolute; top: 5px; right: -10px; z-index: 10;
	background: inherit;
	border-top: 2px solid #555; border-right: 2px solid #555;
	transform: rotate(45deg);
	}
.eb-a1 {background: #179c14;}
.eb-b2 {background: #36cd36;}
.eb-c3 {background: #67fb31;}
.eb-d4 {background: #ffff00;}
.eb-e5 {background: #ff9900;}
.eb-f6 {background: #fe6603;}
.eb-g7 {background: #ff0000;}
	
.eb-right {
	position: relative; box-sizing: border-box;
	display: none; vertical-align: top; float: right;
	font: 24px robotobold; line-height: 24px;
	text-align: center;
	border: 2px solid #555; 
	padding: 1px 0;
	width: 20%; height: 30px;
	}
.eb-right:after {
	content: "";
	display: block; width: 14px; height: 14px;
	position: absolute; top: 5px; left: -10px; z-index: 10;
	background: inherit;
	border-left: 2px solid #555; border-bottom: 2px solid #555;
	transform: rotate(45deg);
	}
.eb-stop .eb-right {display: inline-block;}
	

.tabel-smart-gac {
	position: relative;
	border-spacing: 5px;
	margin: 30px 0;
	width: 100%;
	background: #fff;
	}
.tabel-smart-gac th {
	background: #5ab8ea; color: #fff;
	padding: 8px 0.2%;
	text-align: center;
	font: 13px robotobold; line-height: 13px;
	text-transform: uppercase;
	border-radius: 4px 4px 0 0;
	box-shadow: inset 0 -5px 3px 0 rgba(0,0,0,0.2);
	}
.tabel-smart-gac th:first-child {visibility: hidden;}
.tabel-smart-gac td {
	position: relative;
	vertical-align: top;
	padding: 3px 0;
	text-align: center;
	/*border-right: 1px solid #ddd;*/
	border-bottom: 3px solid #ddd; border-radius: 5px 0 0 5px;
	font: 12px roboto;line-height: 12px;
	letter-spacing: -0.3px;
	}
.tabel-smart-gac td:first-child {
	background: #ddd;
	box-shadow: inset -5px 0px 3px 0 rgba(0,0,0,0.2);
	}
.tabel-smart-gac td:first-child strong {
	display: block;
	transform: rotate(-90deg);
	margin: 30px 5px 10px 5px; padding: 0;
	font: 22px robotobold; line-height: 22px;
	width: 30px; color: #555;
	text-align: center; text-shadow: 1px 1px #fff;
	}
.tabel-smart-gac tr:nth-child(4) td:first-child strong {
	margin: 50px 5px 10px 5px;
	}
	
.tabel-smart-gac span {
	display: block; margin: 0px auto 15px auto;
	background: #eee;
	text-align: left;
	width: 80%; color: #44aee7;
	font: 12px robotobold; line-height: 12px;
	}
.tabel-smart-gac em {
	display: block; margin: 0px auto 15px auto !important;
	min-height: 20px; background: #ddd;
	text-align: left;
	width: 80%; color: #44aee7;
	font: 12px robotobold; line-height: 12px !important;
	}
	
.tabel-smart-gac label {
	display: block;
	text-transform: uppercase;
	font: 9px robotobold; line-height: 11px;
	color: #777;
	}
.tabel-smart-gac input {
	width: 96%; 
	border: 1px solid #ccc; border-radius: 3px;
	background: #fff; color: #333;
	font: 12px roboto; line-height: 12px;
	padding: 1px 2%; margin: 0 !important;
	}
/*.tabel-smart-gac th:nth-child(7) {background: #333;}
.tabel-smart-gac td:nth-child(7) {background: #ededed;}*/

/* LOGIN POPUP */
#mask {
    display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	width: 100%; height: 100%;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.70;	
	z-index: 999;
	}

.login-popup {
	display: none;
	background: #fff;
	padding: 10px 20px; 	
	border: 10px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 100px; left: 50%;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius: 5px;
	text-align: center; width: 300px;
	z-index: 5000;
	}
	
#email-box.login-popup {position: absolute;}
	
.login-popup h2 {
	font: 20px roboto;
	color: #2c469e;
	margin: 10px 0 18px 0;
	}
.login-popup textarea {
	display: block;
	border: 2px solid #ddd; border-radius: 2px;
	font: 14px roboto;
	padding: 8px 20px;
	margin: 0 0 3px 6px;
	width: 520px; min-height: 200px;
	color: #555;
	transition: all 0.5s;
	}
.login-popup textarea:hover {
	border: 2px solid #aaa;
	color: #000;
	}


.close {
	position: absolute;	top: 0px; right: 5px;
	font-style: normal;font-weight: bold; font-size: 26px;
	padding: 5px 10px; color: #1b9dda;
	}
.close:hover {
	background: #ddd;
	}
	
.login-radio {
	position: relative;
	display: inline-block; vertical-align: top; 
	width: 240px; margin: 0 10px 20px 0; padding: 7px 0 7px 36px;
	}
.login-radio input[type="radio"] {
	width: 25px; height: 25px;
	position: absolute; top: 0; left: 0;
	}
.login-radio label {font: 11px roboto; text-transform: uppercase; padding: 0 0 10px 0;}

.login-popup input[type="file"] {
	display: block; vertical-align: top; 
	border: 4px solid #eee;
	padding: 2px 5px; margin: 0 auto 20px auto;
	width: 250px;
	}
.login-popup input[type="submit"] {
	display: block; vertical-align: top; 
	border: none; border-radius: 2px;
	background: #1b9dda url(../assets/arrow3.png) no-repeat 40px 14px;
	font: 16px robotobold; line-height: 16px;
	padding: 12px 20px;	margin: 0 0 0 30px;
	width: 170px;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	transition: all 0.5s;
	}
.login-popup input[type="submit"]:hover {filter: brightness(90%);}
	
/* end login popup */




/*#ui-datepicker-div {border: none;}*/
/*.bg-admin #ui-datepicker-div {border: 2px solid red;}*/

.pop {
	display: none;
	position: fixed;
	top: 100px; left: 50%;
	color: #fff;box-sizing: border-box;
	padding: 10px 20px; 	
	float: left;
	font: 14px robotobold;
	/*box-shadow: 0px 0px 20px #999;*/
	border-radius: 5px;
	text-align: center; width: 300px;
	z-index: 5000;
	}
.pop1 {background: #1c93d3;}
.pop2 {background: #3c73b6;}
.pop3 {background: #64a1bd;}

.pop .close {color: #ddd;}
.pop .close:hover {background: none;}
.pop-radio {text-align: left; margin: 0 0 5px 0;}
.pop-radio input {width: 20px; height: 20px; margin: 0 5px 0 0; padding: 0;}

.login-text {text-align: left; margin: 10px 0;}
.login-text input[type="text"] {
	border: none; background: #ddd;
	border-radius: 3px; padding: 5px 10px; margin: 0 5px 0 0;
	width: 120px;
	font: 14px robotobold;
	color: #555; transition: all 0.5s;
	}
.login-text input[type="text"]:hover, .login-text input[type="text"]:focus {background: #fff;}
.login-textarea textarea:hover, .login-textarea textarea:focus {background: #fff;}

.pop h2 {
	font: 18px robotobold; border-bottom: 1px dashed #ddd;
	padding: 0 0 4px 0; margin: 0 0 15px 0;
	}	
.pop input[type="file"] {
	border: 1px solid rgba(255,255,255,0.5); border-radius: 3px; padding: 4px 8px;
	box-sizing: border-box;
	}

.login-file span {display: block; margin: 0 0 5px 0;}

.login-textarea {text-align: left; margin: 10px 0;}
.login-textarea span {display: block; margin: 0 0 5px 0;}
.login-textarea textarea {
	display: block;
	border: none; border-radius: 3px;
	padding: 5px 10px; box-sizing: border-box;
	width: 100%; height: 80px;
	background: #ddd; transition: all 0.5s;
	}

.but-ok {
	background: #013e5f; color: #fff;
	border: none; border-radius: 3px; 
	padding: 5px 20px; margin: 10px 0;
	font: 18px robotobold;
	cursor: pointer; transition: all 0.5s;
	}
.but-ok:hover {box-shadow: inset 100px 100px 0 0 rgba(0,0,0,0.5);}
	

.problema-ivita {
	position: relative;
	
	}
.problema-ivita textarea {
	width: 98%;
	min-height: 100px;
	border-radius: 2px;
	border: 1px solid #ccc;
	font: 13px roboto;
	padding: 5px 1%;
	margin: 0 0 5px 0;
	}
	
	
.problema-butoane {
	position: absolute;
	bottom: 12px; left: 49px;
	padding: 0;
	}
	

	
.scor-pad {
	position: absolute;
	bottom: 17px; left: 131px; z-index: 10;
	border: none;
	font: 13px robotobold;
	padding: 3px 7px;
	display: block;
	width: 93px; height: 38px;
	border-radius: 2px;
	text-transform: uppercase;
	text-shadow: 1px 1px 5px #000;
	color: #fff;
	cursor: pointer;
	}
.scor-pad:hover {}




	
.scor {
	display: inline-block;
	vertical-align: top;
	width: 60px;
	font: 16px robotobold;
	}
.scor0 {
	display: inline-block;
	vertical-align: top;
	width: 60px; height: 35px;
	position: relative;
	border-radius: 2px;
	margin: 0 5px 0 0;
	cursor: pointer;
	transition: box-shadow 0.5s;
	}

.scor1 {background: #e9b160;}
.scor2 {background: #e99460;}
.scor3 {background: #e96060;}

.scorr {background: #e9b160;}
.scorr1 {background: #ffe116;}
.scorr2 {background: #ff7200;}
.scorr3 {background: #ff0c0c;}

/*.scorr1 {background: #e9b160;}
.scorr2 {background: #e99460;}
.scorr3 {background: #e96060;}*/

.scor1:hover, .scor2:hover, .scor3:hover {
	box-shadow: inset 0 50px 0px 0px rgba(0, 0, 0, 0.2);
	}

.scor1 span, .scor2 span, .scor3 span {
	display: block;
	margin: 6px 0 0 10px;
	font: 16px robotobold;
	text-shadow: 1px 1px #ccc;
	}

.scor1 input, .scor2 input, .scor3 input {
	position: absolute;
	top: 3px; right: 3px;
	width: 25px; height: 25px;
	}
	
	
.report-footer {position: absolute;	bottom: 0px; left: 5px;}	
.problema-scor {
	position: absolute;
	bottom: 12px; left: 131px; z-index: 10;
	border-radius: 2px;
	padding: 11px 5px 11px 5px;
	margin: 0 5px 5px 0;
	width: 70px;
	text-align: center;
	text-transform: uppercase;
	font: 13px robotobold;
	line-height: 16px;
	text-shadow: 1px 1px 5px #000;
	color: #fff;
	}
.problema-scor em {font-style: normal;}
.problema-scor strong {font: 13px robotobold;line-height: 16px;}
	
.report-scor {
	position: relative;	bottom: 0px; left: 0px;
	display: inline-block; vertical-align: top;
	}	
	
	
.problema-ivita .upload {
	position: relative;
	left: 0; top: 0;
	}







.problema {
	position: relative;
	margin: 30px 0;
	display: table;
	width: 98%;
	min-height: 180px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	padding: 1% 1% 20px 1%;
	}
.problema-user {padding: 1% 1% 45px 1%;}
@-moz-document url-prefix() { 
.problema {
	padding: 1% 1% 50px 1%;
	}
}
/*.problema-text {padding: 0 220px 0 0;}*/

.problema-textarea {
	width: 70%;
	display: inline;
	}
.problema-textarea textarea {
	width: inherit; min-height: 87px;
	font: 13px roboto;
	letter-spacing: -0.3px;
	border: 1px solid #ccc;
	border-radius: 2px;
	color: #555;
	padding: 2px 5px;
	margin: 0 0 10px 0;
	}

.problema-text {
	width: 70%;
	display: inline;
	}
.problema-text p {
	font: 13px roboto; 
	line-height: 14px; 
	text-align: justify; 
	margin: 0 0 15px 0;
	}
.problema-foto {
	position: relative;
	text-align: right;
	width: 25%;
	display: table-cell;
	float: right;
	}
.problema-foto1 {
	float: right; margin: 0 0 0 10px;
	}
.problema-foto1 img {
	width: 100%;
	border-radius: 3px;

	}
.problema-foto2 img {
	width: 100%;
	border-radius: 3px;
	}
.foto-nr {
	position: absolute;
	top: 10px; right: 0;
	background: #333; color: #fff;
	border: 3px solid rgba(255, 255, 255, 0.7);
	border-right: none;
	padding: 4px 10px;
	font: 12px robotobold; line-height: 12px;
	opacity: 0.75;
	}



.problema-data {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 2px;
	margin: 0 105px 5px 0px;
	width: 70px;
	text-align: center;
	font: 14px robotobold;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: #777;
	}
.problema-data-user {
	position: absolute;
	bottom: 17px; left: 49px; z-index: 10;
	margin: 0;
	}
	
	
	
.select-istoric {
	width: 150px;
	border: 1px solid #ddd;
	padding: 5px 8px;
	font: 13px roboto;
	letter-spacing: -1px;
	line-height: 13px;
	transition: border 0.5s;
	}
	
.problema-data-i {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 5px;
	margin: 0 5px 20px 0px;
	width: 70px;
	text-align: center;
	font: 13px roboto;
	line-height: 16px;
	letter-spacing: -0.2px;
	}
.problema-data-i:after {
	position: absolute;
	top: -15px; left: 0;
	content: "DATA INITIALA";
	font: 10px roboto;
	}
	
	
.problema-data-r {
	display: inline-block;
	vertical-align: top;
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 5px;
	margin: 0 5px 15px 0px;
	width: 70px;
	text-align: center;
	font: 13px roboto;
	line-height: 16px;
	letter-spacing: -0.2px;
	}
.problema-data-r:after {
	position: absolute;
	top: -15px; left: 0;
	content: "DATA REZOLVARE";
	font: 10px roboto;
	}
	
	
.tabel-data {
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 2px 2px;
	padding: 2px 5px;
	margin: -3px 0 0 0;
	width: 70px;
	text-align: center;
	background: linear-gradient(#cfe4f0, #fff);
	font: 12px roboto;
	line-height: 15px;
	letter-spacing: -0.2px;
	}
	
/*.plus90 {
	color: #777;
	font: 14px robotobold;
	line-height: 14px;
	display: inline-block;
	text-align: left;
	width: 80px; height: 34px;
	padding: 0px 0 0 8px;
	margin: 0 5px 5px 0;
	border: none;
	background: url(../assets/rotate-plus2.png) no-repeat 0 0;
	cursor: pointer;
	transition: all 0.5s;
	}
.plus90:hover {
	color: #000;
	background: url(../assets/rotate-plus2h.png) no-repeat 0 0;
	}*/

.plus90 {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 9px 10px 10px 30px;
	margin: 0 2px 5px 0;
	text-transform: uppercase;
	background: url(../assets/rotation2.png) no-repeat 5px 8px;
	background-size: 20px;
	color: #777;
	font: 14px robotobold;
	line-height: 16px;
	letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}
.plus90:hover {
	border: 1px solid #999;
	color: #333;
	}
	
.problema-edit {
	position: relative;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 9px 10px 10px 30px;
	margin: 0 5px 5px 0;
	text-transform: uppercase;
	background: url(../assets/modif-sterge2.png) no-repeat 7px 8px;
	color: #777;
	font: 13px robotobold;
	line-height: 16px;
	letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}
.problema-edit:hover {
	border: 1px solid #999;
	color: #333;
	}
	
.problema-sterge-div {
	display: inline-block;
	vertical-align: top;
	width: 100px;
	margin: 0 0 15px 0;
	}
	
.problema-sterge {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 9px 10px 10px 30px;
	margin: 0 5px 5px 0;
	text-transform: uppercase;
	background: url(../assets/sterge3.png) no-repeat 5px 8px;
	color: #777;
	font: 13px robotobold;
	line-height: 16px;
	letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}
.problema-sterge:hover {
	border: 1px solid #999;
	color: #333;
	}
	
	
.problema-upload {
	position: absolute;
	bottom: 17px; left: 218px; z-index: 10;
	width: 40px; 
	margin: 0;
	}
.problema-rezolvat {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	margin: 0 7px 15px 0;
	}
.problema-rezolvat input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin: 0;
	vertical-align: top;
	}
.problema input[type="checkbox"] {
	position: absolute;
	bottom: 14px; left: 2px;
	width: 38px !important; height: 38px !important;
	}
.user-open {
	display: inline-block;
    vertical-align: top; margin: 0 4px 40px 0;
	margin: 0 5px 15px 0px; padding: 2px 2px;
	border: 1px solid #ccc; border-radius: 2px;
    width: 70px; min-height: 32px;
    text-align: center;
    font: 10px roboto; line-height: 11px; letter-spacing: -0.2px;
	}
	
.user-close {
	display: inline-block;
    vertical-align: top; margin: 0 0 40px 0;
	margin: 0 5px 15px 0px; padding: 2px 2px;
	border: 1px solid #ccc; border-radius: 2px;
    width: 70px; min-height: 32px;
    text-align: center;
    font: 10px roboto; line-height: 11px; letter-spacing: -0.2px;
	}
	
.sterge {
	background: #555;
	color: #c5e2f2;
	border-radius: 2px;
	font: 14px robotobold;
	text-transform: uppercase;
	border: 0;
	padding: 5px 10px;
	cursor: pointer;
	transition: background 0.5s;
	}
.sterge:hover {
	background: #333;
	}


.calup1, .calup2, .calup3, .calup4, .calup5 {
	display: inline-block;
	vertical-align: top;
	height: 32px;
	position: relative;
	border-radius: 3px;
	margin: 0 5px 20px 0;
	padding: 0 35px 0 0;
	cursor: pointer;
	transition: box-shadow 0.5s;
	background: #eee;
	}
.calup1 span, .calup2 span, .calup3 span{
	display: block;
	margin: 6px 0 0 10px;
	font: 14px robotobold;
	}
.calup1 input, .calup2 input, .calup3 input {
	position: absolute;
	top: 3px; right: 3px;
	width: 20px; height: 20px;
	}
	
.calup4 span, .calup5 span {
	position: absolute;
	top: -17px; left: 0px;
	font: 11px robotobold;
	text-transform: uppercase;
	}
.calup4, .calup5 {width: inherit; padding: 0;}
.calup4 input, .calup5 input {
	border: 1px solid #ccc;
	font: 12px roboto;
	border-radius: 2px;
	height: 30px; width: 70px;
	padding: 0 10px;
	}
	
.calup6 {
	display: inline-block;
	vertical-align: top;
	}
.calup-trimite {
	height: 32px;
	border-radius: 3px;
	margin: 0 5px 10px 0;
	padding: 0 20px 0 35px;
	cursor: pointer;
	background: #0182c3 url(../assets/trimite.png) no-repeat 10px 5px;
	border: 0;
	font: 14px robotobold;
	color: #b7e2ff;
	transition: box-shadow 0.5s;
	}
.calup-trimite:hover {
	box-shadow: inset 0 50px 0px 0px rgba(0, 0, 0, .2);
	}
	

	
	
.calup-multiselect {
	display: inline-block; vertical-align: top;
	height: 32px; 
	position: relative;
	border-radius: 3px;
	margin: 0 5px 20px 0; padding: 0 0 0 0;
	cursor: pointer;
	transition: box-shadow 0.5s;
	}
.multi-titlu {
	position: absolute;
	top: -17px; left: 0px;
	font: 11px robotobold;
	text-transform: uppercase;
	}
	
.filtrele {
	background: #eee;
	}
	
	
.select10 {
	padding: 5px;
	display: inline-block; vertical-align: top;
	width: 190px; height: 32px;
	position: relative;
	border-radius: 3px;
	margin: 0 5px 20px 0; padding: 0 10px;
	cursor: pointer;
	transition: box-shadow 0.5s;
	}

/* option:not(:checked) option:checked) */
	

	
/* WASTE FILTRE */

.wf-comprima {
	display: inline-block; 
	position: absolute; top: 35px; right: 300px;
	font: 14px robotobold; line-height: 14px;
	text-transform: uppercase;
	margin: 7px 0 0 0; padding: 0 0 0 31px;
	}
.wf-comprima input[type="checkbox"] {
	width: 22px; height: 22px;
	position: absolute; top: -8px; left: 0px;
	}
.wf-pdf {
	display: inline-block; 
	position: absolute; top: 35px; right: 150px;
	font: 14px robotobold; line-height: 14px;
	text-transform: uppercase;
	margin: 7px 0 0 0; padding: 0 0 0 31px;
	}
.wf-pdf input[type="checkbox"] {
	width: 22px; height: 22px;
	position: absolute; top: -8px; left: 0px;
	}

.wf-calup {
	display: inline-block; vertical-align: top;
	margin: 20px 1% 7px 0;
	}
.wf-titlu {
	display: block;
	font: 14px robotobold; line-height: 16px;
	margin: 0 0 2px 0;
	}
.wf-calup select {
	font: 13px roboto; line-height: 16px;
	padding: 6px 10px 7px 5px;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff url(../assets/arrow-select-wf.png) no-repeat right;
	background-size: 16px;
	}
.wf-calup .optWrapper, .sumo_tip_aviz {margin: -25px 0 0 0;}
.wf-calup select.select-tip {
	padding-right: 25px;
	width: 100px;
	}

/*.sumo_next-aviz {
	position: absolute !important; top: 0 !important; right: 0 !important;
	}*/
	
.text-aviz {
	position: absolute !important; top: 0 !important; right: 0 !important;
	}
.optWrapper {
	margin: -28px 0 0 0 !important;
	}

.wf-calup input[type="text"] {
	font: 13px roboto; line-height: 16px;
    padding: 6px 10px 7px 5px;
    border-radius: 3px; border: 1px solid #aaa;
    -webkit-appearance: none;
	}

.wf-calup .calup-trimite {margin: 18px 0 0 0;}
.wf-calup input[type="text"].wf-luna {
	font: 11px robotobold; line-height: 14px;
	text-transform: uppercase;
	border: 1px solid #ccc;
	background: #ededed url(../assets/arrow-select-wf-luna.png) no-repeat right;
	background-size: 20px;
	transition: all 0.5s;
	}
.wf-calup input[type="text"].wf-luna:hover {background-color: white;}

.wf-but-set-luna {
	display: inline-block; vertical-align: top;
	background: #333; color: #fff;
	font: 16px robotobold; line-height: 16px;
	padding: 8px 10px; margin: 38px 1% 7px 0;
	text-align: center; 
	border: none; border-radius: 3px;
	cursor: pointer; transition: all 0.5s;
	}
.wf-but-set-luna:before {
	content: "\e85a"; font-family: 'awesome-entypo';
	margin: 0 10px 0 0;
	}
.wf-but-set-an {
	display: inline-block; vertical-align: top;
	background: #0182c3; color: #fff;
	font: 16px robotobold; line-height: 16px;
	padding: 8px 10px; margin: 38px 1% 7px 0;
	text-align: center;
	border: none; border-radius: 3px;
	cursor: pointer; transition: all 0.5s;
	}
.wf-but-set-an:before {
	content: "\f274"; font-family: 'awesome-entypo';
	margin: 0 10px 0 0;
	}
.wf-but-set-luna:hover, .wf-but-set-an:hover {opacity: 0.7;}



.select-waste {
	position: absolute; top: 24px; right: 0;
	font: 13px roboto; line-height: 16px;
	padding: 6px 24px 7px 5px;
	border-radius: 3px;
	-webkit-appearance: none;
	background: #fff url(../assets/arrow-select-wf.png) no-repeat right;
	background-size: 16px;
	}	
	
	
.calup-multiselect-dash {
	position: absolute; top: 40px; left: 290px;
	width: 130px;
	padding: 0;
	font: 15px roboto;
	letter-spacing: -1px;
	line-height: 16px;
	transition: all 0.5s;
	}
.calup-multiselect-dash select {
	/*width: 130px;
	border: 1px solid #eee;
	padding: 13px 20px 15px 10px !important;
	font: 15px roboto;
	letter-spacing: -1px;
	line-height: 16px;
	transition: all 0.5s;
	/*-webkit-appearance: none;
	background: url(../assets/arrow2a.png) no-repeat right;
	background-size: 13px;*/
	}
.calup-multiselect-dash option {
	padding: 1px 0;
	border-bottom: 1px solid #ccc;	
	}
/*
.calup-multiselect-dash ul {border: 1px solid blue;}
.calup-multiselect-dash ul li {
	border: 1px solid red;
	padding: 13px 20px 15px 10px !important;
	}*/
.calup-multiselect-dash p {
	padding: 18px 20px 20px 10px;
	border: 1px solid #ddd !important;
	}
.optWrapper {top: 60px !important;}

	

.aviz {position: relative; margin: 0 0 0px 0; padding: 0;}	
hr.separat {
	border: none;
	background: none;
	border-bottom: 5px dotted #a4cfe6;
	margin: 20px 0 40px 0;
	}
.aviz h2, .h2-aviz {
	font: 20px robotobold;
	line-height: 20px;
	border-bottom: 4px solid #eee;
	padding: 0 0 5px 0;
	margin: 20px 0 5px 0;
	color: #0073b1;
	}
	
.h2-desfasurator {
	font: 18px robotobold;
	line-height: 18px;
	margin: 20px 0 5px 0;
	color: #777;
	}
	
.aviz input[type="text"] {
	border-radius: 2px;
	border: 1px solid #ccc;
	font: 13px roboto;
	line-height: 16px;
	color: #333;
	padding: 3px 1%;
	margin: 0 20px 2px 0px;
	}
.aviz textarea {
	width: 98%;
	min-height: 20px;
	border-radius: 2px;
	border: 1px solid #ccc;
	font: 13px roboto;
	line-height: 16px;
	color: #333;
	padding: 3px 1%;
	margin: 0 0 5px 0;
	}
	
.aviz-label {
	display: inline-block; margin: 0 0 0px 0; 
	padding: 0 0 0 0px; position: relative;
	min-height: 55px;
	}
.aviz-check {padding: 0 0 0 28px;}
.aviz-label input[type="checkbox"] {
	position: absolute; top: 0px; left: 0;
	width: 25px; height: 25px;
	margin: 0; padding: 0;
	/*pointer-events:none;*/
	}


.aviz-label select {
	border-radius: 2px;
	border: 1px solid #ccc;
	font: 13px roboto;
	color: #333;
	padding: 5px 1%;
	margin: 0 20px 5px 0px;
	}

.aviz label {
	display: inline-block;
	background: #78b3d3;
	color: #fff;
	padding: 2px 6px 4px 6px;
	margin: 1px 0 0px 0;
	border-radius: 2px 2px 0 0;
	font: 10px roboto;
	line-height: 11px;
	text-transform: uppercase;
	}
.aviz label br {display: none;}
	
.aviz-update, .aviz-inchide, .aviz-vezi, .deseu-nou {
	display: inline-block;
	vertical-align: top;
	border: none;
	border-radius: 2px;
	padding: 9px 10px 10px 35px;
	margin: 0 5px 5px 0;
	text-transform: uppercase;
	color: #b7def2;
	font: 13px robotobold;
	line-height: 16px;
	letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}
.aviz-update {background: #0073b1 url(../assets/update.png) no-repeat 7px 8px;}
.aviz-inchide {background: #a61f55 url(../assets/sterge4.png) no-repeat 5px 8px;}
.aviz-vezi {background: #555 url(../assets/lupa.png) no-repeat 5px 8px;}	
	

.aviz-update:hover, .aviz-inchide:hover, .aviz-vezi:hover, .deseu-nou:hover {
	box-shadow: inset 0px 50px 0px 0px rgba(0, 0, 0, .4);
	}
.aviz-inchide {
	position: absolute;
	margin: 0;
	top: -9px; right: 0;
	border-radius: 3px 3px 0 0;
	}
	
	
	
.aviz-inchide2 {
    display: block;
    text-align: center;
    font: 20px robotobold;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    background: #333 url(../assets/checked.png) no-repeat 25px 5px;
    color: #cee9f6;
    border: none;
	border-radius: 2px;
    padding: 15px 0px;
    width: 300px;
    transition: all 0.5s;
    margin: 0 5px 0 0;
    box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .3);
	cursor: pointer;
	}
.aviz-inchide2:hover {
	background-color: #000;
	}
	
.upload-anexa {position: absolute; top: 110px; right: 120px;}
.upload-nota {position: absolute; top: 110px; right: 0px;}

	
.aviz-anulat {
	position: absolute;
	top: -9px; right: -3px;
    display: block;
	vertical-align: top;
	border: none;
	border-radius: 3px 3px 0 0;
	padding: 9px 10px 10px 35px;
	margin: 0 5px 5px 0;
	text-transform: uppercase;
	color: #fff;
	background: #999 url(../assets/sterge6.png) no-repeat 10px 8px;
	font: 13px robotobold;
	line-height: 16px;
	letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}
.aviz-anulat:hover {
	background-color: #777;
	}

.deseu-nou {
	background: #555 url(../assets/nou.png) no-repeat 20px 8px;
	/*position: absolute;
	bottom: 220px; right: 0;*/
	float: right;
	padding: 9px 30px 10px 55px;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.5);
	border: 4px solid #b7def2;
	border-radius: 5px;
	margin: 0 0 -30px 0;
	}	
.deseu-nou:hover {
	box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.7);
	}
	
.anexa {
	margin: 40px 0;
	position: relative;
	border-top: 10px solid #ccc;
	padding: 5px 0;
	}
.anexa label {
	background: #aaa;
    color: #fff;
    padding: 2px 6px 4px 6px;
    margin: 1px 0 0 0;
    border-radius: 2px 2px 0 0;
    font: 10px roboto;
    line-height: 11px;
    text-transform: uppercase;
	}
.anexa input[type="text"] {
    border-radius: 2px;
    border: 1px solid #ccc;
    font: 13px roboto;
    line-height: 16px;
    color: #333;
    padding: 3px 1%;
    margin: 0 20px 2px 0px;
}
	
.anexa .file-but {
	display: inline-block;
	height: 35px;
	margin: 0 5px 5px 0;
	opacity: 0.7;
	}
.anexa .aviz-inchide {
	top: -35px; right: 0;
	background: transparent url(../assets/sterge5.png) no-repeat 90px 2px;
	padding: 3px 25px 5px 0px;
	color: #a61f55;
	text-align: right;
	}
.anexa .aviz-inchide:hover {box-shadow: none;}

.anexa-date {
	position: absolute; top: 60px; left: 170px;
	display: block;	width: 220px; background: #fff;
	text-align: right; border: 1px solid #ddd; border-radius: 3px;
	padding: 2px 1%;
	}
.anexa-date span {font-weight: bold;color: #027cb9;}
.anexa-date em {font: 12px roboto; color: #027cb9; border-right: 1px solid #ddd; padding: 0 3px 0 0;}
	
.anexa-scan {
	float: right;
	width: 80px;
	margin: 2px 0 0;
	position: relative;
	}
.anexa-scan img {height: 100px;}
.anexa-scan span {
	position: absolute;
	top: 25px; left: -72px;
	display: block;
	width: 117px;
	color: #777;
	font: 13px robotobold;
	line-height: 16px;
	letter-spacing: -0.4px;
	padding: 4px 0;
	text-transform: uppercase;
	text-align: left;
	transform: rotate(270deg);
	}
.anexa-scan span.ans {opacity: 0.5;}

.anexa input[type="button"], .anexa .aviz-vezi {opacity: 0.7;}




.but-avize, .but-facturi {
	position: relative;
    display: inline-block;
    vertical-align: top;
    background: linear-gradient(#fff, #ccc);
    color: #555;
    padding: 130px 0 30px 0px;
    margin: 20px 2%;
	width: 43%;
    text-transform: uppercase;
    text-shadow: 1px 1px #fff;
	text-align: center;
    letter-spacing: -0.8px;
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, .15);
    transition: all 0.5s;
    font: 36px robotobold;
    line-height: 36px;
    border-left: 4px solid #ccc;
    border-right: 4px solid #ccc;
	}
.but-avize img, .but-facturi img {
	position: absolute;
	top: 20px; left: 50%;
	width: 80px;
	margin-left: -30px;
	}



.menu-parteneri {position: absolute; top: 40px; left: 220px;}
.menu-parteneri ul {
	
	}
.menu-parteneri li {
	display: inline-block;
	vertical-align: top;
	}
.menu-parteneri li a {
	display: inline-block; vertical-align: top;
	background: #c9e3f0; color: #2278a5; /*10587e*/
    text-shadow: 1px 1px 1px #fff;
    font: 16px robotobold; line-height: 22px; letter-spacing: 0px;
    padding: 5px 10px;
    border-radius: 2px;
	transition: all 0.5s;
	}
.menu-parteneri li a:hover {
	
	}

.menu-parteneri li a.stop-part {
	background-color: #4883a0;
	background-position: 10px -31px;
	box-shadow: none; text-shadow: none;
	color: #c9e3f0;
	}

	
	
	
	
.menu-avize {
	margin: -35px 0 0 0;
	border-bottom: 10px solid #eee;
	}
.menu-avize ul {
	border-bottom: 4px solid #4883a0;
	}
.menu-avize li {
	display: inline-block;
	vertical-align: top;
	}
.menu-avize li a {
	display: inline-block;
	vertical-align: top;
	background: #c9e3f0;
    color: #2278a5; /*10587e*/
    text-shadow: 2px 2px 2px #fff;
    font: 20px robotobold;
    line-height: 26px;
    letter-spacing: -1px;
    padding: 10px 20px 10px 40px;
    margin: 60px 3px 0 0 ;
    border-radius: 5px 5px 0 0;
	box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.1);
	transition: all 0.5s;
	}
.menu-avize li a:hover {
	box-shadow: inset 0px -100px 5px rgba(0, 0, 0, 0.1);
	}
	

	


.menu-avize li a.but-avize1 {background: #c9e3f0 url(../assets/aviz1-nou.png) no-repeat 10px 12px;}
.menu-avize li a.but-avize2 {background: #c9e3f0 url(../assets/aviz2-deschis.png) no-repeat 10px 12px;}
.menu-avize li a.but-avize3 {background: #c9e3f0 url(../assets/aviz3-inchis.png) no-repeat 10px 12px;}
.menu-avize li a.but-avize4 {background: #c9e3f0 url(../assets/aviz4-final.png) no-repeat 10px 12px;}

.menu-avize li a.but-avize1.stop-waste {
	background: #4883a0 url(../assets/aviz1-nou.png) no-repeat 10px -33px;
	box-shadow: none; text-shadow: none;
	color: #fff;
	}
.menu-avize li a.but-avize2.stop-waste {
	background: #4883a0 url(../assets/aviz2-deschis.png) no-repeat 10px -33px;
	box-shadow: none; text-shadow: none;
	color: #fff;
	}
.menu-avize li a.but-avize3.stop-waste {
	background: #4883a0 url(../assets/aviz3-inchis.png) no-repeat 10px -33px;
	box-shadow: none; text-shadow: none;
	color: #fff;
	}
.menu-avize li a.but-avize4.stop-waste {
	background: #4883a0 url(../assets/aviz4-final.png) no-repeat 10px -33px;
	box-shadow: none; text-shadow: none;
	color: #fff;
	}
	
.menu-avize li a.ba-inactiv {
	background: #ededed url(../assets/aviz1-nou.png) no-repeat 10px -84px;
	color: #aaa;text-shadow: none;
	}
.menu-avize li a.ba-inactiv:hover {
	box-shadow: inset 0px -5px 5px rgba(0, 0, 0, 0.1); text-shadow: none;
	}
	
	
.waste-linie {
	display: block;
	margin: 25px 0 25px 0;
	width: 100%;
	
	}
.waste-linie span {
	background: #eee;
	display: inline-block;
	vertical-align: top;
	width: 20%; min-height: 35px;
	margin: 0 1% 0 0;
	padding: 10px 1%;
	border-radius: 2px;
	color: #333;
	font: 14px robotobold;
	line-height: 16px;
	}
.waste-linie span b {color: #0073b1;}
.waste-linie strong {
	background: #eee;
	display: inline-block;
	vertical-align: top;
	width: 20%; min-height: 35px;
	margin: 0 1% 0 0;
	padding: 10px 1%;
	border-radius: 2px;
	color: #0073b1;
	font: 14px robotobold;
    line-height: 14px;
	}
.waste-linie img {
	display: inline-block;
	vertical-align: top;
	width: 40px;
	margin: 0 1% 0 0;
	}

.waste-linie-produse {
	display: inline-block;
	vertical-align: top;
	width: 32%; min-height: 35px;
	padding: 5px 1%;
	margin: 0 1% 0 0;
	border: 3px solid #eee;
	border-radius: 2px;
	}
.wlpp {
	display: inline-block;
	vertical-align: top;
	width: 28%;
	margin: 0 1% 5px 0;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	padding: 2px 5px;
	color: #555;
	font: bold 12px roboto;
	}
.wl1 {
	color: #555;
	font: 12px robotobold;
	line-height: 12px;
	letter-spacing: -1px; 
	}
.wl2 {
	float: right;
	}
.wl2 img {
	width: 15px;
	margin: 0 0 0 7px;
	}
.waste-edit {
	color: #333;
	display: inline-block;
	background: linear-gradient(#fff100, #c7bc01);
	text-align: center;	
	width: 7%; min-height: 30px;
	border-radius: 2px;
	transition: all 0.5s;
	}
.waste-edit:hover {
	box-shadow: inset 0px 80px 0px rgba(0, 0, 0, 0.15);
	}
.waste-edit span {
	background: url(../assets/waste-edit.png) no-repeat bottom center;
	display: block;
	width: 35px; min-height: inherit;
	margin: 10px auto; padding: 0px 0px;
	border-radius: 0;
	color: #333;
	font: 14px robotobold;
	line-height: 14px;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #fffaad;
	}
.waste-h3 {
	background: #c9e3f0;
	color: #10587e;
	border-bottom: 4px solid #ccc;
	text-shadow: 2px 2px 2px #fff;
	font: 26px robotobold;
	line-height: 26px;
	letter-spacing: -1px;
	padding: 10px 20px;
	margin: 60px 0 0 0 !important;
	border-radius: 3px 3px 0 0;
	}
	
	
.waste-istoric {
	display: inline-block;
    text-align: center;
    font: 18px robotobold;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    background: #444 url(../assets/waste-istoric.png) no-repeat 10% 7px;
    color: #b7def2;
    border: none;
    padding: 15px 0px;
    width: 300px;
    transition: all 0.5s;
    margin: 0 5px 0 0;
    cursor: pointer;
    box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	}
.waste-istoric:hover {
	box-shadow: inset 0 -100px 0px 0px rgba(0, 0, 0, .15);
	}
	
.waste-generare {
	display: inline-block;
    text-align: center;
    font: 18px robotobold;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    background: #5a7f93 url(../assets/folder.png) no-repeat 20px 8px;
    color: #cee9f6;
    border: none;
    padding: 15px 0px;
    width: 400px;
    transition: all 0.5s;
    margin: 0 5px 0 0;
    box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	}
.waste-generare:hover {
	box-shadow: inset 0 -100px 0px 0px rgba(0, 0, 0, .15);
	}
	
/***/
.waste-linie2 {
	display: block;
	margin: 15px 0 15px 0;
	width: 100%;
	position: relative;
	/*overflow: hidden;*/
	}
	
.waste-linie2:hover .wl-aviz {
	box-shadow: 0 0px 15px 2px rgba(83, 169, 215, 1);
	}
.wl-aviz {
	background: #eee;
	display: inline-block;
	vertical-align: top;
	width: 50%; min-height: 35px;
	margin: 0 15px 0 0;
	padding: 10px 10px 10px 40px;
	border-radius: 2px;
	color: #333;
	font: 14px robotobold;
	line-height: 16px;
	transition: all 0.5s;
	}
.wl-aviz:before {
	content: "";
	background: #aaa url(../assets/arrow8.png) no-repeat 8px 10px;
	display: block;
	width: 25px; height: 55px;
	position: absolute;
	top: 0; left: 0;
	}
.waste-linie2 b {font: 18px robotobold; line-height: 14px;color: #0073b1;}
.waste-linie2 em {
	font: 14px robotobold; 
	color: #555;
	border-left: 1px solid #aaa;
	padding: 0 0 0 5px;
	margin: 0 0 0 5px;
	}
.wl-red {display: block; color: #ca3470;}

.waste-linie2 strong {
	position: relative;
	background: #ddd;
	display: inline-block;
	vertical-align: top;
	width: 30%; min-height: 35px;
	margin: 0 1% 0 0;
	padding: 10px 0 10px 15px;
	border-radius: 2px;
	color: #0073b1;
	font: 16px robotobold;
    line-height: 14px;
	text-shadow: 1px 1px #f4f4f4;
	}
.waste-linie2 strong:before {
	content: "";
	position: absolute;
	left: -10px; top: 0px;
	width: 0; height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #ddd;
	}

.wl-anulat {opacity: 0.7;}
	
.wl-anulat strong:after {
	content: "ANULAT";
	position: absolute;
	left: -60%; top: 10px;
	transform: rotate(-30deg);
	width: 70px; height: 20px; 
	font: 20px robotobold;
	line-height: 20px;
	letter-spacing: -1px;
	border: 2px solid red;
	text-align: center;
	text-shadow: none;
	color: red;
	padding: 5px 0;
	}
.wl-anulat-trad {
	position: absolute;	left: 40%; top: 10px; z-index: 100;
	transform: rotate(-30deg);
	width: 70px; height: 20px; 
	font: 16px robotobold;	line-height: 20px; letter-spacing: -1px;
	border: 2px solid red;
	text-align: center;	text-shadow: none;
	color: red; opacity: 0.7;
	padding: 5px 0;
	}
	
:required {
	
	}
	
.waste-alege {width: 100%; margin: 20px 0 0 0;}
.waste-alege p {float: right; margin: 0 10px 0 0;}
.waste-alege h2 {
	font: 22px robotobold;
	color: #0182c3;
	float: left;
	}
.waste-factura {
	border-spacing: 5px;
	margin: 20px 0;
	width: 100%;
	background: #fff;
	}
.waste-factura th {
	background: #777;
	color: #fff;
	padding: 6px 1% 10px 1%;
	text-align: center;
	font: 13px roboto;
	text-transform: uppercase;
	}
.wf1 {width: 5%;}

.wf3 {width: 15%;}
.wf4 {width: 10%;}
.wf5 {width: 10%;}
.waste-factura td {
	padding: 3px 1%;
	text-align: left;
	border-right: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	font: 12px roboto;
	letter-spacing: -0.3px;
	}
.waste-factura td input[type="text"] {
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 5px 10px;
	font: 12px robotobold;
	background: linear-gradient(#fff, #fff);
	color: #777;
	width: 70%;
	text-align: center;
	transition: all 0.3s;
	}
.waste-factura td input[type="text"]:hover, .waste-factura td input[type="text"]:focus  {
	border: 1px solid #999;
	color: #333;
	background: linear-gradient(#ddd, #fff);
	}
.waste-factura tr {background: #fff; transition: all 0.5s;}
.waste-factura tr:hover {background: #eee;}
.waste-factura tr.wf-total {background: #ddd; }
tr.wf-total td {font: 16px robotobold; text-shadow: 1px 1px #fff; color: #555;}
.wf-buton {float: right !important;}

.reset-factura {
	position: absolute; top: 135px; left: 200px;
	border: 1px solid #ccc;	border-radius: 2px;
	padding: 9px 10px 10px 10px; margin: 0 5px 5px 0;
	text-transform: uppercase;
	background: none; color: #777;
	font: 13px robotobold; line-height: 16px; letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}

.reset-factura:hover {border: 1px solid #999;color: #333;}
		
.reset-factura-chk {
	position: absolute; top: 136px; left: 300px;
	padding: 1px  0 0 1px; margin: 0 5px 5px 0;
	text-transform: uppercase;
	font: 13px robotobold; line-height: 16px; letter-spacing: -0.2px;
	}	
.reset-factura-chk input[type="checkbox"] {width: 30px; height: 30px; margin: 0; padding: 0;}	



.storno-factura {
	position: absolute; top: 135px; left: 500px;
	border: 1px solid #ccc;	border-radius: 2px;
	padding: 9px 10px 10px 10px; margin: 0 5px 5px 0;
	text-transform: uppercase;
	background: none; color: #777;
	font: 13px robotobold; line-height: 16px; letter-spacing: -0.2px;
	cursor: pointer;
	transition: all 0.5s;
	}

.storno-factura:hover {border: 1px solid #999;color: #333;}
		
.storno-factura-chk {
	position: absolute; top: 136px; left: 600px;
	padding: 1px  0 0 1px; margin: 0 5px 5px 0;
	text-transform: uppercase;
	font: 13px robotobold; line-height: 16px; letter-spacing: -0.2px;
	}	
.storno-factura-chk input[type="checkbox"] {width: 30px; height: 30px; margin: 0; padding: 0;}	




.waste-facturica {
	border-spacing: 5px;
	margin: 20px 0;
	width: 100%;
	background: #fff;
	}
.waste-facturica th {
	background: #777;
	color: #fff;
	padding: 6px 1% 10px 1%;
	text-align: center;
	font: 15px robotobold;
	text-transform: uppercase;
	}
.waste-facturica td {
	padding: 1px 1% 5px 1%;
	text-align: left; text-transform: uppercase;
	color: #555;
	border-right: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	font: 14px robotobold;
	letter-spacing: -0.3px;
	}
.waste-facturica td:nth-last-child(1) {width: 50px;}
.waste-facturica td:nth-last-child(2) {width: 100px;}
.waste-facturica td input[type="text"] {
	width: 60px;font: 13px robotobold; line-height: 15px; letter-spacing: -0.5px;
	border: 2px solid #ccc; box-sizing: border-box;
	padding: 7px 5px; margin: 3px 0 0 0;
	transition: all 0.5s;
	color: #665;
	}
.waste-facturica td a {
	display: block;
	text-transform: uppercase;
	color: #333;
	font: 11px roboto;
	}
.waste-facturica td a:hover {color: #4493bb;}
.waste-facturica tr {transition: background 0.3s;}
.waste-facturica tr:hover {background: #deeef7;}

.waste-facturica-det {
	width: 100%;
	margin: -7px 0 0 0px;
	}
.waste-facturica-det th {
	background: #999;
	color: #fff;
	padding: 3px 1% 3px 1%;
	text-align: center;
	font: 13px robotobold;
	text-transform: uppercase;
	}
.waste-facturica-det td {
	padding: 1px 1% 5px 1%;
	text-align: left; text-transform: none;
	color: #555;
	border-right: 1px solid #ddd;
	border-bottom: 3px solid #ddd;
	font: 12px robotobold;
	letter-spacing: -0.2px;
	}
.wfca-totalmic td {
	font: 18px robotobold;
	color: #2278a5;
	}
	

/******** USER *********/	

h3.user-h3 {
	font: 16px robotobold;
	color: #0182c3;
	margin: 0 0 20px 0;
	}
h3.user-h3 span {
	font: 16px robotobold;
	line-height: 16px;
	color: grey;
	background: url(../assets/user2.png) no-repeat 0 3px;
	background-size: 12px;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
	}
.user-mag-principal {
	margin: 0 0 20px 0;
	font: 16px robotobold;
	line-height: 26px;
	color: #fff;
	}
.user-mag-principal span {
	background: #0182c3 url(../assets/home.png) no-repeat 10px 10px;
	background-size: 20px;
	padding: 10px 20px 10px 40px;
	}
.user-mag-principal strong {color: #9cddff;}

.user-magazine {
	/*border: 2px solid #ccc;*/
	padding: 10px 20px;
	margin: 0 0 10px 0;
	color: #0182c3;
	font: 16px roboto;
	letter-spacing: -0.5px;
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .20);
	}
.user-magazine strong {color: #555;}
	
.user-drept {
	border-spacing: 10px 2px;
	width: 100%;
	/*box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, .20);*/
	}
.user-drept th {
	background: #bbddef;
    color: #667;
    text-shadow: 1px 1px #fff;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    font: 16px robotobold;
	line-height: 16px;
	padding: 15px 2%;
	box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .05);
	border: 2px solid #fff;
	}
.user-drept td {
	padding: 5px 2%;
	font: 14px roboto;
	letter-spacing: -0.5px;
	line-height: 14px;
	color: #555;
	background: #eee;
	box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .05);
	border: 2px solid #fff;
	transition: all 0.3s;
	}
.user-drept td:first-child {
	width: 40%;
	}
.user-drept i {
	font: 18px robotobold;
	color: #999;
	}
.user-drept tr:hover td {border: 2px solid #53a9d7;}
tr.tr-inactiv {opacity: 0.4;}
	
	
	
.user-multiselect {
	display: inline-block;
    text-align: center;
	margin: 10px 5% 50px 0;
	width: 44%;
	}
.user-multiselect a {
    display: block;
	width: 120px;
    color: #123456;
    margin: 0px;
	font: 13px robotobold;
	text-transform: uppercase;
	border: 2px solid #ced2e1;
	padding: 5px 0;
	text-align: center;
	transition: all 0.5s;
	}
#add {background: #fafafa url(../assets/icon-plus.png) no-repeat 12px 7px;background-size: 14px;}
#remove {background: #fafafa url(../assets/icon-minus.png) no-repeat 12px 7px;background-size: 14px;}
.user-multiselect a:hover {border: 2px solid #9da3bb;}


.user-multiselect select {
    width: 100%;
    height: 180px;
	font: 13px roboto;
	letter-spacing: -0.5px;
	border: 1px solid #ddd;
	padding: 2px 10px;
	margin: 0 0 10px 0;
	line-height: 15px;
	transition: all 0.5s;
	color: #0083c6;
	}
.user-multiselect select option {
	padding: 2px 0;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: all 0.5s;
	}
.user-multiselect select option:hover {background: #fbfbfb;}
.user-multiselect select:hover {border: 1px solid #aaa;}
	
	
	
.admin-select {
	font: 13px roboto;
	letter-spacing: -0.5px;
	border: 1px solid #ddd;
	padding: 2px 10px;
	margin: 0 0 10px 0 !important;
	display: block;
	float: right;
	line-height: 15px;
	transition: border 0.5s;
	color: #0083c6;
	}
.admin-select:hover {border: 1px solid #aaa;}
.admin-select option {
	padding: 1px 0;
	border-bottom: 1px solid #ccc;
	}
.admin-select option.select-inactiv {
	color: #ccc;
	}
.admin-locatie {
	position: absolute; top: 152px !important; right: 500px !important; z-index: 10;
	}
.admin-locatie span {
	display: inline-block; width: 100px;
	line-height: 14px; margin: 0 5px 0 0;
	}
.admin-categ {
	margin: 42px 0 10px 0 !important; z-index: 10;
	}

.part-select {
	font: 13px roboto; line-height: 15px; letter-spacing: -0.5px;
	border: 1px solid #ddd;
	padding: 16px 20px 16px 10px; margin: 0;
	position: absolute; top: 15px; left: 20%;
	transition: border 0.5s;
	color: #0083c6;
	background: url(../assets/arrow2a.png) no-repeat right 20px;
	background-size: 13px;
	}
.part-select:hover {border: 1px solid #aaa;}
.part-select option {
	padding: 1px 0;
	border-bottom: 1px solid #ccc;
	}
.part-select option.select-inactiv {
	color: #ccc;
	}

	



/* DOCALOCARE */
.docalocare {
	display: block; margin: 0 0 8px 0; padding: 2px 0.2% 0 0.2%;
	border: 1px solid #eee; background: linear-gradient(90deg, #fff, #eee); border-radius: 3px;
	
	}
.docalocare div {
	display: inline-block; vertical-align: top; 
	padding: 7px 0.5%; margin: 0 0.2% 0 0;
	width: 15%; min-height: 35px; 
	background: #fff;border-radius: 3px;
	font: 10px roboto; line-height: 10px; text-transform: uppercase;
	}

.docalocare div.docalocare-nr {
	background: #ddd; color: #888;text-shadow: 1px 1px #fff;
	width: 3%; text-align: center; font: 16px robotobold; line-height: 16px;
	}
.docalocare div.docalocare-nume {
	width: 13%;
	background: #bbddef; color: #667;text-shadow: 1px 1px #fff; 
	text-transform: uppercase; letter-spacing: -0.5px; font: 14px robotobold;line-height: 16px;
	}
.docalocare div.docalocare-denumire {width: 18%; }
.docalocare div.docalocare-per {width: 8%;}

.docalocare div.docalocare-radio {width: 8%;}
.docalocare div.docalocare-radio span {
	display: inline-block;
	vertical-align: top;
	width: 25%; margin: 0 13% 0 0;
	text-align: center;
	}
.docalocare div.docalocare-radio label {
	display: block;
	letter-spacing: -1px;
	}
.docalocare div.docalocare-radio input[type="radio"] {
	width: 20px; height: 20px; opacity: 0.7;
	margin: 0; padding: 0;
	}
	
.docalocare select {width: 100%; margin: 0 !important;}
.docalocare div.docalocare-data {width: 11%;}
.docalocare input[type="text"] {
	font: 10px roboto; line-height: 10px; letter-spacing: -0.5px;
    text-transform: uppercase;
    border: 2px solid #ccc;
    padding: 5px 2%; margin: 0;
    transition: all 0.5s;
	width: 94%;
	}
.docalocare div.docalocare-link {width: 8%;}
.docalocare input[type="checkbox"] {width: 30px; height: 30px; margin: 0; padding: 0;}
/* end docalocare */



/* DOCALOCARE 2 */
.docalocare2 {
	display: block; margin: 0 0 8px 0; padding: 2px 0 0 0.2%;
	border: 1px solid #aaa; border-radius: 3px;
	background: linear-gradient(90deg, #fff, #eee); 
	position: relative;
	
	}
.docalocare2 div {
	display: inline-block; vertical-align: top; 
	padding: 7px 0.8%; margin: 0 0.2% 0 0;
	width: 15%; min-height: 38px; 
	background: #fff;border-radius: 3px;
	font: 12px robotobold; line-height: 12px; text-transform: uppercase;
	color: #333;
	}

.docalocare2 div.docalocare2-nr {width: 2%;}
.docalocare2 div.docalocare2-nume {width: 18%;font: 16px robotobold;line-height: 16px; letter-spacing: -0.5px;}
.docalocare2 div.docalocare2-denumire {width: 8%; }

.docalocare2 div.docalocare2-per {width: 3%;}

.docalocare2 div.docalocare2-grup {width: 10%; }
.docalocare2 div.docalocare2-furnizor {width: 10%; }
.docalocare2 div.docalocare2-radio {width: 10%;}
.docalocare2 div.docalocare2-radio span {
	display: inline-block;
	vertical-align: top;
	width: 25%; margin: 0 13% 0 0;
	text-align: center;
	}
.docalocare2 div.docalocare2-radio label {
	display: block;	letter-spacing: 0px; margin: 0 4px 0 0;
	}
.docalocare2 div.docalocare2-radio input[type="radio"] {
	width: 20px; height: 20px; opacity: 0.7;
	margin: 3px 0 0 0; padding: 0;
	}
	
.docalocare2 select {width: 100%; margin: 3px 0 0 0 !important;}
.docalocare2 div.docalocare2-data {width:  11%;}
.docalocare2 div.docalocare2-data input {font: 12px robotobold; margin: 3px 0 0 0;}
.docalocare2 input[type="text"] {
	font: 10px roboto; line-height: 10px; letter-spacing: -0.5px;
    text-transform: uppercase;
    border: 2px solid #ccc;
    padding: 5px 2%; margin: 0;
    transition: all 0.5s;
	width: 94%;
	}
.docalocare2 div.docalocare2-link {width: 8%;}
.check-ok {
	position: absolute; top: 5px; left: 5px;
	width: 30px; height: 30px; margin: 0; padding: 0;
	}
.uncheck-ok {
	position: absolute; bottom: 5px; left: 5px;
	background: linear-gradient(#066392, #0182c3); color: #fff;border: none;
	font: 12px robotobold; line-height: 12px;
	padding: 3px 8px; border-radius: 3px;
	cursor: pointer;
	transition: all 0.5s; 
	}
.uncheck-ok:hover {opacity: 0.7;}


.doca-bifat.docalocare2 {background: #a0cbe2;opacity: 1;}
.doca-bifat.docalocare2 div {background: #e3f2fa;}

.doca-gri.docalocare2 {background: #ddd;opacity: 1;}
.doca-gri.docalocare2 div {background: #eee;}

.doca-inactiv.docalocare2 {opacity: 0.6;}




.legenda {
	display: block;
	position: relative; bottom: 0px; left: 0;
	background: #fff;
	padding: 10px; 
	}	
.legenda2 {}
.legenda h3 {
	font: 12px robotobold;
	margin: 5px 0 10px 0;
	}
.legenda p {
	font: 12px roboto;
	margin: 0 0 6px 0;
	}
	
.legenda-detaliata {position: relative; bottom: 0px; left: 0;}
.legenda-detaliata p {display: block; min-height: 40px;position: relative;}

.legenda-detaliata p img, .legenda-detaliata p button, .robold {position: absolute; left: 0; top: 0;}

.robold {font: 14px robotobold;}
.leg-text {display: block;margin: 0 0 0 45px;}

/* end docalocare2 */




	
	
/* ALOCARE */

.alocare-h2 {
	font: 28px robotobold;
	line-height: 22px;
	letter-spacing: -0.2px;
	color: #0073b1;
	border-bottom: 2px solid #c3cbd0;
	padding: 0 0 8px 0;
	margin: 0 0 22px 0;
	}
.alocare {
	border-spacing: 10px 2px;
	width: 100%;
	margin: 10px 0;
	}

.alocare td {
	
	padding: 1px 10px;
	/*border-radius: 2px;*/
	box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .05);
	position: relative;
	border: 2px solid #fff;
	transition: border 0.3s;
	}
.alocare td.alocare-td1 {background: #ccc; color: #333;text-shadow: 1px 1px #fff;width: 40px; text-align: center;font: 16px robotobold; cursor:pointer;}
.alocare td.alocare-td2 {background: #bbddef; color: #667;text-shadow: 1px 1px #fff; text-transform: uppercase; letter-spacing: -0.5px;font: 14px robotobold;}
.alocare td.alocare-td3 {background: #eee;}
.alocare td.alocare-td4 {width: 70px; box-shadow: none;padding: 1px 0px;}
.alocare td.alocare-td4 div {
	text-align: center;
	padding: 2px 0;
	width: 70px;
	
	}

.alocare tr:hover td {border: 2px solid #53a9d7;}
.alocare tr:hover td.alocare-td4 {border: 2px solid #fff;}

.alocare input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin: 0;
	/*appearance: none;*/
	}
	
	
.alocare-functii {text-transform: uppercase; background: #fff;}
.alocare-functii input[type="checkbox"] {width: 22px; margin: 0; padding: 0;}
.af-nivel1 {
	background: #9cd7ff;
	font: 20px robotobold; text-shadow: 1px 1px #fff;
	}
.af-nivel1 td {padding: 20px 0 20px 10px;}	
.af-nivel2 {
	background: #ceebfe url(../assets/arrow03c.png) no-repeat 20px 20px;
	background-size: 12px;
	font: 16px robotobold; text-shadow: 1px 1px #fff;
	}
.af-nivel2 td {padding: 12px 0;}
.af-nivel2 span {
	margin: 0 8px 0 0; font: 13px roboto; text-shadow:none;
	}


.af-nivel3 {
	background: #eee url(../assets/arrow03c.png) no-repeat 68px 18px;
	background-size: 8px;
	font: 13px robotobold; text-shadow: 1px 1px #fff;
	}
.af-nivel3 td {height: 35px;}
.af-nivel4 {
	background-size: 5px;
	font: 11px robotobold;
	padding: 0; height: 0px;
	}
.af-nivel4 td {padding: 0; height: 10px;}


.alocare-myaccount td:nth-child(2) {width: 13%;}
.alocare-myaccount td:nth-child(3) {width: 13%;}
.alocare-myaccount td:nth-child(4) {width: 13%;}
.alocare-myaccount td:nth-child(5) {width: 13%;}

.alocare-myaccount .alocare-td1 {font: 14px robotobold !important;}

.alocare-mag {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
	border-radius: 4px;
	font: 16px robotobold;
	padding: 0 !important; margin: 0 0 30px 0;
	width: 100%; color: #555;
	}
.alocare-mag th {
	background: #59b6e8; color: #fff;
	padding: 5px 10px;
	font: 22px robotobold;
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
	}
.alocare-mag td {
	padding: 0px 10px;
	border-bottom: 2px solid #eee;
	}
.alocare-mag input[type="checkbox"] {width: 22px; height: 22px;}
.alocare-mag tr{transition: all 0.2s;}
.alocare-mag tr:hover {background: #deeef7;}

.audit-drepturi {margin: 30px 0;}
.audit-drepturi th {
	background: #9cd7ff;
    color: #333;
    text-shadow: 1px 1px #fff;
    width: 180px;
	padding: 10px 0;
    text-align: center;
    font: 16px robotobold;
	}
.audit-drepturi td {
	border-right: 1px solid #ccc;
	text-align: center;
	}
.audit-drepturi td:last-child {
	text-align: left;
	border-right: none;
	}

	
/* BUZUNAR */

.alocare tr:hover td.buzunar {border: 2px solid #fff;}
/* .buzunar {display: block;}*/
.buzunar-div {
	min-height:50px;
    width:100%;
	display: block; position: relative;
	border: 2px solid #aaa; border-top: none; border-radius: 0 0 5px 5px;
	background: #fff; padding: 0 10px 10px 10px; margin: 0 0 20px 0;
	text-transform: uppercase; font: 10px roboto;

	}

.buzunar p {
	display: inline-block;
	vertical-align: top;
	width: 20%; margin: 0 3% 5px 0;
	}
.buzunar p:nth-child(1) {width: 37%; margin-left: 125px;}
.buzunar p:nth-child(2) {width: 37%;}
.buzunar p select {width: 130px;}


.buzunar-radio {
	position: absolute; top: 5px; left: 2%;
	width: 110px;
	}

.intext {
	display: inline-block;
	vertical-align: top;
	width: 25%; margin: 0 3% 0 0;
	text-align: center;
	}
.intext label {
	display: block;
	letter-spacing: -1px;
	}
.buzunar input[type="radio"] {
	width: 25px; height: 25px; opacity: 0.7;
	margin: 0; padding: 0;
	}
	
.buzunar input[type="text"] {
	font: 10px roboto;text-transform: uppercase;
    letter-spacing: -0.5px;
    border: 2px solid #ccc;
    padding: 5px 2%;
    line-height: 10px;
    transition: border 0.5s;
    margin: 0;	
	}
.buzunar-input-mare {width: 94%;}
.buzunar-input-mic {width: 40%;}


.buzunar select {
	float: none; margin: 0 !important;
	display: inline-block;
	}
	

.buzunar input[type="submit"], .buzunar input[type="button"] {
	display: inline-block;
    text-align: center;
    font: 14px roboto; line-height: 14px; letter-spacing: -0.5px;
    text-transform: uppercase;
    background: #333 url(../assets/inreg.png) no-repeat 15px 6px;
	background-size: 25px;
    color: #b7def2;
    border: none; border-radius: 3px;
    padding: 12px 0px 12px 35px;
    width: 170px;
    transition: background 0.5s;
    margin: 9px 5px 0 0;
    cursor: pointer;
    box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	}	
/* end buzunar */
	

	
.trimite-popup {
	background: linear-gradient(#bfeaff, #4ec4ff);
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2);
	color: #555;
	font: bold 22px robotobold;
	letter-spacing: -1px;
	line-height: 20px;
	text-shadow: 2px 2px 4px #fff;
	border: 3px solid #aaa;
	padding: 15px 0px;
	text-align: center;
	width: 226px;
	margin: 0 0 20px 0px;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 2px;

	}
.trimite-popup input[type="submit"]:hover {
	background: linear-gradient(#a0ddfc, #22b5ff);
	color: #222;
	border: 3px solid #999;
	}	
	
	
	
.trimite {
	display: inline-block;
	text-align: center;
	font: 16px roboto;
	line-height: 16px;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	background: #333 url(../assets/inreg.png) no-repeat 10% 5px;
	color: #b7def2;
	border: none;
	padding: 15px 0px;
	width: 45%;
	transition: background 0.5s;
	margin: 0 5px 0 0;
	cursor: pointer;
	box-shadow: inset 0 -5px 0px 0px rgba(0, 0, 0, .15);
	}	
	
	
	
.alocare-harta {
	border-spacing: 0px;
	width: 100%;
	margin: 40px 0;
	border-collapse: collapse;
	font: 12px roboto;
	letter-spacing: -0.5px;
	}
.alocare-harta tr {
	display: block;
	margin: 0 0 35px 0;
	}
.alocare-harta td {
	background: #eee;
	padding: 1px;
	position: relative;
	margin: 0;
	transition: box-shadow 0.5s, background 0.5s, color 0.5s, text-shadow 0.5s;
	}
.alocare-harta td.alocareh-td1 {
	position: absolute;
	margin: -20px 0 0 0;
	width: 30px;
	background: #ddd; 
	color: #888;
	text-shadow: 1px 1px #fff;
	width: 40px; 
	text-align: center;
	font: 12px robotobold;
	}
.alocare-harta td.alocareh-td2 {
	position: absolute;
	margin: -20px 0 0 50px;
	background: #bbddef;
	width: 130px;
	color: #667;
	text-shadow: 1px 1px #fff; 
	text-transform: uppercase; 
	text-align: center;
	letter-spacing: -0.5px;
	font: 12px robotobold;
	}
.alocare-harta td.alocareh-td3 {
	background: #eee;
	width: 180px;
	font: bold 12px roboto;
	line-height: 14px;
	padding: 1px 5px;
	border-top: 2px solid #aaa;
	border-right: 4px solid #ddd;
	}
.alocare-harta td.alocareh-td4 {
	border-top: 2px solid #aaa;
	border-right: 2px solid #ddd;
	text-align: center;
	padding: 1px 4px;
	}
.alocare-harta tr:hover td {
	/*border: 2px solid #53a9d7;*/
	box-shadow: 0px 0px 0px 3px rgba(83, 169, 215, 1);
	}
.alocare-harta tr:hover td.alocareh-td2 {
	background: #53a9d7;
	color: #fff;
	text-shadow: none;
	}

.alocare-harta input[type="checkbox"] {
	width: 16px;
	margin: 2px ;
	/*appearance: none;*/
	}
	
/* end alocare */
	
	
	
	
	
.alocare2 {
	border-spacing: 0px 2px;
	width: 100%;
	margin: 10px 0;
	}
.alocare2 th {
	text-transform: uppercase; letter-spacing: -0.5px;font: 18px robotobold; line-height: 18px;
	color: #0073b1;
	}
.alocare2 td {
	padding: 1px 10px;
	/*border-radius: 2px;*/
	box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .05);
	position: relative;
	border: 2px solid #fff;
	transition: border 0.3s;
	}
.alocare2 td.alocare-td2 {
	background: #bbddef; 
	color: #667;text-shadow: 1px 1px #fff; text-transform: uppercase; letter-spacing: 0px;font: 14px robotobold;}
.alocare2 td.alocare-td3 {
	background: #eee url(../assets/arrow03a.png) no-repeat 20px 15px;
	background-size: 7px;
	padding: 0px 10px 0px 40px;
	letter-spacing: -0.3px;
	
	}
.alocare2 td.alocare-td4 {width: 70px; box-shadow: none;padding: 1px 0px;letter-spacing: -0.3px;}
.alocare2 td.alocare-td4 div {
	text-align: center;
	padding: 2px 0;
	width: 70px;
	
	}

.alocare2 tr:hover td {border: 2px solid #53a9d7;}
.alocare2 tr:hover td.alocare-td4 {border: 2px solid #fff;}

.alocare2 input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin: 0;
	/*appearance: none;*/
	}
	



	
	
/******** end user *********/	

.progress-procent {
	position: absolute; top: 35px; right: 5px;
	font: 13px robotobold;
	padding: 3px 0px; width: 140px;
	text-align: center;
	/*border: 1px solid rgba(255,255,255,1);*/
	}

.progres-bara {
	display: none; width: 96%;
	background: #eee; text-align: left;
	margin: 20px 2%;
	}
.pb-bara {
	position: relative;
	background: #91d0f2; text-align: right; height: 8px;
	}
.pb-procent {
	position: absolute; top: -32px; right: -20px;
	background: #59b6e8; color: #fff;
	font: 14px robotobold;
	padding: 3px 0px; width: 40px;
	text-align: center; border-radius: 2px;
	}
.pb-procent:after {
	content: "";
	display: block;
	width: 0px; height: 0px; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #59b6e8;
	position: absolute;	left: 50%; bottom: -7px;
	margin-left: -10px;
	}	

	
	
.effi-id {
	display: inline-block; text-align: center; width: 30%;
	border: 2px solid rgba(89,182,232,0.5); 
	padding: 14px 0px; margin: 0 10px 10px 0;
	font: 18px robotobold; line-height: 20px;
	color: #3c97c8; border-radius: 3px;
	}
.effi-id span {color: #333;}

.effi-date {
	display: inline-block;
	border: 2px solid rgba(0,0,0,0.3); 
	padding: 10px 20px; margin: 0 10px 10px 0;
	font: 16px robotobold; line-height: 18px;
	color: #555; border-radius: 3px;
	}
	
.effi-calc-tabel {
	font: 16px robotobold; color: #555;
	}
.effi-calc-tabel td {position: relative; width: 190px;}
	
.effi-calc-tabel input[type="text"] {
	display: inline-block;
	border: 2px solid rgba(0,0,0,0.3); 
	padding: 10px 20px; margin: 0 10px 30px 0;
	font: 16px robotobold; line-height: 18px;
	color: #555; border-radius: 3px;
	width: 120px;
	}
.effi-calc-tabel label {
	display: inline-block;
	margin: 0 0 8px 0; padding: 2px 4px; background: #eee;
	border-radius: 3px;
	}
.effi-calc-tabel input[type="radio"] {
	display: inline-block; width: 25px; height: 25px;
	margin: 0px 5px -10px 0px; padding: 0;
	float: left;
	}
#angajati, #ore {height: 60px;}
	
.effi-calc {
	background: linear-gradient(180deg, #fff, #ddd);
	border: 1px solid #aaa; border-radius: 3px;
	padding: 10px 20px; width: 300px;
	font: 20px robotobold;
	text-transform: uppercase;
	color: #444;
	cursor: pointer; transition: all 0.5s;
	}
.effi-calc:after {
	content: "\f1ec"; font-family: 'awesome-entypo';
	margin: 0 0 0 7px;
	}
.effi-calc:hover {border: 1px solid #0073b1; color: #0073b1;}
.effi-calc-tabel span {
	display: block; margin: 0px 0 0 0;
	}
.effi-calc-tabel em {display: block;margin: -20px 0 0 0; font: 16px robotobold;}
.effi-calc-tabel select {
	display: block;
	border: 2px solid rgba(0,0,0,0.3); 
	padding: 2px 10px; margin: 0 0px 3px 0;
	font: 14px robotobold; line-height: 16px;
	color: #555; border-radius: 3px;
	}
	
.effi-rezultat {
	display: inline-block; position: relative;
	border: 2px solid #0073b1; border-radius: 3px;
	padding: 10px 20px; margin: 20px 0;
	font: 16px robotobold; line-height: 18px;
	color: #0073b1;
	}
.effi-rezultat:before {
	content: "\e86c"; font-family: 'awesome-entypo';
	font-size: 30px;
	position: absolute; top: -20px; left: 30px;
	}
.effi-rezultat h2 {
	margin: 0 0 10px 0;
	font: 22px robotobold; line-height: 24px;
	}
.effi-rezultat strong {
	border-bottom: 1px solid #ddd;
	color: #555;
	}
.effi-ora {
	border-bottom: 1px solid #ddd;
	font-style: normal; color: #555;
	}
.effi-rezultat em {
	border-bottom: 1px solid #ddd;
	font-style: normal; color: #555;
	}
.effi-cost {
	display: block; width: 250px;
	background: #daf2ff;
	padding: 5px 10px; margin: 12px 0 8px 0;
	 border-radius: 3px;
	}
	

	
.efi-start-stop {
	margin: 30px 0;
	}

.efi-start-stop th {
	text-align: center;
	font: 30px robotobold;
	text-transform: uppercase;
	padding: 0 70px 0 0;
	color: #555;
	}
.efi-start-stop th span {margin: 0 10px;}

.efi-start-stop td {
	text-align: center;
	font: 20px robotobold;
	text-transform: uppercase;
	padding: 0 70px 0 0;
	}
#ora1, #ora2 {
	font: 50px robotobold;
	}
.efi-start-stop td #ora1 {color: #d51522;}
.efi-start-stop td #ora2 {color: #0073b1;}

.effi-start-marfa {
	display: inline-block; width: 250px;
	background: #d51522;
	color: #fff; padding: 20px 0px; margin: 10px 0;
	border: none; border-radius: 4px;
	font: 30px robotobold;
	text-transform: uppercase;
	cursor: pointer; transition: all 0.5s;
	box-shadow: 5px 5px 0px 0 rgba(0,0,0,0.15);
	}
.effi-start-marfa:before {
	content: "\f187"; font-family: 'awesome-entypo';
	margin: 0 7px 0 0;
	}
.effi-start-marfa:hover, .effi-start-marfa:focus {
	box-shadow: 7px 7px 0px 0 rgba(0,0,0,0.2);
	background: #a50b15;
	}
	
.effi-start-raft {
	display: inline-block; width: 250px;
	background: #0073b1;
	color: #fff; padding: 20px 0px; margin: 10px 0;
	border: none; border-radius: 4px;
	font: 30px robotobold;
	text-transform: uppercase;
	cursor: pointer; transition: all 0.5s;
	box-shadow: 5px 5px 0px 0 rgba(0,0,0,0.15);
	}
.effi-start-raft:before {
	content: "\e82d"; font-family: 'awesome-entypo';
	margin: 0 7px 0 0;
	}
.effi-start-raft:hover, .effi-start-raft:focus {
	box-shadow: 7px 7px 0px 0 rgba(0,0,0,0.2);
	background: #03527d;
	}
.esm-disable {
	opacity: 0.3; cursor: default;
	}
	
	
.efi-start-stop input[type="text"] {
	display: inline-block; width: 60px; text-align: center;
	border: 2px solid rgba(0,0,0,0.3); 
	padding: 10px 0px; margin: 0 0px 3px 10px;
	font: 20px robotobold; line-height: 20px;
	color: #555;border-radius: 4px;
	}
.efi-start-stop p.esm-p {
	position: relative;
	padding: 3px 0 0 0; margin: 5px 0;
	border-radius: 4px;
	}
.esm-masca {
	position: absolute; top: 3px; left: 130px; z-index: 100;
	display: block; width: 75px; height: 50px;
	background: rgba(0,0,0,0);
	}
.effi-stop-marfa {
	display: inline-block; width: 150px;
	background: #d51522;
	color: #fff; padding: 10px 0px; margin: 10px 30px 10px 0;
	border: none; border-radius: 4px;
	font: 20px robotobold;
	text-transform: uppercase;
	cursor: pointer; transition: all 0.5s;
	opacity: 0.7;
	}
.effi-stop-marfa:before {
	content: "\e8af"; font-family: 'awesome-entypo';
	margin: 0 7px 0 0;
	}
.effi-stop-marfa:hover, .effi-stop-marfa:focus {
	box-shadow: 7px 7px 0px 0 rgba(0,0,0,0.2);
	background: #a50b15;
	}
.efi-start-stop p.esm-p button {
	position: absolute; right: 15px;
	appearance: none; -webkit-appearance: none;
	border: 0; background: #777; color: #fff; 
	cursor: pointer; border-radius: 3px;
	display: block; width: 22px; height: 22px;
	text-align: center; padding: 0px 0 0 0;
	font: 18px robotobold; line-height: 14px;
	transition: all 0.5s;
	}
.ang-plus {top: 3px;}
.ang-minus {top: 30px;}
.efi-start-stop p.esm-p button:hover {background: #555;}
	
.effi-stop-raft {
	display: inline-block; width: 150px;
	background: #0073b1;
	color: #fff; padding: 10px 0px; margin: 10px 0;
	border: none; border-radius: 4px;
	font: 20px robotobold;
	text-transform: uppercase;
	cursor: pointer; transition: all 0.5s;
	opacity: 0.7;
	}
.effi-stop-raft:before {
	content: "\e8af"; font-family: 'awesome-entypo';
	margin: 0 7px 0 0;
	}
.effi-stop-raft:hover, .effi-stop-raft:focus {
	box-shadow: 7px 7px 0px 0 rgba(0,0,0,0.2);
	background: #0073b1;
	}
	

.effi-next {
	background: linear-gradient(180deg, #fff, #ddd);
	border: 1px solid #aaa; border-radius: 3px;
	padding: 10px 20px;
	font: 20px robotobold;
	text-transform: uppercase;
	color: #444;
	cursor: pointer; transition: all 0.5s;
	}
.effi-next:after {
	content: "\e86e"; font-family: 'awesome-entypo';
	margin: 0 0 0 7px;
	}
.effi-next:hover {border: 1px solid #0073b1; color: #0073b1;}


.effi-productivitate {
	font: 14px robotobold; color: #667;
	box-sizing: border-box;
	}
.effi-mag {
	display: inline-block; vertical-align: top;
	width: 23%; 
	margin: 0 2% 30px 0;
	box-sizing: border-box;
	}
.ep-celula-mag {
	display: block; clear: both;
	font: 16px robotobold; line-height: 18px;
	color: #0073b1; text-transform: uppercase;
	}
.ep-celula {
	box-sizing: border-box;
	display: block; clear: both;
	}
.effi-productivitate input[type="checkbox"] {
	width: 25px; height: 25px;
	display: inline-block; float: left;
	margin: 0 5px 5px 0;
	}
.effi-productivitate input[type="text"] {
	display: inline-block; float: left;
	width: 50px; text-align: center;
	border: 1px solid rgba(0,0,0,0.3); 
	padding: 3px 0px; margin: 0 10px 5px 0;
	font: 14px robotobold; line-height: 14px;
	color: #555; border-radius: 3px;
	}
.nume-data {
	display: block; clear: both;
	font: 12px robotobold; line-height: 14px;
	opacity: 0.7;
	}
.nume-data em {
	font: 12px robotobold; line-height: 14px;
	color: #0073b1;
	}
.nume-data em:before {
	content: "\e86e"; font-family: 'awesome-entypo';
	margin: 0 0 0 7px; padding: 0 7px 0 0;
	}
	
.effi-tabele-inline {
	display: inline-block; vertical-align: top;
	width: 45%; margin: 0 2% 0 0;
	}
.effi-tabele-inline h2 {
	font: 16px robotobold; line-height: 18px;
	margin: 10px 0 10px 0; padding: 3px 5px; border-radius: 3px;
	text-transform: uppercase;
	}
.eti1 h2 {color: red; border: 1px solid red;}
.eti2 h2 {color: blue; border: 1px solid blue;}	
.effi-tabele-inline h2 em {font-style: normal; text-transform: none;}

.effi-raport-sterge {
	cursor: pointer;
	font: 10px robotobold;
	text-transform: uppercase;
	width: 45px; height: 35px;
	border: none; border-radius: 3px;
	background: red; color: #fff;
	}
.effi-raport-sterge:hover {background: #333;}

.subeditare {
	width: 100%; margin: 0 !important;
	background: #fff;
	}
.subeditare tr:last-child td {
	background: #999; color: #fff;
	padding: 8px 1% 10px 1%;
	font: 16px robotobold;
	}

.clasament {
	position: absolute; top: 100px; right: 0;
	text-align: right; width: 400px;
	}
.clas-loc {
	display: inline-block; vertical-align: bottom;
	width: 30%; margin: 0 0 0 2%;
	text-align: center;
	}
.clas-loc span {
	display: block;
	font: 20px robotobold; line-height: 20px; letter-spacing: -0.7px;
	margin: 0 0 7px 0;
	}
.clas-loc em {
	display: block; width: 100%; 
	color: #fff; box-sizing: border-box;
	border-radius: 10px 10px 0 0;
	font: 40px robotobold;
	padding: 0px 0;
	text-shadow: 5px 5px 0 rgba(0,0,0,0.3);
	}
.clas-loc:nth-child(2) em {background: #066392; height: 120px !important;} /*1*/
.clas-loc:nth-child(1) em {background: #227fae; height: 90px !important;} /*2*/
.clas-loc:nth-child(3) em {background: #4aa8d8; height: 60px !important;} /*3*/

.sus-jos {
	position: absolute; top: 185px; right: 410px;
	}

.efemeride {display: block;position: relative; top: 0px; right: 0; width: 100%;}
.efemeride h2 {font: 20px robotobold; color: #555;}
.efemeride textarea {
	box-sizing: border-box;
	display: block; width: 100%; height: 120px;
    border: 2px solid rgba(0,0,0,0.3);
    padding: 10px 20px;
    margin: 0 10px 10px 0;
    font: 16px robotobold;
    line-height: 18px;
    color: #555;
    border-radius: 3px;
	}
.efemeride button {
	box-sizing: border-box;
	display: inline-block;
    width: 50%;
    background: #333;
    color: #fff;
    padding: 10px 0px;
    margin: 0px 0;
    border: none;
    border-radius: 4px;
    font: 20px robotobold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s;
    box-shadow: 5px 5px 0px 0 rgba(0,0,0,0.15);
	}
.efemeride button:hover {background: #000;}

.fedid-alege {
	box-sizing: border-box;
	display: block; text-align: center;
	margin: 0 0 20px 0;
	}
.fedid-alege span {
	box-sizing: border-box;
	display: block; font: 14px robotobold; color: #555;
	margin: 0 2% 5px 2%;
	text-align: left;
	}
.fedid-alege select {
	width: 94%; margin: 0 2% !important; box-sizing: border-box;
	font: 18px robotobold;
	clear: both !important; float: none !important;
	}
	
.pdf-prverbal {margin: 0 0 20px 0;}
.pdf-prverbal input {margin: 0; padding: 0;}
.pdf-prverbal span {display: block; margin: -20px 0 0 0;}

	
.pas-h2 {
	font: 26px robotobold; line-height: 26px;
	color: #0182c3; margin: 40px 0 20px 0;
	}
.tabel-pas {width: 100%;}
.tabel-pas th {
    background: #777;
    color: #fff;
    padding: 8px 0.5%;
    text-align: center; text-transform: uppercase;
    font: 16px robotobold; line-height: 16px;
    border-radius: 3px;
	}
.tabel-pas td {
    position: relative; vertical-align: top;
    padding: 3px 0; color: #666;
    text-align: center; vertical-align: middle;
    border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;
    font: 14px robotobold; line-height: 15px;
    letter-spacing: -0.3px;
    background-repeat: no-repeat;
	}
.tabel-pas th:nth-child(4) {width: 85px;}
.tabel-pas th:nth-child(5) {width: 85px;}

.tabel-pas td[width="300"] {font: 12px roboto;}

.pas-tr {background: #d0e3ed;}



.tabel-pas input[type="text"]{
	box-sizing: border-box;
	border: 2px solid #ccc; border-radius: 3px;
	padding: 5px 10px; margin: 2px 3%;
	font: 14px robotobold; line-height: 14px;
	color: #666;
	width: 94%; transition: all 0.5s;
	}
.pas-tr input[type="text"] {border-color: #5eb0d9; color: #0182c3; margin: 7px 0;}

.but5 {
	appearance: none; -webkit-appearance: none;
	color: #fff; border: none; padding: 5px 8px; margin: 3px 0 0;
	font: 10px robotobold; line-height: 14px;
	border-radius: 3px;
	text-transform: uppercase;
	cursor: pointer; transition: all 0.5s;
	}
.but5:hover {box-shadow: inset 100px 100px 0 0 rgba(0,0,0,0.5);}
.but5:before {font-family: 'awesome-entypo'; font-size: 12px; margin: 0 5px 0 0;}

.but-modifica {background: #5ab8ea;}
.but-modifica:before {content: "\e84a";}

.but-sterge {background: #d33200;}
.but-sterge:before {content: "\f2d3";}

.but-adauga {background: #0182c3; font-size: 16px; width: 90%; padding: 9px 16px; margin: 7px 0;}
.but-adauga:before {content: "\e93b"; font-size: 18px;}

.but-inchide {background: #d33200; font-size: 18px; width: 350px; padding: 15px 16px; margin: 7px 0;}
.but-inchide:before {content: "\e846"; font-size: 24px; margin: 0 10px 0 0;}

.but-final {
	display: block;background: #d33200; 
	font-size: 18px; width: 350px; padding: 15px 16px; 
	margin: 20px 0;
	}
.but-final:before {content: "\e846"; font-size: 24px; margin: 0 10px 0 0;}

.but-incarca {background: #0182c3; font-size: 18px; width: 350px; padding: 15px 16px; margin: 7px 0;}
.but-incarca:before {content: "\e812"; font-size: 24px; margin: 0 10px 0 0;}

.but-validez {display: inline-block; background: #0182c3; font-size: 18px; padding: 15px 16px; margin: 7px 10px 7px 0;}
.but-validez:before {content: "\e89f"; font-size: 24px; margin: 0 10px 0 0;}

.but-nuvalidez {display: inline-block; background: #d33200; font-size: 18px; padding: 15px 16px; margin: 7px 0;}
.but-nuvalidez:before {content: "\e861"; font-size: 24px; margin: 0 10px 0 0;}

.but-editare {display: inline-block; background: none; color: #0182c3; padding: 0; margin: 10px 0 0;}
.but-editare span {display: none;}
.but-editare:before {content: "\e84a"; font-size: 34px; margin: 0 10px 0 0;}
.but-editare:hover {box-shadow: none; color: #333;}

.but6 {
	appearance: none; -webkit-appearance: none;
	position: absolute; top: 72px; right: 0;
	color: rgba(1,130,195,1); border: none; padding: 7px 14px;
	background: #fff;
	font: 18px robotobold; line-height: 18px;
	border: 1px solid rgba(1,130,195,0.5); border-radius: 3px;
	text-transform: uppercase;
	cursor: pointer; transition: all 0.5s;
	}
.but6:before {font: 18px awesome-entypo; content: "\e8d0"; margin: 0 10px 0 0;}
.but6:hover {background: #eee;}

.pas-total {
	display: block; border-top: 3px solid rgba(1,130,195,0.5);
	font-size: 22px; text-transform: uppercase;
	text-align: right; padding: 15px 0 0 0; margin: 0px 10px 30px 0; color: #0182c3;
	}
.pas-total-cifre {
	display: block; border-top: 3px solid rgba(1,130,195,0.5);
	font-size: 22px; text-transform: uppercase;
	text-align: left; padding: 15px 0 0 0; margin: 0px 10px; color: #0182c3;
	min-height: 40px;
	}
.pas-total-cifre em {font-style: normal; font-size: 16px;}
	
.pas-final {width: 100%; margin: 20px 0 0 0;}
.pas-final td {vertical-align: top;}
.pas-final td:nth-child(1) {width: 40%;}
.pas-final td:nth-child(2) {width: 60%;}
.pas-final h2 {
	font: 20px robotobold; line-height: 26px;
	margin: 0 0 5px 0; color: #555;
	}
.pas-final textarea {
	box-sizing: border-box;
    border: 2px solid #ccc; border-radius: 3px;
	padding: 5px 10px;
    font: 14px robotobold; line-height: 14px;
    color: #666;
    width: 100%; transition: all 0.5s;
	}

.div-thefile {
	position: relative; 
	display: inline-block; margin: 24px 0 0 0px;
	border: 1px solid #ddd; border-radius: 4px; padding: 10px 15px;
	}
.div-thefile:before {
	position: absolute; top: -21px; left: 35px;
	font-family: 'awesome-entypo'; font-size: 28px;
	content: "\e86c"; opacity: 0.7;
	}	
.thefile {text-align: left;font: 16px robotobold; margin: 0 10px; cursor: pointer; transition: all 0.5s;}
.thefile:after {content: "\e847";font-family: 'awesome-entypo'; margin: 0 0px 0 5px;}
.thefile:hover {color: #0182c3;}

.dt-status {margin: 10px 0 5px 0;}
.dt-status .thefile {display: inline-block; vertical-align: top; width: 180px; margin: 0;}
.dt-status:before {
	top: 7px; left: initial; right: -15px;
	content: "\e86e";
	}	

.pas-form {text-align: left;}
.pas-danu {
	display: inline-block; vertical-align: top; width: 100px;
	position: relative; padding: 8px 0px 10px 0; margin: 20px 50px 0 0;
	font: 20px robotobold; line-height: 10px;
	text-transform: uppercase;
	color: #777;
	}
.pas-danu label {margin: 0; padding: 0; cursor: pointer;}
.pas-danu input {
	position: absolute; top: 0; left: 30px;
	width: 30px; height: 30px; margin: 0 0 0 10px; padding: 0;
	}

/* UTILE > CERERI DE INV > STATUS */

.status {width: 100%; font: 14px robotobold;}
.status td:nth-child(1) {width: 50%;}
.status td:nth-child(2) {width: 15%;}
.status td:nth-child(3) {width: 35%;}

.cerc-p {
    background: green; width: 8px; height: 8px;
    border-radius: 50%;	display: inline-block; margin: 0 1px;
	}
.cerc-border {
    background: #fff; border: 1px solid green; height: 6px; width: 6px;
    border-radius: 50%;	display:inline-block; margin: 0 1px;
	}
.cerc-pr {
    background: red; width: 8px; height: 8px; border-radius: 50%;
	display: inline-block; margin: 0 1px;
	}
	
.status-link {
	display: inline-block; width: 90px; transition: all 0.5s;
	text-transform: uppercase; font: 16px robotobold;
	color: #0182c3;
	border: 1px solid rgba(1,130,195,0.5); border-radius: 3px;
	padding: 7px 0 7px 14px;
	}
.status-link:before {font-family: 'awesome-entypo'; margin: 0 3px 0 0;}
.sl-nota:before {content: "\f04a";} .sl-oferta:before {content: "\f0c5";}
.sl-mica {transform: scale(0.85,0.85); text-align: left;}
.status-link:hover {background: #eee;}

.status-cerere {
	box-sizing: border-box;
	border: 1px solid #ddd; border-radius: 3px;
	padding: 10px 15px; margin: 10px 0;
	width: 100%;
	}
	
.status-pdf {
	display: inline-block;
	background: #5ab8ea; color: #fff; text-transform: uppercase;
	border: none; border-radius: 3px;
	padding: 10px 10px; margin: 2px 0px 0 0;
	cursor: pointer; transition: all 0.5s;
	}
.status-pdf span {display: none;}
.status-pdf:before { font-size: 16px; content: "\f1c1"; font-family: 'awesome-entypo'; margin: 0 3px 0 0;}
.status-pdf:hover {opacity: 0.7;}

.inapoi {
	display: inline-block;
	position: absolute; top: 60px; left: 0; z-index: 10;
	border: 1px solid #aaa; border-radius: 3px;
	padding: 5px 10px; color: #333;
	}