@charset "UTF-8";
@font-face {
  font-family: 'Yle-Black';
  src: url(//deski.yle.fi/2020-01-valtionosuudet-2/fonts/9df6da374696ab70ff5f703c650e28f7.otf); }

@font-face {
  font-family: 'Yle-Regular';
  src: url(//deski.yle.fi/2020-01-valtionosuudet-2/fonts/28a2beca1f04bef0fa568374bf35e2f6.otf); }

@font-face {
  font-family: 'Yle-Bold';
  src: url(//deski.yle.fi/2020-01-valtionosuudet-2/fonts/c37ecccaae51a124b3c31ec9a7a166b4.otf); }

.plus-app.plus-app-2020-01-valtionosuudet-2 {
  /* For old browsers */
  display: block;
  /* General styles */
  /* ------ Otsikko ------ */
  /* ------ Select ------ */
  /* Välit elementeille */
  /* ------ Piirakan tyylit ------ */
  /* ------ Firefox-backup ------ */
  /* ------ Kunnan infotiedot ennen piirakkaa ------ */
  /* ------ Kunnan tiedot ------ */
  /* Ehdolliset, ruudun kokoon viittaavat tyylit
  @media (max-width:600px) {
    .outer-app-wrapper{
      padding: 0 3px 0 3px;
    }
  } */ }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .clearfix {
    zoom: 1; }
    .plus-app.plus-app-2020-01-valtionosuudet-2 .clearfix:after {
      clear: both;
      content: ' ';
      display: block;
      height: 0;
      visibility: hidden; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .clear_both {
    clear: both; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .hidden {
    display: none; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .nowrap {
    white-space: nowrap; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .outer-app-wrapper {
    margin: 0 0 20px 0;
    padding: 0; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .inner-app-wrapper {
    width: 100%;
    display: table;
    text-align: center;
    border-radius: 30px;
    background-color: #f9ddda;
    margin: 0; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 p, .plus-app.plus-app-2020-01-valtionosuudet-2 h1, .plus-app.plus-app-2020-01-valtionosuudet-2 h2, .plus-app.plus-app-2020-01-valtionosuudet-2 h3 {
    -webkit-margin-before: 0;
            margin-block-start: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 #md_otsikko {
    font-family: 'Yle-Black', sans-serif;
    color: #020663;
    font-size: 38px;
    padding: 30px 0;
    max-width: 80%;
    margin: 0 10%;
    -webkit-hyphens: manual;
        -ms-hyphens: manual;
            hyphens: manual;
    line-height: 1.2; }
    @media (max-width: 550px) {
      .plus-app.plus-app-2020-01-valtionosuudet-2 #md_otsikko {
        max-width: 94%;
        margin: 0 3%;
        font-size: 32px; } }
  .plus-app.plus-app-2020-01-valtionosuudet-2 #md_userinput {
    width: 80%;
    height: 40px;
    max-width: 400px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0px 20px 40px 20px;
    border: 1px solid #f9ddda;
    border-radius: 3px;
    color: #808080;
    font-family: 'Yle-Regular', sans-serif; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .pie {
    margin-bottom: 5px; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 select {
    margin-bottom: 14px; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .outer-pie-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .inner-pie-wrapper {
    max-width: 300px;
    margin: 0 auto; }
    @media (max-width: 400px) {
      .plus-app.plus-app-2020-01-valtionosuudet-2 .inner-pie-wrapper {
        max-width: none;
        width: 94%;
        margin: 0 3%; } }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .hide-pie {
    display: none; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .show-pie {
    display: block; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .pie {
    position: relative;
    padding: 1.25em 50%;
    width: 0;
    border-radius: 5px;
    --slist: #573b88 calc(var(--p)*1%), #cc77b2 0;
    background: -webkit-gradient(linear, left top, right top, from(var(--slist)));
    background: linear-gradient(90deg, var(--slist));
    transition: --p .5s; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .pie:after {
    position: absolute;
    -webkit-transform: translate(-50%, -50%) var(--pos);
            transform: translate(-50%, -50%) var(--pos);
    color: #fff;
    font-size: 2em;
    counter-reset: p var(--p);
    content: counter(p) " %-yks.";
    font-family: 'Yle-Bold', sans-serif; }
  @supports (background: conic-gradient(red, tan)) {
    .plus-app.plus-app-2020-01-valtionosuudet-2 .pie {
      padding: 50%;
      border-radius: 50%;
      --a: calc(.5*var(--p)/100*1turn - 90deg);
      --pos: rotate(var(--a)) translate(calc(.25*var(--d))) rotate(calc(-1*var(--a)));
      background: conic-gradient(var(--slist)); } }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .show-backup-wrapper {
    display: block; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .hide-backup-wrapper {
    display: none; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .backup-number {
    font-family: 'Yle-Black', sans-serif;
    font-size: 36px;
    color: #020663;
    padding: 0 0 30px 0;
    text-decoration: underline; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .show-info-wrapper {
    display: block; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .hide-info-wrapper {
    display: none; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .info-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .inner-info-wrapper {
    max-width: 80%;
    margin: 0 10%;
    padding: 0 0 20px 0; }
    @media (max-width: 550px) {
      .plus-app.plus-app-2020-01-valtionosuudet-2 .inner-info-wrapper {
        max-width: 94%;
        margin: 0 3%; } }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .show-msg-wrapper {
    display: block; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .hide-msg-wrapper {
    display: none; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .msg-wrapper {
    width: 100%; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .inner-msg-wrapper {
    max-width: 94%;
    margin: 0 3%;
    padding: 0 0 30px 0; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .kunta-title {
    font-family: 'Yle-Black', sans-serif;
    color: #020663;
    font-size: 36px;
    padding: 0 0 20px 0; }
    @media (max-width: 550px) {
      .plus-app.plus-app-2020-01-valtionosuudet-2 .kunta-title {
        font-size: 32px; } }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .kunta-text {
    font-family: 'Yle-Regular', sans-serif;
    font-size: 19px;
    color: #020663;
    padding: 0 0 0.8em 0;
    line-height: 1.3; }
  .plus-app.plus-app-2020-01-valtionosuudet-2 .bold-text {
    font-family: 'Yle-Bold', sans-serif; }


/*# sourceMappingURL=styles.css.map*/