body{
    background-color: #f8f3f4;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-rendering: optimizeLegibility;
}


div.table-title{
    display: block;
    margin: auto;
    max-width: 400px;
    padding: 5px;
    width: 100;
}

.table-title h3{
    color: lavender;
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-family: "Roboto", sans-serif;
    text-shadow: -1px -1px -1px
    rgba(0,0,0,0.1);
    text-transform: uppercase;
}

.table-fille{
    background: white;
    border-radius: 3px;
    border-collapse: collapse;
    height: 220px;
    margin: auto;
    max-width: 500px;
    padding:5px;
    width: 100%;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
    animation: float 5s infinite;
}

.Table tr td:nth-child(1), #myTable th:nth-child(1) {
    display: none;
}

th{
    color: #d5ddd5;
    background-color: #1b1e24;
    border-bottom: 4px solid #9ea7af;
    border-right: 1px solid #343a45;
    font-size: 14px;
    font-weight: 100;
    padding: 20px;
    text-align: left;
    text-shadow: 0 1px 1px rgba(0,0,0,0.1);
    vertical-align: middle;
}

th:first-child{
    border-top-left-radius: 3px;
}

th:last-child{
    border-top-left-radius: 3px;
    border-right: none;
}

tr{
    border-top: 1px solid #C1c3d1;
    border-bottom: 1px solid #C1c3d1;
    color:#666b85;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 0 1px 1px;
    rgba(256,256,256,0.1);
}

tr:hover td{
    background-color: #4e5066;
    color:#fff;
    border-top: 1px solid #22262e;
}
tr:first-child{
    border-top:none;
}
tr:last-child{
    border-bottom: none;
}
tr:ntn-child(odd)td{
    background: #4e5066;
}
tr:last-child td:last-child{
    border-bottom-right-radius: 3px;
}
td{
    background: #fff;
    padding: 20px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 11px;
    text-shadow:-1px -1px -1px 
    rgba(0,0,0,0.1);
    border-right: 1px solid #C1c3d1;
}


.table-conteiner{
    height: 230px;
    overflow-y: scroll;
    width: 100%;
}


.tabla-fixed tbody{
    height: 230px;
    overflow-y: auto;
    width: 100%;
}

.tabla-fixed thead,
.tabla-fixed tbody,
.tabla-fixed td,
.tabla-fixed th{
    display: block;
}

.tabla-fixed tbody td,
.tabla-fixed thead > tr > th{
    float: left;
    border-bottom-width: 0;
}