.ellipsisText {
    display:block; width: 20rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    text-align: center;

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

.col-info
{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 20rem;
    font-size: 1.1rem;
    padding: 1rem;
    background-color: rgba(67, 70, 73, 0.8);
    border-radius: 1rem;
    border: 0.1rem solid rgb(55, 60, 62);

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);
}


.col-help
{
    margin-top: 2rem;
    padding: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: auto;
    font-size: 1.1rem;
    background-color: rgba(67, 70, 73, 0.8);
    border-radius: 1rem;
    border: 0.1rem solid rgb(55, 60, 62);

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);
}


#table-calc
{
    border-collapse: separate;
    border-spacing: 1rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}



table
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

td
{
    padding: 0.5rem;

    padding-top:1rem;
    padding-bottom:1rem;
}

td
{
    cursor: pointer;
}



/*** TABLE FOR CSV IMPORT ***/
/* ref : https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_intro */
.csv_table {
    margin-top: 2rem;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: auto;
}

#querySQL {
    margin-top: 2rem;
}

.csv_table td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    border-color: black;
}

.csv_table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    border-color: black;
    background-color: #0e0e0e;
}

.csv_table tr:nth-child(even) {
    background-color: #252525;
}
/* ****************** */


.col-dashboard
{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*width: auto;*/
    padding: 1rem;
    font-size: 1.1rem;
    /*min-width: 30rem;*/
    max-width: 35rem;
    background-color: rgba(67, 70, 73, 0.8);
    
    border-radius: 1rem;
    border: 0.1rem solid rgb(55, 60, 62);

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);
}



.center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

ul
{
    padding: 0.5rem;
    display: inline-block;
    list-style-position: inside;
    text-align: left;
}

.text-align-center
{
    text-align: center;
}

ol
{
    padding: 0.5rem;
    display: inline-block;
    list-style-position: inside;
    text-align: left;
}



/*
.col-price-1
{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 25rem;
    font-size: 1.1rem;
    //background-color: rgba(67, 70, 73, 0.8); THIS IS NOT USED
    
    border-radius: 1rem;
    border: 0.1rem solid rgb(55, 60, 62);

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);
}
*/

.col-price-2
{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 25rem;
    font-size: 1.1rem;
    background-color: rgba(67, 70, 73, 0.8);
    
    border-radius: 1rem;
    /*border: 0.1rem solid rgb(55, 60, 62);*/

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);
}



.price-hr
{
    width: auto;
    border: 0.1rem solid rgb(55, 60, 62);
    padding-left: -2rem;
    padding-right: -2rem;
}


.price-text
{
    font-size: 2.5rem;
}

#table-price
{
    border-collapse: separate;
    border-spacing: 1rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#table-price li
{
    padding: 0.5rem;
}



.table-centered
{
    border-collapse: collapse;

    margin-left: auto;
    margin-right: auto;
    text-align: center;
}






/* CSS code to apply when the screen width is 1024px or more */
.table-info
{
    border-collapse: collapse;
    color: rgb(255, 255, 255);

    /* Contours de la table */
    border: 0.1rem solid rgb(103, 106, 107);

    margin-left: auto;
    margin-right: auto;
    text-align: center;

    margin-bottom: 1rem;
}


@media screen and (max-width: 1023px) 
{
    /* CSS code to apply when the screen width is between 1023px and less */
    .table-info input
    {
        width: 5rem;
    }

    .table-info input:read-only
    {
        width: 5rem;
    }
}

    

.table-info tr:nth-child(odd)
{
    background-color: rgb(55, 60, 62);

    /* Contours de la table */
    border: 0.1rem solid rgb(103, 106, 107);
}

.table-info tr:nth-child(even)
{
    background-color: rgb(27, 29, 31);

    /* Contours de la table */
    border: 0.1rem solid rgb(103, 106, 107);
}

.table-info tr:nth-child(odd):hover 
{
    background-color: rgb(66, 72, 75);
}

.table-info tr:nth-child(even):hover 
{
    background-color: rgb(37, 39, 41);
}

.table-info th
{
    background-color: black;
    padding: 0.5rem;

    /* Contours de la table */
    border: 0.1rem solid rgb(103, 106, 107);

    padding-top:1rem;
    padding-bottom:1rem;
}

/* Contours de la table */
.table-info td
{
    color: rgb(255, 255, 255);
    border: 0.1rem solid rgb(103, 106, 107);
}


@media screen and (max-width: 1023px) 
{
    /* CSS code to apply when the screen width is between 1023px or less */
    .table-info
    {
        border-collapse: collapse;
        color: rgb(255, 255, 255);

        /* Contours de la table */
        border: 0.1rem solid rgb(103, 106, 107);

        margin-left: auto;
        margin-right: auto;
        text-align: center;
        margin-bottom: 1rem;

        font-size: smaller;
        max-width: fit-content;
    }
}





.col-ent-info
{
    margin-top: 2rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 42rem;
    font-size: 1.1rem;
    padding: 1rem;
    background-color: rgba(82, 84, 87, 0.8);
    border-radius: 1rem;
    border: 0.1rem solid rgb(55, 60, 62);

    box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);
}

.ent-div
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    width: 30%;
    
    margin-top: 3rem;
    margin-bottom: 3rem;

    /*box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(0,0,0);*/
}