html {
  position: relative;
  min-height: 100%;
}
body {
    /* Margin top by header height */
    padding-top: 100px;
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.navbar{
    min-height: 70px !important;
}
.navbar-inverse {
    background-color: #00409C;
    border-color: #f2f7fd;
}

.nav>li>a:hover {
    color: #555 !important;
    background-color: #FEFEFE !important;
}

.nav>.open>a:hover {
    color: #fff;
    background-color: #E2D6D6 !important;
}

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

.logo-cliente-admin-right{
    height: 75px !important;
    padding: 4px 10px;
    width: auto;
    border-radius: 10%;
    background-color: white;
}

.logo-cliente-admin-right img{
    max-height: 65px !important;
    width: auto;
}

.logo-cliente-right {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 20px;
    padding-top: 5px;
    height: 80%
 }

.logo-cliente-left {
    position: absolute;
    left: 0;
    top: 0;
    padding-left: 20px;
    padding-top: 5px;
    max-height: 50px;
 }


 .navbar-bgerror{
     background-color: #A50C0C;
     border-color: #f2f7fd;
 }

.btn-group-menu-cliente .btn{
width: 80px;
}

.navbar-inverse  a { color: #f2f2f2 !important; }
.navbar-inverse  a:hover { color: #125 !important; }

.dropdown-menu { background-color: #232323; }

.empleado-foto-listado { height: 1.6em }

.empleado-foto-box{ background-color:#eee; padding: 5px; border-radius: 3px; max-height: 7.3em; }
.empleado-foto-box img { height: 7em; width: auto; }

.messages-layout ul { list-style-type: none !important; padding-left: 10px; }
.messages-layout .alert { background-color: rgba(245, 245, 245, 0.9); }


.scroll-listado-empleados{
    max-height: 350px;
    overflow-y: auto;
}


.scroll-listado{
    max-height: 350px;
    overflow-y: auto;
}

.btn-criterios{
   min-width: 120px; 
}

/* Estilo para mostrar "resumen" en tablas listado 
  Meta, Plan, Acuerdo*/
.cell-html-overflow{
    max-height: 40px ;
    overflow: hidden;
    font-size: small !important;
}

/******************** Bordered top-bottom **********************/
.row-item { 
    padding-top: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dee; border-top: 1px solid #dee;
}
/***************************************************************/

label.required:after {
    font-family: 'FontAwesome';
    content: " \f069";
    font-size: 6px;
    color: #A95E5C;
    position: relative;
    top: -4px;
}



/****** Helpers classes ******/
.text-center { text-align: center; }
.text-left   { text-align: left; }
.text-right  { text-right: right; }
.text-extra-small { font-size: 0.8em; }

.ul-two-columns {
    list-style-type: disc;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside;
}

.ul-three-columns {
    list-style-type: disc;
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    list-style-position: inside;
}

.padTop10 { padding-top: 10px !important; }
.padTop20 { padding-top: 20px !important; }
.padTop40 { padding-top: 40px !important; }
.padTop60 { padding-top: 60px !important; }
.padTop80 { padding-top: 80px !important; }
.padLeft20 { padding-Left: 20px !important; }
.padLeft40 { padding-Left: 40px !important; }
.padLeft60 { padding-Left: 60px !important; }
.padLeft80 { padding-Left: 80px !important; }

.border_1 { border: 1px solid #dedede; }

/* Colores reporte evaluacion */
.table-bgcolor-0 { background-color: #D2DAD8 }
.table-bgcolor-1 { background-color: #85ADA5 }
.table-bgcolor-2 { background-color: #A5C2BC }
.table-bgcolor-3 { background-color: #9BA7A5 }
.table-bgcolor-4 { background-color: #879592 }