/* Стили legacy-контента главной и справочных страниц (из default/style.css) */

.legacy-content ul.galochki {
  list-style-image: url(/img/galochka.png);
  margin-left: 35px;
  list-style-position: outside;
}

.legacy-content ul.galochki li {
  padding-left: 10px;
  margin-bottom: 0.35rem;
}

.legacy-content ul.brokers_list {
  margin-left: 0;
  padding-left: 0;
}

.legacy-content ul.brokers_list li {
  list-style-type: none;
  margin-bottom: 0.25rem;
}

.portf_ {
  background-size: 16px;
  padding-left: 20px !important;
}

.portf_huobi { background: url(/img/broker/huobi.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_aigenis { background: url(/img/broker/aigenis.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_sber { background: url(/img/broker/sber.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_newton { background: url(/img/broker/newton.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_sovkom { background: url(/img/broker/sovkom.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_bks { background: url(/img/broker/bks.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_psb { background: url(/img/broker/psb.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_tink { background: url(/img/broker/tink.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_vtb { background: url(/img/broker/vtb.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_finam { background: url(/img/broker/finam.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_uralsib { background: url(/img/broker/uralsib.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_otkr { background: url(/img/broker/otkr.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_kit { background: url(/img/broker/kit.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_alpha { background: url(/img/broker/alpha.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_aton { background: url(/img/broker/aton.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_intel { background: url(/img/broker/intel.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_black { background: url(/img/broker/black.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_atb { background: url(/img/broker/atb.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_ib { background: url(/img/broker/ib.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_wa { background: url(/img/broker/wa.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_ff { background: url(/img/broker/ff.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_dw { background: url(/img/broker/dw.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_gpb { background: url(/img/broker/gpb.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_alor { background: url(/img/broker/alor.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_iti { background: url(/img/broker/iti.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_saxo { background: url(/img/broker/saxo.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_solid { background: url(/img/broker/solid.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_rshb { background: url(/img/broker/rshb.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_cap { background: url(/img/broker/cap.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_cifra { background: url(/img/broker/cifra.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_mts { background: url(/img/broker/mts.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_revolut { background: url(/img/broker/revolut.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_jetlend { background: url(/img/broker/jetlend.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_pp { background: url(/img/broker/pp.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }
.portf_tokeon { background: url(/img/broker/tokeon.png) no-repeat left center; background-size: 16px; padding-left: 20px !important; }

.legacy-content .pad45 {
  padding-left: 35px !important;
  min-height: 30px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 30px;
}

.legacy-content .merged {
  background: url(/img/merged.png) no-repeat left center;
  background-size: 16px;
  padding-left: 20px !important;
}

.legacy-content .hint {
  border-bottom: 1px dashed color-mix(in oklch, var(--primary) 60%, transparent);
  cursor: pointer;
}

.legacy-content .hint:hover {
  color: var(--primary);
}

.legacy-content .collapse:not(.show) {
  display: none;
}

.legacy-content .table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}

.legacy-content .table th,
.legacy-content .table td {
  border: 1px solid var(--border);
  padding: 0.375rem 0.5rem;
  vertical-align: top;
}

.legacy-content .table th {
  background-color: var(--muted);
  font-weight: 600;
}

.legacy-content .table-hover tbody tr:hover {
  background-color: color-mix(in oklch, var(--muted) 45%, transparent);
}

.legacy-content select,
.legacy-content input[type='email'],
.legacy-content input[type='text'],
.legacy-content input[type='submit'] {
  margin: 0.35rem 0;
  max-width: 100%;
}

.legacy-content select,
.legacy-content input[type='email'],
.legacy-content input[type='text'] {
  border: 1px solid var(--border);
  border-radius: 0.375rem;
  background: var(--background);
  color: var(--foreground);
  padding: 0.375rem 0.5rem;
}

.legacy-content input[type='submit'] {
  border: 1px solid var(--border);
  border-radius: 0.375rem;
  background: var(--muted);
  color: var(--foreground);
  padding: 0.375rem 0.75rem;
  cursor: pointer;
}

.legacy-content input[type='submit']:hover {
  background: color-mix(in oklch, var(--muted) 70%, transparent);
}
