.top_nav {
    background-color: #2ea3f2;
    border-color: #2ea3f2;
}
.top_nav > #a {
    text-decoration: #ffffff;
}
form{
    margin-left:auto;
    margin-right:auto;
    /* width: 270px; */
    height: 225px;
    padding: 10px;
    overflow: hidden;
}
.alert_position{
  top:70px;
  margin-left: auto;
  margin-right: auto;
  width:270px;
  z-index: 5;
}
body {
    padding-top: 0px;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
  }

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
  background-color: rgb(248,248,248);
}
.footer > .container {
    padding-right: 10px;
    padding-left: 10px;
}
  
.text-muted {
    margin: 10px 0;
}
.navbar-collapse.collapse {
    display: block!important;
}

.navbar-nav>li, .navbar-nav {
    float: left;
}

.navbar-right {
    margin-right: -15px !important;
    float: right!important;
}
.icono_blanco
{
    color: white;
}
@media(min-width: 767px)
{
    .nav.navbar-nav
    {
        width: 100%;
    }
}
.bg-darkblue{
    background: rgb(49, 69, 87);
}
.bg-gray{
    background: rgb(200,200,200);
}
.bg-oceanblue{
    background: rgb(89, 163, 166);
    background: rgb(29, 128, 166);
}
body.expanded{
    margin: 0px !important;
    padding: 0px !important;
}
.jumbotron {
    margin-bottom: 0px;
    height: 260px;
    padding: 30px;
    color: inherit;
    background-color: rgb(255, 255, 255);
    text-align: center;
}
.header-image{
    margin-top: -30px;
    max-height:200px;
    max-width:600px;
}
.login-box {
    margin-top: -50px;
    background: rgb(49, 69, 87);
    color: rgb(255, 255, 255) !important;
    padding: 30px;
    border: 1px solid rgb(255,255,255);
    box-shadow: 0px 0px 0px 4px rgba(54, 78, 86, 0.5);
    box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.5);
}
.login-box input.form-control {
    color: rgb(49, 69, 87);
    background: rgb(255,255,255);
    border-radius: 0px;
    border: 1px solid rgb(92, 130, 163);
}
.btn-fullwidth{
    width: 100%;
}
.btn-square{
    border-radius: 0px !important;
}
.nomargin{
    margin: 0px;
}
.space-bottom-20{
    margin-bottom: 20px;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid rgb(92, 130, 163);
    border-radius: 0;
}
/* ONLY ExtraSmall */
@media (max-width: 767px)
{   
    .navbar .navbar-nav {
        display: inline-block !important;
        float: none !important;
    }
    .navbar .navbar-collapse {
        text-align: center;
    }

    .login-box {
        border: none;
        border-top:1px solid rgb(29, 38, 46);
        box-shadow: none;
    }
    .bg-oceanblue{
        background: rgb(49, 69, 87);
    }
    .header-image{
        margin-top: -10px;
        max-height:200px;
        max-width:250px;
    }
    .jumbotron {
        margin-bottom: 0px;
        height: 200px;
        padding: 10px;
        color: inherit;
        background-color: rgb(255, 255, 255);
        text-align: center;
    }
}

.login-box-error{
    margin-left: 15px;
    margin-right: 15px;
    background: rgb(255,255,255);
    color: rgb(190, 11, 11);
    font-weight: 600;
    border: 2px solid rgb(244, 48, 48);
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.71);
}