/* Generated from 1-Body.css.txt:6 using Quasi.php */

.c
{
    text-align: center;
}

.r
{
    text-align: right;
}

.invisible
{
    opacity: 0;
}

.hidden
{
    display: none !important;
}

TABLE.fixed
{
    table-layout: fixed;
}

/* Generated from 1-Body.css.txt:33 using Quasi.php */

BODY > *
{
    font-family:     'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-size:       18px;
    font-weight:     300;
    line-height:     24px;
    letter-spacing:  0.5px;
    color:           rgba( 255, 255, 255, 0.85 );
}

/* Generated from 1-Body.css.txt:48 using Quasi.php */

A
{
    font-weight:     400;
    color:           rgba( 255, 255, 255, 1.0 );
}

A:hover
{
    color:           rgba( 255, 255, 255, 0.7 );
}

/* Generated from 1-Body.css.txt:63 using Quasi.php */

BIG
{
    display:        block;
    text-align:     center;
}

/* Generated from 1-Body.css.txt:73 using Quasi.php */

BODY
{
    background:      #226666;
    background:      #101010;
    scrollbar-color: light;
}

/* Generated from 1-Body.css.txt:82 using Quasi.php */

A.anchor
{
    display:    block;
    position:   relative;
    top:       -200px;
    visibility: hidden;
}

/* Generated from 2-Header.css.txt:7 using Quasi.php */

BODY > HEADER
{
    position:      fixed;
    left:          0;
    color:         white;
    background:    #226666;
    border-bottom: solid 1px #115555;
    height:        80px;
}

/* Generated from 2-Header.css.txt:24 using Quasi.php */

BODY > HEADER > DIV
{
    box-sizing:      border-box;
    margin:          0 auto;
    max-width:       1040px;
    padding:         0 20px;
    flex-grow:       1;
}

/* Generated from 2-Header.css.txt:38 using Quasi.php */

BODY > HEADER > DIV
{
    display:         flex;
    align-items:     center;
    justify-content: space-between;
}

/* Generated from 2-Header.css.txt:52 using Quasi.php */

BODY#index > HEADER > DIV > NAV:first-child,
BODY#index > HEADER > DIV > NAV:last-child
{
    width:       80px;
    flex-grow:   0;
    flex-shrink: 0;
}

/* Generated from 2-Header.css.txt:64 using Quasi.php */

BODY#index > HEADER > DIV > NAV:first-child > A
{
    display: block;
    width:   60px;
    padding: 0;
}

/* Generated from 2-Header.css.txt:75 using Quasi.php */

BODY#index > HEADER > DIV > NAV:last-child
{
    justify-content: flex-end;
}

/* Generated from 2-Header.css.txt:84 using Quasi.php */

BODY#index > HEADER > DIV > NAV:last-child > A
{
    display:    block;
    width:      60px;
    padding:    0;
    text-align: right;
}

/* Generated from 2-Header.css.txt:96 using Quasi.php */

BODY#index > HEADER > DIV > NAV > A
{
    letter-spacing: 0.5px;
}

/* Generated from 2-Header.css.txt:106 using Quasi.php */

BODY > HEADER > NAV:first-child
{
    margin-left: 44px;
}

BODY > HEADER > NAV:last-child
{
    margin-right: 44px;
}

/* Generated from 3-Main.css.txt:6 using Quasi.php */

:root
{
    --color-main-article-bg: transparent;
}

/* Generated from 3-Main.css.txt:15 using Quasi.php */

BODY > MAIN
{
    left:           0;
    padding-top:    0;
    padding-bottom: 0;
    bottom:         0;
}

/* Generated from 3-Main.css.txt:25 using Quasi.php */

BODY#index > MAIN
{
    padding-top:    80px;
    padding-bottom: 80px;
}

/* Generated from 3-Main.css.txt:33 using Quasi.php */

BODY > MAIN > ARTICLE
{
    margin: 0;
}

/* Generated from 3-Main.css.txt:42 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION
{
    min-height:              70vh;

    display:                 flex;
    flex-direction:          column;
    justify-content:         space-evenly;
    align-items:             center;

    background:              #DDD;
}

/* Generated from 3-Main.css.txt:56 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION
{
    position:        relative;
    box-sizing:      border-box;
    padding:         0;
    min-height:      0px;
    justify-content: flex-start;
}

/* Generated from 3-Main.css.txt:70 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION.green
{
    background:     #226666;
}

BODY#index > MAIN
{
    background:      50% 50% url(/resources/images/backgrounds/bg.jpg) repeat;
    background-size: 343px 343px;
}

BODY#index > MAIN > ARTICLE > SECTION.dark
{
    background:      transparent;
}

/* Generated from 3-Main.css.txt:93 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION > DIV.content
{
    box-sizing:     border-box;
    width:          100%;
    max-width:      1040px;
    padding:        0;
}

/* Generated from 3-Main.css.txt:106 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION > DIV.hero
{
    height:          600px;
    display:         flex;
    flex-direction:  column;
    justify-content: space-evenly;
    align-items:     center;
}

/* Generated from 3-Main.css.txt:120 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION > DIV.slide
{
    padding:         44px 20px;
}

/* Generated from 3-Main.css.txt:127 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION > DIV.slide > H1
{
    font-family:    'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-style:     normal;
    font-weight:    700;
    font-size:      48px;
    line-height:    56.25px;
    text-align:     center;
    text-transform: uppercase;
    margin:         0;
    padding:        0;
}

/* Generated from 3-Main.css.txt:147 using Quasi.php */

BODY#index > MAIN > ARTICLE > SECTION > DIV.slide > DIV.flex_row
{
    display:         flex;
    justify-content: space-between;
}

BODY#index > MAIN > ARTICLE > SECTION > DIV.slide > DIV.flex_row > *
{
    margin-top:      40px;
}

BODY#index > MAIN > ARTICLE > SECTION.dark > DIV.slide > DIV.flex_row > *
{
    background:      #101010;
}

/* Generated from 3-Main.css.txt:169 using Quasi.php */

BODY > MAIN > ASIDE
{
    background: #333;
}

/* Generated from 3-Main.css.txt:178 using Quasi.php */

BODY > MAIN.dashboard_pages
{
    top:            80px;
}

/* Generated from 3-Main.css.txt:189 using Quasi.php */

BODY > MAIN > ASIDE > NAV > A,
BODY > MAIN > ASIDE > NAV > A:visited
{
    display:         block;
    margin-top:      24px;
    border-bottom:   0;
    text-decoration: none;
}

/* Generated from 3-Main.css.txt:202 using Quasi.php */

H1
{
    font-weight: 400;
    font-size:   48px;
    line-height: 56px;
}

/* Generated from 3-Main.css.txt:211 using Quasi.php */

BODY:not(#index) > MAIN > ARTICLE SECTION
{
    margin:        44px 44px 0 44px;
    padding:       0 0 44px 0;
    border-radius: 22px;
    background:    #222;
}

BODY:not(#index) > MAIN > ARTICLE SECTION:last-child
{
    margin-bottom: 44px;
}

/* Generated from 3-Main.css.txt:226 using Quasi.php */

BODY > MAIN > ARTICLE H2
{
    padding:      44px 44px 0 44px;
}

/* Generated from 3-Main.css.txt:233 using Quasi.php */

BODY > MAIN > ARTICLE HEADER
{
    padding:      44px 44px 0 44px;
}

/* Generated from 3-Main.css.txt:240 using Quasi.php */

BODY > MAIN > ARTICLE FORM
{
    margin:      0 28px;
}

BODY > MAIN > ARTICLE FORM.with_top_margin
{
    margin-top:64px;
}

/* Generated from 3-Main.css.txt:252 using Quasi.php */

BODY > MAIN > ARTICLE FORM DIV.fieldset.headers
{
    padding-bottom:0;
}

/* Generated from 3-Main.css.txt:259 using Quasi.php */

BODY > MAIN > ARTICLE FORM DIV.fieldset.headers EM
{
    color:       white;
    font-weight: normal;
    font-style:  normal;
    font-size:   24px;
    line-height: 28px;
}

/* Generated from 3-Main.css.txt:270 using Quasi.php */

BODY#dashboard-project-index > MAIN > ARTICLE H2
{
    position:      relative;
    margin:        20px 44px 0;
    font-family:   roboto;
    font-size:     24px;
    font-weight:   normal;
    line-height:   28px;
    color:         #ffffff;
}

/* Generated from 3-Main.css.txt:283 using Quasi.php */

BODY#dashboard-project-index > MAIN > ARTICLE SECTION
{
    position:      relative;
    margin:        13px 44px 24px;
    border:        solid 1px #DDD;
    background:    #101010;
    border-radius: 6px;
}

/* Generated from 4-Footer.css.txt:6 using Quasi.php */

BODY > FOOTER
{
    background:     #003333;
    font-size:      13px;
    font-weight:    400;
    letter-spacing: 1px;
}

/* Generated from 4-Footer.css.txt:24 using Quasi.php */

BODY#index > FOOTER
{
    height:        80px;
    color:         rgba( 255, 255, 255, 0.85 );
    background:    #101010;
}

BODY#index > FOOTER > DIV
{
    box-sizing:      border-box;
    margin:          0 auto;
    max-width:       1040px;
    padding:         0 20px;
    flex-grow:       1;

    display:         flex;
    align-items:     center;
    justify-content: space-between;
}

BODY#index > FOOTER > DIV > NAV:nth-child(1)
{
    width:       80px;
    flex-grow:   0;
    flex-shrink: 0;
}

/* Generated from 5-Dialogs.css.txt:4 using Quasi.php */

DIALOG > *
{
    max-width:                  900px   !important;
}

DIALOG#login > *,
DIALOG#signup > *
{
    max-width: 507px !important;
}

/* Generated from 5-Dialogs.css.txt:17 using Quasi.php */

DIALOG HEADER
{
    background:                 #407F7F !important;
    height:                     72px    !important;
    border-top-left-radius:     6px;
    border-top-right-radius:    6px;
}

/* Generated from 5-Dialogs.css.txt:27 using Quasi.php */

DIALOG HEADER BIG
{
    color: #0D4D4D !important;
}

/* Generated from 5-Dialogs.css.txt:34 using Quasi.php */

DIALOG FOOTER
{
    background:                 #0D4D4D !important;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}

DIALOG FOOTER A
{
    text-decoration:            none;
}

DIALOG FOOTER SPAN
{
    color:                      rgba( 255, 255, 255, 0.85 );
}

/* Generated from 5-Dialogs.css.txt:53 using Quasi.php */

DIALOG FOOTER
{
    display: block !important;
    height:  auto  !important;
}

/* Generated from 5-Dialogs.css.txt:61 using Quasi.php */

DIALOG FOOTER P
{
    text-align: center;
}

/* Generated from 5-Dialogs.css.txt:68 using Quasi.php */

BODY > DIALOG > DIV.scroller
{
    background:                 #226666 !important;
    max-height:                 70vh;
    overflow-y:                 scroll;
}

BODY > DIALOG FORM
{
    position:   relative;
    box-sizing: border-box;
    padding:    24px;
    width:      100%;

    background:                 #226666 !important;
}

BODY > DIALOG FORM:last-child
{
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}

BODY > DIALOG FORM > SECTION
{
    margin: 0 20px 20px;
}

/* Generated from 5-Dialogs.css.txt:99 using Quasi.php */

DIALOG FORM LABEL INPUT[type=text],
DIALOG FORM LABEL INPUT[type=email],
DIALOG FORM LABEL INPUT[type=password]
{
    box-sizing:         border-box;
    width:              100%;
    height:             44px;
    border:             0;
    outline:            0;
    padding:            10px 20px;

    font-family:        'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-weight:        300;
    font-size:          16px;
    line-height:        22px;
    border-radius:      0;
    box-shadow:         0;
    -webkit-appearance: none;

    letter-spacing:     1px;
}

/* Generated from 5-Dialogs.css.txt:123 using Quasi.php */

DIALOG FORM LABEL INPUT[type=text]:disabled,
DIALOG FORM LABEL INPUT[type=email]:disabled,
DIALOG FORM LABEL INPUT[type=password]:disabled
{
    color:      #EEE;
    background: #669999;
    opacity:    1;
    -webkit-text-fill-color: #EEE;
}

/* Generated from 5-Dialogs.css.txt:135 using Quasi.php */

DIALOG FORM DIV.buttons
{
    padding-top:     0px;
    display:         flex;
    justify-content: center;
}

DIALOG FORM DIV.buttons BUTTON
{
    width:          100%;
    height:         44px;
    box-shadow:    inset -1px 1px 1px rgba(200, 200, 200, 0.7);

    font-family:    'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-weight:    400;
    font-size:      18px;
    line-height:    22px;
    letter-spacing: 0.5px;

    color:          white;
    xbackground:    linear-gradient( 150.0deg, #DDDDDD 0%, rgba(255, 255, 255, 0) 47%), #3F3F3F;
    xbackground:    linear-gradient(107.26deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 27%), #7F7F7F;
    background:     #7F7F7F;
    border-radius:  6px;
}

DIALOG FORM DIV.buttons BUTTON:active
{
    box-shadow:    inset 1px -1px 1px rgba(200, 200, 200, 0.7);
}

/* Generated from 5-Dialogs.css.txt:168 using Quasi.php */

DIALOG FORM DIV.buttons BUTTON:disabled
{
    box-shadow:    none;
    color:         #AAA;
}

/* Generated from 5-Dialogs.css.txt:178 using Quasi.php */

XDIALOG SECTION
{
    box-sizing: border-box;
    width:      100%;
    max-width:  507px   !important;
    padding:    0 44px;
    background: #226666 !important;
}

/* Generated from 5-Dialogs.css.txt:191 using Quasi.php */

.rounded_top
{
    border-top-left-radius:  6px;
    border-top-right-radius: 6px;
}

.rounded_bottom
{
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}

.top_line
{
    border-top:                 solid 0.5px #ddd;
}

/* Generated from 5-Dialogs.css.txt:210 using Quasi.php */

DIALOG.home FORM LABEL:first-child INPUT
{
    border-top-left-radius:  6px;
    border-top-right-radius: 6px;
}

DIALOG.home FORM LABEL:last-child INPUT
{
    border-top:                 solid 0.5px #ddd;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}

/* Generated from 5.1-Custom_inputs.txt:4 using Quasi.php */

DIV.url_development
{
    position:      relative;
    padding-left:  100px;
    line-height:   44px;
    background:    #eee;
}

DIV.url_development:before
{
    content: 'https://';

    position:      absolute;
    top:           0px;
    left:          20px;
    bottom:        0px;
    padding-right: 20px;
    color:         #666;
}

/* Generated from 5.1-Custom_inputs.txt:26 using Quasi.php */

DIV.url_deployment
{
    position:      relative;
    padding-left:  100px;
    line-height:   44px;
    background:    #eee;
}

DIV.url_deployment:before
{
    content: 'https://';

    position:      absolute;
    top:           0px;
    left:          20px;
    bottom:        0px;
    padding-right: 20px;
    color:         #666;
}

/* Generated from 5.1-Custom_inputs.txt:48 using Quasi.php */

DIV.url
{
    display:         flex;
    flex-direction:  row;
    justify-content: stretch;
}

DIV.url INPUT.https
{
    flex-basis:     100px;
    width:          100px;
    background:     #eee;
    flex-grow:      0;
}

DIV.url INPUT.input
{
    flex-basis:     66%;
    flex-grow:      3;
}

DIV.url INPUT.dev_domain
{
    flex-basis:     33%;
    flex-grow:      1;
}

/* Generated from 7-Forms.css.txt:7 using Quasi.php */

FORM.inline
{
    position:      relative;
    box-sizing:    border-box;
    margin:        0 10px;
    max-width:     347px;
    min-width:     347px;
    background:    #226666;
    padding:       24px;
    border-radius: 6px;
}

/* Generated from 7-Forms.css.txt:26 using Quasi.php */

DIV.fake_label
{
    box-sizing:border-box;
    width: 100%;
    padding: 0 10px;
}

/* Generated from 7-Forms.css.txt:35 using Quasi.php */

TD > LABEL
{
    padding: 0;
}

TD > LABEL > INPUT[type=checkbox],
TD > LABEL > INPUT[type=radio]
{
    margin: 0;
}

/* Generated from 7-Forms.css.txt:50 using Quasi.php */

FORM EM:first-child
{
    display:        block;
    padding-top:    5px;
    padding-bottom: 5px;
}

/* Generated from 7-Forms.css.txt:61 using Quasi.php */

FORM LABEL INPUT[type=text],
FORM LABEL INPUT[type=password]
{
    box-sizing:         border-box;
    width:              100%;
    height:             44px;
    border:             0;
    outline:            0;
    padding:            10px 20px;

    font-family:        'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-weight:        300;
    font-size:          16px;
    line-height:        22px;
    border-radius:      0;
    box-shadow:         0;

    -webkit-appearance: none;
}

/* Generated from 7-Forms.css.txt:100 using Quasi.php */

FORM.inline LABEL:first-child INPUT
{
    border-top-left-radius:  6px;
    border-top-right-radius: 6px;
}

FORM.inline LABEL:not(:first-child) INPUT
{
    border-top:                 solid 0.5px #ddd;
    border-bottom-left-radius:  6px;
    border-bottom-right-radius: 6px;
}

/* Generated from 7-Forms.css.txt:117 using Quasi.php */

FORM DIV.buttons
{
    display:         flex;
    justify-content: space-between;
    padding-bottom:  0;
}

FORM.inline DIV.buttons
{
    padding-top:     0px;
    display:         flex;
    justify-content: center;
}

FORM.inline DIV.buttons BUTTON
{
    width:          100%;
    height:         44px;
    box-shadow:    inset -1px 1px 1px rgba(200, 200, 200, 0.7);

    font-family:    'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-weight:    400;
    font-size:      18px;
    line-height:    22px;
    letter-spacing: 0.5px;

    color:          white;
    xbackground:    linear-gradient( 150.0deg, #DDDDDD 0%, rgba(255, 255, 255, 0) 47%), #3F3F3F;
    xbackground:    linear-gradient(107.26deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 27%), #7F7F7F;
    background:     #7F7F7F;
    border-radius:  6px;
}

FORM.inline DIV.buttons BUTTON:active
{
    box-shadow:    inset 1px -1px 1px rgba(200, 200, 200, 0.7);
}

                        BUTTON:disabled,
FORM.inline DIV.buttons BUTTON:disabled
{
    box-shadow:    none;
    color:         #AAA;
}

/* Generated from 7-Forms.css.txt:165 using Quasi.php */

FORM LABEL      A.inline,
FORM LABEL BUTTON.inline
{
    display:     block;
    height:      44px;
    line-height: 44px;

    font-size:   14px;
    text-align:  left;

    background:  transparent;
}

/* Generated from 7-Forms.css.txt:180 using Quasi.php */

FORM LABEL.eighth_width
{
    width:                   12.5%;
}




/* Generated from 6-Tables.css.txt:4 using Quasi.php */

TABLE
{
    border-box:      box-sizing;
    width:           100%;
    padding:         27px 44px;

    text-align:      left;
    font-size:       18px;
    font-weight:     300;
    line-height:     21px;
    border-collapse: separate;
    border-spacing:  0;

    background:      #000;
    color:           #FFF;
}

SECTION > TABLE
{
    border-box:      box-sizing;
    width:           calc( 100% - 44px );
    margin:          0    22px;
    padding:         27px 22px;

    text-align:      left;
    font-size:       18px;
    font-weight:     300;
    line-height:     21px;
    border-collapse: separate;
    border-spacing:  0;
    border-radius:   11px;

    background:      #000;
    color:           #FFF;
}

TABLE TH,
TABLE TD
{
    padding:    10px 0px;
    text-align: left;
}

TABLE TH
{
    border-bottom: solid 1px #fff;
    font-weight:   400;
}

/* Generated from 6-Tables.css.txt:57 using Quasi.php */

DIALOG TABLE
{
    padding:    0;
    background: white;
    color:      #333;
    text-align: left;
    font-size:  14px;
}

DIALOG TABLE THEAD
{
    background: #407F7F;
    color:      #0D4D4D !important;
}

DIALOG TABLE TH
{
    border-bottom: 0;
}

DIALOG TABLE TH,
DIALOG TABLE TD
{
    padding:    10px 20px;
}

/* Generated from 8-Custom_elements.css.txt:4 using Quasi.php */

.action
{
    display:       block;
    box-sizing:    border-box;
    width:         200px;
    border:        solid 2px rgba( 255, 255, 255, 0.85 );
    border-radius: 28px;
    height:        56px;
    line-height:   56px !important;
    text-align:    center;

    background:    #111;
    color:         rgba( 255, 255, 255, 0.85 );
}

.action:hover
{
    color:        #FFF;
    background:   #666;
    border-color: #FFF;
}

/* Generated from 8-Custom_elements.css.txt:28 using Quasi.php */

.auto_width
{
    width: auto;
}

/* Generated from 8-Custom_elements.css.txt:35 using Quasi.php */

.home_hero_text H1
{
    font-family:  'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-size:    48px;
    font-weight:  400;
    line-height:  56px;
    text-align:   center;
    margin:       0;
}

.home_hero_text BIG
{
    font-family:  'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-size:    24px;
    font-weight:  400;
    line-height:  28px;
    margin:       0;
}

/* Generated from 8-Custom_elements.css.txt:56 using Quasi.php */

.logo
{
    display:         block;
    xmargin:          0;
    xmargin-left:     15px;
    width:           60px;
    height:          60px;
    border-radius:   10px;
    padding:         0 !important;

    background:      #646464;
    text-align:      center;
    line-height:     60px !important;
    text-decoration: none;
    color:           white;

    font-size:       18px;
    font-weight:     400px;
    line-height:     60px;
}

A.logo:visited
{
    color: white;
}

BODY#index .logo
{
    margin-left:     0;
}

/* Generated from 8-Custom_elements.css.txt:89 using Quasi.php */

.profile
{
    position:        relative;
    display:         block;
    xmargin:          0;
    xmargin-right:    15px;
    width:           60px;
    height:          60px;
    border-radius:   10px;
    padding:         0 !important;

    background:      #646464;
    text-align:      center;
    line-height:     60px !important;
    text-decoration: none;
    color:           white;

    font-size:       18px;
    font-weight:     400px;
    line-height:     60px;
}

A.profile:visited
{
    color: white;
}

A.profile::before
{
    content:                   '\0f007';

    position:                   absolute;
    top:                        0;
    left:                       0;
    right:                      0;
    bottom:                     0;

    text-align: center;
}

/* Generated from 8-Custom_elements.css.txt:131 using Quasi.php */

.profile_menu
{
    position:                  absolute;
    top:                       81px;
    right:                     16px;
    min-width:                 300px;

    background:                #226868;
    display:                   flex;
    flex-direction:            column;
    justify-content:           flex-start;
    align-items:               stretch;
}

/* Generated from 8-Custom_elements.css.txt:147 using Quasi.php */

.profile_menu A
{
    margin-top:                1px;
    padding:                   16px;
    text-decoration:           none;
    background:                #164141;
}

.profile_menu A:hover
{
    background:                #2a7e7e;
}

.profile_menu A:first-child
{
    margin-top:                0;
}

/* Generated from 8-Custom_elements.css.txt:171 using Quasi.php */

.anti-triangle
{
    height:          100px;
    align-self:      stretch;
    background:      url(/resources/images/svg/green_anti-triangle.svg) no-repeat;
    background-size: cover;
}   

/* Generated from 8-Custom_elements.css.txt:181 using Quasi.php */

.green-triangle
{
    height:          100px;
    align-self:      stretch;
    background:      url(/resources/images/svg/green_triangle.svg) no-repeat;
    background-size: cover;
}   

/* Generated from 8-Custom_elements.css.txt:191 using Quasi.php */

.card
{
    box-sizing:      border-box;
    width:           284px;
    padding:         44px;
    background:      transparent;
    color:           white;
    border-radius:   3px;
    border:          solid 1px rgba( 255, 255, 255, 0.85 );
}

/* Generated from 8-Custom_elements.css.txt:204 using Quasi.php */

.card H1
{
    font-family:    'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-weight:    400;
    font-style:     normal;
    font-size:      22px;
    line-height:    28px;
    text-transform: uppercase;
    margin:         0 0 21px 0;
}

/* Generated from 8-Custom_elements.css.txt:217 using Quasi.php */

.card P
{
    font-family:  'Roboto', 'Arial', 'san-serif' /* --font-family */;
    font-style:   normal;
    margin:       0px;
}

/* Generated from 8-Custom_elements.css.txt:226 using Quasi.php */

.card.double
{
    padding-top:     0px;
    width:           642px;

    display:         flex;
    justify-content: space-between;
}

/* Generated from 8-Custom_elements.css.txt:237 using Quasi.php */

.card.double > DIV
{
    padding-top:     40px;
}

/* Generated from 8-Custom_elements.css.txt:244 using Quasi.php */

.card.no_border
{
    border:          0;
    background:      transparent;
    padding:         0;

    display:         flex;
    align-items:     center;
}

/* Generated from 8-Custom_elements.css.txt:258 using Quasi.php */

.project_container
{
    padding:         0 44px 44px 44px;
    display:         flex;
    justify-content: flex-start;
    flex-wrap:       wrap;
}

/* Generated from 8-Custom_elements.css.txt:268 using Quasi.php */

.project_container > *
{
    box-sizing:  border-box;
    width:       419px;
    flex-grow:   0;
    flex-shrink: 0;
}

/* Generated from 8-Custom_elements.css.txt:278 using Quasi.php */

.project_container > .project_card
{
    margin-top:   44px;
    margin-right: 44px;
    height:       304px;
    background:   transparent;
    border:       solid 1px #333;
    padding:      44px;
}

.project_container > .project_card:hover
{
    cursor:          pointer;
}

/* Generated from 8-Custom_elements.css.txt:295 using Quasi.php */

.project_container > .project_card > H1
{
    margin:      0;
    font-weight: 400;
    font-size:   24px;
    line-height: 28px;
}

/* Generated from 8-Custom_elements.css.txt:307 using Quasi.php */

.project_graph_outer
{
    box-sizing: border-box;
    margin:     0;
    width:      100%;
    padding:    44px 44px 0;
}

/* Generated from 8-Custom_elements.css.txt:317 using Quasi.php */

.project_graph
{
    width:      100%;
    height:     350px;
    background: #333;
}

/* Generated from 8-Custom_elements.css.txt:326 using Quasi.php */

.tags_table
{
    margin:        0px 44px;
    border:        solid 1px white;
    border-radius: 6px;
    padding:         33px 37px 29px;
}

.tags_table TABLE
{
    border-collapse: collapse;
    box-sizing:      border-box;
    width:           100%;
    table-layout:    fixed;
}

.tags_table TABLE TH
{
    text-align:     left;
    padding-bottom: 4px;
    border-bottom:  solid 1px white;
    font-style:     normal;
    font-weight:    500;
    font-size:      18px;
    line-height:    21px;
    color:          white;
}

.tags_table TABLE TD
{
    text-align:     left;
    padding-top:    26px;
    font-style:     normal;
    font-weight:    300;
    font-size:      18px;
    line-height:    21px;
    color:          white;
}

/* Generated from 8-Custom_elements.css.txt:367 using Quasi.php */

SECTION.dashboard_header
{
    background: #333;
}

SECTION.dashboard_header HEADER
{
    background:      #333;
    justify-content: flex-end;
    padding:         22px 44px 22px 44px;
}

/* Generated from 8.1-CardLayout.css.txt:2 using Quasi.php */

.CardLayout
{
    display:    flex;
    flex-wrap:  wrap;
    padding:    0 22px 44px 22px;
}

.CardLayout .CardOuter
{
    box-sizing: border-box;
    width:      100%;
    padding:    44px 22px 0 22px;
}

.CardLayout .CardOuter > A
{
    text-decoration: none;
}

.CardLayout .CardOuter .Card
{
    box-sizing: border-box;
    border:     solid 1px #333;
    height:     344px;
}

/* Generated from 8.1-CardLayout.css.txt:30 using Quasi.php */

@media screen and (min-width: 900px)
{
    .CardLayout .CardOuter
    {
        width: 50%;
    }
}

@media screen and (min-width: 1350px)
{
    .CardLayout .CardOuter
    {
        width: 33.333%;
    }
}

/* Generated from 8.2-GroupCard.css.txt:2 using Quasi.php */

.GroupCard
{
    padding: 0 0 20px;

    display:         flex;
    flex-direction:  column;
    justify-content: flex-start;
}

.GroupCard > .Heading
{
    height:      70px;
    font-size:   24px;
    line-height: 70px;
    text-align:  center;
}

.GroupCard .Label
{
    line-height: 50px;
    text-align:  center;
}

.GroupCard > .FlexRow
{
    display:         flex;
    justify-content: space-evenly;
    align-items:     flex-end;
    flex-grow:       1;
}

.GroupCard > .FlexRow > DIV
{
    flex-grow:  0;
}

.ProjectCard > .FlexRow > DIV > DIV
{
    text-align:      center;
}

.GroupCard > .FlexRow > DIV > .NrWebsites
{
    font-size:       220px;
    line-height:     170px;
    text-align:      center;
}

.GroupCard > .FlexRow > .FlexCol
{
    display:         flex;
    flex-direction:  column;
    justify-content: flex-start;
    align-items:     stretch;
}

.GroupCard > .FlexRow > .FlexCol > DIV
{
    flex-basis: 50%;
}

.GroupCard > .FlexRow > .FlexCol > DIV .NrHits,
.GroupCard > .FlexRow > .FlexCol > DIV .NrErrors
{
    font-size:   60px;
    line-height: 60px;
    text-align:  center;
}

/* Generated from 8.3-ProjectCard.css.txt:2 using Quasi.php */

.ProjectCard
{
    padding: 0 0 20px;

    display:         flex;
    flex-direction:  column;
    justify-content: flex-start;
}

.ProjectCard > .Heading
{
    height:      70px;
    font-size:   24px;
    line-height: 70px;
    text-align:  center;
}

.ProjectCard .Label
{
    line-height: 50px;
}

.ProjectCard > .FlexRow
{
    display:         flex;
    justify-content: space-evenly;
    align-items:     flex-end;
    flex-grow:       1;
}

.ProjectCard > .FlexRow > DIV
{
    flex-grow:  0;
}

.ProjectCard > .FlexRow > DIV > DIV
{
    text-align:      center;
}

.ProjectCard > .FlexRow > DIV > .NrUniques
{
    font-size:       220px;
    line-height:     170px;
}

.ProjectCard > .FlexRow > .FlexCol
{
    display:         flex;
    flex-direction:  column;
    justify-content: flex-start;
    align-items:     stretch;
}

.ProjectCard > .FlexRow > .FlexCol > DIV
{
    flex-basis: 50%;
}

.ProjectCard > .FlexRow > .FlexCol > DIV .NrHits,
.ProjectCard > .FlexRow > .FlexCol > DIV .NrErrors
{
    font-size:   60px;
    line-height: 60px;
}

/* Generated from 8.4-AddCard.css.txt:2 using Quasi.php */

.AddCard
{
    display:         flex;
    justify-content: center;
    align-items:     center;
    line-height:     342px;
}

/* Generated from 8.4-AddCard.css.txt:12 using Quasi.php */

.AddCard DIV:nth-child(1)
{
    font-size:       100px;
}

.AddCard DIV:nth-child(2)
{
    padding-left:    20px;
    font-size:       80px;
}

/* Generated from 9-Responsive.css.txt:10 using Quasi.php */

@media only screen and (max-width: 1040px)
{
    DIV.flex_row
    {
        flex-direction: column !important;
        align-items:    center !important;
    }

    .card.no_border
    {
        padding: 44px;
    }

    .card.double
    {
        width:           284px  !important;
        flex-direction:  column !important;
    }
}

/* Generated from 9-Responsive.css.txt:40 using Quasi.php */

@media only screen and (max-width: 413px)
{
    BODY > HEADER
    {
        position: absolute;
    }

    BODY#index > HEADER > DIV > NAV:nth-child(2)
    {
        display:none;
    }

    DIV.card
    {
        width:           224px !important;
        padding:         20px  !important;
    }

    DIV.double.card
    {
        width:           224px            !important;
        padding:         0 20px 20px 20px !important;
    }

    DIV.double.card > DIV
    {
        padding-top: 20px;
    }


    BODY#index > MAIN > ARTICLE > SECTION > DIV.slide > DIV.flex_row H1
    {
        font-size: 20px;
    }

    BODY#index > MAIN > ARTICLE > SECTION > DIV.slide > DIV.flex_row > DIV.double
    {
        width:           224px;
    }
}

/* Generated from 9-Responsive.css.txt:83 using Quasi.php */

@media only screen and (max-width: 367px)
{
    FORM.inline
    {
        min-width: 0;
    }
}

/* Generated from A-Icons.css.txt:4 using Quasi.php */

.icon:before
{
    font-family: Awesome;
    vertical-align: middle;
    font-size: 18px;
}

.icon.close:before
{
    content: "\0f00d";
}

.icon.dashboard:before
{
    content: "\0f62d";
}

.icon.edit:before
{
    content: "\0f044";
}

.icon.groups:before
{
    content: "\0f61f";
}

.icon.login:before
{
    content: "\0f007";
}

.fs24:before
{
    font-weight: 100;
    font-size:   24px;
    line-height: 24px;
}

.fs90:before
{
    font-size:   90px;
    line-height: 90px;
    color:       #226666;
}

.solid:before
{
    font-family: AwesomeSolid;
    font-weight: 900;
}