table.datatable  {
    border-collapse: collapse;
    width: 100%;
}

table.datatable tr th {
/*    background-color: #f7f7f7;
    color: #333;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #CCC;
    */

    padding: 5px 10px;
    text-transform: uppercase;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-weight: 100;
}

table.datatable tr:nth-child(even) { background-color: #FFF; }
table.datatable tr:nth-child(odd) { background-color: #FCFCFC; }

table.datatable tr:hover { background-color: #f7f7f7; }

table.datatable tr td {
    border-bottom: 1px solid #CCC;
    padding: 5px 10px;
    line-height: 20px;
}

table.datatable tr td a { cursor: pointer; }

table.datatable th button { width: 100%; }

table.datatable tr.current { background-color: #EEE; }

/*
@media all and (min-width: 641px) {
    table.datatable td:first-child label,
    table.datatable td:first-child .mobile { display: none; }
}

@media all and (max-width: 640px) {
    table.datatable tr:first-child { display: none; }
    table.datatable th:not(:first-child),
    table.datatable td:not(:first-child) {
        display: none;
    }

    table.datatable td:first-child { padding: 10px; }

    table.datatable td a {
        font-weight: bold;
    }
}
*/

table.datatable input.uni { width: 100%; }

table.datatable td textarea {
    min-height: auto !important;
    resize: both !important;
}

table.datatable th.add {
    cursor: pointer;
    font-size: 22px;
    line-height: 18px;
    font-weight: bolder;
    color: #0b4887;
}

table.datatable td .border {
    border: 1px solid #CCC;
}