﻿#container {
	min-width: 310px;
	max-width: 750px;
	height: 400px;
		margin: 0 auto; 

}
#container2 {
	min-width: 310px;
	max-width: 750px;
	height: 400px;
	margin: 0 auto; 
}
.loading {
	margin-top: 10em;
	text-align: center;
	color: gray;
}	

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 3px!important;
   font-size: 16px!important;
}
.cpe{
	margin:10px;
    background-color: transparent!important;
    border-color: #e0e0e0;
    height: auto;
        position: relative;
    display: block;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
     border-bottom: 3px solid  #570171!important;

}
.cpe-header {
	padding: .75rem 1.25rem;
	    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; 
    font-family: "Open Sans",apple-system,blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
    line-height: 1.3;
    font-weight: 500;
    font-size:20px;
    color: #fff!important; background-color: #570171;
}
.accordion .card-title {
    line-height: 1.3;
    font-weight: 500;
    font-size:18px;
    color:#D34817;
}

.patogeni{
	 float:right; margin:10px;
	     border-bottom: 3px solid  #D34817!important;
	    
	     background-color: #fff;
	     position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
   
}
.accordion .card {
	     border-bottom: 3px solid  #570171!important;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .0rem .0rem .25rem .25rem ;
}

@media only screen and (max-width: 600px) {
.patogeni{
	 float: none; 
}}

.patogeni-sotto{
	  margin-top:10px; 
	      font-family: "Open Sans",apple-system,blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
	font-size: 19px;
	color: #005E52; font-weight:500;

}
.patogeni-corpo{
padding: .3rem;
flex: 1 1 auto;
margin:0px; background-color: #FFFFFF;
}

.patogeni-header{
   
    background-color: #E9E5DC!important;
    color: #D34817;
    padding: .7rem;
        font-weight:bold;
      
    
    }
.patogeni-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.patogeni-lista{
	font-size: 16px;
	    font-family: "Open Sans",apple-system,blinkmacsystemfont,"Segoe UI","Helvetica Neue",arial,sans-serif;
    color: #000;
    padding-left:.6rem;
    padding-right:.6rem;
    margin:0px!important;
    

	
}
.patogeni-lista li{
	padding: .6rem 0;
    border-bottom: 1px dashed #e0e0e0;
    margin-bottom: 1px;	
    list-style-type: none;
}
.patogeni-lista li:last-child {
    border-bottom: none;
}
.border-active{
	 color:#96060B; font-weight:500;pointer-events: none;
}
.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
        color: #D34817;

}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

