[data-module="security"] {
    height: 100%;
    background-repeat: no-repeat; /*background-image: linear-gradient(rgb(12, 97, 33),rgb(104, 145, 162));*/
    background: black;
    position: relative;

    body {
        height: 100%;
        background-repeat: no-repeat; /*background-image: linear-gradient(rgb(12, 97, 33),rgb(104, 145, 162));*/
        background: black;
        position: relative;
    }

    #login-box {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        min-width: 350px;
        margin: 0 auto;
        border: 1px solid black;
        background: rgba(48, 46, 45, 1);
        min-height: 250px;
        padding: 20px 30px 30px 30px;
        z-index: 9999;
        border-radius: 10px;
    }

    #login-box .logo .logo-caption {
        font-family: 'Poiret One', cursive;
        color: white;
        text-align: center;
        margin-bottom: 0px;
    }

    #login-box .logo .tweak {
        color: #b1c900;
    }

    #login-box .controls input {
        border-radius: 0 0.25em 0.25em 0;
        background: rgb(98, 96, 96);
        border: 0px;
        color: #FFF;
    }

    #login-box .controls input::placeholder {
        color: #FFF;
    }

    #login-box .controls input:focus {
        box-shadow: none;
    }

    #login-box .controls input:first-child {
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

    #login-box .controls input:last-child {
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
    }

    #login-box button.btn-custom {
        border-radius: 0.25em;
        margin-top: 8px;
        background: #b1c900;
        border-color: rgba(48, 46, 45, 1);
        color: white;
        width: 100%;
    }

    #login-box button.btn-custom:hover {
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        background: rgba(48, 46, 45, 1);
        border-color: #b1c900;
    }

    #particles-js {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50% 50%;
        position: fixed;
        top: 0px;
        z-index: 1;
    }
}