form {
	width: 90%;
    background-color: #223D7B;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


form label {
    display: block;
    margin-bottom: 10px;
    color: #FFF;
	font-family: "Roboto Mono", serif;
	font-optical-sizing: auto;
	font-weight: bold;
	font-style: normal;	
}


input[type="text"],select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    box-sizing: border-box;
}


p{
padding:10px;
text-align: justify; 
width:90%;	
font-family: "Roboto Mono", serif;
font-optical-sizing: auto;
font-weight: <weight>;
font-style: normal;	
}


#actualizando_youtube{
display:none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../b_img/cargando_youtube.png') 50% 50% no-repeat rgb(249,249,249);
opacity: .8;	
}


#progressBarContainer {
	width: 80%;
	background-color: #e0e0e0;
	border: 1px solid #ccc;
	border-radius: 5px;
	height: 30px;
	margin: 20px 0;
	text-align: left;
}
#progressBar {
	width: 0%;
	height: 100%;
	background-color: #4caf50;
	text-align: center;
	line-height: 30px;
	color: white;
	border-radius: 5px;
}