@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #323232;
        --text-color: #ddd;
        --shadow-color: #111;
        --highlight: #666;
        --primary: hsl(12, 90%, 60%);
    }
}

@media (prefers-color-scheme: light) {
    :root {
        --background-color: #fefefe;
        --text-color: #222;
        --shadow-color: #999;
        --highlight: #cdcdcd;
        --primary: hsl(12, 70%, 40%);
    }
}

body {
    background-color: var(--background-color);
    color: var (--text-color);
}

}

* {
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    font-family:Verdana;
}

body {
}

.main {
    width:1400px;
    margin:0px auto;
    padding-bottom:50px;
}

.mainsub {
    background-color: rgb(143,186,200);
    border-radius: 5px;
    padding: 50px;
}

.linkbarouter {
    width: 1400px;
    margin: 0px auto;
    margin-top:50px;
    background-color:rgb(230,230,230);
    border-radius:5px;
    
    padding:20px 0px 15px 0px;
}

.linkbar {
    padding:0px 50px 0px 50px;
    display:inline-block;
    width:100%;
}

#divRMM {
    display: inline-block;
}

#divRMM div {
    padding:3px;
    text-align:center;
    
}

.innercolor {
    background-color: lightblue;
}

label {
    font-size:13pt;
}

input, select, button, textarea {
    min-height: 30px;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    border: 2px darkgray solid;
    font-size:12pt;
}


table {
    width: 100%;
    border-collapse: collapse;
}

table td {
    padding: 3px 10px 3px 10px;
}

.generaltable td {
    width: 50%;
}

    .ui-datepicker-calendar td {
        width:initial;
    }

    table input, table textarea, table button, table select {
        width: 100%;
    }

    table textarea {
        height: 300px;
    }


.showcases tr[data-state='0'] > td:first-child {
}

.showcases tr[data-state='1'] > td:first-child {
    background-color: red;
    color: white;
}

.showcases tr[data-state='2'] > td:first-child {
    background-color: yellow;
    color: black;
}

.showcases tr[data-state='3'] > td:first-child {
    background-color: forestgreen;
    color: white;
}

.table-list tr {
    border: 1px solid #c5c5c5;
}

.table-list tr:nth-child(even) {
    background-color: #f6f6f6;
}

    .table-list tr:nth-child(odd) {
        background-color: #ffffff;
    }