/* EIN TOOLS PUBLIC V12 */

:root{
  --e12-bg:#f4f9f5;
  --e12-card:#ffffff;
  --e12-soft:#e9f4ec;
  --e12-green:#3c8056;
  --e12-deep:#285e3d;
  --e12-text:#304b39;
  --e12-muted:#637568;
  --e12-line:#d2e2d6;
}

html.e12-active,
html.e12-active body{
  background:#f4f9f5 !important;
  color:#304b39 !important;
}

body[data-ein-tool]
.e12-product-subtitle{
  margin:5px 0 9px !important;
  padding:0 !important;
  width:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#52705d !important;
  font-size:20px !important;
  font-weight:650 !important;
  line-height:1.4 !important;
}

body[data-ein-tool]
.e12-eyebrow{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 0 8px !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  color:#627f6b !important;
  font-size:14px !important;
  font-weight:650 !important;
  line-height:1.4 !important;
}

body[data-ein-tool]
:where(
  button,
  .button,
  .btn,
  [role="button"],
  [class*="button"],
  [class*="-btn"]
){
  background:#3c8056 !important;
  background-color:#3c8056 !important;
  background-image:none !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border-color:#3c8056 !important;
  border-radius:12px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:16px !important;
  font-weight:700 !important;
}

body[data-ein-tool]
:where(
  button,
  .button,
  .btn,
  [role="button"],
  [class*="button"],
  [class*="-btn"]
) *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}

.e12-dark-surface{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#304b39 !important;
  border-color:#d2e2d6 !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.e12-dark-text{
  color:#31543e !important;
  -webkit-text-fill-color:#31543e !important;
  text-shadow:none !important;
}

.e12-before::before{
  background:#e9f4ec !important;
  background-color:#e9f4ec !important;
  background-image:none !important;
  color:#31543e !important;
  border-color:#83aa8e !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.e12-after::after{
  background:#e9f4ec !important;
  background-color:#e9f4ec !important;
  background-image:none !important;
  color:#31543e !important;
  border-color:#83aa8e !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.e12-instrument-card{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#304b39 !important;
  border:1px solid #d2e2d6 !important;
  border-radius:13px !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

.e12-instrument-card *{
  color:#31543e !important;
  -webkit-text-fill-color:#31543e !important;
  text-shadow:none !important;
}

canvas.e12-canvas{
  background:#ffffff !important;
  border:1px solid #d2e2d6 !important;
  border-radius:15px !important;
  box-shadow:none !important;
}

svg.e12-svg{
  background:#ffffff !important;
  border-radius:14px !important;
}

svg .e12-svg-fill{
  fill:#e9f4ec !important;
}

svg .e12-svg-stroke{
  stroke:#4f8f65 !important;
}

svg text{
  fill:#31543e !important;
}

.e12-hide{
  display:none !important;
}

.e12-divider{
  display:none !important;
  visibility:hidden !important;
}

.e12-detail-title{
  display:block !important;
  padding:14px 16px !important;
  background:#e6f1e8 !important;
  color:#285e3d !important;
  border-radius:13px 13px 0 0 !important;
  font-size:18px !important;
  font-weight:750 !important;
  line-height:1.4 !important;
  letter-spacing:0 !important;
}

.e12-detail-block{
  background:#ffffff !important;
  color:#344f3d !important;
  border:1px solid #d2e2d6 !important;
  border-radius:0 0 14px 14px !important;
}

.e12-detail-block
:where(
  table,
  tbody,
  tr,
  th,
  td,
  dt,
  dd,
  div,
  p,
  span
){
  color:#344f3d !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.e12-detail-block
:where(
  th,
  td,
  dt,
  dd,
  [class*="row"],
  [class*="item"]
){
  min-height:44px !important;
  padding:11px 14px !important;
  border-bottom:1px solid #dde9e0 !important;
}

body[data-ein-tool]
:where(
  small,
  [class*="caption"],
  [class*="legend"],
  [class*="event"]
){
  font-size:14px !important;
  line-height:1.5 !important;
}

@media(max-width:700px){
  body[data-ein-tool]
  .e12-product-subtitle{
    font-size:18px !important;
  }
}