.navbar-default{
    background-color: blue;
    border-color: white;
}

.nav-pills {
    background-color: #383036;
    border-radius: 5px;
}

.nav-pills li{
    font-size: 12px;
}
.navbar-default{
    background-color: blue;
    border-color: white;
}

.nav-pills {
    background-color: #2e272c;
    border-radius: 5px;
}

.formcerrar {
    float: right;
    margin-left: auto;
    background-color:#2e272c; 
    color: white;

    border:0;
    outline:0 none;
   
    height: 36px;

}

.nav-pills li{
    font-size: 12px;
}

.nav-pills li a{
    color: white;
}


.nav-pills li a:hover{
    color: white;
    background-color: #045FB4;

    -webkit-box-shadow: -1px -1px 1px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow:    -1px -1px 1px 0px rgba(50, 50, 50, 0.2);
    box-shadow:         -1px -1px 1px 0px rgba(50, 50, 50, 0.2);
}

.nav > li > a:hover, .nav > li > a:focus{
    color: white;
    background-color:  #7c9bc0;
}

.nav .open>a, .nav .open>a:focus{
    background-color: #7c9bc0;
     color: white;
}

.dropdown-menu li a{
    color:#666;
}

/*color letra menu */
.dropdown-menu li a:hover{
    color: white;
}

/* color login */
.nav-pills form button.btn.btn-link {
    color: white;
}

/* Inicio Submenu */
.dropdown-submenu {
    position:relative;
}

.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}

.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}

.dropdown-submenu.pull-left {
    float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-image:none !important;
 }
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            background-color: #7c9bc0;
 }
 
/* Fin Submenu */
/* Inicio Estilos Footer */

footer span {
    padding: 0 10px 0 10px;

}

.rayita{
    width: 97%;
    margin-left: 1.5%;
    height: 1px;
    background-color: #555;
}

.div_footer{
    text-align:center; 
    color:black; 
    font-weight:none; 
    font-size:11px; 
    padding-top:5px; 
    padding-bottom:0px;"
}
/* Fin Estilos Footer */

/* Estilos para el divisor horizontal */
hr{
    width: 100%; 
    height: 8px;
    border: 0;
    box-shadow: inset 0 8px 8px -8px rgba(95,153,149, 1);
}
/* Fin Estilos para el divisor horizontal */


/* Estilos sobre escritos de bootstrap */ /* #3C3A60; */
table th {
    background-color: #00376F;
    color: white;
    border-color: black;
}

table th > a {
    color: white;
}

/* header de la tabla de reportes*/
.panel-primary > .panel-heading  {
    background-color: #3C3A60;
    border-color:  #3C3A60;
}

.panel-primary {
    border-color:  #3C3A60;
}


a.disabled {
   pointer-events: none;
   cursor: default;
   color:#858D95;
}

a.glyphicon {
    color: #214366;
}

.form-group {
    margin-bottom: 0;
}

.btn-group-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
}

.nav-tabs {
    border-bottom: 1px solid #415A77;
}

.tab-content {
    padding-top: 20px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: pointer;
    background-color: #DBE4EE;
    border: 1px solid #415A77;
    border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
    background-color: #C0D5ED;
    cursor: pointer;
    border-color: #415A77;
}

/* Fin Estilos sobre escritos de bootstrap */

.botones-form {
    margin-top: 10px;
    margin-bottom: 10px;


/* Fin Estilos Footer */

/* Estilos para el divisor horizontal */
hr{
    width: 100%; 
    height: 8px;
    border: 0;
    box-shadow: inset 0 8px 8px -8px rgba(95,153,149, 1);
}
/* Fin Estilos para el divisor horizontal */


/* Estilos sobre escritos de bootstrap */ /* #3C3A60; */
table th {
    background-color: #00376F;
    color: white;
    border-color: black;
}

table th > a {
    color: white;
}

/* header de la tabla de reportes*/
.panel-primary > .panel-heading  {
    background-color: #3C3A60;
    border-color:  #3C3A60;
}

.panel-primary {
    border-color:  #3C3A60;
}


a.disabled {
   pointer-events: none;
   cursor: default;
   color:#858D95;
}

a.glyphicon {
    color: #214366;
}

.form-group {
    margin-bottom: 0;
}

.btn-group-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
}

.nav-tabs {
    border-bottom: 1px solid #415A77;
}

.tab-content {
    padding-top: 20px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: pointer;
    background-color: #DBE4EE;
    border: 1px solid #415A77;
    border-bottom-color: transparent;
}

.nav-tabs > li > a:hover {
    background-color: #C0D5ED;
    cursor: pointer;
    border-color: #415A77;
}

/* Fin Estilos sobre escritos de bootstrap */

.botones-form {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-espera-accion {
    color: #fff;
    background-color: #415A77;
    border-color: #f5f5f5;
    margin-bottom: 10px;
    margin-left: 2px;
}

.btn-espera-accion:hover {
    color: #fff;
    background-color: #304257;
}

.btn-consulta-accion {
    color: #fff;
    background-color: #415A77;
    border-color: #f5f5f5;

}

.btn-consulta-accion:hover {
    color: #fff;
    background-color: #304257;
}

.fila-select {
    border-style: outset;
}

.inputestilo {
    /*padding-top: 7px;*/
    margin-left: 14px;
}

.form-horizontal .control-label {
    text-align: left;
}

.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
    color: black;
}


/**paneles expandibles */
.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}

.panel-heading a.collapsed:after {
    content:"\e080";
}

.panel-collapse.collapse.in div div div label {
    margin-left: 14px;

}

.panel-lista {
    margin-bottom: 0px;
    margin-top:  0px;
}