@charset "ISO-8859-1";
/* GENERAL CONFIG VARIABLES */

:root {

    /*COLORS */
    --light-blue:rgb(53,211,210);
    --dark-blue:rgb(11,72,157);
    --light-red:rgb(254,95,0);
    --gris-bellon: #72787E;
    --ligth-gray:rgb(245,245,245);
    --table-head: #EAF1FA;
    --table-border: #E0E0E0;
    --subtable-head: rgba(53,211,210,0.5);

    /*TEXT COLORS*/
    --text-color-dark:rgb(0,0,0);
    --text-color-light:rgb(255, 255, 255);

}

body{
    width:100%;
}

/* Cacher les spinner arrow des inputs type number */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body::-webkit-scrollbar { /* Chrome */
    display: none;
}

main {
    padding: 40px 20px 0 20px !important;
    display:flex;
    flex-direction:column;
    min-height:100vh;
    justify-content:space-between;
}

/* BTN */
.inputBtn {
    cursor: pointer;
}

/* TABLE */
table {
    width:100%;
    border-radius:5px;
    overflow:hidden;
    border-collapse: collapse;
    font-size:14px;
}

th, td {
    vertical-align: middle!important;
}

th{
    height:50px;
}

thead{
    background-color:var(--table-head) !important;
    border:1px solid var(--table-head) !important;
}
tbody {
    border:1px solid var(--table-border);
    border-top:none;
}
#tbody tr:nth-child(even){
    background-color:rgba(234,241,250,0.4);
}

#tbody tr:nth-child(odd){
    background-color:#fff;
}

tbody tr {
    border:1px solid var(--table-border);
}

td { 
    vertical-align:middle!important;
}
.tdNum {
    text-align:end;
}

.subtable {
    border-radius:8px;
}
.subtable thead {
    background-color:var(--subtable-head) !important;
    border: 1px solid var(--subtable-head);
    height: 25px;
}
.subtable thead tr {
    background-color:transparent !important;
    border:none;
}
.subtable th, .subtable tbody td {
    height:25px;
}



/*Confirmation*/

.jconfirm-box {
    width: 30vw;
}

/*FOOTER*/
footer {
    background-color:white;
    padding:32px 0px;
    margin-top:30px;
}
footer>div {
    justify-content:space-between;
    align-items:center;
}
footer p {
    color: var(--dark-blue);
    font-weight:600;
    margin-bottom:0;
    font-family: 'Montserrat', sans-serif;
}
footer p span {
    color: var(--light-blue);
}
footer img {
    height:46px;
}
footer img:first-child {
    margin-right:50px;
}

/*RESPONSIVE FOOTER*/
@media (max-width: 768px) {
    .jconfirm-box {
        width:70vw;
    }
    footer {
        padding:15px;
    }
    footer>div {
        flex-direction:column;
    }
    footer p {
        margin-bottom:15px;
    }
}