html
body {
    /*padding: 100px 20px;*/
    background: rgba(123, 123, 123, 0.08);
}
.col-centrar {
    float: none!important;
    margin: 0 auto;
}
form {
    padding: 20px;
    background: #ffffff;
    box-shadow: 0px 0px 6px 1px rgba(2, 2, 2, 0.12);
}

form input,
button {
    border-radius: 0!important;
}

.caja {
    padding: 20px;
    background: #ffffff;
    box-shadow: 0px 0px 4px 0px rgba(2, 2, 2, 0.1);
}
.imagen {
    padding: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 6px 1px rgba(2, 2, 2, 0.12);
}

.input-group {
    display: block !important;
}

input {
    margin-bottom: 20px !important;
}

.izq {
    height: 100%;
    width: 200px;
    /*background-color: rgb(65, 154, 165);*/
    background-color: rgba(237, 181, 92);
    position: fixed;
    top: 30px;
    /*padding-top: 30px;*/

}

.perfil {
    padding: 50px 39px 10px 50px;
}

.perfil img {
    width: 100%;
    align-content: center;
}

.nombre {
    color: black;
}
/*margen derecho del cuerpo*/
.der {
    margin-left: 200px;
    padding-top: 0px;
    
}

.cabecera-pagina {
    padding: 30px;
}

.titulo-pagina {
    font-size: 24px;
    display: inline-block;
    margin-top: 0 !important;
}

.titulo-pagina > small {
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

.fecha {
    padding: 10px 20px;
    background-color: #fafafa;
    display: inline-block;
}

.logo {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.90);
}

header .navbar {
    margin-left: 200px;
    height: 60px;
    color: white;
    background-color: black;
    color: white;  
}

/*Logo Informatica margen izquierdo*/
header .logo {
    color: white;
    width: 200px;
    height: 60px;
    font-size: 20px;
    float: left;
    display: block;
    text-align: center;
    line-height: 60px;
    z-index: 1;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.58);
}

header .logo:hover {
    text-decoration: none;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px; 
}

.bg-naranja {
    background-color: rgba(237, 181, 92);
}
.bg-rojo {
    background-color: rgba(177, 11, 11, 0.8);
}
.bg-verde {
    background-color: rgba(34, 178, 118, 0.78);
}
.bg-amarillo {
    background-color: rgba(199, 222, 21, 0.78);
}
.bg-celeste {
    background-color: rgb(65, 154, 165);
}

.icono {
    width: 40%;
    padding: 25px 15px;
    display: inline-block;
    text-align: center;
}

.icono i {
    font-size: 50px;
    color: white;
}

.icono2 i {
    font-size: 70px;
    color: white;
   
}



.valor {
    width: 58%;
    padding-top: 21px;
    float: right;
    text-align: center;

}

.valor h1 {
    margin: 0 !important;
}

.acciones {
    width: 20px;
    height: 20px;
    font-size: 7px;
    padding: 5px !important;
}

.caja-cabecera {
    /*background-color: rgba(48, 101, 24, 0.71);*/
}

.caja-cuerpo {
     /*height: 100%;
    width: 240px;*/
}

.editar {
    color: white;
    display: inline-block;
    

}

.caja-editar {
    background-color: black;
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

#busqueda {
    box-shadow: none;
    
}

#busqueda .input-group {
    display: table !important;
}

#busqueda input {
    margin-bottom: 0 !important;
}

.caja-cabecera h3 {
    display: inline-block;
}
.alerta{margin-bottom:30px;padding:20px 55px 20px 90px;position:relative;border-radius:5px;}
.alerta .alerta_icon{width:60px;height:60px;font-size:30px;line-height:60px;color:rgba(0,0,0,.4);position:absolute;left:10px;top:10px;text-align:center;border-radius:5px}
.alerta a.close{position:absolute;right:15px;top:20px;font-size:20px;line-height:20px}
.alerta a.close i{margin:0!important;color:rgba(0,0,0,.6)}
.alerta a:hover.close i{color:rgba(0,0,0,.8)}


.alerta_warning{background:#ffe38b;color:#9b812e}
.alerta_warning .alerta_icon{background:#fbda72}
.alerta_warning a,.alerta_warning a:hover{color:#645012}

.alerta_error{background:#fb5455;color:#fff}
.alerta_error .alerta_icon{background:#f24143}
.alerta_error a,.alerta_error a:hover{color:#9f2e2e}

.alerta_info{background:#3097db;color:#fff}
.alerta_info .alerta_icon{background:#1c81c4}
.alerta_info a,.alerta_info a:hover{color:#b1e0ff}

.alerta_success{background:#a5de5c;color:#fff}
.alerta_success .alerta_icon{background:#8fc944}
.alerta_success a,.alerta_success a:hover{color:#5d9514}