html, body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    background: rgb(182,231,245);
    background: radial-gradient(at top, rgba(182,231,245,0.3) 0%, rgba(145,217,233,1) 30%, rgba(77,192,210,1) 60%, rgba(40,72,131,1) 100%);
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.login-container {
    padding-top: 40px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 450px;
    height: auto;
    border-radius: 5px;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

.login-logo-container {
}

#login-logo {
    width: 400px;
}

.em-font {
    -webkit-font-smoothing: antialiased;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}

div.login-error {
    font-size: 14px;
    color: white;
    font-family: proxima nova,montserrat-okta,Arial,Helvetica,sans-serif;
}

div.login-error:not(:empty) {
    padding: 10px 75px;
    border-radius: 2px;
    border: solid 1px #be3430;
    background-color: #e34843;
}

.home-logo-container {
    margin: 0 0;
    padding-top: 40px;
}

#logout-button {
    margin: 0 auto;
    display: block;
    width: 300px;
    height: 50px;
    color: #fff;
    line-height: 36px;
    padding: 0 15px;
    border: 1px solid;
    border-radius: 3px;
    font-size: 14px;
    font-family: proxima nova,montserrat-okta,Arial,Helvetica,sans-serif;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    background-color: #007dc1;
    background: -o-linear-gradient(top,#007dc1 0,#0073b2 100%);
    background: -ms-linear-gradient(top,#007dc1 0,#0073b2 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#007dc1),to(#0073b2));
    background: linear-gradient(#007dc1,#0073b2);
    border-color: #004b75 #004b75 #00456a;
    box-shadow: 0 1px 0 rgba(0,0,0,.15), inset 0 1px 0 0 hsla(0,0%,100%,.1);
}
    #logout-button:hover {
        background-color: #0087d0;
        background: -o-linear-gradient(top,#0087d0 0,#007dc1 100%);
        background: -ms-linear-gradient(top,#0087d0 0,#007dc1 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#0087d0),to(#007dc1));
        background-image: linear-gradient(#0087d0,#007dc1);
        border-color: #003d5e #003d5e #003a59;
        text-decoration: none;
        cursor: pointer;
    }

#home-logo {
    width: 400px;
}
@media only screen and (min-height: 750px) {
    #widget {
        margin-top:-70px;
    }
}
.rosu {
    color: red;
}

.verde {
    color: green;
}

.albastru {
    color: blue;
}

.orange {
    color: orange;
}

.orangered {
    color: orangered;
}

.gray {
    color: gray;
}

.bold {
    font-weight: bold;
}

.demibold {
    font-weight: 600;
}

.centru {
    text-align: center;
}

.dreapta {
    text-align: right;
}

.stanga {
    text-align: left;
}

.sus {
    vertical-align: top;
}

.mijloc {
    vertical-align: middle;
}

.jos {
    vertical-align: bottom;
}

.text-vertical {
    transform: rotate(-89.9deg);
    transform-origin: left bottom 10%;
}

.fs6 {
    font-size: 6pt;
}

.fs7 {
    font-size: 7pt;
}

.fs8 {
    font-size: 8pt;
}

.fs9 {
    font-size: 9pt;
}

.fs10 {
    font-size: 10pt;
}

.fs11 {
    font-size: 11pt;
}

.fs12 {
    font-size: 12pt;
}

.fs13 {
    font-size: 13pt;
}

.fs14 {
    font-size: 14pt;
}

.fs15 {
    font-size: 15pt;
}

.fw100 {
    font-weight: 100;
}

.fw200 {
    font-weight: 200;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.fw900 {
    font-weight: 900;
}