/* Softer Forex blue interface */
.topbar{
  background:linear-gradient(135deg,#19324d 0%,#2f6f9e 100%);
  border-bottom-color:#5b83a8;
}
.brand-mark{
  background:#4d8ed0;
  box-shadow:0 4px 12px #0e2b4828;
}
.top-note{color:#e0edf8}
.company-picker > #company-toggle{
  background:#ffffff1c;
  border-color:#ffffff5c;
  color:#fff;
  border-radius:10px;
  box-shadow:0 4px 12px #102f4a22;
  position:relative;
  text-align:center;
}
.company-picker > #company-toggle:hover{
  background:#ffffff2e;
  border-color:#fff;
}
.company-picker > #company-toggle .toggle-chevron{
  color:#b9ddff;
  font-size:22px;
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
}
.company-menu{
  padding:8px;
  background:#fff;
  border-color:#cbddec;
  box-shadow:0 18px 38px #173b5b2b;
}
.company-menu .company{
  margin:4px 0;
  background:#f7fbff;
  border:1px solid #e1ecf6;
  color:#274b6f;
  border-radius:10px;
}
.company-menu .company:hover{
  background:#eaf4fd;
  border-color:#bad6ed;
}
.company-menu .company.active{
  background:#dcecfb;
  border-color:#9fc5e6;
  color:#1f5d96;
}
.company-menu .company span{float:none;color:inherit}
.company-menu .company-logo{
  flex:0 0 auto;
  background:#eaf3fc;
  color:#2f6fbd;
}
.company-menu .company.active .company-logo{
  background:#fff;
  color:#2f6fbd;
}
.company-menu .company small{color:#7890a6}
.copy-btn{
  background:#2f6fbd;
  border-color:#2f6fbd;
  color:#fff;
  box-shadow:0 4px 10px #2f6fbd26;
}
.copy-btn:hover:not(:disabled){
  background:#245d9b;
  border-color:#245d9b;
  color:#fff;
}
.copy-btn:disabled{
  background:#c9dff1;
  border-color:#b5d1e9;
  color:#4f79a1;
  opacity:.9;
}
.result-head{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  justify-content:initial;
}
.result-head .section-kicker{grid-column:1}
.result-head .copy-btn{
  grid-column:2;
  justify-self:center;
}