.btn_reporte{
  background: rgb(189, 3, 18);
  color: #fff;
}

.btn_reporte:hover{
  background: #de0956;
  color: #fff;
}
.btn_nuevo{
   background: #0867b5;
    color: #fff;
}
.btn_nuevo:hover{
   background: #015192;
    color: #fff;
}
.login-page, .register-page {
    background: #028384 !important;
}
.login-logo a, .register-logo a {
    color: #ec0262 !important;
}
.btn-primary1 {
    background-color: #ec0262 !important;
    border-color: #ec0262 !important;
    border-radius: 5px !important;
    color: #fff !important;
}

.login-box-body, .register-box-body {
    background: #fff !important;
    padding: 20px !important;
    border-top: 0 !important;
    color: #000 !important;
    border-radius: 10px !important;
}
.form-control {
    border-radius: 0 !important;
    box-shadow: none !important;
    border-color: #094fdc !important;
    border-radius: 5px !important;
    background: #e6e3e3 !important;
    color: #000 !important;
}
#iconos{
    font-size: 1.5em;
}


#display{
    width: 100%;
    overflow: hidden;
    z-index: 10;
    margin-top: -20px;
    margin-left: 0px;
}
.display_box {
padding:2px;
padding-left:6px; 
font-size:18px;
height:63px;
text-decoration:none;
color:#3b5999; 
}

.display_box:hover{
background: #415AB5;
color: #FFF;
}
.desc{
color:#666;
font-size:16;
}
.desc:hover{
color:#FFF;
}


.card {
       box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    height: 100%;
    width: 69%;
}
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
    padding: 2px 16px;
    height: 100%;
}
#imagenmuestra{
   width: 250px !important;
    height: 250px;
    margin-top: 20px;
}
img {
    border-radius: 5%;
}

/*tabla asistencia*/
#customers {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#customers td, #customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}
#iconoregresar{
    font-size: 22px;
}