@media screen and (orientation : portrait)
{
    .UseLandscapeWin  { position: absolute; top:0%; left:0%; width: 100%; height: 100%; background-color: #669ebf; display: block; }
    .UseLandscapeHead { position: absolute; height: 30%; width: 100%; background-color: #83c3ea; }
    .UseLandscapeImg  { height: 100%; width: 60%; margin-left: 20%; background-repeat:no-repeat; background-size: contain; background-position: center bottom; background-image: url('../images/titles/swedish.png'); }
    .UseLandscapeTxt  { height: 100%; width: 100%; outline: 0; border: 0; background: none; color: white; font-size: 4.5vw; }
    
    .UseLandscapeImgSwedish  { background-image: url('../images/titles/swedish.png'); }
    .UseLandscapeImgItalian  { background-image: url('../images/titles/italian.png'); }
}
@media screen and (orientation : landscape)
{
    .UseLandscapeWin  { position: absolute; top:0%; left:0%; width: 100%; height: 100%; background-color: #669ebf; display: none; }    
}

input[type=text]     { width: 100%; height: 96%; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; background-color: #ededed; }
input[type=password] { width: 100%; height: 96%; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; background-color: #ededed; }
input[type=button]   { width: 100%; height: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0px; color: white; cursor: pointer; outline: none; }

input { -webkit-appearance: none; font-size: 3vmin; }
input:active { background-color: #ededed; }
input:focus  { background-color: #ededed; }

a:link    { text-decoration: none; color: #5699c4; }
a:visited { text-decoration: none; color: #5699c4; }
a:hover   { text-decoration: none; color: #5699c4; }
a:active  { text-decoration: none; color: #5699c4; }

.Rounded { border-radius: 6px; }

body { background-color: #82c2e9; }

.LoginImgC { position: absolute; height: 18%; width: 30%; top: 3%; left: 35%; overflow: hidden; background-repeat:no-repeat; background-size: contain; background-position: center bottom; background-image: url('../images/titles/swedish.png'); }
.LoginImg  { height: 100%; bottom: 0%; max-height: 100%; max-width: 100%; }

#LoginForm { margin: 0; padding: 0; }

#NoRefererImg { position: absolute; height: 12%; width: 40%; left: 30%; bottom: 5%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url(''); }
#MVRefererImg { position: absolute; height: 12%; width: 40%; left: 30%; bottom: 5%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/referer/mv–nordic-logo.svg'); }
#FDRefererImg { position: absolute; height: 12%; width: 40%; left: 30%; bottom: 5%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/referer/frolunda-data-logo.png'); }

#LoginMain { position: absolute; width: 50%; top: 26%; left: 25%; font-size: 4vmin; overflow: hidden; background-color: white; padding: 1%; }

.LoginRow  { width: 98%; margin-top: 0; margin-bottom: 2.5%; margin-left: auto; margin-right: auto; }
.ForgotRow { height: 8%;  width: 96%; margin-top: 0.5%; margin-left: auto; margin-right: auto; text-align: left; border: 1px solid red; }

#LoginTitle { width: 100%; color: black; font-size: 2.8vmin; font-weight: bold; text-align: left; }
#NewTxt     { width: 100%; color: black; font-size: 2.6vmin; display: none; text-align: left; margin-top: 1%; }

#LoginBtn  { width: 68%; float: left;  background-color: #5699c4; font-size: 3.5vmin; padding: 1%; font-weight: bold; }
#ModeBtn   { width: 30%; float: right; background-color: #63ae68; font-size: 3.5vmin; padding: 1%; font-weight: bold; }
.BackBtn  { position: absolute; height: 6.3vw; width: 6.3vw; cursor: pointer; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/index/backbtn.png');}

#LoginBtn:hover  { background-color: #69a0c3; }
#ModeBtn:hover   { background-color: #78b87c; }

#ForgotTxt    { color: #5699c4; font-size: 1.8vmin; cursor: pointer; }

#SkolonBtn    { position: absolute; top: 1%; width: 7%; right: 9%; height: 5%; margin: 0.5%; background-repeat:no-repeat; background-color: transparent; background-size: contain; background-position: center; background-image: url('../images/index/skolonbtn.png'); display: none; }
#AppBtn       { position: absolute; top: 1%; width: 7%; right: 1%; height: 5%; margin: 0.5%; background-repeat:no-repeat; background-color: transparent; background-size: contain; background-position: center; background-image: url('../images/index/iosbtn.svg');    display: none; }

.SwedishImg     {  position: absolute; top: 1%; height: 6%; width: 5%;  left: 00%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/flags/swedish.png'); }
.EnglishImg     {  position: absolute; top: 1%; height: 6%; width: 5%;  left: 05%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/flags/english.png'); }
.ItalianImg     {  position: absolute; top: 1%; height: 6%; width: 5%;  left: 10%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/flags/italian.png'); }
.PortugueseImg  {  position: absolute; top: 1%; height: 6%; width: 5%;  left: 15%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/flags/portuguese.png'); }
.PolishImg      {  position: absolute; top: 1%; height: 6%; width: 5%;  left: 20%; background-repeat:no-repeat; background-size: contain; background-position: center; background-image: url('../images/flags/polish.png'); }

.IEWarningWin   { position: absolute; height: 100%; width: 100%; top: 0%; left: 0%; background-color: rgba(100, 100, 100, 0.8); visibility: hidden; z-index: 10000; }
.IEWarningC     { position: absolute; height: 40%; width: 60%; top: 28%; left: 20%; background-color: rgb(250, 250, 250); border-radius: 0.5em; }
.IEWarningTxt   { position: absolute; height: 70%; width: 90%; top: 10%; left: 5%; border-radius: 5px; font-size: 3vmin; color: #595959; font-family: "Open Sans"; overflow-y: auto; }

.IEWarningBtnC  { position: absolute; height: 20%; width: 90%; top: 75%; left: 5%; }

.IEWarningBtn   { position: absolute; height: 98%; width: 20%; top: 1%; right: 1%; text-align: center; font-size: 3vmin; color:white; background-color: #335a6c; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0px; cursor: pointer; outline: none; }
.IEWarningBtn:hover     { background-color: #3a697f; }