@charset "utf-8";

/* -----------------------------------------
   GLOBAALI DIALOGIN POHJATYYLI
----------------------------------------- */
.custom-ui-dialog {
  right: 0 !important;
  left: 0 !important;
  margin: auto !important;
  background: #fff;
}

.custom-ui-dialog .ui-widget-header {
  background-color: #ffbc10;
}

.custom-ui-dialog a,
.custom-ui-dialog a:hover,
.custom-ui-dialog a:focus {
  font-weight: 400;
  color: #00f;
  text-decoration: underline;
  outline-style: none;
}

.custom-ui-dialog .ui-dialog-content p {
  text-wrap: balance !important;
}

.custom-ui-dialog .ui-dialog-buttonset {
  float: none !important;
}

/* -----------------------------------------
   GLOBAALI NAPPIEN POHJATYYLI
   (kaikki dialogit perivät nämä)
----------------------------------------- */
.custom-ui-dialog .ui-dialog-buttonpane .ui-button {
  padding: 7px 15px;
  font-weight: 400;
  color: #000;
  background: #e5e5e5;
  border: 1px solid #000;
  border-radius: 20rem;
  text-decoration: none;
}

.custom-ui-dialog .ui-dialog-buttonpane .ui-button:hover,
.custom-ui-dialog .ui-dialog-buttonpane .ui-button:focus {
  background: #ffbc10;
  text-decoration: underline;
}

/* -----------------------------------------
   KYSELYDIALOGIN DEDIKOITU TYYLI
   (vain custom-kysely-dialog)
----------------------------------------- */
.custom-kysely-dialog .ui-dialog-buttonpane .ui-button {
  background: #fff !important;
  border: 1px solid #2e2eff !important;
  border-radius: 30px !important;
  outline: 1px solid #2e2eff !important;
  font-weight: normal !important;
}

.custom-kysely-dialog .ui-dialog-buttonpane .ui-button:hover,
.custom-kysely-dialog .ui-dialog-buttonpane .ui-button:focus,
.custom-kysely-dialog .ui-dialog-buttonpane .ui-button:active {
  background: #ffbc10 !important;
}

/* -----------------------------------------
   LEHTIPERUUTUSDIALOGIN DEDIKOITU TYYLI
   (vain custom-lehtiperuutus-dialog)
----------------------------------------- */
.custom-lehtiperuutus-dialog .ui-dialog-buttonpane .ui-button {
  background: #fff !important;
  border: 1px solid #2e2eff !important;
  border-radius: 30px !important;
  outline: 1px solid #2e2eff !important;
  font-weight: normal !important;
}

.custom-lehtiperuutus-dialog .ui-dialog-buttonpane .ui-button:hover,
.custom-lehtiperuutus-dialog .ui-dialog-buttonpane .ui-button:focus,
.custom-lehtiperuutus-dialog .ui-dialog-buttonpane .ui-button:active {
  background: #ffbc10 !important;
}