*{
    box-sizing: border-box;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    height: 100%;
    overflow-y: auto;
}

@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.1; }
    100% { opacity: 1; }
}

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

table td, table th {
    border: 1px solid #ddd;
    padding: 8px;
}

table tr:nth-child(even){background-color: #f2f2f2;}

table tr:hover {background-color: #ddd;}

table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #04AA6D;
    color: white;
}

nav a{
    color: black;
}
nav a:hover{
    color: blue;
}

select{
    margin-block: 10px;
    padding: 5px 10px;
}

pre{
    width: 100%;
    overflow-x: auto;
}

.table_wrapper{
    overflow-x: auto;
    max-width: 100%;
}

/* CONTAINER
############################################## */
.container{
    width: 100%;
    margin-inline: auto;  
}


table{
    width: 100%;
    overflow-x: auto;
}

/* NAVIGATION
############################################## */
nav ul{
    padding-inline: 0;
}
nav ul li{
    list-style: none;
}
nav ul > li::after{
    content: ' ⮚';
}
nav ul > li.dropdown::after{
    content: ' ⮛';
}
nav .level_0{
    position: relative;
    display: flex;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
}
nav .level_0 > li a{
    cursor: pointer;
}
nav .level_1{
    z-index: 999999;
    display: none;
    position: absolute;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 30px;
    background-color: white;
    padding: 20px;
    top: 30px;
    border: 1px solid black;
    width: 90%;
}
nav .level_0 #submenu ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
nav .level_0 #submenu > li:not(:last-of-type){
    border-right: 1px solid black;
}
nav .level_0 .level_1.show{
    display: grid;
}
nav .level_0 #submenu strong ~ ul{
    margin-top: 10px;
}
nav .level_0 #submenu strong ~ ul > li::before{
    content: '⮚ ';
}
nav .level_0 #submenu strong ~ ul > li::after{
    content: '';
}

/* FORM OPTIONS
############################################## */
.formOptions_modal{
    position: relative;
}
.formOptions{
    z-index: 999999;
    display: none;
    position: absolute;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 30px;
    background-color: white;
    padding: 20px;
    top: 30px;
    border: 1px solid black;
    width: 90%;
}
.formOptions .options > div{
    display: flex;
    flex-direction: column;
}
.formOptions.show{
    display: grid;
}
#form_open{
    color: black;
}
#form_open:hover{
    color: blue;
}
#form_open::after{
    content: ' ⮛';
}
#rsidata {
    width: 90%;
    height: 500px;
}