@CHARSET "ISO-8859-1";

.items li {
	background: transparent url(../images/puce2.png) no-repeat scroll left
		center;
	padding-left: 15px;
	margin-bottom: 2px;
}

.ui-tabs .ui-tabs-nav {
	float: left;
	width: 250px;
}

.ui-tabs .ui-tabs-panel {
	float: left;
	width: 635px;
}

.ui-tabs .ui-tabs-nav li {
	width: 245px;
}

.ui-tabs .ui-tabs-nav li a {
	width: 220px;
}

.ui-button-icon {
	margin-left: -1px;
}

button.ui-button-icon-only {
	width: 25px;
}

.ui-button-icon-only .ui-button-text {
	padding: 1px;
}

.ui-autocomplete-input {
	margin: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

ul.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
}

.boxLogin {
	padding-top: 20px;
}

.boxLogin table {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.caseOrange {
	background-color: #FF9400;
}

.caseVert {
	background-color: #73DF61;
}

.ui-datepicker-trigger {
	margin-left: 5px;
	cursor: pointer;
}

#spinner {
	margin-top: 25px;
	width: 100%;
	text-align: center;
	display: none;
}

#divProgressbar {
	padding-top: 5px;
}

#progressbar {
	margin-top: 2px;
	height: 10px;
	width: 340px;
}

.tabData {
	font-size: 11px;
}

.tabData .stats {
	background: none;
	border: none;
	font-weight: bold;
}

#data fieldset legend {
	padding-top: 10px;
}

#preparation .tabForm {
	background-color: #E0EBEF;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#preparation .tabForm  td {
	border: 1px dotted #FFF;
}

#preparation .tabForm .entete {
	color: #FFF;
	background-color: #52A0C9;
}

#preparation .tabForm .colorBlue {
	color: #3A81A7;
}

#page_footer span {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

#page_header .top_navigation .title {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.box .header {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.onglet_active .onglet_img_centre {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

h1 {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

h2 {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}
h3 {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

input,textarea,select {
	border: 1px solid #AFAFAF;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	padding: 1px;
}

input[type="radio"] {
	border: none;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 5px;
	padding-right: 10px;
}

input[type="checkbox"] {
	border: none;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 5px;
	padding-right: 10px;
}

.fieldset {
	border: 1px solid #AFAFAF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#tableCRUD {
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

#tablePager {
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.ui-widget {
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

#data .tabForm button {
	width: 110px;
}

#tablePagerFooter {
	padding: 0;
}

#tablePagerFooter .tablesorterPager {
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}
/***** Filtre *****/
fieldset {
	padding: 15px;
	border: 1px solid #AFAFAF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

fieldset legend {
	padding: 0 5px;
	font-weight: bold;
	color: #3F3F3F;
}

fieldset.height80 {
	min-height: 80px;
}

.tooltip {
	background-color: #719DC2;
	padding: 1px;
	border-radius: 2px;
}

.clientNewOrNot {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#hardis_bundle_suivibundle_suivinewtype_saStatut_1,
#hardis_bundle_suivibundle_suivinewtype_saStatut_2 {
    display: block;
    float: left;
}

#hardis_bundle_suivibundle_suivinewtype_saStatut label {
    display: block;
}

#hardis_bundle_suivibundle_suivinewtype_aPrecision2_1,
#hardis_bundle_suivibundle_suivinewtype_aPrecision2_0 {
    display: block;
    float: left;
}

#hardis_bundle_suivibundle_suivinewtype_aPrecision2 label {
    display: block;
}

#contentSortieAutorisee {
    width: 86%;
}


.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 200ms ease-in-out;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}
.button {
	font-size: 1em;
	padding: .4em 1em;
	color: #fff;
	margin-right: .1em;
	border: 2px solid darkred;
	background: darkred;
	border-radius: 5px;
	text-decoration: none;
	cursor: pointer;
	zoom: 1;
	transition: all 0.3s ease-out;
}
.button:hover {
	background: red;
}

.mdp-bloc {
	text-align:right;
	vertical-align: bottom; width: 100%;
	margin-top: 7px;
	margin-bottom: 15px;
	font-weight: bolder;
}
#newSuivi{
	margin-right: 8em;
}

#page_header .top_navigation a.mdp{
	color:#3d74a0;
	float: right;
	margin-left: 8em;
}

.old-password::before{
	content: "Mot de passe actuel";
}
input.password-field::before{
	content: " : ";
}
#resetpassword_oldPassword{
	margin-left: 36px;
}
#resetpassword_newPassword_Nouveau_mot_de_passe{
	margin-left: 17px;
}
#resetpassword_newPassword_Confirmer_mot_de_passe{
	margin-left: 10px;
}
label.old-password.required::after{
	content: " : ";
}
label.password-field.required::after{
	content: " : ";
}
.repeatedpass div{
	padding-top: 5px;
}
.reset-pass{
	text-align: center;
}
.info-password{
	padding-left: 10px;
}
.content-password{
	padding-left: 10px;
}
.error-reset{
	color: red;
}
.succes-reset{
	color: green;
}
#message-reset li{
	list-style: circle;
}
.controle-password li{
	list-style: square;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loader{
	position: relative;
	top: 20%;
	left: 48%;
	background: rgba(255,255,255,0.8);
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #A4BBDE; /* Blue */
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 2s linear infinite;
}

.overlayloader {
	visibility: hidden;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	z-index: 9999;
}

.lien-controle{
	border-radius:25px;
}
.demande-control{
	padding: 11px;
	border-radius:25px;
	background-color: #FF5733;
}
.demande-control:before{
	content: " ";
}

.pencil-square{
    padding-right: 5px;
}
.center-text{
    vertical-align: top;
}
#form_reset_password div{
	margin-top: 10px;
}
#form_reset_password div input{
	float:right;
	margin-right: 100px;
}
#form_reset_password div label{
	display: inline-block;
	width: 190px;
	text-align: left;
}
.chart-image #chart-pie div{
	 margin: 0 auto;
 }
.chart-image #chart-column div{
	margin: 0 auto;
}
.title-chart{
	text-decoration: underline;
	font-weight: bolder;
	font-size: 13px;
    font-family: Verdana;
	margin: 10px;
	color:#929292;
}
.subtitle-chart{
	font-weight: bolder;
	font-size: 13px;
	margin: 0 auto;
	text-align: center;
    font-family: Verdana;
	color:#3F3F3F;
}
.info-display-chart{
	text-shadow: 1px 1px 2px rgba(0, 0, 0,0.2);
	color: #719DC2;
	font-size: 16px;
	font-weight: bold;
	padding-left: 2px;
	margin: 0 auto;
}
#info-chart{
	display: none;
}
.message-chart{
	padding-left: 12%;
	font-weight: bolder;
	font-size: 13px;
	font-family: Verdana;
	margin: 10px;
	color: #929292;
}
#suspendre-complement{
	display: none;
}
#reprsie-activite{
	display: none;
}
.tasendmail{
    max-width: 200px;
}
#ta-sendmail td{
    max-width: 200px;
}