body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    width:90%;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
    max-width: 280px;
}

h4{    margin-left: 5px;}
.TITULO{}

.center_image {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
h2 {
    text-align: center;
}

.titulo2 {
    font-size: 20px !important;
}

.bold {
    font-weight:bold;
}
 
 /*Redesign*/ 
 
 .navbar{
     background-color: #103184 !important;
     color: #fff !important;
 }
 .navbar-brand{
     color: #fff !important;
 }
 
.navbar-inverse .navbar-nav > li > a {
    color: #f9f9f9 !important;
}
 
.navbar-inverse .navbar-nav > .open > a {
    background-color: #002354 !important;
}
 
 .btn-login {
    margin-top: 3%;
}
 
.form-padding {
    padding: 20px;
}
 
.clear {
    clear:both;
}
 
 @media only screen and (min-width: 900px) {
     .col-md-offset-2{
         margin-left: 20%;
     }
     
}


#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 10000; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}

.message {
    color: white; 
    font-size: 24px; 
    text-align: center; 
}

.circulo-centro {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.circulo {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.circulo-verde {
    background-color: green;
}

.circulo-rojo {
    background-color: red;
}

.circulo-transparente {
    background-color: transparent;
}