.navbar-inverse { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #e6e7e8}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #00677f}
.dropdown-menu { background-color: #f2f2f2}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #e6e7e8}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #9B9B9B}
.navbar-inverse .navbar-brand { color: #494949}
.navbar-inverse .navbar-brand:hover { color: #00677f}
.navbar-inverse .navbar-nav>li>a { color: #494949}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #00677f}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #f2f2f2}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #f2f2f2}
.dropdown-menu>li>a { color: #494949}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #00677f}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #727272}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #f2f2f2}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #727272}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #f2f2f2}
.blueicon {
    color: #738DA5;
}
.redicon {
    color: red;
}
/*Truco para que siempre se muestre el scroll horizontal
    Este es el mismo CSS de bootstrap.css
    */
@media (max-width: 77768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}

.table > thead > tr > th, .table > tbody > tr > th
, .table > tfoot > tr > th, .table > thead > tr > td
, .table > tbody > tr > td, .table > tfoot > tr > td {
    
    border-top: 0px solid #ddd;
}

.table-striped>tbody>tr:nth-child(odd)>th { 
    color: #333946;
    background-color: #EEEEEE  ;
 }
.table-striped > tbody > tr:nth-child(odd) > td {
    color: #333946;
    background-color: #EEEEEE ;
} 

table.table tr th{
    background-color:#0E6C88 !important; 
    color:#f2f2f2 !important;

}

table.table {
    border-collapse: separate;
    border-spacing: 2px;
    border: 1px solid;
}

table.table.table-striped {
    border-collapse: separate;
    border-spacing: 2px;
    border: 1px solid;
}

table tr td{
   padding:3px !important;
}

.table-hover tbody tr:hover td {
    color: #CCAD27;
    background: #00677f;
}

.btn-primary {
    background: #00677f;
    color: #f2f2f2;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #00677f;
    color: #CCAD27;
}
 
.btn-primary:active, .btn-primary.active {
    background: #00677f;
    box-shadow: none;
}

.pagination>li.active>a {
  background: #00677f;
  color: #f2f2f2;
}

.panel-default {
    border-color: #00677f;
}

.panel-default > .panel-heading {
    color: #f2f2f2;
    background-color: #00677f; 
}

@media (max-width: 767px) {
    .btn-vert-block {
        margin-top: 10px;    
    }    
}
/*
   .panel-heading {
    background-color: #00677f!important;
    color: #f2f2f2!important;
    border-right: 3px solid red!important;
    border-top: 1px solid red!important;
    border-left:3px solid red!important;
    border-bottom:1px solid red!important;

} 
    */
/* Hoja de Estilos del 7*/
/***** CONTENEDOR LOGIN *****/
.contenedor-principal-login{
	background-color:#ccc;
	width:100%;
	float:left;
	height:100%;
}
.contenedor-login{
	position:relative;
	margin:0 auto;
	top:calc(30% - 200px);
	padding:20px;
	background-color:#fefefe;
	border-radius:10px;
	width:350px;
	height:420px;
	display:none;
	box-shadow: 2px 2px 3px rgba(0,0,0,.5);
}