.ma-p117 {
  display:none;
  max-width:1400px;
  padding:24px;
  margin:auto;
  color:inherit;
}
.ma-p117.active {display:block}
.ma-p117 h1 {font-size:26px;margin:0 0 8px}
.ma-p117 h3 {margin:0 0 12px}
.ma-p117 p {opacity:.75;font-size:13px}
.ma-p117-head {
  display:flex;justify-content:space-between;
  flex-wrap:wrap;gap:15px;margin-bottom:20px;
}
.ma-p117-card {
  border:1px solid #354356;
  background:rgba(25,39,57,.5);
  border-radius:13px;padding:19px;margin:15px 0;
}
.ma-p117-form {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;margin-bottom:14px;
}
.ma-p117 input,.ma-p117 select,.ma-p117 button {
  background:#172434;color:#fff;
  border:1px solid #48566a;
  border-radius:8px;padding:10px;
  font:inherit;min-width:0;
}
.ma-p117 button {cursor:pointer}
.ma-p117 button:hover {border-color:#88acd2}
.ma-p117 label {
  display:flex;flex-direction:column;
  gap:6px;font-size:12px;
}
.ma-p117-scroll {overflow-x:auto}
.ma-p117 table {
  border-collapse:collapse;width:100%;
  min-width:500px;
}
.ma-p117 td,.ma-p117 th {
  padding:11px 8px;
  border-bottom:1px solid #34445a;
  text-align:left;font-size:12px;
}
.ma-p117 th {opacity:.65}
.ma-p117-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
  gap:10px;
}
.ma-p117-stat {
  border:1px solid #354356;
  border-radius:9px;padding:15px;
}
.ma-p117-stat small {display:block;opacity:.6}
.ma-p117-stat strong {font-size:21px}
.ma-p117-note {
  font-size:12px;opacity:.65;margin:12px 0;
}
.ma-p117-empty {padding:22px 8px;opacity:.7}
#ma-wl-local117 button {
  padding:7px 10px;
  border:1px solid #48566a;
  border-radius:7px;
  background:#172434;color:#fff;
  cursor:pointer;
}
#ma-wl-local117 select {
  background:#172434;color:#fff;
  border:1px solid #48566a;
  border-radius:8px;padding:10px;
}
@media(max-width:768px) {
  .ma-p117 {padding:13px}
}