body {
/*
   width: 80%; 
*/
   width: 85%; 
   float: center;
   margin: auto;
 }

.ddartheader {  
     max-width: 70%;
     justify-content: center;                       
} 

.menu {
        top: 0;
        text-align: center;
        float: center;
        /*color: #4472c4 ; */
        color: #4a85c8 ;
        font-size: 15pt; 
} 

.menu a {
        top: 0;
        text-align: center;
        float: center;
        /*color: #4472c4 ; */
        color: #4a85c8 ;
        font-size: 15pt; 
} 

 /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */   
}


/* Modal Content/Box */
.modal-content {
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */   
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;    
}

.close:hover,
.close:focus {
	color:white;
  text-decoration: none;
  cursor: pointer;
} 

.enModal {
	background-color: green;
	padding: 10px 20px;
	color:white;     
  float: center;  
  text-align: center;
  font-size: 18px;
}

.disModal {
	background-color: red;
	padding: 10px 10px;
	color:white;
  float: center;
  text-align: center;
  font-size: 18px; 
}

.camButton {
  float: center;
  text-align: center;
  padding: 5px 45px;
}    

.ddart-select {
  width: 235px;
  background-color: white;
  padding: 4px 10px;
  border-width: thin;
}  

.buttonOK { 
  margin: 1% auto;
  float: center;
  text-align: center;
  border: none;
	background-color: rgb(23,162,184) ;
	padding: 2px 15px;
	color:white;
  width: 15%;
  border-radius: 5%;
} 

.recClose { 
  float: center;
  text-align: center;
  
} 

/*  login  */
.btn-login {
  float: center;
  text-align: center;
  border: none;
  background-color: #4a85c8;
  padding: 10px 15px;
  color:white;
  width: 15%;
  border-radius: 5%;

}

/* Registered  */
.registered {
    background-color: #4a85c8 ;
    width: 80%;
}

.registered-bg {
    background-color: #4a85c8 ;
    width: 80%;
	height: 80px;
}

.enabledButton {
    background-color: #28a745 ;
    width: 80%;
	height: 40px;
}

.maintext {
    width: 60%;
    justify-content: center;
    padding-left: 0px;
}

/* Radio GDPR */
.labelGDPR {
  font-size: 20px; 	
  padding-left: 15px;	
}	
.radioGDPR {
  border: 0px;
  width: 5%;
  height: 1.5em;
  cursor: pointer;
}

/*  Footer */
.sponsor {  
     max-width: 70%;
  	float: right;
  	text-align: right;
     justify-content: right;                       
} 

/* main page */
.versionBtn {
  margin: 1% auto;
  float: center;
  text-align: center;
  border: none;
  background-color: #4a85c8 ;
  padding: 12px 15px;
  color:white;
  width: 100%;
  border-radius: 5%;
font-size: 18px
}

/* Account  */
.account {
  	float: center;
  	text-align: center;
  	color:white;
	background-color: #4a85c8 ;
	width: 100%;
}

/* Historic  */
.historic {
	color: #4a85c8 ;  	
}
.showHistoric {
	font-weight: bold;	
}