@charset "UTF-8";


#content-version {
    width: 80%;
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    max-width: 1100px;
    min-width: 300px;
}

.versions {
    display: block;
    width: 60%;
    margin: 8px auto;
}

.title-version {
    background: #1252b2;
    height: auto;
    padding: 12px;
    color: white;
    font-weight: bold;
    border-radius: 8px;
}

.icon-show-hide{
	float: right;
	font-size: 16pt;
	font-weight: bold;
	cursor: pointer;
}


.date-version {
    color: black;
    font-size: 11pt;
    text-align: left;
    font-weight: bold;
}

.list-version {
    background: #ffffff;
    text-align: justify;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
 	.versions{
 		width: 85%;
 	}
 } 

 @media screen and (max-width: 768px) and (min-width: 300px) {
 	.versions{
 		width: 85%;
 	}
 	body{
 		font-size: 11pt;
 	}
 	.date-version{
 		font-size: 11pt;
 	}
 	#content-version{
 		padding: 10px 0px;
 	}
 }