html, body{
    font-family: 'Courier New', Courier, monospace;
    font-size: 16px;
    background-color:rgb(219, 219, 222);
    color: rgb(48, 48, 48)
}
 

.centered-top{
    width:fit-content;
    margin: auto;
}


#top-bar{
    background-color: rgb(40, 106, 117);
    border-bottom: 6px solid rgb(177, 32, 6);
}

#top-bar-title{
    text-align: center;
    display:block;
    position:initial;
    color:bisque;
    margin: 0px;
}

#top-bar-user {
  display:block;
  position:sticky;
  top:10px;
  margin: 0px;
  text-align: right;
  padding-right: 2px;
}

#top-bar-user>a{
    color: bisque;
    text-decoration: none;
}

.label_input{
    display: inline-block;
    margin: 5px;
}

#information p,h2{
    padding: 2px;
    margin-left: 2pc;
}
.table{
    display: flex;
    margin-top: 1rem ;
    width: 100%;
    min-height: 400px;
    max-height: 550px;
}

.categorie{
    background-color: rgb(205, 208, 210);
    border: 2px solid rgb(40, 106, 117);
    border-radius: 0.7pc;
    margin-left: 2px;
    margin-right: 5px;
    width: 5px;
    padding-left: 10px;
    padding-right: 10px; 
    padding-top: 10px;
    padding-bottom: 10px;
}

.categorie >p{
    display:none;
}

.categorie:hover{
    width: 9%;
    min-width: 120px;
}

.categorie:hover p{
    display: block;
}


.categorie_element{
    cursor:pointer;
    text-decoration: none;
    font-size: 1rem;
    color: rgb(175, 175, 183);
}

.categorie_element:hover{
    color: rgb(255, 255, 255);
    font-size: 1rem;
    font-weight: bold;
}

.categorie-content{
    background-color: rgb(205, 208, 210);
    border: 2px solid rgb(40, 106,117);
    border-radius: 0.7pc;
    margin-left: 5px;
    min-width: 85px;
    width: 100%;
    max-height: 560px;
    overflow:scroll;
    scrollbar-width: thin;
    scrollbar-width: thin;
}

.categorie-content h1{
    text-align: center;
}

.categorie p{
    color: rgb(24, 24, 105);
}

#description{
    text-align: center;
    font-weight: bold;
    font-size: 1.09rem;
    font-style: italic;
    margin-right: 15%;
}

form{
    margin-left: 3px;
}

form + p{
    text-align: center;
}

th{
    text-align: left;
    font-size:1.02rem;
    font-weight: normal;
}

tbody tr td {
    padding: 5px;
}

tbody{
    overflow:scroll
}

tbody tr{
    min-height: 45px;
}

.number{
    min-width: 2em;
    max-width: 2em;
    font-weight: bold;
    text-align: right;
}

.machine_number{
    min-width: 4em;
    max-width: 6em;
    text-align: right;
}

.type{
    min-width: 8em;
    max-width: 8em;
    text-align: right;
}

.client{
    width: 30%;
    min-width: 8em;
    text-align: center;

}

.name{
    width: 50%;
    min-width: 8em;
    text-align: center;
}

.date{
    min-width: 16em;
    max-width: 20em;
}

.solution_number{
    min-width: 4em;
    max-width: 4em;
}

.title,
.region{
    width: 100%;
    min-width: 8em;
    text-align: center;
}

#uid{
    visibility:hidden;
}

.action{
    min-width: 5em;
}

.navigation_bar{
    display: block;
    margin: 10px;
    margin-bottom: 5px;
    min-width: 3em;
}

tr:nth-of-type(odd){
    border: 2px rgb(35, 53, 78);
    background-color: rgba(131, 100, 100, 0.418);
}

tr:hover{
    background-color: rgba(25, 56, 56, 0.493);
    cursor: pointer;
}

.hidden_element{
    display: none;
}

#back_btn,
#add_btn,
#add_issue_btn,
#add_solution_btn, 
#delete_btn,
#edit_btn,
#find_btn,
#show_btn,
#show_solution_btn,
#show_issue_btn,
#show_machine_btn,
#show_client_btn,
#last_days_btn,
input[type=submit],
input[type=reset]{
    cursor: pointer;
    margin: 4px;
    font-size:1.06em;
    font-weight: bold;
    color:aliceblue;
    min-width:62px;
    min-height:30px;
    border-width: 0.6px;
    border-color: rgb(131, 131, 131);
    border-radius: 3px;
    box-shadow: 3px 5px 3px rgb(65, 90, 70);
    background-color: rgb(113, 242, 167);
    background-image:linear-gradient(to right, rgb(102, 165, 128),rgb(58, 129, 88));
}

.input_field{
    /*height: 15px;*/
    min-width: 10em;
    font-size: 0.9em;
    border-radius: 5px;
}

.set_time_link{
    margin: 5px;
}