body
{
	margin: 0;
	padding: 0;
	color: #555;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background: #FFFFFF;
}

label
{
	color: #E84B9A;
	font-weight: bold;
}

#page
{
	background: white;
	border: 1px solid #C9E0ED;
}

#header
{
	margin: 0;
	padding: 0;
}

td.reclama {
	width: 0px;
}

#content
{
    padding: 20px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	font-size: 0.9em;
	text-align: center;
	background:#D01472;
	color:#ffffff;
	font-weight: bold;
}

#footer a{color:#ffffff;text-decoration:none;}
#footer a:hover{color:#000;text-decoration:underline;}

#logo
{
	padding: 10px 20px;
	font-size: 200%;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

input.button-b100, a.button-b100 {font-family:arial; color:#FFFFFF; background: url('btn-b-100.jpg') no-repeat top left; font-weight:bold;}
input.button-b130, a.button-b130 {font-family:arial; color:#FFFFFF; background: url('btn-b-130.jpg') no-repeat top left; font-weight:bold;}
input.button-b160, a.button-b160 {font-family:arial; color:#FFFFFF; background: url('btn-b-160.jpg') no-repeat top left; font-weight:bold;}
input.button-b190, a.button-b190 {font-family:arial; color:#FFFFFF; background: url('btn-b-190.jpg') no-repeat top left; font-weight:bold;}
input.button-b220, a.button-b220 {font-family:arial; color:#FFFFFF; background: url('btn-b-220.jpg') no-repeat top left; font-weight:bold;}

input[type="submit"].button-b100{font-family:arial; color:#FFFFFF; background: url('btn-b-100.jpg') no-repeat top left; font-weight:bold; padding:4px; border:none; height:33px; min-width: 100px; -moz-border-radius: 4px;-ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}
input[type="submit"].button-b130{font-family:arial; color:#FFFFFF; background: url('btn-b-130.jpg') no-repeat top left; font-weight:bold; padding:4px; border:none; height:33px; min-width: 130px; -moz-border-radius: 4px;-ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;}

input.button-r100 {font-family:arial; color:#FFFFFF; background: url('btn-r-100.jpg') no-repeat top left; font-weight:bold;}
input.button-r130 {font-family:arial; color:#FFFFFF; background: url('btn-r-130.jpg') no-repeat top left; font-weight:bold;}
input.button-r160 {font-family:arial; color:#FFFFFF; background: url('btn-r-160.jpg') no-repeat top left; font-weight:bold;}
input.button-r190 {font-family:arial; color:#FFFFFF; background: url('btn-r-190.jpg') no-repeat top left; font-weight:bold;}
input.button-r220 {font-family:arial; color:#FFFFFF; background: url('btn-r-220.jpg') no-repeat top left; font-weight:bold;}

.tabelawb {color:#000; margin:5px 0 0 0;}
.tabelawb table{width:100%; margin:1px 0 0 0; border-collapse:collapse; border-spacing:0px; color:#000;}
.tabelawb thead tr {background:#FAFAFA; font-weight:bold; text-align:left; text-indent:10px; cursor:pointer;}
.tabelawb tbody tr {border-bottom:1px dotted #056AAE transparent; color:#000; font-weight:bold;}
.tabelawb tbody tr:nth-child(odd) td {background:#FAFAFA;}
.tabelawb tbody tr:nth-child(even) td {background:#FFF;}
.tabelawb tbody tr:hover td{background:none;}
.tabelawb tbody td{border:1px dotted #CCC;}
.tabelawb tfoot tr {background:#ccc;}
.tabelawb label{color:#D01472;}
.tabelawb input{width:200px;}
.tabelawb select{width:205px;}
.hasDatepicker{width:100px !important; text-align:center;}

#SocPunctLucru {top:0; right:0; background:#D01472; padding:2px; min-width:100px; height:20px; margin-top:-1px; float:right; color:#fff; text-align:right;}
#SocPunct ul{ list-style:none; padding:0; margin:0;}
#SocPunct li{ display:inline; padding:0px; margin:0; color:#fff; background:#D01472;}
#SocPunct li a { text-decoration:none; color:#fff; font-weight:bold; font-size:10px; text-transform:uppercase;}
#SocPunct li a:hover { text-decoration:underline; color:#FFF;}
#SocPunct li:before { content:" | "; color:#FFF; font:bold;}
#SocPunct li:first-child:before{  content:" ";}

#ui-datepicker-div{z-index:1003 !important;}

.portlet {}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}

#ColLeft { position:absolute; width:0px; top:0px; left:0px; border:0px dashed black; background-color:#eee; padding:0px; z-index:2;
	width:0px;
	display: none;
}
body>#ColLeft{width:0px;}

#ColRight { position:absolute; width:0px; top:0px; right:0px; border:0px dashed black; background-color:#eee; padding:0px; z-index:1;
	width:0px;
	display: none;
}
body>#ColRight {width:0px;}

.warning {
	position: relative;
}

.warning input {
	border: solid 2px #ffdd27;
}

.warning::after {
	content: "\f071";
	font-family: FontAwesome;
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 22px;
	color: #ffdd27;
}

.loading {
	position: relative;
}

.loading input {
	border: solid 2px #E84B9A;
}

.loading::after {
	content: "\f021";
	font-family: FontAwesome;
	position: absolute;
	top: 20px;
	right: 10px;
	font-size: 20px;
	color: #E84B9A;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	} to {
		  -ms-transform: rotate(360deg);
	  }
}
@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	} to {
		  -moz-transform: rotate(360deg);
	  }
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	} to {
		  -webkit-transform: rotate(360deg);
	  }
}
@keyframes spin {
	from {
		transform: rotate(0deg);
	} to {
		  transform: rotate(360deg);
	  }
}