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

HTML
{
    height:         100%;
    min-height:     100%;
}

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

BODY
{
    height:         100%;
    background:     #f9f9f9;

    position:       absolute;
    top:            0;
    left:           0;
    right:          0;
    bottom:         0;
    min-height:     100%;
    margin:         0;
    font-family:    helvetica;
    letter-spacing: 1px;
}

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

BODY *
{
    color: black /* --text */;
}

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

.hidden
{
    display:none;
}

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

.invisible
{
    opacity:0;
}

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

.c
{
    text-align:center;
}

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

BODY > HEADER
{
    position: fixed;
    top:      0;
    left:     0;
    right:    0;
}

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

BODY > HEADER
{
    height:        47px;
    background:    #f9f9f9 /* --header-background */;
    text-align:    center;
    border-bottom: solid 1px #C0C0C0 /* --border */;
}

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

BODY > HEADER *
{
    font-size:       14px;
    font-family:     helvetica;
    line-height:     47px;
    color:           rgb(0,122,255) /* --header-links */;
    text-decoration: none;
}

BODY > HEADER A:visited
{
    color:           rgb(0,122,255) /* --header-links */;
}

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

BODY > HEADER.large
{
    height: 47px;
}

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

BODY > HEADER.night
{
}

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

BODY > HEADER DIV#div-header-back
{
    position:     absolute;
    top:          0;
    left:         0;
    cursor:       pointer;
    padding-left: 24px;
}

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

BODY > HEADER DIV#div-header-back::before
{
    position:     absolute;
    font-weight:  normal;
    left:         8px;
    font-family: 'Awesome';
    content:     '\0f053';
    line-height:  47px;
    font-size:    22px;
}

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

BODY > HEADER DIV#div-header-action
{
    position:      absolute;
    top:           0;
    right:         0;
    cursor:        pointer;
    padding-right: 24px;
}

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

BODY > HEADER DIV#div-header-action.disabled
{
    opacity:        0.5;
    pointer-events: none;
}

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

BODY > HEADER DIV#div-header-button
{
    position:      absolute;
    top:           0;
    right:         0;
    cursor:        pointer;
    padding-right: 24px;
}

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

BODY > HEADER DIV#div-header-button.disabled
{
    opacity:0.5;
}

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

BODY > HEADER DIV#div-header-action::after
{
    position:     absolute;
    font-weight:  normal;
    right:         8px;
    font-family: 'Awesome';
    content:     '\0f054';
    line-height:  47px;
    font-size:    22px;
}

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

BODY > HEADER DIV#div-header-title
{
    color:       black /* --text */;
    font-weight: bold;
}

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

MAIN
{
    min-height:  100%;
    position:    absolute;
    top:         0;
    left:        0;
    right:       0;
    bottom:      0;
    background:  #333;
    overflow:    hidden;
}

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

MAIN > ARTICLE
{
    position:        absolute;
    top:             0;
    left:            0;
    right:           0;
    bottom:          0;
    background:      white /* --main-article-background */;

    box-sizing:      border-box;
    padding-top:     47px;

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

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

MAIN > ARTICLE > SECTION
{
    flex-grow: 1;
    overflow-y: auto;
}

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

MAIN > ARTICLE > SECTION.fixed
{
    flex-grow:   0;
    flex-shrink: 0;
}

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

MAIN > ARTICLE > DIV#div-observations-flex
{
    min-height:423px;
}

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

SECTION#section-observations
{
    margin:        0 18px;
    border:        solid 1px #C0C0C0 /* --border */;
    overflow:      auto;
    height:        auto;
}

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

MAIN > ARTICLE > FORM
{
    flex-grow: 1;
}

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

MAIN > ARTICLE > FORM.fixed
{
    flex-grow:   0;
    flex-shrink: 0;
}

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

.upload#p-upload
{
    cursor:      pointer;
}

.upload SPAN
{
    color:       rgb(0,122,255) /* --header-links */;
}

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

.upload.disabled#p-upload
{
    opacity:0.2;
}

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

DIV#multi LABEL SPAN
{
    font-family:    helvetica;
    font-size:      10px;
    color:          #666;
    text-transporm: uppercase;
    letter-spacing: 1.4px;
    line-height:    20px; 
}

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

#alert-overlay
{
    display:    none;
    position:   fixed;
    top:        0;
    left:       0;
    right:      0;
    bottom:     0;

    background: black /* --overlay-background */;
    opacity:    0.7;

    -webkit-backdrop-filter: saturate(180%) blur(20px);
}

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

DIALOG#alert
{
    position:        fixed;
    top:             0;
    left:            0;
    right:           0;
    bottom:          0;

    border:          none;
    background:      transparent;

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


    /*
    width:         80vw;
    max-width:     440px;

    border-radius: 5px;
    */
}

DIALOG#alert > DIV.message
{
    flex-grow:     0;

    box-sizing:    border-box;
    min-height:    60px;
    padding:       20px 25px;

    line-height:   20px;
    font-size:     13px;
    width:         80vw;
    max-width:     440px;

    background:    white;
    font-weight:   300;
    font-color:    #666666;
    border-bottom: solid 1px #D5D5D5;

    border-top-left-radius:  5px;
    border-top-right-radius: 5px;

    max-height:              70vh;
    overflow-y:              auto;
}


DIALOG#alert > BUTTON
{
    flex-grow:     0;

    line-height:   40px;
    max-height:    40px;
    margin:        0;
    padding:       0 25px 0 0;

    background:    white;
    border:        none;

    width:         80vw;
    max-width:     440px;

    text-align:    right;
    font-size:     14px;
    color:         rgb(0,122,255) /* --header-links */;
    cursor:        pointer;

    border-bottom-left-radius:  5px;
    border-bottom-right-radius: 5px;
}

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

UL
{
    list-style-type: none;
    margin:          0;
    padding:         0;
    border-radius:   5px;
    overflow:        hidden;
}

/* Generated from 6-Lists.css.txt:15 using Quasi.php */

UL > LI
{
    border-top:    solid 1px #C0C0C0 /* --border */;
}

UL > LI:first-child
{
    border-radius-top-left:  5px;
    border-radius-top-right: 5px;
    border-top:              none;
}

/* Generated from 6-Lists.css.txt:29 using Quasi.php */

UL > LI > DIV
{
    background:    #f9f9f9 /* --list-background */;
    line-height:   50px;
    padding-left:  20px;
    cursor  :      pointer;
}

/* Generated from 6-Lists.css.txt:39 using Quasi.php */

UL > LI > DIV.cancel
{
    text-align:right;
    color: rgb(255,69,58) /* --text-cancel */;
    padding-right:20px;
}

/* Generated from 6-Lists.css.txt:48 using Quasi.php */

UL > LI > DIV
{
    border-radius-top-left:  5px;
    border-radius-top-right: 5px;
}

/* Generated from 6-Lists.css.txt:56 using Quasi.php */

UL > LI > OL
{
    display:         none;
    list-style-type: none;
    border-top:      solid 1px #C0C0C0 /* --border */;
    margin:          0;
    padding:         0;
}

/* Generated from 6-Lists.css.txt:67 using Quasi.php */

UL > LI > OL > LI
{
    background:  rgb(99,99,102) /* --list-inner-background */;
    line-height: 50px;
    text-align:  center;
    margin:      0;
    font-size:   12px;
    cursor:      pointer;
    color:       white /* --list-inner-text */;
    border-top:  solid 1px rgb(115,115,118) /* --list-inner-border */;
}

UL > LI > OL > LI:first-child
{
    border-top:none;
}

/* Generated from 6-Lists.css.txt:86 using Quasi.php */

UL > LI > OL > LI:hover
{
    background:  --list-inner-background-hover;
}

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

DIV.table_padding
{
    padding:          8px;
}

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

TABLE
{
    width:           100%;
    border-collapse: collapse;
}

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

TD
{
    height:          50px;
    border-bottom:   solid 1px #EEEEEF /* --table-border-bottom */;
}

SECTION#section-observations TD
{
    border:        0;
    padding:       5px 10px;
    height:        28px;
    line-height:   15px;
    border-bottom: solid 1px #EEEEEF /* --table-border-bottom */;
    font-size:     12px;
    overflow-y:    hidden;
}

SECTION#section-observations TR.alternate
{
    background: #f5f5f5 /* --table-background-alternate */;
}

SECTION#section-observations TD.activity
{
    height:         12px;
    line-height:    12px;
    text-align:     center;
    background:     #555;
    color:          white;
    text-transform: uppercase;
}

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

TD > A
{
    display:         block;
    position:        relative;
    text-decoration: none;
    box-sizing:      border-box;
    height:          50px;
    padding:         5px 10px;
    line-height:     40px;
    font-size:       20px;
    color:           #383838 /* --table-links */;
}

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

TD > A:visited
{
    color: #383838 /* --table-links */;
}

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

TD > A::after
{
    font-family:'Awesome';
    content:    '\0f054';

    position:    absolute;
    top:         0px;
    right:       10px;
    line-height: 50px;

    color:       rgb(209,209,214) /* --table-links-arrow */;    
}

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

FORM
{
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
    flex-grow:       1;
}

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

FORM > FIELDSET,
FORM > DIV.fieldset
{
    margin:     0;
    margin-top: 20px;
    border:     0;
    padding:    0 18px 18px 18px;
}

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

FORM > FIELDSET > LABEL
{
    display:block;
}

FORM > FIELDSET > LABEL + LABEL,
FORM > FIELDSET > LABEL + BUTTON
{
    margin-top:30px;
}

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

FORM > FIELDSET > LABEL > SPAN
{
    display:     block;
    line-height: 40px;
    font-size:   20px;
}

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

FORM > FIELDSET     > LABEL > INPUT,
FORM > FIELDSET     > BUTTON,
FORM > FIELDSET     > A.button,
FORM > DIV.fieldset > BUTTON,
FORM > DIV.fieldset > A.button
{
    display:     block;
    box-sizing:  border-box;
    width:       100%;
    height:      40px;
    line-height: 30px;
    font-size:   20px;
    padding:     5px 10px;
}

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

FORM > FIELDSET     > BUTTON,
FORM > FIELDSET     > A.button,
FORM > DIV.fieldset > BUTTON,
FORM > DIV.fieldset > A.button
{
    font-family:    helvetica;
    border:         none;
    border-radius:  5px;
    letter-spacing: 1px;
    color:          white /* --form-button-text */;
    background:     rgb(0,122,255) /* --form-button-background */;
    cursor:         pointer;
}

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

FORM > FIELDSET     > BUTTON:disabled,
FORM > FIELDSET     > A:disabled.button,
FORM > DIV.fieldset > BUTTON:disabled,
FORM > DIV.fieldset > A:disabled.button
{
    color:          rgba(255,255,255,0.5) /* --form-button-disabled-text */;
    background:     rgba(  0,122,255,0.5) /* --form-button-disabled-background */;
    font-weight:    300;
}

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

FORM > FIELDSET     > A.button,
FORM > DIV.fieldset > A.button
{
    text-align:      center;
    text-decoration: none;
}

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

BUTTON#button-next-worker
{
    font-family:    helvetica;
    border:         none;
    border-radius:  5px;
    letter-spacing: 1px;
    color:          white /* --form-button-text */;
    background:     rgb(0,122,255) /* --form-button-background */;
    cursor:         pointer;
    height:         40px;
    outline:        none;
}

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

INPUT,
TEXTAREA
{
    background:  white /* --form-input-background */;
}

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

INPUT
{
    border:none;
    border-bottom: solid 1px #C0C0C0 /* --border */;
    border-radius: 0;
}

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

INPUT.ro,
INPUT:disabled,
TEXTAREA:disabled
{
    background: #EEE /* --form-input-disabled-background */;
}

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

FORM > FIELDSET > BLOCKQUOTE
{
    display:       block;
    box-sizing:    border-box;
    width:         100%;

    margin:        30px 0 0;
    border:        solid 2px #C0C0C0 /* --border */;
    border-radius: 15px;

    line-height: 25px;
    font-size:   20px;
    padding:     20px;
}

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

FORM >     FIELDSET > LABEL > SPAN:first-child,
FORM > DIV.fieldset > LABEL > SPAN:first-child
{
    height:         30px;
    line-height:    30px;
    font-size:      14px;
    text-transform: uppercase;
}

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

FORM > FIELDSET     SELECT,
FORM > DIV.fieldset SELECT
{
    margin-top:  10px;
    display:     block;
    box-sizing:  border-box;
    width:       100%;
    height:      40px;
    line-height: 30px;
    font-size:   20px;
    height:      30px;
    line-height: 25px;
    font-size:   15px;
    padding:     5px 10px;
}

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

#new-observation
{
    flex-grow:       1;
    display:         flex;
    flex-direction:  column;
    justify-content: space-between;
}

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

#new-observation DIV#time-period
{
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:0 22px;

    display:flex;
    justify-content: center;

    height:      20px;
    line-height: 20px;
    font-size:   11px;
}

#new-observation DIV#time-period SPAN#span-from
{
    position:absolute;
    left:22px;
}

#new-observation DIV#time-period SPAN#span-to
{
    position:absolute;
    right:22px;
}

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

#new-observation INPUT
{
    display:     block;
    box-sizing:  border-box;
    width:       100%;
    text-align:  center;
    margin:      0;
    padding:     0;
    border:      0;

    height:      30px;
    line-height: 30px;
    font-size:   12px;

    color:       black /* --new-observation-input-text */;
    font-family: helvetica;
}

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

#new-observation TEXTAREA
{
    width:       100%;
    box-sizing:  border-box;
    margin:      0;
    padding:     5px 10px;
    line-height: 20px;
    font-size:   14px;
    flex-grow:   1;
    flex-shrink: 1;
    flex:        1;
    font-family: helvetica;
    border:      solid 1px #C0C0C0 /* --border */;

    resize:none;
}

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

INPUT#input-selection
{
    color: rgb(0,122,255) /* --header-links */;
}

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

DIV#multirole SELECT
{
    box-sizing:    border-box;
    flex-basis:    49%;
    width:         49%;
}

/* Generated from 8-Menu.txt:7 using Quasi.php */

#overlay
{
    display:    none;
    position:   fixed;
    top:        20px;
    left:       0;
    right:      0;
    bottom:     0;

    background: black /* --overlay-background */;
    opacity:    0.7;

    -webkit-backdrop-filter: saturate(180%) blur(20px);
}

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

#menu
{
    display:    none;
    position:   fixed;
    top:        48px;
    left:       0;
    right:      0;
    bottom:     0;
    box-sizing: border-box;
    padding:    30px;
}

/* Generated from 8-Menu.txt:49 using Quasi.php */

#menu-inner
{
    max-height: 100%;
    box-sizing: border-box;
    overflow-y: auto;
}

/* Generated from A-Typography.css.txt:2 using Quasi.php */

.awesome
{
    font-family: 'Awesome' !important;
}

/* Generated from A-Typography.css.txt:9 using Quasi.php */

P
{
    margin:  20px 0 0;
    padding: 0 18px;
    line-height:30px;
    font-size:20px;
}

/* Generated from A-Typography.css.txt:19 using Quasi.php */

DL
{
    margin:  15px 0 0;
    padding: 0 18px;
    line-height:20px;
    font-size:14px;
}

DL DT
{
    font-size:      10px;
    text-transform: uppercase;
    color:          #666 /* --text-dt */;
    letter-spacing: 1.4px;
}

DL DD
{
    margin-left:    0;
    margin-bottom:  10px;
}

/* Generated from I-Icons.css.txt:2 using Quasi.php */

.info
{
    position:    relative;
    width:       28px;
    min-width:   18px;
}

.info::before
{
    content:     '\0f05a';
    font-family: 'Awesome';
    font-weight:  300;
    font-size:    15px;

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

    text-align:   center;
    line-height:  38px;
    color:        rgb(0,122,255) /* --header-links */;
}