.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.position-ref {
    position: relative;
}

.top-right {
    position: absolute;
    right: 10px;
    top: 18px;
}

.content {
    text-align: center;
}

.panel-body{
    overflow-x: auto;
}



.submenu{
    margin-left: 25px;
}

.menuSuperior a:hover{
    background-color: black!important;
}

.gradiante {
    /*verde #56941a             56941a*/
    background: #0049B0; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(left, #000 , #de3b66); /* For Safari 5.1 to 6.0 */
    /*background: -webkit-linear-gradient(left, #000 , #333333); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(right, #000, #333333); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(right, #000, #333333); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to right, #000 , #333333); /* Standard syntax */

    /*background: -webkit-linear-gradient(left, #000 , #de3b66); /* For Safari 5.1 to 6.0 */
    /*background: -webkit-linear-gradient(left, #bfbfbf , #8c8c8c); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(right, #bfbfbf, #8c8c8c); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(right, #bfbfbf, #8c8c8c); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to right, #bfbfbf , #8c8c8c); /* Standard syntax */
} 

.foto{
    color: white;
    margin-left: 15px;
    height: 50px;
    width: 100%;

}

.foto img{
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.barraIconos{
    color: transparent;
    margin-left: 8px;
    height: 50px;
    padding-top: 5px;
    width: 100%;

}
.barraIconos img{
    height: 40px;
    width: 40px;
    background: transparent;
    border-radius: 50%;
}

.barraIconos img:hover{
    /*border: 3px solid #3399ff;*/
}

.navbar-nav{
    margin: 0;
}

.navbar-inverse{
    background-color: #fff;
    padding-right: 10px;
}

.navbar-inverse .navbar-toggle .icon-bar{
    background-color: #000;
}

.navbar .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #66b3ff !important;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #66b3ff !important;
}

.navIconos .active{
    background-color: #66b3ff !important;
}

#main {
    padding-top: 60px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
}