/* Ensure sizing correct */
* {
    box-sizing: border-box;
    margin: 0 0 0 0;    /* added */
}

:root {
    --m1-height: calc(100vh - 55px);
    --m3-height: calc(100vh - 100px - 55px);
    --desktop-width: 1390px;
    --data-entry-width: 414px;
    --desktop-left: 7%;
    --index-logon-left: 50px;
    --index-logon-input-width: 550px;
    --index-logon-input-height: 50px;
    --index-logon-font-size: 18px;
    --desktop-display: inline-block;
    --desktop-display-show: inline-block;
    --mobile-display-show: none;
    --fsc-menu-width: 200px;
    --fsc-table-width: auto; /* 662px */
    --fsc-config-table-width: 550px;
    --fsc-fast-table-width: 760px;
    --fsc-table-label-width: auto;  /* 180px */
    --support-table-label-width: 160px;
    --textanalysis-upload-table-label-width: 200px;
    --textanalysis-search-table-label-width: 110px;
    --survey-table-width: 768px;
    --fsc-list-width: 1000px;
    --fsc-main-font-size: 16px;
    --fsc-small-font-size: 14px;
    --customer-appointment-customer-font-size: 16px;
    --customer-appointment-main-font-size: 14px;
    --form-consent-main-font-size: 14px;
    --form-consent-header-text-font-size: 15px;
    --form-consent-header-value-font-size: 14px;
    --form-consent-question-font-size: 14px;
    --form-consent-question-answer-font-size: 15px;
    --support-main-font-size: 16px;
    --textanalysis-upload-main-font-size: 16px;
    --textanalysis-search-main-font-size: 16px;
    --textanalysis-button-font-size: 14px;
    --textanalysis-label-font-size: 14px;
    --textanalysis-input-font-size: 13px;
    --textanalysis-input-padding-gap: 3px;
    --survey-list-width: 900px;
    --survey-properties-font-size: 12px;
    --fsc-middle-container-height: 700px;
    --survey-middle-container-height: 500px;
    --survey-menu-width: 160px;
    --survey-font-left: 105px;
    --survey-font-text-size: 100px;
    --survey-text-settings-extra: -7px;
    --survey-view-left-extra: 0;
    --survey-default-mobile-width: 412px;
    --survey-default-mobile-height: 880px;
    --mobile-standard-minimum-width: 360px;
    --mobile-minimum-width: 214px;
    --mobile-text-minimum-width: 165px;
    --mobile-text-maximum-width: 689px;
    --textanalysis-menu-width: 195px;

    --dc-color_text: #1a1918;
    --dc-color_text_disabled: #bbb5ae;
    --dc_spacing: 8px;
    --dc-font-family: Atlas Grotesk Web, Atlas Grotesk, AtlasGrotesk, -apple-system,
    BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    --dc-font-family-mac: Atlas Grotesk Web, Atlas Grotesk, system-ui;
    --dc-font-small-fontfamily: var(--dc-font-family);
    --dc-font-small-lineheight: 20px;
    --dc-font-small-fontweight: 400;
    --dc-font-small-fontsize: 12px;
}
@media screen and (max-width: 900px) {
    :root {
        --m1-height: calc(100vh - 55px);
        --m3-height: calc(100vh - 100px - 55px);
        --desktop-width: 414px;
        --desktop-left: 42px;
        --index-logon-left: 10px;
        --index-logon-input-width: 500px;
        --index-logon-font-size: 16px;
        --desktop-display: block;
        --mobile-display-show: block;
        --desktop-display-show: none;
    }
}
@media screen and (max-width: 768px) {
    :root {
        --fsc-table-width: auto; /* 660px */
        --fsc-config-table-width: 414px;
        --fsc-fast-table-width: 414px;
        --support-main-font-size: 14px;
        --textanalysis-upload-main-font-size: 14px;
    }
}
@media screen and (max-width: 500px) {
    :root {
        --desktop-width: 100%;
        --index-logon-input-width: 320px;
        --index-logon-input-height: 40px;
        --index-logon-font-size: 14px;
    }
}
@media screen and (max-width: 300px) {
    :root {
        --index-logon-input-width: 200px;
        --index-logon-input-height: 35px;
        --index-logon-font-size: 12px;
    }
}

.b2b-index-body {
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
    overflow: auto;
}

main {
    margin: 0 0 0 0;
}

.b2b_index_main {
    display: none;
    margin: 0 0 0 0;
}

html {
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    height: 100%;
}

/* index.html START */
.index-header-container {
    display: block;
}

.index-header-title-1 {
    margin: auto;
    text-align: center;
    max-width: 620px;
    font-family: 'open_sansbold', sans-serif;
    font-size: 30px;
}

.index-header-title-2 {
    font-family: 'open_sansbold', sans-serif;
    font-size: 20px;
    margin: 50px 0 0 var(--index-logon-left);
}

.index-login-container {
    display: inline-block;
/*    height: 920px; */
    margin: 0 0 0 var(--desktop-left);
}

.index-login {
    display: inline-block;
    max-width: 650px;
    margin: 50px 0 10px 0;
}

.index-login-right {
    display: block;
    background-color: #2F8E8F;
    height: 520px;
    width: 440px;
    max-width: 440px;
    margin: 0 0 10px var(--index-logon-left);
}

.index-login-title {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 30px;
    color: #283556;
    max-width: 550px;
    margin: 50px 0 0 var(--index-logon-left);
}

.index-login-line {
    color: grey;
    width: 90%;
    max-width: 550px;
    margin: 0 50px 0 var(--index-logon-left);
}

.index-login-label {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    max-width: 550px;
    margin: 20px 0 0 var(--index-logon-left);
}

.index-registration-label {
    font-size: 18px;
}

.index-login-input {
    width: 90%;
    height: var(--index-logon-input-height);
    max-width: var(--index-logon-input-width);
    margin: 10px 0 0 var(--index-logon-left);
    padding: 0 0 0 10px;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--index-logon-font-size);
    color: grey;
    border: 1px solid lightgrey;
}

.index-login-input::placeholder {
    font-size: 16px;
    color: lightgray;
}

.index-login-token-button {
    margin: 10px 0 0 var(--index-logon-left);
}

.index-login-button {
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 30px 0 0 var(--index-logon-left);
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 150px;
    height: 50px;
}

.index-login-text {
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    color: grey;
}

.index-login-forgot {
    cursor: pointer;
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    text-decoration: underline;
    text-underline: grey;
    color: grey;
    margin: 0 0 0 25px;
}

.index-login-display-message {
    display: none;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    color: red;
    background-color: lightgrey;
    border: 2px solid pink;
    border-radius: 5px;
    height: 40px;
    margin: 0 10px 0 var(--index-logon-left);
    padding: 4px;
}

.index-register {
    display: none;
    height: 370px;
}

.index-b2b-container {
    display: inline-block;
    margin: 0 0 0 calc(var(--desktop-left) + var(--index-logon-left));
}

.index-b2b-text {
    display: none;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    color: black;
}

@media screen and (max-width: 1395px) {
    .index-login-right {
        height: 580px;
        width: 75%;
        max-width: 400px;
        margin: 80px 0 20px var(--index-logon-left);
    }
}

@media screen and (max-width: 900px) {
    .index-header-title-1 {
        max-width: 480px;
        font-size: 23px;
    }
    .index-login-container {
        display: block;
/*        height: 800px; */
        width: var(--desktop-width);
        margin: auto;
    }
    .index-login {
        display: block;
        width: auto;
        max-width: var(--desktop-width);
        margin: 40px 0 10px 0;
    }
    .index-login-right {
        height: 580px;
        width: 75%;
        max-width: 400px;
        margin: 20px 0 50px var(--index-logon-left);
    }
    .index-login-title {
        font-size: 23px;
        color: #283556;
        max-width: 500px;
        margin: 30px 0 0 var(--index-logon-left);
    }
    .index-login-line {
        width: calc(100% - 31px - var(--index-logon-left));
        max-width: 550px;
        margin: 0 30px 0 var(--index-logon-left);
    }
    .index-login-label {
        font-size: 16px;
        color: #000000;
        max-width: 550px;
        margin: 20px 0 0 var(--index-logon-left);
    }
    .index-login-input {
    }
    .index-login-token-button {
        margin: 10px 0 0 var(--index-logon-left);
    }
    .index-login-button {
        font-size: 15px;
        margin: 30px 0 0 var(--index-logon-left);
        width: 150px;
        height: 50px;
    }
    .index-login-text {
        font-size: 17px;
    }
    .index-login-forgot {
        font-size: 17px;
        margin: 0 0 0 25px;
    }
    .index-login-display-message {
        font-size: 20px;
        margin: 0 10px 0 var(--index-logon-left);
    }
    .index-register {
        height: 320px;
        margin: 0 0 0 0;
    }
    .index-b2b-container {
        position: relative;
        display: block;
        width: var(--desktop-width);
        margin: auto;
    }
    .index-b2b-text {
    }
}
@media screen and (max-width: 390px) {
    .index-login-right {
        max-width: 300px;
    }
    .index-login {
        margin: 15px 0 10px 0;
    }
    .index-login-input {
        font-size: 12px;
        height: 40px;
        max-width: 250px;
    }
    .index-login-line {
        max-width: 330px;
    }
}
/* index.html END */

/* b2b.html START */
.b2b-main-area {
    width: 100%;
    height: calc(100vh - 55px);
    margin: 0 0 0 0;
    padding: 20px 20px 0 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    overflow: auto;
    white-space: nowrap;
}

.b2b-header-container {
    display: none;
    top: 5px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.b2b-logo {
    display: inline-block;
    height: 50px;
    width: 50px;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-dashboard {
    cursor: pointer;
    height: 20px;
    min-width: 100px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-appointments {
    cursor: pointer;
    height: 20px;
    min-width: 100px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-companies {
    cursor: pointer;
    height: 20px;
    min-width: 100px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-documents {
    cursor: pointer;
    height: 20px;
    min-width: 100px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-communicate {
    cursor: pointer;
    height: 20px;
    width: auto;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-fsc {
    cursor: pointer;
    height: 20px;
    width: auto;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-survey {
    cursor: pointer;
    height: 20px;
    width: auto;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-textanalysis {
    cursor: pointer;
    height: 20px;
    width: auto;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-click-admin {
    cursor: pointer;
    height: 20px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 30px;
    text-decoration: none;
    text-underline: none;
    color: #916EA1;
    margin: 0 0 0 20px;
    vertical-align: top;
}

.b2b-who {
    height: 20px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 10px;
    text-decoration: none;
    text-underline: none;
    color: black;
    margin: 10px 0 0 20px;
    vertical-align: bottom;
}

.b2b-who-mobile {
    margin: 10px 0 0 0;
}

.b2b-click-log-out {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: calc(100vw - 100px);
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    margin: 0 0 0 0;
    text-decoration: underline;
    color: black;
    vertical-align: top;
}

.b2b-click-highlight {
    font-family: 'open_sansbold', sans-serif;
    color: #25C234;
}

@media screen and (max-width: 900px) {
    .b2b-main-area {
        padding: 20px 0 0 0;
    }
}
/* b2b.html END */

/* Mobile Menu START */
.b2b-header-area-mobile-menu {
    cursor: pointer;
    position: absolute;
    display: var(--mobile-display-show);
    min-width: 27px;
    max-width: 27px;
    min-height: 42px;
    max-height: 42px;
    margin: 0 0 0 calc(50px);
    vertical-align: top;
}

.b2b-header-area-mobile-menu-line {
    display: block;
    width: 27px;
    height: 4px;
    background-color: #000000;
    margin: 0 0 6px 0 ;
    vertical-align: top;
}

.b2b-header-area-mobile-menu-line-first {
    margin-top: 19px;
}

.b2b-header-account-menu-line-first {
    margin-top: 0;
}

.b2b-header-area-mobile-menu-close {
    display: none;
    font-family: 'roboto_condensedlight', 'open_sanslight', sans-serif;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    color: #000000;
    margin: 0 0 0 0;
    padding: 8px 0 0 0;
}

.b2b-account-menu-close {
    padding: 0 0 0 0;
}

.b2b-account-header-menu {
    z-index: 98;
    cursor: pointer;
    position: absolute;
    left: calc(100vw - 100px);
    display: var(--mobile-display-show);
    min-width: 27px;
    max-width: 27px;
    min-height: 42px;
    max-height: 42px;
    margin: 0 0 0 0;
    vertical-align: top;
}

.b2b-hide-show-fsc-menu {
    display: block;
    cursor: pointer;
    min-width: 27px;
    max-width: 27px;
    min-height: 25px;
    max-height: 42px;
    margin: 0 0 0 0;
    vertical-align: top;
}

.b2b-mobile-menu-container {
    z-index: 98;
    float: none;
    display: none;
    position: sticky;
    width: 100%;
    top: 15px;
    background-image: linear-gradient(#A9BBF0, rgba(69, 91, 156, 0.2));
    margin: 10px 0 0 0;
    padding: 10px 0 10px 0;
}

.b2b-account-menu-container {
    z-index: 98;
    position: absolute;
    left: calc(100vw - 150px);
    float: none;
    display: none;
    width: 120px;
    top: 15px;
    margin: 35px 0 0 0;
    padding: 10px 0 10px 0;
    background: aliceblue;
    border-radius: 2px;
    border: 2px solid #3AA79A;
}

.b2b-mobile-menu {
    z-index: 99;
    display: none;
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
}

.b2b-mobile-menu-link {
    cursor: pointer;
    display: block;
    min-width: 173px;
    max-width: 173px;
    font-family: 'roboto_condensedbold', 'open_sansbold', sans-serif;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
    color: #000000;
    text-decoration: none;
    margin: 10px 0 10px 20px;
    padding: 0 0 0 0;
}
/* Mobile Menu END */

.b2b-login-activate {
    display: none;
    background-color: unset;
    height: calc(100vh - 200px);
    min-height: 710px;
    margin: 0 7% 0 7%;
    padding: 0 0 0 0;
}

.b2b-activate-dialog {
    display: block;
    background-color: unset;
    width: 100%;
    max-width: 650px;
    margin: 0 0 0 100px;
}

/* -------- FSC START ---------------  */
.b2b-fsc-container {
    display: block;
    background-color: unset;
    margin: 20px 0 0 0;
    white-space: nowrap;
}

.b2b-fsc-menu-container {
    float: left;
    display: inline-block;
    width: var(--fsc-menu-width);
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

.b2b-survey-menu-container {
    float: left;
    display: inline-block;
    width: var(--survey-menu-width);
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

.b2b-textanalysis-menu-container {
    float: left;
    display: inline-block;
    width: var(--textanalysis-menu-width);
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

.b2b-fsc-menu {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.b2b-fsc-menu-link {
    cursor: pointer;
    display: block;
    min-width: 200px;
    max-width: 200px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    line-height: 24px;
    text-align: left;
    vertical-align: top;
    color: #000000;
    text-decoration: none;
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
}

.b2b-fsc-menu-sub-link {
    cursor: pointer;
    display: block;
    min-width: 160px;
    max-width: 160px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    color: #000000;
    text-decoration: none;
    margin: 10px 0 10px 10px;
    padding: 0 0 0 0;
}

.fsc-table-container {
    display: inline-block;
    width: var(--fsc-table-width);
    height: var(--fsc-middle-container-height);
    background-color: unset;
    overflow: auto;
}

.fsc-config-table-container {
    display: inline-block;
    width: var(--fsc-config-table-width);
    height: var(--fsc-middle-container-height);
    background-color: unset;
}

.survey-table-container {
    display: inline-block;
    max-width: calc(var(--survey-table-width) + 25px);
    height: var(--survey-middle-container-height);
    background-color: unset;
    overflow: auto;
}

.survey-entry-table-container {
    display: inline-block;
    max-width: calc(var(--survey-table-width) + 25px);
    background-color: unset;
    overflow: auto;
}

.fsc-allocate-table-container {
    width: auto;
}

.fsc-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: auto;
}

.fsc-menu-case-table {
    float: left;
    display: none;
    margin: 0 0 0 0;
    padding: 10px 9px 10px 10px;
    background-color: lightgray;
    border-radius: 5px;
    border: 2px solid #3AA79A;
}

.fsc-menu-case-tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-menu-case-tr-hide {
    display: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-menu-case-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: #283556;
    width: var(--fsc-table-label-width);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-menu-case-text-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: #283556;
    width: var(--fsc-table-label-width);
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-menu-small-text-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 100px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-medium-text-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 200px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-mid-large-text-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 250px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-large-text-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 280px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-extra-large-text-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 360px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-very-extra-large-text-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 400px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-client-name-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 340px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-client-contact-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 340px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-client-ethnicity-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 340px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-client-housing-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 340px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-client-address-line-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 360px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-client-postcode-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 100px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-small-code-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 50px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-small-code-small-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-small-font-size);
    width: 50px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-medium-code-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 100px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-medium-plus-code-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 120px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-large-code-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 150px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-small-numeric-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 40px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-medium-numeric-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 70px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-reference-code-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 160px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-remarks-input {
    resize: vertical;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 100%;
    height: 75px;
    min-height: 35px;
    max-height: 700px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}
.fsc-menu-remarks-input:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-menu-status-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 120px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-all-issues-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 265px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-supervisor-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    min-width: 285px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-sod-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    min-width: 275px;
    max-width: 275px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-enquiry-worker-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    min-width: 275px;
    max-width: 275px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-email-ack-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-rate-of-response-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    min-width: 275px;
    max-width: 275px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-type-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 160px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-date-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 220px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-small-date-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 110px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-small-date-input-long {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 135px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-email-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 285px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-checkbox-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.fsc-menu-text-description {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
}

.fsc-menu-gender-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 110px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-menu-text-client-name {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-small-font-size);
    max-width: 135px;
    overflow: hidden;
}

.fsc-menu-case-client-multiple-cases {
    display: none;
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: red;
    overflow: hidden;
    margin: 0 0 0 15px;
}

.fsc-menu-text-presenting-issue {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 265px;
    max-width: 265px;
    overflow: hidden;
}

.fsc-menu-case-fast-button {
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 6px 0 0 15px;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 120px;
    height: 25px;
}

.fsc-menu-case-fast-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-menu-create-button {
    display: inline-block;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 6px 0 0 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 170px;
    height: 25px;
}

.fsc-menu-create-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-menu-update-button {
    display: none;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 6px 0 0 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 150px;
    height: 25px;
}

.fsc-menu-update-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-menu-unclose-button {
    width: 130px;
}

.fsc-menu-case-text {
    font-family: 'open_sansbold', sans-serif;
    font-size: 13px;
    width: 200px;
    color: green;
}

.fsc-list-container {
    float: left;
    display: inline-block;
    width: max-content;
    height: var(--fsc-middle-container-height);
    margin: 0 0 0 15px;
    padding: 10px 16px 10px 10px;
    background-color: #E8E8F7;
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
}

.survey-list-container {
    display: inline-block;
    width: var(--survey-list-width);
    height: var(--survey-middle-container-height);
    margin: 0 0 0 15px;
    padding: 10px 10px 10px 10px;
    background-color: #E8E8F7;
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
}

.fsc-li-data {
    display: inline-block;
    font-family: 'open_sansnormal', sans-serif;
    font-size: 14px;
    text-align: left;
    height: 35px;
    border: 1px solid darkgreen;
    margin: 0 0 0 0;
    padding: 8px 0 0 8px;
    overflow: hidden;
    float: left;
}

.fsc-li-ready-for-assignment {
    background-color: #0BBF23;
}

.fsc-li-high-risk {
    background-color: #FB9F8C;
}

.fsc-li-medium-risk {
    background-color: #F6D033;
}

.fsc-li-low-risk {
    background-color: #F3EC97;
}

.fsc-li-overdue-1 {
    background-color: #99ccff;
}

.fsc-li-overdue-2 {
    background-color: cornflowerblue;
}

.fsc-li-overdue-3 {
    background-color: #99d6ff;
}

.fsc-list-li-status {
    width: 90px;
}

.fsc-list-li-case-reference {
    width: 120px;
    font-size: 12px;
}

.fsc-list-li-case-client {
    width: 365px;
    font-size: 12px;
}

.fsc-list-li-case-client-npi {
    width: 425px;
    font-size: 12px;
}

.fsc-list-li-case-worker {
    width: 200px;
    font-size: 12px;
}

.fsc-list-li-case-worker-npi {
    width: 240px;
    font-size: 12px;
}

.fsc-list-li-case-fast-group {
    width: 150px;
}

.fsc-list-li-case-presenting-issue {
    width: 180px;
    font-size: 12px;
}

.fsc-list-li-case-work-load {
    width: 60px;
}

.fsc-list-li-case-worth {
    width: 70px;
}

.fsc-list-li-case-status {
    width: 85px;
}

.fsc-list-li-dept-team {
    width: 160px;
}

.fsc-list-li-client-number {
    width: 70px;
}

.fsc-list-li-client-idno {
    width: 135px;
}

.fsc-list-li-client-name {
    width: 380px;
}

.fsc-list-li-client-gender {
    width: 80px;
}

.fsc-list-li-client-language {
    width: 150px;
}

.fsc-list-li-client-sign-language {
    width: 95px;
}

.fsc-list-li-worker-number {
    width: 70px;
}
.fsc-list-li-worker-idno {
    width: 100px;
}
.fsc-list-li-worker-name {
    width: 240px;
}

.fsc-list-li-worker-gender {
    width: 80px;
}

.fsc-list-li-worker-language {
    width: 150px;
}

.fsc-list-li-worker-hierarchy {
    width: 165px;
}

.fsc-list-li-worker-recently-allocated {
    width: 105px;
}

.fsc-list-li-worker-sign-language {
    width: 75px;
}

.fsc-list-li-worker-case-count {
    width: 70px;
}

.fsc-list-li-worker-case-load {
    width: 70px;
}

.fsc-list-li-worker-case-worth {
    width: 70px;
}

.fsc-list-li-worker-case-worth-max {
    width: 80px;
}

.fsc-list-li-category-code {
    width: 60px;
}

.fsc-list-li-category-description {
    width: 300px;
}

.fsc-list-li-category-factor {
    width: 70px;
}

.fsc-list-li-category-complexity-rating {
    width: 100px;
}

.fsc-list-li-hierarchy-code {
    width: 55px;
}

.fsc-list-li-hierarchy-name {
    width: 165px;
}

.fsc-list-li-hierarchy-description {
    width: 350px;
}

.fsc-list-li-hierarchy-level {
    width: 60px;
}

.fsc-list-li-hierarchy-category-percentage {
    width: 100px;
}

.fsc-list-li-hierarchy-case-load-minimum {
    width: 130px;
}

.fsc-list-li-hierarchy-case-load-maximum {
    width: 130px;
}

.fsc-list-li-hierarchy-case-worth-maximum {
    width: 140px;
}

.fsc-list-li-fast-item-no {
    width: 45px;
}

.fsc-list-li-fast-item-sub {
    width: 40px;
}

.fsc-list-li-fast-domain {
    width: 420px;
}

.fsc-list-li-fast-description {
    width: 360px;
}

.fsc-list-li-fast-category-code {
    width: 40px;
}

.fsc-list-li-fast-status {
    width: 65px;
}

.fsc-list-li-issue-code {
    width: 60px;
}

.fsc-list-li-issue-name {
    width: 280px;
}

.fsc-list-li-issue-description {
    width: 450px;
}

.fsc-list-li-issue-speciality {
    width: 150px;
}

.fsc-list-li-speciality-code {
    width: 60px;
}

.fsc-list-li-speciality-name {
    width: 130px;
}

.fsc-list-li-speciality-description {
    width: 385px;
}

.fsc-list-li-speciality-multiplier {
    width: 100px;
}

.fsc-list-li-speciality-hierarchy-priority-level {
    width: 190px;
}

.fsc-list-li-experience-code {
    width: 60px;
}

.fsc-list-li-experience-name {
    width: 220px;
}

.fsc-list-li-experience-description {
    width: 385px;
}

.fsc-list-lr-li-upload-date {
    width: 190px;
}

.fsc-list-lr-li-email {
    width: 260px;
}

.fsc-list-lr-li-fsc-name {
    width: 300px;
}

.fsc-list-lr-li-title {
    width: 220px;
}

.fsc-list-lr-li-report-date {
    width: 140px;
}

.fsc-list-lr-li-start-date {
    width: 105px;
}

.fsc-list-lr-li-end-date {
    width: 105px;
}

.fsc-list-lr-li-count {
    width: 75px;
}

.fsc-list-lp-li-count {
    width: 145px;
}

.fsc-li-system-id-und {
    text-decoration: underline;
    cursor: pointer;
    color: red;
}

.fsc-fast-container {
    display: none;
    width: var(--fsc-fast-table-width);
    height: var(--fsc-middle-container-height);
    background-color: unset;
}

.fsc-fast-table {
    margin: 0 0 0 15px;
    padding: 10px 10px 10px 10px;
    background-color: lightgray;
    border-radius: 5px;
    border: 2px solid #3AA79A;
}

.fsc-fast-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    color: #283556;
    width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-fast-no-input {
    width: 60px;
}

.fsc-fast-sub-input {
    width: 60px;
}

.fsc-fast-domain-input {
    width: 480px;
}

.fsc-fast-item-input {
    width: 480px;
}

.fsc-fast-rating-input {
    width: 100px;
}

.fsc-fast-person-input {
    width: 300px;
}

.fsc-fast-other-input {
    width: 300px;
}

.fsc-fast-remark-input {
    width: 300px;
}

.fsc-fast-choice-button {
    display: inline-block;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 6px 0 0 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 150px;
    height: 25px;
}

.fsc-fast-choice-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-button-search {
    display: inline-block;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 0 0 0 15px;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 90px;
    height: 35px;
}

.fsc-button-search:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-fast-header-text {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 16px;
    color: black;
}

.fsc-fast-changes-text {
    display: none;
    font-family: 'open_sansbold', sans-serif;
    font-size: 16px;
    color: black;
}

.fsc-fast-header-value {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 18px;
    color: red;
}

.fsc-display-message {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 25px;
    color: #EA510A;
    text-align: left;
    margin: 0 0 0 250px;
}

.survey-display-message {
    margin: 0 0 0 160px;
}

.fsc-issue-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    color: #283556;
    width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-other-issues-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    color: #283556;
    width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-issue-code-input {
    width: 150px;
}

.fsc-issue-name-input {
    width: 300px;
}

.fsc-issue-description-input {
    width: 300px;
}

.fsc-issue-selected-input {
    width: 80px;
}

.fsc-experience-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    color: #283556;
    width: 1px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-experience-code-input {
    width: 150px;
}

.fsc-experience-name-input {
    width: 300px;
}

.fsc-experience-description-input {
    width: 300px;
}

.fsc-experience-selected-input {
    width: 80px;
}

.fsc-allocate-table {
    width: auto;
    overflow: auto;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
    background-color: lightgray;
    border-radius: 5px;
    border: 2px solid #3AA79A;
}

.fsc-allocate-case {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    color: darkblue;
}

.fsc-allocate-client {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
    color: darkblue;
}

.fsc-allocate-header {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    color: black;
}

.fsc-allocate-data {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 18px;
}

.fsc-allocate-header-select {
    color: green;
}

.fsc-worker-recommended {
    color: darkorchid;
}

.fsc-allocate-select {
    width: 75px;
}

.fsc-allocate-checkbox-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.fsc-allocate-worker-no {
    width: 30px;
    margin: 0 0 0 5px;
}

.fsc-allocate-worker-id {
    width: 340px;
    overflow: hidden;
}

.fsc-allocate-worker-hierarchy {
    width: 240px;
    overflow: hidden;
}

.fsc-allocate-current-count {
    width: 60px;
}

.fsc-allocate-new-worth {
    width: 35px;
}

.fsc-allocate-pass {
    width: 45px;
}

.fsc-allocate-pass {
    width: 55px;
}

.fsc-allocate-worth-maximum {
    width: 50px;
}

.fsc-allocate-experience {
    width: 90px;
}

.fsc-allocate-button {
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 14px;
    color: white;
    background-color: #3AA79A;
    margin: 5px 0 0 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 70px;
    height: 25px;
}

.fsc-allocate-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.fsc-allocate-button:focus {
    color: grey;
    background-color: lightyellow;
}

.fsc-allocate-override-reason-label {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 25px;
    color: #EA510A;
    text-align: left;
    margin: 0 0 0 250px;
}

.fsc-allocate-override-reason {
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    background-color: white;
    color: black;
    padding: 0 0 0 5px;
    width: 600px;
    height: 50px;
    resize: none;
    margin: 0 0 0 250px;
}

.fsc-load-choose-file {
    width: 500px;
}

.fsc-load-case-data {
    height: 700px;
    width: 1000px;
}

.fsc-load-text {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    color: black;
}

.fsc-load-description {
    height: auto;
    width: auto;
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    color: blue;
    margin: 0 0 0 5px;
}

.fsc-load-message {
    font-size: 18px;
    color: red;
}

.fsc-load-totals {
    margin: 0 0 0 8px;
}

.fsc-menu-search-client-id {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    width: 140px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.fsc-search-worker-container {
    display: none;
    width: min-content;
    height: var(--fsc-middle-container-height);
    margin: 0 0 0 15px;
    padding: 10px 10px 5px 10px;
    background-color: #E8E8F7;
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
}

.search-worker-buttons {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-search-worker-button-first {
    box-shadow: 0 10px 14px -7px #276873;
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
    border-radius:8px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size:12px;
    font-weight:bold;
    padding:5px 26px;
    text-decoration:none;
    text-shadow: 0 1px 0 #3d768a;
    margin: 3px 0 3px 8px;
}

.fsc-search-worker-button-first:hover {
    background: #2CABE3 linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
}

.fsc-search-worker-button-first:active {
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
}

.fsc-search-worker-button-first:disabled {
    background: #8FCCEE linear-gradient(to bottom, #8FCCEE 5%, #8FCCEE 100%);
    cursor: default;
}

.fsc-search-worker-ul {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-search-worker {

}

.fsc-search-worker-header-label {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: #EA510A;
    text-align: left;
    margin: 0 0 0 0;
}

.listing-buttons {
}

.listing-button {
    box-shadow: 0 10px 14px -7px #276873;
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 26px;
    text-decoration: none;
    text-shadow: 0 1px 0 #3d768a;
    margin: 3px 0 3px 8px;
}

.listing-button:hover {
    background: #2CABE3 linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
}

.listing-button:active {
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
}

.listing-button:disabled {
    background: #8FCCEE linear-gradient(to bottom, #8FCCEE 5%, #8FCCEE 100%);
    cursor: default;
}

.listing-button-load {
    width: 220px;
}

.generic-button {
    box-shadow: 0 10px 14px -7px #276873;
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
    border-radius: 8px;
    display: block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px 0 #3d768a;
    margin: 3px 0 3px 3px;
    height: 35px;
}

.generic-button:hover {
    background: #2CABE3 linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
}

.generic-button:active {
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
}

.generic-button:disabled {
    background: #8FCCEE linear-gradient(to bottom, #8FCCEE 5%, #8FCCEE 100%);
    cursor: default;
}

.listing-rows {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 11px;
    margin: 0 0 0 8px;
}
.listing-li-names {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    text-align: left;
    height: 40px;
    border: 1px solid darkgreen;
    margin: 10px 0 0 0;
    padding: 8px 0 0 8px;
}

.fsc-listing-label {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 11px;
    margin: 0 0 0 0;
}
.fsc-listing-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: 11px;
    color: grey;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    width: 12%;
    max-width: 9px;
    height: 9px;
    border: 1px solid lightgrey;
}

.listings-li-data {
    display: inline-block;
    font-family: 'open_sansnormal', sans-serif;
    font-size: 14px;
    text-align: left;
    height: 35px;
    border: 1px solid darkgreen;
    margin: 0 0 0 0;
    padding: 8px 0 0 8px;
}

.fsc-report-listing-container {
    background-color: white;
    overflow: auto;
}

.fsc-table-tag-table {
    display: inline-block;
    border-collapse: collapse;
    width: 100%;
    overflow: auto;
}

.fsc-table-tag-th {
    font-family: 'open_sansbold', sans-serif;
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    background-color: lightgreen;
    cursor: pointer;
}

.fsc-table-tag-td {
    font-family: 'open_sansregular', sans-serif;
    border: 1px solid #dddddd;
    text-align: right;
    padding: 8px;
}

.fsc-table-tag-td-worker {
    font-family: 'open_sansbold', sans-serif;
    text-align: left;
}
.fsc-table-tag-td-total-text {
    font-family: 'open_sansbold', sans-serif;
    background-color: lightgreen;
}

.fsc-table-tag-td-total {
    font-family: 'open_sansbold', sans-serif;
    background-color: lightblue;
}

.fsc-table-tag-td-totals {
    font-family: 'open_sansbold', sans-serif;
    background-color: lightsalmon;
}

.fsc-table-tag-tr {
}

.fsc-table-tag-tr:nth-child(even) {
    background-color: #dddddd;
}

.fsc-table-tag-tr-hr {
    position: sticky;
    top: 0;
}

.fsc-table-tag-tr-hr:nth-child(even) {
    background-color: #dddddd;
}

.fsc-quality-session-container {
    display: block;
    margin: 10px 10px 10px 10px;
    overflow: hidden;
}

.fsc-quality-sd-container {
    display: block;
    float: unset;
}

.fsc-quality-compare {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
    border-radius: 5px;
    border: 2px solid red;
    overflow: auto;
}

.fsc-quality-session-label {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: #283556;
    margin: 0 0 0 0;
    padding: 0 7px 0 0;
}

.fsc-quality-label {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-small-font-size);
    color: #283556;
    width: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-quality-session-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: blue;
    margin: 0 0 0 0;
    padding: 2px 7px 2px 2px;
    min-height: 25px;
    min-width: 200px;
    width: fit-content;
}

.fsc-quality-created-date {
    min-width: 240px;
}

.fsc-quality-session-input-text {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: blue;
    margin: 0 0 0 0;
    padding: 2px 7px 2px 2px;
    background-color: aliceblue;
    width: fit-content;
    min-height: 25px;
    min-width: 200px;
}

.fsc-quality-session-text {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: darkblue;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    white-space: normal;
    border: 1px solid darkgreen;
}

.fsc-quality-session-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: grey;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.fsc-quality-session-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: blue;
    margin: 0 0 0 0;
    padding: 2px 7px 2px 2px;
    width: fit-content;
}

.fsc-quality-compare-select {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
}

.fsc-quality-compare-select-label {
    margin: 0 0 0 2px;
}

.fsc-quality-lt-text {
    color: red;
    background-color: yellow;
}

.fsc-quality-parameters {
    display: block;
    margin: 5px 0 0 5px;
    padding: 0 10px 0 0;
    border-radius: 5px;
    border: 2px solid darkblue;
}

.fsc-quality-option-button {
    display: inline-block;
    width: 135px;
}

.fsc-quality-onp-container {
    display: inline;
    white-space: normal;
    overflow: auto;
}

.fsc-quality-search-container {
    white-space: normal;
    overflow: auto;
    width: 99%;
}

.fsc-quality-search-label {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-small-font-size);
    color: #283556;
    width: 70px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.fsc-quality-search-input {
    display: inline-block;
    height: auto;
    width: 80%;
    font-family: 'open_sansregular', sans-serif;
    font-size: 14px;
    color: black;
    text-align: left;
}

.fsc-quality-search-listing-container {
    background-color: inherit;
    overflow: auto;
}

.fsc-quality-search-options {

}

.fsc-quality-search-grid {
    display: none;
    overflow: hidden;
    width: 100%;
}

.fsc-quality-search-show-container {
    position: relative;
    top: 10px;
    left: 10px;
    width: 100px;
    height: 100px;
    border: 3px solid darkgreen;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    white-space: normal;
    overflow: auto;
}

.fsc-quality-search-button {
    width: auto;
    margin: 3px 0 3px 0;
}

.fsc-quality-next-line {
    display: none;
}

.quality-search-case-reference {
    width: 140px;
}

.quality-search-created-date {
    width: 180px;
}

.quality-search-details {
    width: 90px;
}

.quality-search-show {
    width: 70px;
}

@media screen and (max-width: 650px) {
    .fsc-quality-search-input {
        width: 100%;
    }
}
@media screen and (max-width: 520px) {
    .fsc-quality-next-line {
        display: block;
    }
}
/* -------- FSC END -----------------  */

/* -------- SURVEY START-------------  */
.survey-list-li-data {
    display: inline-block;
    font-family: 'open_sansnormal', sans-serif;
    font-size: 11px;
    text-align: left;
    height: 35px;
    border: 1px solid darkgreen;
    margin: 0 0 0 0;
    padding: 8px 0 0 8px;
}

.survey-list-li-survey-no {
    width: 50px;
}

.survey-list-li-survey-code {
    width: 90px;
}

.survey-list-li-survey-description {
    width: 320px;
}

.survey-list-li-survey-language {
    width: 100px;
}

.survey-list-li-status {
    width: 70px;
}

.survey-list-li-date {
    width: 150px;
}

.survey-list-li-sections-survey-no {
    width: 70px;
}

.survey-list-li-sections-section-no {
    width: 80px;
}

.survey-list-li-sections-description {
    width: 300px;
}

.survey-list-li-sections-order {
    width: 70px;
}

.survey-list-li-sections-format {
    width: 130px;
}

.survey-list-li-sections-one-page {
    width: 100px;
}

.survey-list-li-questions-question-no {
    width: 90px;
}

.survey-list-li-question-question-position {
    width: 85px;
}

.survey-list-li-questions-answer-type {
    width: 155px;
}

.survey-text-settings {
    display: none;
    margin: 0 0 0 calc(var(--survey-menu-width) - var(--survey-font-text-size) + var(--survey-text-settings-extra));
    padding: 5px 5px 5px 5px;
}

.survey-text-which-text {
    width: var(--survey-font-text-size);
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 21px;
    color: black;
    text-align: left;
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
}

.survey-text-font-input {
    width: 150px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-text-size-input {
    width: 40px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-text-style-input {
    width: 110px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-text-align-input {
    width: 100px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-text-decoration-input {
    width: 160px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-text-transform-input {
    width: 100px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
    margin: 0 0 0 var(--survey-font-left);
}

.survey-text-colour-input {
    display: inline-block;
    width: 90px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-text-shadow-position-input {
    width: 40px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-line-height-input {
    width: 65px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-line-top-input {
    width: 65px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-line-bottom-input {
    width: 65px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    color: #3d2828;
    text-align: left;
}

.survey-menu-select-medium-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    width: 110px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.survey-menu-select-long-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    width: 170px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}


.survey-menu-select-language {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    min-width: 170px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    height: 75px;
}

.survey-menu-select-very-long-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    width: 185px;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.survey-text {
    display: block;
/*    width: calc(var(--survey-table-width) - 25px); */
    width: 362px;
    max-width: calc(var(--survey-table-width) - 25px);
    height: 40px;
    min-height: 30px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 10px;
    color: #EA510A;
    text-align: left;
    margin: 3px 0 0 var(--survey-font-left);
    padding: 0 11px 0 11px;
    border: 1px solid #2F272F;
}

.survey-text-textarea {
    display: block;
    width: 400px;
    height: 45px;
    min-height: 45px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: black;
    text-align: left;
    margin: 3px 0 0 0;
    padding: 0 11px 0 11px;
    border: 1px solid #2F272F;
    resize: both;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: break-word;
    white-space: normal;
}

.survey-question-text {
    display: block;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    height: 90px;
    min-height: 30px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    color: black;
    text-align: left;
    margin: 3px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.survey-answer-text {
    display: block;
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    height: 90px;
    min-height: 30px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 14px;
    color: black;
    text-align: left;
    margin: 3px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.survey-div-answer {
    min-width: var(--mobile-text-minimum-width);
    width: calc(var(--survey-table-width) - 25px);
    max-width: calc(var(--survey-table-width) - 25px);
    border: 1px solid #2F272F;
    margin: 10px 0 10px var(--survey-font-left);
    resize: both;
    overflow: auto;
    background-image: url("../images/greenish_texture.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    white-space: normal;
}

.survey-auto-section {
    display: block;
    min-width: var(--mobile-text-minimum-width);
    margin: 0 0 0 0;
    overflow: unset;
    white-space: normal;
}

.survey-auto-label {
    min-width: 30px;
    display: inline-block;
    max-width: var(--mobile-text-maximum-width);
    margin: 10px 0 10px 3%;
    overflow: unset;
    white-space: normal;
}

.survey-auto-input-text {
    min-width: 50px;
    max-width: var(--mobile-text-maximum-width);
    margin: 10px 0 10px 3%;
    white-space: normal;
}

.survey-auto-input-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.survey-auto-input-select {
    margin-left: 3%;
    margin-right: 3%;
    padding: 5px 5px 5px 5px;
}

.survey-auto-today-date {
    display: none;
    margin-left: 5px;
}

.survey-auto-button {
    display: inline-block;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3D6A7F;
    margin: 6px 0 0 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 120px;
    height: 25px;
}
.survey-auto-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.survey-auto-submit-button {
    width: 180px;
}

.survey-mobile-view {
    display: table;
}

.survey-mobile {
    display: block;
}

.survey-view {
    display: block;
    min-width: var(--mobile-minimum-width);
    width: var(--survey-default-mobile-width);
    max-width: calc(var(--survey-table-width) + 22px);
    height: var(--survey-default-mobile-height);
    min-height: 30px;
    border: 1px solid #2F272F;
    margin: 10px 0 10px var(--survey-view-left-extra);
    overflow: auto;
    background-image: url("../images/greenish_texture.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
}

.survey-mobile-type-label {
    width: 120px;
    margin: 5px 0 0 5px;
    overflow: auto;
    white-space: normal;
    padding: 0 0 0 0;
}

.survey-mobile-type {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    width: 295px;
    margin: 5px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.survey-button-small {
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    color: white;
    background-color: #3AA79A;
    margin: 0 0 0 5px;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 75px;
    height: 35px;
}

.survey-colour {
    display: inline-block;
    width: 40px;
    height: 35px;
    color: white;
    background-color: white;
    background-image: url("../images/greenish_texture.png");
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    vertical-align: bottom;
}

.survey-error-message {
    display: none;
}

.survey-dashboard-container {
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-image: url("../images/singapore_housing_blocks_148702274_l_3.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: auto;
    white-space: normal;
}

.survey-dashboard-table {
    display: block;
    border-style: outset;
    border-width: 10px;
    border-color: lightgreen;
    box-sizing: border-box;
    margin: 10px 10px 0 10px;
    padding: 10px 10px 10px 10px;
    overflow: auto;
    white-space: nowrap;
    border-spacing: 0;
}

.survey-dashboard-tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.survey-header-td {
    background-color: #abd045;
/*    background-color: #8eab4e; */
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
    color: #ba3a3b;
    height: 40px;
    border-top: 1px solid darkgreen;
}

.survey-data-td {
    background-color: white;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
}

.survey-dashboard-button {
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 12px;
    color: white;
    background-color: #3AA79A;
    margin: 0 0 0 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: 25px;
    height: 35px;
}

.survey-dashboard-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.survey-dashboard-header {
    font-family: 'open_sansbold', sans-serif;
    font-size: 14px;
    color: unset;
    background-color: unset;
}

.survey-dashboard-text {
    font-family: 'open_sansbold', sans-serif;
    font-size: 14px;
    color: unset;
    background-color: unset;
}

.survey-dashboard-number {
    text-align: right;
}

.survey-results-container {
    float: left;
    display: none;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-color: #F5FAF1;
}

.survey-results-parameters {
    background-color: lightgrey;
}

.survey-results-spreadsheet {
    background-color: white;
    overflow: auto;
}

.survey-text-text {
    background-color: white;
    overflow: auto;
}

.survey-analysis-container {
    float: left;
    display: none;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-color: lightgrey;
}

.survey-analysis-table {
    display: inline-block;
    margin: 0 0 0 0;
}

.survey-analysis-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: #283556;
    width: 100px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.survey-analysis-font-td {
    width: 45px;
}

.survey-analysis-font-size-td {
    width: 0;
}

.survey-analysis-parameters {
    display: inline-grid;
    margin: 5px 0 0 5px;
    border-radius: 5px;
    border: 2px solid darkblue;
}

.survey-analysis-label {
    display:  inline-block;
}

.survey-analysis-pivot-options-checkbox {
    display:  inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
}

.survey-analysis-list {
    display: inline-block;
}

.survey-chart-container {
    display: block;
    margin: 10px 10px 10px 10px;
}

.survey-text-container {
    display: block;
    margin: 5px 5px 5px 5px;
}

.survey-analysis-chart {
}

.survey-analysis-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: black;
    width: 100px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.survey-analysis-input-colour {
    width: 100px;
}

.survey-qr {
    display: inline-block;
}

.survey-cg-container {
    display: table;
}

.survey-cg-mobile-view {
    display: table-cell;
}

.survey-cg-properties-container {
    display: table-cell;
    height: fit-content;
    width: fit-content;
    border-radius: 5px;
    border: 2px solid darkblue;
    margin: 5px 3px 5px 5px;
}

.survey-cg-properties-sq {
    margin: 5px 3px 5px 5px;
}

.survey-cg-values-container {
    display: table-cell;
    height: fit-content;
    width: fit-content;
    border-radius: 5px;
    border: 2px solid darkblue;
    margin: 5px 0 5px 0;
}

.survey-cg-properties-element-type {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    width: 100px;
    margin: 0 3px 0 3px;
    padding: 2px 2px 4px 2px;
}

.survey-properties-element-name {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    color: rebeccapurple;
    margin: 0 3px 0 3px;
    cursor: pointer;
}

.survey-properties-input {
    display: block;
    width: fit-content;
    min-width: 150px;
    height: auto;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    color: grey;
    border: 1px solid lightgrey;
    margin: 5px 5px 5px 5px;
}
.survey-properties-input::placeholder {
    font-size: 12px;
    color: lightgray;
}

.survey-properties-checkbox-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    color: grey;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
    margin: 5px 5px 5px 5px;
    padding: 3px 3px 3px 3px;
}

.survey-properties-select {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    min-width: 75px;
    margin: 5px 5px 5px 5px;
    padding: 3px 3px 3px 3px;
}

.survey-properties-textarea {
    width: fit-content;
    min-width: 150px;
    height: fit-content;
    min-height: 45px;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    color: black;
    text-align: left;
    border: 1px solid #2F272F;
    resize: both;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: break-word;
    white-space: normal;
    margin: 5px 5px 5px 5px;
    padding: 0 11px 0 11px;
}

.survey-cg-indicate-container {
    min-width: 14px;
    max-width: 14px;
}

.survey-indicate-element {
    position: absolute;
    min-width: 5px;
    min-height: 5px;
    max-width: 5px;
    max-height: 5px;
    background-color: blue;
}

@media screen and (max-width: 900px) {
    .survey-div-answer {
        width: unset;
        max-width: 885px;
        margin: 10px 5px 10px 5px;
    }
}

@media screen and (max-width: 411px) {
    .survey-div-answer {
        width: unset;
        max-width: 396px;
        margin: 5px 3px 5px 3px;
    }
}

@media screen and (max-width: 359px) {
    .survey-auto-label {
        margin: 5px 2px 5px 2px;
    }
    .survey-auto-input-text {
        margin: 5px 2px 5px 2px;
    }
    .survey-div-answer {
        width: unset;
        max-width: 344px;
        margin: 5px 2px 5px 2px;
    }
}
/* -------- SURVEY END --------------  */

/* -------- TEXT ANALYSIS START --------------  */
.textanalysis-container {
    float: left;
    display: none;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-color: #ECEEF4;
    overflow: auto;
}

.textanalysis-icon-btn {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 9px;
    background-color: inherit;
    color: black;
    cursor: pointer;
    border-radius: 5px;
    border: 2px black;
}

.textanalysis-text-container {
    display: block;
    margin: 5px 5px 0 5px;
}

.checkbox-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: auto;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.textanalysis-analysis-colour-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: black;
    width: 100px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-upload-div {
    margin: 0 10px 0 10px;
}

.textanalysis-session-tr-show-configuration {
    height: 31px;
}

.textanalysis-session-tr-version {
    height: 31px;
}

.textanalysis-summary-status {
    display: inline-block;
    text-align: left;
    font-family: 'open_sansregaular', sans-serif;
    font-size: 14px;
}

.textanalysis-upload-header-text {
    margin: auto;
    text-align: center;
    max-width: 730px;
    font-family: 'open_sansbold', sans-serif;
    font-size: 35px;
    white-space: normal;
}

.textanalysis-upload-header-information {
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    white-space: normal;
}

.textanalysis-upload-message {
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    white-space: normal;
    color: darkred;
}

.textanalysis-upload-table {
    border-style: outset;
    border-width: 10px;
    border-color: lightgreen;
    box-sizing: border-box;
    width: 100%;
    max-width: 700px;
    margin: 10px 0 10px 0;
    padding: 10px 10px 10px 10px;
    overflow: auto;
    white-space: normal;
}

.textanalysis-upload-tr {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.textanalysis-upload-label-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    color: #283556;
    width: var(--textanalysis-upload-table-label-width);
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.textanalysis-upload-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.textanalysis-upload-reference {
    width: 135px;
}

.textanalysis-upload-type {
}

.textanalysis-upload-textarea {
    width: 100%;
    height: auto;
    min-height: 70px;
}

.textanalysis-upload-tags {
    width: 100%;
    height: auto;
}

.textanalysis-upload-owner {
    width: 100%;
    max-width: 370px;
    height: auto;
}

.textanalysis-upload-load-choose-file {
    width: 100%;
    cursor: pointer;
}

.textanalysis-upload-load-choose-file:disabled {
    cursor: default;
}

.textanalysis-upload-loaded-file {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-upload-button {
    margin: 5px 0 0 0;
}

.textanalysis-upload-clear-button {
    margin: 10px 0 0 8px;
}

.textanalysis-upload-list-container {
    display: none;
    width: auto;
    height: auto;
    max-width: 1070px;
    max-height: 360px;
    margin: 10px 0 0 0;
    padding: 10px 5px 10px 5px;
    background-color: #E8E8F7;
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
}

.textanalysis-upload-list-li-client-id {
    width: 85px;
}

.textanalysis-upload-list-li-session-no {
    width: 45px;
}

.textanalysis-upload-list-li-boolean {
    width: 55px;
}

.textanalysis-upload-list-li-type {
    width: 135px;
}

.textanalysis-upload-list-li-description {
    width: 300px;
}

.textanalysis-upload-list-li-tags {
    width: 300px;
}

.textanalysis-upload-list-li-owner {
    width: 330px;
}

.textanalysis-upload-list-li-date {
    width: 175px;
}

.textanalysis-upload-list-li-client-id {
    width: 110px;
}

.textanalysis-upload-list-li-session-no {
    width: 90px;
}

.textanalysis-upload-list-li-boolean {
    width: 95px;
}

.textanalysis-upload-list-li-type {
    width: 150px;
}

.textanalysis-text-textarea {
    display: block;
    width: 1000px;
    height: 45px;
    min-height: 45px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: black;
    text-align: left;
    margin: 3px 0 0 0;
    padding: 0 11px 0 11px;
    border: 1px solid #2F272F;
    resize: both;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: break-word;
    white-space: normal;
}

.textanalysis-themes-table {
    border-style: outset;
    border-width: 10px;
    border-color: lightgreen;
    box-sizing: border-box;
    width: 100%;
    max-width: 700px;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    overflow: auto;
    white-space: normal;
}

.textanalysis-themes-tr {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.textanalysis-themes-label-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    color: #283556;
    width: var(--textanalysis-upload-table-label-width);
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.textanalysis-themes-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.textanalysis-themes-add-theme-button {
    margin: 5px 0 0 0;
}

.textanalysis-summative-button {
    width: auto;
    margin: 5px 0 0 0;
}

.textanalysis-themes-update-theme-button {
    margin: 5px 0 0 0;
}

.textanalysis-themes-words {
    width: 100%;
    height: auto;
    min-height: 140px;
}

.textanalysis-themes-message {
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    white-space: normal;
    color: darkred;
}

.ta-style-dynamic {
    color: black;
    background-color: unset;
}

.textanalysis-analysis-combined {
    display: block;
    margin: 1px 1px 10px 1px;
}

.textanalysis-by-theme-block {
    background-color: lightcyan;
}

.textanalysis-by-theme-blocks-header {
    display: inline-block;
    background-color: lightcyan;
    border-radius: 0;
    border: 2px solid #3AA79A;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    text-align: center;
}

.textanalysis-by-theme-blocks {
    display: inline-block;
    background-color: white;
    overflow: auto;
}

.textanalysis-by-theme-textarea {
    display: inline-block;
}

.textanalysis-analysis-by-theme-container {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-theme-block-textarea {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-upload-main-font-size);
    width: 100%;
    height: auto;
    white-space: normal;
    border-radius: 0;
    border: 2px solid #3AA79A;
    padding: 0 5px 0 5px;
}

.textanalysis-analysis-session-notes {
    display: inline-block;
}

.textanalysis-analysis-session-remarks {
    display: inline-block;
}

.textanalysis-container-label {
    display: block;
    font-family: 'open_sansbold', sans-serif;
    font-size: calc(var(--textanalysis-label-font-size) + 1);
    margin: 0 0 0 5px;
}

.textanalysis-selection-label {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 0 0 0;
}

.textanalysis-selection-label-td {
    display: table-cell;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 0 0 0;
}

.test-video-microphone-ta {
    display: block;
    max-width: 500px;
    border-radius: 5px;
    border: 2px solid darkgreen;
    background-color: white;
    padding: 0 5px 0 5px;
}

.textanalysis-audio-transcribe-textarea {
    border: 2px solid darkgreen;
    width: auto;
    height: auto;
    resize: none;
    background-color: white;
    overflow: auto;
    white-space: normal;
    margin: 15px 0 0 0;
    padding: 0 3px 0 3px;
}

.textanalysis-search-container {
    display: block;
    width: auto;
    height: auto;
    border: 2px solid darkgreen;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    overflow: auto;
    white-space: nowrap;
}

.textanalysis-menu-search-case-button {
    margin: 5px 0 0 0;
}

.textanalysis-search-label-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    color: #283556;
    width: var(--textanalysis-search-table-label-width);
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
}

.textanalysis-workspace-label {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    color: #283556;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: 120px;
    margin: 0 0 0 0;
    padding: var(--textanalysis-input-padding-gap) var(--textanalysis-input-padding-gap) var(--textanalysis-input-padding-gap) var(--textanalysis-input-padding-gap);
}

.textanalysis-text {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 12px;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.textanalysis-button {
    display: inline-block;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-button-font-size);
    color: white;
    background-color: #3AA79A;
    margin: 3px 0 3px 0;
    border-radius: 5px;
    border: 2px #3AA79A;
    width: auto;
    height: auto;
}

.textanalysis-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.textanalysis-input-client-id {
    min-width: 85px;
    width: auto;
}

.textanalysis-input-client-name {
    min-width: 150px;
    width: auto;
}

.textanalysis-input-client-email {
    min-width: 150px;
    width: auto;
}

.textanalysis-search-client-id {
    min-width: 85px;
    width: 85px;
}

.textanalysis-search-client-name {
    min-width: 150px;
    width: 150px;
}

.textanalysis-search-client-contact {
    min-width: 150px;
    width: 200px;
}

.textanalysis-input-session-no {
    font-size: var(--textanalysis-input-font-size);
    max-width: 45px;
    width: auto;
}

.textanalysis-input-case-rename {
    min-width: 85px;
    width: auto;
}

.textanalysis-worker-list-container {
    display: none;
    width: max-content;
    height: auto;
    margin: 10px 0 0 0;
    padding: 10px 5px 10px 5px;
    background-color: #E8E8F7;
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
    white-space: normal;
}

.list-names {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 14px;
    text-align: left;
    height: 40px;
    border: 1px solid darkgreen;
    margin: 10px 0 0 0;
    padding: 8px 0 0 8px;
}

.list-names-cms {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    text-align: left;
    height: 40px;
    border: 1px solid darkgreen;
    margin: 10px 0 0 0;
    padding: 8px 0 0 8px;
}

.list-names-case-access {
    font-size: 15px;
}

.list-data {
    display: inline-block;
    font-family: 'open_sansnormal', sans-serif;
    font-size: 13px;
    text-align: left;
    height: 35px;
    border: 1px solid darkgreen;
    margin: 0 0 0 0;
    padding: 8px 0 0 8px;
}

.list-data-cms {
    font-size: 12px;
}

.list-data-case-access {
    font-size: 12px;
    overflow: hidden;
    float: left;
}

.textanalysis-list-li-case-reference {
    width: 120px;
    font-size: 12px;
}

.textanalysis-list-li-client-count {
    width: 90px;
    font-size: 12px;
}

.textanalysis-list-li-client-id {
    width: 110px;
    font-size: 12px;
}

.textanalysis-list-li-client-name {
    width: 230px;
    font-size: 12px;
}

.textanalysis-list-li-client-id-name {
    width: 330px;
    font-size: 12px;
}

.textanalysis-list-li-client-email {
    width: 230px;
    font-size: 12px;
}

.textanalysis-list-li-department-team {
    width: 160px;
    font-size: 12px;
}

.textanalysis-list-li-case-worker {
    width: 200px;
    font-size: 12px;
}

.textanalysis-list-li-case-earliest-date {
    width: 110px;
    font-size: 12px;
}

.textanalysis-list-li-files-client-email {
    width: 255px;
    font-size: 12px;
}

.textanalysis-list-li-speakers {
    width: 110px;
    font-size: 12px;
}

.textanalysis-list-li-source {
    width: 110px;
    font-size: 12px;
}

.textanalysis-list-li-file-status {
    width: 90px;
    font-size: 12px;
}

.textanalysis-list-li-change {
    width: 75px;
    font-size: 12px;
}

.textanalysis-numeric-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: 50px;
    margin: 0 0 0 0;
    padding: 0 5px 0 5px;
}

.textanalysis-session-audio {
    height: 119px;
    width: 340px;
}

.textanalysis-parameters {
    display: inline-block;
    height: auto;
    margin: 5px 0 0 5px;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-color: lightgrey;
}

.textanalysis-parameters-audio {
    width: 350px;
}

.textanalysis-case-review-parameters {
    display: inline-block;
    height: auto;
    margin: 5px 0 0 5px;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-color: lightgrey;
}

.textanalysis-situational-notes-remarks {
    display: block;
    height: auto;
    width: auto;
}

.textanalysis-session-sync-button {
    display: inline-block;
    margin-left: 5px;
}

.textanalysis-text-review-container {
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.textanalysis-case-review-document-table {
    display: table;
}

.textanalysis-case-review-document-table-row {
    display: table-row;
}

.textanalysis-case-review-document-table-cell {
    display: table-cell;
}

.textanalysis-case-review-which-document {
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: auto;
    height: auto;
    margin: 5px 0 0 0;
    padding: 5px 5px 5px 5px;
    color: black;
    background-color: unset;
}

.textanalysis-case-review-notes {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: auto;
    height: auto;
    margin: 5px 0 0 0;
    padding: 5px 5px 5px 5px;
    color: black;
    background-color: white;
    white-space: normal;
    overflow: auto;
}

.textanalysis-case-review-remarks {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: auto;
    height: auto;
    margin: 5px 0 5px 0;
    padding: 5px 5px 5px 5px;
    color: black;
    background-color: white;
    white-space: normal;
    overflow: auto;
}

.textanalysis-situational-save-button {
    margin: 5px 0 0 0;
}

.textanalysis-situational-add-button {
    margin: 5px 0 0 0;
}

.textanalysis-situational-data-table {
    display: table;
    margin: 5px 0 0 0;
}

.textanalysis-situational-data-table-row {
    display: table-row;
}

.textanalysis-situational-data-table-cell {
    display: table-cell;
    border: 1px solid darkgreen;
    color: black;
    background-color: white;
    vertical-align: top;
    white-space: normal;
}

.textanalysis-situational-data-table-cell-header {
    display: table-cell;
    border: 1px solid darkgreen;
    color: black;
    background-color: lightcyan;
}

.textanalysis-situational-data-edit-header {
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: black;
}

.textanalysis-situational-data-edit {
    font-family: 'open_sansrgular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: black;
}

.textanalysis-situational-data-review {
    width: 300px;
}

.textanalysis-situational-data-category {
    width: 120px;
}

.textanalysis-situational-data-score {
    width: 100px;
}

.textanalysis-situational-data-intervention {
    width: 300px;
    white-space: normal;
}

.textanalysis-situational-data-implemented {
    width: 300px;
    white-space: normal;
}

.textanalysis-trending-last-updated {
    display: inline-block;
    text-align: left;
    font-family: 'open_sansregaular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    white-space: normal;
    color: darkblue;
}

.textanalysis-trending-save-button {
    margin: 5px 0 0 0;
}

.textanalysis-trending-chart-container {
    display: block;
    margin: 10px 10px 10px 10px;
    background-color: white;
}

.textanalysis-trending-table {
    display: table;
    margin: 5px 0 0 0;
}

.textanalysis-trending-table-row {
    display: table-row;
}

.textanalysis-trending-table-cell {
    display: table-cell;
    border: 1px solid darkgreen;
    color: black;
    background-color: white;
    vertical-align: top;
}

.textanalysis-trending-edit {
    font-family: 'open_sansrgular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: black;
    border-radius: 5px;
    border: 1px solid darkgreen;
    padding: 2px 2px 2px 2px;
}

.textanalysis-trending-label {
    display: block;
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 0 0 5px;
    background-color: lightcyan;
}

.textanalysis-span-time {
    color: firebrick;
    text-decoration: underline;
    text-underline: grey;
}

.textanalysis-listing-label {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 11px;
    margin: 0 0 0 0;
}
.textanalysis-listing-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: 11px;
    color: grey;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    width: 12%;
    max-width: 9px;
    height: 9px;
    border: 1px solid lightgrey;
}

.textanalysis-listing-department-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 11px;
    width: auto;
    height: auto;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
}

.textanalysis-popup-div {
    border-radius: 10% 0 10% 0;
    border: 2px #3AA79A;
    background-color: white;
    margin: 0 var(--icq-declaration-margin-right) 0 var(--icq-declaration-margin-left);
    padding: 15px var(--icq-declaration-padding-right) 40px var(--icq-declaration-padding-left);
    position: absolute;
    top: 5%;
    max-width: var(--icq-queue-max-width);
    text-align: center;
    z-index: 15;
    overflow: auto;
    white-space: normal;
}

@media screen and (max-width: 900px) {
    .textanalysis-upload-header-text {
        font-size: 25px;
    }
    .textanalysis-upload-header-information {
        margin: 0 5px 0 5px;
    }
    .textanalysis-upload-list-container {
        margin: 10px 5px 10px 5px;
    }
}

@media screen and (max-width: 550px) {
    .textanalysis-upload-header-text {
        font-size: 20px;
    }
    .textanalysis-upload-list-container {
        max-width: 365px;
        padding: 10px 0 10px 0;
    }
    .listing-button {
        font-size: 12px;
        padding: 5px 15px;
        margin: 3px 0 3px 3px;
    }
    .textanalysis-upload-list-li-client-id {
        width: 70px;
    }
    .textanalysis-upload-list-li-request-type {
        width: 85px;
    }
    .textanalysis-upload-list-li-status {
        width: 60px;
    }
    .textanalysis-upload-list-li-date {
        width: 125px;
    }
    .textanalysis-upload-list-li-email {
        width: 130px;
    }
}
/* -------- TEXT ANALYSIS END   --------------  */

/* -------- SUPPORT START -----------  */

.support-header-text {
    margin: auto;
    text-align: center;
    max-width: 620px;
    font-family: 'open_sansbold', sans-serif;
    font-size: 35px;
}

.support-header-information {
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    white-space: normal;
}

.support-message {
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    white-space: normal;
    color: darkred;
}

.support-table {
    border-style: outset;
    border-width: 10px;
    border-color: lightgreen;
    box-sizing: border-box;
    width: 100%;
    max-width: 700px;
    margin: 10px 0 10px 0;
    padding: 10px 10px 10px 10px;
    overflow: auto;
    white-space: normal;
}

.support-tr {
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.support-label-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--support-main-font-size);
    color: #283556;
    width: var(--support-table-label-width);
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

.support-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--support-main-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
}

.support-reference {
    width: 100px;
}

.support-request-type {
}

.support-textarea {
    width: 100%;
    height: auto;
    min-height: 70px;
}

.support-load-choose-file {
    width: 100%;
    cursor: pointer;
}
.support-load-choose-file:disabled {
    cursor: default;
}

.support-loaded-file {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--support-main-font-size);
    width: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.support-button {
    margin: 5px 0 0 0;
}

.support-clear-button {
    margin: 10px 0 0 8px;
}

.support-list-container {
    display: none;
    width: auto;
    height: auto;
    max-width: 700px;
    max-height: 360px;
    margin: 10px 0 0 0;
    padding: 10px 5px 10px 5px;
    background-color: #E8E8F7;
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
}

.support-list-li-reference {
    width: 100px;
}

.support-list-li-request-type {
    width: 115px;
}

.support-list-li-status {
    width: 90px;
}

.support-list-li-created {
    width: 175px;
}

.support-list-li-email {
    width: 185px;
}

@media screen and (max-width: 900px) {
    .support-header-information {
        margin: 0 5px 0 5px;
    }
    .support-list-container {
        margin: 10px 5px 10px 5px;
    }
}

@media screen and (max-width: 550px) {
    .support-list-container {
        max-width: 365px;
        padding: 10px 0 10px 0;
    }
    .listing-button {
        font-size: 12px;
        padding: 5px 15px;
        margin: 3px 0 3px 3px;
    }
    .support-list-li-reference {
        width: 70px;
    }
    .support-list-li-request-type {
        width: 85px;
    }
    .support-list-li-status {
        width: 60px;
    }
    .support-list-li-created {
        width: 125px;
    }
    .support-list-li-email {
        width: 130px;
    }
}

/* -------- SUPPORT END -------------  */

/* -------- COMPANIES START -------------  */

.companies-form-container {
    display: block;
    background-color: unset;
    margin: auto;
    white-space: normal;
}

.companies-form {
    max-width: 1000px;
    width: 95%;
    height: auto;
    margin: auto;
    padding: 10px 0 15px 3%;
    border-radius: 10px;
    background-color: #DFE6FF;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    white-space: normal;
}

.companies-auto-label {
    min-width: 30px;
    display: inline-block;
    max-width: var(--mobile-text-maximum-width);
    margin: 10px 0 10px 0;
    overflow: unset;
    white-space: normal;
}

.companies-auto-label-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    width: 210px;
}

.companies-auto-input-text {
    min-width: 50px;
    max-width: var(--mobile-text-maximum-width);
    width: auto;
    margin: 10px 0 10px 0;
    white-space: normal;
}

.companies-auto-input-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid black;
    border-left: none;
    border-image: initial;
    width: 300px;
    height: 25px;
    vertical-align: middle;
}

.companies-auto-input-font-disabled {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    width: 300px;
    height: 25px;
    vertical-align: middle;
}

.companies_text_max_width {
    max-width: 965px;
    color: darkblue;
}

.companies-auto-input-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.companies-auto-input-select {
    min-width: 50px;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 5px 5px 5px;
}

.companies-display-message {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    color: #EA510A;
    text-align: left;
    margin: 10px 0 0 0;
}

/* -------- COMPANIES END   -------------  */

/* -------- DOCUMENTS START -------------  */

.documents-form-container {
    display: block;
    background-color: unset;
    white-space: normal;
    margin: 0 0 0 0;
}

.documents-form {
    max-width: 3000px;
    width: max-content;
    height: auto;
    margin: auto;
    padding: 10px 10px 10px 12px;
    border-radius: 10px;
    background-color: #DFE6FF;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    overflow: auto;
}

.documents-list-container {
    display: inline-block;
}

.documents-form-middle {
    float: right;
}

.documents-form-upload {
    margin: 10px 0 0 0;
}

.documents-form-create {
    margin: 10px 0 0 0;
}

.documents-form-documents-list {
    margin: 10px 10px 0 0;
}

.documents-form-folders {
    float: left;
    min-width: 250px;
    min-height: 300px;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 5px 0;
    border-radius: 10px;
    background-color: unset;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    white-space: normal;
}

.documents-auto-label {
    min-width: 30px;
    display: inline-block;
    max-width: var(--mobile-text-maximum-width);
    margin: 5px 0 0 5px;
    overflow: unset;
    white-space: normal;
}

.documents-link-label {
    width: auto;
    display: inline-block;
    margin: 5px 0 0 5px;
    overflow: unset;
    white-space: normal;
}

.documents-link-label-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
}

.documents-auto-label-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    width: 140px;
}

.documents-auto-input-text {
    min-width: 75%;
    max-width: var(--mobile-text-maximum-width);
    width: auto;
    margin: 5px 0 0 5px;
    white-space: normal;
}

.documents-input-file-link {
    min-width: 75%;
    width: 300px;
    margin: 5px 0 0 5px;
    white-space: normal;
}

.documents-auto-input-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid black;
    border-left: none;
    border-image: initial;
    height: 25px;
    vertical-align: middle;
}

.documents-auto-input-font-disabled {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    text-align: left;
    color: darkgreen;
    line-height: normal;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    height: 25px;
    vertical-align: middle;
}

.documents_text_max_width {
    max-width: 965px;
    color: darkblue;
}

.documents-auto-text {
    display: inline-block;
    max-width: var(--mobile-text-maximum-width);
    width: auto;
    margin: 5px 0 0 5px;
    white-space: normal;
}

.documents-auto-input-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: grey;
    margin: 0 0 0 5px;
    padding: 5px 5px 5px 5px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.documents-auto-input-select {
    min-width: 50px;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 5px 5px 5px;
}

.documents-link-file-auto-input-textarea {
    min-width: 97%;
    min-width: -moz-available;
    min-width: -webkit-fill-available;
    min-width: fill-available;
    width: 300px;
    height: fit-content;
    min-height: 45px;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    color: black;
    text-align: left;
    border: 1px solid #2F272F;
    resize: both;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: break-word;
    white-space: normal;
    margin: 5px 20px 0 5px;
    padding: 0 11px 0 11px;
}

.documents-auto-input-textarea {
    width: fit-content;
    min-width: 75%;
    max-width: var(--mobile-text-maximum-width);
    height: fit-content;
    min-height: 45px;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--survey-properties-font-size);
    color: black;
    text-align: left;
    border: 1px solid #2F272F;
    resize: both;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: break-word;
    white-space: normal;
    margin: 5px 0 0 5px;
    padding: 0 11px 0 11px;
}

.documents-display-message {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 20px;
    color: #EA510A;
    text-align: left;
    margin: 10px 0 0 0;
}

.documents-menu-button {
    box-shadow: 0 10px 14px -7px #276873;
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 26px;
    text-decoration: none;
    text-shadow: 0 1px 0 #3d768a;
    margin: 3px 0 3px 8px;
}

.documents-load-message {
    font-size: 18px;
    color: red;
    margin: 5px 0 0 10px;
}

.documents-icons {
    vertical-align: middle;
    color: blue;
}

.documents-upload-button {
    margin-top: 8px;
}

.documents-load-choose-file {
    width: auto;
}

.documents-list-li-name {
    width: auto;
    min-width: 200px;
}

.documents-list-li-folder {
    width: auto;
    min-width: 100px;
}

.documents-list-li-size {
    width: 90px;
}

.documents-list-li-pii {
    width: 60px;
}

.documents-list-li-description {
    width: 300px;
}

.documents-list-li-tags {
    width: 110px;
}

.documents-li-header {
    display: inline-block;
    background-color: aliceblue;
    font-family: open_sansbold, sans-serif;
    font-size: 15px;
    text-align: left;
    height: 35px;
    border: 1px solid darkgreen;
    margin: 0 0 0 0;
    padding: 8px 0 0 8px;
    white-space: normal;
}

.documents-li-data {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 14px;
    text-align: left;
    min-height: 35px;
    border: 1px solid darkgreen;
    margin: 0 0 0 0;
    padding: 8px 8px 8px 8px;
    white-space: normal;
}

.documents-list-ws {
    margin: -20px 0 10px 10px;
}

@media screen and (max-width: 900px) {
    .documents-form-middle {
        float: none;
    }
    .documents-form-folders {
        float: none;
    }
}

.dc-tree-ul {
    list-style: none;
    margin: 0 5px 0 0;
    padding: 0 0 0 0;
    padding-inline-start: 0;
}

.dc-tree-ul {
    line-height: 0;
}

.dc-tree-view-label {
    vertical-align: super;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px
}

.dc-tree-view-arrow {
    vertical-align: super;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 20px
}

.dc-tree-view-label-disabled {
    color: var(--dc-color_text_disabled)
}

.dc-tree-view-label-disabled.dc-tree-view-label-hovered {
    color: var(--dc-color_text)
}

.dc-tree-icon {
    margin-right: calc(var(--dc_spacing) * 0.1);
}

.dc-tree-text {
    -webkit-font-smoothing: antialiased;
    padding: 0;
    color: var(--dc-color_text);
    font-family: var(--dc-font-small-fontfamily);
    font-size: var(--dc-font-small-fontsize);
    font-weight: var(--dc-font-small-fontweight);
    line-height: var(--dc-font-small-lineheight);
}
/* -------- DOCUMENTS END   -------------  */

/* B2B Dashboard START */
.b2b-dashboard-container {
    float: left;
    display: none;
    border-radius: 5px;
    border: 2px solid darkblue;
    background-color: mintcream;
    overflow: auto;
}

.b2b-dashboard-session-audit-container {
    height: 100px;
    width: auto;
    padding: 0 10px 0 0;
}

.dashboard-b2b-workspace-label {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    color: #283556;
    margin: 0 0 0 10px;
    padding: 0 0 0 0;
}

.dashboard-b2b-department-name {
    width: 200px;
}

.dashboard-b2b-department-count {
    width: 190px;
}

.dashboard-b2b-department-no {
    width: 40px;
}

.dashboard-b2b-worker-name {
    width: 300px;
}

.dashboard-b2b-worker-role {
    width: 200px;
}

.dashboard-b2b-total-cases {
    width: 160px;
}

.dashboard-b2b-cases-supervised {
    width: 150px;
}

.dashboard-b2b-last-accessed {
    width: 155px;
}

.dashboard-b2b-last-session-update {
    width: 175px;
}

.dashboard-b2b-case {
    width: 155px;
}

.dashboard-b2b-client-id {
    width: 155px;
}

.dashboard-b2b-client-name {
    width: 300px;
}

.dashboard-b2b-session-no {
    width: 120px;
}

.dashboard-b2b-supervisor-name {
    width: 300px;
}

.dashboard-b2b-departments-access {
    width: 220px;
}


.dashboard-small-properties-select {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 3px 3px 3px 3px;
}

/* B2B Dashboard END */

.modal-content {
    background-image: url("../images/appointment_colour.png");
    background-color: #cccccc;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
}

.customer-appointment-container {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    width: min-content;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    border: 2px solid #3AA79A;
}

.customer-appointment-case-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--customer-appointment-main-font-size);
    color: #283556;
    width: auto;
    margin: 8px 0 0 0;
    padding: 0 0 0 0;
}

.form-consent-container {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 200px;
    min-height: 200px;
    max-height: 80%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    border: 2px solid #3AA79A;
    overflow: auto;
}

.form-consent-case-td {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--form-consent-main-font-size);
    color: #283556;
    width: auto;
    margin: 8px 0 0 0;
    padding: 0 0 0 0;
}

.customer-appointment-close-button {
    float: right;
    cursor: pointer;
}

.customer-appointment-part-data {
    float: left;
}

.customer-appointment-part-calendar {
    float: left;
    width: 295px;
    height: 174px;
    margin: 8px 0 0 5px;
    border-radius: 5px;
    border: 2px solid #3AA79A;
}

.customer-appointment-part-key {
}

.customer-appointment-part-questions {
}

.customer-appointment-header {
    background-image: url("../images/54021086_l_normal_none (Small).png");
    background-color: #cccccc;
    min-height: 85px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-consent-header {
    background-image: url("../images/54021086_l_normal_none (Small).png");
    background-color: #cccccc;
    min-height: 85px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.customer-appointment-table {
    float: left;
    display: block;
    margin: 0 0 0 0;
    padding: 10px 9px 10px 10px;
    background-image: url("../images/appointment_colour.png");
    background-color: #cccccc;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
}

.form-consent-table {
    float: left;
    display: block;
    margin: 0 0 0 0;
    padding: 10px 9px 10px 10px;
    background-image: url("../images/appointment_colour.png");
    background-color: #cccccc;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
}

.customer-appointment-part-calendar-appointment {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--customer-appointment-main-font-size);
    margin: 4px 0 0 0;
}

.customer-appointment-customer {
    display: block;
    font-family: 'open_sansbold_italic', sans-serif;
    font-size: var(--customer-appointment-customer-font-size);
    color: red;
    min-width: 30px;
    margin: 8px 0 0 0;
}

.customer-appointment-contact {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--customer-appointment-main-font-size);
    max-width: 300px;
    width: 300px;
    margin: 8px 0 8px 0;
    padding: 5px 5px 5px 5px;
}

.customer-appointment-message {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--customer-appointment-main-font-size);
    width: 90vw;
    height: 70px;
    max-width: 600px;
    margin: 8px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.customer-appointment-date {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--customer-appointment-main-font-size);
    width: 130px;
    margin: 8px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.customer-appointment-time {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--customer-appointment-main-font-size);
    width: 90px;
    margin: 8px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.customer-appointment-checkbox {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    color: grey;
    margin: 5px 5px 0 0;
    padding: 5px 5px 5px 5px;
    width: 12%;
    max-width: 12px;
    height: 12px;
    border: 1px solid lightgrey;
}

.customer-appointment-send-button {
    box-shadow: 0 10px 14px -7px #276873;
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 18px;
    text-decoration: none;
    text-shadow: 0 1px 0 #3d768a;
    margin: 8px 0 3px 0;
}

.customer-appointment-button {
    box-shadow: 0 10px 14px -7px #276873;
    background: #2CABE3 linear-gradient(to bottom, #2CABE3 5%, #2CABE3 100%);
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: 'open_sansregular', sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 18px;
    text-decoration: none;
    text-shadow: 0 1px 0 #3d768a;
    margin: 3px 0 3px 2px;
}

.form-consent-header-text {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--form-consent-header-text-font-size);
    word-break: normal;
    white-space: normal;
    color: mediumblue;
}

.form-consent-header-value {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--form-consent-header-value-font-size);
    word-break: normal;
    white-space: normal;
    border: 1px solid black;
    padding: 1px 3px 1px 3px;
    color: black;
    background-color: white;
}

.form-consent-question-text {
    display: block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--form-consent-question-font-size);
    word-break: normal;
    white-space: normal;
}

.form-consent-question-answer {
    display: block;
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--form-consent-question-answer-font-size);
    word-break: normal;
    white-space: normal;
}

/* -------- GENOGRAM START  ------------- */
.genogram-form {
    max-width: 1000px;
    width: 95%;
    height: auto;
    margin: auto;
    padding: 10px 2% 15px 2%;
    border-radius: 10px;
    background-color: #DFE6FF;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    white-space: normal;
}

.genogram-canvas-container {
    max-width: 1000px;
    max-height: 1000px;
    width: 100%;
    height: 100vh;
    margin: 0 0 0 0;
    padding: 3px 3px 3px 3px;
    border-radius: 10px;
    background-color: snow;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    white-space: normal;
}

.genogram-auto-label-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    width: auto;
}

.genogram-auto-input-text {
    min-width: 50px;
    width: auto;
    margin: 10px 0 10px 0;
    white-space: normal;
}

.genogram-auto-input-font {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid black;
    border-left: none;
    border-image: initial;
    width: auto;
    height: 25px;
    vertical-align: middle;
}

.genogram-auto-input-font-disabled {
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    color: black;
    line-height: normal;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    width: auto;
    height: 25px;
    vertical-align: middle;
}

.genogram-data {
    width: 40px;
}

.tx-genogram-table {
    display: block;
    margin: 0 0 0 0;
}

.tx-genogram-tr {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.tx-genogram-th {
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 0 0 5px;
    background-color: lightcyan;
}
.tx-genogram-th-1 {
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 0 0 5px;
    background-color: lightgrey;
}

.tx-genogram-td {
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 20px 0 5px;
    background-color: aliceblue;
    vertical-align: top;
}

.tx-genogram-td-1 {
    font-family: 'open_sansbold', sans-serif;
    font-size: var(--textanalysis-label-font-size);
    margin: 0 0 0 5px;
    background-color: white;
    vertical-align: top;
}

.tx-genogram-cell-width {
    width: 120px;
}

.tx-genogram-cell-height {
    width: 120px;
}

.tx-genogram-label {
    display: inline-block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 20px;
    margin: 0 0 0 5px;
    min-width: 120px;
}

.tx-genogram-text {
    display: inline-block;
    font-family: 'open_sansrgular', sans-serif;
    font-size: 20px;
    color: black;
    white-space: normal;
}

.tx-genogram-text-disc {
    display: block;
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    margin: 0 0 0 5px;
    min-width: 120px;
    color: red;
    white-space: normal;
}

.tx-genogram-summary-text {
    display: inline-block;
    font-family: 'open_sansrgular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: black;
    white-space: normal;
    margin: 5px 5px 5px 5px;
}

.tx-genogram-transcript {
    display: block;
    font-family: 'open_sansrgular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    color: black;
    white-space: normal;
    margin: 5px 5px 5px 5px;
    padding: 3px 3px 3px 3px;
    border: solid 1px green;
}
/* -------- GENOGRAM END    ----------- */

/* -------- RTF START    ----------- */

.rtf-icon-container {
    width: 28px;
    height: 28px;
    display: inline-block;
    border: solid 1px transparent;
    padding: 1px 1px 1px 1px;
    margin: 4px 3px 4px 3px;
    vertical-align: middle;
}

.rtf-colour-container {
    width: 42px;
    height: 29px;
    display: inline-block;
    border: solid 1px transparent;
    padding: 0 1px 1px 1px;
    margin: 4px 3px 0 3px;
    vertical-align: text-bottom;
}

.rtf-icon {
    margin-right: calc(var(--dc_spacing) * 0.1);
    border: 0;
    width: 24px;
    height: 100%;
    align-self: self-start;
}

.rtf-two-icon {
    display: flex;
    position: unset;
    align-content: center;
    align-items: center;
    justify-content: center;
    width: 37px;
    margin-top: 5px;
    z-index: 1;
}

.rtf-colour-icon {
    position: relative;
    width: 16px;
    height: 4px;
    left: 7px;
    top: -5px;
    background-color: red;
    z-index: 9;
}

.rtf-arrow-icon {
    width: 30%;
}

.rtf-editor-container {
    width: auto;
    height: auto;
    max-width: 1200px;
    max-height: 1200px;
    display: block;
    border: solid 1px darkgreen;
    padding: 5px 5px 5px 5px;
    margin: 2px 2px 2px 2px;
    overflow: auto;
    text-wrap: wrap;
}

.rtf-select {
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    width: auto;
    height: 30px;
}

/* Safari Browser Check - doesn't work!!! */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .rtf-select {
            line-height: 30px;
            -webkit-appearance: menulist-button;
        }
    }
}

.rtf-colour-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    width: 75px;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    height: 30px;
}

.rtf-numeric-input {
    font-family: 'open_sansregular', sans-serif;
    font-size: 15px;
    width: 50px;
    margin: 0 0 0 0;
    padding: 2px 2px 2px 2px;
    height: 30px;
}

/* -------- RTF END    ----------- */

/* -------- ICQ END    ----------- */
:root {
    --icq-ends-gap: 10%;
    --icq-icon-height: 60px;
    --icq-logo-height: 60px;
    --icq-f-icon-height: 80px;
    --icq-card-height: 60px;
    --icq-f-card-translate: 10%;
    --icq-tx-image-fsize: 44px;
    --icq-tx-main-1-fsize: 48px;
    --icq-tx-main-2-fsize: 21px;
    --icq-tx-main-3-fsize: 21px;
    --icq-step-header-1-fsize: 40px;
    --icq-step-header-2-fsize: 40px;
    --icq-step-header-3-fsize: 35px;
    --icq-qu-end-gap: 50px;
    --icq-border-radius: 25px;
    --icq-border-stop-radius: 7px;
    --icq-input-padding: 20px;
    --icq-select-padding-left: 20px;
    --icq-select-padding-right: 10%;
    --icq-input-fsize: 18px;
    --icq-label-fsize: 20px;
    --icq-message-fsize: 20px;
    --icq-radio-label-fsize: 15px;
    --icq-step-icon-height: 55px;
    --icq-step-main-fsize: 26px;
    --icq-steps-end-gap: 10%;
    --icq-email-width: 60%;
    --icq-select-width: audio;
    --icq-footer-information-fsize: 20px;
    --icq-f-margin-left: 10%;
    --icq-declaration-1-fsize: 28px;
    --icq-declaration-2-fsize: 20px;
    --icq-declaration-max-width: 900px;
    --icq-tc-max-width: 900px;
    --icq-tc-width: 900px;
    --icq-queue-max-width: 700px;
    --icq-declaration-margin-right: 200px;
    --icq-declaration-margin-left: 100px;
    --icq-tc-margin-right: 200px;
    --icq-tc-margin-left: 100px;
    --icq-declaration-padding-right: 40px;
    --icq-declaration-padding-left: 40px;
    --icq-system-message-fsize: 45px;
    --icq-closed-text-fsize: 45px;
}

@media screen and (max-width: 1500px) {
    :root {
        --icq-system-message-fsize: 30px;
        --icq-closed-text-fsize: 30px;
    }
}

@media screen and (max-width: 1310px) {
    :root {
        --icq-step-header-1-fsize: 35px;
        --icq-step-header-2-fsize: 35px;
        --icq-step-header-3-fsize: 28px;
        --icq-declaration-margin-right: 100px;
        --icq-declaration-margin-left: 100px;
        --icq-tc-margin-right: 100px;
        --icq-tc-margin-left: 100px;
    }
}

@media screen and (max-width: 1265px) {
    :root {
        --icq-footer-information-fsize: 19px;
        --icq-tc-width: 850px;
    }
}

@media screen and (max-width: 1160px) {
    :root {
        --icq-footer-information-fsize: 18px;
        --icq-f-icon-height: 60px;
        --icq-card-height: 55px;
        --icq-tc-width: 80%;
    }
}

@media screen and (max-width: 1050px) {
    :root {
        --icq-tx-main-1-fsize: 40px;
        --icq-tx-main-2-fsize: 18px;
        --icq-tx-main-3-fsize: 18px;
        --icq-step-header-1-fsize: 30px;
        --icq-step-header-2-fsize: 30px;
        --icq-step-header-3-fsize: 24px;
        --icq-declaration-1-fsize: 28px;
        --icq-declaration-2-fsize: 18px;
        --icq-footer-information-fsize: 17px;
        --icq-f-icon-height: 50px;
        --icq-card-height: 50px;
    }
}
@media screen and (max-width: 900px) {
    :root {
        --icq-tc-margin-right: 20px;
        --icq-tc-margin-left: 20px;
        --icq-tc-width: 95%;
    }
}

@media screen and (max-width: 900px) {
    :root {
        --icq-ends-gap: 8%;
        --icq-icon-height: 60px;
        --icq-logo-height: 40px;
        --icq-f-icon-height: 55px;
        --icq-card-height: 50px;
        --icq-tx-image-fsize: 25px;
        --icq-tx-main-1-fsize: 35px;
        --icq-tx-main-2-fsize: 16px;
        --icq-tx-main-3-fsize: 16px;
        --icq-step-header-1-fsize: 26px;
        --icq-step-header-2-fsize: 26px;
        --icq-step-header-3-fsize: 20px;
        --icq-declaration-1-fsize: 24px;
        --icq-declaration-2-fsize: 14px;
        --icq-label-fsize: 18px;
        --icq-message-fsize: 18px;
        --icq-radio-label-fsize: 14px;
        --icq-input-fsize: 16px;
        --icq-step-main-fsize: 22px;
        --icq-step-icon-height: 50px;
        --icq-steps-end-gap: 30px;
        --icq-footer-information-fsize: 15px;
    }
}

@media screen and (max-width: 800px) {
    :root {
        --icq-ends-gap: 15px;
        --icq-tx-main-1-fsize: 30px;
        --icq-tx-main-2-fsize: 14px;
        --icq-tx-main-3-fsize: 14px;
        --icq-qu-end-gap: 20px;
        --icq-step-header-3-fsize: 18px;
        --icq-declaration-2-fsize: 14px;
        --icq-label-fsize: 17px;
        --icq-message-fsize: 17px;
        --icq-radio-label-fsize: 13px;
        --icq-input-fsize: 15px;
        --icq-step-main-fsize: 19px;
        --icq-step-icon-height: 40px;
        --icq-select-width: 440px;
        --icq-f-margin-left: 5%;
        --icq-declaration-margin-right: 50px;
        --icq-declaration-margin-left: 50px;
    }
}

@media screen and (max-width: 720px) {
    :root {
        --icq-f-margin-left: 1%;
    }
}

@media screen and (max-width: 695px) {
    :root {
        --icq-f-margin-left: 25%;
        --icq-tc-width: 93%;
    }
}

@media screen and (max-width: 590px) {
    :root {
        --icq-ends-gap: 10px;
        --icq-icon-height: 40px;
        --icq-logo-height: 30px;
        --icq-f-icon-height: 45px;
        --icq-card-height: 40px;
        --icq-tx-image-fsize: 18px;
        --icq-tx-main-1-fsize: 25px;
        --icq-qu-end-gap: 10px;
        --icq-step-header-1-fsize: 24px;
        --icq-step-header-2-fsize: 24px;
        --icq-step-header-3-fsize: 16px;
        --icq-declaration-1-fsize: 20px;
        --icq-declaration-2-fsize: 14px;
        --icq-label-fsize: 16px;
        --icq-message-fsize: 16px;
        --icq-radio-label-fsize: 12px;
        --icq-input-fsize: 14px;
        --icq-steps-end-gap: 20px;
        --icq-declaration-max-width: 90%;
        --icq-tc-max-width: 95%;
        --icq-queue-max-width: 90%;
        --icq-select-width: 400px;
        --icq-f-margin-left: 20%;
        --icq-tc-width: 92%;
        --icq-system-message-fsize: 20px;
    }
}

@media screen and (max-width: 450px) {
    :root {
        --icq-ends-gap: 5px;
        --icq-icon-height: 30px;
        --icq-logo-height: 20px;
        --icq-f-icon-height: 35px;
        --icq-card-height: 30px;
        --icq-tx-image-fsize: 14px;
        --icq-tx-main-1-fsize: 20px;
        --icq-qu-end-gap: 5px;
        --icq-label-fsize: 15px;
        --icq-radio-label-fsize: 11px;
        --icq-input-fsize: 13px;
        --icq-step-main-fsize: 18px;
        --icq-steps-end-gap: 10px;
        --icq-select-width: 340px;
        --icq-f-margin-left: 10%;
        --icq-declaration-1-fsize: 20px;
        --icq-declaration-margin-right: 20px;
        --icq-declaration-margin-left: 20px;
        --icq-declaration-padding-right: 20px;
        --icq-declaration-padding-left: 20px;
        --icq-tc-width: 90%;
        --icq-system-message-fsize: 16px;
    }
}

@media screen and (max-width: 400px) {
    :root {
        --icq-step-icon-height: 35px;
        --icq-steps-end-gap: 5px;
        --icq-email-width: 90%;
        --icq-select-width: 300px;
        --icq-declaration-margin-right: 20px;
        --icq-declaration-margin-left: 20px;
        --icq-declaration-1-fsize: 18px;
    }
}

.icq-body {
    background-color: white;
    overflow: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    height: 100%;
}

.icq-main {
    background-color: white;
    height: auto;
}

.icq-h-container {
    background-color: white;
/*    margin: 25px var(--icq-ends-gap) 30px var(--icq-ends-gap); */
    margin: auto;
    max-width: 1100px;
}

.icq-h-am-icon {
    float: left;
}

.icq-h-am-logo {
    float: right;
    transform: translate(0, 30%);
}

.icq-h-im-icon {
    min-height: var(--icq-icon-height);
    max-height: var(--icq-icon-height);
    margin: 0 0 0 0;
}

.icq-h-im-logo {
    min-height: var(--icq-logo-height);
    max-height: var(--icq-logo-height);
    margin: 0 0 0 0;
}

.icq-f-am-icon {
    float: left;
}

.icq-f-am-card {
    float: right;
    transform: translate(0, var(--icq-f-card-translate));
}

.icq-f-im-icon {
    min-height: var(--icq-f-icon-height);
    max-height: var(--icq-f-icon-height);
    margin: 0 0 0 0;
}

.icq-f-im-card {
    min-height: var(--icq-card-height);
    max-height: var(--icq-card-height);
    margin: 0 0 0 0;
}

.icq-h-am-main {
    float: unset;
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 15px auto auto auto;
}

.icq-f-am-main {
    float: left;
    display: block;
    align-items: center;
    margin: 15px auto auto var(--icq-f-margin-left);
}

.icq-h-im-main {
    min-height: 130px;
    margin: auto;
    width: 100%;
}

.icq-h-tx-image {
    position: absolute;
    top: 45%;
    left: 10%;
    color: white;
    font-family: 'syncopatebold', sans-serif;
    font-size: var(--icq-tx-image-fsize);
}

.icq-h-tx-div {
    max-width: 970px;
    display: block;
    text-align: center;
    margin: 30px auto auto auto;
}

.icq-h-tx-main-1 {
    font-family: 'gotham_roundedbold2', sans-serif;
    font-size: var(--icq-tx-main-1-fsize);
    text-align: center;
    color: #9AB83A;
}

.icq-h-tx-main-2 {
    font-family: 'gotham_roundedbold', sans-serif;
    font-size: var(--icq-tx-main-2-fsize);
    text-align: center;
    color: #575756;
}

.icq-h-tx-main-3 {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-tx-main-3-fsize);
    text-align: center;
    color: #575756;
}

.icq-questions-main-container {
    background-color: #EEEEEE;
    margin: 0 0 0 0;
    padding: 0 var(--icq-steps-end-gap) 0 var(--icq-steps-end-gap);
}

.icq-questions-consultation {
    margin: 40px var(--icq-qu-end-gap) 0 var(--icq-qu-end-gap);
    padding: 40px 0 0 0;
}

.icq-question-block {
    float: none;
    height: 100%;
    min-height: auto;
    width: auto;
    max-width: 1000px;
    margin: auto;
    text-align: left;
}

.icq-step-header-div {
    margin: 0 0 15px 0;
}

.icq-step-header-1 {
    font-family: 'syncopateregular', sans-serif;
    font-size: var(--icq-step-header-1-fsize);
    text-align: left;
    color: #0095A6;
}

.icq-step-header-2 {
    font-family: 'syncopatebold', sans-serif;
    font-size: var(--icq-step-header-2-fsize);
    text-align: left;
    color: #A1B747;
}

.icq-step-header-3 {
    font-family: 'syncopateregular', sans-serif;
    font-size: var(--icq-step-header-3-fsize);
    text-align: left;
    color: #0095A6;
}

.icq-step-div-container {
    margin: 0 0 35px 0;
}

.icq-step-div-common {
    margin: 0 3px 0 0;
}

.icq-step-main {
    display: inline-block;
    font-family: 'gotham_roundedbold', sans-serif;
    font-size: var(--icq-step-main-fsize);
    text-align: left;
    color: #A1B747;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.icq-step-icon {
    display: inline-block;
    min-height: var(--icq-step-icon-height);
    max-height: var(--icq-step-icon-height);
    margin: 0 0 0 0;
    vertical-align: middle;
}

.icq-phone-icon {
    display: inline-block;
    min-height: 25px;
    max-height: 25px;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.icq-phone-country-code {
    display: flex;
    height: 50px;
    background-color: white;
    align-items: center;
    margin: 5px 5px 15px 0;
    padding: 0 15px 0 15px;
    border: 1px solid lightgrey;
    border-radius: var(--icq-border-radius);
}

.icq-step-label {
    display: block;
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: var(--icq-label-fsize);
    text-align: left;
    color: #575756;
}

.icq-step-label-2 {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-label-fsize);
    text-align: left;
    color: #575756;
}

.icq-f-information {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-footer-information-fsize);
    color: #575756;
    margin-bottom: 20px;
}

.icq-f-tc-link {
    cursor: pointer;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-footer-information-fsize);
    color: #575756;
    margin-bottom: 20px;
}

.icq-f-faq-link {
    cursor: pointer;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-footer-information-fsize);
    color: #575756;
    margin-bottom: 50px;
}

.icq-step-button {
    cursor: pointer;
    display: inline-block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-input-fsize);
    color: white;
    background-color: #4E96A5;
    margin: 5px 0 15px 0;
    padding: 0 var(--icq-input-padding) 0 var(--icq-input-padding);
    border-radius: var(--icq-border-radius);
    border: 2px #3AA79A;
    width: auto;
    height: 50px;
}

.icq-step-button:disabled {
    cursor: default;
    color: #575756;
    background-color: #BCBCBC;
}

.icq-step-5-button {
    cursor: pointer;
    display: none;
    font-family: 'open_sansbold', sans-serif;
    font-size: 13px;
    color: white;
    background-color: #4E96A5;
    margin: 30px 0 0 5px;
    padding: 0 15px 0 15px;
    border-radius: var(--icq-border-radius);
    border: 2px solid #3AA79A;
    width: auto;
    height: 28px;
}

.icq-step-5-button:disabled {
    cursor: default;
    color: #575756;
    background-color: #BCBCBC;
}

.icq-step-input {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-input-fsize);
    color: #575756;
    margin: 5px 0 15px 0;
    padding: 0 var(--icq-input-padding) 0 var(--icq-input-padding);
    width: auto;
    height: 50px;
    border: 1px solid lightgrey;
}

.icq-step-input::placeholder {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-input-fsize);
    color: #BCBCBC;
}

.icq-step-select {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-input-fsize);
    color: #575756;
    margin: 10px 0 0 0;
    padding: 0 var(--icq-select-padding-right) 0 var(--icq-select-padding-left);
    width: var(--icq-select-width);
    height: 50px;
    border: 2px solid #4E97A6;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image: url(../images/icq-select-arrow-icon.png);
    background-repeat: no-repeat;
    background-size: 15px 10px;
    background-position: 95% center;
}

.icq-icon-text {
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}

.icq-step-message {
    display: block;
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: var(--icq-message-fsize);
    text-align: left;
    color: red;
    margin: 10px 0 0 0;
}

.icq-token-message {
    display: block;
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: var(--icq-message-fsize);
    text-align: left;
    color: blue;
    margin: 10px 0 0 0;
}

.icq-email-address {
    width: var(--icq-email-width);
}

.icq-input-full-width {
    width: 90%;
}

.icq-step-1-recaptcha-div {
    font-family: 'open_sansbold', sans-serif;
    font-size: 15px;
    margin: 10px 0 0 0;
}

.icq-border-radius {
    border-radius: var(--icq-border-radius);
}

.icq-radio-button {
    display: inline-flex;
    font-family: 'open_sansregular', sans-serif;
    font-size: 17px;
    color: grey;
    margin: 0 0 0 0;
    padding: 5px 5px 5px 5px;
    width: 20%;
    max-width: 17px;
    height: 20px;
    border: 1px solid lightgrey;
    vertical-align: middle;
}

.icq-radio-label {
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: var(--icq-radio-label-fsize);
    text-align: left;
    color: #575756;
    margin: 0 25px 0 5px;
}

.icq-step-4-radio-group {
    margin: 5px 0 20px 0;
}

.icq-step-6-radio-group {
    margin: 0 0 0 0;
}

.icq-step-6-declaration-link {
    cursor: pointer;
    display: block;
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: var(--icq-label-fsize);
    text-align: left;
    text-decoration: underline;
    color: #4E96A5;
    padding: 0 0 10px 0;
}

.icq-margin-label-top {
    margin-top: 10px;
}

.icq-align-left {
    text-align: left;
}

.icq-align-center {
    text-align: center;
}

.icq-vertical-align-middle {
    vertical-align: middle;
}

.icq-speak-button {
    cursor: pointer;
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: 40px;
    color: white;
    background-color: #4E96A5;
    margin: 30px 0 30px 0;
    width: auto;
    height: auto;
    padding: 10px var(--icq-input-padding) 10px var(--icq-input-padding);
    border-radius: var(--icq-border-radius);
    border: 2px #3AA79A;
}

.icq-speak-button:disabled {
    cursor: default;
    color: grey;
    background-color: lightgrey;
}

.icq-stop-group {
    display: none;
    width: auto;
    margin: 15px 0 0 0;
}

.icq-declaration-div {
    border-radius: 10% 0 10% 0;
    border: 2px #3AA79A;
    background-color: white;
    margin: 0 var(--icq-declaration-margin-right) 0 var(--icq-declaration-margin-left);
    padding: 15px var(--icq-declaration-padding-right) 40px var(--icq-declaration-padding-left);
    position: absolute;
    top: 5%;
    max-width: var(--icq-declaration-max-width);
    z-index: 15;
}

.icq-tc-div {
    border-radius: 10% 0 10% 0;
    border: 2px #3AA79A;
    background-color: white;
    margin: 0 var(--icq-tc-margin-right) 0 var(--icq-tc-margin-left);
    padding: 10px 20px 80px 20px;
    position: absolute;
    top: 5%;
    max-width: var(--icq-tc-max-width);
    width: var(--icq-tc-width);
    height: 85%;
    z-index: 15;
    overflow: auto;
}

.icq-tc-canvas-p1 {
    position: static;
    top: 60px;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.icq-tc-canvas-all {
    position: unset;
    width: 100%;
    height: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.icq-declaration-ol {
    padding-inline-start: 15px;
}

.icq-declaration-1 {
    display: block;
    font-family: 'syncopateregular', sans-serif;
    font-size: var(--icq-declaration-1-fsize);
    text-align: left;
    color: #0095A6;
    margin: 0 0 0 0;
}

.icq-declaration-2 {
    display: block;
    font-family: 'syncopatebold', sans-serif;
    font-size: var(--icq-declaration-1-fsize);
    text-align: left;
    color: #A1B747;
    margin: 0 0 0 0;
}

.icq-declaration-3 {
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 20px 0 0 0;
}

.icq-declaration-4 {
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 20px 0 0 0;
}

.icq-declaration-5 {
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 20px 0 0 0;
}

.icq-declaration-li-1::marker {
    content: "1. ";
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.icq-declaration-li-2::marker {
    content: "2. ";
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.icq-declaration-li-3::marker {
    content: "3. ";
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.icq-declaration-close-div {
    min-height: 45px;
    width: 100%;
}

.icq-step-6-declaration-close {
    float: right;
    cursor: pointer;
    max-width: 26px;
    max-height: 26px;
}

.page-freeze {
    display: none;
    position: fixed;
    z-index: 10;
    background-color: rgba(0,0,0,.25);
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
}

.icq-queue-div {
    border-radius: 10% 0 10% 0;
    border: 2px #3AA79A;
    background-color: white;
    margin: 0 var(--icq-declaration-margin-right) 0 var(--icq-declaration-margin-left);
    padding: 15px var(--icq-declaration-padding-right) 40px var(--icq-declaration-padding-left);
    position: absolute;
    top: 5%;
    max-width: var(--icq-queue-max-width);
    text-align: center;
    z-index: 15;
}

.icq-queue-1 {
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: center;
    color: #575756;
    margin: 20px 0 0 0;
}

.icq-queue-2 {
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: center;
    color: #575756;
    margin: 20px 0 0 0;
}

.icq-queue-3 {
    display: block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-declaration-2-fsize);
    text-align: left;
    color: #575756;
    margin: 20px 0 0 0;
}

.icq-queue-img-1 {
    width: 97px;
    margin: 10px 0 0 0;
}

.icq-queue-stop-button {
    cursor: pointer;
    font-family: 'gotham_roundedmedium', sans-serif;
    font-size: 13px;
    color: white;
    background-color: #4E96A5;
    margin: 30px 0 0 5px;
    padding: 0 15px 0 15px;
    border-radius: var(--icq-border-stop-radius);
    border: 2px solid #3AA79A;
    width: auto;
    height: 28px;
}

.icq-queue-stop-button:disabled {
    cursor: default;
    color: #575756;
    background-color: #BCBCBC;
}

.icq-system-message {
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-system-message-fsize);
    color: white;
    padding: 35px 0 0 0;
    margin: 0 0 0 0;
    text-align: center;
}

.icq-closed-div {
    display: none;
    border-radius: var(--icq-border-stop-radius);
    border: 2px solid #3AA79A;
    background-color: white;
    margin: 5px 0 5px 0;
    padding: 10px 10px 10px 10px;
    text-align: center;
}

.icq-closed-text {
    display: inline-block;
    font-family: 'gotham_roundedbook', sans-serif;
    font-size: var(--icq-closed-text-fsize);
    color: black;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
/* -------- ICQ END    ----------- */

/* -------- HIGHLIGHT START -------------  */
.sentiment-very-negative {
    color: red;
}
.sentiment-negative {
    color: orange;
}
.sentiment-neutral {
    color: black;
}
.sentiment-positive {
    color: blue;
}
.sentiment-very-positive {
    color: green;
}
/* -------- HIGHLIGHT END   -------------  */

.dump-messages {
    display: none;
    width: 400px;
    height: 400px;
    min-height: 400px;
    font-family: 'open_sansregular', sans-serif;
    font-size: 16px;
    color: black;
    text-align: left;
    margin: 0 0 0 0;
    padding: 4px 4px 4px 4px;
    border: 1px solid #2F272F;
    resize: both;
    overflow: auto;
    word-wrap: normal;
    overflow-wrap: break-word;
    white-space: normal;
}

.uuid-input {
    width: 320px;
}

.form-input {
    width: 150px;
}

.owner-id-input {
    width: 220px;
}

.order-input {
    width: 70px;
}

.description-input {
    width: 320px;
}

.file-name-input {
    width: 700px;
}

.mime-type-input {
    width: 700px;
}

.field-name-input {
    width: 650px;
}

.number-1-input {
    width: 40px;
}

.number-2-input {
    width: 50px;
}

.number-7-input {
    width: 90px;
}

.url-input {
    width: 500px;
}

.html-tag-input {
    width: 110px;
}

.element-input {
    width: 300px;
}

.class-input {
    width: 400px;
}

.type-input {
    width: 100px;
}

.text-input {
    width: 300px;
}

.placeholder-input {
    width: 280px;
}

.display-input {
    width: 120px;
}

.language-tag-input {
    width: 120px;
}

.hide-area-line-button {
    display: block;
    cursor: pointer;
    font-family: 'open_sansbold', sans-serif;
    font-size: 6px;
    color: darkgreen;
    background-color: darkgreen;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
    width: 20px;
    height: 5px;
}

.colour-active-menu {
    color: #3CBAB9;
}

.next-line {
    display: block;
}

.same-line {
    display: inline-block;
}

.remove-tag {
    display: none;
}

.block-tag {
    display: block;
}

.remove-float {
    float: none;
}

.remove-overflow {
    overflow: unset;
}

.auto-overflow {
    overflow: auto;
}

.cursor-default {
    cursor: default;
}

.text-align-left {
    text-align: left;
}

.browser-tag-highlight {
    color: red;
    background-color: yellow;
}

.browser-tag-normal {
    color: black;
    background-color: white;
}

.margin-index-left {
    margin-left: var(--index-logon-left);
}

.colour-tr-odd {
    background-color: #3d5daa;
    color: #ede9dd;
}

.colour-tr-even {
    background-color: #ede9dd;
    color: #3d5daa;
}

.colour-grid-header {
    background-color: #F1F9E3;
    color: black;
}

.padding-sides {
    padding: 0 5px 0 5px;
}

.border-top {
    border-top: 1px solid darkgreen;
}

.border-bottom {
    border-bottom: 1px solid darkgreen;
}

.border-top-left-corner {
    border-left: 1px solid darkgreen;
    border-top: 1px solid darkgreen;
    padding-left: 10px;
}

.border-top-right-corner {
    border-right: 1px solid darkgreen;
    border-top: 1px solid darkgreen;
    padding-right: 10px;
}

.border-left {
    border-left: 1px solid darkgreen;
    padding-left: 10px;
}

.border-right {
    border-right: 1px solid darkgreen;
    padding-right: 10px;
}

.border-bottom-left-corner {
    border-left: 1px solid darkgreen;
    border-bottom: 1px solid darkgreen;
    padding-left: 10px;
}

.border-bottom-right-corner {
    border-right: 1px solid darkgreen;
    border-bottom: 1px solid darkgreen;
    padding-right: 10px;
}

.colour-white-on-purple {
    background-color: #9278CF;
    color: white;
}

.colour-black-on-lightskyblue {
    background-color: lightskyblue;
    color: black;
}

.colour-black-on-palegreen {
    background-color: palegreen;
    color: black;
}

.colour-black-on-rosybrown {
    background-color: rosybrown;
    color: black;
}

.colour-black-on-ghostwhite {
    background-color: ghostwhite;
    color: black;
}

.colour-black-on-white {
    background-color: white;
    color: black;
}

.colour-red {
    color: red;
}

.colour-green {
    color: green;
}

.colour-blue {
  color: blue;
}

.font-size-unset {
    font-size: unset;
}

.text-align-left {
    text-align: left;
}

.resize-vertical {
    resize: vertical;
}

.resize-none {
    resize: none;
}

.icon-results {
    background-image: url(../images/results.png);
}

.icon-analysis {
    background-image: url(../images/analysis.png);
}

.icon-configuration {
    background-image: url(../images/configuration.png);
}

.chart_headerRow {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--support-main-font-size);
}

.chart_tableRow {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--support-main-font-size);
    background-color:rgb(246, 253, 253);
}

.chart_oddTableRow {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--support-main-font-size);
}

.cb-select-over-select {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.cb-select-select-box {
    position: relative;
    cursor: pointer;
}
.cb-select-select-box select {
    width: 100%;
    font-weight: bold;
}

.cb-select-checkboxes {
    display: none;
    max-height: 400px;
    border: 1px #8DF5E4 solid;
    overflow: auto;
}

.cb-select-checkboxes label {
    display: inline-block;
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--fsc-main-font-size);
    margin: 0 0 0 5px;
}

.cb-select-checkboxes label:hover {
    background-color: #4F615E;
}

.small-margin {
    margin: 5px 5px 5px 5px;
}

.no-left-margin {
    margin-left: 0;
}

.no_border-bottom {
    border-bottom: none;
}

.bold-tag {
    font-family: 'open_sansbold', sans-serif;
}

.span-tx-t-1 {
    background-color: yellow;
    color: red;
}

.span-tx-t-2 {
    background-color: orange;
    color: red;
}

.span-tx-t-3 {
    background-color: lightgreen;
    color: red;
}

.width_auto {
    width: auto;
}

.vertical-align-top {
    vertical-align: top;
}

.float-right {
    float: right;
}

.inline-block {
    display: inline-block;
}

.text-align-center {
    text-align: center;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.input-date {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: 130px;
    margin: 8px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.input-time {
    font-family: 'open_sansregular', sans-serif;
    font-size: var(--textanalysis-input-font-size);
    width: 90px;
    margin: 8px 0 0 0;
    padding: 5px 5px 5px 5px;
}

.icq-tc-embed {
    width: 100%;
    height: 100%;
    overflow: auto;
}