body {
	background: #262626;
	color: #cacaca;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
/* 	height:798px;	 */
	height:100%;	
	margin:0px;
/* 	min-width:800px;  */
	width:800px; 
	margin-left: auto;
	margin-right: auto;
}

#showImageContener {
	text-align: center;
	max-height:583px;	
	max-width:598px; 
	margin-left: auto;
	margin-right: auto;
	background-color:rgba(44,44,50,0);
  	cursor: zoom-out !important;
}

.drcControl { 
	unicode-bidi: bidi-override; 
	direction: rtl; 
}

#showImageContener img {
	background-color:transparent;
  	cursor: zoom-out !important;
}
#langueMenu img:hover {
  	cursor: auto !important;
}
#headerLogo img:hover {
  	cursor: auto !important;
}
img:hover {
  	cursor: zoom-in;
}

.link {
	text-decoration:underline;
	cursor: pointer;
	color:rgb(178, 58, 255);
}

.popupMenu li{
	background: #000000;
	color: #cacaca;
  padding: 0px 10px 0px 10px;
  list-style: none;
  line-height: 18px;
  border-radius: 7px;
}

.popupMenu li:hover{
	background: #cacaca;
	color: #000000;
  	cursor: pointer;
}




li {
	list-style: none;
}

.debug {
/* 	 border:1px solid white; */
}

.ProgressBar {
	 border:1px solid white;
}

.errorMessage {
/* 	display:block !important; */
}

.mandatory {
	display: none;
}


/************************* Header **************************/

#header {
	position:relative;
	min-height:119px;
	height:auto;
	width:100%;
 	float:left;
 	color: #cacaca !important;
}

#headerLogo {
	position:relative;
 	float:left;
	width:166px; 
	height:119px;
}

#logoDrc {
	position:absolute;
	margin-top:20px;
	margin-left:10px;
	width:120px;
	height:99px;
}

#headerAddress {
 	float:left;
	width:170px; 
	height:99px;
}

#headerAddress p {
	color: #8f8f8f; 
	width:155px; 
	text-align: center;
	padding-top:3px;
	padding-bottom:7px;
	margin-top:0px;
	margin-bottom:10px;
}

#headerAddress table {
	height:99px;
}

#headerDeconnection {
	position:absolute;
	color: #cacaca;
	bottom:0px;
	right:0px;
	height:40px;
 	line-height:20px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#headerDeconnection li{
 	float:left;
}

#headerDeconnection span{
	position:relative;
	top:10px;
}

#userInfoMenu {
	padding-left: 10px;
	width:420px;
	height:84px;
	margin-top: 35px;
	margin-left: 30px;
	position:relative;
 	float:left;
 	color: #cacaca !important;
}

#langueMenu {
	position:absolute;
	width:auto; 
	height: 25px;
	padding-left:10px;
	padding-top:10px;
	top:0px;
	right:0px;
}

#langueMenu img {
	width:20px;
}

/* #userInfoMenu_headerUserChangeButton { */
/* 	position:absolute; */
/* 	top:0px; */
/* 	right:0px; */
/* 	margin-top:21px; */
/* } */

/************************* Menu **************************/

#menu {
	background: #343434;
	position:relative;
	float:left;
/* 	height:583px; */
	height:85%;
	min-height:588px;
	width:188px;
	margin-top:20px;
}

#menu {
 	float:left;
}

#menu ul{
	width:188px;
}

#menu li:hover{
}

#menu span{
	position:relative;
	top:10px;
	text-decoration:none !important; 
}

/************************* Contener **************************/

#contener {
	background: #434343;
	position:relative;
	float:left;
	height:85%;
/* 	height:583px; */
	width:598px;
	min-height:588px;
	margin-top:20px;
	margin-left:10px;
	border-radius:7px;
}

#contener .title {
	text-align: center;
	line-height: 60px;
	font-size: 42px;
	margin-top:15px;
	margin-bottom:15px;
	font-family: Segoe UI, sans-serif;
	width:598px;
}

#contener .contener {
	display:none;
}


#contener .text {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
	width:598px;
}

#contener .modalText {
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
	margin-top:10px;
	height:25px;
}

#contener .form {
	position:relative;
	text-align: center;
	margin-top:5px;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
/* 	width:598px; */
}

#contener .form input {
	position:absolute;
	left:50%;
}

#contener .form label {
	position:absolute;
	left:20%;
}

#contener .modalForm {
	text-align:left;
}

#contener .modalForm input {
	position:absolute;
	left:50%;
	width:50%;
}

.bar {
    height: 18px;
    background: green;
}

#deleteClientContener input,
#deleteClientJarContener input {
	width: 40% !important;
}
 #contener .modalForm select {
	position:absolute;
	left:50%;
	width:50%;
}
 #changeClientContener  input,
 #changeClientContener  select {
	position:absolute;
	left:50% !important;
	width:49% !important;
}

#contener .modalForm label {
	position:absolute;
	left:0%;
	width:50%;
}

#changeSiteNumberContener .modalForm label {
	width:80% !important;
}

#contener .strutsForm {
	position:relative;
	text-align: center;
	margin-top:5px;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
}

#contener .strutsForm table{
	margin-left: auto;
	margin-right: auto;
}


#contener .form div {
	height:25px ;
}


#contener .submitForm {
	position:relative;
	text-align: center;
	height:25px;
}

#contener .comment{
	margin-top:20px;
	text-align: center;
}

#contener .contenu{
	text-align: center;
}

#changeSiteNumberContener textarea{
	width:275px;
	height:110px;
	top:20px;
	left:10px;
	position:relative;
	resize: none;
}


/************************* Connection **************************/

#connectionContener .contenu span {
	margin-top:30px;
}

/************************* Site **************************/

#siteContener_infoSite span  {
	margin-left:4px;	
}

#siteContener_infoSite {
	height:	79px;
}

/************************* Accueil **************************/

#accueilContener_accueilList span {
	margin-left:8px;
}

#accueilContener_accueilList {
	width:90%;
	margin:15px auto auto auto;
	float:none !important;
}

/************************* Access **************************/

#accessContener_serviceTree {
	margin: auto !important;
	float:none !important;
}

/************************* Factory **************************/

#factoryContener_factorySiteInfo {
	height:30px;	
}

#factoryContener_factoryInfo span,
#factoryContener_factorySiteInfo span {
	margin-left:4px;	
}

#factoryContener_factoryInfo {
/* 	width:46%; */
/* 	margin-left:10px !important; */
}

#factoryContener_factoryInfo span {
	margin-left:4px;	
}

/************************* Service **************************/

#serviceContener_serviceInfoTitle {
	width:40%;
/* 	margin-top:-30px !important; */
	margin-bottom:0px !important;
}

#serviceContener_treeTitle a {
	margin-left:5px;
	float:right !important;
}

#serviceContener_treeTitle {
	width:96%; 
/* 	margin-left:3%; */
}

#serviceContener_siteList {
	overflow: auto;
	height:120px;
	width:39%;
	float:left;
	margin-left:6px;
	margin-top:0px !important;
}

#serviceContener_userList {
	overflow: auto;
	height:120px;
	width:52%;
	float:left;
	margin-top:0px !important;
    margin-left: 20px;
}

#serviceContener_siteList span {
	margin-left:4px;	
}

#serviceContener_siteListTitle {
	position:relative;
	top:3px;
	margin-left:7px;
	height:28px;
	margin-top:0px !important;
	text-align:left !important;
}

/************************* Footer **************************/

#footer {
	background: #343434;
	position:relative;
	float:left;
	width:800px; 
	height:83px; 
	margin-top:20px;
}

#footer .text {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	font-family: Segoe UI, sans-serif;
}

#footer a {
	color: #cacaca;
}


#footer a:hover {
	color: #ffffff;
	background: #262626;
	border-radius: 6px;
}



#accueilContener a {
	color: #cacaca;
}

.accueilContener_link a:hover {
	color: #ffffff;
	background: #262626;
	border-radius: 6px;
}

/************************************************************/
/************************* Classes **************************/
/************************************************************/

/************************** border **************************/

.border {
	border:1px solid #434343;
	border-radius:7px;
}

.menu ul{
	position:absolute;
 	list-style:none;
	color: #cacaca;
 	line-height:20px;
	height:40px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.float_left{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

/************************** menu ***************************/

.menu li{
	color: #cacaca;
 	padding: 0px 10px 0px 10px;
 	list-style:none;
 	line-height:18px;
 	text-transform:uppercase;
	height:40px;
	border-radius:7px;
	margin: 2px 0px 2px 0px;
}

.menu li:hover{
	background: #000000;
	color: #ffffff;
  	cursor: pointer;
}

.selectedMenu {
	background: #000000;
	color: #ffffff !important;
	text-decoration:underline;
  	cursor: context-menu !important;
}

/************************** error ***************************/

.errorMessage{
	color: #ff0000;
}


.errorField{
	border:1px solid #ff0000;
}

/************************** text ***************************/

.display25{
	margin-left:25%;
	margin-top:5px;
}

.treeTitle{
	text-decoration:underline;
	margin-left:23%;
	font-size: 20px;
}

.treeTitle a{
	margin-left:15px;
}

/************************** div ***************************/

.thirdSpace {
	width: 6%;
	float:left;
	height:25px;
	margin-top:20px;
}

.half {
	width: 40%;
	float:left;
	min-height:50px;
	max-height:235px;
	overflow:auto;
	text-align:left !important;
	margin-top:0px !important;
	background: #262626;
	margin-top:5px !important;
	border-radius:6px;
}

.halfSite {
	width: 87%;
	float:left;
	min-height:50px;
	max-height:120px;
	overflow:auto;
	text-align:left !important;
	margin-top:0px !important;
	background: #262626;
	margin-top:5px !important;
	border-radius:6px;
}

.halfClient {
	width: 98%;
	float:left;
	min-height:50px;
	max-height:320px;
	overflow:auto;
	text-align:left !important;
	margin-top:0px !important;
	background: #262626;
	margin-top:5px !important;
	border-radius:6px;
}


#clientContener_clientList {
	min-height:0px;
	max-height:187px;
}

#clientContener_siteList {
	min-height:30px;
	max-height:186px;
}

.halfLine{
	margin-left:0%;
	height:28px !important;
  	cursor: pointer;
  	padding-top:3px;
}

.halfLine:hover{
  border-radius: 6px;
  box-shadow: inset 0 0 25px #cccccc !important;
}

.halfLine span{
	margin-left:3px;;
}

.selectedHalfLine {
	border-radius:6px;
  	box-shadow: inset 0 0 55px #009db9 !important;
  	cursor: context-menu !important;
  	margin-right:0px;
}

.superAdmin {
	border-radius:6px;
  	box-shadow: inset 0 0 20px #776A12 ;
}

.halfTitle {
	width: 40%;
	float:left;
	text-decoration:underline;
	font-size: 20px;
	text-align:left !important;
	float:left !important;
}

.halfTitle a {
	margin-left:15px;
	float:left;
	margin-right:0px;
}

.halfTitle span {
	float:left;
	margin-top:3px;
}

.downTable {
	width: 86%;
	float:left;
	min-height:50px;
	max-height:140px;
	overflow:auto;
	margin-top:5px !important;
	background: #262626;
	margin-left:6%;
	border-radius:6px;
}

.downTableTitle {
	float:left;
	text-align:left !important;
	text-decoration:underline;
	font-size: 20px;
	width:100%;
	margin-bottom:5px;
}

.downTableTitle span {
	margin-left:6%;
	float:left !important;
	margin-top:3px;
}

.downTableTitle a {
	margin-left:15px;
	float:left !important;
	margin-right:0px;
}

.siteTable  {
	height:30px;
}

#changeSiteContener_picture {
	width: 224px;
	margin-top: 5px !important;
	float: left;
}

#changeSiteContener_picture img{
	max-width: 100%;
	max-height: 109px;
}

#siteContener_infoSite {
	width: 40%;
}

#siteContener_infoSite {
	width: 40%;
	height: 100px;
}

#siteContener_picture {
	width: 40%;
	height: 100px;
	text-align: center !important;
}

#siteContener_picture img{
	max-width: 100%;
	max-height: 100px;
}


#accueilContener_siteList {
  margin-left: 1%;
}


#accueilContener_siteList img{
	max-width: 100%;
	max-height: 100px;
}
#accueilContener_siteList .download_button{
  margin-top: -50px;
}
#accueilContener_siteList .warningIcon{
  margin-top: -48px;
  margin-right: 100px;
}
#accueilContener_siteList .drc_button{
  margin-top: -54px;
  margin-right: 53px;
}

#accueilContener_siteList .halfLine{
	height: 100px !important;
}

#accueilContener_siteList .siteImage{
	height: 100px !important;
	width:200px !important;
  	text-align: center;
  	margin-right: 10px;
}

#accueilContener_siteList span{
	float: left;
}

#siteContener_siteList,
#siteContener_dnsList,
#siteContener_shareList {
	height:100px;
}

#changeSiteContener_clientListSelect {
	margin-top: 0 !important;
}

#changeSiteContener_javaFxListSelect {
	margin-top: 0 !important;
}

#changeSiteContener_clientListSelect select {
	width: 50.7% !important;
}

#changeSiteContener_javaFxListSelect select {
	width: 50.7% !important;
}

#changeUserFromGroupContener_level select {
	width: 51% !important;
/* 	margin-left:54px; */
/* 	left:89% !important; */
}

#updateAccountContener_level select {
	width: 51% !important;
/* 	margin-left:87px; */
/* 	left:89% !important; */
}

#historiqueContener_userListSelect select {
	width: 51% !important;
}


#historiqueContener_siteListSelect select {
	width: 51% !important;
}

#historiqueContener_actionListSelect select {
	width: 51% !important;
}

/************************** tree ***************************/

.treeServices {
	overflow: auto;
	height:240px;
	width:92%;
	float:left;
	background: #262626;
	border-radius: 6px;
	margin-left: 4%;
}
.treeSites {
	overflow: auto;
	height:220px !important;
	width:92%;
	float:left;
	background: #262626;
	border-radius: 6px;
	margin-left: 4%;
}

/************************** button ***************************/

.download_button,
.param_button,
.play_button,
.add_button,
.delete_button,
.change_button,
.changeUser_button,
.cancel_button,
.valid_email_button,
.addAll_button,
.warningIcon,
.valid_button {
	width:25px;
	height:25px;
  	cursor: pointer;
	border-radius:7px;
	float:right;
	margin-right:10px;
}

.certificat_button {
	width:15px;
	height:15px;
	border-radius:1px;
	float:right;
	margin-right:10px;
	margin-left: 10px;
    margin-top: 3px;
}


.drc_button {
	width:32px;
	height:32px;
  	cursor: pointer;
	border-radius:7px;
	float:right;
	margin-right:10px;
}

.ask_site_button {
	width:15px;
	height:15px;
  	cursor: pointer;
	border-radius:5px;
	float:right;
	margin-right:10px;
}


.download_button {
	background: url(../image/action/download_button.png) no-repeat;
}
.drc_button {
	background: url(../image/action/Drc32.png) no-repeat;
}

.valid_email_button {
	background: url(../image/action/valid_email_button.png) no-repeat;
}

.add_button {
	background: url(../image/action/add_button.png) no-repeat;
}

.delete_button {
	background: url(../image/action/delete_button.png) no-repeat;
}

.certificat_button {
	background: url(../image/certificat.png) no-repeat;
}

.change_button {
	background: url(../image/action/param_button.png) no-repeat;
}

.changeUser_button {
	background: url(../image/action/changeUser_button.png) no-repeat;
}

.cancel_button {
	background: url(../image/action/cancel_button.png) no-repeat;
}

.valid_button {
	background: url(../image/action/valid_button.png) no-repeat;
}

.param_button {
	background: url(../image/action/param_button.png) no-repeat;
}

.play_button {
	background: url(../image/action/play_button.png) no-repeat;
	margin-right:30px;
}

.warningIcon {
	background: url(../image/Events.png) no-repeat;
}

.addAll_button {
	background: url(../image/action/addAllUser.png) no-repeat;
}

.ask_site_button {
	background: url(../image/action/ask_site_button.png) no-repeat;
}


/************************** modal ***************************/

.modalBackGround {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    background-color: rgba(44, 44, 50, 0.8);
}
.popupMenu {
    background-color: transparent;
}

.modalContenu {
    background-color: black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: block;
    left: 4%;
/*     margin: -120px 0 0 -160px; */
    padding: 10px;
    position: relative;
    top: 25%;
    z-index: 1000;
    width: 90%;
    height: auto;
}

.modalTitle {
	float:left;
	height:26px;
	
}

.modalTitleText {
	height:26px;
	
}

.modalTitleText span {
	margin-left:5px;
	
}

/************************** factory modal ***************************/

#changeFactoryContener .modalContenu, 
#addFactoryContener .modalContenu  {
	width:65%;
	top:32.5%;
}
#deleteFactoryContener .modalContenu{
	height:14%;
	top:40%;
}
#deleteFactoryComfirmeContener .modalContenu{
	height:15%;
	top:40%;
}

#changeSiteNumberContener .modalContenu{
	width:50%;
	height:30%;
	top:35%;
}

/************************** factoryAdmin modal ***************************/

#changeFactoryAdminContener .modalContenu, 
#addFactoryAdminContener .modalContenu  {
	width:75%;
	top:32.5%;
}
#deleteFactoryAdminContener .modalContenu{
	height:14%;
	top:40%;
}
#deleteFactoryComfirmeAdminContener .modalContenu{
	height:15%;
	top:40%;
}

#changeSiteNumberAdminContener .modalContenu{
	width:50%;
	height:10%;
	top:35%;
}

/************************** User modal ***************************/

#deleteUserFromGroupContener .modalContenu  {
	width:65%;
	top: 36%;
}

#deleteUserFromFactoryContener .modalContenu  {
	width:65%;
	top: 37.5%;
}

#deleteAdminFromGroupContener .modalContenu  {
	width:65%;
	top: 42%;
}

#deleteAdminFromFactoryContener .modalContenu  {
	width:90%;
}

#changeUserFromGroupContener .modalContenu  {
	width:85%;
	top: 25%;
	height:45%;
}

#changeGroupContener .modalContenu  {
	width:72%;
	top: 45.5%;
}

/* #changeAdminFromGroupContener .modalContenu  { */
/* 	width:90%; */
/* } */

#changeAdminAccessContener .modalContenu  {
	width:79%;
	top: 16% !important;
}

#addUserToGroupContener .modalContenu  {
	width:70%;
	top: 28.5%;
}

#addGroupContener .modalContenu  {
	width:53%;
	top: 44%;
}

#addAdminToGroupContener .modalContenu  {
	width:79%;
	top: 10.5% !important;
}

/************************** Client modal ***************************/

#changeClientContener .modalContenu  {
	width:80%;
	height:90%;
	top: 3%;
}

#addClientContener .modalContenu  {
	width:50%;
	top: 40%;
}

#deleteClientContener .modalContenu  {
	width:60%;
	top: 40%;
}

#changeClientJarContener .modalContenu  {
	width:70%;
	top: 40%;
}

#deleteClientJarContener .modalContenu  {
	width:75%;
	top: 40%;
}

#changeClientContener_jarList  {
	width: 100% !important;
	height: auto !important;
	max-height:200px;
}


#changeClientContener_jarList .halfLine {
	height: 28px !important;
}

/************************** Site modal ***************************/

#changeSiteContener .modalContenu  {
	width:80%;
	height:95%;
	top: 1%;
}

#changeSiteContener_jarList  {
	width: 45% !important;
	height: 100px;
}


#changeFactoryAdminContener_certificatList  {
	width: 45% !important;
	height: 100px;
}

#changeSiteContener_specialJarList  {
	width: 45% !important;
	height: 100px;
}

#changeSiteContener_jarList .halfLine {
	height: 28px !important;
}

#changeSiteContener_dnsList .halfLine {
	height: 28px !important;
}

#changeFactoryAdminContener_certificatList .halfLine {
	height: 28px !important;
}

#dismissShareContener .modalContenu  {
	width:50%;
	height:5%;
	top: 40%;
	left: 25% !important;
}

#addShareContener .modalContenu  {
	width:60%;
	height:10%;
	top: 40%;
	left: 25% !important;
}

#changeShareContener .modalContenu  {
	width:50%;
	height:10%;
	top: 40%;
	left: 25% !important;
}

#deleteShareContener .modalContenu  {
	width:50%;
	height:5%;
	top: 40%;
	left: 25% !important;
}

#deleteSiteContener .modalContenu  {
	width:70%;
	height:5%;
	top: 40%;
	left: 14% !important;
}

#addSpecialJarToSiteContener .modalContenu  {
	width:60%;
	height:10%;
	top: 40%;
}

/************************** Client modal ***************************/

#changeSiteFromServiceContener .modalContenu  {
	width:80%;
	height:62%;
	top: 20%;
}

#changeSiteFromServiceContener_jarList  {
	width: 100% !important;
	height: 100px;
}

#changeSiteFromServiceContener_jarList .halfLine {
	height: 28px !important;
}

#changeSiteFromServiceContener_clientListSelect {
	margin-top: 0 !important;
}

#changeSiteFromServiceContener_clientListSelect select {
	width: 50.7% !important;
}

#addSpecialJarContener .modalContenu  {
	width:60%;
	height:10%;
	top: 40%;
}

/************************** Service modal ***************************/

#changeServiceContener .modalContenu  {
	width:70%;
	height:10%;
	top: 40%;
	left: 14% !important;
}

#deleteServiceContener .modalContenu  {
	width:70%;
	height:5%;
	top: 40%;
	left: 14% !important;
}

#addServiceContener .modalContenu  {
	width:70%;
	height:10%;
	top: 40%;
	left: 14% !important;
}

#addUserToServiceContener .modalContenu  {
	width:70%;
	height:10%;
	top: 40%;
	left: 14% !important;
}

#changeUserFromServiceContener .modalContenu  {
	width:93%;
	height:64%;
	top: 15%;
	left: 2% !important;
}

#deleteUserFromServiceContener .modalContenu  {
	width:70%;
	height:5%;
	top: 14%;
	left: 14% !important;
}

#changeSiteFromServiceContener_jarList  {
	width: 45% !important;
	height: 100px;
}

#changeSiteFromServiceContener_specialJarList  {
	width: 45% !important;
	height: 100px;
}

#changeSiteFromServiceContener_jarList .halfLine {
	height: 28px !important;
}

/************************** Access modal ***************************/

#addSiteToServiceContener .modalContenu  {
	width:50%;
	height:10%;
	top: 40%;
	left: 25% !important;
}

#deleteSiteFromServiceContener .modalContenu  {
	width:90%;
	height:5%;
	top: 40%;
	left: 3% !important;
}

/************************** Account modal ***************************/


#updateAccountConfirmeContener .modalContenu  {
	width:85%;
	top: 40%;
}
#updatePasswordConfirmeContener .modalContenu  {
	width:85%;
	top: 40%;
}

/************************** wait modal ***************************/

.waitingBar {
	width:200px; 
	height:40px;
	top: 43%;
	left: 31%;
	padding:0;
	background-color:transparent;
}

/************************** checkbox ***************************/

#changeAdminAccessContener_groupChangeAccess{			width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_groupDeleteAccess{			width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userAddManagement{			width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userAddAccess{				width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userAddByEmailAccess{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userDeleteManagement{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userDeleteFromGroupAccess{	width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userDeleteFromFactoryAccess{	width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userDeleteAccountAccess{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userChangeManagement{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userChangeFieldAccess{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_userChangePasswordAccess{	width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_adminAddByEmailAccess{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_adminDeleteFromGroupAccess{	width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeAdminAccessContener_adminChangeAccessAccess{		width:35px !important;left:0% !important;float:left !important;position:relative !important;}

#addAdminToGroupContener_groupChangeAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_groupDeleteAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userAddManagement{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userAddAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userAddByEmailAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userDeleteManagement{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userDeleteFromGroupAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userDeleteFromFactoryAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userDeleteAccountAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userChangeManagement{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userChangeFieldAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_userChangePasswordAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_adminAddByEmailAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_adminDeleteFromGroupAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#addAdminToGroupContener_adminChangeAccessAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}

#changeUserFromServiceContener_serviceAddAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_serviceChangeAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_serviceDeleteAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_userAddAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_userDeleteAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_userChangeAccessAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessAddSiteAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessDeleteSiteAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessChangeSiteAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessChangeSiteInfoAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessChangeSiteClientAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessChangeSiteLibraryAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}
#changeUserFromServiceContener_accessChangeSiteShareAccess{width:35px !important;left:0% !important;float:left !important;position:relative !important;}




#updateAccountContener .checkboxLabel{
	width:49% !important;
/* 	left:10% !important; */
	float:left !important;
	position:relative !important;
}


.checkboxLabel{
	width:70% !important;
/* 	left:10% !important; */
	float:left !important;
	position:relative !important;
}


.thirdSpaceForCheckBox {
	width: 32px;
	float:left;
	height:20px !important;
	margin-top:0px;
}


/************************** upload  ***************************/

DIV.ProgressBar { 
	width: 59%; 
	margin-top:5px; 
	margin-left: 10px; 
	border: 1px solid white;  
	height:.75em;  
	display:-moz-inline-stack; 
	display:inline-block; 
	zoom:1; 
	display:inline;
	float:left; 
}
	
DIV.ProgressBar DIV { 
	position:relative; 
	float:left; 
	background-color: 
	Green; 
	font-size: 1pt; 
	height:100%; 
	float:left; 
}

SPAN.asyncUploader OBJECT { 
	position: relative; 
	float:left; 
	top: 0px; 
	left: 55.5%; 
}



/************************** upload  ***************************/

.troncable {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
	
}
.troncableForHeader {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    display: inline-block;
	
}

.sqsqsdqsdqsdqsdqsd {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
	max-width: 46%;
}





.modalContenuForUpload {
	height:68px;
	top:41%;
    background-color: black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: block;
    left: 4%;
    padding: 10px;
    position: relative;
    z-index: 1000;
    width: 90%;
}

.modalBackGroundForUpload {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    z-index: 100;
    background-color: rgba(44, 44, 50, 0.8);
}

.uploadJarProgressbox {
	position: relative;
	width: 100%;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
	top:30px;
}

.uploadJarProgressbar {
	background-color: #038eda;
	width: 0%;
	height: 20px;
	border-radius: 4px;
}

.uploadJarPercent {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 48%;
}


.uploadJarMessage {
    margin-top: 30px;
}