/*
    UNICloudAuth
*/
html, body {
    width: 100%;
    height: 100%;
}

body {
    background-image: url('/img/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.auth-logo {
    flex: 1 0 auto;
}

.auth-menu {
    flex: 0 0 auto;
}

.auth-logo-menu {
    flex-direction: row;
}

@media all and (max-width: 991px) {
    .auth-logo {
        flex: 1 0 auto;
        text-align: center;
    }

    .auth-menu {
        flex: 1 0 auto;
    }

    .auth-logo-menu {
        flex-direction: column;
    }
}


.languages-partial {
    text-align: left;
}

.marxact-copyright {
    text-align: right;
}

@media all and (max-width: 991px) {
    .languages-partial, .marxact-copyright {
        text-align: center;
    }

    .marxact-copyright {
        padding-top: 1rem;
    }
}

/*
 *    UNICloud Custom CSS - Overriding theme defaults
*/
/* OVERRIDING - Missing image from input fields of the form */
.card-body {
    padding: 0px 30px 0px 30px !important;
}

    /* OVERRIDING */
    .togglebutton label input[type=checkbox]:checked + .toggle {
        background-color: rgb(0, 91, 110) !important;
    }

    /* Space between checkbox and other fields in form */
    .form-check {
        margin-top: 10px !important;
    }

    /* Registration - Individual / Business */
    #company-name {
        display: none;
    }

    #individual {
        font-weight: bold;
        color: rgb(0, 91, 110);
    }

    #business {
        font-weight: normal;
        color: rgb(0, 91, 110);
    }

    .login-page .card-login .card-body .input-group .input-group-text {
        padding-left: 0px !important;
    }

    .card .form-check {
        margin-top: 25px !important;
    }

    .form-check .form-check-label span {
        left: 2px;
    }

    .login-page .footer .copyright, .login-page .footer a {
        text-decoration: none;
    }

    .card-footer.justify-content-center.space-bottom-top {
        padding-bottom: 0%;
        padding-top: 7%;
    }

    .card-footer.justify-content-center.extra-space-bottom {
        padding-bottom: 5% !important;
    }

    .card-footer.justify-content-center.space-bottom {
        padding-top: 0%;
        padding-bottom: 2%;
    }

    .card-footer.justify-content-center.space-top {
        padding-top: 5% !important;
    }

    .card-footer.justify-content-center.mb3p {
        margin-bottom: 3%;
    }

    .card-footer.justify-content-center.mb0 {
        margin-bottom: 0px;
    }

    span.small-link {
        font-size: 14px;
    }


    /* Colors */
    a {
        color: #005363;
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }

        a:hover {
            color: #005f72;
            text-decoration: none;
        }

        a:visited {
            color: #005f72;
            text-decoration: none;
        }

        a:active {
            color: #005f72;
            text-decoration: none;
        }

        a:link {
            color: #005f72;
            text-decoration: none;
        }

    .landing a {
        color: #9cd08f;
        text-decoration: initial;
    }

        .landing a:hover {
            color: #9cd08f;
            text-decoration: underline;
        }

        .landing a:visited {
            color: #9cd08f;
            text-decoration: initial;
        }

        .landing a:active {
            color: #9cd08f;
            text-decoration: initial;
        }

    .card-wizard[data-color="darblue"] .moving-tab {
        background-color: #005363;
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 83, 99, 0.4);
    }

    .card-wizard[data-color="darblue"] .picture:hover {
        border-color: #005363;
    }

    .card-wizard[data-color="darblue"] .choice:hover .icon,
    .card-wizard[data-color="darblue"] .choice.active .icon {
        border-color: #005363;
        color: #005363;
    }

    .card-wizard[data-color="darblue"] .checkbox input[type=checkbox]:checked + .checkbox-material .check {
        background-color: #005363;
    }

    .card-wizard[data-color="darblue"] .radio input[type=radio]:checked ~ .check {
        background-color: #005363;
    }

    .card-wizard[data-color="darblue"] .radio input[type=radio]:checked ~ .circle {
        border-color: #005363;
    }

    .btn.btn-darkblue {
        color: #fff;
        background-color: #005363;
        border-color: #005363;
        box-shadow: 0 2px 2px 0 rgba(0, 83, 99, 0.14), 0 3px 1px -2px rgba(0, 83, 99, 0.2), 0 1px 5px 0 rgba(0, 83, 99, 0.12);
    }

        .btn.btn-darkblue:hover {
            color: #fff;
            background-color: #005363;
            border-color: #005f72;
        }

        .btn.btn-darkblue:focus,
        .btn.btn-darkblue.focus,
        .btn.btn-darkblue:hover {
            color: #fff;
            background-color: #005363;
            border-color: #005f72;
        }

        .btn.btn-darkblue:active,
        .btn.btn-darkblue.active,
        .open > .btn.btn-darkblue.dropdown-toggle,
        .show > .btn.btn-darkblue.dropdown-toggle {
            color: #fff;
            background-color: #005363;
            border-color: #005f72;
            box-shadow: 0 2px 2px 0 rgba(0, 83, 99, 0.14), 0 3px 1px -2px rgba(0, 83, 99, 0.2), 0 1px 5px 0 rgba(0, 83, 99, 0.12);
        }

            .btn.btn-darkblue:active:hover,
            .btn.btn-darkblue:active:focus,
            .btn.btn-darkblue:active.focus,
            .btn.btn-darkblue.active:hover,
            .btn.btn-darkblue.active:focus,
            .btn.btn-darkblue.active.focus,
            .open > .btn.btn-darkblue.dropdown-toggle:hover,
            .open > .btn.btn-darkblue.dropdown-toggle:focus,
            .open > .btn.btn-darkblue.dropdown-toggle.focus,
            .show > .btn.btn-darkblue.dropdown-toggle:hover,
            .show > .btn.btn-darkblue.dropdown-toggle:focus,
            .show > .btn.btn-darkblue.dropdown-toggle.focus {
                color: #fff;
                background-color: #005363;
                border-color: #005f72;
            }

            .open > .btn.btn-darkblue.dropdown-toggle.bmd-btn-icon {
                color: inherit;
                background-color: #005363;
            }

                .open > .btn.btn-darkblue.dropdown-toggle.bmd-btn-icon:hover {
                    background-color: #005363;
                }

        .btn.btn-darkblue.disabled:focus,
        .btn.btn-darkblue.disabled.focus,
        .btn.btn-darkblue:disabled:focus,
        .btn.btn-darkblue:disabled.focus {
            background-color: #005363;
            border-color: #005363;
        }

        .btn.btn-darkblue.disabled:hover,
        .btn.btn-darkblue:disabled:hover {
            background-color: #005363;
            border-color: #005363;
        }

        .btn.btn-darkblue:focus,
        .btn.btn-darkblue:active,
        .btn.btn-darkblue:hover {
            box-shadow: 0 14px 26px -12px rgba(0, 83, 99, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 83, 99, 0.2);
        }

        .btn.btn-darkblue.btn-link {
            background-color: transparent;
            color: #005363;
            box-shadow: none;
        }

            .btn.btn-darkblue.btn-link:hover,
            .btn.btn-darkblue.btn-link:focus,
            .btn.btn-darkblue.btn-link:active {
                background-color: transparent;
                color: #005363;
            }

    .card .card-header-darkblue .card-icon,
    .card .card-header-darkblue .card-text,
    .card .card-header-darkblue:not(.card-header-icon):not(.card-header-text),
    .card.bg-darkblue,
    .card.card-rotate.bg-darkblue .front,
    .card.card-rotate.bg-darkblue .back {
        background: linear-gradient(60deg, #005363, #005f72);
    }


    .alert.alert-success {
        margin-bottom: 10%;
    }

    .alert.alert-danger {
        margin-bottom: 10%;
    }

    .danger.validation-summary-errors {
        font-size: 14px;
    }

    .alert span {
        font-size: 14px;
    }

    .header-filter .container {
        margin-top: 4%;
    }

    i.material-icons.form-icon {
        font-size: 35px !important;
        vertical-align: middle;
    }

    .form-control, .is-focused .form-control {
        background-image: linear-gradient(to top, #005363 2px, rgba(0, 83, 99, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);
    }

    .form-check .form-check-input:checked + .form-check-sign .check {
        background: #005363;
    }

    .togglebutton label input[type=checkbox]:checked + .toggle:after {
        border-color: #005363;
    }

    .text-shadow-2 {
        text-shadow: 2px 2px 2px #000;
    }

    .language-selector::first-letter {
        text-transform: capitalize;
    }

    a.language-selector:hover {
        text-decoration: underline;
    }

.shepherd-element {
    border: 5px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    box-sizing: content-box;
}