@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"); 
}

@font-face {
    font-family: 'Rubik Normal';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src:url("../fonts/Rubik-Regular.ttf") format("truetype"); 
}

@font-face {
    font-family: 'Rubik Bold';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src:url("../fonts/Rubik-Bold.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:86.6%;
}

.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;
}

.rubik-family-normal {
    font-family: var(--fontFamilyRubikNormal);
}


:root{
    --primaryDashboard: #1566B6;
    --primaryNightDashboard: #090a0c;

    --blue1Dashboard:#47A7EB;
    --blue1NightDashboard: #082f4b;

    --blue2Dashboard: #7CBDEA;
    --blue2NightDashboard: #22679b;

    --blue3Dashboard: #C0D5E9;
    --blue3NightDashboard: #626ed4;

    --blue4Dashboard: #7297B7;
    --blue4NightDashboard: #273a4b;

    --successDashboard: #3FDEAC;
    --successNightDashboard: #209e76;

    --warningDashboard: #FECE6B;
    --warningNightDashboard: #c59330;

    --dangerDashboard: #fd642f;
    --dangerNightDashboard: #970f0f;

    --whiteDashboard: #fff;
    --whiteNightDashboard: #ebeaea;
    
    --grayBlocksNightDashboard: #666666;
    --nightDarkBlocks: #2a3142;

    --greyDashboard: #BBBEB8;
    --greyNightDashboard: #4c4d4b;

    --iconRedDashboard: #be2626;
    --iconRedNightDashboard: #970f0f;

    --fontFamilyRubikNormal: 'Rubik Normal';
    --fontFamilyRubikBold: 'Rubik Bold';

    --fontSize12: 12px !important;
    --fontSize14: 14px !important;
    --fontSize16: 16px !important;
    --fontSize18: 18px !important;
    --fontSize25: 25px !important;
    --fontSize28: 28px !important;
    --fontSize32: 32px !important;
    --fontSize46: 46px !important;
    --fontSize56: 56px !important;

    --overflowHidden: hidden !important;
    --awaaitWatermark: url(../img/awaait/watermark.png);
    --textAlignRight: right !important;
    --textAlignCenter: center !important;
    --alignMiddle: middle !important;

    --marginLeft8: 8px !important;
    --marginLeft16: 16px !important;
    --marginLeft24: 24px !important; 
    --marginLeft100: 100px !important;
    --marginLeft200: 200px !important;
    --marginLeft210: 210px !important;
    --marginTop100: 100px !important;
    --marginTop140: 140px !important;
    --marginBottom10: 10px !important;
    --marginRight8: 8px !important;

    --borderRadius7: 7px !important;

    --height30: 30px !important;
    --height52: 52px !important;
    --height66: 66px !important;
    --height78: 78px !important;
    --height80: 80px !important;
    --height95: 95px !important;
    --height110: 110px !important;
    --height140: 140px !important;
    --heigth255: 255px !important;
    --height320: 320px !important;
    --height350: 350px !important;
    --height375: 375px !important;
    --height420: 420px !important;

    --width52: 52px !important;
    --width66: 66px !important;
    --width78: 78px !important;
    --width90: 90px !important;
    --width100: 100px !important;
    --width122: 122px !important;
    --width125: 125px !important;
    --width135: 135px !important;
    --width160: 160px !important;
    --width168: 168px !important;
    --width188: 188px !important;
    --width200:  200px !important;
    --width210: 210px !important;
    --width240: 240px !important;
    --width260: 260px !important;
    --width400: 400px !important;
    --width500: 500px !important;
    --width550: 550px !important;
    --width570: 570px !important;
    --width595: 595px !important;
    --width620: 620px !important;
    --width680: 680px !important;
    --width1183: 1183px !important;
    --width1215: 1215px !important;
}

.display-none {
    display: none !important;
}