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

:root
{
    --article-max-width:                        1040px;
    --header-height:                            74px;
    --header-height-scrolled:                   54px;
    --footer-height:                            193px;
    --footer-height-copyright:                  51px;
    --table-boundary-padding:                   30px;
}

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

:root
{
    --container-padding-bottom:                  calc(var(--footer-height) + 5vh);
}

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

:root
{
    --transition-visual:                        all 0.4s ease-in-out;
    --transition-action:                        all 0.1s ease-in-out;
}

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

:root
{
    --box-shadow-dark:                          6px 6px 18px 0px rgba(0, 0, 0, 0.3);
}

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

:root
{
    --highlight-background-color-light:   rgb(0 0 0 / 7%);
    --highlight-box-shadow-light:         3px 3px 3px 0px rgb(0 0 0 / 18%);
}

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

BODY
{    
    background-color:                           rgb(64 64 65 / 80%);
}

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

BODY A
{
    text-decoration:                            none;
}

BODY A:link,
BODY A:visited
{
    color:                                      inherit;
}

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

BODY
{
    -webkit-font-smoothing:                     antialiased;
}

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

BODY *
{
    font-family:                                'Roboto', Helvetica, Arial, Lucida, sans-serif;
    font-weight:                                400;
    font-style:                                 normal;
}

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

:root
{
    --font-family-button:                       sans-serif;
}

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

:root
{
    --font-size-standard:                       15px;
    --font-size-standard-button:                18px;
    --font-size-standard-table-td:              25px;
    --font-size-standard-table-td-detailed:     20px;
}

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

:root
{
    --font-size-narrow:                         12px;
    --font-size-narrow-button:                  14px;
    --font-size-narrow-table-td:                18px;
    --font-size-narrow-table-td-detailed:       14px;
}

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

BODY H1,
BODY H2,
BODY H3,
BODY H4
{
    color:                                      var(--minset-colour-primary);
}

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

:root
{

    --font-size-standard-h1:                    36px;
    --font-size-standard-h2:                    30px;
    --font-size-standard-h3:                    26px;
    --font-size-standard-h4:                    21px;
    --font-size-standard-h5:                    19px;
    --font-size-standard-h6:                    16px;
}

BODY H1
{
    font-size:                                  var(--font-size-standard-h1);
}

BODY H2
{
    font-size:                                  var(--font-size-standard-h2);
}

BODY H3
{
    font-size:                                  var(--font-size-standard-h3);
}

BODY H4
{
    font-size:                                  var(--font-size-standard-h4);
}

BODY H5
{
    font-size:                                  var(--font-size-standard-h5);
}

BODY H6
{
    font-size:                                  var(--font-size-standard-h6);
}

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

:root
{

    --font-size-narrower-h1:                    34px;
    --font-size-narrower-h2:                    28px;
    --font-size-narrower-h3:                    24px;
    --font-size-narrower-h4:                    19px;
    --font-size-narrower-h5:                    17px;
    --font-size-narrower-h6:                    14px;
}

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

:root
{
    --font-size-narrow-h1:                      30px;
    --font-size-narrow-h2:                      26px;
    --font-size-narrow-h3:                      21px;
    --font-size-narrow-h4:                      16px;
    --font-size-narrow-h5:                      14px;
    --font-size-narrow-h6:                      12px;

}

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

:root
{
    --font-size-narrowest-h1:                   26px;
    --font-size-narrowest-h2:                   21px;
    --font-size-narrowest-h3:                   16px;
    --font-size-narrowest-h4:                   14px;
    --font-size-narrowest-h5:                   12px;
    --font-size-narrowest-h6:                   10px;

}

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


BODY H2,
BODY H3,
BODY H4
{
    margin:                                     0px;
}

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

:root
{
    --minset-colour-primary:                    #2B479E;
    --minset-colour-header-blue:                rgb(112 131 154 / 100%);
    --minset-colour-nav-blue:                   #2c6dbc;

    --minset-colour-card-assess:                #2a479d;
    --minset-colour-card-assess-shadow:         #1e326c;
    --minset-colour-card-org:                   #70839c;
    --minset-colour-card-org-shadow:            #4e5b6c;
    --minset-colour-card-users:                 #707070;
    --minset-colour-card-users-shadow:          #4e4e4e;

    --minset-colour-main-footer:                #70829B;
    --minset-colour-footer-bottom:              rgba(0,0,0,0.78);
    --minset-colour-background-home:            #404041;
    --minset-colour-background-our_network:     rgb(228 231 236);
}

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

BODY > NAV
{
    position: absolute;
    top:      74px;
    height:   50px;
}

/* Generated from 3.1-PageTitle.css.txt:78 using Quasi.php */

BODY H1.banner,
BODY H1.banner > DIV > SPAN
{
    font-size:                                  50px;
    font-weight:                                700;
}

BODY H1.banner,
BODY H3.banner,
BODY H4.banner,
BODY H1.banner > DIV > SPAN
{
    color:                                      white;
    line-height:                                1.1em;
    text-shadow:                                0.08em 0.08em 0.14em rgba(0,0,0,0.69);
    transition:                                 var(--transition-visual);
}

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

BODY > HEADER
{
    background:                                 url(../images/bg-hdr.png) no-repeat right top;
    background-color:                           #333333;
    height:                                     74px;
    transition:                                 var(--transition-visual);
}

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

BODY > HEADER#header-main.scrolled
{
    height:                                     54px;
    box-shadow:                                 0 0 7px rgba(0,0,0,0.1);
}

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

BODY > HEADER > NAV
{
    height:                                     100%;
}

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

BODY > HEADER#header-main > NAV A,
BODY > HEADER#header-main > NAV.logo A SPAN
{
    transition:                                 var(--transition-visual);
}

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

BODY > HEADER > NAV A
{
    text-transform:                             uppercase;
}

/* Generated from 2.1-Nav.css.txt:16 using Quasi.php */

BODY > HEADER > NAV.logo A
{
    padding-top:                                21px;
    padding-left:                               33px;
}

BODY > HEADER > NAV.logo A.logged_out
{
    cursor:                                     default;
}

/* Generated from 2.1-Nav.css.txt:32 using Quasi.php */

BODY > HEADER#header-main.scrolled > NAV.logo A
{
    height:                                     inherit;
    padding-top:                                8px;
}

BODY > HEADER#header-main.scrolled > NAV.logo A SPAN
{
    font-size:                                  29px;
}

/* Generated from 2.1-Nav.css.txt:47 using Quasi.php */

BODY > HEADER > NAV.logo A:hover
{
    opacity:                                    1;
}

/* Generated from 2.1-Nav.css.txt:56 using Quasi.php */

BODY > HEADER > NAV.logo A > SPAN
{
    font-family:                                'Roboto_SemiCondensed';
    font-weight:                                700;
    font-size:                                  40px;
}

BODY > HEADER > NAV.logo A SPAN:first-child
{
    color:                                      #8a8d8c
}

BODY > HEADER > NAV.logo A SPAN:last-child
{
    color:                                      #2e499d
}

/* Generated from 2.1-Nav.css.txt:93 using Quasi.php */

BODY > HEADER > NAV.menu
{
    margin-right:                               48px;
}

BODY > HEADER > NAV.menu > A
{
    padding-left:                               0px;
    padding-right:                              22px;
}

BODY > HEADER > NAV.menu > A:last-child
{
    padding-right:                              0px;
}

/* Generated from 2.1-Nav.css.txt:114 using Quasi.php */

BODY > HEADER > NAV.menu A
{
    display:                                    block;
    align-content:                              center;
    color:                                      white;
    font-size:                                  13px;
}

BODY > HEADER#header-main.scrolled > NAV.menu A
{
    font-size:                                  12px;
}

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

BODY > HEADER > NAV.menu A:hover
{
    opacity:                                    0.7;
}

/* Generated from 2.1-Nav.css.txt:141 using Quasi.php */

BODY > HEADER > NAV.menu A.icon.logout:after
{
    font-size:                                  22px;
    font-weight:                                100;
    opacity:                                    1;
    vertical-align:                             bottom;
    margin-left:                                26px;
}

/* Generated from 2.1-Nav.css.txt:184 using Quasi.php */

BODY > HEADER > NAV.menu UL 
{
    list-style-type:                            none;
    padding:                                    0;
}

/* Generated from 2.1-Nav.css.txt:194 using Quasi.php */

BODY > HEADER > NAV.menu > UL
{
    padding-right:                              22px;
    height:                                     100%;
}

/* Generated from 2.1-Nav.css.txt:217 using Quasi.php */

BODY > HEADER > NAV.menu > UL > LI
{
    height:                                     inherit;
    align-content:                              center;
}

/* Generated from 2.1-Nav.css.txt:229 using Quasi.php */

BODY > HEADER > NAV.menu UL > LI > A.icon.down
{
    padding-left:                               0px;
    height:                                     100%;
}

BODY > HEADER > NAV.menu UL > LI > A.icon.down:after
{
    padding-left:                               9px;
    font-size:                                  10px;
    vertical-align:                             baseline;
}

/* Generated from 2.1-Nav.css.txt:246 using Quasi.php */

BODY > HEADER > NAV.menu > UL > LI > UL
{
    display:                                    none; 
    position:                                   absolute; 
    top:                                        100%;
    background-color:                           rgb(163,163,163);
    border-top:                                 4px solid #2c6dbc;
    box-shadow:                                 0 2px 5px rgba(0,0,0,0.01);
    min-width:                                  240px;
}

BODY > HEADER > NAV.menu > UL > LI:hover > UL 
{
    display:                                    block;
}

BODY > HEADER > NAV.menu > UL > LI:hover > UL.data_list
{
    display:                                    block;
}

/* Generated from 2.1-Nav.css.txt:281 using Quasi.php */

BODY > HEADER > NAV.menu UL > LI > UL > LI:hover 
{
    background-color:                           rgb(102, 102, 102);
}

BODY > HEADER > NAV.menu  UL > LI > UL > LI > A 
{
    padding:                                    10px 15px;
}

BODY > HEADER > NAV.menu  UL > LI > UL > LI > A:hover 
{
    background-color:                           rgba(0,0,0,0.03);
}

/* Generated from 2.1-Nav.css.txt:298 using Quasi.php */

BODY > NAV.nav_start
{
    transition:                                 var(--transition-visual);
    display: flex;
    width: 100%;
    justify-content: space-between;
}

BODY > NAV.nav_start.scrolled
{
    top: 0px;
}

/* Generated from 2.1-Nav.css.txt:317 using Quasi.php */

NAV.breadcrumbs
{
    display:                                    flex;
}

/* Generated from 2.1-Nav.css.txt:324 using Quasi.php */

NAV.breadcrumbs A
{
    font-size:                                  13px;
    font-variant:                               small-caps;
    color:                                      white;
}

/* Generated from 2.1-Nav.css.txt:333 using Quasi.php */

NAV.breadcrumbs A:first-child
{
    padding-left:                               33px;
}

/* Generated from 2.1-Nav.css.txt:340 using Quasi.php */

NAV.breadcrumbs A:not(:first-child)
{
    padding-left:                               0px;
}

/* Generated from 2.1-Nav.css.txt:347 using Quasi.php */

NAV.breadcrumbs A:not(:first-child)::before
{
    font-family:                                Awesome;
    content:                                    "\0f054";
    padding-right:                              16px;
}

/* Generated from 2.1-Nav.css.txt:358 using Quasi.php */

NAV.sections
{
    display:                                    flex;
}

/* Generated from 2.1-Nav.css.txt:365 using Quasi.php */

NAV.sections A
{
    font-size:                                  13px;
    font-variant:                               small-caps;
    color:                                      white;
}

/* Generated from 2.1-Nav.css.txt:374 using Quasi.php */

NAV.sections A
{
    text-decoration:                            underline;
    text-decoration-color:                      #ffffffe6;
    text-underline-offset:                      4px;
}

/* Generated from 2.1-Nav.css.txt:383 using Quasi.php */

NAV.sections > A,
NAV.sections > SPAN
{
    padding:                                    0px 8px;
}

/* Generated from 2.1-Nav.css.txt:391 using Quasi.php */

NAV.sections > SPAN
{
    color:                                      #ffffffe6;
}

/* Generated from 2.1-Nav.css.txt:398 using Quasi.php */

NAV.sections A:last-child
{
    padding-right:                              55px;
}

/* Generated from 2.1-Nav.css.txt:405 using Quasi.php */

NAV.sections SPAN
{
    color:                                      white;
    font-size:                                  22px;
}

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

BODY > MAIN
{
    /* top:                                        124px; */
    top:                                        74px;
    transition:                                 var(--transition-visual);
}

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

BODY > MAIN.scrolled
{
    top:                                        54px;
}

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

BODY > MAIN
{    
    /* background-color:                           rgb(64 64 65 / 80%); */
}

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

BODY > MAIN 
{
    background:                                 url(../../resources/images/bg-home-body.png) no-repeat fixed right;
    overflow-x:                                 hidden;
    /* scrollbar-width:                            none; */
    overflow-y: scroll;
}

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

BODY > MAIN > ARTICLE
{
    /* background:                         url(../../resources/images/bg-home-body.png) no-repeat fixed right; */
    /* overflow-x:                         hidden; */
    transition:                                 var(--transition-visual);
    background:                                 transparent;
    scrollbar-width:                            none;
    padding-bottom:                             var(--container-padding-bottom);



    /* margin-top:                                 50px; */
    padding-top:                                50px;
}

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

BODY > MAIN > ARTICLE.scrolled
{
    margin-top:                                 0px;
    /* scrollbar-width:                            auto; */
}

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

BODY > MAIN > ARTICLE > SECTION
{
    max-width:                                  var(--article-max-width);
    margin:                                     0 auto;
}

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

BODY > MAIN BUTTON
{
    max-width:                                  fit-content;
    padding:                                    6px 20px;
    background-color:                           #2b479e;
    background-color:                           var(--minset-colour-primary);
    color:                                      #ffffff;
    border:                                     2px solid rgba(140,140,140,0.65);
    font-size:                                  var(--font-size-standard-button);
    font-family:                                var(--font-family-button);
    text-transform:                             uppercase;
}

BODY > MAIN > DIALOG BUTTON:hover
{
    background-color:                           rgba(43, 71, 158, 0.71);
    border:                                     2px solid rgba(0, 0, 0, 0);
    border-radius:                              3px;
    cursor:                                     pointer;
}

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

BODY > MAIN TEXTAREA
{
    box-sizing:                                 border-box;
    background-color:                           #eee;
    border:                                     0;
    font-size:                                  14px;
    color:                                      #999;
    color:                                      #555;
    padding:                                    16px;
    line-height:                                initial;
    height:                                     192px; 
    width:                                      100%;
    resize:                                     vertical;
}

BODY > MAIN INPUT,
BODY > MAIN SELECT,
BODY > MAIN TEXTAREA
{
    color:                                      #333;
    background-color:                           #eee;
    border:                                     none;
}

BODY > MAIN INPUT::placeholder,
BODY > MAIN SELECT::placeholder,
BODY > MAIN TEXTAREA::placeholder
{
    color:                                      #999;
    font-style:                                 italic;
}

BODY > MAIN INPUT:disabled:not(.normal),
BODY > MAIN SELECT:disabled,
BODY > MAIN TEXTAREA:disabled
{
    background-color:                           rgb(238 238 238 / 12%);
    color:                                      #222;
    color:                                      #5f5f5f;
    border-radius:                              10px;
}




BODY > MAIN LABEL.advisory
{
    padding-bottom:                             16px;
}

BODY > MAIN LABEL.advisory P
{
    color:                                      #5f5f5f;
    background-color:                           rgb(238 238 238 / 25%);
    font-size:                                  14px;
    line-height:                                18px;
    margin:                                     0px;
    padding:                                    16px;
} 

BODY > MAIN LABEL.advisory P > I
{
    font-style:                                 italic;
} 



BODY > MAIN SELECT:hover
{
    cursor:                                     pointer;
}

/* Generated from 3.1-PageTitle.css.txt:15 using Quasi.php */

BODY > MAIN > ARTICLE DIV.page_title
{
    display:                                    flex;
    margin-bottom:                              16px;
    margin: 0px;
}
BODY > MAIN > ARTICLE DIV.page_title TABLE
{
    box-shadow:                                 none;
    background-color:                           transparent;
    transition:                                 var(--transition-visual);
    /* margin:                                     16px 12px; */
    margin: 28px 44px 44px;
}
BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD
{
    background:                                 none;
    box-shadow:                                 none;
}

/* Generated from 3.1-PageTitle.css.txt:39 using Quasi.php */

BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH DIV
{
    position: relative;
    min-height: 31px;
}

BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H3
{
    width:                                      fit-content;
    margin: 0px;
}

BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H1
{
    position:                                   absolute;
    left:                                       50%;
    transform:                                  translateX(-50%);
    max-width:                                  60%;
    white-space:                                nowrap;
    overflow:                                   hidden;
    text-overflow:                              ellipsis;
}

/* Generated from 3.1-PageTitle.css.txt:67 using Quasi.php */

BODY > MAIN > ARTICLE DIV.page_title + SECTION > TABLE
{
    margin-top:                                 0px;
}

/* Generated from 3.2-Cards.css.txt:21 using Quasi.php */

BODY SECTION.cards
{
    max-width:                                  1080px;
    /* margin-bottom:                              var(--container-margin-bottom); */
    padding-bottom:                             var(--container-padding-bottom);
}

/* Generated from 3.2-Cards.css.txt:33 using Quasi.php */

BODY DIV.card_container 
{
    display:                                    flex;
    flex-wrap:                                  wrap;
    justify-content:                            space-evenly;
    gap:                                        12px;
    opacity: 0;
}

/* Generated from 3.2-Cards.css.txt:59 using Quasi.php */

BODY DIV.card 
{
    position:                                   relative;
    width:                                      348px;
    height:                                     143px;
    box-sizing:                                 border-box;
    box-shadow:                                 0px 2px 18px 0px rgba(0,0,0,0.57);
    transition:                                 var(--transition-visual);
}

/* Generated from 3.2-Cards.css.txt:74 using Quasi.php */

BODY DIV.card:hover
{
    filter:                                     brightness(72%);
}

/* Generated from 3.2-Cards.css.txt:83 using Quasi.php */

BODY DIV.card.assess
{
    background-color:                           var(--minset-colour-card-assess);
}

BODY DIV.card.org
{
    background-color:                           var(--minset-colour-card-org);
}

BODY DIV.card.users
{
    background-color:                           var(--minset-colour-card-users);
}

/* Generated from 3.2-Cards.css.txt:112 using Quasi.php */

BODY DIV.card::before
{
    content:                                    "";
    position:                                   absolute;
    top:                                        0px;
    left:                                       0px;
    width:                                      100%;
    height:                                     100%;
    clip-path:                                  polygon(75% 101%, 101% 101%, 101% -5%);
}

BODY DIV.card.assess::before
{
    background-color:                           var(--minset-colour-card-assess-shadow);
}

BODY DIV.card.org::before
{
    background-color:                           var(--minset-colour-card-org-shadow);
}

BODY DIV.card.users::before
{
    background-color:                           var(--minset-colour-card-users-shadow);
}

/* Generated from 3.2-Cards.css.txt:142 using Quasi.php */

BODY DIV.card A
{
    display:                                    flex;
    flex-direction:                             column;
    width:                                      100%;
    height:                                     100%;
    align-items:                                center;
}

/* Generated from 3.2-Cards.css.txt:156 using Quasi.php */

BODY DIV.card A H1
{
    margin:                                     0px;
    height:                                     100%;
    padding-top:                                16px;
    text-align:                                 end;
    z-index:                                    1;
    width:                                      306px;
    padding-right:                              42px;
}

/* Generated from 3.2-Cards.css.txt:171 using Quasi.php */

BODY DIV.card A > H3
{
    font-family:                                'Roboto_SemiCondensed';
    font-weight:                                600;
    width:                                      100%;
    box-sizing:                                 border-box;
    color:                                      white;
    text-transform:                             uppercase;
    padding-top:                                18px;
    padding-left:                               18px;
}

/* Generated from 3.3-Assessment.css.txt:17 using Quasi.php */

DIV#assessment-wrapper,
DIV#assessment-wrapper DIV,
DIV#assessment-wrapper LABEL,
DIV#assessment-wrapper > SECTION.assessment > DIV.assessment_panel.active
{
    display:                                    flex;
}

/* Generated from 3.3-Assessment.css.txt:29 using Quasi.php */

DIV#assessment-wrapper
{
    margin-top:                                 0px;
    justify-content:                            center;
}

/* Generated from 3.3-Assessment.css.txt:53 using Quasi.php */

DIV#assessment-wrapper > ASIDE
{
    width:                                      135px;
    margin-left:                                -135px;
    background-color:                           transparent;
}

/* Generated from 3.3-Assessment.css.txt:65 using Quasi.php */

DIV#assessment-wrapper > ASIDE NAV
{
    margin-top:                                 22px;
    margin-left:                                10px;
    box-shadow:                                 var(--box-shadow-dark);
}

/* Generated from 3.3-Assessment.css.txt:78 using Quasi.php */

DIV#assessment-wrapper > ASIDE NAV > A
{
    color:                                      var(--minset-colour-nav-blue);
    background-color:                           white;
    border:                                     1px solid color-mix(
                                                    in srgb, 
                                                    var(--minset-colour-header-blue) 75%, 
                                                    transparent
                                                );
    border-start-start-radius:                  6px;
    border-end-start-radius:                    6px;
}

DIV#assessment-wrapper > ASIDE NAV > A:not(.active):hover
{
    background-color:                           var(--minset-colour-background-our_network);
}

/* Generated from 3.3-Assessment.css.txt:100 using Quasi.php */

DIV#assessment-wrapper > ASIDE NAV > A.active
{
    background-color:                           var(--minset-colour-card-org);
    color:                                      white;
    border:                                     1px solid var(--minset-colour-card-org-shadow);
    box-shadow:                                 0px 1px 3px -1px var(--minset-colour-card-org-shadow);
}

/* Generated from 3.3-Assessment.css.txt:130 using Quasi.php */

DIV#assessment-wrapper > SECTION.assessment
{
    min-height:                                 400px;
    max-width:                                  var(--article-max-width);
    width:                                      100%;
    background-color:                           white;
    border:                                     1px solid color-mix(
                                                    in srgb, 
                                                    var(--minset-colour-header-blue) 75%, 
                                                    transparent
                                                );
    box-shadow:                                 var(--box-shadow-dark);
    /* margin-bottom:                              var(--container-margin-bottom); */
    padding-bottom:                             var(--container-padding-bottom);
}

/* Generated from 3.3-Assessment.css.txt:152 using Quasi.php */

DIV#assessment-wrapper > SECTION.assessment > DIV.assessment_panel
{
    display:                                    none;
    flex-direction:                             column;
    margin:                                     20px;
}

/* Generated from 3.3-Assessment.css.txt:163 using Quasi.php */

DIV#assessment-wrapper > SECTION.assessment > DIV.assessment_panel > DIV
{
    margin:                                     12px 24px;
}

/* Generated from 3.3-Assessment.css.txt:172 using Quasi.php */

DIV#assessment-wrapper DIV.panel_header
{
    justify-content:                            space-between;
    align-items:                                center;
    height:                                     30px;
}

/* Generated from 3.3-Assessment.css.txt:183 using Quasi.php */

DIV#assessment-wrapper DIV.panel_header H2.counter
{
    align-items:                                center;
}

DIV#assessment-wrapper DIV.panel_header H2.counter:before,
DIV#assessment-wrapper DIV.panel_header H2.counter:after
{
    font-size:                                  24px;
    padding:                                    6px 4px;
    border-radius:                              18px;
}

DIV#assessment-wrapper DIV.panel_header H2.counter:before
{
    margin-right:                               4px;
}

DIV#assessment-wrapper DIV.panel_header H2.counter:after
{
    margin-left:                                4px;
}

/* Generated from 3.3-Assessment.css.txt:213 using Quasi.php */

DIV#assessment-wrapper DIV.assessment_panel > DIV.graph_wrapper
{
    flex-wrap:                                  wrap;
    justify-content:                            space-evenly;
    padding:                                    40px 0px;
    gap:                                        40px;
}

DIV#assessment-wrapper DIV.assessment_panel > DIV.graph_wrapper > DIV.graph
{
    width:                                      400px;
}

DIV#assessment-wrapper DIV.assessment_panel > DIV.graph_wrapper > DIV.graph > *
{
    width:                                      100%;
}

/* Generated from 3.3-Assessment.css.txt:235 using Quasi.php */

DIV#assessment-wrapper DIV.assessment_panel > DIV.observation
{
    flex-direction:                             column;
}

/* Generated from 3.3-Assessment.css.txt:244 using Quasi.php */

DIV#assessment-wrapper DIV.assessment_panel > DIV.observation UL,
DIV#assessment-wrapper DIV.assessment_panel > DIV.observation LABEL
{
    margin-top:                                 10px;
    margin-bottom:                              0px;
}

/* Generated from 3.3-Assessment.css.txt:255 using Quasi.php */

DIV#assessment-wrapper DIV.assessment_panel > DIV.observation SPAN:after
{
    font-size:                                  42px;
    color:                                      var(--minset-colour-primary);
}

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

BODY > FOOTER
{
    pointer-events:                             none;
    transform:                                  translateY(100%);
    height:                                     var(--footer-height);
    width:                                      100%;
    background-color:                           var(--minset-colour-main-footer);
    flex-direction:                             column;
}
BODY > FOOTER.visible
{
    transform:                                  translateY(0);
}

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

BODY > FOOTER.visible A,
BODY > FOOTER.visible A:after
{
    cursor:                                     pointer;
    pointer-events:                             auto;
}

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

BODY > FOOTER > DIV:first-child,
BODY > FOOTER > DIV:last-child DIV
{
    width:                                      95vw;
    max-width:                                  1040px;
    padding-right:                              16px;
    align-items:                                center;
}

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

BODY > FOOTER DIV
{
    display:                                    flex;
}

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

BODY > FOOTER > DIV:first-child
{
    height:                                     142px;
    justify-content:                            space-between;
}
BODY > FOOTER > DIV:first-child A,
BODY > FOOTER > DIV:first-child P
{
    color:                                      white;
    margin:                                     0px;
}

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

BODY > FOOTER > DIV:first-child DIV.address,
BODY > FOOTER > DIV:first-child DIV.contact
{
    flex-direction:                             column;
}

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

BODY > FOOTER > DIV:first-child DIV.address A,
BODY > FOOTER > DIV:first-child DIV.address P
{
    font-size:                                  14px;
    line-height:                                20px;
}

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

BODY > FOOTER > DIV:first-child DIV.contact
{
    gap:                                        12px;
    padding-top:                                2px;
}

BODY > FOOTER > DIV:first-child DIV.contact
{
    align-items:                                end;
}

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

BODY > FOOTER > DIV:first-child DIV.contact A,
BODY > FOOTER > DIV:first-child DIV.contact P
{
    font-size:                                  28px;
    transition:                                 var(--transition-visual);
}

BODY > FOOTER > DIV:first-child DIV.contact A
{
    font-weight:                                600;
    padding-left:                               0px;
}

BODY > FOOTER > DIV:first-child DIV.contact A:after
{
    font-size:                                  34px;
}

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

BODY > FOOTER > DIV:first-child DIV.contact P > A
{
    display:                                    inline;
}

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

BODY > FOOTER > DIV:last-child
{
    height:                                     51px;
    width:                                      100%;
    justify-content:                            center;
    background-color:                           rgba(0,0,0,0.78);
    text-transform:                             uppercase;
    font-size:                                  13px;
}

BODY > FOOTER > DIV:last-child A,
BODY > FOOTER > DIV:last-child SPAN
{
    color:                                      rgba(255,255,255,0.7);
}

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

BODY > MAIN DIALOG
{
    width:                                      100vw;
    height:                                     100vh;
    position:                                   fixed;
    top:                                        0;
    left:                                       0;
    right:                                      0;
    bottom:                                     0;
    box-sizing:                                 border-box;
    border:                                     none;
    padding:                                    0;
    flex-direction:                             column;
    align-items:                                center;
    display:                                    none;
    overflow:                                   hidden;
}

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

BODY > MAIN DIALOG#dialog-login
{
    display:                                    flex;
    backdrop-filter:                            none;
    margin-top:                                 130px;
}

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

BODY > MAIN DIALOG
{
    background:                                 none;
    backdrop-filter:                            blur(0.6px) contrast(0.4);
}

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

BODY > MAIN DIALOG > HEADER,
BODY > MAIN DIALOG > FORM
{
    background:                                 white;
    width:                                      90vw;
    max-width:                                  900px;
}

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

BODY > MAIN DIALOG > HEADER
{
    margin-top:                                 calc(74px + 10vh);
    margin-top:                                 calc(74px + 5vh);
    box-shadow:                                 var(--box-shadow-dark);
}

BODY > MAIN DIALOG.scrolled > HEADER
{
    margin-top:                                 calc(54px + 10vh);
}

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

BODY > MAIN DIALOG > HEADER > NAV
{
    align-self:                                 flex-start;
    margin:                                     36px 32px 6px;
}

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

BODY > MAIN DIALOG > FORM
{
    margin:                                     0;
    box-shadow:                                 15px 14px 20px -12px rgba(0, 0, 0, 0.3), 
                                                6px 10px 20px -10px rgba(0, 0, 0, 0.3);
    overflow-y:                                 scroll;
}

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

BODY > MAIN DIALOG#dialog-login > FORM,
BODY > MAIN DIALOG.sub_dialog   > FORM
{
    overflow:                                   hidden;
}

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

BODY > MAIN DIALOG > FORM:last-child
{
    /* margin-bottom:                              var(--container-margin-bottom); */
    padding-bottom:                             var(--container-padding-bottom);
    padding-bottom:                             4px;
}

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

BODY > MAIN DIALOG#dialog-edit-score > HEADER,
BODY > MAIN DIALOG#dialog-edit-score > FORM
{
    max-width:              400px;
}

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

BODY > MAIN DIALOG > FORM > DIV,
BODY > MAIN DIALOG > FORM > DIV.fieldset
{
    padding:                                    0px 24px;
}

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

BODY > MAIN DIALOG > FORM > DIV.fieldset > DIV.input_click
{
    display: flex;
    flex-wrap: wrap;
    width:                                      100%;
}

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

BODY > MAIN DIALOG > FORM > DIV.buttons
{
    justify-content:                            space-between;
    padding:                                    0px 32px;
    margin:                                     2rem 0rem;
}

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

BODY > MAIN DIALOG > FORM DIV LABEL.hrule
{
    width:                                      100%;
    height:                                     12px;
    margin:                                     12px;
    border-bottom:                              2px solid #eee;
}

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

BODY > MAIN DIALOG > FORM INPUT.hidden
{
    display:                                    none;
}

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

BODY > MAIN DIALOG > FORM DIV > LABEL INPUT[type=checkbox],
BODY > MAIN DIALOG > FORM DIV > LABEL INPUT[type=radio]
{
    width:                                      18px;
    height:                                     18px;
}

BODY > MAIN DIALOG > FORM DIV > LABEL INPUT[type=checkbox] + SPAN,
BODY > MAIN DIALOG > FORM DIV > LABEL INPUT[type=radio]    + SPAN
{
    font-size:                                  15px;
    line-height:                                18px;
}

BODY > MAIN DIALOG > FORM DIV > LABEL SELECT[multiple]
{
    height: calc( 100% - 2rem );
    max-height: 200px;
    padding: 0.75rem 1.0rem;
}

/* BODY > MAIN DIALOG > FORM DIV > LABEL.advisory
{
    padding-bottom: 16px;
}

BODY > MAIN DIALOG > FORM DIV > LABEL.advisory P
{
    padding: 16px;
    margin: 0px;
    background-color: red;
    
} */

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

BODY > MAIN DIALOG > FORM DIV > LABEL INPUT[type=date]::-webkit-calendar-picker-indicator
{
    cursor:                                     pointer;
    opacity:                                    0.7;
    font-size:                                  24px;
}

BODY > MAIN DIALOG > FORM DIV > LABEL INPUT[type=date]::-webkit-calendar-picker-indicator:hover
{
    opacity:                                    0.9;
}

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

BODY > MAIN DIALOG#dialog-edit-score INPUT[type=number]
{
    /* width:                  25%; */
}

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

BODY > MAIN DIALOG#dialog-edit-score BUTTON
{
    /* max-width:              fit-content;
    padding:                6px 20px; */
}

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

BODY > MAIN DIALOG BUTTON.link
{
    background-color:                           transparent;
    color:                                      var(--minset-colour-primary);
    border:                                     none;
    text-decoration:                            underline;
    text-decoration-thickness:                  2px;
    text-underline-offset:                      10px;
    opacity:                                    0.8;
}

BODY > MAIN DIALOG BUTTON.link:hover
{
    opacity:                                    1;
}

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

BODY > MAIN DIALOG BUTTON.link.icon::after
{
    padding-left:                               12px;
    font-size:                                  28px;
    display:                                    inline-block;
    vertical-align:                             text-top;
}

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

BODY > MAIN DIALOG.sub_dialog > HEADER
{
    max-width:                                  450px;
}

BODY > MAIN DIALOG.sub_dialog > FORM
{
    max-width:                                  450px;
}

BODY > MAIN DIALOG.sub_dialog BUTTON
{
    max-width:                                  fit-content;
    padding:                                    6px 20px;
    font-size:                                  14px;
}

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

TABLE
{
	width:                                      100%;
	border-spacing:                             0;
    margin:                                     80px 0px;
    background:                                 #ffffff;
    box-shadow:                                 var(--box-shadow-dark);
}

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

TABLE THEAD
{
    box-shadow:                                 4px 10px 10px -2px rgb(0 0 0 / 12%);
    background-color:                           var(--minset-colour-header-blue);
}

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

TABLE THEAD TH DIV
{
    width:                                      100%;
    display:                                    flex;
    justify-content:                            space-between;
    align-items:                                center;
}

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

TABLE > THEAD > TR
{
    height:                                     var(--header-height);
}

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

TABLE THEAD TH H1,
TABLE THEAD TH H2,
TABLE THEAD TH H3,
TABLE THEAD TH H4
{
    color:                                      white;
}

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

TABLE THEAD TH DIV H3,
TABLE THEAD TH DIV H4
{
    width:                                      20%;
}

TABLE THEAD TH DIV H3:first-child,
TABLE THEAD TH DIV H4:first-child
{
    margin-left:                                var(--table-boundary-padding);
    text-align:                                 left;
}

TABLE THEAD TH DIV H3:last-child,
TABLE THEAD TH DIV H4:last-child
{
    margin-right:                               var(--table-boundary-padding);
    text-align:                                 right;
}

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

TABLE THEAD TH H3.icon:not(:empty):hover,
TABLE THEAD TH H4.icon:not(:empty):hover
{
    cursor:                                     pointer;
    transition:                                 var(--transition-action);
}

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

TABLE TBODY TR TD
{
    padding:                                    0px 10px;
    font-size:                                  var(--font-size-standard-h5);
}

TABLE TBODY TR TD A
{
    cursor:                                     pointer;
    line-height:                                normal;
    text-decoration:                            none;
    height:                                     30px;
}

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

TABLE TBODY TR:first-child TD
{
    padding-top:                                var(--table-boundary-padding);
}

TABLE TBODY TR:last-child TD
{
    padding-bottom:                             var(--table-boundary-padding);
}

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

TABLE TBODY.hoverable TR TD
{
    padding:                                    10px 0px;
    border-left:                                0px solid white;
    border-top:                                 8px solid white;
    border-bottom:                              8px solid white;
    border-right:                               0px solid white;
}

TABLE TBODY.hoverable TR TD:first-child
{
    padding-left:                               20px;
    border-left:                                8px solid white;
    border-top-left-radius:                     24px;
    border-bottom-left-radius:                  24px;
}

TABLE TBODY.hoverable TR TD:last-child
{
    padding-right:                              20px;
    border-right:                               8px solid white;
    border-top-right-radius:                    24px;
    border-bottom-right-radius:                 24px;
}

TABLE TBODY.hoverable TR:hover 
{
    background-color:                           var(--highlight-background-color-light);
    box-shadow:                                 var(--highlight-box-shadow-light);
    transition:                                 var(--transition-action);
}

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

TABLE TBODY TR TD:last-child.icon
{
    width: 1px;

}

TABLE TBODY TR TD:last-child.icon::after
{
    margin-right: 2px;
}

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

TABLE.assessment_roles THEAD TH
{
    text-align:                                 start;
    padding:                                    0px 10px;
}

TABLE.assessment_roles THEAD TR TH:first-child,
TABLE.assessment_roles TBODY TR TD:first-child
{
    padding-left:                               var(--table-boundary-padding);
}

TABLE.assessment_roles THEAD TR TH:last-child,
TABLE.assessment_roles TBODY TR TD:last-child
{
    padding-right:                              var(--table-boundary-padding);
}


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

TABLE.assessment_roles TBODY TR TD
{
    padding:                                    9px 10px;
}

TABLE.assessment_roles TBODY TR:first-child TD
{
    padding-top:                                var(--table-boundary-padding);
}

TABLE.assessment_roles TBODY TR:last-child TD
{
    padding-bottom:                             var(--table-boundary-padding);
}

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

SECTION.detailed
{
    max-width:                                  calc(var(--article-max-width) * 1.2);
}

TABLE.detailed TBODY TR TD,
TABLE.detailed TBODY TR TD::after
{
    font-size:                                  var(--font-size-standard-h6);
}



TABLE.detailed TBODY.hoverable TR TD:first-child
{
    /* padding-left:                               10px; */
}

TABLE.detailed TBODY.hoverable TR TD:last-child
{
    /* padding-right:                              10px; */
}

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

TABLE THEAD TR TH.action
{
    padding-left:                               28px;
}

TABLE TBODY TR TD A.action
{
    text-decoration:                            underline;
    padding:                                    13px 18px;
}

TABLE TBODY TR TD A.action:hover
{
    cursor:                                     pointer;
    border-radius:                              24px;
    background-color:                           var(--highlight-background-color-light);
    box-shadow:                                 var(--highlight-box-shadow-light);
    transition:                                 var(--transition-action);
}

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

TABLE TBODY TR TD.hide_text
{
    color:                                      transparent;
}

TABLE TBODY TR TD.hide_text.icon.checked:not(:empty):before
{
    color:                                      rgb(0, 0, 0);
    content:                                    "\0f14a";
}

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

TABLE THEAD TR.search TH INPUT
{
    padding:                                    0.7em;
    height:                                     18px;
    width:                                      40%;
    min-width:                                  280px;
    font-size:                                  14px;
    border:                                     1px solid white;
    color:                                      #666;
    border-start-start-radius:                  3px;
    border-end-start-radius:                    3px;
}

TABLE THEAD TR.search TH INPUT:active,
TABLE THEAD TR.search TH INPUT:focus
{ 
    outline:                                    none; 
}

TABLE THEAD TR.search TH BUTTON
{
    font-family:                                'Roboto', Helvetica, Arial, Lucida, sans-serif;
    height:                                     40px;
    text-transform:                             none;
    font-size:                                  14px;
    border:                                     1px solid #ddd;
    color:                                      #666;
    background-color:                           #ddd;
    padding:                                    0px 9px;
    border-start-end-radius:                    3px;
    border-end-end-radius:                      3px;

}

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

TABLE TBODY TR TD A.span_container
{
    display:                                    flex;
    justify-content:                            space-between;
    align-items:                                center;
    padding:                                    10px 20px;
}

TABLE TBODY TR TD A.span_container:hover
{
    border-radius:                              16px;
    background-color:                           var(--highlight-background-color-light);
    box-shadow:                                 var(--highlight-box-shadow-light);
    transition:                                 var(--transition-action);
}

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

TABLE TBODY TR TD A.span_container SPAN:last-child.icon
{
    padding-left:                               20px;
}

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

TABLE TBODY TR TD A.span_container SPAN.left
{
    text-align:                                 left;
}

TABLE TBODY TR TD A.span_container SPAN.right
{
    text-align:                                 right;
}

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

TABLE TBODY TR TD A.span_container SPAN.width_quarter
{
    width:                                      25%;
}
TABLE TBODY TR TD A.span_container SPAN.width_half
{
    width:                                      50%;
}
TABLE TBODY TR TD A.span_container SPAN.width_three_quarter
{
    width:                                      75%;
}

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

TABLE TBODY TR TD A.span_container SPAN.width_third
{
    width:                                      33.33333%;
}
TABLE TBODY TR TD A.span_container SPAN.width_two_third
{
    width:                                      66.66667%;
}

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

TABLE TBODY TR TD A.span_container SPAN.width_percent_ten
{
    width:                                      10%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_twenty
{
    width:                                      20%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_thirty
{
    width:                                      30%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_forty
{
    width:                                      40%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_fifty
{
    width:                                      50%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_sixty
{
    width:                                      60%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_seventy
{
    width:                                      70%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_eighty
{
    width:                                      80%;
}
TABLE TBODY TR TD A.span_container SPAN.width_percent_ninety
{
    width:                                      90%;
}

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

LABEL.large_right_icon DIV
{
    display:                                    flex;
    flex-direction:                             row;
    width:                                      100%;
    align-items:                                center;
}

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

LABEL.large_right_icon INPUT,
LABEL.large_right_icon TEXTAREA
{
    width:                                      calc(100% - 4rem);
}

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

LABEL.large_right_icon SPAN
{
    height:                                     3rem;
    width:                                      3rem;
    margin-left:                                calc(100% - (100% - 4rem) - 3rem);
    display:                                    flex;
    /* align-items:                                anchor-center; */ /* Not working in Safari */
    font-size:                                  48px;

    /* Testing within Safari */
    position:                                   relative;
}

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

LABEL.large_right_icon SPAN::after
{
    position:                                   absolute;
    top:                                        50%;
    transform:                                  translateY(-50%);
}

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

.hidden
{
    display:                                    none;
}

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

.invisible
{
    opacity:                                    0;
}

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

@media only screen and (max-width:1040px /* --responsive-screen-width-narrow */)
{
    TABLE TBODY TR TD,
    TABLE TBODY TR TD::after
    {
        font-size:                              var(--font-size-narrow-table-td);
        font-size:                              var(--font-size-narrow-h5);
    }

    TABLE TBODY.detailed TR TD,
    TABLE TBODY.detailed TR TD::after
    {
        font-size:                              var(--font-size-narrow-table-td-detailed);
        font-size:                              var(--font-size-narrow-h6);
    }
}

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

@media only screen and (max-width:800px /* --responsive-screen-width-narrower */)
{
    BODY > FOOTER > DIV:first-child DIV.contact A,
    BODY > FOOTER > DIV:first-child DIV.contact P
    {
        font-size:                              24px;
    }

    BODY > FOOTER > DIV:first-child DIV.contact A
    {
        font-weight:                            600;
    }

    BODY > FOOTER > DIV:first-child DIV.contact A:after
    {
        font-size:                              30px;
    }
}

@media only screen and (max-width:600px /* --responsive-screen-width-narrowest */)
{
    BODY > FOOTER > DIV:first-child DIV.contact A,
    BODY > FOOTER > DIV:first-child DIV.contact P
    {
        font-size:                              20px;
    }

    BODY > FOOTER > DIV:first-child DIV.contact A
    {
        font-weight:                            600;
    }

    BODY > FOOTER > DIV:first-child DIV.contact A:after
    {
        font-size:                              28px;
    }
}

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

@media only screen and (max-height:800px)
{
    BODY > FOOTER
    {
        height:                                 51px;
    }

    BODY > FOOTER > DIV:first-child
    {
        display:                                none;
    }
}

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

@media only screen and (max-width:1040px /* --responsive-screen-width-narrow */)
{
    BODY > MAIN BUTTON
    {
        font-size:                              var(--font-size-narrow-button);
    }
}

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

@media only screen and (max-width:1500px)
{
    BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H1
    {
        font-size:                              var(--font-size-standard-h1);
    }

    BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H3
    {
        font-size:                              var(--font-size-standard-h3);
    }
}

@media only screen and (max-width:1250px)
{
    BODY > MAIN > ARTICLE DIV.page_title:not(.assessment) TABLE THEAD TH H1
    {
        font-size:                              var(--font-size-narrow-h1);
    }

    BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H3
    {
        font-size:                              var(--font-size-narrow-h3);
    }
}

@media only screen and (max-width:900px)
{
    BODY > MAIN > ARTICLE DIV.page_title:not(.assessment) TABLE THEAD TH H1
    {
        font-size:                              var(--font-size-narrowest-h1);
    }

    BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H3
    {
        font-size:                              var(--font-size-narrowest-h3);
    }
}

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

@media only screen and (max-width:1040px /* --responsive-screen-width-narrow */)
{
    BODY H1,
    TABLE THEAD TH H1
    {
        font-size:                              var(--font-size-narrow-h1);
    }

    BODY H2,
    TABLE THEAD TH H2
    {
        font-size:                              var(--font-size-narrow-h2);
    }

    BODY H3,
    TABLE THEAD TH H3
    {
        font-size:                              var(--font-size-narrow-h3);
    }

    BODY H4,
    TABLE THEAD TH H4
    {
        font-size:                              var(--font-size-narrow-h4);
    }

    BODY H5,
    TABLE THEAD TH H5
    {
        font-size:                              var(--font-size-narrow-h5);
    }

    BODY H6,
    TABLE THEAD TH H6
    {
        font-size:                              var(--font-size-narrow-h6);
    }
}

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

@media only screen and (max-width:1500px)
{
    BODY > MAIN > ARTICLE DIV.page_title TABLE
    {
        margin: 28px 12px 44px;
    }
}


@media only screen and (max-width:1000px)
{
    BODY > MAIN > ARTICLE DIV.page_title TABLE THEAD TH H1
    {
        max-width:                                  50%;
    }
}

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

@media only screen and (max-width:1040px /* --responsive-screen-width-narrow */)
{
    BODY > MAIN > DIALOG > FORM DIV > LABEL > TEXTAREA
    {
        height:         100px;
    }
}

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

@media only screen and (max-height:1000px)
{
    BODY > MAIN DIALOG:not(#dialog-login) > HEADER
    {
        margin-top:                             calc(var(--header-height) + 2vh);
    }
    BODY > MAIN DIALOG.scrolled > HEADER
    {
        margin-top:                             calc(var(--header-height-scrolled) + 2vh);
    }
    BODY > MAIN DIALOG:not(#dialog-login) > FORM:last-child
    {
        margin-bottom:                          calc(var(--footer-height) + 20px);
    }
}

@media only screen and (max-height:800px)
{
    BODY > MAIN DIALOG > FORM:last-child 
    {
        margin-bottom:                              55px;
    }
}

@media only screen and (max-height:800px)
{
    BODY > MAIN DIALOG:not(#dialog-login) > HEADER
    {
        margin-top:                             calc(var(--header-height) + 5px);
    }
    BODY > MAIN DIALOG.scrolled > HEADER
    {
        margin-top:                             calc(var(--header-height-scrolled) + 5px);
    }
    BODY > MAIN DIALOG:not(#dialog-login) > FORM:last-child
    {
        margin-bottom:                          calc(var(--footer-height-copyright) + 5px);
    }
}

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

@media only screen and (max-width:1400px)
{
    BODY > MAIN > ARTICLE DIV.page_title.assessment TABLE THEAD TH H3:last-child
    {
        /* width: 0px; */
    }
    BODY > MAIN > ARTICLE > DIV#assessment-wrapper > ASIDE
    {
        margin-left:    0px;
    }
    BODY > MAIN > ARTICLE > DIV#assessment-wrapper > ASIDE NAV
    {
        margin-left: 0px;
    }
}

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

.icon:before,
.icon:after
{
    font-family:                                Awesome;
}

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

.icon.clickable:before,
.icon.clickable:after
{
    opacity:                                    0.7;
    cursor:                                     pointer;
}

.icon.clickable:hover:before,
.icon.clickable:hover:after
{
    opacity:                                    0.9;
}

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

.icon.lighter:before,
.icon.lighter:after
{
    
    font-weight:    lighter;
}

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

.icon.add:not(:empty)::after
{
    content:                                    "\0f055";
    padding-left:                               10px;
    text-decoration:                            none;
}

.icon.edit:not(:empty):before
{
    content:                                    "\0f044";
    padding-right:                              10px;
    text-decoration:                            none;
}

.icon.back:not(:empty):before
{
    content:                                    "\0f0A8";
    padding-right:                              10px;
    text-decoration:                            none;
}

.icon.nav:not(:empty):after
{
    content:                                    "\0f0A9";
    padding-left:                               10px;
    text-decoration:                            none;
}

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

.icon.archive:after
{
    content:                                    "\0f187";
}

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

.icon.delete:after
{
    content:                                    "\0f1f8";
}

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

.icon.disable_user:after
{
    content:                                    "\0f506";
}

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

.icon.down:after
{
    content:                                    "\0f078";
}

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

.icon.edit_right:after
{
    content:                                    "\0f044";
}

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

.icon.counter:before
{
    content:                                    "\0f056";
}

.icon.counter:after
{
    content:                                    "\0f055";
}

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

.icon.envelope:after
{
    content:                                    "\0f0e0";
}

.icon.facebook:after
{
    font-family:                                "AwesomeBrands";
    content:                                    "\0f09a";
}

.icon.linkedin:after
{
    font-family:                                "AwesomeBrands";
    content:                                    "\0f08c";
}

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

.icon.logout:after
{
    content:                                    "\0f08b";
}

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

.icon.plus_circle:after
{
    content:                                    "\0f055";
}

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

.icon.question_square:after
{
    content:                                    "\0f2fd";
}

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

.icon.required:after
{
    content:                                    "\02a";
    color:                                      #c02b0a;
    padding-left:                               3px;
}

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

.icon.circle_arrow_right:after
{
    content:                                    "\0f0A9";
    padding:                                    0px;
}

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

.icon.reset_password:after
{
    /* content:                                    "\0f6f3"; */         /* key-skeleton */ 
    content:                                    "\f13e";                /* unlock-alt */
    padding:                                    0px;
}