* {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat-Regular.eot');
  src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Montserrat-Regular.woff2') format('woff2'),
       url('/fonts/Montserrat-Regular.woff') format('woff'),
       url('/fonts/Montserrat-Regular.ttf') format('truetype'),
       url('/fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  line-height: 1;
  color: #FFFFFF;
  background-color: rgb(5, 28, 55);
  /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
  font-family: 'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-image: url(/images/login/background.png?version=202203171030);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a {
  text-decoration: underline;
  color: #FFF;
}

#parent {
  display: table;
  width: 100%;
}

#form_login {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.centerDiv {
  width: 450px;
  border-radius: 5px;
  padding: 0px;
  height: auto;
  position: absolute;
  margin-top: -25px;
  margin-left: -220px;
  top: 210px;;
  left: 50%;
}

.centerDiv #sso-login-message{
  margin: 40px 0 40px -100px;
  text-align: left;
  border: 1px solid #FFDB58;
  padding: 5px 10px 10px 10px;
  border-radius: 20px;
  color: #FFDB58;
  width: 600px;
  
}

.centerDiv #sso-login-message h2{
  margin: 10px 0;
}

.centerDiv #sso-login-message p{
  margin: 10px 0;
  line-height: 1.5;
}

.centerDiv #sso-login-message p>a{
  text-decoration: none;
  color: #17a5ff;
}

.centerDiv #sso-login-message p>a:hover{
  cursor: pointer;
  color: #008c15;
}

.centerDiv #sso_report textarea{
  font-size: 16px; 
  border-bottom: 1px solid #dadada; 
  border-radius: 0; 
  width:100%; 
  height: 150px;
  font-family:'Trebuchet MS', Arial, sans-serif;
  padding: 10px;
  box-sizing: border-box;
}

.centerDiv #sso_report input[type='submit']{
    text-align: center; 
    font-size: 24px; 
    font-weight: 300; 
    padding: 10px;
    border: 1px solid #19a5ff;
    border-radius: 20px;
    width: 100%;
    margin: 10px 0;
}

.centerDiv #sso_report input[type='submit']:hover{
  border: 1px solid #008c15;
  color: #008c15;
}


.centerDiv #sso_report #sso-message-sent{
  margin: 40px 0 40px -100px;
  text-align: left;
  border: 1px solid #008118;
  padding: 5px 10px 10px 10px;
  border-radius: 20px;
  color: #008118;
  width: 600px;
  font-size: 14px!important;
}

.centerDiv #sso-message-sent h2{
  margin: 10px 0;
}

.centerDiv #sso-message-sent p{
  margin: 10px 0;
  line-height: 1.5;
}

.centerDiv #sso-message-sent p>a{
  text-decoration: none;
  color: #17a5ff;
}


#sso-login-button{
  text-align: center; 
  font-size: 24px; 
  font-weight: 300; 
  padding: 10px;
  border: 1px solid #19a5ff;
  border-radius: 20px;
}

#sso-login-button a{
  color: #17a5ff; 
  text-decoration: none;
}

#sso-login-button:hover{
  border: 1px solid #008c15;
}

#sso-login-button:hover a{
  color: #008c15;
}

#legacy-login-link {
  color: #17a5ff; 
  text-decoration: none; 
}

#legacy-login-link:hover {
  color: #008c15; 
  text-decoration: none; 
}

#sign_in_image {
  margin-top: 36px;
}

.form-5 {
  width: 100%;
  margin: 10px auto 45px;
  position: relative;
  border-radius: 5px;
}

.form-5 p {
  width: 100%;
  float: left;
}

.form-5 input[type=text],
.form-5 input[type=password] {
  width: 100%;
  height: 40px;
  background-color: #ffffff;

  border-radius: 5px 5px 5px 5px;
  border: 1px solid #dadada; /* Färgen på ramen runt editboxarna */

  /* Font styles */
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-indent: 10px;
  color: #7c7c7b; /* Färgen på texten i textboxarna */
  font-size: 20px;
  margin-right: 10px;
}

.form-5 input[type=text] {
  /*border-bottom: 1px solid #dadada; /*Färgen på linjen mellan boxarna *
  border-radius: 5px 5px 0 0;*/
  border-bottom: 1px solid #dadada;
  border-radius: 0;
  margin: 6px 0;
}

.form-5 input[type=password] {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
}

/*
.form-5 input[type=submit]:focus {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),
  inset 0 1px 1px rgba(0, 0, 0, 0.1),
  0 0 0 3px rgba(255, 255, 255, 0.15);
  outline: none;
}
*/

/* Fallback */
.no-boxshadow .form-5 input[type=text]:focus,
.no-boxshadow .form-5 input[type=password]:focus {
  outline: 1px solid white;
}

/*
.form-5 input[type=submit] {

  width: 100%;
  padding: 8px 5px;

  background: rgb(218, 218, 218); /* Old browsers *
  background: -moz-linear-gradient(top, rgba(218, 218, 218, 1) 0%, rgba(124, 124, 123, 1) 100%); /* FF3.6+ *
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(218, 218, 218, 1)), color-stop(100%, rgba(124, 124, 123, 1))); /* Chrome,Safari4+ *
  background: -webkit-linear-gradient(top, rgba(218, 218, 218, 1) 0%, rgba(124, 124, 123, 1) 100%); /* Chrome10+,Safari5.1+ *
  background: -o-linear-gradient(top, rgba(218, 218, 218, 1) 0%, rgba(124, 124, 123, 1) 100%); /* Opera 11.10+ *
  background: -ms-linear-gradient(top, rgba(218, 218, 218, 1) 0%, rgba(124, 124, 123, 1) 100%); /* IE10+ *
  background: linear-gradient(to bottom, rgba(218, 218, 218, 1) 0%, rgba(124, 124, 123, 1) 100%); /* W3C *
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dadada', endColorstr='#7c7c7b', GradientType=0); /* IE6-9 *

  border-radius: 5px;
  border: 1px solid #7C7C7B;

  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  /* Font styles *
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: bold;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

  margin-top: 20px;
}
.form-5 input[type=submit]:hover {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2),
  inset 0 20px 30px rgba(170, 170, 170, 0.7);
}
/* Fallback *
.no-boxshadow .form-5 input[type=submit]:hover {
  background: #666666;
}
*/

.form-5 input[type=submit] {
  background:none;
  border:0;
  font-size: 28px;
  color: #17a5ff;
  text-transform: uppercase;
  cursor: pointer;	
  font-family: 'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#no_login_details {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  float: left;
  font-size: 14px;
  clear: both;
}

#no_login_details p {
  font-family: 'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 15px;
}

#error {
  font-family: 'Montserrat', "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #ff0000;
  width: 100%;
  text-align: center;
  margin-top: 10px;
  float: left;
  font-size: 14px;
  clear: both;
}