/*  -------------------------------- Login page -------------------------------------- */

.main_area {
    background: #ffffff!important;
} 

.image {
	background-image: url(../manual/intressepolitiska.jpg);
  	background-size: cover;
  	border: none!important;
  	width: 70%!important;
}

.flow_logo {
    position: fixed;
    bottom: 10px;
    right: 10px;
    height: 20px;
}

.login-page-logo {
    width: 300px;
    margin-top: 48px;
    margin-bottom: 20px!important;
}

.intro {
    display: none;
}

 .username-label {
      position: absolute;  
      visibility: hidden;
}

.username-label:before {
      content: "Mejladress";
      visibility: visible;
      display: block;
      position: absolute;
      top: -30px;
}

.form-group.no-bottom-margin > label {
      position: relative;  
      visibility: hidden;
}

.form-group.no-bottom-margin > label:before {
      content: "Lösenord";
      visibility: visible;
      display: block;
      position: absolute;
}

/*#forgotPassword {
      position: relative;  
      visibility: hidden;
}

#forgotPassword:before {
      content: "Återställ lösenordet";
      visibility: visible;
      display: block;
      position: relative;
}*/

.form-group.no-bottom-margin .row {
}

.form-group.no-bottom-margin .row:after {
      content: "Logga in";
      color: white;
      font-weight: bold;
      position: absolute;
      top: 230px;
      left: 312px;
      pointer-events: none;
}


.app-version {
    position: relative;
    text-align: center;
    margin: 0px;
    top: 250px !important;
}

.app-name {
    display: none;
}


#next {
    visibility: hidden;
    position: relative;
}

#next:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Logga in";
    background-color: #002D5A!important;
    color: #fff;
    outline-color: #002D5A!important;
    width: 320px!important;
    padding: 5px 10px!important;
    border-radius: 7px!important;
    font-weight: bold;
}

/* --------------------------------------------------- Sign Up Page ------------------------------------------- */


.top-logo-wrapper {
    position: unset!important;
    text-align: left!important;
    padding-bottom: 10px!important;
}

.page-title {
    margin: 0px 0px 15px 0px!important;
    
}

.page-title h1 {
    margin-top: 0px!important;
}

.top-logo-wrapper .flow-logo {
    width: 240px!important;
}

.jumbotron p {
    text-wrap: wrap!important;
}

.form-horizontal .control-label {
    text-align: left!important;
}

.btn-primary {
    color: #fff!important;
    background-color: #b51963!important;
    border-color: #b51963!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #930047 !important;
    border-color: #930047!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}

.btn-default {
    color: #333!important;
    background-color: #fff;
    border-color: #ccc!important;
    font-weight: bold!important;
    letter-spacing: 1px!important;
    text-transform: uppercase!important;
}

footer {
    border-top: solid 6px #b51963!important;
    background-color: #b51963!important;
    width: 100vw!important;
    text-align: center!important;
    position: fixed!important;
    bottom: 0!important;
    height: 120px!important;
    color: #fff!important;
    padding: 8px!important;
    font-size: 17px!important;
}

.footer-contact {
    margin: 0px!important;
}

.row {
    text-wrap: nowrap!important;
}