/*
 * Some style resets for html tags.
 */
*	{
	margin:0px;
	padding:0px;
	border:0px;
	outline:none;
	color:inherit;
	font-size:inherit;
	font-family:inherit;
	line-height:inherit;
	box-sizing:border-box;
	text-decoration:none;
	position:relative;
}
*:before,
*:after{
	box-sizing:border-box;
}
input{
	min-width:0px;		/* Fix for small rezolutions on firefox */
}
ul{
	list-style-type:none;
}
table{
	border-spacing:0px;
}
td{
	background-clip:padding-box;
}
img{
	max-width:100%;
	max-height:100%;
}
html,
body{
	width:100%;
	min-height:100%;
}
body{
	font-family:verdana;
	font-size:11px;
	padding:3%;
	background:#f0f0f0;
}
body:before{
	content:"";
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:#fff url(/img/loading.gif) no-repeat center center;
	background-size:auto 13px;
	z-index:9998;
	display:none;
}
body:after{
	content:"Se încarcă...";
	position:fixed;
	left:0px;
	top:50%;
	right:0px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:11px;
	margin-top:-30px;
	color:#2c6e94;
	z-index:9999;
	display:none;
}
body.loading:before,
body.loading:after{
	display:block;
}
@media screen and (max-width:550px)
{
	body{
		padding:0;
	}
}

/*
 * login form
 */
#login{
	position:fixed;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	overflow:auto;
	text-align:center;
	padding:10px;
}
#login:before{
	content:"";
	height:100%;
	margin-left:-4px;
	display:inline-block;
	vertical-align:middle;
}
#login form{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:300px;
	background:#fff;
	border:1px solid #aaa;
	box-shadow:5px 5px 5px #ddd;
	border-radius:5px;
	overflow:hidden;
}
#login form h1{
	display:block;
	padding:9px 12px;
	background:#2c6e94;
	color:#fff;
	text-align:left;
}
#login form h1 i{
	padding-right:5px;
}
#login form div.messages{
	margin:10px !important;
}
#login form label{
	display:block;
	margin:10px 10px 0px 10px;
	position:relative;
	height:27px;
	line-height:25px;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:3px;
	text-align:left;
}
#login form label b{
	display:inline-block;
	width:70px;
	padding-left:6px;
	position:relative;
	z-index:1;
	background:#eee;
	border-right:1px solid #ddd;
}
#login form label input{
	display:block;
	width:100%;
	position:absolute;
	left:0px;
	top:0px;
	height:inherit;
	line-height:inherit;
	padding-left:75px;
}
#login form button{
	display:inline-block;
	margin:10px;
	background:#2c6e94;
	color:#fff;
	font-weight:bold;
	padding:6px 8px;
	border-radius:3px;
	cursor:pointer;
	opacity:0.8;
}
#login form button:hover{
	opacity:1;
}
#login form button i{
	margin-right:5px;
}
@media screen and (max-width:1000px)
{
	#login form{
		margin:40px auto;
	}
}
@media screen and (max-width:900px)
{
	#login form{
		margin:30px auto;
	}
}
@media screen and (max-width:700px)
{
	#login form{
		margin:5px auto;
	}
}

/*
 * Data
 */
#menu{
	display:block;
	width:100%;
	max-width:1000px;
	margin:auto;
	overflow:auto;
	background:#2c6e94;
}
#menu a{
	display:inline-block;
	float:left;
	padding:10px 12px;
	color:#fff;
	font-weight:bold;
	border-right:1px solid rgba(255, 255, 255, 0.3);
	opacity:0.7;
	transition:opacity 0.3s;
}
#menu a.sel,
#menu a:hover{
	opacity:1;
}
#menu a span{
	margin-left:7px;
}
#menu a.logout{
	float:right;
	border:0px;
}
@media screen and (max-width:550px)
{
	#menu a{
		padding:8px 8px;
	}
}
@media screen and (max-width:450px)
{
	#menu span{
		display:none;
	}
}

/*
 * Data
 */
#data{
	background:#fff;
	border:1px solid #ccc;
	width:100%;
	max-width:1000px;
	margin:auto;
	padding:0px 15px;
}
@media screen and (max-width:550px)
{
	#data{
		border:0px;
		padding:1px 5px;
	}
}
#data div.field_wrapper{
	display:flex;
	width:100%;
	border:1px solid #ccc;
	margin-top:15px;
}
#data div.field_wrapper div.title{
	flex-basis:110px;
	white-space:nowrap;
	padding:13px 10px;
	background:#f0f0f0;
	border-right:1px solid #ddd;
	font-weight:bold;
}
#data div.field_wrapper div.field{
	flex-basis:100%;
	padding:5px 7px;
}
#data div.field_wrapper div.field div.selected{
	display:none;
	width:100%;
	padding:0px 0px 7px 5px;
}
#data div.field_wrapper div.field div.selected.visible{
	display:block;
}
#data div.field_wrapper div.field div.selected i{
	display:inline-block;
	vertical-align:top;
	color:#D50000;
	padding:1px 10px;
	cursor:pointer;
}
#data div.field_wrapper div.field div.select input{
	display:block;
	width:100%;
	border:1px solid #ddd;
	padding:0px 10px;
	height:28px;
	line-height:28px;
}
#data div.field_wrapper div.field div.select i{
	position:absolute;
	z-index:1;
	top:0px;
	right:5px;
	bottom:0px;
	height:25px;
	line-height:25px;
	color:#00b00a;
	display:none;
}
#data div.field_wrapper div.field div.select ul{
	display:none;
	width:100%;
	position:absolute;
	z-index:3;
	left:0px;
	right:0px;
	border:1px solid #aaa;
	border-top:0px;
	background:#fff;
	max-height:200px;
	overflow:auto;
}
#data div.field_wrapper div.field div.select ul li{
	display:block;
	width:100%;
	cursor:pointer;
	padding:5px 7px;
	border-top:1px solid #eee;
}
#data div.field_wrapper div.field div.select ul li:first-child{
	border-top:0px;
}
#data div.field_wrapper div.field div.select ul li:hover{
	background:#f0f0f0;
}
#data div.field_wrapper div.field div.select ul li.selected{
	background:#eee;
}
#data div.field_wrapper div.field div.select.list_alert input{
	background:#ffeded;
}
#data div.field_wrapper div.field div.select.list_visible input{
	border:1px solid #aaa;
}
#data div.field_wrapper div.field div.select.list_visible ul{
	display:block;
}
#data div.field_wrapper div.field div.input input{
	display:block;
	width:100%;
	border:1px solid #ddd;
	padding:0px 7px;
	height:28px;
	line-height:28px;
}
#data div.table{
	display:table;
	width:100%;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	margin-top:15px;
}
#data div.table div.row{
	display:table-row;
	width:100%;
}
#data div.table div.row_empty{
	font-weight:bold;
}
#data div.table div.row_empty.hidden{
	display:none;
}
#data div.table div.row div.cell{
	display:table-cell;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:7px;
	text-align:center;
}
#data div.table div.row.row_th div.cell{
	background:#eee;
	font-weight:bold;
}
#data div.table div.row div.cell div.cell_inner_title{
	display:none;
	background:#eee;
	width:110px;
	padding:7px;
	font-weight:bold;
	border-right:1px solid #ddd;
}
#data div.table div.row div.cell div.cell_inner_data{
	align-self:center;
}
#data div.table div.row div.cell.nr{
	width:10px;
	background:#eee;
	font-weight:bold;
}
#data div.table div.row div.cell.title{
	text-align:left;
}
#data div.table div.row div.cell.input textarea{
	display:block;
	width:100% !important;
	min-height:25px;
	line-height:15px;
	padding:5px 7px;
	border:1px solid #ccc;
}
#data div.table div.row div.cell.items{
	width:10px;
	white-space:nowrap;
}
#data div.table div.row div.cell.items i{
	border:1px solid #ddd;
	display:inline-block;
	vertical-align:middle;
	padding:0px 5px;
	line-height:20px;
	border-radius:2px;
	cursor:pointer;
	background:#eee;
}
#data div.table div.row div.cell.items i:hover{
	background:#ddd;
}
#data div.table div.row div.cell.items input{
	border:1px solid #ddd;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	height:22px;
	width:40px;
}
#data div.table div.row div.cell.action{
	width:10px;
	padding-top:7px;
	padding-bottom:5px;
	white-space:nowrap;
}
#data div.table div.row div.cell.action span.remove{
	display:inline-block;
	vertical-align:middle;
	padding:5px 7px;
	border-radius:4px;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
}
#data div.table div.row div.cell.action span.remove:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	background:#fff;
	opacity:0.2;
}
#data div.table div.row div.cell.action span.remove:hover:before{
	opacity:0;
}
#data div.table div.row div.cell.action span.remove span{
	margin-left:4px;
}
#data div.table div.row div.cell.action span.remove{
	background:#eb4034;
}
#data div.submit{
	display:block;
	margin:20px;
	text-align:center;
}
#data div.submit div.messages{
	display:inline-block;
}
#data div.submit div.messages span{
	margin:0px 0px 10px 0px;
}
#data div.submit button{
	display:inline-block;
	background:#2c6e94;
	color:#fff;
	font-weight:bold;
	padding:6px 8px;
	border-radius:3px;
	cursor:pointer;
	opacity:0.8;
}
#data div.submit button:hover{
	opacity:1;
}
#data div.submit button i{
	margin-right:5px;
}
@media screen and (max-width:550px)
{
	#data div.field_wrapper{
		margin-top:5px;
	}
	#data div.table{
		margin-top:5px;
	}
	#data div.table,
	#data div.table div.row,
	#data div.table div.row div.cell{
		display:block;
		width:100% !important;
		text-align:left;
		border:0px;
	}
	#data div.table div.row{
		margin-bottom:10px;
		border:1px solid #ccc;
		border-top:0px;
	}
	#data div.table div.row.row_th{
		display:none;
	}
	#data div.table div.row.row_empty{
		display:none;
	}
	#data div.table div.row div.cell.nr{
		display:none;
	}
	#data div.table div.row div.cell{
		display:flex;
		padding:0px 5px 0px 0px !important;
		border-top:1px solid #ccc;
	}
	#data div.table div.row div.cell div.cell_inner_title{
		display:block;
	}
	#data div.table div.row div.cell div.cell_inner_data{
		flex-basis:100%;
		padding:5px;
	}
	#data div.field_wrapper{
		display:block;
	}
	#data div.field_wrapper div.title{
		display:block;
		width:100%;
		border:0px;
		padding:5px 7px;
	}
	#data div.field_wrapper div.field{
		display:block;
		border-top:1px solid #ddd;
	}
}

/*
 * Messages
 */
div.messages span{
	display:block;
	padding:5px 7px;
	line-height:15px;
	border-radius:3px;
	margin:10px 0px;
	color:#555;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}
div.messages span i{
	padding-right:5px;
}
div.messages span.msg_e{
	background:#FFF4F4;
	border:1px solid #FF4848;
}
div.messages span.msg_s{
	background:#DEFFDD;
	border:1px solid #05D200;
}
div.messages span.msg_e i{
	color:#D50000;
}
div.messages span.msg_s i{
	color:#04B000;
}
div.messages span.msg_s i{
	color:#04B000;
}
div.messages span i.fa-times{
	float:right;
	color:#444;
	width:20px;
	height:20px;
	line-height:21px;
	text-align:center;
	cursor:pointer;
	padding:0px;
	border-radius:3px;
	margin:-3px;
}
div.messages span i.fa-times:hover{
	background:rgba(0,0,0,0.1)
}

/*
 * Useful classes
 */
.nos{
	-webkit-touch-callout:none;
	-webkit-user-select: none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}