#id-submenu {padding: 5px; }
* {box-sizing: border-box; }
.form-button {padding:8px 12px;cursor:pointer; background-color: #e5a50a; color: #ffffff; border: 1px solid #e5a50a; border-radius: 5px; }
.form-button:hover {background-color: #f8e45c; color: #ffffff; border: 1px solid #f8e45c; }
.form-container label {width: 100%; padding: 8px 0;display: inline-block; color: black; }
.form-container label:empty {padding: 0;display: inline-block; }
.form-pad {padding: 8px; border: 1px solid #c8c8c8; border-radius: 5px; }
.form-r10 {width: 10%;float: left; }
.form-r100 {width: 100%;float: left; }
.form-r20 {width: 20%;float: left; }
.form-r30 {width: 30%;float: left; }
.form-r40 {width: 40%;float: left; }
.form-r50 {width: 50%;float: left; }
.form-r60 {width: 60%;float: left; }
.form-r70 {width: 70%;float: left; }
.form-r80 {width: 80%;float: left; }
.form-r90 {width: 90%;float: left; }
.layout-box {display:flex;flex-direction:column; display:flex;flex-direction:column;min-width:0; }
.layout-box h2 {margin-top:0; }
.layout-row {display:flex;gap:20px;width:100%; }
.menu {background-color: #373737; }
.menu li a {color: #ffffff; text-align: center; }
.menu li a:hover {color: #e5a50a; background-color: #373737; }
.menu ul {overflow: hidden; }
.menu ul li {float: left; }
.menu ul li a {display: block; padding: 14px 16px; }
.step-message {
        display: none;
        margin-bottom: 15px;
        padding: 10px 14px;
        border: 1px solid #166534;
        background-color: #dcfce7;
        color: #166534;
        border-radius: 6px;
        font-size: 0.95rem;
        align-items: center;
        gap: 8px;
     }
.step-message-icon {color: #660000;font-size: 1.2rem;font-weight: bold;margin-right: 8px }
.step-nav {display:flex; align-items:center; justify-content:space-between; }
.step-nav-left, .step-nav-right {display:flex; gap:8px; }
.wdg-action_buttons {margin-bottom: 10px;display: flex;flex-direction: row; gap: 10px;align-items: center; }
.wdg-button {padding: 5px; }
.wdg-field {width: 100%; color: ; }
.wdg-field-vertical {color: black; }
.wdg-form-search {width: 100%; }
.wdg-form-search .wdg-field {width: 100%; }
.wdg-info {text-align:center;padding:40px 20px; }
.wdg-info h2 {margin-bottom:10px; }
.wdg-info-icon {font-size:30px;margin-bottom:20px;color:#2ecc71;font-weight:bold; }
.wdg-layout {display:flex;flex-direction:column;gap:20px; }
.wdg-panel {background-color: #f6f5f4; color: black; padding: 10px; border: 1px solid #c8c8c8; border-radius: 10px; }
.wdg-panel:hover {background-color: #f6f5f4; color: ; }
.wdg-row .row {display:flex;flex-direction:column;gap:10px; }
.wdg-selection {padding: 8px; border-radius: 5px; background-color: white;border: 1px solid #c8c8c8; }
@media screen and (max-width: 600px) {.menu ul li {float: none;width:100%} .menu ul {width:100%;} }
a {text-decoration: none; }
body {font-family:Courier New; font-size:14px; color:black; }
footer {margin-top: 20px;text-align:center;overflow:hidden;width:100%; }
h1 {font-size:18px; }
main {overflow:hidden;text-align:center;margin: 0 auto;height:100%; width:70%;margin: 100px auto; }
ul {list-style-type: none; margin: 0;padding: 0 }