@charset "utf-8";
/* CSS Document */

body {
  background-image: linear-gradient(to bottom left, #012a68, #012a68);
	background-size: cover;
	background-repeat: repeat-y;
	font-size: 1.7em;
	font-weight: 500;
}
h3 {
	font-size: 1.5em;
	font-weight: 500;
}
.cargo {
	font-size: 2rem;
}
.btn-primary {
	font-size: 0.7em;
	font-weight: 500;
}
#row-logo {
	display: flex;
    align-items: center;
	margin-bottom: -100px;
	margin-top: 30px;
}
#row-logo div {
  flex: 1;
  display: flex;
  align-items: center;
}
.container-fluid-votacion {
	max-width: 800px;
  	margin: 4em auto ;
	background: white;
	padding: 30px;
	border: solid 1px #FFF;
	border-radius: 10px;
  	
}
.container-fluid-votacion-2Rows {
	max-width: 960px;
  	margin: 4em auto ;
	background: white;
	padding: 30px;
	border: solid 1px #FFF;
	border-radius: 10px;
	font-size: 1em !important;
	font-weight: 500;
  	
}
.container-fluid-login {
	max-width: 500px;
  	margin: 4em auto ;
	background: white;
	padding: 30px;
	border: solid 1px #FFF;
	border-radius: 10px;
  	
}
.eraFila {
	background-color: ;
	padding: 20px 0 0 20px;
}
.undaFila {
	background-color: ;
	padding: 20px 0 0 20px;
}
.ceraFila {
	background-color: whitesmoke;
	padding: 20px 0 0 20px;
}
.border-right {
	border-right: solid 1px #000;
}
.border-left {
	border-left: solid 1px #000;
}


@media screen and (max-width: 768px) {
.border-right {
	border-right: solid 0px #000;
}
.responsive {
  width: 100%;
  max-width: 655px;
  height: auto;
}
#row-logo {
	display: flex;
    align-items: center;
	margin-bottom: -100px;
	margin-top: 30px;
}
}
@media screen and (max-width: 768px) {
.border-right {
	border-right: solid 0px #000;
}
	.responsive {
		width: 430px;
	}
	#row-logo {
	margin-bottom: -100px;
	margin-top: -30px;
}
	.container-fluid-login {
	max-width: 370px;
  	margin: 3em auto ;
	background: white;
	padding: 25px;
}
	.container-fluid-votacion {
	max-width: 400px;
  	margin: 3em auto ;
	background: white;
	padding: 25px;
}
}

@media screen and (max-width: 630px) {

}