/* La majorité du style se fait avec bootsrap, mais pour certiains éléments spécifiques le style se fait ici*/


.btnSubmit{
    border-radius: 50px;
    background-color: white;
    border:1px solid black;
    padding:5px 20px;

}

footer{
    position:fixed;
    bottom:0;
    width:100vw;
}

body{
    background-color: #DADBDE;
    overflow-x: hidden;

}
main{
    padding: 20px 50px 60px 50px;
}

.user-table{

    height: 400px;
    overflow-y: scroll;

}

.user-table tbody tr{
    cursor: pointer;
}


.user-table tbody tr:hover{
    background-color: rgb(224, 224, 224)!important;
}


.sticky-thead{
    position: sticky;
    top: -5px;
    background: white;
}
.sticky-thead-profile{
    position: sticky;
    top: -30px;
    background: white;
}
.main-element{
    margin:0px 0 30px 0;
    background-color: white;
    border-radius: 20px;
    padding: 30px;
    -webkit-box-shadow: 0px 0px 32px 7px #b6b6b6; 
    box-shadow: 0px 0px 32px 7px #b6b6b6;
}

.date-null{
    color:gray;
}

.date-bad{
    font-weight: bold;
    color: #E30000;
}

.date-mid{
    font-weight: bold;
    color: #e38c00;
}

.date-good{
    font-weight: bold;
    color: #00B212;
}

.noneClass{
    font-weight: normal;
    color: gray;
    background-color: rgb(243, 242, 242)!important;
    border-bottom: 1px solid rgb(218, 215, 215);
}

.boldClass{
    font-weight: bold;
    color: black;
    background-color: white!important;
    border-bottom: 1px solid rgb(218, 215, 215);

}

.mission-content{
    height:600px;
    overflow-y: scroll;
}

.card-header:hover{
    background-color: rgb(210, 210, 210);
}

.card{
    border: 2px solid rgba(0,0,0,.225);
}
.card-header{
    border-bottom: 2px solid rgba(0,0,0,.225);
}

.card:nth-child(odd) .card-header{
    background-color: rgb(228, 228, 228);
}

.card:nth-child(odd):hover .card-header{
    background-color: rgb(210, 210, 210);
}

.sort-icon{
    width:25px;
    height:auto;
    text-decoration: none;
    fill : white;
}
.sort-icon:hover{
    text-decoration: none;
}

.card-body tbody tr:hover{
    cursor:pointer;
    background-color: rgb(224, 224, 224)!important;
}

.missions-div{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 30px 0;
}