body {
    background: none;
    background-color: #2a2e37 !important;
    font-family: "SuisseIntl","Helvetica Neue",Arial,sans-serif;

    background: url('images/bg/bg.jpg');
}

.ppg-login-overlay {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 46, 55, 0.4);
}

.ppg-login-form {
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 46, 55, 0.9);
}

h1 {
    color: #FFF;
    /*text-transform: uppercase;*/
    font-size: 2.5rem;
    font-weight: 500;
}

.ppg-login-client-logo {
    z-index: 2;
    height: 100px;
    margin-bottom: 30px;
}

.ppg-login-idl-logo {
    z-index: 2;
    z-index: 100;
    position: absolute;
    bottom: 20px;
    right: 20px;
    height: 75px;
}

.ppg-login-ppg-logo {
    z-index: 100;
    position: absolute;
    top: 20px;
    left: 20px;
    height: 100px;
}

.btn-ppg {
    color: rgba(255, 255, 255, 0.6) !important;
    background-color: transparent !important;
    border-color: #FFF !important;
}

.btn-ppg:hover {
    color: #0272A6 !important;
    background: transparent !important;
    border-color: #0272A6 !important;
    font-weight: bold;
}

input {
    background: none !important;;
    background-color: transparent !important;
    color: #FFF !important;


}

input:focus {
    box-shadow: 0 0 0 0.1rem rgba(2, 114, 166, 0.8) !important;
}

::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}