@import url(defaults.css);
@import url(master.css);

@viewport {
  width: device-width;
  initial-scale: 1.0;
}

@-ms-viewport {
  width: device-width;
}


:root {
  /* sininen */
  --primary: #004a77;
  --primary-light: #7862a8;
  --primary-dark: #000026;
  /* magenta */
  --secondary: #5eb0d5;
  --secondary-light: #f562a1;
  --secondary-dark: #aa0045;
  /* turkoosi */
  --turquoise: #00b49d;
  /* keltainen */
  --yellow: #fdb913;
  --bg: #eeeeee;
  --bg-dark: #6b6b6b;
  --font-size-base: 1rem;
  --font-size-h1: 2.3rem;
  --font-size-h2: 1.2rem;
  --font-size-lg: 1.125rem;
  --font-size-sm: 0.875rem;
  --font-size-xs: 0.75rem;
}

.pinkki {
  color: var(--secondary);
}

#eproto {
  font-family: "Arial", "Calibri", "sans-serif";
  font-size: var(--font-size-base);
  min-width: 320px;
  color: var(--primary);
  background: var(--bg);
}

.kuva img {
  width: 100%;
  object-fit: scale-down;
}

a {
  font-family: "Arial", "Calibri", "sans-serif";
  color: var(--primary);
  font-weight: bold;
}

a:visited {
  color: var(--primary-light);
}

a:hover {
  color: var(--secondary);
}

#header,
#footer {
  /* background: var(--primary);
  padding-bottom: 10px;
  font-size: 12px;
  color: #000 !important;
  border: none; */
  visibility: hidden;
}

#container,
#view {
  border: 0;
}

#lomakkeen_alkuteksti {
  padding-left: var(--font-size-lg);;
}

#view:before {
  background-image: url("data:image/png ;base64,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");
  background-repeat: no-repeat;
  background-size: 429px 80px;
  display: inline-block;
  width: 100%;
  object-fit: scale-down; 
  height: 80px;
  margin-left:30px;
  content:"";  
}

.ldapNaytaTekstiLabel {
  padding-left: 27px;
}

.ldapNaytaTeksti {
    margin-left: 27px;
}


#view {
  width: 100%;
  padding-top: 1.5rem;
  background: #fff;
}

#lomakkeen_alkuteksti {
  padding-left: 2.5rem;
}

.yleinen #lomake #formInfo h1 {
  font-family: "Sofia Pro Black", "Calibri", "sans-serif";
  color: var(--primary);
  font-size: var(--font-size-h1);
  width: 98%;
  margin-bottom: 10px;
}

.yleinen #lomake #formInfo h1 #lomakenimi {
  font-size: 75%;
  line-height: 75%;
  display: block;
  color: var(--primary);
  font-family: "Sofia Pro Black", "Calibri", "sans-serif";
}

.yleinen #formInfo p {
  padding: 6px;
  width: 96%;
  /*color: var(--secondary);
  font-family: "Arial", "Calibri", "sans-serif";
  font-size: var(--font-size-h2) */
}

.yleinen #formInfo {
  padding-left: 2.5rem !important;
}

.yleinen #container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  background: #FFF;
  -webkit-box-shadow: -2px 2px 17px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 2px 17px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 2px 17px 0px rgba(0, 0, 0, 0.75);
}

.yleinen #view .formGroup h2 {
  font-family: "Arial", "Calibri", "sans-serif";
  font-size: var(--font-size-h2);
#  font-weight: bold;
  background: #004a77;
#  background: var(--bg);
#  color: var(--primary);
  color: #ffffff;
  margin-left: 10px;
  padding-left: 32px;
  margin-right: 10px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  border-bottom: 6px solid var(--secondary);
}

.yleinen #view .formGroup.passive .formElement {
  color: var(--bg-dark);
}

.yleinen #view .formGroup {
  font-weight: bold;
}

.yleinen #view .formElement.info {
  font-weight: normal;
  font-size: var(--font-size-sm);
}

.yleinen #view .formElement label a,
.yleinen #view .checkboxgroup legend a,
.yleinen #view .radiotable legend a,
.yleinen #view .textfieldtable legend a {
  color: var(--turquoise);
  font-weight: bold;
  font-size: var(--font-size-lg);
}

.yleinen #view .pakollinen label:after,
.yleinen #view .checkboxgroup.pakollinen legend:after,
.yleinen #view .radiotable table th .pakollinen:before {
  color: var(--secondary);
  display: inline-block;
  font-size: var(--font-size-lg);;
  /* text-shadow: 1px 1px 1px rgba(30, 30, 30, 1); */
  content: ' *  ';
}

.yleinen #view .pakollinen label {
  color: var(--primary);
  font-size: var(--font-size-base);
}


.yleinen #view .checkboxgroup.pakollinen label:after {
  content: '';
}

#view .pakollinen {
  color: var(--primary);
}


.yleinen #view .passive {
  background: var(--bg);
}

.yleinen #view .formGroup.passive h2 {
  color: var(--primary-dark);
  background: none;
}

.yleinen #view .checkboxgroup,
.yleinen #view .textfieldtable,
.yleinen #view .radiotable {
  /*border: 1px solid var(--primary-light);*/
  border: none !important;
  overflow: auto;
  margin: 0;
}

.julkinen fieldset.checkboxgroup table,
.julkinen fieldset.textfieldtable table,
.julkinen fieldset.radiotable table {
  background: none;
}

#progressBar {
  background-color: var(--turquoise);
}

label {
  float: left;
  padding-left: 28px;
}

input {
  float: left;
  height: 20px !important;
  font-size: 15px;
}

.yleinen #view .checkbox {
  padding-left: 25px;
}

.yleinen #view .checkbox label {
  padding-left: 3px;
}

.checkboxwrapper {
  padding-left: 10px;
}

textArea {
  float: left;
}

input[type='checkbox'] {
  width: auto !important;
  margin-left: 5px;
}

#footer div {
  padding-top: 15px;
  color: #fff !important;
  font-size: 10px;
}

#footer div a {
  color: #FFF !important;
  font-size: 10px;
}

input[type='button'],
.bootbox button {
  font-family: "Arial", "Calibri", "sans-serif";
  font-weight: bold;
  margin-right: 10px;
  padding: 10px;
  width: auto !important;
  height: auto !important;
  min-width: 200px !important;
  background: var(--primary);
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
  border: solid 1px var(--primary);
}

input[type='button']:hover,
.bootbox button:hover {
  border: solid 1px var(--secondary);
  background: #FFF;
  color: var(--secondary);
  text-decoration: underline;
  font-size: 14px;
}

input[type='radio'] {
  width: auto !important;
  margin-left: 0;
  margin-top: 1px;
}

input[type='file'] {
  font-family: "Arial", "Calibri", "sans-serif";
  font-size: var(--font-size-sm);
  height: auto !important;
}

#overDiv .infoTausta2 {
  background: var(--bg);
  border: 1px solid var(--secondary);
}

#overDiv .infoTeksti {
  font-family: "Arial", "Calibri", "sans-serif";
  color: var(--primary);
}

.yleinen #view div.validointi .error {
  color: var(--secondary);
}

.bootbox .bootbox-close-button {
  font-size: 1.5rem;
  color: var(--secondary);
  cursor: pointer;
  padding: 0;
  min-width: auto !important;

}

.bootbox .bootbox-close-button:hover {
  font-size: 1.5rem;
  color: var(--secondary-light);
  border: none;
  text-decoration: none;
}

h1,
h2,
h3 {
  font-family: "Sofia Pro Black", "Calibri", sans-serif !important;
}

h2 {
  background: var(--primary);
  color: white;
}

.textfieldtable input {
  width: auto !important;
}

.radiocheckboxwrappaava {
  overflow-x: auto !important;
  margin-left: 20px !important;
  width: 95% !important;
}

.radiocheckboxwrappaava label {
  padding-left: 7px;
  max-width: 90%;
}

.yleinen #view .checkboxgroup {
  margin: 0px;
}

.yleinen #view .checkboxgroup legend {
  margin-left: 7px;
}

.radiotable label {
  width: auto !important;
}

select {
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 27px;
}

input[type='checkbox'] {
  height: 16px !important;
  width: 16px !important;
}

.checkbox label {
  width: auto !important;
}

input[type='text'] {
  border: 1px solid var(--bg-dark) !important;
  margin-left: 27px;
  max-width:90% important;
}

select {
  border: 1px solid var(--bg-dark) !important;
}

textarea {
  border: 1px solid var(--bg-dark) !important;
  margin-left: 27px;
}

.formElement select label {
  padding-left: 10px !important;
}

.e3padding {
  padding-left: 40px !important;
}

.C1 input {
  width: auto !important;
  height: auto !important;
  max-height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.C1 {
  width: 33%;
  height: 100px;
  max-width: 250px;
  float: left;
  position: relative;
  margin: 5px;
  border: 3px solid var(--primary);
  border-radius: 15px;
}

.C1_img {
  width: 100%;
  height: 80px;
  float: left;
  position: relative;
  transition: .5s ease;
  backface-visibility: hidden;
}

.C1_text {
  width: 100%;
  float: left;
  height: 20px;
  text-align: center;
  position: relative;
}

#C1_container {
  width: 90%;
  max-width: 800px;
  height: auto;
  float: left;
  border: 3px solid var(--primary);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
  border-radius: 15px;
}

.C1_hover {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  pointer-events: none;
}

.C1:hover .C1 {
  opacity: 0.3;
}

.C1:hover .C1_hover {
  opacity: 1;
}

.C1_hover_text {
  display: block !important;
  background-color: var(--primary-light);
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 15px;
  pointer-events: none;
}

#view .formElement {
  padding-left: 15px !important;
}

fieldset {
  padding-left: 0px;
  margin-left: 0px;
}

.yleinen #view .checkbox label {
  width: 100%;
  max-width: 800px;
}

#view .formElement .info {
  padding-left: 30px !important;
}

.fileinput-button input {
  width: 100% !important;
  height: 100% !important;
}

/* #view .formElement input[type='submit'] {
  margin-right: 10px;
  padding: 10px;
  width: auto !important;
  height: auto !important;
  min-width: 200px !important;
  background: var(--primary);
  font-size: 14px;
  color: #FFF;
  cursor: pointer;
} */

#view .formElement .vas-container .rangeslider .rangeslider__handle {
  background: var(--primary-light);
  border: none;
}

#view .formElement .vas-container .rangeslider .rangeslider__fill {
  background: var(--bg);
}

.yleinen #view .checkboxgroup label,
.editori #view .checkboxgroup label {
  max-width: 100% !important;
  width: auto !important;
}

#view .formGroup {
  margin-left: 5px;
}

@media only screen and (max-width: 900px) {
  .C1 {
    width: 30%;
    height: 100px;
    max-width: 250px;
    float: left;
    position: relative;
    margin: 5px;
    border: 3px solid var(--primary);
    border-radius: 15px;
  }

  .yleinen #view .checkbox label {
    width: 90%;
    max-width: 400px;
  }

  label {
    max-width: 90% !important;
    white-space: normal;
  }

  textarea {
    width: 90% !important;
  }

  select {
    width: 90%;
  }

}

@media screen and (max-width: 600px) {
  #view:before {
    background-size: 370px 58px;
    height: 62px;
  }

  .singletable {
    border: 0;
    width: 80%;
  }

  .singletable caption {
    font-size: 1.3em;
  }

  .singletable thead {
    border: none;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .singletable tr {
    display: block;
    margin-bottom: 15px;
    width: 100% !important;
  }

  .singletable td {
    display: table;
    font-size: .8em;
    text-align: left !important;
    width: 280px;
    height: auto !important;
    line-height: initial;
    vertical-align: middle !important;
    margin-bottom: 10px;
  }

  .singletable td:before {
    content: attr(data-label);
    float: left;
    width: 150px;
    text-align: left;
    margin-left: 15px;
  }

  .singletable td.tarkennuskentta {
    text-align: left !important;
    margin-left: 15px !important;
  }

  .singletable div.checkboxwrapper label {
    position: absolute;
    margin-left: 20px;
    width: 200px !important;
  }

  .singletable label {
    width: 150px;
    text-align: left;
  }

  .singletable td:last-child {
    border-bottom: 0;
  }

  .singletable th {
    border-bottom: 1px solid gray;
    width: 100% !important;
  }

  .singletable th span {
    white-space: normal !important;
  }

  .singletable input[type=text] {
    width: auto !important;
    margin-left: 12px;
  }

  .singletable input[type=radio] {
    padding: 0;
    margin: 0;
  }


  .yleinen #view .checkboxgroup,
  .yleinen #view .textfieldtable,
  .yleinen #view .radiotable {
    overflow: hidden;
    padding-right: 0;
    min-width: 240px;
  }

  #view table td.radioy label {
    width: 89% !important;
  }

  #view table td.radioy input[type=radio] {
    width: 10%;
  }

  #view table td.radioy {
    white-space: normal;
  }

  label {
    max-width: 90% !important;
  }

}



@media only screen and (max-width: 500px) {

  .ldapNaytaTeksti {
    padding-left:27px;
    width: 90% !important;
    margin-left: 0px;
  }

  input[type='button'] {
    padding: 10px;
    width: 95% !important;
    height: auto !important;
    /* background: #0c6ba7;
    font-size: 14px;
    cursor: pointer;
    margin-top: 10px; */
  }

  input[type='text'] {
    border: 1px solid var(--bg) !important;
    margin-left: 27px;
    width:90% !important;
  }

  input[type='password'] {
    border: 1px solid var(--bg) !important;
    width: 90% !important;
    margin-left: 7%;
  }

  textarea {
    border: 1px solid var(--bg) !important;
  }

  .select label {
    width: auto !important;
  }

  .checkbox label {
    width: 90% !important;
  }

  .C1 {
    width: 45%;
    height: 100px;
    max-width: 250px;
    float: left;
    position: relative;
    margin: 5px;
    border: 3px solid var(--primary);
    border-radius: 15px;
  }

  .radiocheckboxwrappaava {
    width: 85% !important;
    display: block;
    overflow-x: hidden !important;
  }

  label {
    max-width: 90% !important;
  }

  select {
    margin-left: 7px;
  }

}

@media only screen and (max-width: 400px) {
  #view::before {
    background-size: 300px 47px;
    height: 47px;
  }
}

@media only screen and (max-width: 350px) {
  #view::before {
    background-size: 200px 31px;
    height: 31px;
  }

  .C1 {
    width: 90%;
    height: 170px;
    max-width: 320px;
    float: left;
    position: relative;
    margin: 5px;
    border: 3px solid var(--primary);
    border-radius: 15px;
  }

  .C1 input {
    width: 120px !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .C1_img {
    width: 100%;
    height: 140px;
    float: left;
    position: relative;
    transition: .5s ease;
    backface-visibility: hidden;
  }

  .C1_text {
    width: 100%;
    float: left;
    height: 20px;
    font-size: 20px;
    text-align: center;
    position: relative;
  }

  textarea {
    max-width: 243px;
  }

}

#view .radiotable th.otstaulukkoY,
#floater th.otstaulukkoY {
  padding: 0px 5px;
}

#editform .textfieldtable legend,
#view .textfieldtable legend {
  margin-left: 5px;
}

#view .formElement.labeltop select {
  margin-left: 7px;
}

#view .formElement.text label,
#view .formElement.textarea.labeltop label,
#view .formElement.textarea label {
  padding-left: 27px;
}

#view .formElement.text.labeltop input,
#view .formElement.textarea.labeltop textarea {
  margin-left: 27px;
}