body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #FFFFFF;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin-reg {
  max-width: 450px;
  padding: 15px;
  margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
  color: green;
  font-weight: bold;
}

.heading-reg
{
  margin-bottom: 10px;
  color: #686868 ;
  font-weight: bold;
}

.label-reg
{
  font-size: 20px;
  margin-bottom: 5px;
  color: #686868 ;
  font-weight: bold;
}

.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}

.form-select {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #0aabe1;
  color: #0aabe1;
  text-align:center;
  max-width: 70% !important;
  overflow: hidden;
}

.form-select-esc {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #0aabe1;
  color: #0aabe1;
  text-align:center;
  max-width: 90% !important;
  overflow: hidden;
}

.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.formulario  {
  text-align: center;
  border: 5px solid green;
  background-color: #FFFFFF;
  width: 50%;
  margin: auto;
  font-weight: bold;
}

.formulario-reg  {
  text-align: center;
  border: 5px solid #0aabe1;
  background-color: #FFFFFF;
  width: 50%;
  margin: auto;
  font-weight: bold;
}

.container {
    padding-top: 2%;
}

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #0aabe1;
    margin: 1em 0; padding: 0; 
}

.flash {
  text-align: center;
  height: 500px;
  width: 500px;
  border: 5px solid #0aabe1;
  background-color: #FFFFFF;
  width: 50%;
  margin: auto;
  font-weight: bold;
}