.c-card {
    background: transparent;
    box-shadow: none;
}

abbr {
    text-decoration: none !important;
}

.v-padding-top {
    padding-top: 2em;
}

.id-site-index abbr {
    text-decoration: none !important;
}

.c-request-pwd-reset .btn, #passwordresetrequestform-email, #passwordresetrequestform-captcha {
    min-height: 44px;
}

.c-request-pwd-reset .d-form {
    box-shadow: 0 0 150px #cccccc;
    background: rgba(255, 255, 255, 0.9);
}

.c-site-index {
    position: relative;
}

.c-site-index p.lead{
    margin-bottom: 0;
    padding-bottom: 0;
}

.c-site-index .c-form .select2-container--krajee .select2-selection,
.c-site-index .c-form input.form-control, .c-site-index .c-form select.form-control,
.c-site-index .c-buttons {
    min-height: 44px;
}

.c-site-index .c-site-index-buttons a {
    line-height: 3.3em;
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
}

.c-site-index .c-site-index-languages {
    margin-bottom: 1em;
}

.c-site-index .b-typo-p, .c-site-index p, .c-site-index .d-content h4 {
    padding-bottom: 2em;
}

.c-site-index abbr {
    text-decoration: none;
}

.c-site-index .jumbotron {
    padding: 4em 0 0 0;
}

.c-site-index .jumbotron h1 {
    font-size: 4em;
}

@media (min-width: 600px) {
    .c-site-index .jumbotron {
        padding: 1em 0 0 0;
    }
}

@media (min-width: 1499px) {
    .c-site-index .jumbotron {
        padding: 1.5em 0 0 0;
    }
}

.c-site-index .d-maintenance-warning {
    text-align: center;
    color: #a80016;
    font-size: 1.1em;
    margin: -1em 0 3em 0;
    text-shadow: 0 0 19px rgba(168, 0, 22, 0.1);
    clear: both;
}

.c-site-index .d-sso-login-warning {
    margin-bottom: 1em;
}

.c-site-index .d-guidance {
    margin-bottom: 2em;
}

.c-site-index .d-form {
    margin-bottom: 1em;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    position: relative;
    perspective: 100em;
    height: 24em;
}

.c-site-index .d-form .c-3d-card {
    width: calc(100%);
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 0.5s;
    transition-timing-function: ease;
    transform-origin: right center;
}

.c-site-index .d-form .c-3d-card.v-flipped {
    transform: translateX(-100%) rotateY(-180deg);
}

.c-site-index .d-form .c-3d-card.v-flipped .d-side.v-front .d-internal-login,
.c-site-index .d-form .c-3d-card.v-flipped .d-side.v-front .d-sso-login {
    display: none;
}

.c-site-index .d-form .c-3d-card .d-side {
    transition: box-shadow 0.2s;
    transition-timing-function: ease;
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.c-site-index .d-form .c-3d-card .d-side .form-group {
    margin: 0;
}

.c-site-index .d-form .c-3d-card .d-side.v-front .d-content {
    padding: 1em;
}

.c-site-index .d-form .c-3d-card .d-side.v-back {
    transform: rotateY(180deg);
}

.c-site-index .d-form .c-3d-card .d-side.v-back .d-content {
    padding: 1em;
}

.c-site-index .d-form .c-3d-card .d-side.v-back .d-content .d-form-field {
    margin-bottom: 1em;
}

.c-site-index .d-form .c-3d-card .d-side.v-back .d-content .d-form-field .input-group-addon {
    border-bottom: 2px solid #1c4587;
}

.c-site-index .d-form .c-3d-card .d-side.v-back .d-content .d-form-field input {
    background: none;
    font-size: 1.2em;
    border-bottom: 2px solid #1c4587;
}

.c-site-index .d-form .c-3d-card .d-side.v-back .d-content .d-form-field input::placeholder {
    color: #1c4587;
    opacity: 0.8;
}

.c-site-index .d-form .c-3d-card .d-side.v-back .d-content .help-block {
    height: 2em;
    margin: 0;
}

body.id-site-index .d-bottom-logos {
    text-align: center;
    bottom: 5em;
}

body.id-site-index .d-bottom-logos .d-gef-logo {
    height: 6em;
    margin: 0 1.5em -0.6em;
}

body.id-site-index .d-bottom-logos .d-gcf-logo {
    height: 5em;
    margin: 0 1.5em 0.5em 1.5em;
}

body.id-site-index .d-bottom-logos .d-af-logo {
    height: 4.5em;
    margin: 0 1.5em 0.7em 1.5em;
}

body.id-site-index .d-bottom-logos .d-eu-logo {
    height: 4.7em;
    margin: 0 0 0.6em 1.5em;
}

body.id-site-index .c-card {
    width: 38em;
    margin: auto;
}

@media (max-width: 640px) {
    body.id-site-index .c-card {
        width: 90vw;
    }
}

.id-site-index footer, .id-site-request-password-reset footer {
    background: rgba(250, 250, 250, 0.50);
}

.c-site-index .d-undp-logo {
    position: absolute;
    top: 1em;
    right: 0;
    height: 12em;
}

@media only screen and (max-width: 520px) {
    .c-site-index .d-undp-logo {
        position: initial;
        margin-top: 1em;
    }
    .c-site-index .jumbotron{
        margin-top: 0;
        padding-top: 0;
    }

    .c-site-index h1{
        margin-top: 0;
        padding-top: 0;
    }

    body.id-site-index .d-bottom-logos .d-container img{
        display: inline-block;
    }

    body.id-site-index .d-bottom-logos .d-container .d-img-wrapper::after{
        display: block;
        content: " ";
        width: 100%;
        height: 2em;
    }
}