@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 900;
    font-display: auto;
    src:url("../fonts/fa-solid-900.ttf") format("truetype"); 
}
.fa {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

@font-face {
    font-family: 'Font Awesome 5 Regular';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src:url("../fonts/fa-regular-400.ttf") format("truetype"); 
}
.far {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Regular';
    font-weight: 900;
}

.fa-dark {
    background-color:#212529;
    color: #fff;
}

.is-fullheight {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer {
    padding:2rem 0.5rem 2rem;
}

.login-field {
    background-color:#363636;
    border-color:#363636
}

span.fix {
    text-align: center;
    margin: auto;
    width: 16px;
    display: inline-block;
}
.table.is-fullwidth {
    table-layout:fixed;
}

.logo {
    height: 50px;
}
.spin {
    animation-name: spin;
    animation-duration: 2500ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear; 
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

.content h4 {
    margin-bottom: .4em !important;
    margin-top: .8em !important;
}

.modal-background {
    cursor: pointer;
}

.fa-lg {
    font-size: 1.33em;
    line-height: 1.66em;
}

.alt-focus:focus {
    border-color:#1abc9c !important;
}