.ui-widget-header #alert {
	background-color: #F2DEDE;
}

.add-btn {
	background-color: #33b35a !important; 
	border: none !important; 
	color:#fff !important; 
	text-shadow: none !important;
}

.add-detail .ui-widget-header{
	background: #33b35a;
    color: #fff;
    font-weight: bold;
    text-shadow: none;	
}

.show-btn{
	background-color: #5bc0de !important; 
	color: #fff !important;
	border: none !important;
	font-weight: normal !important;
}

.show-detail .ui-widget-header{
	background: #5ac0de;
    color: #fff;
    font-weight: bold;
    text-shadow: none;	
}

.edit-detail .ui-widget-header{
	background: #ec971f;
    color: #fff;
    font-weight: bold;
    text-shadow: none;	
}

.edit-btn {
	background-color: #ec971f !important; 
	color: #fff !important; 
	border: none !important;
	font-weight: normal !important;
}

.delete-btn{
	background-color: #d9534f !important; 
	color: #fff !important; 
	border: none !important;
	font-weight: normal !important;
}

.back-btn {
	background-color: #ef1323ad !important; 
	border: none !important; 
	color:#fff !important; 
	text-shadow: none !important; 
	margin-right: 10px !important;	
}

.delete-detail .ui-widget-header{
	background: #d9534f;
    color: #fff;
    font-weight: bold;
    text-shadow: none;	
}

.ui-state-hover, .ui-button:hover{
    border: none !important;
    background-color: #f4f7fa;
    border: none;
    color: #3a3836;
    text-shadow: none;
}

.loader-style{
	position: absolute; 
	left: 50%; 
	top: 50%; 
	margin-left: 25px; 
	margin-top: 13px; 
	display: block; 
	z-index:9999
}

.with-loder{
	width:16px;
	height:16px;
}

.margin-20{
	margin-bottom:20px;
}

.margin-10{
	margin-right:10px;
}

.margin-auto {
	margin:0 auto;	
}

.lien-style{
	color: #007bff !important;
	text-decoration: underline;
}
.label-item {
	color: #666;
    font-weight: bold;
}

.font-normal {
	font-weight: normal;
}

.myFieldset{
	margin-bottom:20px;
}

legend  {
	width: auto;
	font-size: 1em;
}

.ui-panel {
width: auto;
}

.widh-100 {
	width: 100%;
}

.margin-top-20{
	margin-top:20px;
}

.my-champ{
	margin: 10px;
    padding: 2px;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left !important;
}

.etat-traite {
    color: #309c40;
    font-weight: bold;
}

.etat-non-traite {
    color: #e6000c;
    font-weight: bold;
}

.etat-en-cours {
    color: #ff9800;
    font-weight: bold;
}

.ok-btn {
    background-color: #d4edda !important;
    border: none !important;
    color: #155724 !important;
    text-shadow: none !important;
    margin-right: 10px !important;
}

.btn-notok {
	background-color: #f8d7da !important;
    border: none !important;
    color: #721c24 !important;
    text-shadow: none !important;
    margin-right: 10px !important;
}