﻿body {
  background-image: url(../images/custom/dmwp-login-background.jpg);
  line-height: 1.4rem;
}

.login__client-logo {
  height: 25%;
}

@media only screen and (min-width: 580px) {
  .login__client-logo img {
        max-width: 55%;
        max-height: 65%;
    }	
}

@media only screen and (min-width: 580px) {
  .login__client-logo {
    height: 130px;
  }
}

@media only screen and (min-width: 580px) {
    .pannel__login {
        background-image: url(../images/custom/dmwp-login-pannel-background.jpg);
    }
}

.login__body {
  background-image: radial-gradient(#3d82c0, #3d82c0);
}

.login__footer {
  background-color: #2b2b77;
}

.login__footer a {
  padding: 0 12px;
}

.login__custom-message {
  padding: 100px 30px 20px 30px;
}

.form__button input[type='button'], .form__button input[type='submit'] {
  background-color: #2b2b77;
}


/* Start -  Specifieke menubuttons die verwijzen naar Handleidingen NEXT en NEXT Website */
.menubutton {
        display:block;
        width:240px;
        height:40px;
        margin:0px 20px 0px 0px;
        padding:7px 0px 0px 0px;
        border:none;
        border-radius:20px;
        box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);
        background-color:#2b2b77;
        color:white;
        font-size:14px;
        font-weight:normal;
        cursor:hand;
        cursor:pointer;
        text-align:center;
        text-decoration:none;
}

.menubutton2 {
        display:block;
        width:240px;
        height:40px;
        margin:0px 20px 0px 0px;
        padding:7px 0px 0px 0px;
        border:none;
        border-radius:20px;
        box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);
        background-color:#3d82c0;
        color:white;
        font-size:14px;
        font-weight:normal;
        cursor:hand;
        cursor:pointer;
        text-align:center;
        text-decoration:none;
}

.menubutton:hover {
  background-color: #b3b3b3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
.menubutton2:hover {
  background-color: #b3b3b3;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
/* Einde - Specifieke menubuttons die verwijzen naar Handleidingen NEXT en NEXT Website */