/* body, html{     
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
} */

/* table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: yellow;
}
table.dataTable.display tbody tr:hover{
    background-color: yellow;
} */


#success_message{ display: none;}
/* Ensure that the demo table scrolls */
th, td { white-space: nowrap; }
div.dataTables_wrapper {
    margin: 0 auto;
}
td.highlight {
    background-color:lightgreen !important;
}

.text-wrap{
    white-space:normal;
}
.width-150{
    width:150px;
}
.width-100{
    width:100px;
}
.width-200{
    width:200px;
}

.width-300{
    width:300px;
}

table.dataTable.display tbody tr.green > .sorting_1, table.dataTable.order-column.green tbody tr.green > .sorting_1 {
    background-color: lightsteelblue !important;
    /* color:white; */
}
table.dataTable.display tbody tr.green{
    background-color: lightsteelblue !important;
    /* color:white; */
}

table.dataTable.display tbody tr.red > .sorting_1, table.dataTable.order-column.red tbody tr.red > .sorting_1 {
    background-color:darksalmon !important;
    /* color:white; */
}
table.dataTable.display tbody tr.red{
    background-color:darksalmon !important;
    /* color:white; */
}
.aqua{
    /* padding-right:15px; */
    color:lightsteelblue;
}
.orange{
    /* padding-right:15px; */
    color:darksalmon;
}

div.dataTables_wrapper  div.dataTables_filter {
    position: relative;
    width: 45%;
    /* float: left; */
    right:40vw; 
    text-align: center;
 
  
  }
  div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 100%;
}


.keys{
    position: relative;
    top:25px;
    left:70vw;
    width:150px;
/* float:right; */
text-align:left;
/* margin-right:20px; */
/* background-color:grey; */
z-index:10000;
}

.keys3{
    position: absolute;
    top:125px;
    left:20px;
width:150px;
/* float:right; */
text-align:left;
/* margin-right:20px; */
/* background-color:grey; */
z-index:10000;
}
.keys2{
   padding-left: 10px;
}
.red{
    padding:5px;
        background-color:darksalmon !important;
        /* color:white; */
    }
    .green{
    padding:5px;
        background-color: lightsteelblue !important;
        /* color:white; */
    }