/* Generated from 0-Temporary.txt:37 using Quasi.php */

.disable_pointer_events
{
    pointer-events:none;
}

.c
{
    text-align: center;
}

.r
{
    text-align: right;
}

.Awesome
{
    font-family: Awesome;
}

.relative
{
    position: relative;
}

.invisible
{
    opacity:0;

    /* transition: opacity 1s; */
}

.scroller
{
    overflow-x: auto;
}

FORM
{
    width: 100%;
}

TABLE
{
    width: 100%;
    margin: 0;
    padding: 0 1.0rem;
}

TABLE.fixed
{
    table-layout: fixed;
}

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

.transition
{
    transition: all .5s ease-in-out;
}

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

BODY
{
    visibility:       hidden;
    background-color: #E4E7E9 /* --colour-body-bg */;
}

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

BODY *
{
    font-family: Roboto, sans-serif;
}

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

.deprecated
{
    display: none !important;
}

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

.absolute
{
    position: absolute;
    left:     0;
    right:    0;
}

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

.absolute.stretch
{
    left:0;
    right:0;
}

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

.prevent_margin_collapse
{
    display: flow-root;
}

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

.box_shadow
{
    box-shadow:    rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
}

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

.hidden
{
    display: none;
}

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

.flex
{
    display: flex;
}

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

.flex_end
{
    display:         flex;
    justify-content: flex-end;
}

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

.flex_space_between
{
    display:         flex;
    justify-content: space-between;
}

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

A:any-link
{
    font-weight:     normal;
    letter-spacing:  1.1px;
    text-transform:  uppercase;
    color:           #27aa98 /* --colour-form-input-focus */;
    text-decoration: none;
}

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

A:hover
{
    opacity:0.75;
}

/* Generated from 2.1-Menu.txt:12 using Quasi.php */

BODY > ASIDE,
BODY > MENU
{
    display:          flex;
    flex-direction:   column;
    justify-content:  flex-start;

    position:         absolute;
    top:              0px;
    left:             0px;
    bottom:           0px;
    width:            var(--width-body-menu);

    background:       #26283B /* --colour-menu-bg */;
    background-image: linear-gradient(#26283B, #26283B) /* --menu-grad */;
    overflow:         auto;

    transition:       unset;
}

/* Generated from 2.1-Menu.txt:37 using Quasi.php */

BODY > ASIDE > NAV IMG.logo-icon,
BODY > MENU  > NAV IMG.logo-icon
{
    padding:             0rem 0rem 4rem 0rem;
    background-image:    url(/resources/images/orcoda-logo-icon.svg);
    background-repeat:   no-repeat;
    background-position: center;
    background-size:     auto 35px;
}

/* Generated from 2.1-Menu.txt:50 using Quasi.php */

BODY > ASIDE.open > NAV IMG.logo-icon,
BODY >  MENU.open > NAV IMG.logo-icon
{
    padding:             2.0rem 0rem;
    background-image:    url(/resources/images/orcoda-aside-logo.svg);
    background-repeat:   no-repeat;
    background-position: center;
    background-size:     auto 35px;
}

/* Generated from 2.1-Menu.txt:64 using Quasi.php */

BODY > MENU
{
    list-style-type:  none;
    margin:           0;
    padding:          0;
    flex-basis:       auto;
    flex-grow:        0;
    flex-shrink:      0;
    color:            #FFFFFF;
}

/* Generated from 2.1-Menu.txt:77 using Quasi.php */

BODY > MENU A:any-link
{
    color:            inherit;
}

/* Generated from 2.1-Menu.txt:85 using Quasi.php */

BODY > MENU::-webkit-scrollbar
{
    display:none;
}

/* Generated from 2.1-Menu.txt:94 using Quasi.php */

BODY > ASIDE.open,
BODY > MENU.open
{
    width: var(--width-body-menu-extended);
}

/* Generated from 2.1-Menu.txt:104 using Quasi.php */

BODY > MENU.autohover:hover
{
    width: var(--width-body-menu-extended);
}

/* Generated from 5-Nav.txt:49 using Quasi.php */

BODY > NAV UL
{
    display: none !important;
}

BODY > NAV OL.breadcrumbs LI:has(SPAN)
{
    display: none !important;
}

BODY#login-index          > NAV,
BODY#reset_password-index > NAV
{
    display: none !important;
}

/* Generated from 5-Nav.txt:72 using Quasi.php */

BODY > NAV .breadcrumbs
{
    display:    block;

    position:   fixed;
    top:        4.0rem /* --height-header */;
    right:      0rem;
    height:     2.0rem /* --height-nav */;
    overflow:   hidden;

    background: #D6D8DC /* --colour-nav-background */;
    /* box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;   */
}

/* Generated from 5-Nav.txt:105 using Quasi.php */

BODY > NAV .breadcrumbs
{
    margin:          0;
    padding:         0 0 0 calc(3.0rem - 0.7rem /* --height-nav-font */);
    list-style-type: none;
}

/* Generated from 5-Nav.txt:117 using Quasi.php */

BODY > NAV .breadcrumbs LI
{
    float:         left;
    padding:       0;
}

/* Generated from 5-Nav.txt:132 using Quasi.php */

BODY > NAV .breadcrumbs A
{
    float:         left;
    display:       inline-block;
    padding:       0 calc(2 * 0.7rem /* --height-nav-font */) 0 0.7rem /* --height-nav-font */;
    background:    transparent !important;
    color:         #636477 /* --colour-nav-breadcrumb-link */ !important;
    font-size:     0.7rem /* --height-nav-font */;
    height:        2.0rem /* --height-nav */;
    line-height:   2.0rem /* --height-nav */;
    position:      relative;
}

/* Generated from 5-Nav.txt:151 using Quasi.php */

BODY > NAV .breadcrumbs A:not(:last-child)::after,
BODY > NAV .breadcrumbs LI:not(:last-child) A::after
{
    content:        '\0f054';

    position:       absolute;
    top:            0;
    height:         2.0rem /* --height-nav */;
    right:          0px;
    width:          0.7rem /* --height-nav-font */;

    font-family:    'Awesome';
    font-size:      0.7rem /* --height-nav-font */;
    line-height:    2.0rem /* --height-nav */;
    color:          #636477 /* --colour-nav-breadcrumb-link */;
    text-align:     center;
    vertical-align: middle;
}

/* Generated from 5-Nav.txt:172 using Quasi.php */

NAV > A:any-link
{
    color: #27aa98 /* --colour-form-input-focus */;
}

/* Generated from 2.1-Menu.txt:111 using Quasi.php */

.submenu,
.submenu
{
    padding-left: 1.3rem;
    opacity:      0;
    height:       0;
}

/* Generated from 2.1-Menu.txt:121 using Quasi.php */

MENU.autohover:hover
{
    width: var(--width-body-menu-extended);
}

/* Generated from 2.1-Menu.txt:128 using Quasi.php */

MENU.autohover:hover .subactive + .submenu,
MENU.autohover:hover .active    + .submenu,
.open                .subactive + .submenu,
.open                .active    + .submenu
{
    opacity:    1.0;
    height:     max-content;
    transition: opacity 0.0s;
}

/* Generated from 2.1-Menu.txt:140 using Quasi.php */

.submenu > A,
.submenu > A.icon:before
{
    font-size: 0.8rem;
}

/* Generated from 2.1-Menu.txt:148 using Quasi.php */

MENU.autohover:hover .has_submenu::after,
.open                .has_submenu::after
{
    content: '\0f054';

    position:       absolute;
    font-family:    Awesome;
    vertical-align: middle;

    right:          1.0rem;
}

/* Generated from 2.1-Menu.txt:162 using Quasi.php */

MENU.autohover:hover .has_submenu.subactive::after,
.open                .has_submenu.subactive::after
{
    content: '\0f078';
}

/* Generated from 2.1-Menu.txt:170 using Quasi.php */

EM.icon
{
    display:none;
}

/* Generated from 2.2-Menu-Nav.txt:14 using Quasi.php */

BODY > ASIDE > NAV,
BODY > MENU  > NAV
{
    display:        flex;
    flex-direction: column;
    color:          inherit;
}

/* Generated from 2.2-Menu-Nav.txt:24 using Quasi.php */

BODY > ASIDE > NAV > .separator,
BODY > MENU  > NAV > .separator
{
    border-top:     0px solid #bbb;
    border-radius:  2px;
    margin:         0rem 2rem;
    padding-bottom: 2rem;
}

/* Generated from 2.2-Menu-Nav.txt:35 using Quasi.php */

BODY > ASIDE NAV > A,
BODY > MENU  NAV > A
{
    border-top:     0px solid #bbb;
    border-radius:  2px;
    margin:         0rem 2rem;
    padding-bottom: 2rem;
}

/* Generated from 2.2-Menu-Nav.txt:46 using Quasi.php */

BODY > ASIDE NAV > A,
BODY > MENU  NAV > A
{
    padding-left:  56px !important;
    padding-right: 0;
}

/* Generated from 2.2-Menu-Nav.txt:55 using Quasi.php */

BODY > ASIDE NAV > A:any-link,
BODY > MENU  NAV > A:any-link
{
    font-weight:     300;
    text-decoration: none;
    border-bottom:   solid 0px #555;

    overflow:        hidden;
    margin:          0.15rem .75rem;
}

/* Generated from 2.2-Menu-Nav.txt:68 using Quasi.php */

BODY > ASIDE NAV > A.icon:before,
BODY > MENU  NAV > A.icon:before
{
    left:           0;
    width:          56px;
    text-align:     center;
    font-size:      1.25rem;
}

/* Generated from 2.2-Menu-Nav.txt:79 using Quasi.php */

A.icon.sold:before
{
    font-weight: 900;
}

/* Generated from 2.2-Menu-Nav.txt:86 using Quasi.php */

BODY > ASIDE NAV > A:hover,
BODY > MENU  NAV > A:hover
{
    background-image: linear-gradient(#ffffff, #f6f7fd) /* --hover-grad */;
    color:            #262838 /* --colour-menu-text-hover */;
    transition:       background-colour .25s ease-in-out;
    border-radius:    8px;
}

/* Generated from 2.2-Menu-Nav.txt:97 using Quasi.php */

BODY > ASIDE NAV > A.active,
BODY > MENU  NAV > A.active
{
    color:            white;
    background-color: #f6f7fe;
    background-image: linear-gradient(#78D1C8, #22A895) /* --primary-grad */;

    transition: background-color .25s ease-in-out;
    border-radius: 8px;
}

/* Generated from 2.2-Menu-Nav.txt:113 using Quasi.php */

BODY > MENU NAV > A
{
    box-sizing:      border-box;
    display:         block;
    height:          3.0rem;
    line-height:     3.0rem;
    position:        relative;
    white-space:     nowrap;
}

/* Generated from 2.2-Menu-Nav.txt:125 using Quasi.php */

BODY > MENU NAV > A.icon:before
{
    position:       absolute;
    font-family:    Awesome;
    vertical-align: middle;
}

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

BODY > HEADER
{
    height:         4.0rem /* --height-header */;
    left:           var(--width-body-menu);

    background:     #FFFFFF /* --colour-body-header-bg */;
    color:          #43425D /* --colour-body-header-fg */;
    box-shadow:     rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
    letter-spacing: 1.2px;
}

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

BODY > HEADER.open
{
    left: var(--width-body-menu-extended);
}

/* Generated from 3-Header.txt:22 using Quasi.php */

BODY > HEADER > NAV:first-child
{
    margin-left:  3.0rem;
}

/* Generated from 3-Header.txt:29 using Quasi.php */

BODY > HEADER > NAV:last-child
{
    margin-right: 3.0rem;
}

/* Generated from 3-Header.txt:36 using Quasi.php */

BODY > HEADER > NAV > A:any-link
{
    color:          inherit;
    letter-spacing: 10px;
    font-weight:    500;
    line-height:    48px;

}

/* Generated from 3-Header.txt:47 using Quasi.php */

BODY > HEADER > NAV > A.icon
{
    position:     relative;
    font-size:    1.5rem;
    padding-left: 2rem;
    margin-left:  0rem;
    height:       48px;

    transition: opacity 1s, transform 1s;
}

BODY > HEADER > NAV > A.icon:before
{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width: 3.0rem;
    text-align: center;
}

BODY > HEADER > NAV > A.icon.menu
{
    opacity:      1.0;
}

BODY > HEADER > NAV > A.icon.menu:before
{
    text-align:   left;
}

/* Generated from 3-Header.txt:80 using Quasi.php */

BODY > HEADER > NAV > A.title
{
    margin: 0 1.0rem;
}

/* Generated from 3-Header.txt:87 using Quasi.php */

BODY > HEADER > NAV > A.icon.sign-out
{
    font-size:     1.75rem;
}

BODY > HEADER > NAV > A.icon.sign-out:before
{
    text-align: right;
}

/* Generated from 4.2-Main-Header.txt:2 using Quasi.php */

BODY > MAIN#main > HEADER
{
    margin-top: 3rem;
}

/* Generated from 4.2-Main-Header.txt:9 using Quasi.php */

BODY > MAIN#main > HEADER > SPAN
{
    position:        absolute;
    top:             0;
    left:            0;
    right:           0;
    bottom:          0;

    display:         flex;
    justify-content: center;
    align-items:     center;
    pointer-events:  none;

    color:           #30383b /* --colour-dark-text */;
    font-size:       2.0rem;
    font-weight:     bold;
}

/* Generated from 5-Nav.txt:88 using Quasi.php */

BODY > NAV .breadcrumbs
{
    left:       var(--width-body-menu);
}

/* Generated from 5-Nav.txt:95 using Quasi.php */

BODY > NAV .breadcrumbs.open
{
    left: var(--width-body-menu-extended);
}

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

:root
{
    --overflow-main: scroll;   
}

BODY > MAIN
{
    overflow:   var(--overflow-main);
    top:        6.0rem;
    left:       var(--width-body-menu);
    width:      auto;
    bottom:     0rem;
}

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

BODY > MAIN.open
{
    left: var(--width-body-menu-extended);
}

/* Generated from 4-Main.txt:31 using Quasi.php */

BODY > MAIN#main
{
    display:         flex;
    align-items:     stretch;
    justify-content: flex-start;
    flex-direction:  column;
}

/* Generated from 4-Main.txt:41 using Quasi.php */

BODY > MAIN#main.flex_row
{
    flex-direction: row;
}

/* Generated from 4-Main.txt:48 using Quasi.php */

BODY > MAIN > *
{
    height: auto;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:368 using Quasi.php */

UL.datalist_list
{
    position:      absolute;
    z-index:       100;
    left:          0px;
    right:         0px;
    padding:       0px;
    width:         90%;

    border:        solid 1px #CBD5E1 /* --colour-form-datalist-outside-border */;
    border-radius: var(--form-border-radius);

    max-height:    400px;
    overflow-x:    hidden;
    overflow-y:    scroll;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:387 using Quasi.php */

UL.datalist_list LI
{
    padding-left:  1.0rem;
    height:        3.0rem;
    line-height:   3.0rem;
    background:    white;
    border:        solid 1px #F5F5F5 /* --colour-form-datalist-inside-border */;
    overflow:      hidden;
}

UL.datalist_list LI:hover
{
    background:    #F7F7FD;
}

UL.datalist_list LI.selected
{
    background:    #F7F7FD;
}

/* Generated from 4.0-Main-Form.txt:4 using Quasi.php */

MAIN FORM DIV.fieldset.hidden
{
    display: none;
}

/* Generated from 4.0-Main-Form.txt:11 using Quasi.php */

MAIN FORM DIV.buttons
{
    justify-content: flex-end;
}

MAIN FORM DIV.buttons.space_between
{
    justify-content: space-between !important;
}

/* Generated from 4.0-Main-Form.txt:26 using Quasi.php */

MAIN FORM DIV.buttons *
{
    flex-grow: unset;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:4 using Quasi.php */

FORM LABEL
{
    margin-top:     0;
    line-height:    3.0rem;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:17 using Quasi.php */

DIALOG FORM LABEL > SPAN:first-child,
DIALOG FORM LABEL > EM:first-child,
DIALOG FORM LABEL > B:first-child,
MAIN   FORM LABEL > SPAN:first-child,
MAIN   FORM LABEL > EM:first-child,
MAIN   FORM LABEL > B:first-child
{
    display:     block;
    font-style:  normal;
    font-weight: 500;
    colour:      #43425D /* --colour-form-text */;
    line-height: 3.0rem;

    white-space: nowrap;
    overflow-x:  hidden;
}

DIALOG FORM LABEL > B:first-child,
MAIN   FORM LABEL > B:first-child
{
    font-weight: bold;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:70 using Quasi.php */

LABEL.fixed_width_remainder
{
    width: calc(100% - 192px);
}

LABEL.fixed_width
{
    width: 192px;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:84 using Quasi.php */

MAIN FORM SELECT
{
    font-size:        1.0rem;
    background-color: transparent;
    color:            #97A3B6 /* --colour-form-placeholder */;
    border-color:     #CBD5E1 /* --colour-form-border */;
    border-radius:    6px;
    height:           3.0rem;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:96 using Quasi.php */

SELECT:focus:not(:disabled)
{
    border-color:     #27aa98 /* --colour-form-input-focus */;
    outline:          none !important;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:104 using Quasi.php */

SELECT:disabled
{
    background-color: #E4E7E9 /* --colour-body-bg */;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:111 using Quasi.php */

OPTION
{
    background: #E4E5E4;
}

OPTION:not(:disabled)
{
    color: black;
}

OPTION:disabled
{
    color: #DDD;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:130 using Quasi.php */

.icon-left-select,
.icon-right-select
{
    position:       relative;
}

.icon-left-select > SELECT
{
    padding-left: 50px;
}

.icon-left-select:before
{
    background:     white;
    position:       absolute;
    top:            0;
    left:           0;
    right:          0;
    height:         3.0rem;
    line-height:    3.0rem;
    box-sizing:     border-box;
    padding-left:   16px;
    padding-right:  16px;

    color:          #97A3B6 /* --colour-form-placeholder */;
    font-family:    Awesome;
    font-size:      1.3rem;
    text-align:     left;

    border-radius:  6px;
    pointer-events: none;
}

.icon-right-select:before
{
    background:     white;
    position:       absolute;
    top:            0;
    left:           0;
    right:          0;
    height:         3.0rem;
    line-height:    3.0rem;
    box-sizing:     border-box;
    padding-right:  16px;

    color:          #97A3B6 /* --colour-form-placeholder */;
    font-family:    Awesome;
    font-size:      1.9rem;
    text-align:     right;

    border-radius:  6px;
    pointer-events: none;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:188 using Quasi.php */

DIALOG FORM INPUT,
MAIN   FORM INPUT,
MAIN   FORM TEXTAREA
{
    border-radius:    6px;
    color:            #43425D /* --colour-form-text */;
    border-color:     #CBD5E1 /* --colour-form-border */;
    font-size:        1.0rem;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:200 using Quasi.php */

DIALOG FORM INPUT:not(:read-only),
MAIN   FORM INPUT:not(:read-only),
MAIN   FORM TEXTAREA:not(:read-only)
{
    background-color: transparent;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:209 using Quasi.php */

DIALOG FORM INPUT:read-only,
MAIN   FORM INPUT:read-only
{
    background-color: #E4E7E9 /* --colour-body-bg */;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:217 using Quasi.php */

MAIN   FORM INPUT:invalid
{
    color: orange;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:224 using Quasi.php */

DIALOG FORM INPUT:focus:not(:read-only),
MAIN   FORM INPUT:focus:not(:read-only),
MAIN   FORM TEXTAREA:focus:not(:read-only)
{
    border-color:     #27aa98 /* --colour-form-input-focus */;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:233 using Quasi.php */

MAIN FORM INPUT:read-only,
MAIN FORM TEXTAREA:read-only
{
    background-color: #E4E7E9 /* --colour-body-bg */;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:241 using Quasi.php */

MAIN FORM INPUT::placeholder,
MAIN FORM TEXTAREA::placeholder
{
    color:          #97A3B6 /* --colour-form-placeholder */;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:249 using Quasi.php */

MAIN FORM INPUT:focus,
MAIN FORM TEXTAREA:focus
{
    outline: none !important;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:257 using Quasi.php */

MAIN FORM INPUT[type=checkbox],
MAIN FORM INPUT[type=radio]
{
    margin:      0;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:265 using Quasi.php */

MAIN FORM INPUT[type=checkbox] + SPAN,
MAIN FORM INPUT[type=radio]    + SPAN
{
    padding-left: 1.0rem;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:273 using Quasi.php */

MAIN FORM TEXTAREA
{
    box-sizing: border-box;
    width:      100%;
    padding:    0.75rem 1.0rem;
    min-height: 9rem;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:285 using Quasi.php */

.icon-left-input
{
    position:     relative;
}

.icon-left-input:before
{
    background:   transparent;
    position:     absolute;
    top:          0;
    left:         0;
    right:        0;

    height:       3.0rem;
    line-height:  3.0rem;
    box-sizing:   border-box;
    padding-left: 16px;

    color:        #97A3B6 /* --colour-form-placeholder */;
    font-family:  Awesome;
    font-size:    1.3rem;
    text-align:   left;

    pointer-events:  none;
}

.icon-left-input > INPUT
{
    padding-left: 50px;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:352 using Quasi.php */

FORM LABEL INPUT[type=checkbox],
FORM LABEL INPUT[type=radio]
{
    /* Why did I have this height: auto; */
}

FORM LABEL.inline
{
    display:      inline;
    line-height:  3.0rem;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:42 using Quasi.php */

.fieldset LABEL.tenth_minus_twentieth_width
{
    flex-basis:15%;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:49 using Quasi.php */

.fieldset LABEL.eighth_width
{
    flex-basis:12.5%;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:56 using Quasi.php */

.fieldset LABEL.tenth_width
{
    flex-basis:10%;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:63 using Quasi.php */

.fieldset LABEL.twentieth_width
{
    flex-basis:5%;
}

/* Generated from 4.0.1-Main-Form-Inputs.txt:318 using Quasi.php */

.icon-right-input
{
    position: relative;
}

.icon-right-input:before
{
    background:     transparent;
    position:       absolute;
    top:            0;
    left:           0;
    right:          0;
    height:         3.0rem;
    line-height:    3.0rem;
    box-sizing:     border-box;
    padding-right:  16px;

    color:          #97A3B6 /* --colour-form-placeholder */;
    font-family:    Awesome;
    font-size:      1.3rem;
    text-align:     right;

    pointer-events: none;
}

/* Generated from 4.0.2-Main-Form-Buttons.txt:3 using Quasi.php */

MAIN FORM BUTTON,
A.button
{
    display:          block;
    border-radius:    6px;
    background-color: #43425D /* --colour-form-button */;
    color:            white;
    height:           4.0rem;
    line-height:      4.0rem;
    margin:           0;
    padding:          0 20px;
    text-decoration:  none;
    text-align:       center;
    min-width:        11rem;
}

/* Generated from 4.0.2-Main-Form-Buttons.txt:21 using Quasi.php */

MAIN FORM BUTTON:disabled,
A.button:disabled
{
    color:      #808e95 /* --colour-form-text-disabled */;
    background: #B1BEC5 /* --colour-form-button-disabled */;
}

/* Generated from 4.0.2-Main-Form-Buttons.txt:32 using Quasi.php */

A.linkbutton
{
    display:          block;
    height:           4.0rem;
    line-height:      4.0rem;
    font-weight:      normal;
    text-decoration:  none;
    background-color: #43425D /* --colour-form-button */;
    color:            #FFFFFF /* --colour-text */;

    cursor:           pointer;
    outline:          0;
    padding:          0 1.0rem;
    border:           0;
    font-size:        1rem;
    text-align:       center;
    border-width:     0px;
    border-radius:    6px /* --border-radius-form */;
    box-shadow:       rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
}

A.linkbutton.w11
{
    width:            11rem;
}


FORM A.linkbutton:hover
{
    opacity: 0.6;
    transition: opacity .25s ease-in-out;
}

/* Generated from 4.0.2-Main-Form-Buttons.txt:67 using Quasi.php */

BUTTON.inline,
A.button.inline
{
    height:      3.0rem;
    line-height: 3.0rem;
    width:       100%;
}

/* Generated from 4.0.2-Main-Form-Buttons.txt:77 using Quasi.php */

.button.special
{
    margin:      1.5rem 2.5rem 0rem 1.85rem;
    height:      4.0rem;
    line-height: 4.0rem;
}

/* Generated from 4.0.3-Main-Form-Inline.txt:4 using Quasi.php */

MAIN FORM.inline > DIV.fieldset > LABEL
{
    margin-top:0;
}

/* Generated from 4.0.3-Main-Form-Inline.txt:13 using Quasi.php */

MAIN FORM.inline > DIV.fieldset > LABEL *
{
    line-height: 3.0rem;
}

/* Generated from 4.0.3-Main-Form-Inline.txt:20 using Quasi.php */

MAIN FORM.inline > DIV.fieldset > LABEL BUTTON
{
    width:  100%;
    height: 3.0rem;
}

/* Generated from 4.0.3-Main-Form-Inline.txt:28 using Quasi.php */

MAIN FORM.inline > DIV.fieldset > LABEL *:not([type=checkbox]):not([type=radio]),
MAIN FORM.inline > DIV          > LABEL *:not([type=checkbox]):not([type=radio])
{
    height: 3.0rem;
} 

/* Generated from 4.0.3-Main-Form-Inline.txt:36 using Quasi.php */

MAIN FORM.inline LABEL INPUT[type=checkbox] + SPAN,
MAIN FORM.inline LABEL INPUT[type=radio]    + SPAN
{
    margin:         0px 0px !important;
}

/* Generated from 4.0.5-Main-Form-Inline-Insection.txt:2 using Quasi.php */

BODY > MAIN FORM.inline.insection
{
    padding-top:    2.25rem;
    padding-bottom: 68px;
}

/* Generated from 4.0.5-Main-Form-Inline-Insection.txt:19 using Quasi.php */

BODY > MAIN FORM.inline.insection .button.pronounced
{
    margin:      1.5rem 0rem 0rem;
    height:      4.0rem;
    line-height: 4.0rem;
    float:       right;
}

/* Generated from 4.1-Main-Article.txt:4 using Quasi.php */

BODY > MAIN > ARTICLE
{
    display:         flex;
    flex-direction:  column;
    justify-content: flex-start;
    align-items:     stretch;
    position:        relative;
    padding:         3.0rem 0;
    flex-grow:       0;
    background:      unset;
    overflow:        unset;

    padding-top:     0;      /* Overriride because section now has the padding. */
    padding-bottom:  0;
}

BODY > MAIN > ARTICLE:last-of-type
{
    flex-grow:       1;
}

BODY > MAIN > HEADER + ARTICLE:last-of-type
{
    flex-grow:       0;
}

/* Following prevents SECTION.scroller flex "bug" */
BODY > MAIN > ARTICLE > *
{
    flex-grow: 0;
}

/* Generated from 4.1-Main-Article.txt:40 using Quasi.php */

BODY > MAIN > HEADER + ARTICLE.no_grow
{
    flex-grow: 0;
}

/* Generated from 4.1-Main-Article.txt:47 using Quasi.php */

BODY > MAIN NAV
{
    display: flex;
    align-items: center;
}

BODY > MAIN NAV A
{
    padding: 0 1.0rem;
}

/* Generated from 4.1.1-Main-Article-Header.txt:38 using Quasi.php */

BODY > MAIN >           HEADER,
BODY > MAIN > ARTICLE > HEADER
{
    margin:      0 2.0rem;
    flex-grow:   0;
    flex-shrink: 0;
    background:  transparent;
    position:    relative;
    height:      3.0rem;
    line-height: 3.0rem;
}

/* Generated from 4.1.1-Main-Article-Header.txt:54 using Quasi.php */

BODY > MAIN >           HEADER > NAV A:any-link,
BODY > MAIN > ARTICLE > HEADER > NAV A:any-link,
BODY > MAIN             HEADER LABEL A:any-link
{
    color:           #43425D /* --colour-nav-link */;
    text-decoration: none;
}

/* Generated from 4.1.1-Main-Article-Header.txt:65 using Quasi.php */

BODY > MAIN >           HEADER > NAV .icon,
BODY > MAIN > ARTICLE > HEADER > NAV .icon,
BODY > MAIN             HEADER LABEL .icon
{
    height:       3.0 rem;
    line-height:  3.0rem;
    box-sizing:   border-box;
    padding:      0 1.0rem 0 2.5rem;

    position: relative;
}

BODY > MAIN             HEADER LABEL .icon
{
    left: -1.0rem;
}

/* Generated from 4.1.1-Main-Article-Header.txt:84 using Quasi.php */

BODY > MAIN >           HEADER > NAV .icon:before,
BODY > MAIN > ARTICLE > HEADER > NAV .icon:before,
BODY > MAIN             HEADER LABEL .icon:before
{
    position:   absolute;
    left:       0;
    text-align: center;
    font-size:  1.0rem;
    width:      3.0rem;
}

/* Generated from 4.1.1-Main-Article-Header.txt:100 using Quasi.php */

BODY > MAIN >           HEADER .fullsize,
BODY > MAIN > ARTICLE > HEADER .fullsize
{
    position:        absolute;
    top:             0;
    left:            0;
    right:           0;
    bottom:          0;
    display:         flex;
    justify-content: center;
    align-items:     center;
    pointer-events:  none;
}

/* Generated from 4.1.1-Main-Article-Header.txt:116 using Quasi.php */

BODY > MAIN >           HEADER .fullsize B,
BODY > MAIN > ARTICLE > HEADER .fullsize B
{
    color:       #30383b /* --colour-dark-text */;
    font-size:   2.0rem;
    font-weight: bold;
}

/* Generated from 4.1.1-Main-Article-Header.txt:126 using Quasi.php */

BODY > MAIN >           HEADER span:only-child
{
    position:        absolute;
    top:             0;
    left:            0;
    right:           0;
    bottom:          0;
    display:         flex;
    justify-content: center;
    align-items:     center;
    pointer-events:  none;

    color:       var(--dark-text);
    font-size:   2.0rem;
    font-weight: bold;
}

/* Generated from 4.1.1.1-Main-Article-Header-Forms.txt:8 using Quasi.php */

BODY > MAIN FORM.inline
{
    width:          100%;
    margin:         0rem;
    padding-bottom: 0;
}

/* Generated from 4.1.1.1-Main-Article-Header-Forms.txt:24 using Quasi.php */

MAIN >           HEADER FORM.inline > DIV.fieldset > LABEL INPUT,
MAIN > ARTICLE > HEADER FORM.inline > DIV.fieldset > LABEL INPUT
{
    border:     none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
    background: white;
}

/* Generated from 4.1.1.1-Main-Article-Header-Forms.txt:34 using Quasi.php */

MAIN >           HEADER FORM.inline > DIV.fieldset > LABEL SELECT,
MAIN > ARTICLE > HEADER FORM.inline > DIV.fieldset > LABEL SELECT
{
    border:     none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
}

/* Generated from 4.1.1.1-Main-Article-Header-Forms.txt:43 using Quasi.php */

MAIN >           HEADER FORM.inline > DIV.fieldset > LABEL BUTTON,
MAIN > ARTICLE > HEADER FORM.inline > DIV.fieldset > LABEL BUTTON
{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
}

/* Generated from 4.1.1.1-Main-Article-Header-Forms.txt:51 using Quasi.php */

MAIN >           HEADER FORM.inline > DIV.fieldset > LABEL BUTTON.shiftleft,
MAIN > ARTICLE > HEADER FORM.inline > DIV.fieldset > LABEL BUTTON.shiftleft
{
    width:3.0rem;
    min-width:3.0rem;
    padding:0;
    flex:0;
    float:right;
}

/* Generated from 4.1.1.1-Main-Article-Header-Forms.txt:63 using Quasi.php */

MAIN >           HEADER FORM.inline > DIV.fieldset > LABEL BUTTON.shiftright,
MAIN > ARTICLE > HEADER FORM.inline > DIV.fieldset > LABEL BUTTON.shiftright
{
    width:3.0rem;
    min-width:3.0rem;
    padding:0;
    flex:0;
}

/* Generated from 4.1.2-Main-Article-Section.txt:30 using Quasi.php */

BODY > MAIN > FOOTER
{
    flex-direction: column;
    position:       relative;
}

/* Generated from 4.1.2-Main-Article-Section.txt:38 using Quasi.php */

BODY > MAIN > ARTICLE   SECTION,
BODY > MAIN > ARTICLE > SECTION,
BODY > MAIN > ARTICLE > FOOTER,
BODY > MAIN >           FOOTER
{
    margin:         3.0rem 3rem 0rem;
    border-radius:  10px;
    padding:        1.0rem;

    background:    white;
    /* box-shadow:    rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */; */

    color:         #43425D /* --colour-form-text */;
}

/* Generated from 4.1.2-Main-Article-Section.txt:55 using Quasi.php */

BODY > MAIN > ARTICLE > SECTION.row_direction
{
    margin-bottom:   3rem;
    padding:         0;
    flex-grow:       1;

    display:         flex;
    flex-direction:  row;
    align-items:     stretch;
    justify-content: space-evenly;
}

/* Generated from 4.1.2-Main-Article-Section.txt:69 using Quasi.php */

BODY > MAIN > ARTICLE > SECTION.row_direction > DIV
{
    flex-basis: 50%;
    position:   relative;
}

BODY > MAIN > ARTICLE > SECTION.row_direction > DIV:only-child
{
    flex-basis: 100%;
}

/* Generated from 4.1.2-Main-Article-Section.txt:82 using Quasi.php */

BODY > MAIN > ARTICLE > SECTION.row_direction > DIV:not(:first-child)
{
    border-left: solid 1px #CBD5E1 /* --colour-form-border */;
}

/* Generated from 4.1.2-Main-Article-Section.txt:101 using Quasi.php */

BODY > MAIN > ARTICLE > SECTION FORM:not(.inline) DIV.fieldset,
BODY > MAIN             SECTION FORM:not(.inline) DIV.fieldset,
BODY > MAIN > ARTICLE > FOOTER  FORM:not(.inline) DIV.fieldset,
BODY > MAIN >           FOOTER  FORM:not(.inline) DIV.fieldset
{
    justify-content:  space-between; /* Separate buttons */
    padding-top:      2.0rem;
    padding-bottom:   2.0rem;
    
    border-top:       solid 1px #CBD5E1 /* --colour-form-border */;
}

/* Generated from 4.1.2-Main-Article-Section.txt:115 using Quasi.php */

BODY > MAIN > ARTICLE > SECTION FORM:not(.inline) DIV.fieldset:first-child,
BODY > MAIN >           SECTION FORM:not(.inline) DIV.fieldset:first-child,
BODY > MAIN > ARTICLE > FOOTER  FORM:not(.inline) DIV.fieldset:first-child,
BODY > MAIN >           FOOTER  FORM:not(.inline) DIV.fieldset:first-child
{
    border-top:       none;
}

/* Generated from 4.1.2-Main-Article-Section.txt:125 using Quasi.php */

BODY > MAIN FORM:not(.inline) DIV.fieldset > BUTTON
{
   margin:         0 0.5rem;
}

/* Generated from 4.1.2-Main-Article-Section.txt:132 using Quasi.php */

MAIN > ARTICLE > SECTION DIV.table-title
{
    color: #43425D /* --form-text-color */;
    font-weight: bold; 
    font-size: 2rem;
}

/* Generated from 4.1.2.1-Main-Article-Section-Header.txt:2 using Quasi.php */

BODY > MAIN > ARTICLE > SECTION > HEADER,
BODY > MAIN > ARTICLE > FOOTER  > HEADER,
BODY > MAIN >           FOOTER  > HEADER
{
    display:         flex;
    justify-content: space-between;
    background:      transparent;
    padding:         1rem 1rem 2rem 1rem;
    position:        relative;
}

/* Generated from 4.3-Main-Footer.txt:8 using Quasi.php */

BODY > MAIN > ARTICLE:not(.hidden) + FOOTER
{
    margin-top: 10px;
    border-top-left-radius:  0;
    border-top-right-radius: 0;

    border-top: solid 1px #E9E9E9;
}

/* Generated from 4.3-Main-Footer.txt:19 using Quasi.php */

BODY > MAIN > ARTICLE:not(.hidden):not(:last-child) > SECTION:last-child
{
    border-bottom-left-radius:  0;
    border-bottom-right-radius: 0;
}

/* Generated from 4.3-Main-Footer.txt:28 using Quasi.php */

BODY > MAIN > HEADER + FOOTER
{
    margin-bottom: 3.0rem;
}

/* Generated from 4.3-Main-Footer.txt:35 using Quasi.php */

BODY > MAIN > FOOTER
{
    padding-bottom: 1.0rem;
}

/* Generated from 4.3-Main-Footer.txt:42 using Quasi.php */

BODY > MAIN > FOOTER > FORM
{
    padding-bottom: 0rem;
}

/* Generated from 4.3-Main-Footer.txt:49 using Quasi.php */

BODY > MAIN > FOOTER.altform
{
    margin-top:              0    !important;
    border-top-left-radius:  10px !important;
    border-top-right-radius: 10px !important;
}

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

TR.hide_cancelled
{
    display: none !important;
}

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

TABLE
{
    border-spacing: 0;
    padding-bottom: 1.0rem;
}

TABLE THEAD TR TH
{
    padding:        1.0rem 0.2rem 1.0rem 0;
    line-height:    1.0rem;
    text-align:     left;
    border-bottom:  solid 1px #43425D /* --form-text-color */;
    letter-spacing: 1.1px;
    font-weight:    600;
}

TABLE TBODY TR
{
    line-height: 1.5rem;
}

TABLE TBODY TR.faded
{
    opacity: 0.5;
}

TABLE:first-child THEAD TR TH
{
    border-top:     none;
    padding-left:   1rem;
}

TABLE TBODY TR TD
{
    padding:        0.25rem 0.2rem 0.25rem 1rem;
    min-height:     72px;
    line-height:    1.5rem;
    text-align:     left;
    border-bottom:  solid 1px #CBD5E1 /* --form-border */;
    font-weight:    300;
    font-size:      0.9rem;
    font-weight:    400;
}

TABLE.clickable  THEAD TR TH:last-child,
TABLE.clickable  TBODY TR TD:last-child,
TABLE.actionable THEAD TR TH:last-child,
TABLE.actionable TBODY TR TD:last-child
{
    width:         3.0rem;
    padding-left:       0;
    padding-right:      0;
}

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

TR.import_ok
{
    display:none;
}

TR.import_ok TD
{
    background:green;
    color:     white;
}

TR.import_exists TD
{
    background:#888;
    color:     #ddd;
}

TR.import_error TD
{
    background:red;
    color:     white;
}

TR.clickable TD
{
    height:60px;
    cursor: pointer;
}

TR.clickable TD:last-child
{
    position:relative;
}

TR.clickable:hover TD
{
    background:#eee;
}

TR.clickable.THISWEEK TD
{
    background:#eee;
}

TR.clickable.OK    TD,
TR.clickable.GREEN TD
{
    background:#DDFFDD;
}

TR.clickable.AMBER TD
{
    background:#FFFFFF;
}

TR.warning > TD
{
    background:#FFDDDD;
}

TR > TD.warning
{
    background:#FFDDDD;
}

TR.late TD
{
    background:#DDDDFF;
}

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

TR.clickable TD:last-child
{
    position: relative;
}

TR.clickable TD
{
    height: 60px;
}

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

TR.clickable TD:last-child:before
{
    content:     "\f054";

    font-family: Awesome;
    padding:5px  10px;
    font-size:   15px;
    line-height: 60px;
    width:       30px;
    height:      60px;
    text-align:  center;

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

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

A.tablelink
{
    line-height: 72px;
}

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

A.tableicon
{
    font-weight:     900;
    color:           #78D1C8;
    text-decoration: none;
    padding-left:    2.5rem;
    position:        relative;
    box-sizing:      border-box;
    height:          3.0rem;
    line-height:     3.0rem;
    padding:         0 1.0rem 0 2.5rem;
    text-decoration: none;
}

A.tableicon:hover
{
    opacity: 0.6;
    transition: opacity .25s ease-in-out;
}

A.tableicon:before
{
    position:       absolute;
    left:           0;
    font-family:    Awesome;
    text-align:     center;
    width:          3.0rem;
}

A.icon.big:before
{
    font-size:      2.0rem;
}

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

TABLE.summary > TBODY > TR:first-child > TH,
TABLE.summary > TBODY > TR:first-child > TD
{
    border-top:  solid 1px #43425D /* --form-text-color */;
    border-left: 0;
}

TABLE.summary > TBODY > TR > TH,
TABLE.summary > TBODY > TR > TD
{
    text-align:    left;
    border-bottom: none;
}

TABLE.summary > TBODY > TR > TD
{
    border-left: solid 1px #30383b /* --dark-text */;
    padding-left: 1.0rem;
}

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

.table_wrapper
{
    overflow-y: auto;
}

.table_wrapper#dashboard-clients
{
    height:     calc( 100vh - 312px );
}

TABLE.sticky THEAD
{
    background: white;
}

TABLE.sticky THEAD TR TH
{
    position:   sticky;
    top:        0;
    background: white;
    z-index:    1000;
}

TABLE.sticky TBODY TR TD A,
TABLE.sticky TBODY TR TD A:before
{
}

/* Generated from 7-Dashboard.txt:1 using Quasi.php */

/* Dashboard */

.dashboard_container
{
    display: grid;
    justify-items: stretch;
    grid-template-columns: repeat(2, 22rem);
    grid-auto-rows: 22rem;
    column-gap: 2rem;
    row-gap: 2rem;
    padding: 0 3rem;
}

.dashboard_container .dashboard_item {
    background-color: white;
    color: #30383b /* --colour-dashboard-item-text */;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    text-decoration: none;
}

.dashboard_container .dashboard_item > H1 {
    font-size: 2.5rem;
    margin: 2rem 2rem 0 2rem;
}

.dashboard_container .dashboard_item > P {
    margin: 1rem 0 2rem 2rem;
}

.dashboard_container .dashboard_item:hover, dashboard_item:focus {  
    transition: background-image 0.25s ease-in-out;
    background-image: linear-gradient(#78D1C8, #22A895) /* --primary-grad */;
    color: #FFFFFF /* --colour-text */;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */; 0px 5px 5px;
}

@media(max-width:820px){
    .dashboard_container {
        grid-template-columns: repeat(1, 20rem);
        justify-content: center;
    }
}

/* Generated from 8.1-Button_Group.txt:6 using Quasi.php */

.button_group
{
    position:     relative;
    font-size:    0;
    width:        24rem;
    left:         50%;
    margin:      -2.5rem 0rem 3.0rem -12rem;
}

.button_group.w48
{
    width:        48rem;
    margin-left: -24rem;
}

.button_group#nav-create_trip
{
    z-index:        100;
    top:            0;
    margin-top:     0;
    margin-bottom:  0;
    padding-top:    1.0rem;
    padding-bottom: 1.0rem;
}

/* Generated from 8.1-Button_Group.txt:35 using Quasi.php */

.button_group BUTTON,
.button_group A
{
    background:   #b0bec5;
    border-width: 0px;
    color:        #43425D;
    font-size:    1rem;
    font-weight:  500;
    width:        12rem;
    height:       3.25rem; 
    line-height:  3.25rem; 
    box-shadow:   rgba(0, 0, 0, 0.15) 0px 4px 8px /* --drop-shadow-primary */;
    border-width: 0px;
    border-color: #26283a /* --colour-header-panel */;
}

.button_group.w48 A
{
    width:        24rem;
    color:        #43425D;
}

/* Generated from 8.1-Button_Group.txt:61 using Quasi.php */

.button_group BUTTON:first-child,
.button_group      A:first-child
{
    border-radius: 10px 0px 0px 10px; 
}

.button_group BUTTON:last-child,
.button_group      A:last-child
{
    border-radius: 0px 10px 10px 0px; 
}

/* Generated from 8.1-Button_Group.txt:75 using Quasi.php */

.button_group BUTTON.active,
.button_group      A.active
{   
    background: #43425D /* --colour-form-button */;  
    color:      #FFFFFF /* --colour-text */;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) /* --drop-shadow */;
}

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

.loader
{
    position:      relative;
    border:        1.5rem solid #f3f3f3; /* Light grey */
    border-top:    1.5rem solid #77d1c8;
    border-radius: 50%;
    width:         120px;
    height:        120px;
    animation:     spin 2s linear infinite;
}

@keyframes spin
{
    0%   { transform: rotate(0deg);   }
    100% { transform: rotate(360deg); }
}

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

.menu_group
{
    justify-content: flex-end;
}

FOOTER > .menu_group
{
    align-self: stretch;
}

.xmenu_group:not(.fixed)
{
    position: absolute;
    top:      2.0rem;
    right:    1.0rem;
}

/* Generated from 8.3-Menu_Group.txt:21 using Quasi.php */

.menu_group A
{
    border-left: solid 1px #CBD5E1 /* --colour-form-border */;
}

.menu_group A:first-child
{
    border-left: none;
    border-top:  none;
}

/* Generated from 8.3-Menu_Group.txt:35 using Quasi.php */

@media only screen and (max-width:1000px) {

    .responsive_justify_center
    {
        justify-content: center;
    }

    .menu_group
    {
        flex-direction: column;
        align-items:    center;
    }

    .menu_group A
    {
        border-left:    none;
        border-top:     solid 1px #CBD5E1 /* --colour-form-border */;

    }

}

/* Generated from 8.4-Warning_Span.txt:4 using Quasi.php */

SPAN.warning
{
    background:#FFDDDD;
}

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

@media only screen and (max-width:1000px) {

    BODY > MAIN >           HEADER.responsive_height_auto,
    BODY > MAIN > ARTICLE > HEADER.responsive_height_auto
    {
        height: auto;
    }
}

/* Generated from C-Calendar.txt:2 using Quasi.php */

.calendar
{
    display:flex;
    flex-wrap:wrap;
}

.calendar_month_name
{
    box-sizing:  border-box;
    width:       100%;
    flex-basis:  100%;
    font-size:   30px;
    text-align:  center;
    padding-bottom: 10px;
}

.calendar_month_name B
{
    font-weight:600;
}

.calendar_month_name SPAN
{
    font-weight:100;
}

.calendar_day_name
{
    position:      relative;
    box-sizing:    border-box;
    width:         14.2857142857%;
    flex-basis:    14.2857142857%;
    width:         14.2857142857%;
    flex-basis:    14.2857142857%;
    border-bottom: solid 1px #C8C9C7;
    padding:       7px;
    text-align:    right;
}

.calendar_day
{
    position:      relative;
    box-sizing:    border-box;
    width:         14.2857142857%;
    flex-basis:    14.2857142857%;
    width:         14.2857142857%;
    flex-basis:    14.2857142857%;
    height:        80px;
    line-height:   80px;
    border-right:  solid 1px #C8C9C7;
    border-bottom: solid 1px #C8C9C7;
}

.calendar_day.sunday
{
    border-left:solid 1px #C8C9C7;
}

.calendar_day:hover
{
    background: #EFEFEE;
    cursor:pointer;
}

.calendar_day.weekend
{
    background: #eee;
}

.calendar_day .date_day
{
    position:absolute;
    top:5px;
    right:7px;
    line-height: 20px;
}

.calendar_day .nr_bookings,
.calendar_day .count
{
    position: absolute;
    top:      0;
    left:     0;
    right:    0;
    bottom:   0;

    text-align:     center;
    line-height:    inherit;
    font-size:      30px;
    letter-spacing: 3px;
    font-weight:    bold;
    color:          #C8C9C7;
}

.calendar_day .left
{
    position: absolute;
    top:      0;
    left:     20%;
    right:    0;
    bottom:   0;

    text-align:     left;
    line-height:    inherit;
    font-size:      30px;
    letter-spacing: 3px;
    font-weight:    bold;
    color:          #C8C9C7;
}

.calendar_day .left.warning
{
    color:          orange;
}

.calendar_day .right
{
    position: absolute;
    top:      0;
    left:     0;
    right:    20%;
    bottom:   0;

    text-align:     right;
    line-height:    inherit;
    font-size:      30px;
    letter-spacing: 3px;
    font-weight:    bold;
    color:          #C8C9C7;

    color: white;
    text-shadow: -1px -1px 0 #C8C9C7, 1px -1px 0 #C8C9C7, -1px 1px 0 #C8C9C7, 1px 1px 0 #C8C9C7;
}

.calendar_day .right.warning
{
    text-shadow: -1px -1px 0 orange, 1px -1px 0 orange, -1px 1px 0 orange, 1px 1px 0 orange;
}

.calendar_day .total
{
    position: absolute;
    bottom:   10px;
    left:     10px;

    text-align:     left;
    line-height:    1;
    font-size:      13px;
    letter-spacing: 3px;
    font-weight:    300;
    color:          #999A99;
}

.calendar_day .avg
{
    position: absolute;
    right:    10px;
    bottom:   10px;

    text-align:     right;
    line-height:    1;
    font-size:      13px;
    letter-spacing: 3px;
    font-weight:    300;
    color:          #999A99;
}

.calendar_day .padlock
{
    position: absolute;
    top:    10px;
    left:   10px;

    font-family:    Awesome;
    text-align:     left;
    line-height:    1;
    font-size:      20px;
    letter-spacing: 3px;
    font-weight:    300;
    color:          #999A99;
}

/* Generated from D-Dialog.txt:2 using Quasi.php */

BODY > DIALOG
{
    pointer-events: none;
}

BODY > DIALOG.modal
{
    pointer-events: all;
}

BODY > DIALOG *
{
    pointer-events: all;
}

/* Generated from D-Dialog.txt:19 using Quasi.php */

DIALOG > HEADER
{
    margin-top: 5rem !important;
    padding:    1rem !important;
    background: #26283B /* --colour-menu-bg */ !important;
    color:      white;

    border-top-left-radius:  10px;
    border-top-right-radius: 10px;
}

/* Generated from D-Dialog.txt:32 using Quasi.php */

DIALOG > FORM
{
    padding: 1rem !important;

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

DIALOG > FORM:last-child
{
    margin-bottom:              5rem !important;
}

/* Generated from D-Dialog.txt:47 using Quasi.php */

DIALOG FORM DIV.fieldset
{
    padding:         2rem 0.5rem;
    border-top:      solid 1px #CBD5E1 /* --colour-form-border */;
    justify-content: space-between;
}

DIALOG FORM DIV.fieldset:first-child
{
    border-top: none;
}

DIALOG FORM BUTTON
{
    margin: 0 0.5rem !important;

    display:          block;
    border-radius:    6px;
    background-color: #43425D /* --colour-form-button */;
    color:            white;
    height:           4.0rem;
    line-height:      4.0rem;
    margin:           0;
    padding:          0 20px;
    text-decoration:  none;
    text-align:       center;
    min-width:        11rem;
}

DIALOG FORM BUTTON.warning
{
    background-color: #F1AD4E /* --colour-form-button-warning */;
}

/* Generated from D.2-Dialog_home.txt:2 using Quasi.php */

DIALOG.layout
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent; /* #E4E7E9 /* --colour-body-bg */; */
    overflow: hidden;
}

/* Generated from D.2-Dialog_home.txt:14 using Quasi.php */

DIALOG.layout .container
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    overflow: hidden;
    height: 70%;
    width: 60%;
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    background-color: white;
}

DIALOG.layout .container
{
    min-height: 543px;
    width:      900px;
    height:     828px;
}

/* Generated from D.2-Dialog_home.txt:36 using Quasi.php */

DIALOG.layout .container .container-left
{
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    background-color: #1F2937;
    /* float: left; */
    padding: 10px;
    width: 100%;
}

DIALOG.layout .container .container-right
{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
    float: right;
    width: 100%;
    justify-content: center;
    align-items: center;
}

/* Generated from D.2-Dialog_home.txt:63 using Quasi.php */

@media only screen and (max-width:855px)
{
    DIALOG.layout .container
    {
        width:          450px;
    }

    DIALOG.layout .container .container-left
    {
        display:        none;
    }

}

/* Generated from D.2-Dialog_home.txt:79 using Quasi.php */

@media only screen and (max-height:800px)
{
    DIALOG.layout DIV.content-right
    {
        padding-top: 0;
    }

    DIALOG.layout .logo
    {
        display:        none !important;
    }
}

/* Generated from D.2-Dialog_home.txt:94 using Quasi.php */

DIALOG.layout form {
    background-color: white;
    margin-left: 15%;
    margin-right:15%;
    width: 70%;
}

DIALOG.layout form > div > label > input {
    border-radius: 12px;
}

DIALOG.layout .buttons > button {
    border-radius: 12px;
    background-color: #1F2937;
}

DIALOG.layout .buttons > button:disabled
{
    background: #B1BEC5 /* --colour-form-button-disabled */;
}

DIALOG.layout .content-visual {
    position: relative;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 16rem;
    pointer-events: none;
}

DIALOG.layout .content-right {
    padding-top: 4rem;
    width: 100%;
    height: 100%;
    float: right;
}

DIALOG.layout .content-title {
    color: #F3F4F6;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    padding-top: 1rem;
    padding-left: 1rem;
}

DIALOG.layout .content-title > h4 {
    margin: 1rem 0 .25rem 0;
}

DIALOG.layout .content-subtitle {
    color: #9CA3AF;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.025em;
    line-height: 1.5rem;
    padding-top: 1.25rem;
    padding-left: 1rem;
}

DIALOG.layout .logo {
    overflow: hidden;
    display: flex;
    justify-content: center;
    justify-items: center;
}

DIALOG.layout .logo-img {
    height: 150px;
    position: relative;
    object-fit: contain;
}

/* Generated from D.3-Dual_dialog.txt:2 using Quasi.php */

DIALOG.open
{
    display:    flex;
    background: transparent;
}

/* Generated from D.3-Dual_dialog.txt:10 using Quasi.php */

DIALOG .dual_dialog
{
    display:       flex;
    width:         900px;
    height:        828px;
    max-width:     90svw;
    max-height:    90svh;
    background:    white;
    border-radius: 1rem;
    overflow:      hidden;

    box-shadow:    0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Generated from D.3-Dual_dialog.txt:26 using Quasi.php */

DIALOG .dual_dialog
{
    flex-direction: row;
    aligh-items:    stretch;
}

/* Generated from D.3-Dual_dialog.txt:34 using Quasi.php */

DIALOG .dual_dialog .panel
{
    box-sizing: border-box;
    padding:    1em;
    flex-basis: 50%;
}

/* Generated from D.3-Dual_dialog.txt:43 using Quasi.php */

DIALOG .dual_dialog .bgimage
{
    background:          #1F2937;
    background-image:    url(/resources/images/orcoda-visual.svg);
    background-repeat:   no-repeat;
    background-position: center bottom;
    background-size:     contain;
}

/* Generated from D.3-Dual_dialog.txt:54 using Quasi.php */

DIALOG .dual_dialog > DIV:first-child
{
    color:      white;
}

/* Generated from D.3-Dual_dialog.txt:61 using Quasi.php */

DIALOG .dual_dialog .content P
{
    margin:    1rem 0 .25rem 1.0rem;
    font-size: 1.4rem;
    line-height: 2rem;
}

/* Generated from D.3-Dual_dialog.txt:70 using Quasi.php */

DIALOG .dual_dialog .content BIG
{
    font-size:   3rem;
    font-weight: 700;
    line-height: 3rem;
}

/* Generated from D.3-Dual_dialog.txt:79 using Quasi.php */

DIALOG .dual_dialog .content SMALL
{
    color:          #9CA3AF;
    font-size:      1rem;
    line-height:    1.5rem;
    letter-spacing: 0.5px;
}

/* Generated from D.3-Dual_dialog.txt:89 using Quasi.php */

DIALOG .dual_dialog > DIV:last-child
{
    display:         flex;
    flex-direction:  column;
    align-items:     center;
    justify-content: space-evenly;
}

/* Generated from D.3-Dual_dialog.txt:99 using Quasi.php */

DIALOG .dual_dialog .logo_orcoda
{
    display: block;
    height:  250px;
}

/* Generated from D.3-Dual_dialog.txt:107 using Quasi.php */

DIALOG .dual_dialog FORM
{
    width: 70%;
}

DIALOG .dual_dialog FORM BUTTON
{
    background:    #1F2937;
    border-radius: 12px;
}

/* Generated from D.3-Dual_dialog.txt:120 using Quasi.php */

@media only screen and (max-width:855px)
{
    DIALOG .dual_dialog
    {
        max-width:     unset;
        max-height:    unset;
        width:         100svw;
        height:        100svh;
        border-radius: 0;
    }

    DIALOG .dual_dialog > DIV:first-child
    {
        display:        none;
    }

    DIALOG .dual_dialog > DIV:last-child
    {
        flex-basis:     100%;
    }
}

@media only screen and (max-height:800px)
{
    DIALOG .dual_dialog .logo_orcoda
    {
        display:none;
    }
}

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

.icon.solid:before     { font-weight: 900; }

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

.xicon.action:before    { content:"\0f0a9"; }
.xicon.back:before      { content:"\0f053"; }
.xicon.bookings:before  { content:"\0f133"; }
.xicon.clients:before   { content:"\0f500"; }
.xicon.dashboard:before { content:"\0f009"; }
.xicon.edit:before      { content:"\0f044"; }
.xicon.menu:before      { content:"\0f0c9"; }
.xicon.sign-out:before  { content:"\0f08b"; }
.xicon.locations:before { content:"\0f606"; }
.xicon.fleet:before     { content:"\0f85b"; }
.xicon.runsheets:before { content:"\0f70c"; }
.xicon.reports:before   { content:"\0f659"; }
.xicon.settings:before  { content:"\0f013"; }

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

.xicon-left-input.attendants:before { content:"\0f500"; }
.xicon-left-input.date:before       { content:"\0f133"; }
.xicon-left-input.location:before   { content:"\0f3c5"; }
.xicon-left-input.search:before     { content:"\0f002"; }
.xicon-left-input.time:before       { content:"\0f017"; }
.xicon-left-input.wheelchair:before { content:"\0f193"; }

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

.glyph.action:before               { content:"\0f0a9"; }
.glyph.address:before              { content:"\0f2b9"; }
.glyph.apps:before                 { content:"\0f0ed"; }
.glyph.associations:before         { content:"\0f0c1"; }
.glyph.attendants:before           { content:"\0f500"; }
.glyph.back:before                 { content:"\0f053"; }
.glyph.bookings:before             { content:"\0f133"; }
.glyph.building:before             { content:"\0f1ad"; }
.glyph.car:before                  { content:"\0f1b9"; }
.glyph.color:before                { content:"\0f53f"; }
.glyph.colour:before               { content:"\0f53f"; }
.glyph.clients:before              { content:"\0f500"; }
.glyph.dashboard:before            { content:"\0e3c1"; }
.glyph.date:before                 { content:"\0f133"; }
.glyph.daylock:before              { content:"\0f023"; }
.glyph.distance:before             { content:"\0f724"; }
.glyph.download:before             { content:"\0f019"; }
.glyph.edit:before                 { content:"\0f044"; }
.glyph.email:before                { content:"\0f0e0"; }
.glyph.events:before               { content:"\0f073"; }
.glyph.fleet:before                { content:"\0f85b"; }
.glyph.finance:before              { content:"\0f51e"; }
.glyph.fuel:before                 { content:"\0f52f"; }
.glyph.gauge:before                { content:"\0f624"; }
.glyph.group:before                { content:"\0f0c0"; }
.glyph.identifier:before           { content:"\0f2bb"; }
.glyph.image:before                { content:"\0f03e"; }
.glyph.integrations:before         { content:"\0f12e"; }
.glyph.latitude:before             { content:"\0f601"; }
.glyph.longitude:before            { content:"\0f601"; }
.glyph.list:before                 { content:"\0f03a"; }
.glyph.location:before             { content:"\0f606"; }
.glyph.lock:before                 { content:"\0f023"; }
.glyph.management:before           { content:"\0f5fd"; }
.glyph.memberships:before          { content:"\0f500"; }
.glyph.menu:before                 { content:"\0f0c9"; }
.glyph.mobiles:before              { content:"\0f3ce"; }
.glyph.name:before                 { content:"\0e1bf"; }
.glyph.newsletter:before           { content:"\0f0e0"; }
.glyph.notifications:before        { content:"\0f0f3"; }
.glyph.number:before               { content:"\0e1bd"; }
.glyph.observation_type:before     { content:"\0f06e"; }
.glyph.operations:before           { content:"\0f1b9"; }
.glyph.organisation:before         { content:"\0f0e8"; }
.glyph.phone:before                { content:"\0f095"; }
.glyph.plus:before                 { content:"\0f055"; }
.glyph.reports:before              { content:"\0f659"; }
.glyph.requests:before             { content:"\0f2fd"; }
.glyph.runsheets:before            { content:"\0f70c"; }
.glyph.search:before               { content:"\0f002"; }
.glyph.select:before               { content:"\0f107"; }
.glyph.settings:before             { content:"\0f013"; }
.glyph.sign-out:before             { content:"\0f08b"; }
.glyph.site:before                 { content:"\0f1ad"; }
.glyph.support:before              { content:"\0f095"; }
.glyph.time:before                 { content:"\0f017"; }
.glyph.timezone:before             { content:"\0e47b"; }
.glyph.transmission:before         { content:"\0f085"; }
.glyph.trash:before                { content:"\0f1f8"; }
.glyph.trenddown:before            { content:"\0e097"; }
.glyph.trendup:before              { content:"\0e098"; }
.glyph.upload_csv:before           { content:"\0f574"; }
.glyph.user:before                 { content:"\0f007"; }
.glyph.weight:before               { content:"\0f515"; }
.glyph.wheelchair:before           { content:"\0f193"; }
.glyph.workers:before              { content:"\0f2c2"; }
.glyph.xmark:before                { content:"\0f00d"; }

/* Generated from M-Max_Heights.txt:2 using Quasi.php */

.max_height_30vh { max-height: 30vh; }
.max_height_50vh { max-height: 50vh; }
.max_height_70vh { max-height: 70vh; }

/* Generated from M-Min_widths.txt:2 using Quasi.php */

.min_width_100  { min-width:  100px; }
.min_width_200  { min-width:  200px; }
.min_width_300  { min-width:  300px; }
.min_width_400  { min-width:  400px; }
.min_width_500  { min-width:  500px; }
.min_width_600  { min-width:  600px; }
.min_width_700  { min-width:  700px; }
.min_width_800  { min-width:  800px; }
.min_width_900  { min-width:  900px; }
.min_width_1000 { min-width: 1000px; }
.min_width_1100 { min-width: 1100px; }
.min_width_1200 { min-width: 1200px; }
.min_width_1300 { min-width: 1300px; }
.min_width_1400 { min-width: 1400px; }
.min_width_1500 { min-width: 1500px; }
.min_width_1600 { min-width: 1600px; }
.min_width_1700 { min-width: 1700px; }
.min_width_1800 { min-width: 1800px; }
.min_width_1900 { min-width: 1900px; }
.min_width_2000 { min-width: 2000px; }