html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,select{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}.clear{clear:both;}button{-webkit-appearance: none;}
input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}
@font-face {
  font-family: 'TheMixB W4 SemiLight Italic';
  src: url('font/TheMixB-W4SemiLightItalic.eot');
  src: url('font/TheMixB-W4SemiLightItalic.eot?#iefix') format('embedded-opentype'),
      url('font/TheMixB-W4SemiLightItalic.woff2') format('woff2'),
      url('font/TheMixB-W4SemiLightItalic.woff') format('woff'),
      url('font/TheMixB-W4SemiLightItalic.ttf') format('truetype'),
      url('font/TheMixB-W4SemiLightItalic.svg#TheMixB-W4SemiLightItalic') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'TheMixB W4 SemiLight';
  src: url('font/TheMixB-W4SemiLight.eot');
  src: url('font/TheMixB-W4SemiLight.eot?#iefix') format('embedded-opentype'),
      url('font/TheMixB-W4SemiLight.woff2') format('woff2'),
      url('font/TheMixB-W4SemiLight.woff') format('woff'),
      url('font/TheMixB-W4SemiLight.ttf') format('truetype'),
      url('font/TheMixB-W4SemiLight.svg#TheMixB-W4SemiLight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'TheMixB W7';
  src: url('font/TheMixB-W7Bold.eot');
  src: url('font/TheMixB-W7Bold.eot?#iefix') format('embedded-opentype'),
      url('font/TheMixB-W7Bold.woff2') format('woff2'),
      url('font/TheMixB-W7Bold.woff') format('woff'),
      url('font/TheMixB-W7Bold.ttf') format('truetype'),
      url('font/TheMixB-W7Bold.svg#TheMixB-W7Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'TheMixB W7 Italic';
  src: url('font/TheMixB-W7BoldItalic.eot');
  src: url('font/TheMixB-W7BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('font/TheMixB-W7BoldItalic.woff2') format('woff2'),
      url('font/TheMixB-W7BoldItalic.woff') format('woff'),
      url('font/TheMixB-W7BoldItalic.ttf') format('truetype'),
      url('font/TheMixB-W7BoldItalic.svg#TheMixB-W7BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'TheMixB W6';
  src: url('font/TheMixB-W6SemiBold.eot');
  src: url('font/TheMixB-W6SemiBold.eot?#iefix') format('embedded-opentype'),
      url('font/TheMixB-W6SemiBold.woff2') format('woff2'),
      url('font/TheMixB-W6SemiBold.woff') format('woff'),
      url('font/TheMixB-W6SemiBold.ttf') format('truetype'),
      url('font/TheMixB-W6SemiBold.svg#TheMixB-W6SemiBold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'TheMixB W6 Italic';
  src: url('font/TheMixB-W6SemiBoldItalic.eot');
  src: url('font/TheMixB-W6SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
      url('font/TheMixB-W6SemiBoldItalic.woff2') format('woff2'),
      url('font/TheMixB-W6SemiBoldItalic.woff') format('woff'),
      url('font/TheMixB-W6SemiBoldItalic.ttf') format('truetype'),
      url('font/TheMixB-W6SemiBoldItalic.svg#TheMixB-W6SemiBold') format('svg');
  font-weight: bold;
  font-style: normal;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #cccccc;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #cccccc;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #cccccc;
}

body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif; font-size:14px; line-height:1.428571429; color:#333333; background-color:#ffffff; height: 100%; margin: 0;}

input{ width: 385px; height: 47px; background: #f6f6f6; border: none; padding: 0 20px; border-radius: 10px;font-family: 'TheMixB W6'; font-size: 20px;}
button{ background: #78a22f; border-radius: 25px; border: none; min-width: 190px; color: #FFF;font-family: 'TheMixB W7';height: 47px; font-size: 20px; margin-top: 20px;}
.form-outline{ margin-bottom: 8px; }

.container{ width: 100%; max-width: 386px; margin: 0 auto;}

.loginForm{ height: 95vh; display: flex;flex-direction: column; justify-content: center; align-items: center;}
.loginForm:before{ content: ""; background: url(/images/baltic-agro-logo.svg) no-repeat top center; height: 120px; display: flex; margin-bottom: 25px; width: 100%;}
.loginForm form{ display: flex; flex-direction: column;  align-items: center}
.loginForm h1{ font-size: 20px; color: #78a22f; font-family: 'TheMixB W7';margin-bottom: 35px;}
.loginFooter{ background: #78a22f; height: 5vh; }