/*
Full screen Modal 
*/
.fullscreen-modal .modal-dialog {
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

@media (min-width: 768px) {
    .fullscreen-modal .modal-dialog {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .fullscreen-modal .modal-dialog {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .fullscreen-modal .modal-dialog {
        width: 1170px;
    }
}






.table-fixed thead,
.table-fixed tfoot {
    width: 100%;
    position: fixed;
    padding: 15px 20px;
    bottom: 0;   
    height: 30px;
    background-color: lightseagreen;
    font-size: 20px;
    color: #FFFFFF;
}

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

.table-fixed thead,
.table-fixed tbody,
.table-fixed tfoot,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

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

.scroller {
    width: 300px;
    height: 100px;
    overflow-y: scroll;
    scrollbar-color: #007 #bada55;
}

th, td {
    height: 50px;
    overflow-y: auto;
    width: auto;
    /*position: -webkit-sticky;
    position: sticky;*/
    /* margin: 0;
    padding: 2px 0 0 12px;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;*/
}

th {
    position: sticky;
    top: 0;
}

tfoot {
    position: sticky;
    top: 0;    
}


* {
    box-sizing: border-box;
}

dl > div {
    background: #fff;
    padding: 24px 0 0 0;
}

dt {
    background: #b8c1c8;
    border-bottom: 1px solid #989ea4;
    border-top: 1px solid #717d85;
    color: #fff;
    font: bold 18px/21px Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 2px 0 0 12px;
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
}

dd {
    font: bold 20px/45px Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 12px;
    white-space: nowrap;
}

    dd + dd {
        border-top: 1px solid #ccc;
    }
.table-fixed thead,
.table-fixed tfoot {
    width: 97%;
}

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

.table-fixed thead,
.table-fixed tbody,
.table-fixed tfoot,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
    display: block;
}

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



Etiquetas {
    font: bold 20px/45px Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 10px;
    white-space: nowrap;
  
}


Detalles {
    font: bold 10px/35px Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 10px;
    white-space: nowrap;

}