@charset "utf-8";

div.main {
    background: snow; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, white 1%, snow 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,white), color-stop(100%,snow)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover, white 1%,snow 100%);
    background: -webkit-radial-gradient(center, ellipse cover, white 1%,snow 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover, white 1%,snow 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover, white 1%,snow 100%); /* IE10+ */
    background: radial-gradient(ellipse at center, white 1%,snow 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='snow',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    height: calc(100vh);
    width: 100%;
}

[class*="fontawesome-"]:before {
    font-family: 'FontAwesome', sans-serif;
}

/* ---------- GENERAL ---------- */

* {
    box-sizing: border-box;
    margin: 0px auto;
    &:before, &:after

{
    box-sizing: border-box;
}

}

input {
    border: none;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    padding: 0;
    -webkit-appearance: none;
}

/*p {
    line-height: 1.5em;
}*/

.container {
    left: 50%;
    position: fixed;
    top: 40%;
    transform: translate(-50%, -50%);
    overflow: auto !important;
}

/* ---------- LOGIN ---------- */

/*#login {
    width: 30%;
}

@media (max-width: 760px) {
    #login {
        width: 100%;
    }
}

@media (min-width: 761px) {
    #login {
        width: 300px;
    }
}

@media (min-width: 800px) {
    #login {
        width: 300px;
    }
}*/
/*#login > p {
    text-align: center;
}

    #login > p span {
        padding-left: 5px;
    }*/

.middle {
    display: flex;
    width: 600px;
}

/*@media (max-width: 1000px) {*/
.logo {
    /*margin-bottom: 20px;*/
    width: 70%;
}

/*}*/