@import url('fonts.css');

*:focus,
*::-moz-focus-inner {
	outline: none !important;
	outline: 0. !important;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

input {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

*[class^="jqx"] {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
}

.box {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	border-radius: 2px;
	border: none;
}

/* Feuille de style pour le template */
#InfoConnexion {

	/* background: rgb(102, 102, 102); */
}

#InfoConnexionIndex {
	/* background: rgb(183, 183, 183); */
}

#formDeconnexion {
	display: none;
}

/* Permet d'empecher la grille du board de passer au dessus du menu */
#header {
	z-index: 20000;
}

#main>header .titlecontainer {
	width: 100%;
	height: 75px;
}

#main>header .headerTitle {
	width: 20%;
	float: left;
	height: 100px;
}

#main>header .headerTitleCenter {
	width: 60%;
	float: left;
	height: 100px;
}

#main>header .headerTitleCenter>h3 {
	border-bottom: 2px solid #E5E5E5;
	color: #777;
	font-size: 1.4em;
}

#main>header .headerTitle>h2 {
	text-align: left;
}

.box .image.featured.iphoneimage img {
	width: 97%;
	margin: 0em 0 0em 1em;
}

.box .image.featured.bottomimage {
	/* width: 97%; */
	/* width: 547px; */
	/* height: 391px; */
	/* margin: 0em 0 0em 1em; */
}

.box .image.featured.bottomimage img {
	width: 94%;
	/* height: 391px; */
	margin: 0em 0 0em 1em;
}


/*  Feuille de style pour la page index.php */

#banner.box {
	box-shadow: 0 0 0 0;
}

#banner .major {
	padding: 0 0;
	text-align: center;
}

#banner .major h2 {
	/* font-weight: 400; */
	line-height: 2em;
}

#banner .major p {
	/* color: #FFFFFF; */
	font-weight: 400;
	color: rgb(0, 71, 140) !important;
	border-top: solid 2px rgb(0, 71, 140);
}

#header.alt {
	-moz-animation: none;
	-webkit-animation: none;
	-o-animation: none;
	-ms-animation: none;
	animation: none;
	background: #777;
	background: none;
	/* color: rgba(200, 200, 200, 0.75); */
	color: rgba(0, 71, 140, 0.75);
	position: absolute;
}

/* Logisauve */
#header.alt h1 a {
	color: #777;
	font-weight: 400;
	border: 0;
}

#header.alt nav>ul>li a:not(.button) {
	color: #777;
	display: inline-block;
	text-decoration: none;
	border: 0;
}

#header.alt input[type="submit"],
#header.alt input[type="reset"],
#header.alt input[type="button"],
#header.alt .button {
	box-shadow: inset 0 0 0 2px #777;
}

#header.alt input[type="submit"],
#header.alt input[type="reset"],
#header.alt input[type="button"],
#header.alt .button {
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #999;
	color: #777;
}

#header.alt nav>ul>li a:not(.button).icon:before {
	color: #777;
}

#banner {
	background-image: url("../images/banner.jpg");
	background-repeat: no-repeat;
	background-color: #F5F5F5;
}

.monBannerOeil {
	/* 	background-image: url("images/overlay.png"), url("../images/header-oeuil-co.jpg") !important; */
	background-size: 100% !important;
	height: auto !important;
	background-position: initial !important;
	padding: 5em 0 14em 4em !important;
}

.monBannerOeil h2 {
	color: rgb(0, 71, 140) !important;
}

.monBannerOeil p {
	color: rgb(0, 71, 140);
}

.major h2 {
	color: rgb(0, 71, 140);
}

.features-row section p {
	font-size: 1.2em;
}

.features-row section h2 {
	color: rgb(0, 71, 140);
}

/* .fa-lock:before {
	content: url('images/info.png') !important;
} */
.accent2:before {
	content: "\f129";
}

.accent3:before {
	content: "\f007";
}

.accent4:before {
	content: "\f044";
}

.accent5:before {
	content: "\f013";
}

#cta {
	color: rgb(0, 71, 140);
	background-color: rgb(162, 184, 192);
}

#cta a {
	color: rgb(0, 71, 140) !important;
}

#cta p {
	font-size: 1.5em;
}





/*  Feuille de style pour la page board.php */


#tuileCompte,
#tuileErreur,
#tuileWarning,
#tuileTicket,
#tuileOK {
	cursor: pointer;
}

#tuileErreur {

	background: linear-gradient(rgb(255, 97, 83), rgb(219, 23, 2));
	/* background : #db1702; */
}

#tuileWarning {
	background: linear-gradient(rgb(255, 206, 86), rgb(250, 132, 5));
	/* background : #fa8405; */
}

#tuileOK {
	background: linear-gradient(rgb(155, 250, 119), rgb(89, 176, 38));
	/* background : #59b026; */
}

.mesTuiles {
	width: 100%;
}


.maTuile {
	width: 23%;
	float: left;
}

.tuiles_als {
	width: 20%;
}

.maTuile {

	/* clear: both; */
	background: linear-gradient(rgb(138, 184, 232), rgb(72, 110, 151));
	border-radius: 0px;
	padding: 10px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
	color: black;
	margin: 0 1% 0 1%;
}

div.tuiles_als .maTuile {
	width: 100%;
	float: none;
}

.tuiles_als {
	position: relative;
}

.maTuileSelect {
	border: 5px solid rgb(52, 62, 101);
	padding: 6px !important;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2000;
	transition: left 436ms;
}

.maTuile .typeInfo {
	font-size: 1em;
	text-align: center;
}

.maTuile .contenuInfo {
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

.contenerGlobal {
	clear: both;
	width: 100%;
}

.okStatuts {
	/* background-color:rgb(85, 175, 65); */
	/* background: linear-gradient(rgb(127, 221, 100), rgb(84, 174, 64)); */
	height: 100%;
	text-align: center;
	line-height: 2.7em;
}

.greenStatuts {
	/* background-color:rgb(85, 175, 65); */
	background: linear-gradient(rgb(127, 221, 100), rgb(84, 174, 64));
	height: 100%;
	text-align: center;
	line-height: 2.7em;
}

.redStatuts {
	/* background-color:rgb(226, 38, 48); */
	background: linear-gradient(rgb(248, 139, 145), rgb(225, 51, 64));
	height: 100%;
	text-align: center;
	line-height: 2.7em;
}

.yellowStatuts {
	/* background-color:rgb(254, 206, 37); */
	background: linear-gradient(rgb(242, 194, 9), rgb(247, 102, 0));
	height: 100%;
	text-align: center;
	line-height: 2.7em;
}

.grayStatuts {
	background-color: gray;
	height: 100%;
	text-align: center;
	line-height: 2.7em;
}


.progressBarQuota {
	width: 80%;
	margin: auto;
	background: rgb(245, 245, 245);
	height: 20px;

	border: 1px solid rgb(118, 114, 114);
	border-radius: 0px;
}

.jqx-grid-cell.jqx-item.jqx-grid-cell-wrap.jqx-grid-details-cell div.progressBarQuota {
	margin: 8px auto;
}

.progressBarQuota .indicateurQuota {
	width: 0%;
	height: 18px;
	background: linear-gradient(rgb(127, 221, 100), rgb(84, 174, 64));
}

.progressBarQuota .indicateurQuotaErr {
	width: 0%;
	height: 18px;
	background-image: linear-gradient(rgb(248, 139, 145), rgb(225, 51, 64));
}

.progressBarQuota span {
	position: absolute;
	top: 10px;
	text-align: center;
}

/* Tableau jquery */

.imgStatut {
	height: 22px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 22px;

}

.jqx-listitem-state-normal.jqx-item.jqx-rc-all>.imgStatut {
	max-width: 20px;
	margin-left: 0;
	height: auto;
}

.jqx-grid-column-header.jqx-widget-header {
	border: none;
	background: rgb(222, 222, 222);
	line-height: 1.5em;
}

.jqx-grid-cell {
	border-bottom: 1px solid rgb(222, 222, 222) !important;
}

.monpc {
	width: 98%;
	height: 40px;
	/* padding: 11px; */
	/* margin: 0px 25px; */
	float: left;
	line-height: 1px;
	padding: 20px;
	display: inline-table;
	vertical-align: middle;
	/*  border-radius: 6px;
	box-shadow: 0 0 2px #000 inset; */
}

.monpc span {
	float: left;
	/* width: 60%; */
	font-weight: bold;
}


.monpc div {

	/* background-color:gray; */
	padding: 11px;
	margin: -11px -16px 0px 14px;
	/* width: 32%; */
	text-align: center;

}

.greenStatut {

	color: rgb(84, 174, 64) !important;

}

.redStatut {
	font-weight: bold;
	color: rgb(225, 51, 64) !important;
}

.yellowStatut {
	font-weight: bold;
	color: rgb(247, 102, 0) !important;
}

.grayStatut {
	font-weight: bold;
	color: #727272 !important;
}


/* Dropdownbutton */
#RegionsCommercialesDropDown {
	padding: 12px;
}

#RegionsTechniquesDropDown {
	padding: 12px;
}

#HotLineDropDown {
	padding: 12px;
}

#VersionSWDropDown {
	padding: 12px;
}

#FiltercTypeCompte {
	padding: 12px;
}

.box hr {
	clear: both;
}

.hideDiv {
	display: none;
}

.AutreBtn {
	width: 100%;
	/* height: 85px; */
}

input#btnClearFiltre {
	width: 49%;
	padding: 0em;
	margin-right: 2%;
	float: left;
	font-size: 0.8em;
	/* height: 50px; */
	/* margin: 1em 4em 1em 8em; */
}

input#btnShowSearch {
	width: 49%;
	float: left;
	font-size: 0.8em;
	/* margin: 1em 6em 1em 4em; */
}

#btnqueryAccounts {
	font-size: 0.8em;
}

/* permet d'afficher les rows details qui �tait masqu� */
/* permet �galement de ne pas masqu� les sous-menu "actions" */
#contenttablejqx_accountslistgrid,
#contentjqx_grid_bo_accounts_list {
	/* z-index:9998; */
	z-index: 500;
}

#jqx_grid_bo_accounts_list {
	position: relative;
}




/* Feuille de style pour account.php */

.rowaccountdetails {
	width: 90% !important;
}

#prioTicketAccount1,
#prioTicketAccount2,
#prioTicketAccount3,
#prioTicketAccount5 {
	float: left;
	height: 100%;
	width: 25%;
}

#prioTicketAccount1>img,
#prioTicketAccount2>img,
#prioTicketAccount3>img,
#prioTicketAccount5>img {
	margin-bottom: -2%;
	width: 18%;
}

#prioTicketAccount1>b,
#prioTicketAccount2>b,
#prioTicketAccount3>b,
#prioTicketAccount5>b {
	float: left;
	width: 100%;
}

.userSelect {
	background: rgb(193, 186, 186);
	padding: 15px;
	font-size: 1.8em;
	border-radius: 6px;
}

.sauvegardeTimeLeft {
	width: 49%;
	float: left;
	background: linear-gradient(rgb(193, 186, 186), rgb(181, 173, 173));
	border-radius: 5px;
	padding: 10px;
	margin: 10px 1% 10px 0%;
}

.sauvegardeTimeRight {
	width: 49%;
	float: left;
	background: linear-gradient(rgb(193, 186, 186), rgb(181, 173, 173));
	border-radius: 5px;
	padding: 10px;
	margin: 10px 0% 10px 1%;
}

.jqgrid {
	width: 100%;
	border: 2px solid rgb(188, 180, 180);
	clear: both;
	padding: 75px;
	border-radius: 5px;
	margin: 10px 0;
}

.jqgrid2 {
	width: 100%;
	border: 2px solid rgb(188, 180, 180);
	clear: both;
	padding: 75px;
	border-radius: 5px;
}


.namePost {
	margin: 5px 0px;
	border: 1px solid black;
	border-radius: 5px;
	padding: 15px;
}

.greenStatutsAccount {
	/* background-color:rgb(85, 175, 65); */
	background: linear-gradient(rgb(127, 221, 100), rgb(84, 174, 64));
	height: 100%;
	text-align: center;
	line-height: 1.7em;
}

.redStatutsAccount {
	/* background-color:rgb(226, 38, 48); */
	background: linear-gradient(rgb(248, 139, 145), rgb(225, 51, 64));
	height: 100%;
	text-align: center;
	line-height: 1.7em;
}

.yellowStatutsAccount {
	/* background-color:rgb(254, 206, 37); */
	background: linear-gradient(rgb(242, 194, 9), rgb(247, 102, 0));
	height: 100%;
	text-align: center;
	line-height: 1.7em;
}

.grayStatutsAccount {
	background-color: gray;
	height: 100%;
	text-align: center;
	line-height: 1.7em;
}

.imgStatutAccount {
	/* height: 22px; */
	margin: 2px 15px;
	height: 100%;
	margin: 0 45%;
	/* width:44%; */
}


/* Css par defaut */
.container {
	width: 70%;
}


/* On d�fini des largeurs sp�ciales pour des largeur de tailles d'�crans */

/* Jusqu'a 1360px appliqu� ce css */
@media only screen and (max-width:1360px) {
	.container {
		width: 80%;
	}
}

/* Jusqu'a 1280px appliqu� ce css */
@media only screen and (max-width:1280px) {
	.container {
		width: 85%;
	}
}

/* Jusqu'a 1152px appliqu� ce css */
@media only screen and (max-width:1152px) {
	.container {
		width: 90%;
	}

	header nav {
		font-size: 10pt;
	}
}

/* Jusqu'a 1024px appliqu� ce css */
@media only screen and (max-width:1024px) {
	.container {
		width: 95%;
	}
}

/* Jusqu'a 800px appliqu� ce css */
@media only screen and (max-width:800px) {
	.container {
		width: 95% !important;
	}
}

#pvrecette {
	line-height: 15px;
}

#pvrecette table {
	/* width : 70%; */
	margin-bottom: 0px;
}

#pvrecette .bwhite {
	color: #ffffff
}

#pvrecette td {
	height: 5px;

}


/* Permet d'avoir le rapport entre deux dates dans le m�me style que le rapport normal */
#tableaurapports .table_background_none {
	background-color: transparent;

}

/* enleve la coloration d'une case sur deux */
#tableaurapports #table_backupset tbody tr:nth-child(2n + 1) {
	background-color: #DCDCDC;
}

/*  active les bordures du tableau des backupset */
#tableaurapports #table_backupset {
	border-collapse: inherit;
	border-spacing: 0px;
	/* padding: 1em 0em 0em; */
}

/* Necessaire sinon ne fonctionne pas */
#tableaurapports #table_backupset table {
	border-collapse: inherit;
	border-spacing: 1px;
}


#tableaurapports #table_backupset td {
	padding: 0;
}


/*  active les bordures du tableau des backupset */
#tableaurapports #table_backupjobs {
	border-collapse: inherit;
	border-spacing: 0px;
	/* padding: 1em 0em 0em; */
}


#tableaurapports #table_backupjobs table {
	border-collapse: inherit;
	border-spacing: 1px;
}

#tableaurapports #table_backupjobs td {
	padding: 0;
}

#tableaurapports #table_backupjobs tbody tr:nth-child(2n + 1) {
	background-color: #DCDCDC;
}

#tableaurapports .strong_title_columnname {
	color: white;
	font-weight: bold;
}

#tableaurapports #table_legende tbody tr:nth-child(2n + 1) {
	background-color: transparent;
}

#tableaurapports #table_legende {
	margin: -6em 0 0em 0;
	border-collapse: inherit;
	line-height: normal;
}

#tableaurapports #table_legende strong {
	font-weight: bold;
}

#tableaurapports #table_legende tr {}

#tableaurapports #table_legende td {
	padding: 0;
}

#tableaurapports .piedRapport {
	text-align: center;
	line-height: normal;
}


#tableaurapports .piedRapport strong {
	font-weight: bold;
	color: #00478C;
}

#tableaurapports .table_no_collapse {
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 12px;
	line-height: normal;
}

#tableaurapports .myTuile {
	width: 100% !important;
}

#tableaurapports .footerReportBold {
	color: #00478C;
	font-weight: bold;
}

/*
	#recetteEtAction{
	diplay:inline; float:right;
	}

	#actionEtRecette{
	diplay:inline; float:left;
	}

	#divrecette{
	margin-top : 150px;
} */

#envoyer_mail {
	margin: auto;
}

/*  #email_pv */
.nonValidEmail {
	box-shadow: 0 0 0 2px #e89980;
}

/* Feuille de style pour connexion.php */

.headerCo h3 {
	border-bottom: 1px solid rgba(212, 202, 202, 0.36);
	padding: 20px;
	margin: 0 0 15px 0;
	text-align: left;
	font-size: 1.5em;
}

.articlePara {
	width: 50%;
	margin: 10px auto;
	text-align: center;
}

.articleParaSub {
	width: 50%;
	margin: 35px auto 0;
	text-align: center;
}

.articleParaSub input[type="submit"] {
	width: 45%;
	height: 2.5em;
	line-height: 1.5em;
}

#boxconnexion {
	padding: 0 0 2em 0;
}

#myformbox {
	/* TODO Corriger l'ombre de la box*/
	/* box-shadow : none; */
}


/* Supprimer le background */
#report .table_background_none {
	background-color: transparent;

}

/* enleve la coloration d'une case sur deux */
#report #table_backupset tbody tr:nth-child(2n + 1) {
	background-color: #DCDCDC;
}

/*  active les bordures du tableau des backupset */
#report #table_backupset {
	border-collapse: inherit;
	border-spacing: 0px;
	/* padding: 1em 0em 0em; */
}

/* Necessaire sinon ne fonctionne pas */
#report #table_backupset table {
	border-collapse: inherit;
	border-spacing: 1px;
}


#report #table_backupset td {
	padding: 0;
}


/*  active les bordures du tableau des backupset */
#report #table_backupjobs {
	border-collapse: inherit;
	border-spacing: 0px;
	/* padding: 1em 0em 0em; */
}


#report #table_backupjobs table {
	border-collapse: inherit;
	border-spacing: 1px;
}

#report #table_backupjobs td {
	padding: 0;
}

#report #table_backupjobs tbody tr:nth-child(2n + 1) {
	background-color: #DCDCDC;
}

#report .strong_title_columnname {
	color: white;
	font-weight: bold;
}

#report #table_legende tbody tr:nth-child(2n + 1) {
	background-color: transparent;
}

#report #table_legende {
	margin: -6em 0 0em 0;
	border-collapse: inherit;
	line-height: normal;
}

#report #table_legende strong {
	font-weight: bold;
}

#report #table_legende tr {}

#report #table_legende td {
	padding: 0;
}

#report .piedRapport {
	text-align: center;
	line-height: normal;
}


#report .piedRapport strong {
	font-weight: bold;
	color: #00478C;
}

#report .table_no_collapse {
	border-collapse: separate;
	border-spacing: 1px;
	font-size: 12px;
	line-height: normal;
}

#report .myTuile {
	width: 100% !important;
}

#report .footerReportBold {
	color: #00478C;
	font-weight: bold;
}

/* g�re la copy dans les rowsdetails de account*/
#copyInput {
	border-width: 0px !important;
	color: #ffffff !important;
	background: none;
}

/* permet d'�tre g�r� par mozilla et par Chrome TODO: verifier sur Safari*/
#copyInput::selection {
	background: #ffffff !important;
}

#copyInput::-moz-selection {
	background: #ffffff !important;
}

/* Feuille de style pour board.php */

/*
	/* #jqx_accountslistgrid .jqx-grid-cell
	{
	font-size: 0.8 em;
	}
/* Feuille de style pour account.php */

#jqx_getaccountdetails_jobs .jqx-widget-content {
	z-index: 100;
}


.rechercheInfoPlus {
	width: 100%;
	overflow: auto;
}

/* .infoNom{ */

/* width:45%; */
/* margin:0px 5% 10px 0px; */
/* float:left; */
/* } */
/* .infoVille{ */
/* width:45%; */
/* margin:0px 0px 10px 5%; */
/* float:left; */
/* } */
/* .infoCodePostal{ */
/* width:45%; */
/* margin:0px 5% 10px 0px; */
/* float:left; */
/* } */
/* .infoTelephone{ */
/* width:45%; */
/* margin:0px 0px 10px 5%; */
/* float:left; */
/* } */

.rechercheInfoPlus>div {
	width: 45%;
	margin: 10px 5% 0 0;
	float: left;
}


#RegionsCommercialesDropDown,
#RegionsTechniquesDropDown,
#HotLineDropDown,
#VersionSWDropDown,
#FiltercTypeCompte {
	width: calc(100% - 24px) !important;
}


/* Feuille pour action.php  */


.monButton {
	background: #bbc3c9;
	background-image: -webkit-linear-gradient(top, #bbc3c9, #889094);
	background-image: -moz-linear-gradient(top, #bbc3c9, #889094);
	background-image: -ms-linear-gradient(top, #bbc3c9, #889094);
	background-image: -o-linear-gradient(top, #bbc3c9, #889094);
	background-image: linear-gradient(to bottom, #bbc3c9, #889094);
	-webkit-border-radius: 6;
	-moz-border-radius: 6;
	border-radius: 6px;
	font-family: Arial;
	color: #ffffff;
	font-size: 19px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	border: none;
}

.monButton:hover {
	background: #969b9e;
	background-image: -webkit-linear-gradient(top, #969b9e, #939a9e);
	background-image: -moz-linear-gradient(top, #969b9e, #939a9e);
	background-image: -ms-linear-gradient(top, #969b9e, #939a9e);
	background-image: -o-linear-gradient(top, #969b9e, #939a9e);
	background-image: linear-gradient(to bottom, #969b9e, #939a9e);
	text-decoration: none;
}

.detailBox {
	margin: 10px;
	width: 100%;
	height: 100px;
	/* border: 1px solid rgb(215, 211, 211); */
	padding: 11px;
	/* border-radius: 5px; */
}


/* Pour le form */


/* .formcrudAction .LoginAlias{ */
/* margin: 15px 5% !important; */
/* width: 80% !important; */
/* /* float: left !important; 	 */
*/
/* padding: 0 1em !important; 	 */
/* font-family: 'Source Sans Pro', sans-serif; */
/* line-height: 28.0499992370605px; */
/* font-size: 17px !important; */
/* /* height:45px; */
*/
/* background-clip:initial; */
/* -moz-box-sizing: border-box; */
/* box-sizing: border-box; */
/* } */

.formcrudAction .DisabledClass {
	background: rgb(232, 232, 232);
}

.formcrudAction .radiobox {
	/* width: 50%; */
	/* margin: 5px auto; */
	text-align: center;
	clear: both;
}

.radiobox .onlyCheckBox {
	float: left;
	width: 33.3333333333%;
	margin: 5px 0;

}

.formcrudAction .objectName {
	margin: 15px 5%;
	width: 55%;
	float: left;
}

.formcrudAction .NumSavName {
	margin: 15px 5%;
	width: 25%;
	float: right;
}

.formcrudAction .objectDetails {
	margin: 0px 5% !important;
	width: 90% !important;
}

.formcrudAction .DatePlan {
	width: 40%;
	margin: 0px 5% 35px;
	height: 10%;
	/* float: left; */
}

.dateAndLabel {
	width: 80%;
	clear: both;
	/* height: 75px; */
}

.DandLEnd {
	height: 55px;
}

.dateAndLabel #labelDue {
	float: left;
	margin: 12px 10% 12px 7%;
}

.dateAndLabel #labelPlan {
	float: left;
	margin: 12px 9.5% 12px 7%;
}

.dateAndLabel #labelDone {
	float: left;
	margin: 12px 8.5% 12px 7%;
}


div#DueDate {
	padding: 12px;
	background: rgb(248, 248, 248);
	border: 1px solid rgb(229, 229, 229);
	height: 20px !important;
	border-radius: 5px;
	margin: 5px auto 15px;
	float: left;
	width: 250px !important;
}

#inputDueDate {
	background: rgb(248, 248, 248);
}

/*
	div#DatePlan {
	padding: 12px;
	background: rgb(248, 248, 248);
	border: 1px solid rgb(229, 229, 229);
	height: 20px !important;
	border-radius: 5px;
	margin: 5px auto 35px;
	float: left;
	width: 250px !important;
	}
	#inputDatePlan{
	background: rgb(248, 248, 248);
	}
*/
.jqx-action-button {
	width: 49px !important;
	height: 46px !important;
	left: 81% !important;
	margin: -12px 0px 0px 10px;
	border-left: 1px solid rgb(229, 229, 229);
}


.formcrudAction .monButton {
	width: 22%;
	margin: 13px 5% 10px;
	font-size: 19px;
	padding: 4px;
}

.formcrudAction .DateDone {
	width: 40%;
	margin: 0px auto 10px;
}

.formcrudAction .objectCommentaire {
	margin: 10px 5% !important;
	width: 90% !important;
}

.boxConfirmerForm {
	width: 75%;
	margin: 0 auto;
	text-align: center;
}


.warning {
	border: 2px solid rgb(255, 140, 140) !important;
}

.InfoBar {
	width: 90%;
	margin: 12px 5%;
	border-radius: 5px;
	padding: 0px;
	/* border: 4px solid red; */
}

.InfoBarRed {
	background: rgb(255, 140, 140);
}

.InfoBarGreen {
	background: rgb(62, 201, 107);
}

.InfoBar h3 {
	margin: 5px 15px
}

.Disabled {
	display: none !important;
}

/* Feuille de style pour la page installations.php */


.formcrudAction .renseignementHwSw {
	width: 35%;
	margin: 15px 5%;
	float: left;
}

div#finGarantieDate {
	padding: 12px;
	background: rgb(248, 248, 248);
	border: 1px solid rgb(229, 229, 229);
	height: 20px !important;
	border-radius: 5px;
	margin: 5px auto 15px;
	float: left;
	width: 250px !important;
}

#inputfinGarantieDate {
	background: rgb(248, 248, 248);
}

.radiobox .onlyCheckBoxInstal {
	float: left;
	width: 25%;
	margin: 5px 0;
}

/* Feuille de style pour stats.php */
/* rgb(227, 225, 43) */


/* Throbber	*/

.showThrobber {
	background-image: url("../images/header-oeuil-redim.jpg") !important;
	opacity: 0.4;
	width: 1050px;
	height: 272px;
}


/* Feuille de style pour la page tickets.php */


#prio1,
#prio2,
#prio3,
#prio5 {
	/* margin-top : 40px; */
	/* float:left;
	width : 20%; */
	/* vertical-align: middle; */
	float: left;
	height: 100%;
	width: 20%;
}

#prio1>img,
#prio2>img,
#prio3>img,
#prio5>img {
	/* margin-top:-8px; */
	/* margin-bottom:-2%; */
	width: 18%;
}

#prio1>b,
#prio2>b,
#prio3>b,
#prio5>b {
	/* float: left;
	width:100px; */
	float: left;
	width: 100%;
	font-size: 11pt;
}

.showCloseTickets {
	margin-top: -3%;
	height: 100%;
	float: right;
	font-size: 14px;
}

.closeForm {
	margin-left: 16px;
}


/* Feuille de style pour la page register.php */


#champRegister {
	float: left;
}

#champRegister>.RegisterAttribut {
	margin: auto;
	height: 2em;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 50%;


}

#champRegister>.jqx-validator-error-label {
	text-align: center;
	color: #E80202;

}

#champRegister>.jqx-validator-error-element {

	border-color: #E80202;
}

.RegisterValider {
	clear: left;
	width: 100%;
	/* margin-top:10px; */
	margin-bottom: 10px;
	text-align: center;
}

.RegisterTitre {
	border: 1px solid rgb(166, 153, 153);
}



/* #main {
	width:60%;
}*/




/* Feuille de style pour la page register.php */
#idaccountRequest {
	margin: 0px auto;
}


#idmembreSAV,
#idmembreRC,
#idmembreRT,
#idmembreLGO,
#idmembreRequired,
#idmembreright,
#idmembreFunc {
	margin: 0px auto;
}


/*Feuille de style pour le menu */

#searchAccount {
	margin: 13px auto auto;
	height: 25%;
	width: 288px;
	text-align: left;
	padding-left: 10px;
}


.spinneroff>div {
	background-color: #444 !important;

}

.spinner {

	margin: 10px auto auto;
	height: 32px;
	width: 25%;
	padding-left: 10px;
	float: left;
}

.spinner>div {
	background-color: #FFFFFF;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4)
	}

	20% {
		-webkit-transform: scaleY(1.0)
	}
}

@keyframes sk-stretchdelay {

	0%,
	40%,
	100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}

	20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}

/* Feuille de stype pour registerUser.php */
/* d�fini un contour orange lors du focus d'une dropdownList permettant une meilleur lisibilité */
#RegisterUserProfil.jqx-dropdownlist-state-focus {
	border-color: #e89980;
	box-shadow: 0 0 0 2px #e89980;
}

.RegisterUserValider {
	clear: left;
	width: 100%;
	/* margin-top:10px; */
	margin-bottom: 10px;
	text-align: center;
}

/* Feuille de stype pour bo-admin-config */
.crudButton {
	height: 2em !important;
	line-height: 2em !important;
	margin-left: 5px;
	background: #efefef !important;
	border: 1px solid #aaa !important;
	color: #000000 !important;
}

#jqx_grid_bo_admin_config {
	margin: 2em auto;
}


#bo-menu {
	margin-left: 22em;
}


.infoBackupSet>div {
	margin: 1em 0 1em 1em;
	height: 30px;
	line-height: 30px;
}

.infoBackupSet>div>img {
	vertical-align: middle;
}

.infoBackupSet>table>tbody>tr>td>.red {
	color: rgb(225, 51, 64) !important;
}

.infoBackupSet>table>tbody>tr>td>.yellow {
	color: rgb(247, 102, 0) !important;
}

.infoBackupSet>table>tbody>tr>td>.gray {
	color: #727272 !important;
}

.infoBackupSet>table>tbody>tr>td>.green {
	color: rgb(84, 174, 64) !important;
}

.headerBackupSet>div>.red {
	color: rgb(225, 51, 64) !important;
}

.headerBackupSet>div>.yellow {
	color: rgb(247, 102, 0) !important;
}

.headerBackupSet>div>.gray {
	color: #727272 !important;
}

.headerBackupSet>div>.green {
	color: rgb(84, 174, 64) !important;
}

.value {
	display: table-cell;
	border-radius: 0;
	position: relative;
	z-index: 2;
	float: left;
	vertical-align: middle;
	height: 40px;
	width: 25%;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.infoBackupSetright {
	border-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	width: 45%;
}

.alert-box {
	color: #555;
	border-radius: 10px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	padding: 10px 10px 10px 36px;
	margin: 10px;
}

.alert-box span {
	font-weight: bold;
	text-transform: uppercase;
}

.error {
	background: #ffecec;
	border: 1px solid #f5aca6;
}

.isa_error {
	color: #D8000C;
	background-color: #FFBABA;
}

.isa_error i {
	margin: 10px 22px;
	font-size: 1em;
	vertical-align: middle;
}


/*Css du forumlaire d'activation de compte */

#activateAccount {
	max-height: 1200px !important;
	z-index: 20002 !important;
}

#activateAccount>.jqx-resize {
	height: 100% !important;
	width: 100% !important;
}


.formcontainer {
	position: relative;
	height: 96% !important;
	/* width:100% !important; */
	border-radius: 7px;
	background-color: white !important;
}

#formcontainer+.jqx-window-header {
	background-color: red;
}

.buttonContainer {
	height: 5%;
}

.buttonContainer>.recaptitle {
	font-weight: bold;
	float: left;
	padding: 0 0 0 2%;
}

.closeButton {
	border: none;
	background-color: transparent;
	border-radius: 6px;
	float: right;
	margin-top: -8px;
}

.closeButton:active {
	background-color: black;
	color: white;
}

.recap {
	clear: both;
	height: 25%;
	font-size: 10pt;
}

.neededInfoContainer>.left {
	float: left;
	width: 48%;
	padding: 0 0 0 1%;
	height: 100%;
}

.neededInfoContainer>.right {
	width: 48%;
	float: right;
	height: 100%;
	padding: 0 1% 0 0;

}

#userHome {
	width: 50%;
	margin-left: 25%;
	clear: both;
	height: 8%;
}


.fieldcontainer {
	height: 100%;
}

.fieldcontainer>.recaptitle {
	font-weight: bold;
	height: 10%;
	padding: 0 0 0 2%;
}

.neededInfoContainer {
	height: 70%;
}

.neededInfoContainer>.left>input>label,
.neededInfoContainer>.left>input>label {
	position: relative;
	z-index: 60009 !important;
}

#validActiveButton {
	width: 100%;
	height: 10%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 0;
}

.labelGroup>.checklabel {
	font-size: 0.9em !important;
	height: 31.19px;
	width: 35%;
	float: left;

}

.labelGroup>.checklabel>.check {
	/* display : block;
	position:relative; */
	z-index: 60100 !important;
	height: 15.19px;
	width: 15.19px;
	opacity: 100;
	margin-right: 10px;
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
	-o-appearance: checkbox;
	-ms-appearance: checkbox;
	appearance: checkbox;
}

.labelGroup {}

.griserPage {
	position: absolute;
	z-index: 20001;
	top: 0;
	left: 0;
	height: 100%;
	width: 100vw;
	background-color: #a0a0a0;
	-moz-opacity: 0.38;
	opacity: 0.38;
	filter: alpha(opacity=38);
	-khtml-opacity: 0.38;
}

.infoBackupSetright>span {
	color: black;
	font-weight: bold;
}

/* CSS pour la page de gestion par le partenaire (gestion_accounts.php) */

#editformcontainer>.fieldcontainer>.neededInfoContainer>.left {
	float: left;
	width: 48%;
	padding: 0 0 0 1%;
	height: 100%;
}

#editformcontainer>.fieldcontainer>.neededInfoContainer>.right {
	width: 48%;
	float: right;
	height: 100%;
	padding: 0 1% 0 0;

}

#editformcontainer>.fieldcontainer>.neededInfoContainer>.left>input,
#editformcontainer>.fieldcontainer>.neededInfoContainer>.right>input {
	height: 12%;
}

#editformcontainer>.fieldcontainer>.neededInfoContainer>.left>select,
#editformcontainer>.fieldcontainer>.neededInfoContainer>.right>select {
	height: 12%;
	line-height: 100%;
	position: relative;
}

#editformcontainer>.fieldcontainer>#validActiveButton {
	width: 100%;
	height: 10%;
}

.fullpage {
	height: 100%;
	width: 100%;
}

#editAccount {
	z-index: 20002 !important;
}


#editaccount,
#addaccount {
	width: 43%;
	margin-left: 3%;
}


.accountHeader {
	float: left;
	width: 50%;
	display: inline-block;
}

.actionMenu {
	position: relative;
}

.actionMenu[data-badge]:after {
	content: attr(data-badge);
	border-radius: 100px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
	display: inline-block;
	font: 500 13px/21px Roboto, Arial, Helvetica, sans-serif;
	min-height: 22px;
	min-width: 22px;
	position: absolute;
	text-align: center;
	background: #FF0010;
	color: white;
}

.jqx-listitem-state-normal.jqx-item.jqx-rc-all .progressBarQuota span {
	top: 5px;
}


.accountDelete,
.accountEdit,
.accountPassword {
	font-size: 15px;
	background-color: transparent;
	border: 1px solid #d8d8d8;
	margin-left: 10px;
	width: 29px;


}

.accountDelete {
	color: red;
}

.accountDelete:hover,
.accountEdit:hover,
.accountPassword:hover {
	cursor: pointer;
}

.accountDelete:focus,
.accountEdit:focus,
.accountPassword:focus {
	outline: 0;
}

.modal {
	margin-top: 15vh;
}



.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 20px 12px;
	font-size: 20px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.chargeInitRappel .row div {
	padding-left: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;
}

.accountHeader .chargeInitRappel .row div,
.accountHeader .chargeInitRappel .row div p,
.accountHeader #isActivatedRappel .row div,
.accountHeader #isActivatedRappel .row div p {
	padding-left: 0.5em;
	font-weight: normal;
	margin: 0;
}

.greyStatus {
	color: rgba(0, 0, 0, 0.45);
	background-color: rgba(0, 0, 0, 0.1);
	border-color: #faebcc;
}

.orangeStatus {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}

.orangeStatus.jqx-fill-state-hover {
	color: #8a6d3b;
	background-color: #efd759;
	border-color: #faebcc;
}

.orangeStatus.jqx-grid-cell-selected {
	color: #efd759;
	background-color: #8a6d3b;
	border-color: #faebcc;
}

.redStatus {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}


.redStatus.jqx-fill-state-hover {
	color: #a94442;
	background-color: #f3adad;
	border-color: #ebccd1;
}

.redStatus.jqx-grid-cell-selected {
	color: #f3adad;
	background-color: #a94442;
	border-color: #ebccd1;
}

.greenStatus {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.greenStatus.jqx-fill-state-hover {
	color: #3c763d;
	background-color: #9ce47f;
	border-color: #d6e9c6;
}

.greenStatus.jqx-grid-cell-selected {
	color: #9ce47f;
	background-color: #3c763d;
	border-color: #d6e9c6;
}

button:focus {
	outline: 0;
}

.bootstrapButton:active:hover {
	color: #333;
	background-color: #d4d4d4;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .4);
	border-color: #8c8c8c !important;
}


.bootstrapButton:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad !important;
}

.bootstrapButton {
	color: #333;
	background-color: #fff;
	border-color: #ccc !important;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid;
	border-radius: 2px;
	text-transform: none;
	overflow: visible;
	font-size: 16px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
	-webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
}

.bootstrapButton.blue {
	color: rgb(255, 255, 255);
	background-color: rgb(3, 155, 229);
	border: #FFFFFF;

}

.bootstrapButton.blue:hover {
	background-color: rgb(0, 145, 234);
	color: rgb(255, 255, 255);

}

.bootstrapButton.blue:hover:active {
	background-color: rgb(72, 176, 240);
}

.modal.blue {
	margin-top: 4vh;
}

.modal.blue .modal-header {
	background-color: rgb(0, 145, 234);
}

.modal.blue .modal-header button,
.modal.blue .modal-title {
	opacity: 1;
	color: rgb(255, 255, 255);
	font-weight: 500;
}

.modal.blue .modal-footer {
	background-color: rgba(0, 0, 0, .03);
	border-top: 1px solid rgba(0, 0, 0, .12);
}

.modal.blue .modal-dialog {
	width: 720px;
}

input:focus {
	outline: none;
}

.fuseInput {
	border: none;
	color: rgba(0, 0, 0, 0.87);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	width: 100%;
	background-color: #FFFFFF;


}

input.fuseInput {
	height: 33px !important;
}

.ticketCreationDate {
	font-size: 10pt;
	margin-bottom: 2px;
	margin-top: 2px;
	font-style: italic;
}

textarea.fuseInput,
#ticketObj,
#ticketNumSAV {
	font-size: 14pt;
}

.fuseInput:focus {
	border-bottom: 1px solid rgb(45, 50, 62);
}



textarea.fuseInput:focus {
	border-bottom: 1px solid rgb(45, 50, 62);
	box-shadow: inherit;
}

.inputTicket {

	margin-bottom: 18px;
}

#assignedDropDown #dropdownlistArrowassignedDropDown,
#assignedDropDown #dropdownlistContentassignedDropDown {
	background-color: #FFFFFF;
	border: none;
}

.jqx-listitem-element {
	padding-left: 5px;
}

.jqx-listitem-element:hover {
	background-color: rgba(158, 158, 158, 0.2);
}

.jqx-listitem-element>span {

	padding: 0 16px 0 16px;
}

.chkbox+.jqx-listitem-state-selected.jqx-fill-state-pressed {
	background-color: transparent;
}

.jqx-listitem-state-selected.jqx-fill-state-pressed {
	border: none;
	border-radius: 0px;
	width: 100% !important;
	margin: 0;
}

.ticketObjectGridTitle {
	font-size: 12pt;
	font-weight: 500;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: -0.1px;
	margin-bottom: 4px;
}

.container-big {
	width: 90%;
}

.ticketObjectGridDetails {
	font-size: 11pt;
	letter-spacing: -0.1px;
	line-height: 18.2px;
	margin-bottom: 6px;
}

input[name=priority]:checked+label:before {
	background-color: rgb(0, 145, 234);
	border-bottom: none;
	border: none;
	outline: none;
}

input[name=priority]:checked+label:before:focus {
	outline: none;
}

.ticketObjectTags {}

.tagsContainer {
	display: inline-block;
	background-color: rgba(0, 0, 0, .08);
	border-radius: 2px;
	margin: 8px 4px 0 0;
	padding: 3px 8px;
}

.roundTags.green {
	background-color: rgb(56, 142, 60);
}

.valueTags {
	display: inline-block;
	font-size: 13px;
}


input[type="checkbox"]+label,
input[type="radio"]+label {
	font-size: 18px;
}

input[name=priority]+label {
	font-size: 14pt;
}

input[name=adminOnly]+label {
	color: black;
	font-size: 14pt;
	letter-spacing: -1px;
	font-weight: 500;
	margin: 0;
}

input[name=adminOnly]+label::before,
input[name=priority]+label::before {
	font-size: 10pt;
}

input[name=adminOnly]:checked+label::before,
input[name=priority]:checked+label::before {
	background-color: rgb(0, 145, 234);
	border-bottom: none;
	border: none;
	outline: none;
	font-size: 10pt;

}

div#jqx_actionlistgrid div[role=gridcell] {
	font-size: 12pt;
}


.roundTags {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	display: inline-block;
}

#inputDatePlan,
#inputDateDone {
	padding: 0 !important;
	height: 100% !important;
}

.fuseInput.cannotBeEmpty {
	color: #a94442;
	background-color: #f2dede;
	border: 1px solid #ebccd1;
	border-radius: 2px;

}

.fuseInput .jqx-position-absolute.jqx-action-button.jqx-fill-state-normal.jqx-rc-r.jqx-default {
	background-color: #FFFFFF;
	border-right: 1px solid rgb(229, 229, 299);
}


.optionAdminContainer {
	position: fixed;
	left: -230px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	z-index: 100000;
}

.optionAdminContainer.move {
	left: 0;
}

.optionAdminButton {
	text-align: center;
	height: 20px;
	line-height: 20px;
}

#openOptions:hover {
	cursor: pointer;

}

#layout {
	z-index: 9998;
}


/* tickets */

.actionOrange {
	color: orange;
}

.actionBleu {
	color: blue;
}

.actionGreen {
	color: green;
}

.actionGrey {
	color: grey;
}

.rootOnly {
	background-color: #e5f7ff;
}

#queryAccounts {
	max-width: 80%;
	margin-right: 10px;
}

#queryAccounts,
#queryAccounts+button {
	float: left;
}

.clearfix {
	clear: both;
}


@media only screen and (max-device-width: 576px) {
	.rechercheInfoPlus>div {
		width: 100% !important;
		float: none;
		margin: 0;
	}

	#RegionsCommercialesDropDown,
	#RegionsTechniquesDropDown,
	#HotLineDropDown,
	#VersionSWDropDown,
	#FiltercTypeCompte {
		width: calc(100% - 24px) !important;
		float: none;
		margin: 0;
	}

	#btnqueryAccounts {
		margin-top: 20px;
	}
}

/* GESTION DES STYLES POUR MOBILES */
/* Mobile format portrait */
@media only screen and (max-device-width: 320px) {

	/* Index.html */
	#banner.box.special.monBannerOeil {
		margin: 0;
		padding: 0 !important;
	}

	#banner .major p {
		max-width: 230px;
	}

	/* connexion.php */
	.articleParaSub>input {

		width: 100% !important;
	}


	/* Board.php */
	#main>header {
		width: 320px !important;
		margin: 0 !important;

	}

	#main>header>.titlecontainer>.headerTitle {
		width: 0;
	}

	#main>header>.titlecontainer>.headerTitleCenter {
		width: 96%;
	}


	.AutreBtn {
		width: 100%;
	}

	/* grille board */
	/* Row Details */
	/* Onglet compte */

	.initRowHeader>.jqx-tabs-headerWrapper.jqx-tabs-header.jqx-widget-header.jqx-rc-t {
		font-size: 8pt;
	}

	.initRowHeader {
		margin-left: 0 !important;
		width: 100% !important;
	}

	#contentjqx_accountslistgrid>.jqx-grid-content.jqx-widget-content>.jqx-enableselect.jqx-widget-content {
		margin-left: 0 !important;
		width: 100% !important;
	}

	/* Onglet backupset */
	.infoBackupSet>table>tbody>tr>td {
		width: 140px;
	}



	/* Account.php */

	/* Grille principale */
	.accountHeader {
		width: 100%;
	}

	.rowaccountdetails>.jqx-tabs-headerWrapper.jqx-tabs-header.jqx-widget-header.jqx-rc-t {
		font-size: 8pt;
	}

	.rowaccountdetails {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.rowaccountdetails>.jqx-tabs-content.jqx-widget-content.jqx-rc-b {
		height: 223px !important;
	}

	.rowaccountdetails>.jqx-tabs-content.jqx-widget-content.jqx-rc-b>.coordonnees>div>div {
		width: 100% !important;
	}

	.rowaccountdetails>.jqx-tabs-content.jqx-widget-content.jqx-rc-b>.gestion>div {
		margin: 5px 5px 5px 5px !important;
	}

	.rowaccountdetails>.jqx-tabs-content.jqx-widget-content.jqx-rc-b>.gestion>div>div {
		width: 100% !important;
	}

	#saveButtonCoordonnees {
		float: none !important;
		display: block;
		margin: 0 auto;
	}

	#saveButtonGestion {
		float: none !important;
		display: block;
		margin: 0 auto;
	}

	#contentjqx_accountsgrid>.jqx-grid-content.jqx-widget-content>.jqx-enableselect.jqx-widget-content {
		margin-left: 0 !important;
		width: 100% !important;
	}


	/* Tickets dans account.php*/

	.ticketinaccount>.jqx-tabs-headerWrapper.jqx-tabs-header.jqx-widget-header.jqx-rc-t {
		font-size: 8pt;
	}

	.ticketinaccount {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.ticketinaccount>.jqx-tabs-content.jqx-widget-content.jqx-rc-b {
		height: 230px !important;
	}

	.ticketinaccount>.jqx-tabs-content.jqx-widget-content.jqx-rc-b>.coordonnees>div>div {
		width: 100% !important;
	}

	.ticketinaccount>.jqx-tabs-content.jqx-widget-content.jqx-rc-b>.gestion>div {
		margin: 5px 5px 5px 5px !important;
	}

	.ticketinaccount>.jqx-tabs-content.jqx-widget-content.jqx-rc-b>.information>div>div {
		width: 100% !important;
	}

	#contentjqx_getaccountdetails_tickets>.jqx-grid-content.jqx-widget-content>.jqx-enableselect.jqx-widget-content {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.detailBox {
		padding: 0;
		overflow: hidden;
	}

	.boxConfirmerForm {
		width: 100%;
	}

	.Disxs {
		display: none;
	}
}

#myDropdown {
	z-index: 999;
	border-radius: 4px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #FFF;
	min-width: 320px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	padding: 0.5rem 0;
	right: 0;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	border-bottom: none;
	text-align: left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #ddd;
	cursor: pointer;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}

.rowaccountdetails {
	width: calc(100% - 60px) !important;
}

.coordonnees input:not(#saveButtonCoordonnees) {
	width: 80%;
	padding: 8px 20px;
}


.row:first-child>.rubriqueName,
.row:first-child>.gestionTitle {
	height: 20px;
	padding: 12px 20px !important;
}

.gestionTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	height: 15px;
	padding-top: 12px;
	padding-bottom: 12px;
}

pre.nas {
	font-size: 120%;
	color: #2f6f9f;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	background-color: transparent;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

.dropotron {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


input[type=text]:focus,
input[type=textbox]:focus,
#password:focus,
#login:focus,
input[type="text"].jqx-input:focus,
input[type="password"].jqx-input:focus,
textarea:focus,
.jqx-dropdownlist-state-normal.jqx-fill-state-pressed,
.jqx-combobox-input:focus,
.jqx-input-content:focus,
select:focus {
	/* sizes for the 2 images (focus state) */
	background-size: 100% 2px, 100% 1px;
	outline: none;
	box-shadow: none;
	outline: none;
}

input[type=text],
input[type=textbox],
#password,
#login,
textarea,
.jqx-dropdownlist-state-normal,
.jqx-combobox-input,
.jqx-input-content,
input[type="text"].jqx-input,
input[type="password"].jqx-input,
select {
	border-radius: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	display: block;
	width: 100%;
	border: 0;
	padding: 10px 5px;
	background: transparent no-repeat;
	box-shadow: none;
	background-image: linear-gradient(to bottom, rgb(66, 133, 244), rgb(66, 133, 244)), linear-gradient(to bottom, silver, silver);
	/* sizes for the 2 images (default state) */
	background-size: 0 2px, 100% 1px;
	/* positions for the 2 images. Change both "50%" to "0%" or "100%" and tri again */
	background-position: 50% 100%, 50% 100%;

	/* animation solely on background-size */
	transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
}

.jqx-combobox-state-normal.jqx-combobox.jqx-rc-all.jqx-widget.jqx-widget-content,
.jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content,
.jqx-widget.jqx-datetimeinput.jqx-input.jqx-overflow-hidden.jqx-rc-all.jqx-reset.jqx-clear.jqx-widget-content>div>.jqx-action-button,
.jqx-listitem-state-normal.jqx-fill-state-hover {
	border: none;
	background: transparent;
}

.jqx-listbox.jqx-fill-state-focus {
	border-right: none;
	border-top: 1px solid rgba(0, 0, 0, 0.14) !important;
	border-bottom: none;
	border-left: 1px solid rgba(0, 0, 0, 0.14) !important;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}


#searchAccount,
#rechercheinput {
	background-color: #FFFFFF;
	border: none;
}


h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 0.9em;
}

#main>header h2 {
	font-size: 2em !important;
}

input[type="submit"],
.monButton,
input[type="button"],
.articleParaSub input[type="submit"],
.button {
	color: #FFFFFF;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	border-radius: 2px;
	text-transform: none;
	overflow: visible;
	font-size: 16px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
	-webkit-transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1), background-color .4s cubic-bezier(.25, .8, .25, 1);
}

.jqx-grid-column-header.jqx-widget-header {
	background: #FFFFFF;
	color: rgba(0, 0, 0, 0.75);
}

.jqx-scrollbar-state-normal,
.jqx-scrollbar-thumb-state-normal.jqx-fill-state-normal {
	background: #FFFFFF;
}

.rounded {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	width: 16px;
	height: 16px;
}

.roundGreen {
	background-color: #0f9d58;
}

.roundYellow {
	background-color: #ffcc35;
}

.roundRed {
	background-color: #da1212;
}

.roundGrey {
	background-color: #a4a4a4;
}

.roundPurple {
	background-color: #6a0390;
}

.jqx-widget .jqx-grid-cell {
	border-right: none;
}

.jqx-widget-header.jqx-grid-header:hover .jqx-grid-column-header.jqx-widget-header {
	border-right: 1px solid #aaa;
}

.jqx-widget-header,
.jqx-grid-group-cell.jqx-grid-cell-pinned {
	background-color: #FFFFFF;
}

.jqx-grid-cell.jqx-item.jqx-grid-cell-wrap.jqx-grid-cell-pinned.jqx-grid-details-cell.jqx-grid-group-expand.jqx-icon-arrow-down {
	background-color: #FFFFFF;
	border-right: 1px solid rgb(222, 222, 222);
}

.jqx-tabs-title-selected-top {
	border: none;
	border-bottom: 2px solid #4285f4;
}

.jqx-tabs-title-hover-top {
	border: none;
	background: rgba(0, 0, 0, 0.1);
	border-radius: 0;
}

.jqx-tabs-title-selected-top>.jqx-tabs-titleWrapper {
	color: #4285f4;
	font-weight: 500;
	font-size: 14px;
}

.jqx-tabs-header {
	border: none;
}


.export.button {
	background-color: #EFEFEF;
	margin-bottom: 10px;
}

.dropdown-content a {
	font-size: 15px;
}

.cell-backup {

	--column-count: 1;
	height: 100%;
	width: 100%;
	padding: 5px;
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(min(var(--column-count), 5), 1fr);
}

.cell-backup-normal {
	height: 100%;
	width: 100%;
	display: block;
	line-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.cell-backup-normal.grayStatus {
	background-color: #dbdbdb;
}

.cell-backup .cube {
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cell-backup .cube.greenStatus {
	border-color: #3c763d;
}

.cell-backup .cube.orangeStatus {
	border-color: #8a6d3b;
}

.cell-backup .cube.redStatus {
	border-color: #a94442;
}


.cell-backup .cube i {
	font-size: .8rem;
}