body{
    font-family: Arial;
}
input[type=checkbox] {
        transform: scale(1.5);
      }
    #Historias_filter{
        float:right;
    }
    .dataTables_paginate{
        text-align:center;
    }
    #Historias tbody tr:nth-child(even){
        background:rgba(100,100,100,0.1);
    }
    #Historias tbody tr:hover{
        background:rgba(0,0,0,0.1);
    }

    /* 
    Max width before this PARTICULAR table gets nasty
    This query will take effect for any screen smaller than 760px
    and also iPads specifically.
    */
    @media 
    only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px)  {

        /* Force table to not be like tables anymore */
        #Historias table, #Historias thead,#Historias tbody, #Historias th, #Historias td, #Historias tr { 
            display: block; 
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        #Historias thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #Historias tr { border: 1px solid #ccc; }
        #Historias tr:nth-child(even){
            background: rgba(0,0,0,0.1) !important;
        }
        #Historias tbody tr:nth-child(odd){
            background: white !important;
        }
        #Historias td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50% !important; 
        }

        #Historias td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            font-weight:bold;
        }

        /*
        Label the data
        */
        #Historias td:nth-of-type(1):before { content: "Admisión"; }
        #Historias td:nth-of-type(2):before { content: "Nombre"; }
        #Historias td:nth-of-type(3):before { content: "EPS"; }
        #Historias td:nth-of-type(4):before { content: "Fecha Alta"; }
        #Historias td:nth-of-type(5):before { content: "Fecha Admisión"; }
        #Historias td:nth-of-type(6):before { content: "Dias Estancia"; }
        #Historias td:nth-of-type(7):before { content: "Estado"; }
        #Historias td:nth-of-type(8):before { content: "Opciones"; }
    }
    
    /*  MAIN */
    .img-center {
        margin: 0 auto;
    }
    .cajas_main:hover{
        background: rgba(126,194,255,0.09);
        border-radius: 100px;
        cursor: pointer;
    }
    
    .grises img {
    filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
    filter: Gray(); /* IE4-8 and 9 */

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }
    .caja_activa { 
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    }