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

* {/* border: 1px solid #FF5722; */}

// hollola
/* #F6AA00 viljapelto
   #000000 kivijalka
   #D00058 rakkaus
   #37A26B luonto
      */

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

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

#eproto {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  min-width: 320px;
  background: #f0f0f0;
  background-size: 20%;
}

#header, #footer {
   /* #274d02; */
   padding-bottom: 10px;
   font-size: 12px;
   color: #000 !important;
   border: none;
   /* display: none; */
}

#container, #view { 
  border:0;
}

#lomakkeen_alkuteksti {
  padding-left: 18px;
}

/*#view:before {
  background-size: 140px 140px;
  display: inline-block;
  width: 140px; 
  height: 140px;
  margin-left:30px;
  content:"";
  
}*/

#view {
  /* width:100%; */
  padding-top: 25px;
  background: #fff url("data:image/png ;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAANCAYAAACD4L/xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYSURBVBhXY2RgYPgPxAxMIAIEaM5gYAAAdvUBGTAl+sEAAAAASUVORK5CYII=") top left repeat-x;
}

#lomakkeen_alkuteksti {
  padding-left:40px;
}

.yleinen #lomake #formInfo h1 {
	color: #000000; /* Otsikko */
	font-size: 200%;
  font-weight: bolder;
  width:98%;
  margin-bottom: 10px;
}

.yleinen #lomake #formInfo h1 #lomakenimi {
        font-size: 75%;
        line-height: 75%;
        display: block;
        color: #37A26B;
}

.yleinen #formInfo p {
        padding: 6px;
        width: 90%;
}

.yleinen #formInfo  {
        padding-left: 40px !important;
}

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

.yleinen #view .formGroup h2 {
  font-size: 20px;
  background: #FFF;
  margin-left: 10px;
  padding-left: 32px;
  margin-right: 10px;
  padding-bottom: 5px 
  border-bottom: 3px solid #F6AA00; /* #008000; ryhmien väliset viivat */
}

.yleinen #view .formGroup.passive .formElement {
  color: #666;
}

.yleinen #view .formElement label a {
  color: #000000; /* #66bf29; "kysymysmerkki" tekstikentässä */
  font-weight: bold;
}

div.ldapNaytaTekstiLabel, div.ldapNaytaTeksti {
  margin-left: 27px;
}

.yleinen #view .pakollinen label:after {
  color: #ed1212;
  font-size:18px;
  text-shadow: 1px 1px 1px rgba(30, 30, 30, 1);
  content:' *  ';
}

.yleinen #view .pakollinen label {
  color: #000;
  /* font-size:16px; */
}

.yleinen #view .checkboxgroup.pakollinen legend:after {
  color: #ed1212;
  font-size:18px;
  text-shadow: 1px 1px 1px rgba(30, 30, 30, 1);
  content:' *  ';
}

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

#view .pakollinen {
  /* color: #000; */
}

.yleinen #view .radiotable table th .pakollinen:before {
  color: #ed1212;
  font-size:18px;
  /* text-shadow: 1px 1px 1px rgba(30, 30, 30, 1); */
  content:'*  ';
}

.yleinen #view .passive {
	background: #d6d9dd url(passive.gif);
}

.yleinen #view .formGroup.passive h2 {
	color: #555;
	background: none;
}

.yleinen #view .checkboxgroup, .yleinen #view .textfieldtable, .yleinen #view .radiotable {
        border: 1px solid #919191; /* #008000; ryhmien rajaviivat */
        overflow: auto;
        margin:0;
}
  
.julkinen fieldset.checkboxgroup table,
.julkinen fieldset.textfieldtable table,
.julkinen fieldset.radiotable table {
    background: none;
}

/* tadaa */
#progressBar {
    background-color: #39e600;
}

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

input {
  float:left;
  height: min-content;
  font-size: 15px;
}

#view .formElement .vas-container .rangeslider .rangeslider__handle {
  background: #F6AA00;
}

.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:rgb(249,157,28) !important;
  font-size: 10px;
}

input[type='button'] {
 margin-right: 10px;
 margin-top: 5px;
 padding: 13px;
 width: auto !important;
 height:auto !important;
 min-width:200px !important;
 background: #000000; /* #008000; */
 font-size: 14px;
 color:#FFF;
 cursor: pointer;
 border:none;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 4px;
 font-family: "Arial", sans-serif;
}

input[type='button']:hover {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  color: #F6AA00;
}

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

h1, h2, h3 {
  font-family: "Arial", sans-serif !important;
  font-weight: bolder;
}

h2 {
	background-color: #008000;
	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: 10px;
}

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

.checkbox label {
  width: auto !important;
}

input[type='text'], input[type='password'] {
    border: 1px solid #d6d9dd !important;
    margin-left: 27px;
}

select {
    border: 1px solid #d6d9dd !important;
}

textarea, div.mce-tinymce {
    border: 1px solid #d6d9dd !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 rgb(13,118,183);
   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 rgb(13,118,183);
   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: rgb(0,145,221);
  color: white;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 15px;
  pointer-events: none;
}

#view:before {
  background-image: url("data:image/svg+xml ;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NjYuOTMgMTE1LjE2Ij48dGl0bGU+SG9sbG9sYS1sb2dvPC90aXRsZT48cGF0aCBkPSJNNCwxMTUuMzVIMjIuODhhMy44OSwzLjg5LDAsMCwwLDMuODktMy44OWMwLTE1LjQ0LjA4LTMzLjY5LjA4LTQxLjgxSDY4LjMydjQxLjgyYTMuODgsMy44OCwwLDAsMCwzLjg4LDMuODhoMTlhMy44OCwzLjg4LDAsMCwwLDMuODktMy44OFM5NS4wNiw3LjcsOTUsNS4yM0EzLjg4LDMuODgsMCwwLDAsOTEuMSwxLjQ5SDcyLjIyYTMuODgsMy44OCwwLDAsMC0zLjg5LDMuOTNWNDMuODdIMjYuODVMMjcsNS40MWEzLjg5LDMuODksMCwwLDAtMy44OS0zLjkySDMuODhBMy44NywzLjg3LDAsMCwwLDAsNS40Qy4zNCwzOS44NC4xMyw5MS43OC4xLDExMS40OEEzLjg3LDMuODcsMCwwLDAsNCwxMTUuMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNDMpIi8+PHBhdGggZD0iTTIyOC4zNCwxMTUuMzVIMjQ3YTMuODgsMy44OCwwLDAsMCwzLjg5LTMuODhjMC0xOS41MywwLTEwNS43OSwwLTEwNy4xNEEzLjg4LDMuODgsMCwwLDAsMjQ3LC40M0gyMjguMjVhMy44OCwzLjg4LDAsMCwwLTMuODksMy45MWMuMjEsMjUuNzguMTMsNzguMjEuMSwxMDcuMTNhMy44OCwzLjg4LDAsMCwwLDMuODgsMy44OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNMjc2LjM1LDExNS4zNUgyOTVhMy44NiwzLjg2LDAsMCwwLDMuODgtMy44OHMwLTEwNS42OSwwLTEwNy4xM0EzLjg3LDMuODcsMCwwLDAsMjk1LC40M0gyNzYuMjdhMy44OCwzLjg4LDAsMCwwLTMuODksMy45Yy4xOCwyNS43OS4xMSw3OC4xMS4wOSwxMDcuMTRhMy44NiwzLjg2LDAsMCwwLDMuODgsMy44OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNNDI3LjM1LDExMS40OGEzLjg5LDMuODksMCwwLDAsMy44OSwzLjg4aDE4LjY3YTMuODksMy44OSwwLDAsMCwzLjg5LTMuODlsMC0xMDcuMUEzLjg5LDMuODksMCwwLDAsNDQ5Ljg5LjQzSDQzMS4yMWEzLjg4LDMuODgsMCwwLDAtMy44OCwzLjkxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNNTY2LjkxLDI1LjU2YTMuMzUsMy4zNSwwLDAsMC0zLjU3LTMuMTRINTQ2LjE2YTMuMzQsMy4zNCwwLDAsMC0zLjU2LDMuMTJjMCwxLjg2LS4wNyw4LjMyLS4wNyw4LjMyLTE4LjUzLTE1LTQwLjY0LTE0Ljc4LTU3LDEuMTZTNDY3LjA2LDc4LjA5LDQ4MSw5Ni4zNWM3LDkuMiwxNi4zOSwxNC40NSwyNy43LDE2LjgxLDEyLjI5LDIuNTYsMjQuMjUtMi44MywzNC0xMSwwLDAtLjA4LDYuNDktLjA4LDYuMjR2Mi40M2EzLjM2LDMuMzYsMCwwLDAsMy41OCwzLjA4aDE3LjE3YTMuMzUsMy4zNSwwLDAsMCwzLjU3LTMuMDlaTTUxNy41OCw5MC4yM2MtMTEuNzQtLjA4LTIwLjY2LTkuNjYtMjAuNjQtMjIuMTlzOS4wNy0yMiwyMC44Mi0yMkM1MjkuMjcsNDYsNTM5LDU1LjksNTM5LjIxLDY3LjhzLTkuOTQsMjIuNTEtMjEuNjMsMjIuNDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNDMpIi8+PHBhdGggZD0iTTM2Mi42MywxOS42N0MzMzcuNTUsMTkuNjcsMzE3LDQxLDMxNi44NCw2Ny4xYy0uMTIsMjYuNjksMjAuMjMsNDguMzcsNDUuNTMsNDguNDksMjUsLjEyLDQ2LTIxLjI0LDQ2LjIxLTQ3LjA3QzQwOC44MSw0MS40OCwzODguMjksMTkuNjYsMzYyLjYzLDE5LjY3Wm0tLjQxLDcwLjA1Yy0xMS43NS0uMDgtMjAuNjYtOS42Ni0yMC42NS0yMi4xOXM5LjA3LTIyLDIwLjgzLTIyYzExLjUsMCwyMS4yNCw5Ljg2LDIxLjQ1LDIxLjc2UzM3My45LDg5LjgsMzYyLjIyLDg5LjcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNMTU5LjYzLDE5LjY3QzEzNC41NSwxOS42NywxMTQsNDEsMTEzLjg0LDY3LjFjLS4xMiwyNi42OSwyMC4yMyw0OC4zNyw0NS41Myw0OC40OSwyNSwuMTIsNDYtMjEuMjQsNDYuMjEtNDcuMDdDMjA1LjgxLDQxLjQ4LDE4NS4yOSwxOS42NiwxNTkuNjMsMTkuNjdabS0uNDEsNzAuMDVjLTExLjc1LS4wOC0yMC42Ni05LjY2LTIwLjY1LTIyLjE5czkuMDctMjIsMjAuODMtMjJjMTEuNSwwLDIxLjI0LDkuODYsMjEuNDUsMjEuNzZTMTcwLjksODkuOCwxNTkuMjIsODkuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjQzKSIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  position: relative;
  left: 38px;
  top: 24px;
  display: inline-block;
  height: 75px;
  width: 172px;
  content:"";
}

#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: rgb(0, 127, 0);
  border-radius:10px;
  font-size: 14px;
  color:#FFF;
  cursor: pointer;
}

.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 rgb(13,118,183);
   border-radius: 15px;
  }
  
  .yleinen #view .checkbox label {
      width:90%;
      max-width: 400px;
  }

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


@media screen and (max-width: 600px) {
   .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:relative;
    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:86% !important;
  }
  
  #view table td.radioy input[type=radio] {
    width:10%;
  }
  
  #view table td.radioy {
    white-space:normal;
  }

}



@media only screen and (max-width: 500px) { 
    
    
  input[type='button'] {
    padding: 10px;
    width: 95% !important;
    height:auto !important;
    font-size: 14px;
    cursor: pointer;
    margin-top:10px;
    background: #000000;
  }
  
  input[type='text'] {
    border: 1px solid #d6d9dd !important;
    margin-left:27px;
  }
  
  input[type='password'] {
    border: 1px solid #d6d9dd !important;
    width: 90% !important;
    margin-left: 7%;
  }

  textarea {
    border: 1px solid #d6d9dd !important;
  }

  .select label {
    width: auto !important;
  }
  
  .checkbox label {
    width: 80% !important;
  }
  
  .C1 {
   width: 45%;
   height: 100px;
   max-width: 250px;
   float:left;
   position:relative;
   margin :5px;
   border: 3px solid rgb(13,118,183);
   border-radius: 15px; 
 }
 
 .radiocheckboxwrappaava {
  width:85% !important;
  display:block;
  overflow-x:hidden !important;
 }
 
 label, .ldapNaytaTekstiLabel {
  width: 90% !important;
 }
 
  select {
 	/* margin-left: 7px; */
 }
    
}

@media only screen and (max-width: 350px) { 
  
  
  .C1 {
   width: 90%;
   height: 170px;
   max-width: 320px;
   float:left;
   position:relative;
   margin :5px;
   border: 3px solid rgb(13,118,183);
   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;
  }
  
  label, .ldapNaytaTekstiLabel {
    width: 90% !important;
  }

  textarea {
  	max-width:243px;
  }

}

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

#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;
}

a.help {
	color: #37A26B !important; /* #66bf29; ryhmän "kysymysmerkki" */
	font-family: "Arial", sans-serif;
}

.yleinen #view .pakollinen label:after,
.yleinen #view .radiotable table th .pakollinen:before,
.yleinen #view .checkboxgroup.pakollinen legend:after {
  color: #D00058;
  font-size: 150%;
  line-height: 60%;
  vertical-align: bottom;
}

/* ----------------------------- June -------------------------------- */

div#formInfo {}

#view {
    /* width: 100%; */
    padding-top: 25px;
    padding-left: 50px;
    background: #f7f8fa url("data:image/png ;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAANCAYAAACD4L/xAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYSURBVBhXY2RgYPgPxAxMIAIEaM5gYAAAdvUBGTAl+sEAAAAASUVORK5CYII=") top left repeat-x;
    padding-right: 50px;
}

#view:before {
  background-image: url("data:image/svg+xml ;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MDUuNTEgNzcuNzMiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMWQxZDFiO308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDEuMSw3Mi45Yy0yLjI1LDAtMy44LTEuOC0zLjgtMy44MSwwLTIuMTEsMS41NS0zLjg0LDMuNzctMy44NHMzLjgxLDEuNjksMy44MSwzLjg0YzAsMi4wMS0xLjY2LDMuODEtMy43NywzLjgxbTMuOTUtMTAuMDhjLTEuMTMtMS41MS0zLjE0LTIuNC01LjE0LTIuNC00LjY4LDAtNy45MywzLjQ5LTcuOTMsOC42N3MzLjI0LDguNjMsNy44Niw4LjYzYzIuMDgsMCw0LjA5LS45NSw1LjIxLTIuNXYyLjA4aDUuMjF2LTE2LjQ1aC01LjIxdjEuOTdabS0xNi41Mi0xMC45MmgtNS4yMXYyNS40aDUuMjF2LTI1LjRabS0xNy41NCwyMWMtMi4wMSwwLTMuNjMtMS41NS0zLjYzLTMuODFzMS42Mi0zLjg0LDMuNjMtMy44NCwzLjYzLDEuNTgsMy42MywzLjg0LTEuNjIsMy44MS0zLjYzLDMuODFtMCw0LjgzYzQuNjgsMCw4Ljk1LTMuNDUsOC45NS04LjYzcy00LjI2LTguNjctOC45NS04LjY3LTguOTEsMy40NS04LjkxLDguNjcsNC4yMyw4LjYzLDguOTEsOC42M20tMTIuMzMtMjUuODJoLTUuMjF2MjUuNGg1LjIxdi0yNS40Wm0tOS41OCwwaC01LjIxdjI1LjRoNS4yMXYtMjUuNFptLTE3LjU0LDIxYy0yLjAxLDAtMy42My0xLjU1LTMuNjMtMy44MXMxLjYyLTMuODQsMy42My0zLjg0LDMuNjMsMS41OCwzLjYzLDMuODQtMS42MiwzLjgxLTMuNjMsMy44MW0wLDQuODNjNC42OSwwLDguOTUtMy40NSw4Ljk1LTguNjNzLTQuMjYtOC42Ny04Ljk1LTguNjctOC45MSwzLjQ1LTguOTEsOC42Nyw0LjIzLDguNjMsOC45MSw4LjYzbS0xOC0xNC45N2gtOHYtOS43MkgwdjI0LjI3aDUuNTN2LTkuNThoOHY5LjU4aDUuNTN2LTI0LjI3aC01LjUzdjkuNzJaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNzk0LDQyLjYyYzUuNzEsMCwxMS41LTIuOTksMTEuNS05LjY5LDAtNS42Ni00LjUzLTcuOTMtOC45Ny05LjI5bC0zLjI2LTEuMDRjLTIuOS0uODItMy4wOC0yLjIyLTMuMDgtMi44NSwwLTEuNzIsMS40NS0zLjIyLDMuNjctMy4yMiwyLjQ1LDAsMy41OCwxLjU4LDMuNTgsMy40NGg3LjExYzAtNi4wNy00LjU4LTkuNjUtMTAuNTUtOS42NXMtMTEuMDEsMy45NC0xMS4wMSw5LjU2YzAsMi45NCwxLjMxLDcuMTYsOC4yLDkuMDFsMy43MSwxLjEzYzIuNzYuOTEsMy40NCwyLjA0LDMuNDQsMy4yNiwwLDIuMDQtMS43NywzLjIyLTQuMDgsMy4yMi0yLjQ1LDAtNC40NC0xLjU0LTQuNDQtMy41M2gtNy4xMWMwLDUuNzUsNC42Miw5LjY1LDExLjI4LDkuNjVtLTI4LjA4LTIwLjI1bC03LjItMTEuNTFoLTguNDdsMTIuMTQsMTcuMTJ2MTQuMDloNy4xNnYtMTMuOTVsMTIuMTgtMTcuMjZoLTguNDdsLTcuMzQsMTEuNTFabS0zMS40OCw3LjUyaDExLjMydi02LjM5aC0xMS4zMnYtNi40M2gxMi45MXYtNi4yMWgtMjAuMDJ2MzEuMjFoMjAuNDN2LTYuMmgtMTMuMzJ2LTUuOThabS0yNC41LjcybC01LjI1LTE5Ljc1aC03LjM4bDkuNTEsMzEuMjFoNi4zbDkuNTEtMzEuMjFoLTcuNDdsLTUuMjEsMTkuNzVabS0yNi43Ny0xMy41NGMyLjksMCw0LjMsMi4yMiw0LjMsNC4zcy0xLjM2LDQuMTItNC40OCw0LjEyaC00LjUzdi04LjQzaDQuNzFabTEyLjE4LDI1bC04LjAyLTExLjM3YzQuMDMtLjksNy4yOS01LjEyLDcuMjktOS41MSwwLTUuMTYtMy4yNi0xMC4zMy0xMC41MS0xMC4zM2gtMTIuNzd2MzEuMjFoNy4xMXYtMTAuOTZoMS40NWw3LjE2LDEwLjk2aDguMjlabS00My41Ny0xMi4xOGgxMS4zMnYtNi4zOWgtMTEuMzJ2LTYuNDNoMTIuOTF2LTYuMjFoLTIwLjAydjMxLjIxaDIwLjQzdi02LjJoLTEzLjMydi01Ljk4Wm0tMzUuNjUtMTkuMDJ2Ni4yMWg4LjI0djI1aDcuMTF2LTI1aDguMjR2LTYuMjFoLTIzLjZabS0xOC4wMywyNS4wNWMtNS4yNSwwLTguNzQtNC4yNi04Ljc0LTkuNDdzMy40OS05LjQyLDguNzQtOS40Miw4Ljc5LDQuMjEsOC43OSw5LjQyLTMuNTgsOS40Ny04Ljc5LDkuNDdtLjA1LDYuN2M4Ljc5LDAsMTUuOS03LjM0LDE1LjktMTYuMTdzLTcuMTEtMTYuMTItMTUuOS0xNi4xMi0xNS45NCw3LjI5LTE1Ljk0LDE2LjEyLDcuMDIsMTYuMTcsMTUuOTQsMTYuMTdtNC44OS0zNi4yM2MxLjgxLDAsMy4yNi0xLjQsMy4yNi0zLjIycy0xLjQ1LTMuMTctMy4yNi0zLjE3Yy0xLjksMC0zLjQ0LDEuNC0zLjQ0LDMuMTdzMS41NCwzLjIyLDMuNDQsMy4yMm0tOS42OSwwYzEuODEsMCwzLjMxLTEuNCwzLjMxLTMuMjJzLTEuNDktMy4xNy0zLjMxLTMuMTctMy40LDEuNC0zLjQsMy4xNywxLjU0LDMuMjIsMy40LDMuMjJtLTM2LjgyLDQuNDh2Ni4yMWg4LjI0djI1aDcuMTF2LTI1aDguMjR2LTYuMjFoLTIzLjZabS0xMy45NSwzMS43NWM1LjcxLDAsMTEuNS0yLjk5LDExLjUtOS42OSwwLTUuNjYtNC41My03LjkzLTguOTctOS4yOWwtMy4yNi0xLjA0Yy0yLjktLjgyLTMuMDgtMi4yMi0zLjA4LTIuODUsMC0xLjcyLDEuNDUtMy4yMiwzLjY3LTMuMjIsMi40NSwwLDMuNTgsMS41OCwzLjU4LDMuNDRoNy4xMWMwLTYuMDctNC41OC05LjY1LTEwLjU1LTkuNjVzLTExLjAxLDMuOTQtMTEuMDEsOS41NmMwLDIuOTQsMS4zMSw3LjE2LDguMiw5LjAxbDMuNzEsMS4xM2MyLjc2LjkxLDMuNDQsMi4wNCwzLjQ0LDMuMjYsMCwyLjA0LTEuNzcsMy4yMi00LjA4LDMuMjItMi40NSwwLTQuNDQtMS41NC00LjQ0LTMuNTNoLTcuMTFjMCw1Ljc1LDQuNjIsOS42NSwxMS4yOCw5LjY1bS0xNy4zLTMxLjc1aC03LjExdjMxLjIxaDcuMTFWMTAuODdabS0yNC44Miw2LjIxYzIuOSwwLDQuMywyLjIyLDQuMyw0LjNzLTEuMzYsNC4xMi00LjQ4LDQuMTJoLTQuNTN2LTguNDNoNC43MVptMTIuMTgsMjVsLTguMDItMTEuMzdjNC4wMy0uOSw3LjI5LTUuMTIsNy4yOS05LjUxLDAtNS4xNi0zLjI2LTEwLjMzLTEwLjUxLTEwLjMzaC0xMi43N3YzMS4yMWg3LjExdi0xMC45NmgxLjQ1bDcuMTYsMTAuOTZoOC4yOVptLTQzLjA3LTI0LjQxbDMuNTMsMTEuMDFoLTcuMDJsMy40OS0xMS4wMVptMTUuNDUsMjQuNDFsLTExLjUtMzEuMjFoLTcuNzVsLTExLjU1LDMxLjIxaDcuNjFsMi4zMS03LjI1aDEwLjk2bDIuMzYsNy4yNWg3LjU2Wm0tMTAuNTEtMzUuNjljMS44MSwwLDMuMjYtMS40LDMuMjYtMy4yMnMtMS40NS0zLjE3LTMuMjYtMy4xN2MtMS45LDAtMy40NCwxLjQtMy40NCwzLjE3czEuNTQsMy4yMiwzLjQ0LDMuMjJtLTkuNjksMGMxLjg2LDAsMy4zMS0xLjQsMy4zMS0zLjIycy0xLjQ1LTMuMTctMy4zMS0zLjE3LTMuNCwxLjQtMy40LDMuMTcsMS41NCwzLjIyLDMuNCwzLjIybS0yNi4zNiwxOC44OXYtOC4yaDUuNDhjMi42MywwLDMuNjIsMi4xMywzLjYyLDQuMTJzLTEsNC4wOC0zLjY3LDQuMDhoLTUuNDNabS03LjExLTE0LjR2MzEuMjFoNy4xMXYtMTAuNmg1Ljc1YzcuMjUsMCwxMC41MS01LjA3LDEwLjUxLTEwLjI4cy0zLjI2LTEwLjMzLTEwLjUxLTEwLjMzaC0xMi44NlptLTkuNzgsMGgtNi4wN2wtOC45NywxOS41Mi05LjEtMTkuNTJoLTUuOTNsLTMuODUsMzEuMjFoNy4yOWwyLjA4LTE3LjcxLDYuNzksMTQuMTNoNS40M2w2Ljc5LTE0LjE4LDIuMDQsMTcuNzVoNy4yOWwtMy44LTMxLjIxWm0tNTAuNzcsMTEuNTFsLTcuMi0xMS41MWgtOC40N2wxMi4xNCwxNy4xMnYxNC4wOWg3LjE2di0xMy45NWwxMi4xOC0xNy4yNmgtOC40N2wtNy4zNCwxMS41MVptLTM1LjY1LDYuMmwtOS45Ni0xNy43MWgtNi41MnYzMS4yMWg3LjExdi0xNy45NGwxMC4yNCwxNy45NGg2LjI1VjEwLjg3aC03LjExdjE3LjcxWm0tMzYuMDUsMS4zMWgxMS4zMnYtNi4zOWgtMTEuMzJ2LTYuNDNoMTIuOTF2LTYuMjFoLTIwLjAydjMxLjIxaDIwLjQzdi02LjJoLTEzLjMydi01Ljk4Wm0tMjYuNjgsMGgxMS4zMnYtNi4zOWgtMTEuMzJ2LTYuNDNoMTIuOTF2LTYuMjFoLTIwLjAydjMxLjIxaDIwLjQzdi02LjJoLTEzLjMydi01Ljk4Wm0tMTYuODktMTkuMDJoLTYuMDdsLTguOTcsMTkuNTItOS4xLTE5LjUyaC01LjkzbC0zLjg1LDMxLjIxaDcuMjlsMi4wOC0xNy43MSw2Ljc5LDE0LjEzaDUuNDNsNi43OS0xNC4xOCwyLjA0LDE3Ljc1aDcuMjlsLTMuOC0zMS4yMVptLTUxLjQxLDYuNzlsMy41MywxMS4wMWgtNy4wMmwzLjQ5LTExLjAxWm0xNS40NSwyNC40MWwtMTEuNTEtMzEuMjFoLTcuNzRsLTExLjU1LDMxLjIxaDcuNjFsMi4zMS03LjI1aDEwLjk2bDIuMzYsNy4yNWg3LjU2Wm0tMTAuNTEtMzUuNjljMS44MSwwLDMuMjYtMS40LDMuMjYtMy4yMnMtMS40NS0zLjE3LTMuMjYtMy4xN2MtMS45LDAtMy40NCwxLjQtMy40NCwzLjE3czEuNTQsMy4yMiwzLjQ0LDMuMjJtLTkuNjksMGMxLjg2LDAsMy4zMS0xLjQsMy4zMS0zLjIycy0xLjQ1LTMuMTctMy4zMS0zLjE3LTMuNCwxLjQtMy40LDMuMTcsMS41NCwzLjIyLDMuNCwzLjIybS0yMS40MiwxNi45OWgtMTAuMjh2LTEyLjVoLTcuMTF2MzEuMjFoNy4xMXYtMTIuMzJoMTAuMjh2MTIuMzJoNy4xMVYxMC44N2gtNy4xMXYxMi41Wm0tMjMuOTYsMS4wNGgtMTYuMDN2NS44aDE2LjAzdi01LjhabS00MC40OS0xMy41NHY2LjIxaDguMjR2MjVoNy4xMXYtMjVoOC4yNHYtNi4yMWgtMjMuNlptLTEzLjg2LDYuNzlsMy41MywxMS4wMWgtNy4wMmwzLjQ5LTExLjAxWm0xNS40NCwyNC40MWwtMTEuNS0zMS4yMWgtNy43NWwtMTEuNTUsMzEuMjFoNy42MWwyLjMxLTcuMjVoMTAuOTZsMi4zNiw3LjI1aDcuNTZabS0xMC41MS0zNS42OWMxLjgxLDAsMy4yNi0xLjQsMy4yNi0zLjIycy0xLjQ1LTMuMTctMy4yNi0zLjE3Yy0xLjksMC0zLjQ0LDEuNC0zLjQ0LDMuMTdzMS41NCwzLjIyLDMuNDQsMy4yMm0tOS42OSwwYzEuODYsMCwzLjMxLTEuNCwzLjMxLTMuMjJzLTEuNDUtMy4xNy0zLjMxLTMuMTctMy40LDEuNC0zLjQsMy4xNywxLjU0LDMuMjIsMy40LDMuMjJtLTI0LjY0LDQ2LjM4YzcuNTYsMCwxMC4zMy00Ljg5LDEwLjMzLTEwLjY0VjEwLjg3aC03LjExdjMxLjI1YzAsMi4xNy0uOTEsMy45NC0zLjIyLDMuOTQtLjIzLDAtMi43NiwwLTQuMTctLjVsLS42Myw2LjQzYzEuNzcuNTQsMy45NC43Nyw0LjguNzdtLTQuOC00MS45aC03LjExdjMxLjIxaDcuMTFWMTAuODdabS0yNi4xOCw2Ljc5bDMuNTMsMTEuMDFoLTcuMDJsMy40OS0xMS4wMVptMTUuNDQsMjQuNDFsLTExLjUtMzEuMjFoLTcuNzRsLTExLjU1LDMxLjIxaDcuNjFsMi4zMS03LjI1aDEwLjk2bDIuMzYsNy4yNWg3LjU2Wk00NC4xOSw2LjM5YzEuODEsMCwzLjI2LTEuNCwzLjI2LTMuMjJzLTEuNDUtMy4xNy0zLjI2LTMuMTdjLTEuOSwwLTMuNDQsMS40LTMuNDQsMy4xN3MxLjU0LDMuMjIsMy40NCwzLjIybS05LjY5LDBjMS44NiwwLDMuMzEtMS40LDMuMzEtMy4yMnMtMS40NS0zLjE3LTMuMzEtMy4xNy0zLjQsMS40LTMuNCwzLjE3LDEuNTQsMy4yMiwzLjQsMy4yMk04LjEzLDI1LjI3di04LjJoNS40OGMyLjYzLDAsMy42MiwyLjEzLDMuNjIsNC4xMnMtMSw0LjA4LTMuNjcsNC4wOGgtNS40M1pNMS4wMiwxMC44N3YzMS4yMWg3LjExdi0xMC42aDUuNzVjNy4yNSwwLDEwLjUxLTUuMDcsMTAuNTEtMTAuMjhzLTMuMjYtMTAuMzMtMTAuNTEtMTAuMzNIMS4wMloiLz48L3N2Zz4=");
  background-repeat: no-repeat;
  position: relative;
  left: 2px;
  top: 24px;
  display: inline-block;
  width: 500px;
  height: 60px;
  content:"";
}

a, a:hover {
  color: #2179ee;
}
.yleinen #lomake #formInfo h1 {
	color: #34A26B; /* Otsikko */
	font-size: 200%;
	font-weight: bolder;
	width:98%;
	margin: 30px 0 10px 0;
}

#lomakkeen_alkuteksti {
    padding-left: 0px;
}

#lomakkeen_alkuteksti p {
    margin-bottom: 0px;
}

#view .formElement.text div.ldapNaytaTeksti, #editform .formElement.text input, #editform .formElement.textarea textarea, #view .formElement.text input, div.ldapNaytaTeksti {
    background-color: white;
    /* width: 55%; */
}
#view .formElement .info {
    padding-left: 5px !important;
    width: 90%;
}
    
 #view #formInfo {
    padding: 6px 0 2px 0 !important;
}

.yleinen #formInfo p {
    padding: 6px;
}

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

label, .ldapNaytaTekstiLabel {
  background-color: #e5e5e5;
  padding: 10px 7px 7px 7px !important;
  /* max-width: 80% !important; */
}

div.ldapNaytaTekstiLabel {
    margin-left: 0;
    color: black;
}

select {
    padding: 10px 7px 7px;
    /* margin-left: 10px; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 45% !important;
    float: left;
}

.yleinen #view .pakollinen label, .yleinen #view .checkboxgroup.pakollinen legend {
    color: black;
}
div.radiocheckboxwrappaava {
    margin-left: 0 !important;
}
.yleinen #view .pakollinen label:after, .yleinen #view .checkboxgroup.pakollinen legend:after  {
  color: #d91b60;
  font-size:17px;
  text-shadow: none;
  content:' * ';
  line-height: 100%;
  padding-left: 2px;
}
#view .radiotable legend, #view .checkboxgroup legend, #view .textfieldtable legend {
    font-size: 16px;
    font-weight: bolder;
    padding: 0 0 8px 0;
    margin: 0 !important;
}
.yleinen .radiocheckboxwrappaava {
    width: 100% !important;
    margin: 10px 0 0 0;
    padding: 0;
}
.yleinen #view .checkboxgroup, .yleinen #view .textfieldtable, .yleinen #view .radiotable {
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px;
    overflow: auto;
    margin: 0px 0;
    /* max-width: 87%; */
}
input, input#jatkaMyohemmin {
    float: left;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* padding: 7px !important; */
}
#view .radiotable td {
 /* line-height: 18px; */
}
#view .checkboxgroup .column {
    font-size: 14px; color: black;
}
.julkinen #view .formElement {
    padding: 2px 7px 2px 0px !important;
}
.yleinen #view .checkboxgroup, .yleinen #view .radiotable, .yleinen #view .textfieldtable {
    border: none;
}
.yleinen #view .checkboxgroup label, #view .checkboxgroup label {
    border: none !important;
    background: none;
    text-align: left !important;
    /* padding: 3px 0 0 10px!important; */
}
.yleinen #view .checkboxgroup, .yleinen #view .radiotable, .yleinen #view .textfieldtable {
    border: none;
}
#view table td.radioy label, .radiotable label {
    background: none;
    padding: 3px 0 3px 0 !important;
}
#view .radiotable .tarkennuskentta label {
    background: none;
    padding: 0 0 3px 36px !important;
}

input, input#jatkaMyohemmin {
    float: left;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px; 
    border-radius: 4px;
    /* padding: 7px !important; */
}
.julkinen #view .formElement {
    padding: 2px 0px 4px 0px !important;
}
#view .formElement.text label, .yleinen #view .pakollinen label, #view .formElement.select label, #view .formElement.textarea.labeltop label, #view .formElement.textarea label, .ldapNaytaTekstiLabel {
    text-align: right;
    border: 1px solid #bdbdbd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px;
}
.yleinen #view .formGroup h2 {
    font-size: 20px;
    background: #f7f8fa;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 10px;
    border-bottom: none;
}
.yleinen #view .checkbox label {
    max-width: 78%;
    background-color: transparent;
    border: none;
    padding: 2px 5px 2px 0px;
    margin: 0px 0px;
    text-align: left;
}
.yleinen #view .checkbox input {
    margin: 10px 5px 0px 4px;
    font-size: 14px;
}
input[type='text'], input[type='password'], div.ldapNaytaTeksti {
    border: 1px solid #d6d9dd !important;
    margin-left: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input, div.ldapNaytaTeksti  {
    float: left;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 7px 7px 7px;
}
#view .formElement.checkbox div.validointi {
    margin: 6px 0px;
}
#view .formElement .info p {
    margin: 5px 0px !important;
    max-width: 90%;
}
#view .formElement textarea {
    margin-right: 0px;
    margin-left: 10px;
    border-radius: 4px;
    width: 55%;
    padding: 10px 7px 7px 7px;
}
#view .formElement input[type='submit'] {
  color:#FFF;
  cursor: pointer;
}
input#valmisnappi {
    margin-top: 5px;
    margin-right: 10px;
    padding: 10px;
    background: #d91b60;
    font-size: 15px;
    font-weight: bolder;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 13px;
}
input#valmisnappi:hover {
    color: #000;
}
input[type='button'] {
font-weight: bolder;
}
#view .formElement.text div.ldapNaytaTekstiLabel, #view .formElement.text label, #view .formElement.info label, #view .formElement.textarea label, #view .formElement.select label, #view .formElement.file label, #view .formElement.vas label {
    width: 30%;
 }
div.validointi {
    margin-left: 0;
    font-weight: bold;
    display: block;
    align-items: center;
    float: left;
    align-items: center;
    display: block;
}
#view .textarea div.validointi {
    float: left;
    margin-left: 0;
}
#view .formElement.text div.validointi {
    vertical-align: top;
    padding-top: 2px;
    margin-left: 0;
}
div.validointi .error {
    display: none;
}
  #container #footer {
    background: url("data:image/svg+xml ;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgMTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzIzMWYyMDt9LmNscy0ze2ZpbGw6IzM0YTI2Yjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0zIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjEwMCIvPjxwYXRoIGQ9Im0zNjEuMDUsMzkuMTVjMi4wNC4yOCwzLjUxLDIuMDksMy4zOCw0LjE1LS4xNiwxLjc0LTEuNywzLjAzLTMuNDQsMi44Ny0uMDgsMC0uMTYtLjAyLS4yNC0uMDMtMS44Ny0uMTctMy4zMy0xLjctMy40MS0zLjU4LS4wNC0xLjg1LDEuNDItMy4zOCwzLjI3LTMuNDMuMTUsMCwuMjksMCwuNDQuMDIiLz48cGF0aCBkPSJtMzc4LjU1LDM5LjE1YzIuMDQuMjgsMy41MSwyLjA5LDMuMzgsNC4xNS0uMTYsMS43NC0xLjcsMy4wMy0zLjQ0LDIuODctLjA4LDAtLjE2LS4wMi0uMjQtLjAzLTEuODctLjE3LTMuMzMtMS43LTMuNDEtMy41OC0uMDQtMS44NSwxLjQyLTMuMzgsMy4yNy0zLjQzLjE1LDAsLjI5LDAsLjQ0LjAyIi8+PHBhdGggZD0ibTM2OS43OCw3Ni4yN2MuODItLjcyLDEuNTYtMS40NywyLjQ0LTIuMTIsMS4xNy0uNzQsMi41NC0xLjExLDMuOTMtMS4wNiwyLjMzLDAsNC4xMiwxLjI5LDQuMzYsMy4xOS4xNCwxLjQ1LS4yMywyLjktMS4wNiw0LjEtMS4xNSwxLjgzLTIuNDIsMy42My0zLjc4LDUuMzktMS40OSwxLjkyLTMuMTMsMy43OC00Ljc1LDUuNjUtLjM3LjM4LS43OC43Mi0xLjIzLDEtLjU3LjM5LS45MS4zNS0xLjI5LS4xNS0xLjY3LTIuMjUtMy4zOC00LjQ5LTUtNi43Ny0xLjAxLTEuNDItMS45NC0yLjg5LTIuNzctNC40Mi0uODYtMS40My0xLjA4LTMuMTYtLjYtNC43Ni4zNy0xLjIxLDEuMjgtMi4xOCwyLjQ3LTIuNjMuNzctLjMzLDEuNjItLjQ1LDIuNDUtLjM0LDIuMjQuMjksMy44NiwxLjA5LDQuNjYsMi42M2wuMTYuMjdoMCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM3MC40OCw2MS42NGgtLjgxYy05LjA5LS40Ny0xMS41Ni03LjIzLTExLjU5LTEwLjc0bDUuNTYtLjA1YzAsLjg0LjQ2LDUuMjEsNi4zMyw1LjUxLDEuNDEuMiwyLjg0LS4xOSwzLjk1LTEuMDcsMS4wNC0xLjE5LDEuNTktMi43MiwxLjUzLTQuM2w1LjU2LS4yNmMwLC41Mi4xOCw1LjEzLTMuMTQsOC4yOC0yLjAyLDEuODItNC42NywyLjc3LTcuMzksMi42NSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM3MC41NSwyOC45MWgtLjgzYy05LjI5LS40OC0xMS44LTcuMzktMTEuODQtMTFsNS42OS0uMDVjMCwuODYuNDYsNS4zMiw2LjQ2LDUuNjMsMS40My4xOSwyLjg3LS4yMSw0LTEuMSwxLjA3LTEuMjEsMS42NC0yLjc4LDEuNTktNC4zOWw1LjY4LS4yN2MuMTQsMy4xNC0xLjAyLDYuMi0zLjIsOC40Ni0yLjA2LDEuODYtNC43OCwyLjgzLTcuNTUsMi43Ii8+PHBhdGggZD0ibTM1MywxMC4yMmMyLjIsMi4yMSw0LjQ0LDMuMzIsNi43NCwzLjMyLjkxLjAyLDEuNzktLjI5LDIuNDktLjg2Ljc3LS41OSwxLjIxLTEuNTEsMS4xOC0yLjQ4LjAyLS44My0uMzEtMS42Mi0uOS0yLjItLjYyLS42LTEuNDYtLjkzLTIuMzMtLjktLjU0LS4wMi0xLjA4LjExLTEuNTYuMzctLjUzLjM0LS45OS43OC0xLjM2LDEuMy0uMTkuMjgtLjUuNDUtLjgzLjQ3LS40NSwwLS44OC0uMTMtMS4yNi0uMzctLjU3LS4zNi0xLjA5LS44LTEuNTUtMS4yOS0uMjEtLjI5LS42Mi0uMzYtLjkxLS4xNS0uMS4wNy0uMTguMTctLjIyLjI5LS4xOS4yNy0uMjkuNTktLjI4LjkyLjA1LjYzLjM1LDEuMjEuODIsMS42MyIvPjxwYXRoIGQ9Im0zNzkuNDgsNi41OGMyLjExLjI4LDMuNjUsMi4xNiwzLjUsNC4yOS0uMTYsMS44LTEuNzQsMy4xMy0zLjU0LDIuOTctLjA5LDAtLjE3LS4wMi0uMjYtLjAzLTEuOTQtLjE4LTMuNDQtMS43Ny0zLjUzLTMuNzEtLjA0LTEuOTEsMS40Ny0zLjQ5LDMuMzgtMy41NC4xNSwwLC4zLDAsLjQ1LjAyIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNDEuNjMsNzYuMzVjLS4wOC45MS0uODgsMS41OC0xLjc5LDEuNS0uMDQsMC0uMDgsMC0uMTItLjAyLS45My0uMTMtMS42NS0uODktMS43Mi0xLjgzLS4wMi0uOTYuNzQtMS43NiwxLjctMS43OC4wOCwwLC4xNSwwLC4yMywwLDEuMDcuMTMsMS44NCwxLjA4LDEuNzUsMi4xNW0xMy40OC0xLjE5Yy00LjUyLTMuNjItNi4yMS0zLjYtOS44MS0zLjUtMi42Ni4yMS01LjMzLjI2LTgsLjE1LTEuMjctLjE1LTEuNjgtLjI4LTEuOS0xLjM1LS40NS0xLjY3LDEzLjQxLTIuODIsMTUuNTUtNC40OSwyLjc5LTIuMjgtMi4yMi02Ljc0LTIuNDMtMy42LS4xLDEuNjMtMTEuMDcsMi40OC0xNCwzLjEycy0uNDgtNi40Ny0zLjY5LTYuNTljLTIuODYtLjEtLjkzLDUuOTMtMi44Niw2LjQycy0uODQtNS4xMy0yLjc2LTUuNS0uNzksMy43NS0yLjA4LDQuNTUtMi4yNC0zLjkxLTQuNTgtNC40LTEuNzMsNS44NS0zLjA4LDMuODhjLS4yOS0uNDItMy00LjE3LTMuNzctMy41LTIuMSwxLjc4LDEuNjYsNi40NywzLjQ5LDcuNDUsMS4yMS42NSwxMi41OCwyLjYyLDEyLjU4LDIuNjJsLjY0LDEuNzdzLTgtLjE0LTExLjQ4LjYyYy0zLjMuNzMtNC40NSw4LjQ4LTQuNzUsMTIuMDctLjI2LDMuMTksMi43Myw0LDUuMTQsNC45czE4LC4zMSwxOC4yMS41NCw0Ljc3LTMuNjcsNC43Ny0zLjY3aDYuNzRjMi4yNSwwLDMuNjEsMS42OSw1LjM4LDIuNDlzNS44Ny00LjksNy40Ny03LjNjLjg4LTEuMy0xLjkyLTQuMzktNC44My02LjcyIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtOTMuMTcsNDEuMTFjLjQzLDIsLjg1LDMuOTMuMjYsNS44OS0uMjYsMS4xNS0uNzIsMi4yNC0xLjM3LDMuMjMtLjQ3LjgzLTEuNTIsMS4xMy0yLjM2LjY2LS4zMy0uMTktLjU5LS40OC0uNzQtLjgzLS42NS0xLjIzLS43Ni0yLjY4LS4zLTQsLjQ4LTEuNjksMS41Ny0zLjE0LDMuMDctNC4wNi40NC0uMzEuOS0uNTgsMS40NC0uOTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDguNzcsNDQuODljLjkxLDIuNDIuNTgsNS4xMy0uODksNy4yNi0uMS4xMy0uMjEuMjUtLjM0LjM2LS40OC41NS0xLjI1Ljc1LTEuOTQuNS0uNjktLjI5LTEuMTQtLjk1LTEuMTctMS43LS4wOC0uOTYuMTMtMS45My42MS0yLjc3LjY4LTEuNDgsMS44Mi0yLjcsMy4yNC0zLjQ4bC4yOS0uMTRoLjIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im05Ny44MSw1Ni42OGMuOTQsMi40NC42LDUuMTgtLjg5LDcuMzItLjEuMTMtLjIxLjI1LS4zMy4zNS0uNDguNTUtMS4yNS43NS0xLjk0LjUtLjY5LS4yOC0xLjE1LS45NS0xLjE3LTEuNy0uMDktLjk2LjEzLTEuOTMuNjEtMi43Ny42OC0xLjQ4LDEuODEtMi43LDMuMjMtMy40OGwuMy0uMTRoLjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNzkuNzQsNDcuNDljLjM3LDEuMDMuNTYsMi4xMi41NCwzLjIyLDAsMS42NC0uNDgsMy4yNS0xLjM2LDQuNjQtLjM1LjU1LS43OCwxLTEuNTEsMS0uNzYtLjExLTEuMzUtLjczLTEuNDEtMS41LS4yNC0xLjE1LS4wOC0yLjM0LjQ1LTMuMzguNzItMS40NSwxLjc1LTIuNzQsMy0zLjc3LjEtLjA4LjItLjE1LjMxLS4yMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTg1LjMzLDYyLjNjLjYzLDMuMTMtLjEsNi4zNy0yLDguOTMtLjQyLjY3LTEuMjMuOTktMiwuNzgtLjgyLS4xOS0xLjQzLS44OC0xLjUzLTEuNzEtLjE4LTEuMDUtLjAzLTIuMTIuNDItMy4wOC43NS0yLjA2LDIuMjktMy43Miw0LjI5LTQuNjJsLjgyLS4zIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtOTMsNzNjLjQzLDIsLjg1LDMuOTMuMjYsNS44OS0uMjYsMS4xNS0uNzIsMi4yNS0xLjM3LDMuMjMtLjQ2Ljg0LTEuNTEsMS4xNC0yLjM1LjY4LS4zMy0uMTgtLjU5LS40Ni0uNzQtLjgtLjY1LTEuMjMtLjc2LTIuNjgtLjMtNCwuNS0xLjY2LDEuNTktMy4wOSwzLjA3LTQsLjQ0LS4zMS45LS41OCwxLjQ0LS45MyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEwOCw3OGMuOTIsMi40Mi41OCw1LjEzLS44OSw3LjI2LS4xLjEzLS4yMS4yNS0uMzMuMzYtLjQ4LjU1LTEuMjUuNzUtMS45NC41LS42OS0uMjgtMS4xNS0uOTUtMS4xNy0xLjctLjA5LS45Ni4xMy0xLjkzLjYxLTIuNzcuNjgtMS40OCwxLjgxLTIuNywzLjIzLTMuNDhsLjMtLjE0aC4xOSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEwNy4xNCw2My4zMWMuMjQuNjIuNDMsMS4yNi41NiwxLjkyLjE5LDEuNDguMDksMi45OS0uMjksNC40My0uMTcuNzMtLjU4LDEuMzktMS4xNSwxLjg3LS42Ni42Mi0xLjY5LjYtMi4zMi0uMDYtLjI1LS4yNi0uNC0uNTktLjQ0LS45NC0uMjctMS42LjA5LTMuMjQsMS00LjU4LjY2LTEuMDksMS41OC0yLjAxLDIuNjctMi42NyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTc4LjA5LDc5LjQyYy4zNywxLjA0LjU2LDIuMTMuNTQsMy4yMywwLDEuNjQtLjQ3LDMuMjUtMS4zNiw0LjYzLS4yNC42Mi0uODQsMS4wMi0xLjUxLDEtLjc1LS4xLTEuMzQtLjctMS40MS0xLjQ2LS4yNC0xLjE1LS4wOC0yLjM0LjQ1LTMuMzguNzMtMS40NSwxLjc1LTIuNzMsMy0zLjc3LjEtLjA4LjItLjE1LjMxLS4yMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEzNi4zNCw5My41MXMuNS0yLjg0LTctNC41Mi0xMy43LTkuNjktOC4xOS0xMS42OSw2Ljg1LDQuNTIsOCwxLjUxYzEuMTUtMy4wMS0uNS0yLjUxLTQuODUtNS41MnMtNi04LTEuNjctOS41Miw1LjM1LDQuMTcsNy44NiwyLjMzLDEtNy4zNSwxLjE3LTExLjM2LDguMTgtNi4xOCw5LjM1LTEuMTctMS42NywxMC44NiwwLDEyLjIsMy42OC0uODMsNS4zNS0xLjY3LDcuNTIuMTcsNiwzLjUxLDAsNC44NC00Ljg0LDYuMzUtNi4zNSw1Ljg2LTMsNC44NSw3LjE3LTMuNjgsOC4xLS44NCwxLjI2LDYuNTEtMy45Miw4LjE4LTEyLjcsNS44NS0xMi4zNiw3LjM2Ii8+PHBhdGggZD0ibTEyMS40NSwyMS40MWMxLjM3LDEuMDIsMS43MiwyLjkyLjgxLDQuMzYtLjc3LDEuMjMtMi4zOSwxLjU5LTMuNjEuODItLjA2LS4wNC0uMTEtLjA3LS4xNy0uMTEtMS4yOS0uODktMS43Mi0yLjYtMS00LC42Ny0xLjM3LDIuMzMtMS45NCwzLjcxLTEuMjcuMS4wNS4yLjExLjI5LjE3Ii8+PHBhdGggZD0ibTEzMS4yNCwyNy43MmMxLjM3LDEuMDIsMS43MiwyLjkyLjgxLDQuMzYtLjc3LDEuMjMtMi4zOSwxLjU5LTMuNjEuODItLjA2LS4wNC0uMTEtLjA3LS4xNy0uMTEtMS4zMS0uODgtMS43Ni0yLjU5LTEuMDUtNCwuNjctMS4zNywyLjMzLTEuOTQsMy43MS0xLjI3LjEuMDUuMi4xMS4yOS4xNyIvPjxwYXRoIGQ9Im0xMzguMTcsMjAuNzFjMS4zNywxLjAxLDEuNzMsMi45Mi44MSw0LjM2LS43NywxLjIyLTIuMzgsMS41OS0zLjYuODMtLjA2LS4wNC0uMTItLjA4LS4xOC0uMTMtMS4zLS44OS0xLjczLTIuNjEtMS00LC42Ny0xLjM3LDIuMzItMS45NCwzLjY5LTEuMjguMTEuMDUuMjEuMTEuMzEuMTgiLz48cGF0aCBkPSJtMTM1LjMxLDM2YzEuMzcsMS4wMiwxLjcyLDIuOTIuODEsNC4zNi0uNzcsMS4yMy0yLjM5LDEuNTktMy42MS44Mi0uMDYtLjA0LS4xMS0uMDctLjE3LS4xMS0xLjMxLS44OC0xLjc2LTIuNTktMS4wNS00LC42Ny0xLjM3LDIuMzMtMS45NCwzLjcxLTEuMjcuMS4wNS4yLjExLjI5LjE3Ii8+PHBhdGggZD0ibTE1MS4wNiwyMC42MmMxLjM3LDEuMDIsMS43MiwyLjkyLjgxLDQuMzYtLjc3LDEuMjMtMi4zOSwxLjU5LTMuNjEuODItLjA2LS4wNC0uMTEtLjA3LS4xNy0uMTEtMS4zMS0uODgtMS43Ni0yLjU5LTEuMDUtNCwuNjctMS4zNywyLjMzLTEuOTQsMy43MS0xLjI3LjEuMDUuMi4xMS4yOS4xNyIvPjxwYXRoIGQ9Im0xNTEuODEsMzUuNTJjMS4zNywxLjAyLDEuNzIsMi45Mi44MSw0LjM2LS43NywxLjIyLTIuMzksMS41OS0zLjYxLjgxLS4wNi0uMDQtLjExLS4wNy0uMTctLjExLTEuMzEtLjg3LTEuNzctMi41OS0xLjA1LTQsLjY3LTEuMzcsMi4zMi0xLjk0LDMuNjktMS4yOC4xMS4wNS4yMS4xMS4zMS4xOCIvPjxwYXRoIGQ9Im0xNDQsMzAuNDJjMS4zNywxLjAyLDEuNzIsMi45Mi44MSw0LjM2LS43NywxLjIzLTIuMzksMS41OS0zLjYxLjgyLS4wNi0uMDQtLjExLS4wNy0uMTctLjExLTEuMjktLjg5LTEuNzItMi42LTEtNCwuNjgtMS4zOCwyLjM1LTEuOTQsMy43My0xLjI2LjA5LjA1LjE5LjEuMjcuMTYiLz48cGF0aCBkPSJtMTIyLjgzLDM0LjdjMS4zNywxLjAxLDEuNzMsMi45Mi44MSw0LjM2LS43NywxLjIyLTIuMzksMS41OS0zLjYxLjgxLS4wNi0uMDQtLjExLS4wNy0uMTctLjExLTEuMy0uODktMS43My0yLjYxLTEtNCwuNjctMS4zNywyLjMyLTEuOTQsMy42OS0xLjI4LjExLjA1LjIxLjExLjMxLjE4Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjM1LjU4IDQwLjM5IDM1LjUyIDM3LjQ0IDI1LjIgNDMuMTUgMjUuMDMgMzkuMjIgMzUuMTUgMzMuMTggMzQuODUgMjkuOTkgMjQuODggMzUuNjcgMjQuNzMgMzIuMzUgMzQuMTIgMjUuMiAzMy4xNyAyMS45OCAyNC41NyAyOC40OCAyNC41IDI2Ljg3IDMzLjU4IDE5LjQ3IDMyLjg3IDE2LjI1IDI0LjMyIDIyLjkzIDI0LjE1IDE4Ljg3IDMwLjQ5IDE0LjUgMjkuNTQgMTEuMDYgMjQuMTMgMTUuNDggMjQuMTMgOS41OSAyMS4zNCA5LjU5IDIxLjM0IDE0LjkgMTYuNTEgMTEuMTMgMTUuNTUgMTMuMDQgMjEuMDggMTguMDMgMjEuMDggMTkuMDUgMjEuMDggMjAuNTIgMjEuMDggMjEuNjIgMTMuOTcgMTYuNjkgMTEuODkgMTguOSAyMS4wOCAyNC44OSAyMS4wOCAyOS4yIDEyLjEyIDIyLjcxIDEwLjI3IDI1LjM5IDIxLjA4IDMyLjQ0IDIxLjA4IDM2LjQxIDExLjg3IDMwLjIxIDEwLjI5IDMyLjY4IDIxLjA4IDM5LjU5IDIxLjA4IDQzLjA2IDEzLjI4IDM3LjUxIDExLjQ2IDQwLjIxIDIxLjA4IDQ2LjM4IDIxLjA4IDU0LjA2IDI1LjY3IDU0LjA2IDI1LjM1IDQ2LjY4IDM1LjU4IDQwLjM5Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjU3LjczIDM0Ljc1IDY2LjcgNDEuMjQgNjguNTQgMzguNTUgNTcuNzMgMzEuNTEgNTcuNzMgMjcuNTQgNjYuOTQgMzMuNzMgNjguNTMgMzEuMjcgNTcuNzMgMjQuMzYgNTcuNzMgMjAuODkgNjUuNTMgMjYuNDQgNjcuMzYgMjMuNzQgNTcuNzMgMTcuNTcgNTcuNzMgOS44OSA1My4xNCA5Ljg5IDUzLjQ2IDE3LjI3IDQzLjIzIDIzLjU2IDQzLjMgMjYuNTEgNTMuNjEgMjAuOCA1My43OCAyNC43MyA0My42NiAzMC43NyA0My45NiAzMy45NiA1My45NCAyOC4yOCA1NC4wOCAzMS42IDQ0LjY5IDM4Ljc1IDQ1LjY1IDQxLjk3IDU0LjI1IDM1LjQ3IDU0LjMyIDM3LjA4IDQ1LjIzIDQ0LjQ4IDQ1Ljk1IDQ3LjY5IDU0LjQ5IDQxLjAyIDU0LjY3IDQ1LjA4IDQ4LjMyIDQ5LjQ1IDQ5LjI3IDUyLjg5IDU0LjYzIDQ4LjUxIDU0LjYzIDU0LjU5IDU3LjQyIDU0LjU5IDU3LjQyIDQ5LjAxIDYyLjMxIDUyLjgzIDYzLjI2IDUwLjkxIDU3LjczIDQ1LjkyIDU3LjczIDQ0LjkgNTcuNzMgNDMuNDMgNTcuNzMgNDIuMzMgNjQuODQgNDcuMjYgNjYuOTIgNDUuMDUgNTcuNzMgMzkuMDYgNTcuNzMgMzQuNzUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDEuNzYsMTYuNjVjLjY1LTEuOTQuNjMtMTAuMzEtMS4wNi0xMC44MXMtNC43LDUuODYtNC43LDUuODZsLTUuNDUtLjU0cy0xLjY1LTYuMzEtNC4xNi02LjI1Yy0uODcsMC0xLjQxLDIuMjktMS44Myw1LS4zNywyLjM4LS4wNywzLjQzLS4yOCw0Ljcxcy0uMjYsMi40NC0xLjUzLDNjLS43LjI5LTMsMS01LDEuNzYtLjE4LS45LTEuMDEtMS41MS0xLjkyLTEuNDItMS4xNS4yMS0xLjk1LDEuMjctMS44NCwyLjQ0LjA1Ljc5LjYzLDEuNDQsMS40LDEuNiwyLjQsMi4yOSwxMC41Nyw3Ljg1LDE0LjU0LDguNiwzLjY4LjY5LDcsLjA5LDkuMTQtMS41MnMzLjc0LTIuODMsMy43Ni02LjA5Yy4wMi0yLjczLTEuNzItNC40MS0xLjA3LTYuMzRabS0xNC41NywyLjU2Yy0uNzIuMTItMS40LS4zNy0xLjUyLTEuMDksMC0uMDQtLjAxLS4wOC0uMDEtLjEyLS4wNi0uODYuNTYtMS42MSwxLjQxLTEuNzMuNzYtLjA4LDEuNDUuNDcsMS41MywxLjIzLDAsLjA2LDAsLjEzLDAsLjE5LS4wMi43OS0uNjMsMS40NS0xLjQyLDEuNTJabTcsLjE4Yy0uNzEuMTItMS4zOS0uMzUtMS41Mi0xLjA3LDAtLjA0LS4wMS0uMDgtLjAxLS4xMS0uMDYtLjg2LjU2LTEuNjEsMS40MS0xLjczLjc2LS4wOCwxLjQ1LjQ3LDEuNTMsMS4yMywwLC4wNiwwLC4xMywwLC4xOS0uMDMuNzgtLjYzLDEuNDItMS40MSwxLjQ5aDBaIi8+PHBhdGggZD0ibTE3OS4xMyw1My4xNWgtLjU4Yy02LjUtLjM0LTguMjYtNS4xNS04LjI4LTcuNjVoNGMwLC42MS4zMywzLjcxLDQuNTMsMy45MiwxLjAxLjE1LDIuMDQtLjEzLDIuODMtLjc3LjcyLS44MywxLjExLTEuOSwxLjA4LTNsNC0uMTljLjA5LDIuMTktLjcxLDQuMzEtMi4yMyw1Ljg5LTEuNDUsMS4zLTMuMzUsMS45OC01LjI5LDEuODkiLz48cGF0aCBkPSJtMjAyLjcyLDUzLjY3aC0uNjRjLTcuMDctLjMzLTktNS4yMS05LTcuNzRoNC4xN2MwLC42LjM3LDMuNjMsNS4wNiwzLjg1LDEuMjEuMTcsMi40My0uMTYsMy4zOS0uOTEuNjYtLjc3LDEuMDItMS43NiwxLTIuNzhsNC4xNS0uMjRjLjEsMi4xNi0uNzEsNC4yNi0yLjIzLDUuOC0xLjYyLDEuNDUtMy43NCwyLjItNS45MSwyLjA5Ii8+PHBhdGggZD0ibTE4OC4xOSw2Ni41OGgtLjUzYy00LjA1LS4xMS03LjI3LTMuNDUtNy4yMy03LjUxaDMuNjhjLjA1Ljc0LjI0LDEuNDcuNTcsMi4xMy42MSwxLjIsMS44NiwxLjk1LDMuMjEsMS45Mi43NS4xMSwxLjUxLS4xLDIuMS0uNTguNzgtLjk1LDEuMTgtMi4xNSwxLjExLTMuMzhsMy42OC0uMTZjMCwuMzkuMTIsMy44Ni0yLjIsNi0xLjIsMS4wOS0yLjc3LDEuNjYtNC4zOSwxLjYxIi8+PHBhdGggZD0ibTIxMC42Nyw2Ni44MWgtLjY1Yy03LjA3LS4zMy05LTUuMi05LTcuNzRoNC4xNmMwLC42MS4zNywzLjYzLDUuMDYsMy44NiwxLjIxLjE3LDIuNDMtLjE2LDMuMzktLjkyLjY4LS43NywxLjAzLTEuNzYsMS0yLjc4bDQuMTYtLjIzYy4wOSwyLjE2LS43Myw0LjI1LTIuMjQsNS43OS0xLjYxLDEuNDUtMy43MywyLjIxLTUuOSwyLjEiLz48cGF0aCBkPSJtMjIyLjM2LDUzLjU4aC0uNThjLTYuNDctLjMzLTguMjMtNS4xNS04LjI1LTcuNjRoNGMwLC42LjMzLDMuNzEsNC41LDMuOTMsMSwuMSwyLS4yMSwyLjc3LS44Ny43My0uODMsMS4xMS0xLjksMS4wOS0zbDQtLjE5Yy4xLDIuMTgtLjcxLDQuMzEtMi4yMiw1Ljg5LTEuNDQsMS4zLTMuMzMsMS45Ny01LjI2LDEuODkiLz48cGF0aCBkPSJtMjAwLjUzLDgwLjE1aC0uNjVjLTcuMDctLjMzLTktNS4yLTktNy43NGg0LjE2YzAsLjYxLjM3LDMuNjMsNS4wNiwzLjg1LDEuMi4xNywyLjQxLS4xNSwzLjM3LS44OS42OC0uNzgsMS4wMy0xLjc5LDEtMi44Mmw0LjE2LS4yMWMuMDgsMi4xNi0uNzMsNC4yNS0yLjI0LDUuNzktMS42MSwxLjQ1LTMuNzMsMi4yMS01LjksMi4xIi8+PHBhdGggZD0ibTIyMS42Myw4MC4wN2gtLjYzYy02LjYxLS4zNC04LjQtNS4xNi04LjQyLTcuNjdoNGMwLC41OS4zNCwzLjY4LDQuNjQsMy45LDEuMDUuMTUsMi4xMS0uMTQsMi45NC0uOC43My0uODIsMS4xMS0xLjksMS4wNy0zbDQtLjE5Yy4wOSwyLjE4LS43Miw0LjMtMi4yMyw1Ljg3LTEuNDgsMS4zMy0zLjQzLDIuMDItNS40MiwxLjkzIi8+PHBhdGggZD0ibTE3Ny45Myw4MC42aC0uNTljLTYuNjEtLjM0LTguNC01LjE3LTguNDMtNy42N2g0YzAsLjYuMzQsMy42OSw0LjYzLDMuOSwxLjA1LjE1LDIuMTEtLjEzLDIuOTQtLjc5LjczLS44MywxLjExLTEuOSwxLjA4LTNsNC0uMTljLjEsMi4xOC0uNzEsNC4zLTIuMjMsNS44Ni0xLjQ3LDEuMzQtMy40MiwyLjA0LTUuNDEsMS45NCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMy4xNSwyMi4zYy0uMDguOTctLjkzLDEuNy0xLjkxLDEuNjItLjA1LDAtLjEtLjAxLS4xNS0uMDItMS4wNS0uMS0xLjg2LS45NS0xLjkyLTItLjAyLTEuMDMuOC0xLjg5LDEuODMtMS45MS4wOCwwLC4xNywwLC4yNS4wMSwxLjE1LjE2LDEuOTgsMS4xNywxLjksMi4zM20xMC42My0uOWMtMy44OS0zLTE0LTEwLjEzLTIyLjA3LTguODQtMTAuMjgsMS42My0xMy44Niw4LjE2LTEzLjg2LDguMTZsLTE0LjU0LTQuMTdzLjA1LDE1LjY4LDAsMTYuNjYsMTQuNTQtOC4wOCwxNC41NC04LjA4YzAsMCw4LjMsOS41NywxNS44NSwxMCwxMS42Mi43MSwxOC4xNS02Ljg5LDIwLjU5LTEwLjUzLjctMS4wNC40OC0yLjQ1LS41MS0zLjIzIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjgyLjc2LDQ4Ljc4Yy0yLjY0LTIuNS02LjI3LTIuMjEtOC45MS43Mi0xLjA3LDEuMjgtMS41NSwyLjk2LTEuMzEsNC42MmwtOC43Nyw2Ljc2LS4yOS0xMi43Niw4Ljc2LTYuODhjMi4xOCwxLjk2LDUuMzYsMi4zMiw3LjkzLjksMi43Ni0xLjQxLDMuODYtNC43OCwyLjQ2LTcuNTQtLjA3LS4xMy0uMTQtLjI2LS4yMi0uMzktMS45My0zLjE0LTYuMjMtNC4zNi05LjE2LTIuNTktMi4zOCwxLjMyLTMuNDksNC4xNS0yLjYzLDYuNzNsLTcuMjQsNS4yOS0uMjUtMTAuODUsMTAuOTItOC4wOGMuNzguNDQsMS42NS43MiwyLjU0LjgzLDMuMDcuNDUsNS45Mi0xLjY4LDYuMzctNC43Ni4wMi0uMTMuMDMtLjI2LjA0LS4zOC4yNi0zLjY3LTIuNTItNy4xNy01LjkzLTcuNDUtMy42Mi0uMy02LjI3LDIuMi02LjUsNi4xNC0uMDQsMS4yNi4zNCwyLjQ5LDEuMDksMy41bC04LjY2LDYtLjI3LTExLjkzaC0yLjQzdjExLjM0bC04LjMtNi43MWMuMzgtMS4wMi41MS0yLjExLjM3LTMuMTktLjI5LTMuMDgtMy4wMy01LjM1LTYuMTEtNS4wNi0uMTQuMDEtLjI4LjAzLS40Mi4wNi0zLjYzLjYzLTYuMzYsNC4xNi01LjgyLDcuNTQuNTgsMy41OSwzLjY0LDUuNTYsNy41Miw0Ljg0Ljk1LS4xOSwxLjgzLS42MywyLjU0LTEuMjhsMTAuMjIsOC44aDB2MTBsLTcuMy01Ljg1Yy4yNi0zLjY3LTIuNTEtNy4xNy01LjkyLTcuNDUtMy42Mi0uMjktNi4yNywyLjItNi41LDYuMTQtLjE5LDMsMi42NCw2LjA4LDYsNi40NSwxLjg2LjIzLDMuNzItLjQ0LDUtMS44MWw4LjcsNy40OHYxMy41MWwtNy45LTZjLjI4LTIuNDEtLjc4LTQuNzktMi43Ny02LjE5LTMuMDctMi02LjU3LTEtOC42MywyLjM3LTEuNTgsMi41OS0uNTIsNi42MSwyLjI2LDguNSwyLjQ4LDEuODYsNS45OSwxLjM3LDcuODYtMS4xMS4wNS0uMDcuMS0uMTMuMTQtLjJsOS4wOCw3LjQ4djkuNThoMy43N2wtLjI0LTEwLjc0LDkuNjgtOGMuMjYuNDMuNTcuODMuOTIsMS4xOSwyLjEyLDIuMjgsNS42OCwyLjQxLDcuOTYuMjkuMS0uMDkuMi0uMTkuMjktLjI5LDIuNTItMi43NSwyLjU0LTcuMjIuMDYtOS41N1oiLz48cGF0aCBkPSJtMzA2LDM1LjQ3YzEuMjQuMiwyLjYyLjM2LDQsLjY0Ljg0LjE0LDEuNjUuNDMsMi40Ljg0LjQ3LjM0Ljc3Ljg4LjgyLDEuNDYtLjE0LjU0LS41NC45Ny0xLjA2LDEuMTYtMS43OC4zMy0zLjU5LjUtNS4zOS42OS0uNDksMC0uOTgtLjAyLTEuNDYtLjA5LS40NiwxLjg1LS44NywzLjYyLTEuMzMsNS4zOC0uMTQuNDgtLjMzLjk1LS41NiwxLjQtLjM5Ljc2LS43NiwxLjY3LTEuODIsMS41M3MtMS4zMS0xLjA2LTEuNDYtMS45MWMtLjE1LS45NS0uMjMtMS45Mi0uMjQtMi44OHYtMy40N2MtMS4xLS4wOC0yLjI4LS4xMi0zLjQ0LS4yNi0uNjQtLjA4LTEuMjYtLjI2LTEuODUtLjUyLS44MS0uMjktMS4zMy0xLjA5LTEuMjYtMS45NS4wNi0uODMuNy0xLjQ5LDEuNTItMS42LDEuNjEtLjM1LDMuMjQtLjU4LDQuODgtLjY5LDEuMTUsMCwxLjUyLS40NCwxLjY4LTEuNTEuMi0xLjE2LjUtMi4zMS44OS0zLjQyLjIzLS42OS42OC0xLjM3LDEuNTQtMS4yMy44Ny4wMSwxLjYxLjY0LDEuNzcsMS40OS4xOSwxLjU1LjI2LDMuMTIuNCw0Ljk0Ii8+PHBhdGggZD0ibTMzMCwyMy44OGMxLjI0LjIsMi42Mi4zNiw0LC42NC44NC4xNCwxLjY1LjQzLDIuMzkuODQuNDguMzQuNzguODcuODIsMS40Ni0uMTMuNTYtLjU0LDEuMDEtMS4wOSwxLjE4LTEuNzguMzQtMy41OS41MS01LjM5LjctLjQ5LDAtLjk4LS4wMi0xLjQ2LS4wOS0uNDYsMS44NS0uODgsMy42Mi0xLjM0LDUuMzgtLjEzLjQ5LS4zMS45Ni0uNTUsMS40LS4zOS43Ni0uNzYsMS42Ny0xLjgzLDEuNTNzLTEuMy0xLjA2LTEuNDUtMS45MWMtLjE1LS45NS0uMjMtMS45Mi0uMjQtMi44OHYtMy40N2MtMS4xMS0uMDgtMi4yOC0uMTItMy40NC0uMjYtLjY0LS4wOC0xLjI2LS4yNi0xLjg1LS41Mi0uODMtLjMtMS4zNS0xLjEyLTEuMjYtMiwuMDYtLjgzLjctMS41LDEuNTItMS42LDEuNi0uMzUsMy4yMy0uNTgsNC44Ny0uNjksMS4xNS0uMDUsMS41My0uNDQsMS42OS0xLjUxLjItMS4xNi41LTIuMzEuODktMy40Mi4yMy0uNjkuNjgtMS4zNywxLjU0LTEuMjMuODcuMDEsMS42MS42NCwxLjc3LDEuNDkuMTksMS41NS4yNiwzLjEyLjQsNC45NCIvPjxwYXRoIGQ9Im0zMjUuODcsNDkuOGMxLjI0LjIsMi42Mi4zNiw0LC42NC44NC4xNCwxLjY1LjQzLDIuNC44NC40OC4zNS43OC44OC44MiwxLjQ3LS4xNC41NC0uNTUuOTgtMS4wOSwxLjE1LTEuNzguMzMtMy41OC41LTUuMzkuNjktLjQ5LjAxLS45OC0uMDItMS40Ni0uMDktLjQ1LDEuODUtLjg3LDMuNjItMS4zMyw1LjM4LS4xNC40OC0uMzIuOTUtLjU1LDEuNC0uMzkuNzYtLjc3LDEuNjctMS44MywxLjU0cy0xLjMxLTEuMDctMS40Ni0xLjkxYy0uMTUtLjk2LS4yMy0xLjkyLS4yNC0yLjg5di0zLjQ3Yy0xLjEtLjA4LTIuMjgtLjEyLTMuNDQtLjI2LS42NC0uMDgtMS4yNi0uMjUtMS44NS0uNTItLjgzLS4zLTEuMzQtMS4xMi0xLjI1LTIsLjA1LS44My42OS0xLjQ5LDEuNTEtMS41OSwxLjYxLS4zNiwzLjI0LS41OSw0Ljg4LS43LDEuMTUsMCwxLjUyLS40NCwxLjY4LTEuNTEuMjEtMS4xNi41LTIuMy44OS0zLjQxLjIzLS43LjY4LTEuMzcsMS41NC0xLjI0Ljg3LjAxLDEuNjEuNjQsMS43NywxLjQ5LjE5LDEuNTUuMjYsMy4xMi40LDQuOTQiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0yNzYuMzUsOTEuODZsLS42Ni01LjU1LTIuMjMsNC42MmgtMS4xOWwtMi4yNy00LjYxLS42Nyw1LjU0aC0xLjQzbDEtOC4yNmgxLjI3bDIuNjksNS42OSwyLjY4LTUuNjloMS4yN2wxLDguMjZoLTEuNDZaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMjc4Ljg4LDg5LjA1YzAtMS42NiwxLjM0LTMsMy0zczMsMS4zNCwzLDMtMS4zNCwzLTMsMy0zLTEuMzQtMy0zWm00LjU1LDBjLS4wMy0uODctLjc3LTEuNTUtMS42NC0xLjUycy0xLjU1Ljc3LTEuNTIsMS42NGMuMDMuODUuNzMsMS41MiwxLjU4LDEuNTIuODYuMDEsMS41Ny0uNjgsMS41OC0xLjU0LDAtLjAzLDAtLjA3LDAtLjFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMjkxLjUyLDg4LjcydjMuMTRoLTEuMzl2LTNjLjA5LS42NS0uMzctMS4yNS0xLjAyLTEuMzQtLjA0LDAtLjA3LDAtLjExLDAtLjc0LS4wNS0xLjM3LjUyLTEuNDIsMS4yNSwwLC4wNiwwLC4xMiwwLC4xOHYyLjkyaC0xLjM5di01LjZoMS4zOXYuODljLjM2LS42MiwxLjAyLTEsMS43NC0xLDEuNC0uMDEsMi4yLjk0LDIuMiwyLjU3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTI5Ni4xMiw4Ny4zOGgtMS4xOXY0LjQ4aC0xLjM5di00LjQ4aC0xdi0xLjEyaDF2LTIuMDZoMS4zOXYyLjA2aDEuMTl2MS4xMloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0zMDIuNzUsODYuMjZ2NS42aC0xLjM5di0uNzVjLS40NC41OC0xLjEzLjktMS44Ni44Ny0xLjYxLDAtMi45Mi0xLjMxLTIuOTItMi45MnMxLjMxLTIuOTIsMi45Mi0yLjkyYy43My0uMDMsMS40My4yOSwxLjg3Ljg3di0uNzVoMS4zOFptLTEuNDEsMi43OWMwLS44OS0uNzItMS42MS0xLjYxLTEuNjEsMCwwLDAsMC0uMDEsMC0uODYsMC0xLjU2LjY5LTEuNTcsMS41NSwwLC4wMiwwLC4wNCwwLC4wNi0uMDMuODcuNjYsMS42LDEuNTMsMS42My4wMSwwLC4wMywwLC4wNCwwLC44OC4wMSwxLjYxLS43LDEuNjItMS41OCwwLS4wMiwwLS4wMywwLS4wNVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0zMDcuMzQsODMuMjZoMS4zOXY4LjZoLTEuMzl2LTguNloiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0zMTUuNjksODYuMjZ2NS42aC0xLjM5di0uODZjLS4zNi42Mi0xLjAyLDEtMS43NCwxLTEuNDQsMC0yLjI0LTEtMi4yNC0yLjU5di0zLjE1aDEuMzl2M2MtLjA5LjY2LjM3LDEuMjYsMS4wMywxLjM1LjA0LDAsLjA5LDAsLjEzLjAxLjc0LjA1LDEuMzgtLjUsMS40My0xLjI0LDAtLjA3LDAtLjEzLDAtLjJ2LTIuOTJoMS4zOVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0zMTcsODkuMDVjMC0xLjY2LDEuMzQtMywzLTNzMywxLjM0LDMsMy0xLjM0LDMtMywzLTMtMS4zNC0zLTNabTQuNTYsMGMtLjAzLS44Ny0uNzctMS41NS0xLjY0LTEuNTItLjg3LjAzLTEuNTUuNzctMS41MiwxLjY0LjAzLjg2Ljc0LDEuNTMsMS42LDEuNTIuODYsMCwxLjU2LS43LDEuNTYtMS41NiwwLS4wMywwLS4wNSwwLS4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Im0zMjkuNjQsODguNzJ2My4xNGgtMS4zOXYtM2MuMDgtLjY1LS4zOC0xLjI1LTEuMDMtMS4zMy0uMDQsMC0uMDksMC0uMTMsMC0uNzQtLjA1LTEuMzguNTEtMS40MywxLjI0LDAsLjA2LDAsLjEyLDAsLjE5djIuOTJoLTEuMzl2LTUuNmgxLjM5di44OWMuMzYtLjYyLDEuMDItMSwxLjc0LTEsMS40NC0uMDIsMi4yNC45MywyLjI0LDIuNTZaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMzM0LjI0LDg3LjM4aC0xLjE5djQuNDhoLTEuMzl2LTQuNDhoLTF2LTEuMTJoMXYtMi4wNmgxLjM5djIuMDZoMS4xOXYxLjEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0ibTMzNC44Niw4OS4wNWMwLTEuNjYsMS4zNC0zLDMtM3MzLDEuMzQsMywzLTEuMzQsMy0zLDMtMy0xLjM0LTMtM1ptNC41NSwwYy0uMDMtLjg3LS43Ny0xLjU1LTEuNjQtMS41MnMtMS41NS43Ny0xLjUyLDEuNjRjLjAzLjg1LjczLDEuNTIsMS41OCwxLjUyLjg2LjAxLDEuNTctLjY4LDEuNTgtMS41NCwwLS4wMywwLS4wNywwLS4xaDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJtMzQ3LjgsODYuMjZ2NS42aC0xLjM5di0uNzVjLS40NC41OC0xLjE0LjktMS44Ni44Ny0xLjYxLDAtMi45Mi0xLjMxLTIuOTItMi45MnMxLjMxLTIuOTIsMi45Mi0yLjkyYy43My0uMDMsMS40My4yOSwxLjg3Ljg3di0uNzVoMS4zOFptLTEuNDIsMi43OWMwLS44OC0uNzEtMS42LTEuNTktMS42MSwwLDAtLjAxLDAtLjAyLDAtLjg3LDAtMS41Ny42OS0xLjU4LDEuNTYsMCwuMDIsMCwuMDMsMCwuMDUtLjA3Ljg4LjU5LDEuNjUsMS40NywxLjcyLjg4LjA3LDEuNjUtLjU5LDEuNzItMS40NywwLS4wOCwwLS4xNywwLS4yNWgwWiIvPjwvc3ZnPg==") repeat-x left top;
    border-top: none;
    height: 150px;
    padding: 0px;
} 
.yleinen #view .radiotable .pakollinen {
   color: black;
}
.julkinen #view .radiotable .headeraligment {
    padding: 10px;
}
.julkinen #view .radiotable input {
    width: 200px;
}
#view table td.radioy input {
    margin: 7px 7px 0 7px;
}
#view .radiotable div.validointi {
    min-width: 30px;
}
.singletable td {
    font-size: 14px;
}
#view .checkboxgroup .column .checkboxwrapper label {
 padding: 0px 10px 10px 10px !important;
}
#view .checkboxgroup .column .checkboxwrapper input {
    margin: 2px 0 0 0;
}
#view .checkboxgroup .column .checkboxwrapper .tarkennekentta { 
    margin: 0 0 0 0;
}
.checkboxwrapper {
    padding-left: 10px !important;
}
 .yleinen #view .textfieldtable {
  margin-bottom: 20px;
 }
.e3padding {
    padding: 7px 7px 10px 20px !important;
}
div.validointi img {
    position: relative;
    left: 0;
    bottom: 0px;
}
fieldset.checkbox.pakollinen div.validointi img {
    position: relative;
    left: 0;
    bottom: 0px;
}
#view form[action*='tunnistaudu'] .formGroup {
    margin-left: 0px;
}
 #view form[action*='tunnistaudu'] .formGroup div.formElement.text {
  padding-left: 0px !important;
  padding-bottom: 30px;
 }

form[action*='tunnistaudu'] h2 {
    color: #34A26B !important;
    font-size: 200% !important;
    margin: 20px 0px;
}

.yleinen #view .checkbox {
    padding: 0px;
}

 #view .formElement .info .column {
    width: 98%;
 }

#view .formElement.file label, #view .formElement.file .pakollinen label {
    background: none;
    font-weight:bolder;
    margin-left: 0;
    margin-right: 10px;
    width: 90%;
    padding: 7px 0 7px 0 !important;
    border: none;
    text-align: left;
}

input.fileupload {
    padding: 0;
    margin-bottom: 5px;
}
#ajax.makevisible, #view div.palaute_virhe, #ajax div.palaute_virhe {
    background-color: #d91b60;
    background: #d91b60 !important;
    margin: 5px 0;
}

#view .formGroup {
    border: 1px solid rgba(52,162,107, 0.7);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 8px;
    padding: 14px 14px 14px 20px;
    margin: 25px 0px 25px 0;
}

#view .formGroup:last-child {
    border: none;
}

#view table td.radioy label {
    width: auto !important;
}
.vas-container {
    padding: 10px 0;
}
#view .tarkennekentat input {
    margin: 10px 0;
    width: 300px;
}

#editform .radiotable th, #view .radiotable th {
    white-space: normal;
    text-align: left;
}

div#ryhma_6375 table {
    width: 670px;
}
div#ryhma_6424 table {
    width: 430px;
}

.julkinen #view .radiotable .headeraligment {
    padding: 10px;
}
#view .radiotable legend {
    position: relative;
}
#view div#ryhma_6375 legend, #view div#ryhma_6424 legend {
    position: absolute;
}
.yleinen #formInfo p {
     line-height: 17px;
}
#view .formElement.textarea.labeltop label, #view .formElement.labeltop label {
    text-align: left;
    border: none;
    background: transparent;
    display: inline-block;
    width: 70%;
}
#view .formElement.textarea.labeltop textarea, #view .formElement.labeltop input {
    margin-left: 0px !important;
}
.attachment_box {
    margin-left: 0;
}


/* ----------------------------- June max-width: 800px -------------------------------- */

@media screen and (max-width: 800px){
 .singletable th {
    border-bottom: none;
}
 div#ryhma_6375 table {
    width: 550px;
}
}

/* ----------------------------- June max-width: 700px -------------------------------- */

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

.yleinen #container {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.yleinen #view .checkboxgroup, .yleinen #view .textfieldtable, .yleinen #view .radiotable {
    overflow-x: scroll;
    padding-right: 0;
    min-width: 240px;
    display: inline-block;
}
 .yleinen #view .radiotable {
    overflow-y: hidden;
    display: inline-block;
}
  div.validointi img {
    position: relative;
    left: 0;
    bottom: 22px;
} 
 div#ryhma_6375 table {
    width: 480px;
}
}
/* ----------------------------- June max-width: 650px -------------------------------- */

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

 div#ryhma_6375 table {
    width: 480px;
}
 #view .formElement.text div.ldapNaytaTekstiLabel, #view .formElement.text label, #view .formElement.info label, #view .formElement.textarea label, #view .formElement.select label, #view .formElement.file label, #view .formElement.vas label {
    width: 30%;
 }
 #view .formElement.text div.ldapNaytaTeksti, #editform .formElement.text input, #editform .formElement.textarea textarea, #view .formElement.text input {
    width: 50%;
}
}

/* ----------------------------- June max-width: 600px -------------------------------- */

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

 #view {
    width: 100%;
}

 #view .formElement textarea {
    width: 50%;
}
#view .formElement .info p {
    overflow: hidden;
} 

 #container #footer {
    height: 133px;
    padding-left: 100px;
} 
.singletable div.checkboxwrapper label {
    margin: -20px 0 0 30px;
}
#view .radiotable .tarkennuskentta label {
    padding: 0 0 3px 0px !important;
}
 .singletable tr {
    margin-bottom: -16px;
}
 #view .textfieldtable table input {
	margin: 0 0 0 0;
    padding: 4px;
}
 .singletable input[type=text] {
   padding: 4px;
}
 .singletable td {
    height: auto !important;
    line-height: 25px;
    margin-bottom: 10px;
}
 #view table td.radioy label, .radiotable label {
    margin: 1px 0 0 0;
}
 #view .formElement textarea {
    margin-left: 5px;
} 
 .singletable tr {
    display: inline-block;
}
    
#view .radiotable legend {
    position: relative;
    padding-bottom: 0;
}
#view .radiotable .inputaligment {
    display: inline-block;
    float: left;
    width: 35px;
    line-height: 25px;
    text-align: center !important;
}  
.singletable th span {
    white-space: normal !important;
    padding: 16px 0 0 0 !important;
    display: inline-block;
} 
div#ryhma_6375 table {
    width: auto;
}    
}

/* ----------------------------- June max-width: 500px -------------------------------- */

@media only screen and (max-width: 500px){
#view {
    width: 100%;
}
 #view:before {
  width: 400px;

}
#view .formElement.text div.ldapNaytaTekstiLabel, #view .formElement.text label, #view .formElement.info label, #view .formElement.textarea label, #view .formElement.select label, #view .formElement.file label, #view .formElement.vas label {
    width: 30% !important;
}
 #view .formElement .info p {
    margin: 5px 0px !important;
    overflow: hidden;
    max-width: 90%;
}
 input[type='button'] {
    width: 50% !important;
}
 #lomakkeen_alkuteksti {
    max-width: 90%;
}
 #view #formInfo {
    margin-top: 9px;
    padding: 6px 0 7px 18px;   
}
 #view .formElement.text div.ldapNaytaTekstiLabel, #view .formElement.text label, #view .formElement.info label, #view .formElement.textarea label, #view .formElement.select label, #view .formElement.file label, #view .formElement.vas label {
    width: 90% !important;
    margin-bottom: 0px !important;
    border: none;
    padding: 7px;
    background-color:transparent;
    text-align: left;
}
 #view .formElement.text div.ldapNaytaTeksti, #editform .formElement.text input, #editform .formElement.textarea textarea, #view .formElement.text input {
    width: 80%;
}
 #view .formElement textarea {
    width: 80%;
}
#eproto {
    max-width: 500px;
}
 select {
    margin-left: 7px;
    width: 85% !important;
}
  #container #footer {
    height: 120px;
    padding-left: 100px;
}
 input[type='text'], input[type='password'] {
    margin-left: 7px;
}
 
 /* 
 div.validointi img {
    position: relative;
    left: 6px;
    bottom: 22px;
} 
 */
 
  input.fileupload {
    padding: 0;
}
 #view .formElement.file label {
    padding: 5px 0 5px 0 !important;
}
 fieldset.file {
    padding-left: 10px;
}
 fieldset.checkbox {
    padding-left: 8px !important;
}
}

/* ----------------------------- June max-width: 415px -------------------------------- */

@media only screen and (max-width: 415px){
#view {
    padding-left: 20px;
    width: 100%;
}
#view:before {
  width: 350px;
  height: 50px;   
}  
#view #formInfo {
    margin-top: 9px;
    padding: 6px 0 7px 18px;
    width: 90%;
} 
#view .formElement .info {
    padding-left: 0px !important;
} 
#lomakkeen_alkuteksti {
    max-width: 90%;
} 
 .yleinen #view .checkbox {
    padding-left: 0px;
}
#view .formElement.text div.ldapNaytaTekstiLabel, #view .formElement.text label, #view .formElement.info label, #view .formElement.textarea label, #view .formElement.select label, #view .formElement.file label, #view .formElement.vas label {
    width: 90% !important;
    margin-bottom: 0px !important;
    border: none;
    padding: 7px;
    background-color:transparent;
    text-align: left;
}
#view .formElement.text div.ldapNaytaTeksti, #editform .formElement.text input, #editform .formElement.textarea textarea, #view .formElement.text input {
    width: 80%!important;
    margin-left: 0px;
}
 .yleinen #formInfo p {
    padding: 6px;
    width: 320px;
}
 #view .formGroup {
    margin-left: 5px;
    overflow: hidden;
    max-width: 97%;
}
  #view .formElement .info p {
    margin: 5px 0px !important;
    overflow: hidden;
    max-width: 320px;
}
 #view .formElement textarea {
    width: 80%;
    margin-left: 0px;
}
 input[type='button'] {
    width: 100% !important;
} 
#eproto {
    max-width: 415px;
}
 select {
    width: 90% !important;
    margin-left:0;
}
   #container #footer {
    height: 100px;
    padding-left: 60px;
}
}

/* ----------------------------- June max-width: 350px -------------------------------- */
@media only screen and (max-width: 350px){

 #view:before {
  width: 280px;
} 
 .yleinen #lomake #formInfo h1 {
    font-size: 150%;
}
.yleinen #view .formGroup h2 {
  font-size: 130%;
} 
#eproto {
    max-width: 350px;
}
#container #footer {
    height: 85px;  
}
 .e3padding {
    padding: 7px 7px 10px 28px !important;
}
}