*{
    font-family: "Roboto";
}
html,body {
    max-width: 1000px;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0 auto;
    overflow: auto;
    scrollbar-width: thin;
    background-color: #0C1A32;
    color:white;
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }
  
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  }
  
  ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 255, 255, 0.3);
  }
 
  
form {
    padding:8px;
}
.title {
    position:relative;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:12px;
    margin-bottom:0px;
    font-size:24px ;
    text-align: center;
    vertical-align: middle;
}
.title .titleTxt,.title .titleImg {
    display: inline-block;
    line-height: 24px;
    padding: auto;
    height: 24px;
}
.title img {
    height: 24px;
    margin-right: 16px;
}
.title .titleTxt {
    font-size: 16px;
}
.titleImg path, .titleImg circle {
    fill:white;
}

.content {
    padding: 8px;
    display: flex;
    justify-content: space-between;  
    flex-wrap: wrap; 
    align-content: stretch;
    gap: 5px;    
}

.content_menu {
    box-sizing: border-box;
    position: relative;
    background-color: #0683d8;
    border: #0C1A32 1px solid;
    border-radius: 4px;
    width: 200px;
    height: 200px;
    padding: 16px;
    cursor: pointer;
}
.content_menu > .titleTxt {
    position: absolute;
    bottom: 16px;
    right: 0px;
    width: 100%;
    text-align: center;

}
.content_menu > .titleImg {
    position: absolute;
    top: 16px;
    right: 20%;
    width: 60%;
}
.content_menu > .titleNbre {
    text-align: center;
    font-size: 42px;
}


.list {
    padding: 8px;
    width: 100%;
}

.list tr:nth-child(even) {background: #303030}
.list tr:nth-child(odd) {background: #606060}
.list tr {
    border-radius: 4px;
}
.list .center {
    text-align: center;
}

svg {
    width: 32px;
    height: 32px;
}
svg path {
    fill:white;
}
svg.warning path {
    fill:rgb(255, 182, 45);
}
svg.error path {
    fill:rgb(255, 107, 107);
}
svg.titleImg {
    height: 100px;
    width: 100px;
}

#infobox {
    position: absolute;
    bottom: 8px;
    left:50%;
    padding: 8px;
    transform: translate(-50%, -50%);
    width: 200px;
    color: white;
    background-color:darkred;
    border-radius: 4px;
    text-align: center;
}

.content  td{
    vertical-align: bottom;
}

.stats_inventaire {
    margin: 8px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;  
    width: 100%;
}
.stats_inventaire_more {
    height: 50px;
    font-size: 12px;
    margin:0px;
}