.rud--table { display:flex;flex-direction:column;position:relative;border:1px solid #000;border-bottom:unset;border-right:unset; }
.rud--table .form-control { font-size:14px;max-width:100%; }
.rud--table__row { display:flex;border-bottom:1px solid #000;position:relative; }
.rud--table__row--elem.head { width:20%;padding:2px 8px;height:50px; }
.rud--table__row--elem.head.empty { width:40%;border-right:1px solid #000; }
.Page__Content .rud--table__row--elem.head ul { width:inherit;margin-left:-8px; }
.Page__Content .rud--table__row--elem.head ul a { text-decoration:none;color:#000;white-space:pre-wrap; }
.rud--table__row--name { border-right:1px solid #000; }
.rud--table__row--name,.rud--table__row--elem.metals,.rud--table__row--elem.others { display:flex;align-items:center;justify-content:flex-start;width:40%;padding:2px 8px;font-size:16px;line-height:1.2;font-weight:500;color:#fff; }
.rud--table .rud--table__row--name.metals,.rud--table .rud--table__row--name.others { width:100%;justify-content:center; }
.rud--table__row--elem,.rud--table__row .rud--table__row--elem:last-child { width:20%;padding:2px 8px;border-right:1px solid #000; }
.rud--table__row--elem.empty { border-right:unset; }
.rud--table__row--name.metals { background-color:#555; }
.rud--table__row--elem.metals { background-color:#8a8585; }
.rud--table__row--name.others { background-color:#557290; }
.rud--table__row--elem.others { background-color:#0989D2; }
.rud--table__row--elem,.rud--table__row .A,.rud--table__row .B,.rud--table__row .C,.rud--table__row .D,.rud--table__row div[class="-"],.rud--table__row div[class=""] { display:flex;justify-content:center;align-items:center;width:20%;padding:2px 8px;border-right:1px solid #000;font-size:16px;line-height:1.2;font-weight:500;background-color:#fff; }
.rud--table__row .A { background-color:lime; }
.rud--table__row .B { background-color:greenyellow; }
.rud--table__row .C { background-color:orange; }
.rud--table__row .D { background-color:orangered; }
@media screen and (max-width: 768px) {
    .rud--table{ width:100%;overflow:auto; }
    .rud--table__wrap { width:768px; }
}
.rud--info { display:flex;align-items:center;justify-content:space-between;margin-top:24px; }
.rud--values { display:flex;align-items:center; }
.rud--value { display:flex;align-items:center;margin-right:12px; }
.rud--value span { width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid;margin-right:6px; }
.rud--value.A span { background-color:lime; }
.rud--value.B span { background-color:greenyellow; }
.rud--value.C span { background-color:orange; }
.rud--value.D span { background-color:orangered; }
.rud--tools { display:flex;align-items:center;margin-top:20px; }
.rud--tool { padding:8px 12px;border:1px solid #222;font-size:18px;line-height:1;font-weight:500;transition:.3s all ease-in-out;cursor:pointer; }
.rud--tool:hover { background-color:#222;color:#fff; }
@media screen and (max-width: 768px) {
    .rud--values { flex-wrap:wrap; }
    .rud--value { margin-top:12px; }
    .rud--info { flex-direction:column;align-items:flex-start;margin-top:12px; }
    .rud--tools { margin-top:12px; }
}
.form-control { display:block;width:100%;height:calc(1.5em + 0.75rem + 2px);padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid#ced4da;border-radius:0.25rem;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } 
@media (prefers-reduced-motion: reduce) {
  .form-control { transition:none; }
}
.form-control::-ms-expand { background-color:transparent;border:0; }
.form-control:focus { color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
.form-control::-webkit-input-placeholder,.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-ms-input-placeholder,.form-control::placeholder { color:#6c757d;opacity:1; }
.form-control:disabled, .form-control[readonly] { background-color:#e9ecef;opacity:1; }
select.form-control:focus::-ms-value { color:#495057;background-color:#fff; }
.form-control-file,.form-control-range { display:block;width:100%; }
select.form-control[size], select.form-control[multiple] { height:auto; }
textarea.form-control { height:auto; }
.dropdown-menu { position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:0.5rem 0;margin:0.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0, 0, 0, 0.15);border-radius:0.25rem; }
.dropdown-menu-left { right:auto;left:0; }
.dropdown-menu-right { right:0;left:auto; }
@media (min-width: 576px) {
  .dropdown-menu-sm-left { right:auto;left:0; }
  .dropdown-menu-sm-right { right:0;left:auto; }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left { right:auto;left:0; }
  .dropdown-menu-md-right { right:0;left:auto; }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left { right:auto;left:0; }
  .dropdown-menu-lg-right { right:0;left:auto; }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left { right:auto;left:0; }
  .dropdown-menu-xl-right { right:0;left:auto; }
}
.dropdown-menu.show { display:block; }
.dropdown-item { display:block;width:100%;padding:0.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0; }
.dropdown-item:hover,.dropdown-item:focus { color:#16181b;text-decoration:none;background-color:#f8f9fa; }
.dropdown-item.active,.dropdown-item:active { color:#fff;text-decoration:none;background-color:#007bff; }
.dropdown-item.disabled,.dropdown-item:disabled { color:#6c757d;pointer-events:none;background-color:transparent; }
.rud--table__row--elem.head { position:relative; }
.typeahead.dropdown-menu { left:0!important;width:100%!important;min-width:100%!important; }
.typeahead.dropdown-menu li { width:100%;display:flex; }
.typeahead.dropdown-menu li a { width:100%;white-space:pre-wrap;text-decoration:none;font-size:14px; }