@charset "UTF-8";
/* Yhteiskäyttäiset SCSS-määrittelyt kuten värit */
/* Build profiililla test taustaväriksi vaihtuu vaaleanpunainen #fff0f0. Muutos tehdään war-modulin pom.xml:ssä
   test-profiililla */
/* Styles only for the login page */
* {
  font-family: "Arial", "Helvetica", sans-serif;
  font-size: 12px; }

a:link {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

.menuDiv {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 20px; }

.logoDiv {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start; }

/* Ylävalikon oikean laidan sijoittaminen */
.menuright {
  position: absolute;
  top: 15px;
  right: 20px; }

.messageDiv {
  margin-left: 20px; }

.applicationTitle {
  font-size: 4em;
  color: #386c8b; }

.centered {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px; }

.headerText {
  font-size: 1.3em;
  color: #386c8b; }

.loginButton {
  width: 350px;
  height: 50px;
  border-radius: 25px 25px 25px 25px;
  background-color: white;
  border: none;
  outline: none;
  color: #386c8b;
  font-size: 1.3em;
  font-weight: 600;
  cursor: pointer; }

.loginButton > span {
  font-size: 1.2em; }

.loginButton:hover, .loginButton:focus {
  color: #386c8b;
  background-color: #ebfaeb;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) inset; }

.loginButton:disabled {
  background-color: #cccccc;
  color: #666666;
  text-align: center;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3) inset; }

/* Ainoa tapa skaalata commandButton isommaksi */
.ui-button-text-only .ui-button-text .ui-button-text-icon-left {
  font-size: 1.1em; }

.ui-inputfield .ui-inputtext {
  font-size: 1.5em; }

.loginMessageText {
  font-size: 1.2em;
  color: white;
  max-width: 600px; }

.loginInfoText {
  color: #386c8b;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center; }

/* Poistaa PF-editorin kappalevälit */
.pfEditorHtmlText p,
.pfEditorHtmlText h1,
.pfEditorHtmlText h2,
.pfEditorHtmlText h3,
.pfEditorHtmlText h4,
.pfEditorHtmlText ul {
  margin-block-end: 0px; }

.loginInfoTextBackGround {
  max-width: 600px;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1rem;
  border-radius: 30px;
  min-width: 350px;
  min-height: 50px;
  margin-top: 20px;
  box-sizing: border-box; }

.dialogButtonPanel {
  width: 100%;
  vertical-align: top;
  margin-bottom: 4px;
  padding-top: 8px; }

.dialogButton, .dialogUpdate, .dialogUpdate:hover,
.dialogUpdate:active,
.dialogUpdate:focus {
  float: left; }

.dialogCancel {
  float: right;
  width: 75px; }

.dialogUpdate, .dialogUpdate:hover,
.dialogUpdate:active,
.dialogUpdate:focus {
  background-color: #45b34d !important;
  border: 1px solid #45b34d !important; }

.dialogUpdate:hover {
  background-color: #67c46e !important; }

.buttonRed, .buttonRed:hover,
.buttonRed:active,
.buttonRed:focus {
  background-color: #d06256 !important;
  border: 1px solid #d06256 !important; }

.buttonRed:hover {
  background-color: #db877e !important; }