/*     */
#ErrorBox {
   top: 50%;
   left: 50%;
   width: 30em;
   margin-left: -15em; /* width/2 */
   margin-top: -100px;  /* height/2 */
   position: absolute;
   text-align: center;
   font-size: 16pt;
   color: red;
   line-height: 1.8;
   padding: 15px;
   background: white;
   box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
   -webkit-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
   -moz-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
}
#ErrorBox #ErrorContent{
   margin-top: 15px;
}
#ErrorBox #ErrorBoxHeader {
   color: white;
   font-size: 14pt;
   border-bottom: 1px solid #B5B5B5;
   margin-top: -10px;
   margin-left: -10px;
   margin-right: -10px;
   padding: 0px;
   background: red;
}

/*-------------------------------------------------------------*/
/*          authorization.html              */
/*-------------------------------------------------------------*/
#authorization_div {                                                 
    top: 50%;                                               
    left: 50%;                                              
    width: 370px;                                           
    height: 145px;                                          
    margin-left: -200px; /* width/2 */                      
    margin-top: -200px;  /* height/2 */                     
    position: absolute;                                     
    font-size: 18px;                                        
    line-height: 1.8;                                       
    padding: 15px;                                          
    background: white;                                      
    box-shadow: 0px 0px 7px rgba(122,122,122,0.5);          
    -webkit-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);  
    -moz-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);     
}                                                           
#error_login_div {                                                
    top: 50%;                                                                                             
    width: 95%;                                                                              
    margin-top: -20px;                                      
    position: absolute;                                     
    font-size: 18px;                                        
    text-align: center;  
	color: red;
    padding: 15px;
}                                                           
#error_hasp_div {                                               
    top: 50%;                                               
    left: 50%;                                              
    font-size: 25px;                                        
    text-align: center;
	color: red;	
    line-height: 0.1;                                       
    padding: 15px;                                          
    border: 0 solid black;                                  
}                          

/*-------------------------------------------------------------*/
/*     content.html ( ) */
/*-------------------------------------------------------------*/
#header {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	width: 100%;
	background: white;
	box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
	-webkit-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
	-moz-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
	border: 0px solid black;
}
#header_panel1 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	font-size: 18px;
	color: white;
	padding: 10px;
	
	float:left;
	top: 40px; 
	width: 70%; 
	background: #336699;	
	border: 0px solid black;
}
#header_panel2 {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	font-size: 18px;
	color: white;
	padding: 10px;
	
	float:left;
	top: 40px; 
	width: 30%; 
	background: #336699;
	border: 0px solid black;
	
	text-align: right;
}
#main_content {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	font-size: 18px;
	padding: 10px;
	margin-top: 2px;
	width: 100%;

	background: white;
	box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
	-webkit-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
	-moz-box-shadow: 0px 0px 7px rgba(122,122,122,0.5);
	border: 0px solid black;
}

#main_message {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	padding: 0px 1em;
	margin-top: 2px;
	width: 100%;
 max-height: 10em;
 overflow: auto;
	background: white;
	border: 2px solid Red;
}

/****************************************************************
     CONTENT.HTML
****************************************************************/

/*DIV     */
#scroll_div {                                               
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    width: 100%;                                            
    height: 366px;                                          
    border: 0px solid black;                                
    overflow: auto;                                         
}  

/**/
.main_button {                                              
	width: 110px; 
	height: 35px; 
	margin: 5px; 
	cursor: pointer;
}     

.big_button {                                              
	width: 250px; 
	height: 35px; 
	margin: 5px; 
	cursor: pointer;
}   

.search_button {                                              
	width: 200px; 
	height: 25px; 
	margin: 5px; 
	cursor: pointer;
}   

.reset_button {                                              
	width: 30px; 
	height: 25px; 
	margin: 5px; 
	cursor: pointer;
}
/*-------------------------------------------------------------*/
/*   . div                       */
/*-------------------------------------------------------------*/

#center_panel1 {                                            
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    float: left;                                            
    width: 50%;                                                                          
    border: 0px solid black;                                
}                                                           
#center_panel2 {                                            
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    float: left;                                            
    width: 50%;                                                                         
    border: 0px solid black;                                
}                                                           
#center_panel3 {                                            
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    float: left;                                            
    width: 50%;                                                           
    border: 0px solid black;                                
}                                                           
#center_panel4 {                                            
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    float: left;                                            
    width: 50%;                                                            
    border: 0px solid black;                                
}      

/*-------------------------------------------------------------*/
/*   .                                   */
/*-------------------------------------------------------------*/  
                                               
/* */
.main_table {                                               
    border: 1px solid #B5B5B5;                              
    background-color: #F5F5F5;                              
}      

/* */                                                         
.header_table {                                             
    border: 1px solid #B5B5B5;                              
    background-color: #DCDCDC;                              
}    

/* ,   */
.header_table_center {                                      
    border: 1px solid #B5B5B5;                              
    background-color: #DCDCDC;                              
    text-align: center;                                     
}  

/*  " ",    */
.color_table {                                              
    border: 1px solid #B5B5B5;                              
    cursor: pointer;                                        
}        

/*  */
.hidden_table {                                             
    display: none;                                          
}             

/*-------------------------------------------------------------*/
/*   .                                     */
/*-------------------------------------------------------------*/   

/* */
.title_text {                                               
    margin: 7px 0px 7px 7px;                                
	color: #808080;                                         
    font-size: 14pt;                                        
} 

/* */
.error_text {                                               
    font-size: 15pt;                                        
    color: red;                                         
    margin: 10px;                                           
    padding: 0px;                                           
}             

/* */
.comment_text{                                       
    margin: 7px 0px 7px 7px;                                
	color: #336699;                                         
    font-size: 14pt;                                        
}   

/* */
.simple_text {
	font-size: 14pt;
}

/*-------------------------------------------------------------*/
/*   .                                    */
/*-------------------------------------------------------------*/
  
/*  */                                              
#block_setting_reports {                                    
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
	width: auto;
	min-width: 390px;
    font-size: 18px;                                        
    padding: 0px 0px 0px 10px;                                                                                                       
    margin-top: 2px;                                        
    background: #F5F5F5;                                    
    border: 1px solid #B5B5B5;  
    border-radius: 0px 10px 0px 10px;                       
    -webkit-border-radius: 0px 10px 0px 10px;               
    -moz-border-radius: 0px 10px 0px 10px;                  
    -o-border-radius: 0px 10px 0px 10px;                    
    -khtml-border-radius: 0px 10px 0px 10px; 
    display: none;                                          
}  
    
/* */                                                     
.linkReport:link {                                          
    color: #003300;                                         
    text-decoration:none;                                   
}                                                           
.linkReport:visited {                                       
    color:#A9A9A9;                                          
}                                                           
.linkReport:hover {                                         
    color:#008000 ;                                         
    text-decoration:none;                                   
    position: relative;                                     
    left: 2px;                                              
}                                                           
.linkReport:active {                                        
    color:green;                                            
    text-decoration:none;                                   
}   

/*-------------------------------------------------------------*/
/*   .                    */
/*-------------------------------------------------------------*/

/* */
.color_table_users {                                        
    border: 1px solid #B5B5B5;                              
    background-color: #F5F5F5;                       
    cursor: pointer;        
}        

#block_setting {                                            
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    width: 100%;                                            
    background: white;                                    
    border: 0px solid #B5B5B5;  	
    margin-top: 2px;                                        
    display: none;                                          
}   

#setting_panel1 {                                           
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    float: left;                                            
    width: 50%;                                             
    border: 0px solid black;                                
}                                                           
#setting_panel2 {                                           
    box-sizing: border-box;                                 
    -moz-box-sizing: border-box;                            
    -webkit-box-sizing;                                     
    font-size: 18px;                                        
    padding: 10px;                                          
    float: left;                                            
    width: 50%;                                             
    border: 0px solid black;                                
}    

/*-------------------------------------------------------------*/
/*   .                                   */
/*-------------------------------------------------------------*/

.tab_block {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	float:left;
	font-size: 18px;                                                                              
	padding: 10px;    
	margin-top: 10px;
	margin-right: 1px;        
	cursor: pointer; 
	background: #eee;
	border-top: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
}

#tab_content {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing;
	width: 100%;                                            
	height: 290px; 
	border: 1px solid #ccc; 
	font-size: 18px;                                                                              
	padding: 10px;  
	overflow: auto;
	clear: both; /* */
}

/*-------------------------------------------------------------*/
/*     ""                                   */
/*-------------------------------------------------------------*/

.close_block {
	width: 100%;
	text-align: right;
	margin-top: -15px;
	margin-bottom: -15px;
}

.close_link {
	font-family: Arial; 
	font-size: 45px; 
	font-weight: bold;
	color: #CE7BE5;
	cursor: pointer;
}

#footer {
    position: fixed; /*   */
    left: 0; bottom: 0; /*    */
	background: #F5F5F5;
    padding: 10px; /*    */
    width: 100%; /*   */
   }
#content {
    width: 100%; /*   */
	margin-bottom: 1220px;
    margin-left: 10px;
    margin-top: -15px;
   }
