#security-body {

    font-family: 'Fira Sans', sans-serif;

    #bg-security-wrapper {
        //background-image: url(../../../medias/images/back/login-register-waves.jpg);
        background-size: cover;
    }

    #top-sidebar {
        .wrap-logo {
            svg, svg * {
                fill: $primary;
            }
        }
    }

    #contact-info {

        background-color: transparentize($primary, .8);

        ul li {
            line-height: 18px;
            font-size: 12px;
        }
    }

    .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: $white;
        opacity: 1; /* Firefox */
    }

    .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: $white;
    }

    .form-control::-ms-input-placeholder { /* Microsoft Edge */
        color: $white;
    }

    .form-control:placeholder-shown {
        color: $white;
    }

    .form-material .form-group {
        overflow: hidden;
    }

    .form-material .form-control {
        background-color: rgba(0, 0, 0, 0);
        background-position: center bottom, center calc(100% - 1px);
        background-repeat: no-repeat;
        background-size: 0 2px, 100% 1px;
        padding: 0;
        transition: background 0s ease-out 0s;
    }

    .form-material .form-control,
    .form-material .form-control.focus,
    .form-material .form-control:focus {
        background-image: linear-gradient($primary, $primary), linear-gradient($gray-300, $gray-300);
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        float: none;
    }

    .form-control.is-invalid,
    .was-validated .form-control:invalid {
        background-image: linear-gradient($danger, $danger), linear-gradient($gray-300, $gray-300) !important;
        background-size: 100% 2px, 100% 1px;
        outline: 0 none;
        transition-duration: 0.3s;
    }

    .form-material .form-control.focus,
    .form-material .form-control:focus {
        background-size: 100% 2px, 100% 1px;
        outline: 0 none;
        transition-duration: 0.3s;
    }
}