/*############ TABLE*/

table#dataTable.dataTable tbody tr:hover {
  background-color: #666;
}

table.table td {
    padding: 0.2rem;
}

table.table a {
    color: #eee;
}

table.table td {
    color: #111;
    font-size: 1.1rem;
}

table.table td small{
    color: #222;
    padding-left: 1rem;
}

table.table .td-key {
    padding-left: 1rem;
}

table.table .td-value {
    color: #333;
}

#dataTable_info,
#dataTable_length,
#dataTable_filter {
    color: #ccc;
}

    #dataTable_filter input,
    #dataTable_length select {
        background-color: #ddd;
    }

tr.tr-active {
    background-color: #b71c1c;
    color: #222222;
}

.project-txt {
    font-size: 1.1rem;
    font-weight: 700;
}

th.rotate {
    /* Something you can count on */
    height: 140px;
    white-space: nowrap;
}

th.rotate > div {
    transform:
    /* Magic Numbers */
    translate(25px, 51px)
    /* 45 is really 360 - 45 */
    rotate(300deg);
    width: 30px;
}

    th.rotate > div > span {
        border-bottom: 1px solid #666;
        padding: 5px 10px;
    }


.usersList .md-form {
    position: relative;
    margin-top: 0rem;
    margin-bottom: 0rem;
}


.area-label {
    font-weight:500;
}
.area-alert {
    color: red;
    font-weight: 500;
}

.chkSwitch{
    font-size: 1.1rem;
}

.fa-ban {
    color: red;
}

#dataTableIndex_length label {
    color: white;
}

#dataTableIndex_length input.select-dropdown {
    color: #ddd;
    width: 50px;
}

#dataTableIndex_filter label {
    visibility: hidden;
}

#dataTableIndex_filter input {
    color: white;
}

#dataTableIndex_filter {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

#dataTableIndex th {
    color: #ddd;
    font-size: 1.1rem;
}