/******  DATATABLE TABLE ******/
/*#tableHolder_filter input
{
    color:white;
    margin: 1.5rem;
    font-size: 1.1rem;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}*/

.smaller-table
{
    color:white;
    margin: 1.5rem;
    font-size: 1.1rem;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

#tableHolder_filter label input[type=search]
{
    color:white;
    margin: 1.5rem;
    font-size: 1.1rem;
    margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 15rem;
}

#tableHolder_length label select
{
    color:white;
}

#tableHolder_length option
{
    color:white;
    background-color: rgb(37, 39, 41);
}

/*#tableHolder_filter input[type=search]
{
    color:white;
    margin: 1.5rem;
    font-size: 1.1rem;
    margin-left: auto;
    margin-right: auto;
    width: auto;
}*/

/*
input[type=search]{
    border: 0.1rem solid rgb(48, 52, 54);
    width: 100%;
    max-width: 15rem;
    height: 1.55rem;
    margin-top: 1rem;
    padding:0.3rem;
    margin-bottom: 1rem;
    background-color: rgb(24, 26, 27);
    border-radius: 10px;
    font-size: 1rem;
    color: white;

    margin-left: auto;
    margin-right: auto;
}

input[type=search]:read-only{
    border: 0.1rem solid rgb(48, 52, 54);
    width: 100%;
    max-width: 15rem;
    height: 1.55rem;
    margin-top: 1rem;
    padding:0.3rem;
    margin-bottom: 1rem;
    background-color: rgb(102, 102, 102);
    border-radius: 10px;
    font-size: 1rem;
    color: white;

    margin-left: auto;
    margin-right: auto;
}

input[type=search]:focus{
    background-color: rgb(43, 42, 42);
}

input[type=search]:hover{
    background-color: rgb(43, 42, 42);
}

input[type=search]:read-only{
    background-color: rgb(43, 42, 42);
}*/



table.dataTable table
{
    margin-top: 1rem;
    /*border: 0.2rem solid black;*/
    color:white;
    margin-left: auto;
    margin-right: auto;
    padding:1rem;
    border-collapse: collapse;
}

table.dataTable tr:nth-child(odd)
{
    /*background-color: rgb(200, 100, 140);*/
    background-color: rgb(55, 60, 62);
}

table.dataTable tr:nth-child(even)
{
    /*background-color: rgb(50, 165, 201);*/
    background-color: rgb(27, 29, 31);
}

table.dataTable tr:nth-child(odd):hover 
{
    /*background-color: rgb(202, 56, 114);*/
   
    background-color: rgb(66, 72, 75);
}

table.dataTable tr:nth-child(even):hover 
{
    /*background-color: rgb(8, 128, 165);*/
    background-color: rgb(37, 39, 41);
}

/*table.dataTable tr:focus 
{
    background-color: rgb(8, 128, 165);
}

table.dataTable tr:focus
{
    background-color: rgb(8, 128, 165);
}*/


table.dataTable tr
{
    text-align: center;
    /*border: 0.2rem solid black*/
    padding:0.7rem;
    font-size: 1.2rem;
}

table.dataTable td
{
    text-align: center;
    padding:0.7rem;
    font-size: 1.2rem;
}

table.dataTable th
{
    background-color: black;
    padding:0.7rem;
    text-align: center;
    /*border: 0.2rem solid black*/
}


@media screen and (max-width: 425px) 
{
    /* CSS code to apply when the screen width is between 425px or less*/

    table.dataTable table
    {
        margin-top: 1rem;
        width: 100%;
        font-size: 90%;
    }

    table.dataTable tr
    {
        font-size: 90%;
    }

    table.dataTable td
    {
        font-size: 100%;
    }

    table.dataTable th
    {
        font-size: 90%;
    }
}