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

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

@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; /* url('Kaarina_aalto_RGB.png') repeat-x bottom left fixed;*/
  background-size: 20%;
}

a, a:hover {
  color: #37A26B;
}

#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("data:image/gif ;base64,R0lGODlh/AD8AJEAAM/Pz/T09ODg4KmpqSwAAAAA/AD8AAAC/4wjI5drzVR0SD5bKbwa7zyFnAiOZol+qsd2Lrm+Zwy3dXfns73LKf/z0Xq6YHFoJCqTTOTQCYQKo9Sp9VjFXpdSrZfL64K3zez4WyaL0+i12/xWm9nnOv0eb8/z9s/+LxeoJ9gHOHhYSIigyIdnmIjoyPgoGZlgSdmomck56Yn5WQk5Klq6GWraiXgK2krK+qoaGwqbilqLK2vreqebe+sbDDzMq0I8WyycfLwbu/yMHN08/buqLF2NfU29LZbNzfwt3k3uMB5eDg2uXpuujQ7P7m4a/y5fv27vrJ/ff34PsM4/fgP9zSv45KBCfAgXQmvI0CFBif0oQgxoMGI4jf8YL07kqK2jxZEgM1or6dHkR5G0SLJ8uTImnZQ0Xcqs6cOmyp04YTZBqbPnzaADfArlSRSouaRGmQ6tdzSqU6RQp0pV2pSZ1a1YnxbrSjWr2KFjw3o9a7bE1bJr0cJqmxau3EdzwdZlO4crXrt6ufD9uzdwIcFx+xZuCdit4btKGB8m7HhD5MWUwVaGfNlt4seKN+fC7DkzZ7WiJ4fuahq06rOpO68e7ef069ZxZbu+DZvT7NK8q9rO/Zsx7eG9XREPXpxfcuC7USJ/3lxkdNzHYVanvnzgdebYE2//nj0v9O7Ta5cHPz7V+fDp37Jf357ue/L0zaKHj3/JfO78acb//5+fevXdN6BEBPa3Hx8HLjgfgwAWiEqCEj6YAoUOBrgChhNquJSFG0L4xYUgjtiMiAh6qMiHJ3J4BIoskvjGiyvCeI2JNmZ2o4s0ypCjjLSp2COMOs5I5Dg+AplckEV+qGSTTjk55I9RImnhlFZqeOSVO4oAZZaCdbllmKRpuSSZsXkp5oJmUrkbmmWiCeabaVoQZ50GsjnnkHjKyacTa/7ZZp5uEmgnoLcVOqhNiApK4p6Lmsdon44WFemjwk1qKHeWYhrQppmmxGmlpX0aam6Jkmqbp6d2Wqqq+rgq6W+tzurcqqLGZ2us+cHKq3yo5ipUr78qN6yuaRYrbDLA/9JqHbO3fumssTMm+yxa0VJLz7LIjqRtt6xdC+4x2I4bRrjeVrRtuh2pWy2C55KL2LvmRgOvvITU225B80orF7v8UmZvwK/ui28SBeN7MMFAKOwvLg0zjInA/6YKcb53PoyxcRVP7NPGCWuQscV8SfyxDiWLrHHIHB/qccs5qXxyhSS7jMXMMMsSM7U5V7zzzRTQjDJBPtusB9FB2wf0yir1bDTTRzeS9MFDP62Q0UoHGzXQTl+Nc9ZTo+C11caIHfYFZH/tTdlci6u2zm1v/DbaaL99dt2Nxd003lTfq/fakfTN69yC12C33zFt7Sri8yquMuAED763spFPrqnjIYQzLjDmlCNhOcmQG25Q4SdrDnranyPc+eYLnx4166yLXjbpi8ruLO3+pl76Hq7DDvvuufteIu6zCx8t8Q0DT27vyv++fPDI82z8udGrDnLzyVNvva/ZT227t91jb8D0zM/w/Nzb2/39+GOeD77B4sf5fqvlk82++grGP2z6YOpfKv7AFgAAOw==");
}

.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 -------------------------------- */

#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,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NjYuOTMgMTE1LjE2Ij48dGl0bGU+SG9sbG9sYS1sb2dvPC90aXRsZT48cGF0aCBkPSJNNCwxMTUuMzVIMjIuODhhMy44OSwzLjg5LDAsMCwwLDMuODktMy44OWMwLTE1LjQ0LjA4LTMzLjY5LjA4LTQxLjgxSDY4LjMydjQxLjgyYTMuODgsMy44OCwwLDAsMCwzLjg4LDMuODhoMTlhMy44OCwzLjg4LDAsMCwwLDMuODktMy44OFM5NS4wNiw3LjcsOTUsNS4yM0EzLjg4LDMuODgsMCwwLDAsOTEuMSwxLjQ5SDcyLjIyYTMuODgsMy44OCwwLDAsMC0zLjg5LDMuOTNWNDMuODdIMjYuODVMMjcsNS40MWEzLjg5LDMuODksMCwwLDAtMy44OS0zLjkySDMuODhBMy44NywzLjg3LDAsMCwwLDAsNS40Qy4zNCwzOS44NC4xMyw5MS43OC4xLDExMS40OEEzLjg3LDMuODcsMCwwLDAsNCwxMTUuMzUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNDMpIi8+PHBhdGggZD0iTTIyOC4zNCwxMTUuMzVIMjQ3YTMuODgsMy44OCwwLDAsMCwzLjg5LTMuODhjMC0xOS41MywwLTEwNS43OSwwLTEwNy4xNEEzLjg4LDMuODgsMCwwLDAsMjQ3LC40M0gyMjguMjVhMy44OCwzLjg4LDAsMCwwLTMuODksMy45MWMuMjEsMjUuNzguMTMsNzguMjEuMSwxMDcuMTNhMy44OCwzLjg4LDAsMCwwLDMuODgsMy44OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNMjc2LjM1LDExNS4zNUgyOTVhMy44NiwzLjg2LDAsMCwwLDMuODgtMy44OHMwLTEwNS42OSwwLTEwNy4xM0EzLjg3LDMuODcsMCwwLDAsMjk1LC40M0gyNzYuMjdhMy44OCwzLjg4LDAsMCwwLTMuODksMy45Yy4xOCwyNS43OS4xMSw3OC4xMS4wOSwxMDcuMTRhMy44NiwzLjg2LDAsMCwwLDMuODgsMy44OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNNDI3LjM1LDExMS40OGEzLjg5LDMuODksMCwwLDAsMy44OSwzLjg4aDE4LjY3YTMuODksMy44OSwwLDAsMCwzLjg5LTMuODlsMC0xMDcuMUEzLjg5LDMuODksMCwwLDAsNDQ5Ljg5LjQzSDQzMS4yMWEzLjg4LDMuODgsMCwwLDAtMy44OCwzLjkxWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNNTY2LjkxLDI1LjU2YTMuMzUsMy4zNSwwLDAsMC0zLjU3LTMuMTRINTQ2LjE2YTMuMzQsMy4zNCwwLDAsMC0zLjU2LDMuMTJjMCwxLjg2LS4wNyw4LjMyLS4wNyw4LjMyLTE4LjUzLTE1LTQwLjY0LTE0Ljc4LTU3LDEuMTZTNDY3LjA2LDc4LjA5LDQ4MSw5Ni4zNWM3LDkuMiwxNi4zOSwxNC40NSwyNy43LDE2LjgxLDEyLjI5LDIuNTYsMjQuMjUtMi44MywzNC0xMSwwLDAtLjA4LDYuNDktLjA4LDYuMjR2Mi40M2EzLjM2LDMuMzYsMCwwLDAsMy41OCwzLjA4aDE3LjE3YTMuMzUsMy4zNSwwLDAsMCwzLjU3LTMuMDlaTTUxNy41OCw5MC4yM2MtMTEuNzQtLjA4LTIwLjY2LTkuNjYtMjAuNjQtMjIuMTlzOS4wNy0yMiwyMC44Mi0yMkM1MjkuMjcsNDYsNTM5LDU1LjksNTM5LjIxLDY3LjhzLTkuOTQsMjIuNTEtMjEuNjMsMjIuNDMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNDMpIi8+PHBhdGggZD0iTTM2Mi42MywxOS42N0MzMzcuNTUsMTkuNjcsMzE3LDQxLDMxNi44NCw2Ny4xYy0uMTIsMjYuNjksMjAuMjMsNDguMzcsNDUuNTMsNDguNDksMjUsLjEyLDQ2LTIxLjI0LDQ2LjIxLTQ3LjA3QzQwOC44MSw0MS40OCwzODguMjksMTkuNjYsMzYyLjYzLDE5LjY3Wm0tLjQxLDcwLjA1Yy0xMS43NS0uMDgtMjAuNjYtOS42Ni0yMC42NS0yMi4xOXM5LjA3LTIyLDIwLjgzLTIyYzExLjUsMCwyMS4yNCw5Ljg2LDIxLjQ1LDIxLjc2UzM3My45LDg5LjgsMzYyLjIyLDg5LjcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMC40MykiLz48cGF0aCBkPSJNMTU5LjYzLDE5LjY3QzEzNC41NSwxOS42NywxMTQsNDEsMTEzLjg0LDY3LjFjLS4xMiwyNi42OSwyMC4yMyw0OC4zNyw0NS41Myw0OC40OSwyNSwuMTIsNDYtMjEuMjQsNDYuMjEtNDcuMDdDMjA1LjgxLDQxLjQ4LDE4NS4yOSwxOS42NiwxNTkuNjMsMTkuNjdabS0uNDEsNzAuMDVjLTExLjc1LS4wOC0yMC42Ni05LjY2LTIwLjY1LTIyLjE5czkuMDctMjIsMjAuODMtMjJjMTEuNSwwLDIxLjI0LDkuODYsMjEuNDUsMjEuNzZTMTcwLjksODkuOCwxNTkuMjIsODkuNzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC0wLjQzKSIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  position: relative;
  left: 2px;
  top: 24px;
  display: inline-block;
  height: 75px;
  width: 250px;
  content:"";
  margin-bottom: 25px;
}

a, a:hover {
  color: #2179ee;
}
.yleinen #lomake #formInfo h1 {
	color: #d91b60; /* 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: 30px !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 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 7px 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;
    padding-top: 10px;
    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;
}

#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,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1OTUuMjggMTQ4LjgyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6I2QwMWQ1Yjt9LmNscy0ze2ZpbGw6IzIzMWYyMDt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iNTk1LjI4IiBoZWlnaHQ9IjE0OC44MiIvPjxwYXRoIGQ9Im01MzcuMzEsNTguMjZjMy4wNC40Miw1LjIzLDMuMTIsNS4wMyw2LjE4LS4yNCwyLjU5LTIuNTMsNC41MS01LjEyLDQuMjctLjEyLS4wMS0uMjQtLjAzLS4zNS0uMDUtMi43OS0uMjYtNC45NS0yLjUzLTUuMDctNS4zMy0uMDctMi43NSwyLjExLTUuMDQsNC44Ny01LjEuMjIsMCwuNDQsMCwuNjYuMDMiLz48cGF0aCBkPSJtNTYzLjM1LDU4LjI2YzMuMDQuNDIsNS4yMywzLjEyLDUuMDMsNi4xOC0uMjQsMi41OS0yLjUzLDQuNTEtNS4xMiw0LjI3LS4xMi0uMDEtLjI0LS4wMy0uMzUtLjA1LTIuNzktLjI2LTQuOTUtMi41My01LjA3LTUuMzMtLjA3LTIuNzUsMi4xMS01LjA0LDQuODctNS4xLjIyLDAsLjQ0LDAsLjY2LjAzIi8+PHBhdGggZD0ibTU1MC4zLDExMy41YzEuMjItMS4wNywyLjMyLTIuMTksMy42My0zLjE1LDEuNzQtMS4xMSwzLjc4LTEuNjYsNS44NS0xLjU4LDMuNDcsMCw2LjEzLDEuOTIsNi40OSw0Ljc1LjIxLDIuMTYtLjM0LDQuMzItMS41OCw2LjEtMS43MSwyLjcyLTMuNiw1LjQtNS42Myw4LjAyLTIuMjIsMi44Ni00LjY2LDUuNjMtNy4wNyw4LjQxLS41NS41Ny0xLjE2LDEuMDctMS44MywxLjQ5LS44NS41OC0xLjM1LjUyLTEuOTItLjIyLTIuNDktMy4zNS01LjAzLTYuNjgtNy40NC0xMC4wOC0xLjUxLTIuMTEtMi44OC00LjMtNC4xMi02LjU4LTEuMjgtMi4xMy0xLjYxLTQuNy0uODktNy4wOC41NS0xLjgsMS45MS0zLjI1LDMuNjgtMy45MSwxLjE1LS40OSwyLjQxLS42NywzLjY1LS41MSwzLjMzLjQzLDUuNzQsMS42Miw2LjkzLDMuOTFsLjI0LjRoMCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTU1MS4zNCw5MS43M2gtMS4yMWMtMTMuNTMtLjctMTcuMi0xMC43Ni0xNy4yNS0xNS45OGw4LjI3LS4wN2MwLDEuMjUuNjgsNy43NSw5LjQyLDguMiwyLjEuMyw0LjIyLS4yOCw1Ljg4LTEuNTksMS41NS0xLjc3LDIuMzYtNC4wNSwyLjI4LTYuNGw4LjI3LS4zOWMwLC43Ny4yNyw3LjYzLTQuNjcsMTIuMzItMywyLjcxLTYuOTYsNC4xMy0xMSwzLjk0Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNTUxLjQ1LDQzLjAyaC0xLjI0Yy0xMy44My0uNzEtMTcuNTYtMTEtMTcuNjItMTYuMzdsOC40Ny0uMDdjMCwxLjI4LjY4LDcuOTIsOS42MSw4LjM4LDIuMTIuMjgsNC4yNy0uMzEsNS45NS0xLjY0LDEuNTktMS44LDIuNDQtNC4xMywyLjM3LTYuNTNsOC40NS0uNGMuMiw0LjY3LTEuNTIsOS4yMi00Ljc2LDEyLjU5LTMuMDcsMi43Ni03LjExLDQuMjEtMTEuMjQsNC4wMiIvPjxwYXRoIGQ9Im01MjUuMzMsMTUuMjFjMy4yNywzLjI5LDYuNjEsNC45NCwxMC4wMyw0Ljk0LDEuMzUuMDIsMi42Ni0uNDMsMy43MS0xLjI4LDEuMTUtLjg3LDEuOC0yLjI1LDEuNzYtMy42OS4wMi0xLjIzLS40Ni0yLjQxLTEuMzQtMy4yNy0uOTMtLjg5LTIuMTgtMS4zOC0zLjQ3LTEuMzQtLjgxLS4wMi0xLjYxLjE3LTIuMzIuNTUtLjc5LjUxLTEuNDgsMS4xNy0yLjAyLDEuOTMtLjI4LjQxLS43NC42Ny0xLjI0LjctLjY2LDAtMS4zMS0uMi0xLjg4LS41NS0uODUtLjU0LTEuNjItMS4xOS0yLjMxLTEuOTItLjMxLS40My0uOTItLjUzLTEuMzUtLjIyLS4xNS4xMS0uMjYuMjUtLjMzLjQyLS4yOC40LS40My44OC0uNDIsMS4zNy4wOC45NC41MSwxLjgxLDEuMjIsMi40MyIvPjxwYXRoIGQ9Im01NjQuNzQsOS43OWMzLjE1LjQyLDUuNDMsMy4yMiw1LjIxLDYuMzgtLjIzLDIuNjgtMi41OSw0LjY2LTUuMjcsNC40Mi0uMTMtLjAxLS4yNi0uMDMtLjM4LS4wNS0yLjg4LS4yNy01LjEzLTIuNjMtNS4yNS01LjUyLS4wNy0yLjg0LDIuMTktNS4yLDUuMDMtNS4yNy4yMiwwLC40NSwwLC42Ny4wMyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTYxLjk1LDExMy42MmMtLjEyLDEuMzUtMS4zMiwyLjM1LTIuNjcsMi4yMi0uMDYsMC0uMTItLjAxLS4xOC0uMDItMS4zOS0uMTktMi40NS0xLjMzLTIuNTYtMi43Mi0uMDMtMS40MywxLjEtMi42MiwyLjUzLTIuNjUuMTEsMCwuMjMsMCwuMzQuMDEsMS41OS4xOSwyLjc0LDEuNjEsMi42LDMuMm0yMC4wNi0xLjc3Yy02LjczLTUuMzktOS4yNC01LjM2LTE0LjYtNS4yMS0zLjk2LjMxLTcuOTQuMzgtMTEuOTEuMjItMS44OS0uMjItMi41LS40Mi0yLjgzLTIuMDEtLjY3LTIuNDksMTkuOTYtNC4yLDIzLjE0LTYuNjgsNC4xNS0zLjM5LTMuMy0xMC4wMy0zLjYyLTUuMzYtLjE1LDIuNDMtMTYuNDcsMy42OS0yMC44Myw0LjY0cy0uNzEtOS42My01LjQ5LTkuODFjLTQuMjYtLjE1LTEuMzgsOC44Mi00LjI2LDkuNTVzLTEuMjUtNy42My00LjExLTguMTljLTIuODYtLjU1LTEuMTgsNS41OC0zLjEsNi43N3MtMy4zMy01LjgyLTYuODItNi41NS0yLjU3LDguNzEtNC41OCw1Ljc3Yy0uNDMtLjYzLTQuNDYtNi4yMS01LjYxLTUuMjEtMy4xMywyLjY1LDIuNDcsOS42Myw1LjE5LDExLjA5LDEuOC45NywxOC43MiwzLjksMTguNzIsMy45bC45NSwyLjYzcy0xMS45MS0uMjEtMTcuMDguOTJjLTQuOTEsMS4wOS02LjYyLDEyLjYyLTcuMDcsMTcuOTYtLjM5LDQuNzUsNC4wNiw1Ljk1LDcuNjUsNy4yOXMyNi43OS40NiwyNy4xLjgsNy4xLTUuNDYsNy4xLTUuNDZoMTAuMDNjMy4zNSwwLDUuMzcsMi41Miw4LjAxLDMuNzFzOC43NC03LjI5LDExLjEyLTEwLjg2YzEuMzEtMS45My0yLjg2LTYuNTMtNy4xOS0xMCIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEzOC42NSw2MS4xOGMuNjQsMi45OCwxLjI2LDUuODUuMzksOC43Ny0uMzksMS43MS0xLjA4LDMuMzQtMi4wNCw0LjgxLS43LDEuMjQtMi4yNywxLjY4LTMuNTEuOTgtLjUtLjI4LS44OS0uNzEtMS4xMS0xLjI0LS45Ny0xLjgzLTEuMTMtMy45OS0uNDUtNS45NS43MS0yLjUyLDIuMzQtNC42Nyw0LjU3LTYuMDQuNjUtLjQ2LDEuMzQtLjg2LDIuMTQtMS4zNyIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTE2MS44Nyw2Ni44YzEuMzYsMy42Ljg2LDcuNjQtMS4zMiwxMC44LS4xNS4yLS4zMi4zOC0uNTEuNTQtLjcyLjgyLTEuODYsMS4xMS0yLjg5Ljc0LTEuMDItLjQzLTEuNy0xLjQyLTEuNzQtMi41My0uMTItMS40My4xOS0yLjg3LjkxLTQuMTIsMS4wMS0yLjIsMi43LTQuMDEsNC44Mi01LjE4bC40My0uMjFoLjMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xNDUuNTYsODQuMzVjMS4zOSwzLjYzLjksNy43MS0xLjMyLDEwLjg5LS4xNC4xOS0uMzEuMzctLjQ5LjUyLS43Mi44Mi0xLjg2LDEuMTEtMi44OS43NC0xLjAzLS40Mi0xLjcyLTEuNDEtMS43NC0yLjUzLS4xMy0xLjQzLjE5LTIuODcuOTEtNC4xMiwxLTIuMiwyLjY5LTQuMDEsNC44MS01LjE4bC40NS0uMjFoLjI4Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTE4LjY3LDcwLjY3Yy41NiwxLjU0LjgzLDMuMTYuOCw0Ljc5LS4wMSwyLjQ1LS43MSw0Ljg0LTIuMDIsNi45MS0uNTIuODItMS4xNiwxLjQ5LTIuMjUsMS40OS0xLjE0LS4xNi0yLjAxLTEuMDktMi4xLTIuMjMtLjM2LTEuNy0uMTItMy40OC42Ny01LjAzLDEuMDgtMi4xNiwyLjYtNC4wOCw0LjQ2LTUuNjEuMTUtLjExLjMtLjIyLjQ2LS4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEyNi45OSw5Mi43MWMuOTQsNC42NS0uMTUsOS40OC0yLjk4LDEzLjI5LS42MywxLTEuODQsMS40Ny0yLjk4LDEuMTYtMS4yMi0uMjktMi4xMy0xLjMtMi4yOC0yLjU0LS4yNy0xLjU2LS4wNS0zLjE2LjYzLTQuNTgsMS4xMS0zLjA2LDMuNDEtNS41NCw2LjM4LTYuODhsMS4yMi0uNDUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMzguNCwxMDguNjRjLjY0LDIuOTgsMS4yNiw1Ljg1LjM5LDguNzctLjM4LDEuNzEtMS4wNywzLjM0LTIuMDQsNC44MS0uNjksMS4yNS0yLjI1LDEuNy0zLjUsMS4wMS0uNDktLjI3LS44Ny0uNjgtMS4xLTEuMTktLjk3LTEuODMtMS4xMy0zLjk5LS40NS01Ljk1Ljc0LTIuNDgsMi4zNy00LjYsNC41Ny01Ljk1LjY1LS40NiwxLjM0LS44NiwyLjE0LTEuMzgiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xNjAuNzIsMTE2LjA4YzEuMzcsMy42Ljg3LDcuNjQtMS4zMiwxMC44LS4xNC4yLS4zMS4zOC0uNDkuNTQtLjcyLjgyLTEuODYsMS4xMS0yLjg5Ljc0LTEuMDMtLjQyLTEuNzEtMS40Mi0xLjc0LTIuNTMtLjEzLTEuNDMuMTktMi44Ny45MS00LjEyLDEtMi4yLDIuNjktNC4wMSw0LjgxLTUuMThsLjQ1LS4yMWguMjgiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xNTkuNDQsOTQuMjJjLjM2LjkzLjY0LDEuODguODMsMi44Ni4yOCwyLjIuMTMsNC40NC0uNDMsNi41OS0uMjYsMS4wOS0uODYsMi4wNi0xLjcxLDIuNzgtLjk4LjkzLTIuNTIuODktMy40NS0uMDgtLjM3LS4zOC0uNi0uODgtLjY2LTEuNC0uMzktMi4zOC4xNC00LjgyLDEuNDktNi44Mi45OS0xLjYyLDIuMzUtMi45OSwzLjk3LTMuOTciLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMTYuMjEsMTE4LjE5Yy41NiwxLjU0LjgzLDMuMTcuOCw0LjgxLDAsMi40NC0uNyw0LjgzLTIuMDIsNi44OS0uMzUuOTItMS4yNiwxLjUyLTIuMjUsMS40OS0xLjEyLS4xNS0xLjk5LTEuMDUtMi4xLTIuMTctLjM1LTEuNy0uMTItMy40OC42Ny01LjAzLDEuMDgtMi4xNiwyLjYtNC4wNyw0LjQ2LTUuNjEuMTUtLjExLjMtLjIyLjQ2LS4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwMi45LDEzOS4xNnMuNzQtNC4yMy0xMC40Mi02LjczYy0xMS4xNi0yLjUtMjAuMzktMTQuNDItMTIuMTktMTcuNHMxMC4xOSw2LjczLDExLjkxLDIuMjVjMS43MS00LjQ4LS43NC0zLjc0LTcuMjItOC4yMXMtOC45My0xMS45MS0yLjQ5LTE0LjE3LDcuOTYsNi4yMSwxMS43LDMuNDcsMS40OS0xMC45NCwxLjc0LTE2LjkxLDEyLjE3LTkuMiwxMy45MS0xLjc0LTIuNDksMTYuMTYsMCwxOC4xNmMyLjQ5LDEuOTksNS40OC0xLjI0LDcuOTYtMi40OXMxMS4xOS4yNSw4LjkzLDUuMjIsMCw3LjItNy4yLDkuNDUtOS40NSw4LjcyLTQuNDYsNy4yMmM0Ljk5LTEuNSwxMC42Ny01LjQ4LDEyLjA1LTEuMjVzMS44OCw5LjY5LTUuODMsMTIuMTdjLTcuNzEsMi40OS0xOC45LDguNzEtMTguMzksMTAuOTUiLz48cGF0aCBkPSJtMTgwLjc0LDMxLjg2YzIuMDQsMS41MSwyLjU2LDQuMzQsMS4yMSw2LjQ5LTEuMTUsMS44Mi0zLjU1LDIuMzctNS4zOCwxLjIzLS4wOS0uMDUtLjE3LS4xMS0uMjUtLjE3LTEuOTItMS4zMy0yLjU1LTMuODgtMS40OS01Ljk1LDEtMi4wNCwzLjQ3LTIuODksNS41Mi0xLjg5LjE1LjA3LjMuMTYuNDQuMjUiLz48cGF0aCBkPSJtMTk1LjMxLDQxLjI1YzIuMDQsMS41MSwyLjU2LDQuMzQsMS4yMSw2LjQ5LTEuMTUsMS44Mi0zLjU1LDIuMzctNS4zOCwxLjIzLS4wOS0uMDUtLjE3LS4xMS0uMjUtLjE3LTEuOTQtMS4zMS0yLjYxLTMuODYtMS41Ni01Ljk1LDEtMi4wNCwzLjQ3LTIuODksNS41Mi0xLjg5LjE1LjA3LjMuMTYuNDQuMjUiLz48cGF0aCBkPSJtMjA1LjYyLDMwLjgyYzIuMDQsMS41MSwyLjU3LDQuMzQsMS4yMSw2LjQ5LTEuMTQsMS44Mi0zLjU0LDIuMzctNS4zNSwxLjIzLS4wOS0uMDYtLjE4LS4xMi0uMjctLjE5LTEuOTMtMS4zMi0yLjU3LTMuODgtMS40OS01Ljk1Ljk5LTIuMDQsMy40NS0yLjg5LDUuNDktMS45LjE2LjA4LjMyLjE3LjQ2LjI2Ii8+PHBhdGggZD0ibTIwMS4zNyw1My41N2MyLjA0LDEuNTEsMi41Niw0LjM0LDEuMjEsNi40OS0xLjE1LDEuODItMy41NSwyLjM3LTUuMzgsMS4yMy0uMDktLjA1LS4xNy0uMTEtLjI1LS4xNy0xLjk0LTEuMzEtMi42MS0zLjg2LTEuNTYtNS45NSwxLTIuMDQsMy40Ny0yLjg5LDUuNTItMS44OC4xNS4wNy4zLjE2LjQ0LjI1Ii8+PHBhdGggZD0ibTIyNC44MSwzMC42OWMyLjA0LDEuNTEsMi41Niw0LjM0LDEuMjEsNi40OS0xLjE1LDEuODItMy41NSwyLjM3LTUuMzgsMS4yMy0uMDktLjA1LS4xNy0uMTEtLjI1LS4xNy0xLjk1LTEuMy0yLjYyLTMuODYtMS41Ni01Ljk1LDEtMi4wNCwzLjQ3LTIuODksNS41Mi0xLjg5LjE1LjA3LjMuMTYuNDQuMjUiLz48cGF0aCBkPSJtMjI1LjkyLDUyLjg2YzIuMDQsMS41MSwyLjU2LDQuMzQsMS4yMSw2LjQ5LTEuMTUsMS44Mi0zLjU2LDIuMzYtNS4zOCwxLjIxLS4wOC0uMDUtLjE3LS4xMS0uMjUtLjE3LTEuOTYtMS4zLTIuNjMtMy44Ni0xLjU2LTUuOTUuOTktMi4wNCwzLjQ1LTIuODksNS40OS0xLjkuMTYuMDguMzIuMTcuNDYuMjYiLz48cGF0aCBkPSJtMjE0LjMsNDUuMjdjMi4wNCwxLjUxLDIuNTYsNC4zNCwxLjIxLDYuNDktMS4xNSwxLjgyLTMuNTUsMi4zNy01LjM4LDEuMjMtLjA5LS4wNS0uMTctLjExLS4yNS0uMTctMS45Mi0xLjMzLTIuNTUtMy44OC0xLjQ5LTUuOTUsMS4wMS0yLjA1LDMuNS0yLjg4LDUuNTQtMS44Ny4xNC4wNy4yOC4xNS40MS4yMyIvPjxwYXRoIGQ9Im0xODIuNzksNTEuNjRjMi4wNCwxLjUxLDIuNTcsNC4zNCwxLjIxLDYuNDktMS4xNSwxLjgyLTMuNTYsMi4zNi01LjM4LDEuMjEtLjA4LS4wNS0uMTctLjExLS4yNS0uMTctMS45My0xLjMyLTIuNTctMy44OC0xLjQ5LTUuOTUuOTktMi4wNCwzLjQ1LTIuODksNS40OS0xLjkuMTYuMDguMzIuMTcuNDYuMjYiLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNTIuOTUgNjAuMTEgNTIuODYgNTUuNzIgMzcuNSA2NC4yMiAzNy4yNSA1OC4zNyA1Mi4zMSA0OS4zOCA1MS44NiA0NC42MyAzNy4wMyA1My4wOCAzNi44IDQ4LjE0IDUwLjc4IDM3LjUgNDkuMzYgMzIuNzEgMzYuNTYgNDIuMzggMzYuNDYgMzkuOTkgNDkuOTcgMjguOTggNDguOTIgMjQuMTggMzYuMTkgMzQuMTIgMzUuOTQgMjguMDggNDUuMzcgMjEuNTggNDMuOTYgMTYuNDYgMzUuOTEgMjMuMDQgMzUuOTEgMTQuMjcgMzEuNzYgMTQuMjcgMzEuNzYgMjIuMTcgMjQuNTcgMTYuNTYgMjMuMTQgMTkuNDEgMzEuMzcgMjYuODMgMzEuMzcgMjguMzUgMzEuMzcgMzAuNTQgMzEuMzcgMzIuMTcgMjAuNzkgMjQuODQgMTcuNjkgMjguMTMgMzEuMzcgMzcuMDQgMzEuMzcgNDMuNDYgMTguMDQgMzMuOCAxNS4yOCAzNy43OSAzMS4zNyA0OC4yOCAzMS4zNyA1NC4xOCAxNy42NiA0NC45NiAxNS4zMSA0OC42MyAzMS4zNyA1OC45MiAzMS4zNyA2NC4wOCAxOS43NiA1NS44MiAxNy4wNSA1OS44NCAzMS4zNyA2OS4wMiAzMS4zNyA4MC40NSAzOC4yIDgwLjQ1IDM3LjczIDY5LjQ3IDUyLjk1IDYwLjExIi8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijg1LjkxIDUxLjcxIDk5LjI2IDYxLjM3IDEwMiA1Ny4zNyA4NS45MSA0Ni44OSA4NS45MSA0MC45OCA5OS42MiA1MC4yIDEwMS45OSA0Ni41NCA4NS45MSAzNi4yNSA4NS45MSAzMS4wOSA5Ny41MiAzOS4zNSAxMDAuMjQgMzUuMzMgODUuOTEgMjYuMTUgODUuOTEgMTQuNzIgNzkuMDggMTQuNzIgNzkuNTYgMjUuNyA2NC4zMyAzNS4wNiA2NC40NCAzOS40NSA3OS43OCAzMC45NSA4MC4wMyAzNi44IDY0Ljk3IDQ1Ljc5IDY1LjQyIDUwLjU0IDgwLjI3IDQyLjA5IDgwLjQ4IDQ3LjAzIDY2LjUxIDU3LjY3IDY3Ljk0IDYyLjQ2IDgwLjczIDUyLjc5IDgwLjg0IDU1LjE4IDY3LjMxIDY2LjE5IDY4LjM4IDcwLjk3IDgxLjA5IDYxLjA1IDgxLjM2IDY3LjA5IDcxLjkxIDczLjU5IDczLjMyIDc4LjcxIDgxLjMgNzIuMTkgODEuMyA4MS4yNCA4NS40NSA4MS4yNCA4NS40NSA3Mi45NCA5Mi43MyA3OC42MiA5NC4xNCA3NS43NiA4NS45MSA2OC4zNCA4NS45MSA2Ni44MiA4NS45MSA2NC42MyA4NS45MSA2MyA5Ni40OSA3MC4zMyA5OS41OSA2Ny4wNCA4NS45MSA1OC4xMyA4NS45MSA1MS43MSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTE1MS40NCwyNC43OGMuOTctMi44OS45NC0xNS4zNC0xLjU4LTE2LjA5cy02Ljk5LDguNzItNi45OSw4LjcybC04LjExLS44cy0yLjQ2LTkuMzktNi4xOS05LjNjLTEuMjksMC0yLjEsMy40MS0yLjcyLDcuNDQtLjU1LDMuNTQtLjEsNS4xLS40Miw3LjAxcy0uMzksMy42My0yLjI4LDQuNDZjLTEuMDQuNDMtNC40NiwxLjQ5LTcuNDQsMi42Mi0uMjctMS4zMy0xLjUtMi4yNS0yLjg2LTIuMTEtMS43Mi4zMi0yLjkxLDEuODktMi43NCwzLjYzLjA4LDEuMTcuOTMsMi4xNSwyLjA4LDIuMzgsMy41NywzLjQxLDE1LjczLDExLjY4LDIxLjY0LDEyLjgsNS40OCwxLjAzLDEwLjQyLjEzLDEzLjYtMi4yNnM1LjU3LTQuMjEsNS42LTkuMDZjLjAzLTQuMDYtMi41Ni02LjU2LTEuNTktOS40NFptLTIxLjY4LDMuODFjLTEuMDcuMTgtMi4wOC0uNTUtMi4yNi0xLjYyLDAtLjA2LS4wMi0uMTItLjAyLS4xOC0uMDgtMS4yOC44My0yLjQsMi4xLTIuNTcsMS4xNC0uMTIsMi4xNi43LDIuMjgsMS44My4wMS4wOS4wMS4xOS4wMS4yOC0uMDMsMS4xOC0uOTQsMi4xNi0yLjExLDIuMjZabTEwLjQyLjI3Yy0xLjA2LjE4LTIuMDctLjUzLTIuMjYtMS41OSwwLS4wNi0uMDItLjExLS4wMi0uMTctLjA4LTEuMjguODMtMi40LDIuMS0yLjU3LDEuMTQtLjEyLDIuMTYuNywyLjI4LDEuODMuMDEuMDkuMDEuMTkuMDEuMjgtLjA1LDEuMTYtLjk0LDIuMTEtMi4xLDIuMjJoLS4wMVoiLz48cGF0aCBkPSJtMjY2LjU4LDc5LjFoLS44NmMtOS42Ny0uNTEtMTIuMjktNy42Ni0xMi4zMi0xMS4zOGg1Ljk1YzAsLjkxLjQ5LDUuNTIsNi43NCw1LjgzLDEuNS4yMiwzLjAzLS4xOSw0LjIxLTEuMTUsMS4wNy0xLjI0LDEuNjUtMi44MywxLjYxLTQuNDZsNS45NS0uMjhjLjE0LDMuMjUtMS4wNiw2LjQyLTMuMzIsOC43Ny0yLjE1LDEuOTMtNC45OCwyLjk0LTcuODcsMi44MSIvPjxwYXRoIGQ9Im0zMDEuNjksNzkuODdoLS45NWMtMTAuNTItLjQ5LTEzLjM5LTcuNzUtMTMuMzktMTEuNTJoNi4yMWMwLC44OS41NSw1LjQsNy41Myw1LjczLDEuOC4yNSwzLjYxLS4yNCw1LjA0LTEuMzUuOTktMS4xNSwxLjUyLTIuNjIsMS40OS00LjE0bDYuMTgtLjM2Yy4xNCwzLjIxLTEuMDYsNi4zNC0zLjMyLDguNjMtMi40LDIuMTYtNS41NywzLjI4LTguOCwzLjExIi8+PHBhdGggZD0ibTI4MC4wNiw5OS4wOGgtLjc5Yy02LjAzLS4xNy0xMC44Mi01LjE0LTEwLjc2LTExLjE4aDUuNDhjLjA3LDEuMS4zNiwyLjE4Ljg1LDMuMTcuOTEsMS43OSwyLjc3LDIuOSw0Ljc4LDIuODYsMS4xMi4xNywyLjI1LS4xNSwzLjEzLS44NiwxLjE2LTEuNDEsMS43NS0zLjIxLDEuNjUtNS4wM2w1LjQ4LS4yNGMwLC41OC4xOCw1Ljc0LTMuMjcsOC45My0xLjc4LDEuNjItNC4xMywyLjQ4LTYuNTMsMi40Ii8+PHBhdGggZD0ibTMxMy41Miw5OS40M2gtLjk3Yy0xMC41Mi0uNDktMTMuMzktNy43NC0xMy4zOS0xMS41Mmg2LjE5YzAsLjkxLjU1LDUuNCw3LjUzLDUuNzQsMS44LjI1LDMuNjItLjI1LDUuMDQtMS4zNywxLjAxLTEuMTQsMS41NC0yLjYyLDEuNDktNC4xNGw2LjE5LS4zNGMuMTMsMy4yMS0xLjA4LDYuMzMtMy4zMyw4LjYyLTIuNCwyLjE2LTUuNTYsMy4yOS04Ljc4LDMuMTMiLz48cGF0aCBkPSJtMzMwLjkxLDc5Ljc0aC0uODZjLTkuNjMtLjQ5LTEyLjI1LTcuNjYtMTIuMjgtMTEuMzdoNS45NWMwLC44OS40OSw1LjUyLDYuNyw1Ljg1LDEuNDkuMTUsMi45OC0uMzIsNC4xMi0xLjI5LDEuMDgtMS4yMywxLjY2LTIuODMsMS42Mi00LjQ2bDUuOTUtLjI4Yy4xNCwzLjI1LTEuMDUsNi40Mi0zLjMsOC43Ny0yLjE0LDEuOTMtNC45NSwyLjk0LTcuODMsMi44MSIvPjxwYXRoIGQ9Im0yOTguNDMsMTE5LjI4aC0uOTdjLTEwLjUyLS40OS0xMy4zOS03Ljc0LTEzLjM5LTExLjUyaDYuMTljMCwuOTEuNTUsNS40LDcuNTMsNS43MywxLjc4LjI1LDMuNTktLjIyLDUuMDItMS4zMiwxLjAxLTEuMTYsMS41NC0yLjY2LDEuNDktNC4ybDYuMTktLjMxYy4xMywzLjIxLTEuMDgsNi4zMy0zLjMzLDguNjItMi40LDIuMTYtNS41NiwzLjI5LTguNzgsMy4xMyIvPjxwYXRoIGQ9Im0zMjkuODMsMTE5LjE2aC0uOTRjLTkuODQtLjUxLTEyLjUtNy42OC0xMi41My0xMS40MWg1Ljk1YzAsLjg4LjUxLDUuNDgsNi45MSw1LjgsMS41Ni4yMiwzLjE0LS4yMSw0LjM4LTEuMTksMS4wOS0xLjIzLDEuNjYtMi44MywxLjU5LTQuNDZsNS45NS0uMjhjLjEzLDMuMjQtMS4wNyw2LjQtMy4zMiw4Ljc0LTIuMjEsMS45OC01LjEsMy4wMS04LjA3LDIuODciLz48cGF0aCBkPSJtMjY0Ljc5LDExOS45NWgtLjg4Yy05Ljg0LS41MS0xMi41LTcuNjktMTIuNTUtMTEuNDFoNS45NWMwLC44OS41MSw1LjQ5LDYuODksNS44LDEuNTYuMjMsMy4xNC0uMiw0LjM4LTEuMTgsMS4wOC0xLjIzLDEuNjYtMi44MywxLjYxLTQuNDZsNS45NS0uMjhjLjE1LDMuMjQtMS4wNSw2LjQtMy4zMiw4LjcyLTIuMTksMS45OS01LjA5LDMuMDMtOC4wNSwyLjg5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMzE3LjIxLDMzLjE5Yy0uMTIsMS40NS0xLjM5LDIuNTMtMi44NCwyLjQxLS4wOCwwLS4xNS0uMDItLjIyLS4wMy0xLjU2LS4xNS0yLjc4LTEuNDEtMi44Ni0yLjk4LS4wMy0xLjU0LDEuMTgtMi44MSwyLjcyLTIuODQuMTMsMCwuMjUsMCwuMzguMDIsMS43MS4yMywyLjk0LDEuNzUsMi44MywzLjQ3bTE1LjgyLTEuMzRjLTUuNzktNC40Ni0yMC44My0xNS4wOC0zMi44NC0xMy4xNi0xNS4zLDIuNDMtMjAuNjMsMTIuMTQtMjAuNjMsMTIuMTRsLTIxLjY0LTYuMjFzLjA3LDIzLjMzLDAsMjQuNzksMjEuNjQtMTIuMDIsMjEuNjQtMTIuMDJjMCwwLDEyLjM1LDE0LjI0LDIzLjU5LDE0Ljg4LDE3LjI5LDEuMDYsMjcuMDEtMTAuMjUsMzAuNjQtMTUuNjcsMS4wNS0xLjU1LjcyLTMuNjUtLjc2LTQuODEiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00MjAuOCw3Mi41OWMtMy45My0zLjcyLTkuMzMtMy4yOS0xMy4yNiwxLjA3LTEuNiwxLjkxLTIuMzEsNC40MS0xLjk1LDYuODhsLTEzLjA1LDEwLjA2LS40My0xOC45OSwxMy4wNC0xMC4yNGMzLjI1LDIuOTEsNy45OCwzLjQ1LDExLjgsMS4zNCw0LjExLTIuMDksNS43NS03LjEyLDMuNjUtMTEuMjMtLjEtLjItLjIxLS4zOS0uMzItLjU3LTIuODctNC42Ny05LjI3LTYuNDktMTMuNjMtMy44NS0zLjU0LDEuOTYtNS4xOSw2LjE3LTMuOTEsMTAuMDJsLTEwLjc3LDcuODctLjM3LTE2LjE1LDE2LjI1LTEyLjAyYzEuMTcuNjYsMi40NSwxLjA4LDMuNzgsMS4yNCw0LjU3LjY2LDguODEtMi41MSw5LjQ4LTcuMDguMDMtLjE5LjA1LS4zOC4wNi0uNTcuMzktNS40Ni0zLjc1LTEwLjY3LTguODItMTEuMDktNS4zOS0uNDUtOS4zMywzLjI3LTkuNjcsOS4xNC0uMDYsMS44Ny41MSwzLjcxLDEuNjIsNS4yMWwtMTIuODksOC45My0uNC0xNy43NWgtMy42MnYxNi44OGwtMTIuMzUtOS45OWMuNTctMS41MS43Ni0zLjE0LjU1LTQuNzUtLjQ0LTQuNTktNC41MS03Ljk2LTkuMS03LjUyLS4yMS4wMi0uNDEuMDUtLjYyLjA4LTUuNC45NC05LjQ2LDYuMTktOC42NiwxMS4yMi44Niw1LjM0LDUuNDIsOC4yNywxMS4xOSw3LjIsMS40MS0uMjgsMi43Mi0uOTQsMy43OC0xLjlsMTUuMjEsMTMuMWgwdjE0Ljg4bC0xMC44Ni04LjcxYy4zOS01LjQ2LTMuNzQtMTAuNjctOC44MS0xMS4wOS01LjM5LS40My05LjMzLDMuMjctOS42Nyw5LjE0LS4yOCw0LjQ2LDMuOTMsOS4wNSw4LjkzLDkuNiwyLjc3LjM0LDUuNTMtLjY2LDcuNDQtMi42OWwxMi45NSwxMS4xM3YyMC4xMWwtMTEuNzYtOC45M2MuNDEtMy41OS0xLjE3LTcuMTMtNC4xMi05LjIxLTQuNTctMi45OC05Ljc4LTEuNDktMTIuODQsMy41My0yLjM1LDMuODUtLjc3LDkuODQsMy4zNiwxMi42NSwzLjY4LDIuNzcsOC45MiwyLjAzLDExLjY5LTEuNjUuMDctLjEuMTUtLjIuMjEtLjNsMTMuNTEsMTEuMTN2MTQuMjZoNS42MWwtLjM2LTE1Ljk4LDE0LjQxLTExLjkxYy4zOC42NC44NCwxLjI0LDEuMzcsMS43NywzLjE1LDMuMzksOC40NSwzLjU5LDExLjg0LjQ0LjE1LS4xNC4zLS4yOS40NC0uNDQsMy43NS00LjA5LDMuNzgtMTAuNzQuMDktMTQuMjRaIi8+PHBhdGggZD0ibTQ1NS4zOSw1Mi43OWMxLjg1LjMsMy45LjU0LDUuOTUuOTUsMS4yNS4yMSwyLjQ2LjY0LDMuNTcsMS4yNS43LjUxLDEuMTUsMS4zLDEuMjIsMi4xNy0uMjEuOC0uOCwxLjQ1LTEuNTgsMS43My0yLjY1LjQ5LTUuMzQuNzQtOC4wMiwxLjAzLS43My4wMS0xLjQ1LS4wMy0yLjE3LS4xMy0uNjgsMi43NS0xLjI5LDUuMzktMS45OCw4LjAxLS4yMS43Mi0uNDgsMS40Mi0uODMsMi4wOC0uNTgsMS4xMy0xLjEzLDIuNDktMi43MSwyLjI4cy0xLjk1LTEuNTgtMi4xNy0yLjg0Yy0uMjItMS40Mi0uMzQtMi44NS0uMzYtNC4yOXYtNS4xNmMtMS42NC0uMTItMy4zOS0uMTgtNS4xMi0uMzktLjk1LS4xMi0xLjg4LS4zOC0yLjc1LS43Ny0xLjIxLS40NC0xLjk3LTEuNjItMS44OC0yLjkuMS0xLjIzLDEuMDQtMi4yMiwyLjI2LTIuMzgsMi4zOS0uNTIsNC44Mi0uODYsNy4yNi0xLjAzLDEuNzEsMCwyLjI2LS42NSwyLjUtMi4yNS4zLTEuNzMuNzQtMy40MywxLjMyLTUuMDkuMzQtMS4wMywxLjAxLTIuMDQsMi4yOS0xLjgzLDEuMjkuMDIsMi4zOS45NSwyLjYzLDIuMjIuMjgsMi4zMS4zOSw0LjY0LjYsNy4zNSIvPjxwYXRoIGQ9Im00OTEuMSwzNS41NGMxLjg1LjMsMy45LjU0LDUuOTUuOTUsMS4yNS4yMSwyLjQ1LjY0LDMuNTYsMS4yNS43Mi41LDEuMTcsMS4zLDEuMjIsMi4xNy0uMTkuODMtLjgxLDEuNS0xLjYyLDEuNzYtMi42NS41MS01LjM0Ljc2LTguMDIsMS4wNC0uNzMuMDEtMS40NS0uMDMtMi4xNy0uMTMtLjY4LDIuNzUtMS4zMSw1LjM5LTEuOTksOC4wMS0uMTkuNzItLjQ3LDEuNDItLjgyLDIuMDgtLjU4LDEuMTMtMS4xMywyLjQ5LTIuNzIsMi4yOHMtMS45My0xLjU4LTIuMTYtMi44NGMtLjIyLTEuNDItLjM0LTIuODUtLjM2LTQuMjl2LTUuMTZjLTEuNjUtLjEyLTMuMzktLjE4LTUuMTItLjM5LS45NS0uMTItMS44OC0uMzgtMi43NS0uNzctMS4yNC0uNDQtMi4wMS0xLjY3LTEuODgtMi45OC4wOS0xLjIzLDEuMDQtMi4yMywyLjI2LTIuMzgsMi4zOS0uNTMsNC44MS0uODcsNy4yNS0xLjAzLDEuNzEtLjA3LDIuMjgtLjY1LDIuNTItMi4yNS4yOS0xLjczLjc0LTMuNDMsMS4zMi01LjA5LjM0LTEuMDMsMS4wMS0yLjA0LDIuMjktMS44MywxLjI5LjAyLDIuMzkuOTUsMi42MywyLjIyLjI4LDIuMzEuMzksNC42NC42LDcuMzUiLz48cGF0aCBkPSJtNDg0Ljk2LDc0LjExYzEuODUuMywzLjkuNTQsNS45NS45NSwxLjI1LjIxLDIuNDYuNjQsMy41NywxLjI1LjcxLjUxLDEuMTYsMS4zMSwxLjIyLDIuMTktLjIxLjgxLS44MiwxLjQ1LTEuNjIsMS43MS0yLjY1LjQ5LTUuMzMuNzQtOC4wMiwxLjAzLS43My4wMi0xLjQ1LS4wMi0yLjE3LS4xMy0uNjcsMi43NS0xLjI5LDUuMzktMS45OCw4LjAxLS4yLjcyLS40OCwxLjQyLS44MiwyLjA4LS41OCwxLjEzLTEuMTUsMi40OS0yLjcyLDIuMjlzLTEuOTUtMS41OS0yLjE3LTIuODRjLS4yMi0xLjQyLS4zNC0yLjg2LS4zNi00LjN2LTUuMTZjLTEuNjQtLjEyLTMuMzktLjE4LTUuMTItLjM5LS45NS0uMTItMS44OC0uMzgtMi43NS0uNzctMS4yMy0uNDUtMi0xLjY3LTEuODYtMi45OC4wOC0xLjIzLDEuMDItMi4yMiwyLjI1LTIuMzcsMi4zOS0uNTMsNC44Mi0uODgsNy4yNi0xLjA0LDEuNzEsMCwyLjI2LS42NSwyLjUtMi4yNS4zMS0xLjcyLjc1LTMuNDIsMS4zMi01LjA3LjM0LTEuMDQsMS4wMS0yLjA0LDIuMjktMS44NSwxLjI5LjAyLDIuMzkuOTUsMi42MywyLjIyLjI4LDIuMzEuMzksNC42NC42LDcuMzUiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im00MTEuMjYsMTM2LjcxbC0uOTgtOC4yNi0zLjMyLDYuODhoLTEuNzdsLTMuMzgtNi44Ni0xLDguMjRoLTIuMTNsMS40OS0xMi4yOWgxLjg5bDQsOC40NywzLjk5LTguNDdoMS44OWwxLjQ5LDEyLjI5aC0yLjE3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQxNS4wMywxMzIuNTJjMC0yLjQ3LDItNC40Niw0LjQ2LTQuNDZzNC40NiwyLDQuNDYsNC40Ni0yLDQuNDYtNC40Niw0LjQ2LTQuNDYtMi00LjQ2LTQuNDZabTYuNzcsMGMtLjA1LTEuMy0xLjE0LTIuMzEtMi40NC0yLjI2cy0yLjMxLDEuMTQtMi4yNiwyLjQ0Yy4wNSwxLjI2LDEuMDgsMi4yNiwyLjM1LDIuMjYsMS4yOC4wMiwyLjM0LTEuMDEsMi4zNS0yLjI5LDAtLjA1LDAtLjEsMC0uMTVaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJtNDMzLjg0LDEzMi4wM3Y0LjY3aC0yLjA3di00LjQ2Yy4xMy0uOTctLjU1LTEuODYtMS41Mi0xLjk5LS4wNiwwLS4xMS0uMDEtLjE3LS4wMS0xLjEtLjA3LTIuMDUuNzctMi4xMSwxLjg3LDAsLjA5LDAsLjE3LDAsLjI2djQuMzVoLTIuMDd2LTguMzNoMi4wN3YxLjMyYy41My0uOTIsMS41Mi0xLjQ5LDIuNTktMS40OSwyLjA4LS4wMSwzLjI3LDEuNCwzLjI3LDMuODJaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJtNDQwLjY4LDEzMC4wNGgtMS43N3Y2LjY3aC0yLjA3di02LjY3aC0xLjQ5di0xLjY3aDEuNDl2LTMuMDdoMi4wN3YzLjA3aDEuNzd2MS42N1oiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im00NTAuNTUsMTI4LjM3djguMzNoLTIuMDd2LTEuMTJjLS42NS44Ni0xLjY5LDEuMzQtMi43NywxLjI5LTIuNCwwLTQuMzUtMS45NS00LjM1LTQuMzVzMS45NS00LjM1LDQuMzUtNC4zNWMxLjA4LS4wNSwyLjEyLjQzLDIuNzgsMS4yOXYtMS4xMmgyLjA1Wm0tMi4xLDQuMTVjMC0xLjMyLTEuMDctMi40LTIuNC0yLjQsMCwwLDAsMC0uMDEsMC0xLjI4LDAtMi4zMywxLjAyLTIuMzQsMi4zMSwwLC4wMywwLC4wNiwwLC4wOS0uMDQsMS4zLjk4LDIuMzgsMi4yOCwyLjQyLjAyLDAsLjA0LDAsLjA2LDAsMS4zMS4wMiwyLjM5LTEuMDQsMi40MS0yLjM1LDAtLjAzLDAtLjA1LDAtLjA4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQ1Ny4zOCwxMjMuOTFoMi4wN3YxMi44aC0yLjA3di0xMi44WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQ2OS44MSwxMjguMzd2OC4zM2gtMi4wN3YtMS4yOGMtLjUzLjkyLTEuNTIsMS40OS0yLjU5LDEuNDktMi4xNCwwLTMuMzMtMS40OS0zLjMzLTMuODV2LTQuNjloMi4wN3Y0LjQ2Yy0uMTMuOTguNTUsMS44OCwxLjUzLDIuMDEuMDYsMCwuMTMuMDEuMi4wMiwxLjEuMDgsMi4wNS0uNzUsMi4xMy0xLjg1LDAtLjEsMC0uMiwwLS4yOXYtNC4zNWgyLjA3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQ3MS43NiwxMzIuNTJjMC0yLjQ3LDItNC40Niw0LjQ2LTQuNDZzNC40NiwyLDQuNDYsNC40Ni0yLDQuNDYtNC40Niw0LjQ2LTQuNDYtMi00LjQ2LTQuNDZabTYuNzksMGMtLjA1LTEuMy0xLjE0LTIuMzEtMi40NC0yLjI2LTEuMy4wNS0yLjMxLDEuMTQtMi4yNiwyLjQ0LjA1LDEuMjcsMS4xLDIuMjgsMi4zOCwyLjI2LDEuMjgsMCwyLjMyLTEuMDQsMi4zMi0yLjMyLDAtLjA0LDAtLjA4LDAtLjEyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQ5MC41NywxMzIuMDN2NC42N2gtMi4wN3YtNC40NmMuMTItLjk3LS41Ni0xLjg2LTEuNTMtMS45OC0uMDYsMC0uMTMtLjAxLS4xOS0uMDEtMS4xLS4wOC0yLjA1Ljc1LTIuMTMsMS44NSwwLC4wOSwwLC4xOSwwLC4yOHY0LjM1aC0yLjA3di04LjMzaDIuMDd2MS4zMmMuNTMtLjkyLDEuNTItMS40OSwyLjU5LTEuNDksMi4xNC0uMDMsMy4zMywxLjM4LDMuMzMsMy44MVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im00OTcuNDEsMTMwLjA0aC0xLjc3djYuNjdoLTIuMDd2LTYuNjdoLTEuNDl2LTEuNjdoMS40OXYtMy4wN2gyLjA3djMuMDdoMS43N3YxLjY3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTQ5OC4zMywxMzIuNTJjMC0yLjQ3LDItNC40Niw0LjQ2LTQuNDZzNC40NiwyLDQuNDYsNC40Ni0yLDQuNDYtNC40Niw0LjQ2LTQuNDYtMi00LjQ2LTQuNDZabTYuNzcsMGMtLjA1LTEuMy0xLjE0LTIuMzEtMi40NC0yLjI2cy0yLjMxLDEuMTQtMi4yNiwyLjQ0Yy4wNSwxLjI2LDEuMDgsMi4yNiwyLjM1LDIuMjYsMS4yOC4wMiwyLjM0LTEuMDEsMi4zNS0yLjI5LDAtLjA1LDAtLjEsMC0uMTVoMFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im01MTcuNTksMTI4LjM3djguMzNoLTIuMDd2LTEuMTJjLS42Ni44Ni0xLjY5LDEuMzQtMi43NywxLjI5LTIuNCwwLTQuMzUtMS45NS00LjM1LTQuMzVzMS45NS00LjM1LDQuMzUtNC4zNWMxLjA4LS4wNSwyLjEyLjQzLDIuNzgsMS4yOXYtMS4xMmgyLjA1Wm0tMi4xMSw0LjE1YzAtMS4zMi0xLjA1LTIuMzktMi4zNy0yLjQsMCwwLS4wMiwwLS4wMywwLTEuMjksMC0yLjM0LDEuMDMtMi4zNSwyLjMyLDAsLjAzLDAsLjA1LDAsLjA4LS4xLDEuMzEuODcsMi40NiwyLjE5LDIuNTYsMS4zMS4xLDIuNDYtLjg3LDIuNTYtMi4xOSwwLS4xMywwLS4yNSwwLS4zOGgwWiIvPjwvc3ZnPg==") 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;
}

fieldset.checkbox.pakollinen div.validointi img, 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: 0px;
    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(208,0,88, 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;
}
.julkinen #view .radiotable .headeraligment {
    padding: 10px;
}
#view .radiotable legend {
    position: relative;
}
.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;
}
}
    /* ----------------------------- 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;
}
}
/* ----------------------------- 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;
} 
}
    /* ----------------------------- 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: 4px;
}
 
 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;
}
}