.euromath-dataTable.tox-dialog__table{
    width:100% !important;
    float: left !important;
    border: 1px solid #3d546f;
}
.euromath-dataTable.tox-dialog__table caption{
    text-align: left;
}

.euromath-dataTable.tox-dialog__table .fixedHeader{
    display: table;
    overflow: auto;
    width: 100%;
    border-bottom: 1px solid;

}
.euromath-dataTable.tox-dialog__table .fixedBody {
    display: block;
    overflow: auto;
    width: 100%;
}
/*
.euromath-dataTable .fixedBody .odd{
    background: #ccc;
}*/

.euromath-dataTable.tox-dialog__table > .fixedBody > tr.even > td{
    background-color: #999;
    border-right: 1px solid #ffffff;
}

.euromath-dataTable .fixedBody tr { width: 100% !important; }

.euromath-dataTable .fixedHeader th:not([id=column-header-1]) {
   background-repeat: no-repeat;
   background-position: center right;
}

.euromath-dataTable .fixedHeader th:not([id=column-header-1]) label {
    cursor: pointer;
    display: block;
}

.euromath-dataTable.tox-dialog__table th, .euromath-dataTable.tox-dialog__table td {
    border-right: 1px solid #3d546f;
    border-collapse: collapse;
    background-clip: padding-box;
}

.euromath-dataTable.tox-dialog__table th:first-child{
    min-width: 40px;
    max-width: 40px;
}

.euromath-dataTable.tox-dialog__table th:not(:first-child){
    /*min-width: 150px;*/
    text-wrap: none;
    overflow: auto;
}

.euromath-dataTable.tox-dialog__table > .fixedBody > tr.ui-selecting > td {
    background-color: #ccc;
}
.euromath-dataTable.tox-dialog__table > .fixedBody > tr.ui-selected > td {
    background-color: #3498db !important;
    border-right: 1px solid #ffffff !important;
}

.euromath-dataTable.tox-dialog__table .fixedHeader .sorting_asc {
    background-image: url("img/sort_asc.png");
}

.euromath-dataTable.tox-dialog__table .fixedHeader .sorting_desc {
    background-image: url("img/sort_desc.png");
}

.euromath-dataTable.tox-dialog__table .fixedHeader .sorting_both {
    background-image: url("img/sort_both.png");
}

.euromath-dataTable.tox-dialog__table .resizer {
    position: absolute;
    top: 0;
    right: -8px;
    bottom: 0;
    left: auto;
    width: 16px;
    cursor: col-resize;
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
    .euromath-dataTable, .euromath-dataTable .fixedHeader, .euromath-dataTable .fixedBody, .euromath-dataTable .fixedBody th, .euromath-dataTable .fixedBody td, .euromath-dataTable .fixedBody tr {
        display: block;
    }

    .euromath-dataTable.tox-dialog__table caption{
        display: none;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .euromath-dataTable .fixedHeader tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .euromath-dataTable.tox-dialog__table .fixedBody{
        overflow-x: hidden;
    }

    .euromath-dataTable .fixedBody tr { border: 1px solid #ccc; }

    .euromath-dataTable .fixedBody td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        min-width: auto !important;
        width: auto !important;
    }

    .euromath-dataTable .fixedBody 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;
    }

    /*
    Label the data
    */
    .euromath-dataTable .fixedBody td:nth-of-type(1):before { content: attr(data-header); font-weight: bold; }
    .euromath-dataTable .fixedBody td:nth-of-type(2):before { content: attr(data-header); font-weight: bold;}
    .euromath-dataTable .fixedBody td:nth-of-type(3):before { content: attr(data-header); font-weight: bold;}
    .euromath-dataTable .fixedBody td:nth-of-type(4):before { content: attr(data-header); font-weight: bold;}
    .euromath-dataTable .fixedBody td:nth-of-type(5):before { content: attr(data-header); font-weight: bold;}
    .euromath-dataTable .fixedBody td:nth-of-type(6):before { content: attr(data-header); font-weight: bold;}
}