/* cyrillic */
@font-face {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Century Gothic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../font.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html * {
    margin: 0;
    padding: 0;
}

* {
    font-family: "Century Gothic";
}

a {
    color: currentColor;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 100;
    vertical-align: middle;
    font-family: "Century Gothic";
}

    h1.-inline, h2.-inline, h3.-inline, h4.-inline, h5.-inline, h6.-inline {
        display: inline-block;
    }

h1 {
    font-size: 3em;
}

h2 {
    font-size: 31px;
}

h3 {
    font-size: 2.2em;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 1.83em;
    margin: 0.4em 0;
}

h6 {
    font-size: 1.5em;
}

* {
    box-sizing: border-box;
}
label.label {
    color: black;
    padding-left: 0px;
    align-self: baseline;
    font-weight: unset;
    line-height: 0;
}
html, body {
    height: 100%;
}

body {
    font-size: 16px;
    height: 100%;
    overflow-y: hidden; /* Hide vertical scrollbar */
    overflow-x: hidden; /* Hide horizontal scrollbar */
}

.MenuL {
    position: fixed;
    right: -300px;
    top: 0px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}

.Menu {
    position: fixed;
    right: -300px;
    top: 0px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}

@media (min-width: 992px) {
    .MenuL {
        position: static;
    }
}  




.content-wrapper::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 0;
    background-color: #D0D4CE;
}

.content-wrapper::-webkit-scrollbar {
    width: 9px;
    background-color: #D0D4CE;
}

.content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #71806B;
}
.sidebar::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 0;
    background-color: #D0D4CE;
}

.sidebar::-webkit-scrollbar {
    width: 5px;
    background-color: #D0D4CE;
}

.sidebar::-webkit-scrollbar-thumb {
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #71806B;
}




.whitelabel-blue {
    /* The container must be positioned relative: */
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */
}

    .whitelabel-blue body {
        background: white;
        color: #686868;
    }

@media (min-width: 992px) {
    .whitelabel-blue body {
        border-top: 0px solid #0A509e;
    }
}

.whitelabel-blue .action-icons svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.whitelabel-blue .action-icons.-large svg {
    width: 22px;
    height: 22px;
}

.whitelabel-blue .authenticated-page {
    display: flex;
    flex-direction: row;
    padding-top: 0px;
}

    .whitelabel-blue .authenticated-page > .content-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }

        .whitelabel-blue .authenticated-page > .content-wrapper > .content {
            padding: 1em 10px;
        }

            .whitelabel-blue .authenticated-page > .content-wrapper > .content, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper {
                flex: 1;
            }

                .whitelabel-blue .authenticated-page > .content-wrapper > .content.-clean, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-clean {
                    background: white;
                }

@media (min-width: 1200px) {
    .whitelabel-blue .authenticated-page > .content-wrapper > .content.-compact, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-compact {
        padding-right: 10em;
        padding-left: 10em;
    }
}

.whitelabel-blue .authenticated-page > .content-wrapper > .content > .header, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0px solid #eaeaea;
    margin: 0 -10px 50px;
    padding: 0 10px;
}

    .whitelabel-blue .authenticated-page > .content-wrapper > .content > .header.-marginless, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header.-marginless {
        margin-bottom: 1em;
    }

    .whitelabel-blue .authenticated-page > .content-wrapper > .content > .header > .actions, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header > .actions {
        display: none;
    }

.whitelabel-blue .authenticated-page > .content-wrapper > .content > .actions, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .actions {
    display: flex;
    flex-direction: row-reverse;
}

.whitelabel-blue .authenticated-page > .content-wrapper > .content > .filters, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters {
    display: flex;
    flex-direction: row;
    color: #686868;
}

    .whitelabel-blue .authenticated-page > .content-wrapper > .content > .filters.-reversed, .whitelabel-blue .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters.-reversed {
        flex-direction: row-reverse;
    }

@media (min-width: 767px) {
    .whitelabel-blue .authenticated-page > .content-wrapper > .content > .header > .actions {
        display: flex;
    }
}

@media (min-width: 992px) {
    .whitelabel-blue .authenticated-page {
        padding-top: 0;
    }

        .whitelabel-blue .authenticated-page > .content-wrapper > .content {
            padding: 1em 10px;
        }
}

.whitelabel-blue .attendance-timeline {
    margin-top: 2em;
}

    .whitelabel-blue .attendance-timeline .toggle {
        text-align: center;
    }

    .whitelabel-blue .attendance-timeline .actions {
        margin-top: 1em;
    }

        .whitelabel-blue .attendance-timeline .actions.-right {
            text-align: right;
        }

.whitelabel-blue .btn {
    border: none;
    cursor: pointer;
    padding: 1em;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    display: inline-block;
    transition: 100ms;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    background: #34BBDA;
    border-radius: 8px;
}

    .whitelabel-blue .btn svg g {
        fill: currentColor;
    }

    .whitelabel-blue .btn svg text, .whitelabel-blue .btn svg rect, .whitelabel-blue .btn svg path {
        fill: currentColor;
        stroke: transparent;
    }

    .whitelabel-blue .btn svg circle {
        stroke: currentColor;
    }

    .whitelabel-blue .btn:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    }

    .whitelabel-blue .btn.-flat {
        box-shadow: none;
    }

    .whitelabel-blue .btn.-primary {
        color: #f1f5f9;
        background: #0A509e;
    }

    .whitelabel-blue .btn.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-blue .btn.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-blue .btn.-dark {
        color: #f1f5f9;
        background: #757575;
    }

    .whitelabel-blue .btn.-block {
        width: 100%;
    }

    .whitelabel-blue .btn.-spaced {
        margin-left: 0em;
        margin-right: 0em;
    }

    .whitelabel-blue .btn.-spaced-top {
        margin-top: 1em;
    }

    .whitelabel-blue .btn.-spaced-bottom {
        margin-bottom: 1em;
    }

    .whitelabel-blue .btn.-small {
        font-size: 15px;
        padding: 0.5em 0.75em;
    }

    .whitelabel-blue .btn.-huge {
        padding: 1.8em;
    }

    .whitelabel-blue .btn.-link {
        color: #0A509e;
        background: none;
        transition: none;
        box-shadow: none;
        outline: none;
    }

        .whitelabel-blue .btn.-link.-normal {
            color: #686868;
        }

    .whitelabel-blue .btn.-inline {
        font-size: 15px;
        padding: 0;
    }

    .whitelabel-blue .btn.-withrighticon {
        position: relative;
        padding-left: 35px;
    }

        .whitelabel-blue .btn.-withrighticon .icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

            .whitelabel-blue .btn.-withrighticon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-blue .btn.-withrighticon .icon svg text, .whitelabel-blue .btn.-withrighticon .icon svg rect, .whitelabel-blue .btn.-withrighticon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-blue .btn.-withrighticon .icon svg circle {
                stroke: currentColor;
            }

            .whitelabel-blue .btn.-withrighticon .icon, .whitelabel-blue .btn.-withrighticon .icon svg {
                width: 20px;
                height: auto;
            }

.whitelabel-blue .card {
    box-shadow: 0 10px 45px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    background: white;
    padding: 2em;
}

    .whitelabel-blue .card.-gray {
        background: #eeeeee;
    }

    .whitelabel-blue .card.-flat {
        box-shadow: none;
    }

    .whitelabel-blue .card.-padded {
        padding: 16px;
    }

    .whitelabel-blue .card.-withoutafterpad {
        margin-bottom: 0;
    }

    .whitelabel-blue .card.-primary {
        border-width: 1em 0 0;
        border-style: solid;
        border-color: #0A509e;
    }

.whitelabel-blue .checkbox {
    border: none;
    position: relative;
    padding-left: 1.2em;
    cursor: pointer;
}

    .whitelabel-blue .checkbox .insidelabel {
        padding-left: 10px;
    }

    .whitelabel-blue .checkbox .checkmark {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 1.1em;
        width: 1.1em;
        background-color: #d3d3d3;
        border-radius: 2px;
        transition: 100ms;
        box-sizing: content-box;
    }

        .whitelabel-blue .checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 0.3em;
            bottom: 0.25em;
            width: 0.35em;
            height: 0.7em;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .whitelabel-blue .checkbox > input {
        opacity: 0;
        position: absolute;
        height: 0;
        width: 0;

    }

        .whitelabel-blue .checkbox > input:checked ~ .checkmark {
            background: #0A509e;
        }

            .whitelabel-blue .checkbox > input:checked ~ .checkmark:after {
                display: block;
            }

    .whitelabel-blue .checkbox.-flat .checkmark {
        background: none;
        border: 1px solid #0A509e;
    }

        .whitelabel-blue .checkbox.-flat .checkmark:after {
            border-color: #0A509e;
        }

    .whitelabel-blue .checkbox.-flat > input:checked ~ .checkmark {
        background: transparent;
    }

.whitelabel-blue .ReactModal__Overlay {
    z-index: 999;
}

.whitelabel-blue .ReactModal__Content {
    max-height: calc(100% - 40px);
    overflow: auto;
}

.whitelabel-blue .curriculum-modal {
    position: absolute;
    width: 90%;
    padding: 3%;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.3);
}

    .whitelabel-blue .curriculum-modal .card {
        box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.09);
    }

    .whitelabel-blue .curriculum-modal .section {
        margin: 1em;
    }

        .whitelabel-blue .curriculum-modal .section.-curriculum-upload .card {
            border-style: dashed;
            border-width: 0.1em;
            border-color: #d3d3d3;
            text-align: center;
            color: #686868;
        }

            .whitelabel-blue .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(3) {
                margin-block-start: -1em;
                color: #0A509e;
            }

            .whitelabel-blue .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(4) {
                font-size: 0.8em;
            }

        .whitelabel-blue .curriculum-modal .section.-form input.input::placeholder {
            color: #808080;
        }

        .whitelabel-blue .curriculum-modal .section.-form .prioritytag {
            padding-left: 20px;
            padding-right: 20px;
            color: #f1f5f9;
            background: #757575;
        }

        .whitelabel-blue .curriculum-modal .section.-form .input:checked + .prioritytag {
            background: #0d509e;
        }

@media (min-width: 767px) {
    .whitelabel-blue .curriculum-modal {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .whitelabel-blue .curriculum-modal {
        width: 55%;
    }
}

@media (min-width: 1200px) {
    .whitelabel-blue .curriculum-modal {
        width: 40%;
    }
}

.whitelabel-blue .duplicated-profile-list {
    padding-bottom: 2em;
    border-bottom: 2px solid #757575;
}

.whitelabel-blue .empty-state {
    margin: 4em 0;
    padding: 0 30%;
    text-align: center;
}

    .whitelabel-blue .empty-state svg g {
        fill: #d3d3d3;
    }

    .whitelabel-blue .empty-state svg text, .whitelabel-blue .empty-state svg rect, .whitelabel-blue .empty-state svg path {
        fill: #d3d3d3;
        stroke: transparent;
    }

    .whitelabel-blue .empty-state svg circle {
        stroke: #d3d3d3;
    }

    .whitelabel-blue .empty-state > .icon {
        margin-bottom: 24px;
    }

        .whitelabel-blue .empty-state > .icon svg {
            height: 64px;
            width: auto;
            margin-left: -12px;
        }

    .whitelabel-blue .empty-state > .label {
        font-size: 2em;
        margin-bottom: 16px;
    }

.whitelabel-blue .flash {
    border: 1px solid currentColor;
    border-radius: 2px;
    padding: 0.75em;
    margin: 1em 0;
}

    .whitelabel-blue .flash.-error {
        background: #FCC;
        color: #F00;
    }

    .whitelabel-blue .flash.-notice {
        background: #CCE5FF;
        color: #004085;
    }

    .whitelabel-blue .flash > .list {
        padding: 0 0 0 1em;
    }

.whitelabel-blue .form-photo .photo.-container {
    float: left;
    margin-right: 0em;
}

.whitelabel-blue .form-photo .photo.-button {
    float: right;
    margin-top: 0.6em;
}

.whitelabel-blue .inlinelink {
    color: #0A509e;
}

.whitelabel-blue .input-group {
    background: transparent;
    display: flex;
    flex-direction: column;
    padding-right: 0.5em;

}

    .whitelabel-blue .input-group:last-of-type:not(.-forcedivisory) {
        border-bottom: none;
    }

    .whitelabel-blue .input-group.-withicon {
        position: relative;
    }

        .whitelabel-blue .input-group.-withicon .input {
            padding-right: 45px;
        }

        .whitelabel-blue .input-group.-withicon .icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: auto;
        }

            .whitelabel-blue .input-group.-withicon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-blue .input-group.-withicon .icon svg text, .whitelabel-blue .input-group.-withicon .icon svg rect, .whitelabel-blue .input-group.-withicon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-blue .input-group.-withicon .icon svg circle {
                stroke: currentColor;
            }

    .whitelabel-blue .input-group.-error, .whitelabel-blue .input-group.-success {
        position: relative;
    }

        .whitelabel-blue .input-group.-error:after, .whitelabel-blue .input-group.-success:after {
            content: "";
            width: 24px;
            height: 24px;
            position: absolute;
            right: -35px;
            top: 50%;
            transform: translateY(-50%);
        }

        .whitelabel-blue .input-group.-error:after {
            background: url("../images/ic-cancel.svg") no-repeat;
        }

        .whitelabel-blue .input-group.-success:after {
            background: url("../images/ic-success.svg") no-repeat;
        }

    .whitelabel-blue .input-group.-horizontal {
        flex-direction: row;
    }

        .whitelabel-blue .input-group.-horizontal .input-group, .whitelabel-blue .input-group.-horizontal .input, .whitelabel-blue .input-group.-horizontal .select {
            padding-right: 32px
        }

            .whitelabel-blue .input-group.-horizontal .input-group:last-of-type:not(.-forcedivisory), .whitelabel-blue .input-group.-horizontal .input:last-of-type:not(.-forcedivisory), .whitelabel-blue .input-group.-horizontal .select:last-of-type:not(.-forcedivisory) {
                border-right: none;
            }

    .whitelabel-blue .input-group.-responsive-strech {
        flex-direction: column;
    }

    .whitelabel-blue .input-group.-stretched {
        flex: 1;
    }

    .whitelabel-blue .input-group.-centered {
        align-items: center;
        justify-content: center;
    }

    .whitelabel-blue .input-group.-padded {
        padding: 8px 16px;
    }

    .whitelabel-blue .input-group.-paddedhorizontally {
        padding-left: 16px;
        padding-right: 16px;
    }

    .whitelabel-blue .input-group.-inlinelabelled > .label {
        align-self: center;
        margin-right: 10px;
        color: #686868;
        padding: 0;
    }

    .whitelabel-blue .input-group > .field_with_errors {
        flex: 1;
        flex-direction: inherit;
        align-items: inherit;
        justify-content: inherit;
        display: inherit;
    }

        .whitelabel-blue .input-group > .field_with_errors .input, .whitelabel-blue .input-group > .field_with_errors .select {
            background: #FDD;
        }




    .whitelabel-blue .input-group .input, .whitelabel-blue .input-group .select {
        background: transparent;
        padding: 16px;
        border: none;
        resize: none;
        flex: 1;
        color: black;
        line-height: 1em;
        min-width: 0;
    }

        .whitelabel-blue .input-group .input.-nostretch, .whitelabel-blue .input-group .select.-nostretch {
            flex: none;
        }

        .whitelabel-blue .input-group .input::placeholder, .whitelabel-blue .input-group .select::placeholder {
            color: #686868;
        }

        .whitelabel-blue .input-group .input[readonly], .whitelabel-blue .input-group .select[readonly] {
            cursor: not-allowed;
        }

    .whitelabel-blue .input-group:last-of-type:not(.-forcedivisory) .input, .whitelabel-blue .input-group:last-of-type:not(.-forcedivisory) .select {
        border-right: none;
        border-bottom: none;
    }

    .whitelabel-blue .input-group .input.-area {
        resize: vertical;
        min-height: 3em;
        outline: none;
    }

    .whitelabel-blue .input-group .select {
        background: white;
        padding-right: 8px;
        padding-left: 8px;
    }

        .whitelabel-blue .input-group .select, .whitelabel-blue .input-group .select option[disabled] {
            color: #686868;
        }

            .whitelabel-blue .input-group .select > option, .whitelabel-blue .input-group .select.-selected {
                color: black;
            }

    .whitelabel-blue .input-group .radiotoggle {
        vertical-align: middle;
        display: inline-block;
        align-self: center;
    }

        .whitelabel-blue .input-group .radiotoggle .input {
            display: none;
        }

            .whitelabel-blue .input-group .radiotoggle .input:not(:checked) + .tag {
                background: #d3d3d3 !important;
                color: #686868 !important;
            }

@media (min-width: 767px) {
    .whitelabel-blue .input-group.-responsive-strech {
        flex-direction: inherit;
    }
}

.whitelabel-blue .input-group > .react-slidedown {
    display: flex;
    flex-direction: column;
}

.whitelabel-blue .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

    .whitelabel-blue .navigation .breadcrumbs {
        padding: 0.5em 0;
        color: rgba(104, 104, 104, 0.6);
    }

        .whitelabel-blue .navigation .breadcrumbs span:after {
            content: "/";
            margin: 0 5px;
            display: inline-block;
        }

        .whitelabel-blue .navigation .breadcrumbs span:last-child:after {
            content: "";
        }

    .whitelabel-blue .navigation .back {
        display: none;
    }

    .whitelabel-blue .navigation .cta {
        text-align: right;
        display: block;
    }

@media (min-width: 767px) {
    .whitelabel-blue .navigation .back {
        display: block;
    }

    .whitelabel-blue .navigation .cta {
        display: none;
    }
}

.whitelabel-blue .notification-list {
    list-style: none;
    padding: 0;
}

    .whitelabel-blue .notification-list > .notification {
        display: flex;
        flex-direction: row;
        padding: 2em 0;
        border-bottom: 1px solid #d3d3d3;
    }

        .whitelabel-blue .notification-list > .notification > .description {
            flex: 1;
        }

            .whitelabel-blue .notification-list > .notification > .description > .icon {
                width: 18px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
            }

            .whitelabel-blue .notification-list > .notification > .description .content {
                padding: 0 2em;
                vertical-align: middle;
            }

        .whitelabel-blue .notification-list > .notification > .additional > .date,
        .whitelabel-blue .notification-list > .notification > .additional > .remove {
            vertical-align: middle;
            display: inline-block;
        }

        .whitelabel-blue .notification-list > .notification > .additional > .date {
            padding: 0 2em;
            height: 1.5em;
        }

.whitelabel-blue .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2em;
}

@media (min-width: 767px) {
    .whitelabel-blue .pagination-container {
        margin-top: 3em;
    }
}

@media (min-width: 992px) {
    .whitelabel-blue .pagination-container {
        margin-top: 4em;
    }
}

.whitelabel-blue .pagination-container > .navigation > .page {
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

    .whitelabel-blue .pagination-container > .navigation > .page.current {
        color: #0A509e;
    }

.whitelabel-blue .pagination-container > .navigation > .gap {
    background: transparent;
    padding: 0 5px;
}

    .whitelabel-blue .pagination-container > .navigation > .gap:hover {
        background: transparent;
    }

.whitelabel-blue .person-observations {
    margin-top: 1em;
    border-bottom: 2px solid #757575;
}

    .whitelabel-blue .person-observations .profile-photo {
        float: left;
    }

    .whitelabel-blue .person-observations .observation-content {
        word-break: break-all;
        max-width: 50em;
        margin-top: 0;
        margin-left: 3em;
    }

        .whitelabel-blue .person-observations .observation-content .author-name {
            font-weight: bolder;
        }

    .whitelabel-blue .person-observations .observation-area {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .whitelabel-blue .person-observations .toggle {
        text-align: center;
        margin-bottom: 2em;
    }

    .whitelabel-blue .person-observations .actions {
        margin-top: 1em;
    }

        .whitelabel-blue .person-observations .actions.-right {
            text-align: right;
        }

    .whitelabel-blue .person-observations .loadmore {
        text-align: center;
    }

.whitelabel-blue .profile-picture {
    background: #d3d3d3;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

    .whitelabel-blue .profile-picture > .photo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .whitelabel-blue .profile-picture > .photo > svg {
            width: auto;
            height: 16px;
        }

        .whitelabel-blue .profile-picture > .photo > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .whitelabel-blue .profile-picture + * {
        vertical-align: middle;
    }

    .whitelabel-blue .profile-picture.-inline {
        margin-right: 10px;
    }

    .whitelabel-blue .profile-picture.-medium {
        width: 50px;
        height: 50px;
    }

        .whitelabel-blue .profile-picture.-medium > .photo > svg {
            height: 23px;
        }

    .whitelabel-blue .profile-picture.-large {
        width: 120px;
        height: 120px;
    }

        .whitelabel-blue .profile-picture.-large > .photo > svg {
            height: 56px;
        }

.whitelabel-blue .profile {
    width: 100%;
}

    .whitelabel-blue .profile.-padded {
        margin-bottom: 3em;
    }

    .whitelabel-blue .profile .row {
        display: flex;
        flex-direction: column;
    }

        .whitelabel-blue .profile .row .cell {
            color: #686868;
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 10px 5px;
            border-bottom: 1px solid #d3d3d3;
        }

            .whitelabel-blue .profile .row .cell.-verydarkborder {
                border-bottom: 2px solid #757575;
                padding-bottom: 2em;
            }

            .whitelabel-blue .profile .row .cell.-curriculum-button {
                padding-top: 2em;
            }

            .whitelabel-blue .profile .row .cell.-borderless {
                border: none;
            }

            .whitelabel-blue .profile .row .cell.-double {
                flex: 2;
            }

            .whitelabel-blue .profile .row .cell.-small {
                flex: none;
            }

            .whitelabel-blue .profile .row .cell.-padded {
                padding-left: 20px;
                padding-right: 20px;
            }

            .whitelabel-blue .profile .row .cell.-centered {
                align-self: center;
            }

            .whitelabel-blue .profile .row .cell.-padless {
                padding-right: 0;
                padding-left: 0;
            }

            .whitelabel-blue .profile .row .cell.-empty, .whitelabel-blue .profile .row .cell.-actions, .whitelabel-blue .profile .row .cell.-responsivehidden {
                display: none;
            }

        .whitelabel-blue .profile .row > .cell:not(.-forcecolumn) {
            flex-direction: row;
        }

    .whitelabel-blue .profile .tags {
        margin: 5px 0 0 -5px;
    }

    .whitelabel-blue .profile .networkinfo {
        display: inline-flex;
        flex-direction: column;
    }

        .whitelabel-blue .profile .networkinfo .owner,
        .whitelabel-blue .profile .networkinfo .creation {
            display: block;
        }

@media (min-width: 767px) {
    .whitelabel-blue .profile .networkinfo .owner,
    .whitelabel-blue .profile .networkinfo .creation {
        display: none;
    }
}

.whitelabel-blue .profile .value {
    font-size: 1.4em;
}

    .whitelabel-blue .profile .value.-name {
        font-size: 1.875em;
        margin-bottom: 20px;
    }

.whitelabel-blue .profile .picturecontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .whitelabel-blue .profile .picturecontainer > .description {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 767px) {
    .whitelabel-blue .profile .row {
        flex-direction: row;
    }

        .whitelabel-blue .profile .row > .cell.-empty {
            display: flex;
            border: none;
        }

            .whitelabel-blue .profile .row > .cell.-empty .cell {
                height: 100%;
            }

        .whitelabel-blue .profile .row .cell .-responsivehidden {
            display: block;
        }

        .whitelabel-blue .profile .row .cell.-actions {
            display: flex;
        }
}

.whitelabel-blue .react-datepicker .react-datepicker__day--outside-month {
    opacity: 0.55;
}

.whitelabel-blue .react-tooltip-lite {
    max-width: 300px !important;
}

.whitelabel-blue .react-tooltip-lite-arrow {
    border-color: white;
    margin-top: -10px;
}

.whitelabel-blue .request-list .pendinglabel {
    text-align: center;
    display: inline-block;
}

    .whitelabel-blue .request-list .pendinglabel.-snoozed {
        color: #686868;
    }

        .whitelabel-blue .request-list .pendinglabel.-snoozed > .tag {
            font-size: 1em;
            background: none;
            text-transform: none;
            padding: 0;
            margin: 0;
            cursor: auto;
        }

    .whitelabel-blue .request-list .pendinglabel.-near-due-date {
        color: #D87500;
    }

        .whitelabel-blue .request-list .pendinglabel.-near-due-date > .tag {
            color: #f1f5f9;
            background: #D87500;
        }

    .whitelabel-blue .request-list .pendinglabel.-expired {
        color: #DC4600;
    }

        .whitelabel-blue .request-list .pendinglabel.-expired > .tag {
            color: #f1f5f9;
            background: #DC4600;
        }

    .whitelabel-blue .request-list .pendinglabel > .duedate {
        display: block;
        font-size: 0.8em;
        text-transform: uppercase;
    }

.whitelabel-blue .request-list .priorityindicator {
    width: 10px;
    background: #d3d3d3;
    box-shadow: inset 7px 0 0 white;
}

    .whitelabel-blue .request-list .priorityindicator.-level1 {
        background: #F06100;
    }

    .whitelabel-blue .request-list .priorityindicator.-level2 {
        background: #FFC800;
    }

    .whitelabel-blue .request-list .priorityindicator.-level3 {
        background: #75C800;
    }

.whitelabel-blue .request-list.-highlighted .table tbody .line:first-child {
    background: #EBF6F9;
}

    .whitelabel-blue .request-list.-highlighted .table tbody .line:first-child .priorityindicator {
        box-shadow: inset 7px 0 0 #EBF6F9;
    }

.whitelabel-blue .request-list .responsiveview .title,
.whitelabel-blue .request-list .responsiveview .requester,
.whitelabel-blue .request-list .responsiveview .statustags > .status {
    display: flex;
    flex-direction: column;
}

.whitelabel-blue .request-list .responsiveview .basicinfo,
.whitelabel-blue .request-list .responsiveview .peopleinvolved,
.whitelabel-blue .request-list .responsiveview .statustags {
    display: flex;
    flex-direction: row;
}

.whitelabel-blue .request-list .responsiveview .basicinfo {
    justify-content: space-between;
}

.whitelabel-blue .request-list .responsiveview .requester,
.whitelabel-blue .request-list .responsiveview .network,
.whitelabel-blue .request-list .responsiveview .statustags > .status,
.whitelabel-blue .request-list .responsiveview .creation {
    padding: 8px 16px 0 0;
}

    .whitelabel-blue .request-list .responsiveview .statustags > .status.-start {
        flex: 1;
        align-self: center;
    }

    .whitelabel-blue .request-list .responsiveview .statustags > .status .tag {
        margin-left: 0;
    }

    .whitelabel-blue .request-list .responsiveview .network > .name {
        display: inline-flex;
        flex-direction: column;
    }

.whitelabel-blue .request-observations {
    margin: 1.5em 0;
}

    .whitelabel-blue .request-observations > .title {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #d3d3d3;
    }

    .whitelabel-blue .request-observations .header {
        display: flex;
        justify-content: space-between;
    }

    .whitelabel-blue .request-observations .observation {
        display: flex;
        border-bottom: 1px solid #d3d3d3;
        padding: 20px 0;
    }

        .whitelabel-blue .request-observations .observation > .body {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .whitelabel-blue .request-observations .observation > .body > .author {
                margin-bottom: 20px;
            }

                .whitelabel-blue .request-observations .observation > .body > .author > .photo {
                    display: inline-block;
                    vertical-align: middle;
                }

                .whitelabel-blue .request-observations .observation > .body > .author > .info {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .whitelabel-blue .request-observations .observation > .body > .author > .info > .name, .whitelabel-blue .request-observations .observation > .body > .author > .info > .role {
                        margin: 0;
                    }

                    .whitelabel-blue .request-observations .observation > .body > .author > .info > .role {
                        color: #757575;
                    }

            .whitelabel-blue .request-observations .observation > .body > .content {
                padding-left: 45px;
                padding-right: 2em;
                font-size: 1.1em;
            }

                .whitelabel-blue .request-observations .observation > .body > .content .editactions {
                    text-align: right;
                    margin-top: 0.5em;
                }

            .whitelabel-blue .request-observations .observation > .body > .statuses {
                color: #757575;
                margin-top: 1em;
                display: flex;
                flex-direction: column;
            }

                .whitelabel-blue .request-observations .observation > .body > .statuses > .status {
                    display: inline-block;
                    margin-right: 1em;
                }

        .whitelabel-blue .request-observations .observation > .date {
            text-align: right;
        }

    .whitelabel-blue .request-observations .loadmore {
        text-align: center;
        margin: 20px 0;
    }

        .whitelabel-blue .request-observations .loadmore > .count {
            margin: 0;
        }

    .whitelabel-blue .request-observations .newobservation > .actions {
        text-align: right;
    }

@media (min-width: 767px) {
    .whitelabel-blue .request-observations .observation > .body > .statuses {
        flex-direction: row;
    }
}

.whitelabel-blue .report .title h4 {
    margin: 0;
}

.whitelabel-blue .report .title p {
    margin: 0;
    color: #0A509e;
}

.whitelabel-blue .report .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
}

    .whitelabel-blue .report .row .cell {
        flex: 1;
        display: flex;
        flex-direction: column;
        max-width: 50%;
    }

.whitelabel-blue .section-pager {
    flex: 2;
}

    .whitelabel-blue .section-pager .options {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-start;
    }

        .whitelabel-blue .section-pager .options .option {
            display: inline-block;
            color: #686868;
            padding: 0 10px 25px;
            position: relative;
        }

            .whitelabel-blue .section-pager .options .option:first-child {
                padding-left: 0;
            }

            .whitelabel-blue .section-pager .options .option:last-child {
                padding-right: 0;
            }

            .whitelabel-blue .section-pager .options .option:after {
                content: "";
                display: none;
                position: absolute;
                border-style: solid;
                border-color: transparent transparent #0A509e;
                border-width: 0 40px 20px 40px;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .whitelabel-blue .section-pager .options .option.-active {
                color: #0A509e;
            }

                .whitelabel-blue .section-pager .options .option.-active:after {
                    display: block;
                }

    .whitelabel-blue .section-pager + .actions {
        margin-top: -15px;
        flex: 1;
        text-align: right;
    }

.whitelabel-blue .sidebar {
    width: 17em;
    background: #f1f4f5;
    color: darkblue;
    position: fixed;
    left: 0px;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}
@media (min-width: 992px) {
    .whitelabel-blue .sidebar {
        position: static;
        left: 200px;
        top: 0px;
    }
} 
    .whitelabel-blue .sidebar > .wrapper {
        flex-direction: column;
        display: flex;
        height: 100%;
        position: relative;
    }

        .whitelabel-blue .sidebar > .wrapper > .background {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            filter: blur(80px);
            z-index: -1000;
        }

        .whitelabel-blue .sidebar > .wrapper > .title {
            text-align: center;
            display: none;
        }

            .whitelabel-blue .sidebar > .wrapper > .title > .photo {
                padding: 0 28px;
            }

@media (max-height: 420px) {
    .whitelabel-blue .sidebar > .wrapper > .title > .photo {
        display: none;
    }
}

.whitelabel-blue .sidebar > .wrapper > .title h4 {
    margin-top: 0.5em;
    color: #f1f5f9;
}

.whitelabel-blue .sidebar > .wrapper > .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .whitelabel-blue .sidebar > .wrapper > .nav > .options {
        list-style: none;
        padding: 0;
        margin: 0;
        font-size: 10px
    }

        .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item {
            display: flex;
        }

            .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content {
                flex: 1;
                position: relative;
                margin-right: 16px;
            }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content > .link {
                    display: block;
                    padding: 9px;
                    margin-right: -10px;
                    position: relative;
                    z-index: 10;

                }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                    color: darkblue
                }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon svg text, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon svg rect, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .material-icons {
                    font-size: 16px;
                }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content .label {
                    vertical-align: middle;
                    font-size: 12px;
                }

            .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
                font-size: 12px;
            }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item:hover > .content {
                    background-color: #34bbda;
                    font-size: 12px;
                }


                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content {
                    background: white;
                }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content:after {
                        border-left-color: white;
                    }

            .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 {
                flex: 1;
                position: relative;
                margin-right: 16px;
                margin-left: 15px;
            }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg text, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg rect, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item > .content2 .label {
                    vertical-align: middle;
                }

            .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content2, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item:hover > .content2 {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after, .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item:hover > .content2:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content2 {
                    background: white;
                }

                    .whitelabel-blue .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after {
                        border-left-color: white;
                    }

.whitelabel-blue .sidebar > .wrapper > .version {
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
    opacity: 0.4;
}

.whitelabel-blue .sidebar.-open {
    left: 0;
}

@media (min-width: 992px) {
    .whitelabel-blue .sidebar {
        position: fixed;
    }

        .whitelabel-blue .sidebar > .wrapper > .title {
            display: block;
        }
}

.whitelabel-blue .table {
    width: 100%;
    color: #686868;
    overflow-x: auto;
}

    .whitelabel-blue .table > .content {
        min-width: 100%;
        border-collapse: collapse;
    }

        .whitelabel-blue .table > .content .line {
            border-bottom: 1px solid #eaeaea;
        }

            .whitelabel-blue .table > .content .line > .cell {
                padding: 1em 0.5em;
            }

                .whitelabel-blue .table > .content .line > .cell.-centered {
                    text-align: center;
                }

                .whitelabel-blue .table > .content .line > .cell.-right {
                    text-align: right;
                }

            .whitelabel-blue .table > .content .line.-responsive {
                display: table-row;
            }

                .whitelabel-blue .table > .content .line.-responsive + .line {
                    display: none;
                }

@media (min-width: 767px) {
    .whitelabel-blue .table > .content .line.-responsive {
        display: none;
    }

        .whitelabel-blue .table > .content .line.-responsive + .line {
            display: table-row;
        }
}

.whitelabel-blue .tag {
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}

    .whitelabel-blue .tag.-primary {
        background: #0A509e;
        color: #f1f5f9;
    }

    .whitelabel-blue .tag.-warning {
        background: #FFC800;
        color: #686868;
    }

    .whitelabel-blue .tag.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-blue .tag.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-blue .tag.-attendance-level1 {
        background: #F06100;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-blue .tag.-attendance-level2 {
        background: #FCC800;
        color: #686868;
        margin: 20px 6px;
    }

    .whitelabel-blue .tag.-attendance-level3 {
        background: #75C800;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-blue .tag.-large {
        padding-right: 20px;
        padding-left: 20px;
    }

.whitelabel-blue .tags-filter .toggle {
    display: block;
}

@media (min-width: 767px) {
    .whitelabel-blue .tags-filter .toggle {
        display: none;
    }
}

.whitelabel-blue .tags-filter .list {
    margin-top: 16px;
    display: none;
}

@media (min-width: 767px) {
    .whitelabel-blue .tags-filter .list {
        display: block;
    }
}

.whitelabel-blue .tags-filter .tag {
    margin: 4px 2px;
}

.whitelabel-blue .tags-form {
    background: #eaeaea;
    padding: 2em 10px;
    margin: 0 -10px;
    display: flex;
    flex-direction: column;
}

    .whitelabel-blue .tags-form .card {
        flex: 1;
        margin-bottom: 1em;
    }

@media (min-width: 767px) {
    .whitelabel-blue .tags-form {
        flex-direction: row;
    }

        .whitelabel-blue .tags-form .card {
            margin-right: 2em;
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    .whitelabel-blue .tags-form {
        padding: 2em 60px;
        margin: 0 -60px;
    }
}

.whitelabel-blue .topbar {
    box-shadow: 0 0 5px 0 rgba(211, 211, 211, 0.9);
    display: flex;
    z-index: 999;
    background: #0A509e;
    min-height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

    .whitelabel-blue .topbar > .menu {
        width: 20px;
        align-items: center;
        display: flex;
        padding: 0 20px;
        box-sizing: content-box;
    }

        .whitelabel-blue .topbar > .menu > .icon {
            background: none;
            border: none;
            width: 100%;
            height: 1px;
            background: white;
            position: relative;
            border: 8px solid #0A509e;
            border-right-width: 2px;
            border-left-width: 2px;
            box-sizing: content-box;
            transition: 400ms;
        }

            .whitelabel-blue .topbar > .menu > .icon:before, .whitelabel-blue .topbar > .menu > .icon:after {
                content: "";
                position: absolute;
                background: white;
                left: 0;
                height: 3px;
                width: 100%;
                transition: 400ms;
            }

            .whitelabel-blue .topbar > .menu > .icon:before {
                top: -7px;
            }

            .whitelabel-blue .topbar > .menu > .icon:after {
                top: 7px;
            }

            .whitelabel-blue .topbar > .menu > .icon.-open {
                background: transparent;
            }

                .whitelabel-blue .topbar > .menu > .icon.-open:after, .whitelabel-blue .topbar > .menu > .icon.-open:before {
                    top: 0;
                }

                .whitelabel-blue .topbar > .menu > .icon.-open:after {
                    transform: rotate(45deg);
                }

                .whitelabel-blue .topbar > .menu > .icon.-open:before {
                    transform: rotate(-45deg);
                }

    .whitelabel-blue .topbar > .content {
        flex: 1;
    }

    .whitelabel-blue .topbar > .userinfo,
    .whitelabel-blue .topbar > .search,
    .whitelabel-blue .topbar > .notifications {
        display: flex;
        border-left: none;
        padding: 0 1em;
        flex-direction: column;
        justify-content: center;
    }

        .whitelabel-blue .topbar > .userinfo > .avatar,
        .whitelabel-blue .topbar > .search > .avatar,
        .whitelabel-blue .topbar > .notifications > .avatar {
            background: #eaeaea;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
        }

            .whitelabel-blue .topbar > .userinfo > .avatar a,
            .whitelabel-blue .topbar > .search > .avatar a,
            .whitelabel-blue .topbar > .notifications > .avatar a {
                width: 100%;
                height: 100%;
                align-items: center;
                display: flex;
                justify-content: center;
                border-radius: 50%;
            }

            .whitelabel-blue .topbar > .userinfo > .avatar svg,
            .whitelabel-blue .topbar > .search > .avatar svg,
            .whitelabel-blue .topbar > .notifications > .avatar svg {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
            }

        .whitelabel-blue .topbar > .userinfo .profile-picture, .whitelabel-blue .topbar > .userinfo .profile-picture img,
        .whitelabel-blue .topbar > .search .profile-picture,
        .whitelabel-blue .topbar > .search .profile-picture img,
        .whitelabel-blue .topbar > .notifications .profile-picture,
        .whitelabel-blue .topbar > .notifications .profile-picture img {
            width: 40px;
            height: 40px;
        }

    .whitelabel-blue .topbar > .search {
        padding: 0 1.5em;
    }

    .whitelabel-blue .topbar > .notifications {
        padding: 0 1.75em;
    }

        .whitelabel-blue .topbar > .notifications > .icon {
            position: relative;
        }

            .whitelabel-blue .topbar > .notifications > .icon.-activity:after {
                content: "";
                width: 7px;
                height: 7px;
                background: red;
                border-radius: 50%;
                position: absolute;
                right: -1px;
                top: 0;
                border: 1px solid white;
            }

@media (min-width: 992px) {
    .whitelabel-blue .topbar {
        min-height: 70px;
        background: white;
        position: static;
    }

        .whitelabel-blue .topbar > .menu {
            display: none;
        }

        .whitelabel-blue .topbar > .userinfo,
        .whitelabel-blue .topbar > .search,
        .whitelabel-blue .topbar > .notifications {
            border-left: 1px solid #d3d3d3;
        }

            .whitelabel-blue .topbar > .userinfo > .avatar,
            .whitelabel-blue .topbar > .search > .avatar,
            .whitelabel-blue .topbar > .notifications > .avatar {
                background: #0A509e;
            }
}

.whitelabel-blue .unauthenticated-page {
    height: 100%;
    box-shadow: inset 0 45vh 0 #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .whitelabel-blue .unauthenticated-page .title {
        text-align: center;
    }

    .whitelabel-blue .unauthenticated-page .content {
        width: 80%;
    }

@media (min-width: 767px) {
    .whitelabel-blue .unauthenticated-page .content {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .whitelabel-blue .unauthenticated-page .content {
        width: 30%;
    }
}

.whitelabel-blue .unauthenticated-page .inputs {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    background: white;
}

.whitelabel-blue .unauthenticated-page .actions {
    display: flex;
    justify-content: space-between;
}

.whitelabel-blue .unauthenticated-page .helpers {
    display: flex;
    margin-top: 35px;
}

    .whitelabel-blue .unauthenticated-page .helpers > .spacer {
        flex: 1;
    }

@media (min-width: 992px) {
    .whitelabel-blue .user-form {
    }
    .whitelabel-blue .authenticated-page > .content-wrapper {
        margin-left: 220px;
        margin-right: 285px;
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }
    .whitelabel-blue .authenticated-page > .content-wrapper2 {
        margin-left: 220px;
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }
}



.whitelabel-blue .user-form .input-group {
    flex: 1;
}

.whitelabel-blue .user-form .addphone {
    text-align: center;
    background: #eaeaea;
    display: flex;
}

    .whitelabel-blue .user-form .addphone > a {
        flex: 1;
        transition: 300ms;
        padding: 16px;
        cursor: pointer;
    }

        .whitelabel-blue .user-form .addphone > a:hover {
            background: #eeeeee;
        }

.whitelabel-blue .user-form .influencer {
    background: #eaeaea;
    color: #686868;
}

    .whitelabel-blue .user-form .influencer > .question {
        margin-right: 10px;
    }

.whitelabel-blue .custom-select {
    position: relative;
}

    .whitelabel-blue .custom-select select {
        display: none;
    }

.whitelabel-blue .select-selected {
    background-color: DodgerBlue;
}

    .whitelabel-blue .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .whitelabel-blue .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.whitelabel-blue .select-items div, .whitelabel-blue .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent white transparent;
    cursor: pointer;
}

.whitelabel-blue .select-items {
    position: absolute;
    background-color: #3278d4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.whitelabel-blue .select-hide {
    display: none;
}

.whitelabel-blue .select-items div:hover, .whitelabel-blue .same-as-selected {
    background-color: white;
}

.whitelabel-blue .user-list .responsiveview > .main {
    display: flex;
    align-items: center;
}

    .whitelabel-blue .user-list .responsiveview > .main > .delete {
        width: 40px;
    }

    .whitelabel-blue .user-list .responsiveview > .main > .basicinfo {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

        .whitelabel-blue .user-list .responsiveview > .main > .basicinfo > .legend {
            display: inline-flex;
            flex-direction: column;
            flex: 1;
            text-overflow: ellipsis;
            min-width: 0;
        }

.whitelabel-blue .user-list .responsiveview > .tags {
    padding: 1em 0 0 40px;
}

.whitelabel-blue .whitelabel-colors {
    padding: 8px 16px 16px;
}

    .whitelabel-blue .whitelabel-colors .color {
        display: inline-block;
        margin-right: 16px;
    }

        .whitelabel-blue .whitelabel-colors .color .square {
            width: 16px;
            height: 16px;
            border-radius: 1px;
            border: solid 1px #757575;
            display: inline-block;
        }

            .whitelabel-blue .whitelabel-colors .color .square.-blue {
                background: #0A509e;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-red {
                background: #F6BA2B;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-green {
                background: #39B250;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-purple {
                background: #2DACE0;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-orange {
                background: #EE702F;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-Tomato {
                background: Tomato;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-Orange {
                background: Orange;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-DodgerBlue {
                background: DodgerBlue;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-MediumSeaGreen {
                background: MediumSeaGreen;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-Gray {
                background: Gray;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-SlateBlue {
                background: SlateBlue;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-Violet {
                background: Violet;
            }

            .whitelabel-blue .whitelabel-colors .color .square.-LightGray {
                background: LightGray;
            }

.whitelabel-red {
    /* The container must be positioned relative: */
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */
}

    .whitelabel-red body {
        background: #eeeeee;
        color: #686868;
    }

@media (min-width: 992px) {
    .whitelabel-red body {
        border-top: 10px solid #F6BA2B;
    }
}

.whitelabel-red .action-icons svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.whitelabel-red .action-icons.-large svg {
    width: 22px;
    height: 22px;
}

.whitelabel-red .authenticated-page {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-top: 0px;
}

    .whitelabel-red .authenticated-page > .content-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }

        .whitelabel-red .authenticated-page > .content-wrapper > .content {
            padding: 1em 10px;
        }

            .whitelabel-red .authenticated-page > .content-wrapper > .content, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper {
                flex: 1;
            }

                .whitelabel-red .authenticated-page > .content-wrapper > .content.-clean, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-clean {
                    background: white;
                }

@media (min-width: 1200px) {
    .whitelabel-red .authenticated-page > .content-wrapper > .content.-compact, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-compact {
        padding-right: 10em;
        padding-left: 10em;
    }
}

.whitelabel-red .authenticated-page > .content-wrapper > .content > .header, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    margin: 0 -10px 50px;
    padding: 0 10px;
}

    .whitelabel-red .authenticated-page > .content-wrapper > .content > .header.-marginless, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header.-marginless {
        margin-bottom: 1em;
    }

    .whitelabel-red .authenticated-page > .content-wrapper > .content > .header > .actions, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header > .actions {
        display: none;
    }

.whitelabel-red .authenticated-page > .content-wrapper > .content > .actions, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .actions {
    display: flex;
    flex-direction: row-reverse;
}

.whitelabel-red .authenticated-page > .content-wrapper > .content > .filters, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters {
    display: flex;
    flex-direction: row;
    color: #686868;
}

    .whitelabel-red .authenticated-page > .content-wrapper > .content > .filters.-reversed, .whitelabel-red .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters.-reversed {
        flex-direction: row-reverse;
    }

@media (min-width: 767px) {
    .whitelabel-red .authenticated-page > .content-wrapper > .content > .header > .actions {
        display: flex;
    }
}

@media (min-width: 992px) {
    .whitelabel-red .authenticated-page {
        padding-top: 0;
    }

        .whitelabel-red .authenticated-page > .content-wrapper > .content {
            padding: 1em 60px;
        }
}

.whitelabel-red .attendance-timeline {
    margin-top: 2em;
}

    .whitelabel-red .attendance-timeline .toggle {
        text-align: center;
    }

    .whitelabel-red .attendance-timeline .actions {
        margin-top: 1em;
    }

        .whitelabel-red .attendance-timeline .actions.-right {
            text-align: right;
        }

.whitelabel-red .btn {
    border: none;
    border-radius: 2px;
    cursor: pointer;
    padding: 1em;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    background: #eeeeee;
    display: inline-block;
    transition: 100ms;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
}

    .whitelabel-red .btn svg g {
        fill: currentColor;
    }

    .whitelabel-red .btn svg text, .whitelabel-red .btn svg rect, .whitelabel-red .btn svg path {
        fill: currentColor;
        stroke: transparent;
    }

    .whitelabel-red .btn svg circle {
        stroke: currentColor;
    }

    .whitelabel-red .btn:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    }

    .whitelabel-red .btn.-flat {
        box-shadow: none;
    }

    .whitelabel-red .btn.-primary {
        color: #f1f5f9;
        background: #F6BA2B;
    }

    .whitelabel-red .btn.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-red .btn.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-red .btn.-dark {
        color: #f1f5f9;
        background: #757575;
    }

    .whitelabel-red .btn.-block {
        width: 100%;
    }

    .whitelabel-red .btn.-spaced {
        margin-left: 1em;
        margin-right: 1em;
    }

    .whitelabel-red .btn.-spaced-top {
        margin-top: 1em;
    }

    .whitelabel-red .btn.-spaced-bottom {
        margin-bottom: 1em;
    }

    .whitelabel-red .btn.-small {
        font-size: 15px;
        padding: 0.5em 0.75em;
    }

    .whitelabel-red .btn.-huge {
        padding: 1.8em;
    }

    .whitelabel-red .btn.-link {
        color: #F6BA2B;
        background: none;
        transition: none;
        box-shadow: none;
        outline: none;
    }

        .whitelabel-red .btn.-link.-normal {
            color: #686868;
        }

    .whitelabel-red .btn.-inline {
        font-size: 15px;
        padding: 0;
    }

    .whitelabel-red .btn.-withrighticon {
        position: relative;
        padding-left: 35px;
    }

        .whitelabel-red .btn.-withrighticon .icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

            .whitelabel-red .btn.-withrighticon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-red .btn.-withrighticon .icon svg text, .whitelabel-red .btn.-withrighticon .icon svg rect, .whitelabel-red .btn.-withrighticon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-red .btn.-withrighticon .icon svg circle {
                stroke: currentColor;
            }

            .whitelabel-red .btn.-withrighticon .icon, .whitelabel-red .btn.-withrighticon .icon svg {
                width: 20px;
                height: auto;
            }

.whitelabel-red .card {
    box-shadow: 0 10px 45px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    background: white;
}

    .whitelabel-red .card.-gray {
        background: #eeeeee;
    }

    .whitelabel-red .card.-flat {
        box-shadow: none;
    }

    .whitelabel-red .card.-padded {
        padding: 16px;
    }

    .whitelabel-red .card.-withoutafterpad {
        margin-bottom: 0;
    }

    .whitelabel-red .card.-primary {
        border-width: 1em 0 0;
        border-style: solid;
        border-color: #F6BA2B;
    }

.whitelabel-red .checkbox {
    border: none;
    position: relative;
    padding-left: 1.2em;
    cursor: pointer;
}

    .whitelabel-red .checkbox .insidelabel {
        padding-left: 10px;
    }

    .whitelabel-red .checkbox .checkmark {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 1.1em;
        width: 1.1em;
        background-color: #d3d3d3;
        border-radius: 2px;
        transition: 100ms;
        box-sizing: content-box;
    }

        .whitelabel-red .checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 0.3em;
            bottom: 0.25em;
            width: 0.35em;
            height: 0.7em;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .whitelabel-red .checkbox > input {
        opacity: 0;
        position: absolute;
        height: 0;
        width: 0;
    }

        .whitelabel-red .checkbox > input:checked ~ .checkmark {
            background: #F6BA2B;
        }

            .whitelabel-red .checkbox > input:checked ~ .checkmark:after {
                display: block;
            }

    .whitelabel-red .checkbox.-flat .checkmark {
        background: none;
        border: 1px solid #F6BA2B;
    }

        .whitelabel-red .checkbox.-flat .checkmark:after {
            border-color: #F6BA2B;
        }

    .whitelabel-red .checkbox.-flat > input:checked ~ .checkmark {
        background: transparent;
    }

.whitelabel-red .ReactModal__Overlay {
    z-index: 999;
}

.whitelabel-red .ReactModal__Content {
    max-height: calc(100% - 40px);
    overflow: auto;
}

.whitelabel-red .curriculum-modal {
    position: absolute;
    width: 90%;
    padding: 3%;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.3);
}

    .whitelabel-red .curriculum-modal .card {
        box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.09);
    }

    .whitelabel-red .curriculum-modal .section {
        margin: 1em;
    }

        .whitelabel-red .curriculum-modal .section.-curriculum-upload .card {
            border-style: dashed;
            border-width: 0.1em;
            border-color: #d3d3d3;
            text-align: center;
            color: #686868;
        }

            .whitelabel-red .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(3) {
                margin-block-start: -1em;
                color: #F6BA2B;
            }

            .whitelabel-red .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(4) {
                font-size: 0.8em;
            }

        .whitelabel-red .curriculum-modal .section.-form input.input::placeholder {
            color: #808080;
        }

        .whitelabel-red .curriculum-modal .section.-form .prioritytag {
            padding-left: 20px;
            padding-right: 20px;
            color: #f1f5f9;
            background: #757575;
        }

        .whitelabel-red .curriculum-modal .section.-form .input:checked + .prioritytag {
            background: #0d509e;
        }

@media (min-width: 767px) {
    .whitelabel-red .curriculum-modal {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .whitelabel-red .curriculum-modal {
        width: 55%;
    }
}

@media (min-width: 1200px) {
    .whitelabel-red .curriculum-modal {
        width: 40%;
    }
}

.whitelabel-red .duplicated-profile-list {
    padding-bottom: 2em;
    border-bottom: 2px solid #757575;
}

.whitelabel-red .empty-state {
    margin: 4em 0;
    padding: 0 30%;
    text-align: center;
}

    .whitelabel-red .empty-state svg g {
        fill: #d3d3d3;
    }

    .whitelabel-red .empty-state svg text, .whitelabel-red .empty-state svg rect, .whitelabel-red .empty-state svg path {
        fill: #d3d3d3;
        stroke: transparent;
    }

    .whitelabel-red .empty-state svg circle {
        stroke: #d3d3d3;
    }

    .whitelabel-red .empty-state > .icon {
        margin-bottom: 24px;
    }

        .whitelabel-red .empty-state > .icon svg {
            height: 64px;
            width: auto;
            margin-left: -12px;
        }

    .whitelabel-red .empty-state > .label {
        font-size: 2em;
        margin-bottom: 16px;
    }

.whitelabel-red .flash {
    border: 1px solid currentColor;
    border-radius: 2px;
    padding: 0.75em;
    margin: 1em 0;
}

    .whitelabel-red .flash.-error {
        background: #FCC;
        color: #F00;
    }

    .whitelabel-red .flash.-notice {
        background: #CCE5FF;
        color: #004085;
    }

    .whitelabel-red .flash > .list {
        padding: 0 0 0 1em;
    }

.whitelabel-red .form-photo .photo.-container {
    float: left;
    margin-right: 1em;
}

.whitelabel-red .form-photo .photo.-button {
    float: right;
    margin-top: 0.6em;
}

.whitelabel-red .inlinelink {
    color: #F6BA2B;
}

.whitelabel-red .input-group {
    background: transparent;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eeeeee;
}

    .whitelabel-red .input-group:last-of-type:not(.-forcedivisory) {
        border-bottom: none;
    }

    .whitelabel-red .input-group.-withicon {
        position: relative;
    }

        .whitelabel-red .input-group.-withicon .input {
            padding-right: 45px;
        }

        .whitelabel-red .input-group.-withicon .icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: auto;
        }

            .whitelabel-red .input-group.-withicon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-red .input-group.-withicon .icon svg text, .whitelabel-red .input-group.-withicon .icon svg rect, .whitelabel-red .input-group.-withicon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-red .input-group.-withicon .icon svg circle {
                stroke: currentColor;
            }

    .whitelabel-red .input-group.-error, .whitelabel-red .input-group.-success {
        position: relative;
    }

        .whitelabel-red .input-group.-error:after, .whitelabel-red .input-group.-success:after {
            content: "";
            width: 24px;
            height: 24px;
            position: absolute;
            right: -35px;
            top: 50%;
            transform: translateY(-50%);
        }

        .whitelabel-red .input-group.-error:after {
            background: url("../images/ic-cancel.svg") no-repeat;
        }

        .whitelabel-red .input-group.-success:after {
            background: url("../images/ic-success.svg") no-repeat;
        }

    .whitelabel-red .input-group.-horizontal {
        flex-direction: row;
    }

        .whitelabel-red .input-group.-horizontal .input-group, .whitelabel-red .input-group.-horizontal .input, .whitelabel-red .input-group.-horizontal .select {
            border-right: 1px solid #eeeeee;
        }

            .whitelabel-red .input-group.-horizontal .input-group:last-of-type:not(.-forcedivisory), .whitelabel-red .input-group.-horizontal .input:last-of-type:not(.-forcedivisory), .whitelabel-red .input-group.-horizontal .select:last-of-type:not(.-forcedivisory) {
                border-right: none;
            }

    .whitelabel-red .input-group.-responsive-strech {
        flex-direction: column;
    }

    .whitelabel-red .input-group.-stretched {
        flex: 1;
    }

    .whitelabel-red .input-group.-centered {
        align-items: center;
        justify-content: center;
    }

    .whitelabel-red .input-group.-padded {
        padding: 8px 16px;
    }

    .whitelabel-red .input-group.-paddedhorizontally {
        padding-left: 16px;
        padding-right: 16px;
    }

    .whitelabel-red .input-group.-inlinelabelled > .label {
        align-self: center;
        margin-right: 10px;
        color: #686868;
        padding: 0;
    }

    .whitelabel-red .input-group > .field_with_errors {
        flex: 1;
        flex-direction: inherit;
        align-items: inherit;
        justify-content: inherit;
        display: inherit;
    }

        .whitelabel-red .input-group > .field_with_errors .input, .whitelabel-red .input-group > .field_with_errors .select {
            background: #FDD;
        }


        .whitelabel-red .input-group .label + input {
            padding-top: 8px;
        }

    .whitelabel-red .input-group .input, .whitelabel-red .input-group .select {
        background: transparent;
        padding: 16px;
        border: none;
        resize: none;
        flex: 1;
        color: black;
        line-height: 1em;
        min-width: 0;
    }

        .whitelabel-red .input-group .input.-nostretch, .whitelabel-red .input-group .select.-nostretch {
            flex: none;
        }

        .whitelabel-red .input-group .input::placeholder, .whitelabel-red .input-group .select::placeholder {
            color: #686868;
        }

        .whitelabel-red .input-group .input[readonly], .whitelabel-red .input-group .select[readonly] {
            cursor: not-allowed;
        }

    .whitelabel-red .input-group:last-of-type:not(.-forcedivisory) .input, .whitelabel-red .input-group:last-of-type:not(.-forcedivisory) .select {
        border-right: none;
        border-bottom: none;
    }

    .whitelabel-red .input-group .input.-area {
        resize: vertical;
        min-height: 3em;
        outline: none;
    }

    .whitelabel-red .input-group .select {
        background: white;
        padding-right: 8px;
        padding-left: 8px;
    }

        .whitelabel-red .input-group .select, .whitelabel-red .input-group .select option[disabled] {
            color: #686868;
        }

            .whitelabel-red .input-group .select > option, .whitelabel-red .input-group .select.-selected {
                color: black;
            }

    .whitelabel-red .input-group .radiotoggle {
        vertical-align: middle;
        display: inline-block;
        align-self: center;
    }

        .whitelabel-red .input-group .radiotoggle .input {
            display: none;
        }

            .whitelabel-red .input-group .radiotoggle .input:not(:checked) + .tag {
                background: #d3d3d3 !important;
                color: #686868 !important;
            }

@media (min-width: 767px) {
    .whitelabel-red .input-group.-responsive-strech {
        flex-direction: inherit;
    }
}

.whitelabel-red .input-group > .react-slidedown {
    display: flex;
    flex-direction: column;
}

.whitelabel-red .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

    .whitelabel-red .navigation .breadcrumbs {
        padding: 0.5em 0;
        color: rgba(104, 104, 104, 0.6);
    }

        .whitelabel-red .navigation .breadcrumbs span:after {
            content: "/";
            margin: 0 5px;
            display: inline-block;
        }

        .whitelabel-red .navigation .breadcrumbs span:last-child:after {
            content: "";
        }

    .whitelabel-red .navigation .back {
        display: none;
    }

    .whitelabel-red .navigation .cta {
        text-align: right;
        display: block;
    }

@media (min-width: 767px) {
    .whitelabel-red .navigation .back {
        display: block;
    }

    .whitelabel-red .navigation .cta {
        display: none;
    }
}

.whitelabel-red .notification-list {
    list-style: none;
    padding: 0;
}

    .whitelabel-red .notification-list > .notification {
        display: flex;
        flex-direction: row;
        padding: 2em 0;
        border-bottom: 1px solid #d3d3d3;
    }

        .whitelabel-red .notification-list > .notification > .description {
            flex: 1;
        }

            .whitelabel-red .notification-list > .notification > .description > .icon {
                width: 18px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
            }

            .whitelabel-red .notification-list > .notification > .description .content {
                padding: 0 2em;
                vertical-align: middle;
            }

        .whitelabel-red .notification-list > .notification > .additional > .date,
        .whitelabel-red .notification-list > .notification > .additional > .remove {
            vertical-align: middle;
            display: inline-block;
        }

        .whitelabel-red .notification-list > .notification > .additional > .date {
            padding: 0 2em;
            height: 1.5em;
        }

.whitelabel-red .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2em;
}

@media (min-width: 767px) {
    .whitelabel-red .pagination-container {
        margin-top: 3em;
    }
}

@media (min-width: 992px) {
    .whitelabel-red .pagination-container {
        margin-top: 4em;
    }
}

.whitelabel-red .pagination-container > .navigation > .page {
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

    .whitelabel-red .pagination-container > .navigation > .page.current {
        color: #F6BA2B;
    }

.whitelabel-red .pagination-container > .navigation > .gap {
    background: transparent;
    padding: 0 5px;
}

    .whitelabel-red .pagination-container > .navigation > .gap:hover {
        background: transparent;
    }

.whitelabel-red .person-observations {
    margin-top: 1em;
    border-bottom: 2px solid #757575;
}

    .whitelabel-red .person-observations .profile-photo {
        float: left;
    }

    .whitelabel-red .person-observations .observation-content {
        word-break: break-all;
        max-width: 50em;
        margin-top: 0;
        margin-left: 3em;
    }

        .whitelabel-red .person-observations .observation-content .author-name {
            font-weight: bolder;
        }

    .whitelabel-red .person-observations .observation-area {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .whitelabel-red .person-observations .toggle {
        text-align: center;
        margin-bottom: 2em;
    }

    .whitelabel-red .person-observations .actions {
        margin-top: 1em;
    }

        .whitelabel-red .person-observations .actions.-right {
            text-align: right;
        }

    .whitelabel-red .person-observations .loadmore {
        text-align: center;
    }

.whitelabel-red .profile-picture {
    background: #d3d3d3;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

    .whitelabel-red .profile-picture > .photo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .whitelabel-red .profile-picture > .photo > svg {
            width: auto;
            height: 16px;
        }

        .whitelabel-red .profile-picture > .photo > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .whitelabel-red .profile-picture + * {
        vertical-align: middle;
    }

    .whitelabel-red .profile-picture.-inline {
        margin-right: 10px;
    }

    .whitelabel-red .profile-picture.-medium {
        width: 50px;
        height: 50px;
    }

        .whitelabel-red .profile-picture.-medium > .photo > svg {
            height: 23px;
        }

    .whitelabel-red .profile-picture.-large {
        width: 120px;
        height: 120px;
    }

        .whitelabel-red .profile-picture.-large > .photo > svg {
            height: 56px;
        }

.whitelabel-red .profile {
    width: 100%;
}

    .whitelabel-red .profile.-padded {
        margin-bottom: 3em;
    }

    .whitelabel-red .profile .row {
        display: flex;
        flex-direction: column;
    }

        .whitelabel-red .profile .row .cell {
            color: #686868;
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 10px 5px;
            border-bottom: 1px solid #d3d3d3;
        }

            .whitelabel-red .profile .row .cell.-verydarkborder {
                border-bottom: 2px solid #757575;
                padding-bottom: 2em;
            }

            .whitelabel-red .profile .row .cell.-curriculum-button {
                padding-top: 2em;
            }

            .whitelabel-red .profile .row .cell.-borderless {
                border: none;
            }

            .whitelabel-red .profile .row .cell.-double {
                flex: 2;
            }

            .whitelabel-red .profile .row .cell.-small {
                flex: none;
            }

            .whitelabel-red .profile .row .cell.-padded {
                padding-left: 20px;
                padding-right: 20px;
            }

            .whitelabel-red .profile .row .cell.-centered {
                align-self: center;
            }

            .whitelabel-red .profile .row .cell.-padless {
                padding-right: 0;
                padding-left: 0;
            }

            .whitelabel-red .profile .row .cell.-empty, .whitelabel-red .profile .row .cell.-actions, .whitelabel-red .profile .row .cell.-responsivehidden {
                display: none;
            }

        .whitelabel-red .profile .row > .cell:not(.-forcecolumn) {
            flex-direction: row;
        }

    .whitelabel-red .profile .tags {
        margin: 5px 0 0 -5px;
    }

    .whitelabel-red .profile .networkinfo {
        display: inline-flex;
        flex-direction: column;
    }

        .whitelabel-red .profile .networkinfo .owner,
        .whitelabel-red .profile .networkinfo .creation {
            display: block;
        }

@media (min-width: 767px) {
    .whitelabel-red .profile .networkinfo .owner,
    .whitelabel-red .profile .networkinfo .creation {
        display: none;
    }
}

.whitelabel-red .profile .value {
    font-size: 1.4em;
}

    .whitelabel-red .profile .value.-name {
        font-size: 1.875em;
        margin-bottom: 20px;
    }

.whitelabel-red .profile .picturecontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .whitelabel-red .profile .picturecontainer > .description {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 767px) {
    .whitelabel-red .profile .row {
        flex-direction: row;
    }

        .whitelabel-red .profile .row > .cell.-empty {
            display: flex;
            border: none;
        }

            .whitelabel-red .profile .row > .cell.-empty .cell {
                height: 100%;
            }

        .whitelabel-red .profile .row .cell .-responsivehidden {
            display: block;
        }

        .whitelabel-red .profile .row .cell.-actions {
            display: flex;
        }
}

.whitelabel-red .react-datepicker .react-datepicker__day--outside-month {
    opacity: 0.55;
}

.whitelabel-red .react-tooltip-lite {
    max-width: 300px !important;
}

.whitelabel-red .react-tooltip-lite-arrow {
    border-color: white;
    margin-top: -10px;
}

.whitelabel-red .request-list .pendinglabel {
    text-align: center;
    display: inline-block;
}

    .whitelabel-red .request-list .pendinglabel.-snoozed {
        color: #686868;
    }

        .whitelabel-red .request-list .pendinglabel.-snoozed > .tag {
            font-size: 1em;
            background: none;
            text-transform: none;
            padding: 0;
            margin: 0;
            cursor: auto;
        }

    .whitelabel-red .request-list .pendinglabel.-near-due-date {
        color: #D87500;
    }

        .whitelabel-red .request-list .pendinglabel.-near-due-date > .tag {
            color: #f1f5f9;
            background: #D87500;
        }

    .whitelabel-red .request-list .pendinglabel.-expired {
        color: #DC4600;
    }

        .whitelabel-red .request-list .pendinglabel.-expired > .tag {
            color: #f1f5f9;
            background: #DC4600;
        }

    .whitelabel-red .request-list .pendinglabel > .duedate {
        display: block;
        font-size: 0.8em;
        text-transform: uppercase;
    }

.whitelabel-red .request-list .priorityindicator {
    width: 10px;
    background: #d3d3d3;
    box-shadow: inset 7px 0 0 white;
}

    .whitelabel-red .request-list .priorityindicator.-level1 {
        background: #F06100;
    }

    .whitelabel-red .request-list .priorityindicator.-level2 {
        background: #FFC800;
    }

    .whitelabel-red .request-list .priorityindicator.-level3 {
        background: #75C800;
    }

.whitelabel-red .request-list.-highlighted .table tbody .line:first-child {
    background: #EBF6F9;
}

    .whitelabel-red .request-list.-highlighted .table tbody .line:first-child .priorityindicator {
        box-shadow: inset 7px 0 0 #EBF6F9;
    }

.whitelabel-red .request-list .responsiveview .title,
.whitelabel-red .request-list .responsiveview .requester,
.whitelabel-red .request-list .responsiveview .statustags > .status {
    display: flex;
    flex-direction: column;
}

.whitelabel-red .request-list .responsiveview .basicinfo,
.whitelabel-red .request-list .responsiveview .peopleinvolved,
.whitelabel-red .request-list .responsiveview .statustags {
    display: flex;
    flex-direction: row;
}

.whitelabel-red .request-list .responsiveview .basicinfo {
    justify-content: space-between;
}

.whitelabel-red .request-list .responsiveview .requester,
.whitelabel-red .request-list .responsiveview .network,
.whitelabel-red .request-list .responsiveview .statustags > .status,
.whitelabel-red .request-list .responsiveview .creation {
    padding: 8px 16px 0 0;
}

    .whitelabel-red .request-list .responsiveview .statustags > .status.-start {
        flex: 1;
        align-self: center;
    }

    .whitelabel-red .request-list .responsiveview .statustags > .status .tag {
        margin-left: 0;
    }

    .whitelabel-red .request-list .responsiveview .network > .name {
        display: inline-flex;
        flex-direction: column;
    }

.whitelabel-red .request-observations {
    margin: 1.5em 0;
}

    .whitelabel-red .request-observations > .title {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #d3d3d3;
    }

    .whitelabel-red .request-observations .header {
        display: flex;
        justify-content: space-between;
    }

    .whitelabel-red .request-observations .observation {
        display: flex;
        border-bottom: 1px solid #d3d3d3;
        padding: 20px 0;
    }

        .whitelabel-red .request-observations .observation > .body {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .whitelabel-red .request-observations .observation > .body > .author {
                margin-bottom: 20px;
            }

                .whitelabel-red .request-observations .observation > .body > .author > .photo {
                    display: inline-block;
                    vertical-align: middle;
                }

                .whitelabel-red .request-observations .observation > .body > .author > .info {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .whitelabel-red .request-observations .observation > .body > .author > .info > .name, .whitelabel-red .request-observations .observation > .body > .author > .info > .role {
                        margin: 0;
                    }

                    .whitelabel-red .request-observations .observation > .body > .author > .info > .role {
                        color: #757575;
                    }

            .whitelabel-red .request-observations .observation > .body > .content {
                padding-left: 45px;
                padding-right: 2em;
                font-size: 1.1em;
            }

                .whitelabel-red .request-observations .observation > .body > .content .editactions {
                    text-align: right;
                    margin-top: 0.5em;
                }

            .whitelabel-red .request-observations .observation > .body > .statuses {
                color: #757575;
                margin-top: 1em;
                display: flex;
                flex-direction: column;
            }

                .whitelabel-red .request-observations .observation > .body > .statuses > .status {
                    display: inline-block;
                    margin-right: 1em;
                }

        .whitelabel-red .request-observations .observation > .date {
            text-align: right;
        }

    .whitelabel-red .request-observations .loadmore {
        text-align: center;
        margin: 20px 0;
    }

        .whitelabel-red .request-observations .loadmore > .count {
            margin: 0;
        }

    .whitelabel-red .request-observations .newobservation > .actions {
        text-align: right;
    }

@media (min-width: 767px) {
    .whitelabel-red .request-observations .observation > .body > .statuses {
        flex-direction: row;
    }
}

.whitelabel-red .report .title h4 {
    margin: 0;
}

.whitelabel-red .report .title p {
    margin: 0;
    color: #F6BA2B;
}

.whitelabel-red .report .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
}

    .whitelabel-red .report .row .cell {
        flex: 1;
        display: flex;
        flex-direction: column;
        max-width: 50%;
    }

.whitelabel-red .section-pager {
    flex: 2;
}

    .whitelabel-red .section-pager .options {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-start;
    }

        .whitelabel-red .section-pager .options .option {
            display: inline-block;
            color: #686868;
            padding: 0 10px 25px;
            position: relative;
        }

            .whitelabel-red .section-pager .options .option:first-child {
                padding-left: 0;
            }

            .whitelabel-red .section-pager .options .option:last-child {
                padding-right: 0;
            }

            .whitelabel-red .section-pager .options .option:after {
                content: "";
                display: none;
                position: absolute;
                border-style: solid;
                border-color: transparent transparent #F6BA2B;
                border-width: 0 40px 20px 40px;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .whitelabel-red .section-pager .options .option.-active {
                color: #F6BA2B;
            }

                .whitelabel-red .section-pager .options .option.-active:after {
                    display: block;
                }

    .whitelabel-red .section-pager + .actions {
        margin-top: -15px;
        flex: 1;
        text-align: right;
    }

.whitelabel-red .sidebar {
    width: 190px;
    background: #F6BA2B;
    color: #f1f5f9;
    position: fixed;
    left: -190px;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}

    .whitelabel-red .sidebar > .wrapper {
        flex-direction: column;
        display: flex;
        height: 100%;
        position: relative;
    }

        .whitelabel-red .sidebar > .wrapper > .background {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            filter: blur(80px);
            z-index: -1000;
        }

        .whitelabel-red .sidebar > .wrapper > .title {
            text-align: center;
            display: none;
        }

            .whitelabel-red .sidebar > .wrapper > .title > .photo {
                padding: 0 28px;
            }

@media (max-height: 420px) {
    .whitelabel-red .sidebar > .wrapper > .title > .photo {
        display: none;
    }
}

.whitelabel-red .sidebar > .wrapper > .title h4 {
    margin-top: 0.5em;
    color: #f1f5f9;
}

.whitelabel-red .sidebar > .wrapper > .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .whitelabel-red .sidebar > .wrapper > .nav > .options {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .whitelabel-red .sidebar > .wrapper > .nav > .options > .item {
            display: flex;
        }

            .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content {
                flex: 1;
                position: relative;
                margin-right: 16px;
            }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon svg text, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon svg rect, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .material-icons {
                    font-size: 16px;
                }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content .label {
                    vertical-align: middle;
                }

            .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item:hover > .content {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content:after, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item:hover > .content:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content {
                    background: white;
                }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content:after {
                        border-left-color: white;
                    }

            .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 {
                flex: 1;
                position: relative;
                margin-right: 16px;
                margin-left: 15px;
            }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg text, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg rect, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item > .content2 .label {
                    vertical-align: middle;
                }

            .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content2, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item:hover > .content2 {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after, .whitelabel-red .sidebar > .wrapper > .nav > .options > .item:hover > .content2:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content2 {
                    background: white;
                }

                    .whitelabel-red .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after {
                        border-left-color: white;
                    }

.whitelabel-red .sidebar > .wrapper > .version {
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
    opacity: 0.4;
}

.whitelabel-red .sidebar.-open {
    left: 0;
}

@media (min-width: 992px) {
    .whitelabel-red .sidebar {
        position: static;
    }

        .whitelabel-red .sidebar > .wrapper > .title {
            display: block;
        }
}

.whitelabel-red .table {
    width: 100%;
    color: #686868;
    overflow-x: auto;
}

    .whitelabel-red .table > .content {
        min-width: 100%;
        border-collapse: collapse;
    }

        .whitelabel-red .table > .content .line {
            border-bottom: 1px solid #eaeaea;
        }

            .whitelabel-red .table > .content .line > .cell {
                padding: 1em 0.5em;
            }

                .whitelabel-red .table > .content .line > .cell.-centered {
                    text-align: center;
                }

                .whitelabel-red .table > .content .line > .cell.-right {
                    text-align: right;
                }

            .whitelabel-red .table > .content .line.-responsive {
                display: table-row;
            }

                .whitelabel-red .table > .content .line.-responsive + .line {
                    display: none;
                }

@media (min-width: 767px) {
    .whitelabel-red .table > .content .line.-responsive {
        display: none;
    }

        .whitelabel-red .table > .content .line.-responsive + .line {
            display: table-row;
        }
}

.whitelabel-red .tag {
    background: #d3d3d3;
    color: #686868;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}

    .whitelabel-red .tag.-primary {
        background: #F6BA2B;
        color: #f1f5f9;
    }

    .whitelabel-red .tag.-warning {
        background: #FFC800;
        color: #686868;
    }

    .whitelabel-red .tag.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-red .tag.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-red .tag.-attendance-level1 {
        background: #F06100;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-red .tag.-attendance-level2 {
        background: #FCC800;
        color: #686868;
        margin: 20px 6px;
    }

    .whitelabel-red .tag.-attendance-level3 {
        background: #75C800;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-red .tag.-large {
        padding-right: 20px;
        padding-left: 20px;
    }

.whitelabel-red .tags-filter .toggle {
    display: block;
}

@media (min-width: 767px) {
    .whitelabel-red .tags-filter .toggle {
        display: none;
    }
}

.whitelabel-red .tags-filter .list {
    margin-top: 16px;
    display: none;
}

@media (min-width: 767px) {
    .whitelabel-red .tags-filter .list {
        display: block;
    }
}

.whitelabel-red .tags-filter .tag {
    margin: 4px 2px;
}

.whitelabel-red .tags-form {
    background: #eaeaea;
    padding: 2em 10px;
    margin: 0 -10px;
    display: flex;
    flex-direction: column;
}

    .whitelabel-red .tags-form .card {
        flex: 1;
        margin-bottom: 1em;
    }

@media (min-width: 767px) {
    .whitelabel-red .tags-form {
        flex-direction: row;
    }

        .whitelabel-red .tags-form .card {
            margin-right: 2em;
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    .whitelabel-red .tags-form {
        padding: 2em 60px;
        margin: 0 -60px;
    }
}

.whitelabel-red .topbar {
    box-shadow: 0 0 5px 0 rgba(211, 211, 211, 0.9);
    display: flex;
    z-index: 999;
    background: #F6BA2B;
    min-height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

    .whitelabel-red .topbar > .menu {
        width: 20px;
        align-items: center;
        display: flex;
        padding: 0 20px;
        box-sizing: content-box;
    }

        .whitelabel-red .topbar > .menu > .icon {
            background: none;
            border: none;
            width: 100%;
            height: 1px;
            background: white;
            position: relative;
            border: 8px solid #F6BA2B;
            border-right-width: 2px;
            border-left-width: 2px;
            box-sizing: content-box;
            transition: 400ms;
        }

            .whitelabel-red .topbar > .menu > .icon:before, .whitelabel-red .topbar > .menu > .icon:after {
                content: "";
                position: absolute;
                background: white;
                left: 0;
                height: 3px;
                width: 100%;
                transition: 400ms;
            }

            .whitelabel-red .topbar > .menu > .icon:before {
                top: -7px;
            }

            .whitelabel-red .topbar > .menu > .icon:after {
                top: 7px;
            }

            .whitelabel-red .topbar > .menu > .icon.-open {
                background: transparent;
            }

                .whitelabel-red .topbar > .menu > .icon.-open:after, .whitelabel-red .topbar > .menu > .icon.-open:before {
                    top: 0;
                }

                .whitelabel-red .topbar > .menu > .icon.-open:after {
                    transform: rotate(45deg);
                }

                .whitelabel-red .topbar > .menu > .icon.-open:before {
                    transform: rotate(-45deg);
                }

    .whitelabel-red .topbar > .content {
        flex: 1;
    }

    .whitelabel-red .topbar > .userinfo,
    .whitelabel-red .topbar > .search,
    .whitelabel-red .topbar > .notifications {
        display: flex;
        border-left: none;
        padding: 0 1em;
        flex-direction: column;
        justify-content: center;
    }

        .whitelabel-red .topbar > .userinfo > .avatar,
        .whitelabel-red .topbar > .search > .avatar,
        .whitelabel-red .topbar > .notifications > .avatar {
            background: #eaeaea;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
        }

            .whitelabel-red .topbar > .userinfo > .avatar a,
            .whitelabel-red .topbar > .search > .avatar a,
            .whitelabel-red .topbar > .notifications > .avatar a {
                width: 100%;
                height: 100%;
                align-items: center;
                display: flex;
                justify-content: center;
                border-radius: 50%;
            }

            .whitelabel-red .topbar > .userinfo > .avatar svg,
            .whitelabel-red .topbar > .search > .avatar svg,
            .whitelabel-red .topbar > .notifications > .avatar svg {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
            }

        .whitelabel-red .topbar > .userinfo .profile-picture, .whitelabel-red .topbar > .userinfo .profile-picture img,
        .whitelabel-red .topbar > .search .profile-picture,
        .whitelabel-red .topbar > .search .profile-picture img,
        .whitelabel-red .topbar > .notifications .profile-picture,
        .whitelabel-red .topbar > .notifications .profile-picture img {
            width: 40px;
            height: 40px;
        }

    .whitelabel-red .topbar > .search {
        padding: 0 1.5em;
    }

    .whitelabel-red .topbar > .notifications {
        padding: 0 1.75em;
    }

        .whitelabel-red .topbar > .notifications > .icon {
            position: relative;
        }

            .whitelabel-red .topbar > .notifications > .icon.-activity:after {
                content: "";
                width: 7px;
                height: 7px;
                background: red;
                border-radius: 50%;
                position: absolute;
                right: -1px;
                top: 0;
                border: 1px solid white;
            }

@media (min-width: 992px) {
    .whitelabel-red .topbar {
        min-height: 70px;
        background: white;
        position: static;
    }

        .whitelabel-red .topbar > .menu {
            display: none;
        }

        .whitelabel-red .topbar > .userinfo,
        .whitelabel-red .topbar > .search,
        .whitelabel-red .topbar > .notifications {
            border-left: 1px solid #d3d3d3;
        }

            .whitelabel-red .topbar > .userinfo > .avatar,
            .whitelabel-red .topbar > .search > .avatar,
            .whitelabel-red .topbar > .notifications > .avatar {
                background: #F6BA2B;
            }
}

.whitelabel-red .unauthenticated-page {
    height: 100%;
    box-shadow: inset 0 45vh 0 #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .whitelabel-red .unauthenticated-page .title {
        text-align: center;
    }

    .whitelabel-red .unauthenticated-page .content {
        width: 80%;
    }

@media (min-width: 767px) {
    .whitelabel-red .unauthenticated-page .content {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .whitelabel-red .unauthenticated-page .content {
        width: 30%;
    }
}

.whitelabel-red .unauthenticated-page .inputs {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    background: white;
}

.whitelabel-red .unauthenticated-page .actions {
    display: flex;
    justify-content: space-between;
}

.whitelabel-red .unauthenticated-page .helpers {
    display: flex;
    margin-top: 35px;
}

    .whitelabel-red .unauthenticated-page .helpers > .spacer {
        flex: 1;
    }

@media (min-width: 992px) {
    .whitelabel-red .user-form {
        margin-right: 10em;
        margin-left: 10em;
    }
}

.whitelabel-red .user-form .input-group {
    flex: 1;
}

.whitelabel-red .user-form .addphone {
    text-align: center;
    background: #eaeaea;
    display: flex;
}

    .whitelabel-red .user-form .addphone > a {
        flex: 1;
        transition: 300ms;
        padding: 16px;
        cursor: pointer;
    }

        .whitelabel-red .user-form .addphone > a:hover {
            background: #eeeeee;
        }

.whitelabel-red .user-form .influencer {
    background: #eaeaea;
    color: #686868;
}

    .whitelabel-red .user-form .influencer > .question {
        margin-right: 10px;
    }

.whitelabel-red .custom-select {
    position: relative;
}

    .whitelabel-red .custom-select select {
        display: none;
    }

.whitelabel-red .select-selected {
    background-color: DodgerBlue;
}

    .whitelabel-red .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .whitelabel-red .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.whitelabel-red .select-items div, .whitelabel-red .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent white transparent;
    cursor: pointer;
}

.whitelabel-red .select-items {
    position: absolute;
    background-color: #3278d4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.whitelabel-red .select-hide {
    display: none;
}

.whitelabel-red .select-items div:hover, .whitelabel-red .same-as-selected {
    background-color: white;
}

.whitelabel-red .user-list .responsiveview > .main {
    display: flex;
    align-items: center;
}

    .whitelabel-red .user-list .responsiveview > .main > .delete {
        width: 40px;
    }

    .whitelabel-red .user-list .responsiveview > .main > .basicinfo {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

        .whitelabel-red .user-list .responsiveview > .main > .basicinfo > .legend {
            display: inline-flex;
            flex-direction: column;
            flex: 1;
            text-overflow: ellipsis;
            min-width: 0;
        }

.whitelabel-red .user-list .responsiveview > .tags {
    padding: 1em 0 0 40px;
}

.whitelabel-red .whitelabel-colors {
    padding: 8px 16px 16px;
}

    .whitelabel-red .whitelabel-colors .color {
        display: inline-block;
        margin-right: 16px;
    }

        .whitelabel-red .whitelabel-colors .color .square {
            width: 16px;
            height: 16px;
            border-radius: 1px;
            border: solid 1px #757575;
            display: inline-block;
        }

            .whitelabel-red .whitelabel-colors .color .square.-blue {
                background: #0A509e;
            }

            .whitelabel-red .whitelabel-colors .color .square.-red {
                background: #F6BA2B;
            }

            .whitelabel-red .whitelabel-colors .color .square.-green {
                background: #39B250;
            }

            .whitelabel-red .whitelabel-colors .color .square.-purple {
                background: #2DACE0;
            }

            .whitelabel-red .whitelabel-colors .color .square.-orange {
                background: #EE702F;
            }

            .whitelabel-red .whitelabel-colors .color .square.-Tomato {
                background: Tomato;
            }

            .whitelabel-red .whitelabel-colors .color .square.-Orange {
                background: Orange;
            }

            .whitelabel-red .whitelabel-colors .color .square.-DodgerBlue {
                background: DodgerBlue;
            }

            .whitelabel-red .whitelabel-colors .color .square.-MediumSeaGreen {
                background: MediumSeaGreen;
            }

            .whitelabel-red .whitelabel-colors .color .square.-Gray {
                background: Gray;
            }

            .whitelabel-red .whitelabel-colors .color .square.-SlateBlue {
                background: SlateBlue;
            }

            .whitelabel-red .whitelabel-colors .color .square.-Violet {
                background: Violet;
            }

            .whitelabel-red .whitelabel-colors .color .square.-LightGray {
                background: LightGray;
            }

.whitelabel-green {
    /* The container must be positioned relative: */
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */
}

    .whitelabel-green body {
        background: #eeeeee;
        color: #686868;
    }

@media (min-width: 992px) {
    .whitelabel-green body {
        border-top: 10px solid #39B250;
    }
}

.whitelabel-green .action-icons svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.whitelabel-green .action-icons.-large svg {
    width: 22px;
    height: 22px;
}

.whitelabel-green .authenticated-page {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-top: 0px;
}

    .whitelabel-green .authenticated-page > .content-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }

        .whitelabel-green .authenticated-page > .content-wrapper > .content {
            padding: 1em 10px;
        }

            .whitelabel-green .authenticated-page > .content-wrapper > .content, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper {
                flex: 1;
            }

                .whitelabel-green .authenticated-page > .content-wrapper > .content.-clean, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-clean {
                    background: white;
                }

@media (min-width: 1200px) {
    .whitelabel-green .authenticated-page > .content-wrapper > .content.-compact, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-compact {
        padding-right: 10em;
        padding-left: 10em;
    }
}

.whitelabel-green .authenticated-page > .content-wrapper > .content > .header, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    margin: 0 -10px 50px;
    padding: 0 10px;
}

    .whitelabel-green .authenticated-page > .content-wrapper > .content > .header.-marginless, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header.-marginless {
        margin-bottom: 1em;
    }

    .whitelabel-green .authenticated-page > .content-wrapper > .content > .header > .actions, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header > .actions {
        display: none;
    }

.whitelabel-green .authenticated-page > .content-wrapper > .content > .actions, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .actions {
    display: flex;
    flex-direction: row-reverse;
}

.whitelabel-green .authenticated-page > .content-wrapper > .content > .filters, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters {
    display: flex;
    flex-direction: row;
    color: #686868;
}

    .whitelabel-green .authenticated-page > .content-wrapper > .content > .filters.-reversed, .whitelabel-green .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters.-reversed {
        flex-direction: row-reverse;
    }

@media (min-width: 767px) {
    .whitelabel-green .authenticated-page > .content-wrapper > .content > .header > .actions {
        display: flex;
    }
}

@media (min-width: 992px) {
    .whitelabel-green .authenticated-page {
        padding-top: 0;
    }

        .whitelabel-green .authenticated-page > .content-wrapper > .content {
            padding: 1em 60px;
        }
}

.whitelabel-green .attendance-timeline {
    margin-top: 2em;
}

    .whitelabel-green .attendance-timeline .toggle {
        text-align: center;
    }

    .whitelabel-green .attendance-timeline .actions {
        margin-top: 1em;
    }

        .whitelabel-green .attendance-timeline .actions.-right {
            text-align: right;
        }

.whitelabel-green .btn {
    border: none;
    border-radius: 2px;
    cursor: pointer;
    padding: 1em;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    background: #eeeeee;
    display: inline-block;
    transition: 100ms;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
}

    .whitelabel-green .btn svg g {
        fill: currentColor;
    }

    .whitelabel-green .btn svg text, .whitelabel-green .btn svg rect, .whitelabel-green .btn svg path {
        fill: currentColor;
        stroke: transparent;
    }

    .whitelabel-green .btn svg circle {
        stroke: currentColor;
    }

    .whitelabel-green .btn:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    }

    .whitelabel-green .btn.-flat {
        box-shadow: none;
    }

    .whitelabel-green .btn.-primary {
        color: #f1f5f9;
        background: #39B250;
    }

    .whitelabel-green .btn.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-green .btn.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-green .btn.-dark {
        color: #f1f5f9;
        background: #757575;
    }

    .whitelabel-green .btn.-block {
        width: 100%;
    }

    .whitelabel-green .btn.-spaced {
        margin-left: 1em;
        margin-right: 1em;
    }

    .whitelabel-green .btn.-spaced-top {
        margin-top: 1em;
    }

    .whitelabel-green .btn.-spaced-bottom {
        margin-bottom: 1em;
    }

    .whitelabel-green .btn.-small {
        font-size: 15px;
        padding: 0.5em 0.75em;
    }

    .whitelabel-green .btn.-huge {
        padding: 1.8em;
    }

    .whitelabel-green .btn.-link {
        color: #39B250;
        background: none;
        transition: none;
        box-shadow: none;
        outline: none;
    }

        .whitelabel-green .btn.-link.-normal {
            color: #686868;
        }

    .whitelabel-green .btn.-inline {
        font-size: 15px;
        padding: 0;
    }

    .whitelabel-green .btn.-withrighticon {
        position: relative;
        padding-left: 35px;
    }

        .whitelabel-green .btn.-withrighticon .icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

            .whitelabel-green .btn.-withrighticon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-green .btn.-withrighticon .icon svg text, .whitelabel-green .btn.-withrighticon .icon svg rect, .whitelabel-green .btn.-withrighticon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-green .btn.-withrighticon .icon svg circle {
                stroke: currentColor;
            }

            .whitelabel-green .btn.-withrighticon .icon, .whitelabel-green .btn.-withrighticon .icon svg {
                width: 20px;
                height: auto;
            }

.whitelabel-green .card {
    box-shadow: 0 10px 45px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    background: white;
}

    .whitelabel-green .card.-gray {
        background: #eeeeee;
    }

    .whitelabel-green .card.-flat {
        box-shadow: none;
    }

    .whitelabel-green .card.-padded {
        padding: 16px;
    }

    .whitelabel-green .card.-withoutafterpad {
        margin-bottom: 0;
    }

    .whitelabel-green .card.-primary {
        border-width: 1em 0 0;
        border-style: solid;
        border-color: #39B250;
    }

.whitelabel-green .checkbox {
    border: none;
    position: relative;
    padding-left: 1.2em;
    cursor: pointer;
}

    .whitelabel-green .checkbox .insidelabel {
        padding-left: 10px;
    }

    .whitelabel-green .checkbox .checkmark {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 1.1em;
        width: 1.1em;
        background-color: #d3d3d3;
        border-radius: 2px;
        transition: 100ms;
        box-sizing: content-box;
    }

        .whitelabel-green .checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 0.3em;
            bottom: 0.25em;
            width: 0.35em;
            height: 0.7em;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .whitelabel-green .checkbox > input {
        opacity: 0;
        position: absolute;
        height: 0;
        width: 0;
    }

        .whitelabel-green .checkbox > input:checked ~ .checkmark {
            background: #39B250;
        }

            .whitelabel-green .checkbox > input:checked ~ .checkmark:after {
                display: block;
            }

    .whitelabel-green .checkbox.-flat .checkmark {
        background: none;
        border: 1px solid #39B250;
    }

        .whitelabel-green .checkbox.-flat .checkmark:after {
            border-color: #39B250;
        }

    .whitelabel-green .checkbox.-flat > input:checked ~ .checkmark {
        background: transparent;
    }

.whitelabel-green .ReactModal__Overlay {
    z-index: 999;
}

.whitelabel-green .ReactModal__Content {
    max-height: calc(100% - 40px);
    overflow: auto;
}

.whitelabel-green .curriculum-modal {
    position: absolute;
    width: 90%;
    padding: 3%;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.3);
}

    .whitelabel-green .curriculum-modal .card {
        box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.09);
    }

    .whitelabel-green .curriculum-modal .section {
        margin: 1em;
    }

        .whitelabel-green .curriculum-modal .section.-curriculum-upload .card {
            border-style: dashed;
            border-width: 0.1em;
            border-color: #d3d3d3;
            text-align: center;
            color: #686868;
        }

            .whitelabel-green .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(3) {
                margin-block-start: -1em;
                color: #39B250;
            }

            .whitelabel-green .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(4) {
                font-size: 0.8em;
            }

        .whitelabel-green .curriculum-modal .section.-form input.input::placeholder {
            color: #808080;
        }

        .whitelabel-green .curriculum-modal .section.-form .prioritytag {
            padding-left: 20px;
            padding-right: 20px;
            color: #f1f5f9;
            background: #757575;
        }

        .whitelabel-green .curriculum-modal .section.-form .input:checked + .prioritytag {
            background: #0d509e;
        }

@media (min-width: 767px) {
    .whitelabel-green .curriculum-modal {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .whitelabel-green .curriculum-modal {
        width: 55%;
    }
}

@media (min-width: 1200px) {
    .whitelabel-green .curriculum-modal {
        width: 40%;
    }
}

.whitelabel-green .duplicated-profile-list {
    padding-bottom: 2em;
    border-bottom: 2px solid #757575;
}

.whitelabel-green .empty-state {
    margin: 4em 0;
    padding: 0 30%;
    text-align: center;
}

    .whitelabel-green .empty-state svg g {
        fill: #d3d3d3;
    }

    .whitelabel-green .empty-state svg text, .whitelabel-green .empty-state svg rect, .whitelabel-green .empty-state svg path {
        fill: #d3d3d3;
        stroke: transparent;
    }

    .whitelabel-green .empty-state svg circle {
        stroke: #d3d3d3;
    }

    .whitelabel-green .empty-state > .icon {
        margin-bottom: 24px;
    }

        .whitelabel-green .empty-state > .icon svg {
            height: 64px;
            width: auto;
            margin-left: -12px;
        }

    .whitelabel-green .empty-state > .label {
        font-size: 2em;
        margin-bottom: 16px;
    }

.whitelabel-green .flash {
    border: 1px solid currentColor;
    border-radius: 2px;
    padding: 0.75em;
    margin: 1em 0;
}

    .whitelabel-green .flash.-error {
        background: #FCC;
        color: #F00;
    }

    .whitelabel-green .flash.-notice {
        background: #CCE5FF;
        color: #004085;
    }

    .whitelabel-green .flash > .list {
        padding: 0 0 0 1em;
    }

.whitelabel-green .form-photo .photo.-container {
    float: left;
    margin-right: 1em;
}

.whitelabel-green .form-photo .photo.-button {
    float: right;
    margin-top: 0.6em;
}

.whitelabel-green .inlinelink {
    color: #39B250;
}

.whitelabel-green .input-group {
    background: transparent;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eeeeee;
}

    .whitelabel-green .input-group:last-of-type:not(.-forcedivisory) {
        border-bottom: none;
    }

    .whitelabel-green .input-group.-withicon {
        position: relative;
    }

        .whitelabel-green .input-group.-withicon .input {
            padding-right: 45px;
        }

        .whitelabel-green .input-group.-withicon .icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: auto;
        }

            .whitelabel-green .input-group.-withicon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-green .input-group.-withicon .icon svg text, .whitelabel-green .input-group.-withicon .icon svg rect, .whitelabel-green .input-group.-withicon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-green .input-group.-withicon .icon svg circle {
                stroke: currentColor;
            }

    .whitelabel-green .input-group.-error, .whitelabel-green .input-group.-success {
        position: relative;
    }

        .whitelabel-green .input-group.-error:after, .whitelabel-green .input-group.-success:after {
            content: "";
            width: 24px;
            height: 24px;
            position: absolute;
            right: -35px;
            top: 50%;
            transform: translateY(-50%);
        }

        .whitelabel-green .input-group.-error:after {
            background: url("../images/ic-cancel.svg") no-repeat;
        }

        .whitelabel-green .input-group.-success:after {
            background: url("../images/ic-success.svg") no-repeat;
        }

    .whitelabel-green .input-group.-horizontal {
        flex-direction: row;
    }

        .whitelabel-green .input-group.-horizontal .input-group, .whitelabel-green .input-group.-horizontal .input, .whitelabel-green .input-group.-horizontal .select {
            border-right: 1px solid #eeeeee;
        }

            .whitelabel-green .input-group.-horizontal .input-group:last-of-type:not(.-forcedivisory), .whitelabel-green .input-group.-horizontal .input:last-of-type:not(.-forcedivisory), .whitelabel-green .input-group.-horizontal .select:last-of-type:not(.-forcedivisory) {
                border-right: none;
            }

    .whitelabel-green .input-group.-responsive-strech {
        flex-direction: column;
    }

    .whitelabel-green .input-group.-stretched {
        flex: 1;
    }

    .whitelabel-green .input-group.-centered {
        align-items: center;
        justify-content: center;
    }

    .whitelabel-green .input-group.-padded {
        padding: 8px 16px;
    }

    .whitelabel-green .input-group.-paddedhorizontally {
        padding-left: 16px;
        padding-right: 16px;
    }

    .whitelabel-green .input-group.-inlinelabelled > .label {
        align-self: center;
        margin-right: 10px;
        color: #686868;
        padding: 0;
    }

    .whitelabel-green .input-group > .field_with_errors {
        flex: 1;
        flex-direction: inherit;
        align-items: inherit;
        justify-content: inherit;
        display: inherit;
    }

        .whitelabel-green .input-group > .field_with_errors .input, .whitelabel-green .input-group > .field_with_errors .select {
            background: #FDD;
        }

    .whitelabel-green .input-group .label {
        padding: 16px 16px 0;
    }

        .whitelabel-green .input-group .label + input {
            padding-top: 8px;
        }

    .whitelabel-green .input-group .input, .whitelabel-green .input-group .select {
        background: transparent;
        padding: 16px;
        border: none;
        resize: none;
        flex: 1;
        color: black;
        line-height: 1em;
        min-width: 0;
    }

        .whitelabel-green .input-group .input.-nostretch, .whitelabel-green .input-group .select.-nostretch {
            flex: none;
        }

        .whitelabel-green .input-group .input::placeholder, .whitelabel-green .input-group .select::placeholder {
            color: #686868;
        }

        .whitelabel-green .input-group .input[readonly], .whitelabel-green .input-group .select[readonly] {
            cursor: not-allowed;
        }

    .whitelabel-green .input-group:last-of-type:not(.-forcedivisory) .input, .whitelabel-green .input-group:last-of-type:not(.-forcedivisory) .select {
        border-right: none;
        border-bottom: none;
    }

    .whitelabel-green .input-group .input.-area {
        resize: vertical;
        min-height: 3em;
        outline: none;
    }

    .whitelabel-green .input-group .select {
        background: white;
        padding-right: 8px;
        padding-left: 8px;
    }

        .whitelabel-green .input-group .select, .whitelabel-green .input-group .select option[disabled] {
            color: #686868;
        }

            .whitelabel-green .input-group .select > option, .whitelabel-green .input-group .select.-selected {
                color: black;
            }

    .whitelabel-green .input-group .radiotoggle {
        vertical-align: middle;
        display: inline-block;
        align-self: center;
    }

        .whitelabel-green .input-group .radiotoggle .input {
            display: none;
        }

            .whitelabel-green .input-group .radiotoggle .input:not(:checked) + .tag {
                background: #d3d3d3 !important;
                color: #686868 !important;
            }

@media (min-width: 767px) {
    .whitelabel-green .input-group.-responsive-strech {
        flex-direction: inherit;
    }
}

.whitelabel-green .input-group > .react-slidedown {
    display: flex;
    flex-direction: column;
}

.whitelabel-green .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

    .whitelabel-green .navigation .breadcrumbs {
        padding: 0.5em 0;
        color: rgba(104, 104, 104, 0.6);
    }

        .whitelabel-green .navigation .breadcrumbs span:after {
            content: "/";
            margin: 0 5px;
            display: inline-block;
        }

        .whitelabel-green .navigation .breadcrumbs span:last-child:after {
            content: "";
        }

    .whitelabel-green .navigation .back {
        display: none;
    }

    .whitelabel-green .navigation .cta {
        text-align: right;
        display: block;
    }

@media (min-width: 767px) {
    .whitelabel-green .navigation .back {
        display: block;
    }

    .whitelabel-green .navigation .cta {
        display: none;
    }
}

.whitelabel-green .notification-list {
    list-style: none;
    padding: 0;
}

    .whitelabel-green .notification-list > .notification {
        display: flex;
        flex-direction: row;
        padding: 2em 0;
        border-bottom: 1px solid #d3d3d3;
    }

        .whitelabel-green .notification-list > .notification > .description {
            flex: 1;
        }

            .whitelabel-green .notification-list > .notification > .description > .icon {
                width: 18px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
            }

            .whitelabel-green .notification-list > .notification > .description .content {
                padding: 0 2em;
                vertical-align: middle;
            }

        .whitelabel-green .notification-list > .notification > .additional > .date,
        .whitelabel-green .notification-list > .notification > .additional > .remove {
            vertical-align: middle;
            display: inline-block;
        }

        .whitelabel-green .notification-list > .notification > .additional > .date {
            padding: 0 2em;
            height: 1.5em;
        }

.whitelabel-green .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2em;
}

@media (min-width: 767px) {
    .whitelabel-green .pagination-container {
        margin-top: 3em;
    }
}

@media (min-width: 992px) {
    .whitelabel-green .pagination-container {
        margin-top: 4em;
    }
}

.whitelabel-green .pagination-container > .navigation > .page {
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

    .whitelabel-green .pagination-container > .navigation > .page.current {
        color: #39B250;
    }

.whitelabel-green .pagination-container > .navigation > .gap {
    background: transparent;
    padding: 0 5px;
}

    .whitelabel-green .pagination-container > .navigation > .gap:hover {
        background: transparent;
    }

.whitelabel-green .person-observations {
    margin-top: 1em;
    border-bottom: 2px solid #757575;
}

    .whitelabel-green .person-observations .profile-photo {
        float: left;
    }

    .whitelabel-green .person-observations .observation-content {
        word-break: break-all;
        max-width: 50em;
        margin-top: 0;
        margin-left: 3em;
    }

        .whitelabel-green .person-observations .observation-content .author-name {
            font-weight: bolder;
        }

    .whitelabel-green .person-observations .observation-area {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .whitelabel-green .person-observations .toggle {
        text-align: center;
        margin-bottom: 2em;
    }

    .whitelabel-green .person-observations .actions {
        margin-top: 1em;
    }

        .whitelabel-green .person-observations .actions.-right {
            text-align: right;
        }

    .whitelabel-green .person-observations .loadmore {
        text-align: center;
    }

.whitelabel-green .profile-picture {
    background: #d3d3d3;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

    .whitelabel-green .profile-picture > .photo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .whitelabel-green .profile-picture > .photo > svg {
            width: auto;
            height: 16px;
        }

        .whitelabel-green .profile-picture > .photo > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .whitelabel-green .profile-picture + * {
        vertical-align: middle;
    }

    .whitelabel-green .profile-picture.-inline {
        margin-right: 10px;
    }

    .whitelabel-green .profile-picture.-medium {
        width: 50px;
        height: 50px;
    }

        .whitelabel-green .profile-picture.-medium > .photo > svg {
            height: 23px;
        }

    .whitelabel-green .profile-picture.-large {
        width: 120px;
        height: 120px;
    }

        .whitelabel-green .profile-picture.-large > .photo > svg {
            height: 56px;
        }

.whitelabel-green .profile {
    width: 100%;
}

    .whitelabel-green .profile.-padded {
        margin-bottom: 3em;
    }

    .whitelabel-green .profile .row {
        display: flex;
        flex-direction: column;
    }

        .whitelabel-green .profile .row .cell {
            color: #686868;
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 10px 5px;
            border-bottom: 1px solid #d3d3d3;
        }

            .whitelabel-green .profile .row .cell.-verydarkborder {
                border-bottom: 2px solid #757575;
                padding-bottom: 2em;
            }

            .whitelabel-green .profile .row .cell.-curriculum-button {
                padding-top: 2em;
            }

            .whitelabel-green .profile .row .cell.-borderless {
                border: none;
            }

            .whitelabel-green .profile .row .cell.-double {
                flex: 2;
            }

            .whitelabel-green .profile .row .cell.-small {
                flex: none;
            }

            .whitelabel-green .profile .row .cell.-padded {
                padding-left: 20px;
                padding-right: 20px;
            }

            .whitelabel-green .profile .row .cell.-centered {
                align-self: center;
            }

            .whitelabel-green .profile .row .cell.-padless {
                padding-right: 0;
                padding-left: 0;
            }

            .whitelabel-green .profile .row .cell.-empty, .whitelabel-green .profile .row .cell.-actions, .whitelabel-green .profile .row .cell.-responsivehidden {
                display: none;
            }

        .whitelabel-green .profile .row > .cell:not(.-forcecolumn) {
            flex-direction: row;
        }

    .whitelabel-green .profile .tags {
        margin: 5px 0 0 -5px;
    }

    .whitelabel-green .profile .networkinfo {
        display: inline-flex;
        flex-direction: column;
    }

        .whitelabel-green .profile .networkinfo .owner,
        .whitelabel-green .profile .networkinfo .creation {
            display: block;
        }

@media (min-width: 767px) {
    .whitelabel-green .profile .networkinfo .owner,
    .whitelabel-green .profile .networkinfo .creation {
        display: none;
    }
}

.whitelabel-green .profile .value {
    font-size: 1.4em;
}

    .whitelabel-green .profile .value.-name {
        font-size: 1.875em;
        margin-bottom: 20px;
    }

.whitelabel-green .profile .picturecontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .whitelabel-green .profile .picturecontainer > .description {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 767px) {
    .whitelabel-green .profile .row {
        flex-direction: row;
    }

        .whitelabel-green .profile .row > .cell.-empty {
            display: flex;
            border: none;
        }

            .whitelabel-green .profile .row > .cell.-empty .cell {
                height: 100%;
            }

        .whitelabel-green .profile .row .cell .-responsivehidden {
            display: block;
        }

        .whitelabel-green .profile .row .cell.-actions {
            display: flex;
        }
}

.whitelabel-green .react-datepicker .react-datepicker__day--outside-month {
    opacity: 0.55;
}

.whitelabel-green .react-tooltip-lite {
    max-width: 300px !important;
}

.whitelabel-green .react-tooltip-lite-arrow {
    border-color: white;
    margin-top: -10px;
}

.whitelabel-green .request-list .pendinglabel {
    text-align: center;
    display: inline-block;
}

    .whitelabel-green .request-list .pendinglabel.-snoozed {
        color: #686868;
    }

        .whitelabel-green .request-list .pendinglabel.-snoozed > .tag {
            font-size: 1em;
            background: none;
            text-transform: none;
            padding: 0;
            margin: 0;
            cursor: auto;
        }

    .whitelabel-green .request-list .pendinglabel.-near-due-date {
        color: #D87500;
    }

        .whitelabel-green .request-list .pendinglabel.-near-due-date > .tag {
            color: #f1f5f9;
            background: #D87500;
        }

    .whitelabel-green .request-list .pendinglabel.-expired {
        color: #DC4600;
    }

        .whitelabel-green .request-list .pendinglabel.-expired > .tag {
            color: #f1f5f9;
            background: #DC4600;
        }

    .whitelabel-green .request-list .pendinglabel > .duedate {
        display: block;
        font-size: 0.8em;
        text-transform: uppercase;
    }

.whitelabel-green .request-list .priorityindicator {
    width: 10px;
    background: #d3d3d3;
    box-shadow: inset 7px 0 0 white;
}

    .whitelabel-green .request-list .priorityindicator.-level1 {
        background: #F06100;
    }

    .whitelabel-green .request-list .priorityindicator.-level2 {
        background: #FFC800;
    }

    .whitelabel-green .request-list .priorityindicator.-level3 {
        background: #75C800;
    }

.whitelabel-green .request-list.-highlighted .table tbody .line:first-child {
    background: #EBF6F9;
}

    .whitelabel-green .request-list.-highlighted .table tbody .line:first-child .priorityindicator {
        box-shadow: inset 7px 0 0 #EBF6F9;
    }

.whitelabel-green .request-list .responsiveview .title,
.whitelabel-green .request-list .responsiveview .requester,
.whitelabel-green .request-list .responsiveview .statustags > .status {
    display: flex;
    flex-direction: column;
}

.whitelabel-green .request-list .responsiveview .basicinfo,
.whitelabel-green .request-list .responsiveview .peopleinvolved,
.whitelabel-green .request-list .responsiveview .statustags {
    display: flex;
    flex-direction: row;
}

.whitelabel-green .request-list .responsiveview .basicinfo {
    justify-content: space-between;
}

.whitelabel-green .request-list .responsiveview .requester,
.whitelabel-green .request-list .responsiveview .network,
.whitelabel-green .request-list .responsiveview .statustags > .status,
.whitelabel-green .request-list .responsiveview .creation {
    padding: 8px 16px 0 0;
}

    .whitelabel-green .request-list .responsiveview .statustags > .status.-start {
        flex: 1;
        align-self: center;
    }

    .whitelabel-green .request-list .responsiveview .statustags > .status .tag {
        margin-left: 0;
    }

    .whitelabel-green .request-list .responsiveview .network > .name {
        display: inline-flex;
        flex-direction: column;
    }

.whitelabel-green .request-observations {
    margin: 1.5em 0;
}

    .whitelabel-green .request-observations > .title {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #d3d3d3;
    }

    .whitelabel-green .request-observations .header {
        display: flex;
        justify-content: space-between;
    }

    .whitelabel-green .request-observations .observation {
        display: flex;
        border-bottom: 1px solid #d3d3d3;
        padding: 20px 0;
    }

        .whitelabel-green .request-observations .observation > .body {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .whitelabel-green .request-observations .observation > .body > .author {
                margin-bottom: 20px;
            }

                .whitelabel-green .request-observations .observation > .body > .author > .photo {
                    display: inline-block;
                    vertical-align: middle;
                }

                .whitelabel-green .request-observations .observation > .body > .author > .info {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .whitelabel-green .request-observations .observation > .body > .author > .info > .name, .whitelabel-green .request-observations .observation > .body > .author > .info > .role {
                        margin: 0;
                    }

                    .whitelabel-green .request-observations .observation > .body > .author > .info > .role {
                        color: #757575;
                    }

            .whitelabel-green .request-observations .observation > .body > .content {
                padding-left: 45px;
                padding-right: 2em;
                font-size: 1.1em;
            }

                .whitelabel-green .request-observations .observation > .body > .content .editactions {
                    text-align: right;
                    margin-top: 0.5em;
                }

            .whitelabel-green .request-observations .observation > .body > .statuses {
                color: #757575;
                margin-top: 1em;
                display: flex;
                flex-direction: column;
            }

                .whitelabel-green .request-observations .observation > .body > .statuses > .status {
                    display: inline-block;
                    margin-right: 1em;
                }

        .whitelabel-green .request-observations .observation > .date {
            text-align: right;
        }

    .whitelabel-green .request-observations .loadmore {
        text-align: center;
        margin: 20px 0;
    }

        .whitelabel-green .request-observations .loadmore > .count {
            margin: 0;
        }

    .whitelabel-green .request-observations .newobservation > .actions {
        text-align: right;
    }

@media (min-width: 767px) {
    .whitelabel-green .request-observations .observation > .body > .statuses {
        flex-direction: row;
    }
}

.whitelabel-green .report .title h4 {
    margin: 0;
}

.whitelabel-green .report .title p {
    margin: 0;
    color: #39B250;
}

.whitelabel-green .report .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
}

    .whitelabel-green .report .row .cell {
        flex: 1;
        display: flex;
        flex-direction: column;
        max-width: 50%;
    }

.whitelabel-green .section-pager {
    flex: 2;
}

    .whitelabel-green .section-pager .options {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-start;
    }

        .whitelabel-green .section-pager .options .option {
            display: inline-block;
            color: #686868;
            padding: 0 10px 25px;
            position: relative;
        }

            .whitelabel-green .section-pager .options .option:first-child {
                padding-left: 0;
            }

            .whitelabel-green .section-pager .options .option:last-child {
                padding-right: 0;
            }

            .whitelabel-green .section-pager .options .option:after {
                content: "";
                display: none;
                position: absolute;
                border-style: solid;
                border-color: transparent transparent #39B250;
                border-width: 0 40px 20px 40px;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .whitelabel-green .section-pager .options .option.-active {
                color: #39B250;
            }

                .whitelabel-green .section-pager .options .option.-active:after {
                    display: block;
                }

    .whitelabel-green .section-pager + .actions {
        margin-top: -15px;
        flex: 1;
        text-align: right;
    }

.whitelabel-green .sidebar {
    width: 190px;
    background: #39B250;
    color: #f1f5f9;
    position: fixed;
    left: -190px;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}

    .whitelabel-green .sidebar > .wrapper {
        flex-direction: column;
        display: flex;
        height: 100%;
        position: relative;
    }

        .whitelabel-green .sidebar > .wrapper > .background {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            filter: blur(80px);
            z-index: -1000;
        }

        .whitelabel-green .sidebar > .wrapper > .title {
            text-align: center;
            display: none;
        }

            .whitelabel-green .sidebar > .wrapper > .title > .photo {
                padding: 0 28px;
            }

@media (max-height: 420px) {
    .whitelabel-green .sidebar > .wrapper > .title > .photo {
        display: none;
    }
}

.whitelabel-green .sidebar > .wrapper > .title h4 {
    margin-top: 0.5em;
    color: #f1f5f9;
}

.whitelabel-green .sidebar > .wrapper > .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .whitelabel-green .sidebar > .wrapper > .nav > .options {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .whitelabel-green .sidebar > .wrapper > .nav > .options > .item {
            display: flex;
        }

            .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content {
                flex: 1;
                position: relative;
                margin-right: 16px;
            }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon svg text, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon svg rect, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .material-icons {
                    font-size: 16px;
                }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content .label {
                    vertical-align: middle;
                }

            .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item:hover > .content {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content:after, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item:hover > .content:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content {
                    background: white;
                }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content:after {
                        border-left-color: white;
                    }

            .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 {
                flex: 1;
                position: relative;
                margin-right: 16px;
                margin-left: 15px;
            }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg text, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg rect, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item > .content2 .label {
                    vertical-align: middle;
                }

            .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content2, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item:hover > .content2 {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after, .whitelabel-green .sidebar > .wrapper > .nav > .options > .item:hover > .content2:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content2 {
                    background: white;
                }

                    .whitelabel-green .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after {
                        border-left-color: white;
                    }

.whitelabel-green .sidebar > .wrapper > .version {
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
    opacity: 0.4;
}

.whitelabel-green .sidebar.-open {
    left: 0;
}

@media (min-width: 992px) {
    .whitelabel-green .sidebar {
        position: static;
    }

        .whitelabel-green .sidebar > .wrapper > .title {
            display: block;
        }
}

.whitelabel-green .table {
    width: 100%;
    color: #686868;
    overflow-x: auto;
}

    .whitelabel-green .table > .content {
        min-width: 100%;
        border-collapse: collapse;
    }

        .whitelabel-green .table > .content .line {
            border-bottom: 1px solid #eaeaea;
        }

            .whitelabel-green .table > .content .line > .cell {
                padding: 1em 0.5em;
            }

                .whitelabel-green .table > .content .line > .cell.-centered {
                    text-align: center;
                }

                .whitelabel-green .table > .content .line > .cell.-right {
                    text-align: right;
                }

            .whitelabel-green .table > .content .line.-responsive {
                display: table-row;
            }

                .whitelabel-green .table > .content .line.-responsive + .line {
                    display: none;
                }

@media (min-width: 767px) {
    .whitelabel-green .table > .content .line.-responsive {
        display: none;
    }

        .whitelabel-green .table > .content .line.-responsive + .line {
            display: table-row;
        }
}

.whitelabel-green .tag {
    background: #d3d3d3;
    color: #686868;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}

    .whitelabel-green .tag.-primary {
        background: #39B250;
        color: #f1f5f9;
    }

    .whitelabel-green .tag.-warning {
        background: #FFC800;
        color: #686868;
    }

    .whitelabel-green .tag.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-green .tag.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-green .tag.-attendance-level1 {
        background: #F06100;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-green .tag.-attendance-level2 {
        background: #FCC800;
        color: #686868;
        margin: 20px 6px;
    }

    .whitelabel-green .tag.-attendance-level3 {
        background: #75C800;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-green .tag.-large {
        padding-right: 20px;
        padding-left: 20px;
    }

.whitelabel-green .tags-filter .toggle {
    display: block;
}

@media (min-width: 767px) {
    .whitelabel-green .tags-filter .toggle {
        display: none;
    }
}

.whitelabel-green .tags-filter .list {
    margin-top: 16px;
    display: none;
}

@media (min-width: 767px) {
    .whitelabel-green .tags-filter .list {
        display: block;
    }
}

.whitelabel-green .tags-filter .tag {
    margin: 4px 2px;
}

.whitelabel-green .tags-form {
    background: #eaeaea;
    padding: 2em 10px;
    margin: 0 -10px;
    display: flex;
    flex-direction: column;
}

    .whitelabel-green .tags-form .card {
        flex: 1;
        margin-bottom: 1em;
    }

@media (min-width: 767px) {
    .whitelabel-green .tags-form {
        flex-direction: row;
    }

        .whitelabel-green .tags-form .card {
            margin-right: 2em;
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    .whitelabel-green .tags-form {
        padding: 2em 60px;
        margin: 0 -60px;
    }
}

.whitelabel-green .topbar {
    box-shadow: 0 0 5px 0 rgba(211, 211, 211, 0.9);
    display: flex;
    z-index: 999;
    background: #39B250;
    min-height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

    .whitelabel-green .topbar > .menu {
        width: 20px;
        align-items: center;
        display: flex;
        padding: 0 20px;
        box-sizing: content-box;
    }

        .whitelabel-green .topbar > .menu > .icon {
            background: none;
            border: none;
            width: 100%;
            height: 1px;
            background: white;
            position: relative;
            border: 8px solid #39B250;
            border-right-width: 2px;
            border-left-width: 2px;
            box-sizing: content-box;
            transition: 400ms;
        }

            .whitelabel-green .topbar > .menu > .icon:before, .whitelabel-green .topbar > .menu > .icon:after {
                content: "";
                position: absolute;
                background: white;
                left: 0;
                height: 3px;
                width: 100%;
                transition: 400ms;
            }

            .whitelabel-green .topbar > .menu > .icon:before {
                top: -7px;
            }

            .whitelabel-green .topbar > .menu > .icon:after {
                top: 7px;
            }

            .whitelabel-green .topbar > .menu > .icon.-open {
                background: transparent;
            }

                .whitelabel-green .topbar > .menu > .icon.-open:after, .whitelabel-green .topbar > .menu > .icon.-open:before {
                    top: 0;
                }

                .whitelabel-green .topbar > .menu > .icon.-open:after {
                    transform: rotate(45deg);
                }

                .whitelabel-green .topbar > .menu > .icon.-open:before {
                    transform: rotate(-45deg);
                }

    .whitelabel-green .topbar > .content {
        flex: 1;
    }

    .whitelabel-green .topbar > .userinfo,
    .whitelabel-green .topbar > .search,
    .whitelabel-green .topbar > .notifications {
        display: flex;
        border-left: none;
        padding: 0 1em;
        flex-direction: column;
        justify-content: center;
    }

        .whitelabel-green .topbar > .userinfo > .avatar,
        .whitelabel-green .topbar > .search > .avatar,
        .whitelabel-green .topbar > .notifications > .avatar {
            background: #eaeaea;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
        }

            .whitelabel-green .topbar > .userinfo > .avatar a,
            .whitelabel-green .topbar > .search > .avatar a,
            .whitelabel-green .topbar > .notifications > .avatar a {
                width: 100%;
                height: 100%;
                align-items: center;
                display: flex;
                justify-content: center;
                border-radius: 50%;
            }

            .whitelabel-green .topbar > .userinfo > .avatar svg,
            .whitelabel-green .topbar > .search > .avatar svg,
            .whitelabel-green .topbar > .notifications > .avatar svg {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
            }

        .whitelabel-green .topbar > .userinfo .profile-picture, .whitelabel-green .topbar > .userinfo .profile-picture img,
        .whitelabel-green .topbar > .search .profile-picture,
        .whitelabel-green .topbar > .search .profile-picture img,
        .whitelabel-green .topbar > .notifications .profile-picture,
        .whitelabel-green .topbar > .notifications .profile-picture img {
            width: 40px;
            height: 40px;
        }

    .whitelabel-green .topbar > .search {
        padding: 0 1.5em;
    }

    .whitelabel-green .topbar > .notifications {
        padding: 0 1.75em;
    }

        .whitelabel-green .topbar > .notifications > .icon {
            position: relative;
        }

            .whitelabel-green .topbar > .notifications > .icon.-activity:after {
                content: "";
                width: 7px;
                height: 7px;
                background: red;
                border-radius: 50%;
                position: absolute;
                right: -1px;
                top: 0;
                border: 1px solid white;
            }

@media (min-width: 992px) {
    .whitelabel-green .topbar {
        min-height: 70px;
        background: white;
        position: static;
    }

        .whitelabel-green .topbar > .menu {
            display: none;
        }

        .whitelabel-green .topbar > .userinfo,
        .whitelabel-green .topbar > .search,
        .whitelabel-green .topbar > .notifications {
            border-left: 1px solid #d3d3d3;
        }

            .whitelabel-green .topbar > .userinfo > .avatar,
            .whitelabel-green .topbar > .search > .avatar,
            .whitelabel-green .topbar > .notifications > .avatar {
                background: #39B250;
            }
}

.whitelabel-green .unauthenticated-page {
    height: 100%;
    box-shadow: inset 0 45vh 0 #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .whitelabel-green .unauthenticated-page .title {
        text-align: center;
    }

    .whitelabel-green .unauthenticated-page .content {
        width: 80%;
    }

@media (min-width: 767px) {
    .whitelabel-green .unauthenticated-page .content {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .whitelabel-green .unauthenticated-page .content {
        width: 30%;
    }
}

.whitelabel-green .unauthenticated-page .inputs {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    background: white;
}

.whitelabel-green .unauthenticated-page .actions {
    display: flex;
    justify-content: space-between;
}

.whitelabel-green .unauthenticated-page .helpers {
    display: flex;
    margin-top: 35px;
}

    .whitelabel-green .unauthenticated-page .helpers > .spacer {
        flex: 1;
    }

@media (min-width: 992px) {
    .whitelabel-green .user-form {
        margin-right: 10em;
        margin-left: 10em;
    }
}

.whitelabel-green .user-form .input-group {
    flex: 1;
}

.whitelabel-green .user-form .addphone {
    text-align: center;
    background: #eaeaea;
    display: flex;
}

    .whitelabel-green .user-form .addphone > a {
        flex: 1;
        transition: 300ms;
        padding: 16px;
        cursor: pointer;
    }

        .whitelabel-green .user-form .addphone > a:hover {
            background: #eeeeee;
        }

.whitelabel-green .user-form .influencer {
    background: #eaeaea;
    color: #686868;
}

    .whitelabel-green .user-form .influencer > .question {
        margin-right: 10px;
    }

.whitelabel-green .custom-select {
    position: relative;
    font-family: Arial;
}

    .whitelabel-green .custom-select select {
        display: none;
    }

.whitelabel-green .select-selected {
    background-color: DodgerBlue;
}

    .whitelabel-green .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .whitelabel-green .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.whitelabel-green .select-items div, .whitelabel-green .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent white transparent;
    cursor: pointer;
}

.whitelabel-green .select-items {
    position: absolute;
    background-color: #3278d4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.whitelabel-green .select-hide {
    display: none;
}

.whitelabel-green .select-items div:hover, .whitelabel-green .same-as-selected {
    background-color: white;
}

.whitelabel-green .user-list .responsiveview > .main {
    display: flex;
    align-items: center;
}

    .whitelabel-green .user-list .responsiveview > .main > .delete {
        width: 40px;
    }

    .whitelabel-green .user-list .responsiveview > .main > .basicinfo {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

        .whitelabel-green .user-list .responsiveview > .main > .basicinfo > .legend {
            display: inline-flex;
            flex-direction: column;
            flex: 1;
            text-overflow: ellipsis;
            min-width: 0;
        }

.whitelabel-green .user-list .responsiveview > .tags {
    padding: 1em 0 0 40px;
}

.whitelabel-green .whitelabel-colors {
    padding: 8px 16px 16px;
}

    .whitelabel-green .whitelabel-colors .color {
        display: inline-block;
        margin-right: 16px;
    }

        .whitelabel-green .whitelabel-colors .color .square {
            width: 16px;
            height: 16px;
            border-radius: 1px;
            border: solid 1px #757575;
            display: inline-block;
        }

            .whitelabel-green .whitelabel-colors .color .square.-blue {
                background: #0A509e;
            }

            .whitelabel-green .whitelabel-colors .color .square.-red {
                background: #F6BA2B;
            }

            .whitelabel-green .whitelabel-colors .color .square.-green {
                background: #39B250;
            }

            .whitelabel-green .whitelabel-colors .color .square.-purple {
                background: #2DACE0;
            }

            .whitelabel-green .whitelabel-colors .color .square.-orange {
                background: #EE702F;
            }

            .whitelabel-green .whitelabel-colors .color .square.-Tomato {
                background: Tomato;
            }

            .whitelabel-green .whitelabel-colors .color .square.-Orange {
                background: Orange;
            }

            .whitelabel-green .whitelabel-colors .color .square.-DodgerBlue {
                background: DodgerBlue;
            }

            .whitelabel-green .whitelabel-colors .color .square.-MediumSeaGreen {
                background: MediumSeaGreen;
            }

            .whitelabel-green .whitelabel-colors .color .square.-Gray {
                background: Gray;
            }

            .whitelabel-green .whitelabel-colors .color .square.-SlateBlue {
                background: SlateBlue;
            }

            .whitelabel-green .whitelabel-colors .color .square.-Violet {
                background: Violet;
            }

            .whitelabel-green .whitelabel-colors .color .square.-LightGray {
                background: LightGray;
            }

.whitelabel-purple {
    /* The container must be positioned relative: */
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */
}

    .whitelabel-purple body {
        background: #eeeeee;
        color: #686868;
    }

@media (min-width: 992px) {
    .whitelabel-purple body {
        border-top: 10px solid #2DACE0;
    }
}

.whitelabel-purple .action-icons svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.whitelabel-purple .action-icons.-large svg {
    width: 22px;
    height: 22px;
}

.whitelabel-purple .authenticated-page {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-top: 0px;
}

    .whitelabel-purple .authenticated-page > .content-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }

        .whitelabel-purple .authenticated-page > .content-wrapper > .content {
            padding: 1em 10px;
        }

            .whitelabel-purple .authenticated-page > .content-wrapper > .content, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper {
                flex: 1;
            }

                .whitelabel-purple .authenticated-page > .content-wrapper > .content.-clean, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-clean {
                    background: white;
                }

@media (min-width: 1200px) {
    .whitelabel-purple .authenticated-page > .content-wrapper > .content.-compact, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-compact {
        padding-right: 10em;
        padding-left: 10em;
    }
}

.whitelabel-purple .authenticated-page > .content-wrapper > .content > .header, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    margin: 0 -10px 50px;
    padding: 0 10px;
}

    .whitelabel-purple .authenticated-page > .content-wrapper > .content > .header.-marginless, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header.-marginless {
        margin-bottom: 1em;
    }

    .whitelabel-purple .authenticated-page > .content-wrapper > .content > .header > .actions, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header > .actions {
        display: none;
    }

.whitelabel-purple .authenticated-page > .content-wrapper > .content > .actions, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .actions {
    display: flex;
    flex-direction: row-reverse;
}

.whitelabel-purple .authenticated-page > .content-wrapper > .content > .filters, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters {
    display: flex;
    flex-direction: row;
    color: #686868;
}

    .whitelabel-purple .authenticated-page > .content-wrapper > .content > .filters.-reversed, .whitelabel-purple .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters.-reversed {
        flex-direction: row-reverse;
    }

@media (min-width: 767px) {
    .whitelabel-purple .authenticated-page > .content-wrapper > .content > .header > .actions {
        display: flex;
    }
}

@media (min-width: 992px) {
    .whitelabel-purple .authenticated-page {
        padding-top: 0;
    }

        .whitelabel-purple .authenticated-page > .content-wrapper > .content {
            padding: 1em 60px;
        }
}

.whitelabel-purple .attendance-timeline {
    margin-top: 2em;
}

    .whitelabel-purple .attendance-timeline .toggle {
        text-align: center;
    }

    .whitelabel-purple .attendance-timeline .actions {
        margin-top: 1em;
    }

        .whitelabel-purple .attendance-timeline .actions.-right {
            text-align: right;
        }

.whitelabel-purple .btn {
    border: none;
    border-radius: 2px;
    cursor: pointer;
    padding: 1em;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    background: #eeeeee;
    display: inline-block;
    transition: 100ms;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
}

    .whitelabel-purple .btn svg g {
        fill: currentColor;
    }

    .whitelabel-purple .btn svg text, .whitelabel-purple .btn svg rect, .whitelabel-purple .btn svg path {
        fill: currentColor;
        stroke: transparent;
    }

    .whitelabel-purple .btn svg circle {
        stroke: currentColor;
    }

    .whitelabel-purple .btn:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    }

    .whitelabel-purple .btn.-flat {
        box-shadow: none;
    }

    .whitelabel-purple .btn.-primary {
        color: #f1f5f9;
        background: #2DACE0;
    }

    .whitelabel-purple .btn.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-purple .btn.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-purple .btn.-dark {
        color: #f1f5f9;
        background: #757575;
    }

    .whitelabel-purple .btn.-block {
        width: 100%;
    }

    .whitelabel-purple .btn.-spaced {
        margin-left: 1em;
        margin-right: 1em;
    }

    .whitelabel-purple .btn.-spaced-top {
        margin-top: 1em;
    }

    .whitelabel-purple .btn.-spaced-bottom {
        margin-bottom: 1em;
    }

    .whitelabel-purple .btn.-small {
        font-size: 15px;
        padding: 0.5em 0.75em;
    }

    .whitelabel-purple .btn.-huge {
        padding: 1.8em;
    }

    .whitelabel-purple .btn.-link {
        color: #2DACE0;
        background: none;
        transition: none;
        box-shadow: none;
        outline: none;
    }

        .whitelabel-purple .btn.-link.-normal {
            color: #686868;
        }

    .whitelabel-purple .btn.-inline {
        font-size: 15px;
        padding: 0;
    }

    .whitelabel-purple .btn.-withrighticon {
        position: relative;
        padding-left: 35px;
    }

        .whitelabel-purple .btn.-withrighticon .icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

            .whitelabel-purple .btn.-withrighticon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-purple .btn.-withrighticon .icon svg text, .whitelabel-purple .btn.-withrighticon .icon svg rect, .whitelabel-purple .btn.-withrighticon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-purple .btn.-withrighticon .icon svg circle {
                stroke: currentColor;
            }

            .whitelabel-purple .btn.-withrighticon .icon, .whitelabel-purple .btn.-withrighticon .icon svg {
                width: 20px;
                height: auto;
            }

.whitelabel-purple .card {
    box-shadow: 0 10px 45px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    background: white;
}

    .whitelabel-purple .card.-gray {
        background: #eeeeee;
    }

    .whitelabel-purple .card.-flat {
        box-shadow: none;
    }

    .whitelabel-purple .card.-padded {
        padding: 16px;
    }

    .whitelabel-purple .card.-withoutafterpad {
        margin-bottom: 0;
    }

    .whitelabel-purple .card.-primary {
        border-width: 1em 0 0;
        border-style: solid;
        border-color: #2DACE0;
    }

.whitelabel-purple .checkbox {
    border: none;
    position: relative;
    padding-left: 1.2em;
    cursor: pointer;
}

    .whitelabel-purple .checkbox .insidelabel {
        padding-left: 10px;
    }

    .whitelabel-purple .checkbox .checkmark {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 1.1em;
        width: 1.1em;
        background-color: #d3d3d3;
        border-radius: 2px;
        transition: 100ms;
        box-sizing: content-box;
    }

        .whitelabel-purple .checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 0.3em;
            bottom: 0.25em;
            width: 0.35em;
            height: 0.7em;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .whitelabel-purple .checkbox > input {
        opacity: 0;
        position: absolute;
        height: 0;
        width: 0;
    }

        .whitelabel-purple .checkbox > input:checked ~ .checkmark {
            background: #2DACE0;
        }

            .whitelabel-purple .checkbox > input:checked ~ .checkmark:after {
                display: block;
            }

    .whitelabel-purple .checkbox.-flat .checkmark {
        background: none;
        border: 1px solid #2DACE0;
    }

        .whitelabel-purple .checkbox.-flat .checkmark:after {
            border-color: #2DACE0;
        }

    .whitelabel-purple .checkbox.-flat > input:checked ~ .checkmark {
        background: transparent;
    }

.whitelabel-purple .ReactModal__Overlay {
    z-index: 999;
}

.whitelabel-purple .ReactModal__Content {
    max-height: calc(100% - 40px);
    overflow: auto;
}

.whitelabel-purple .curriculum-modal {
    position: absolute;
    width: 90%;
    padding: 3%;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.3);
}

    .whitelabel-purple .curriculum-modal .card {
        box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.09);
    }

    .whitelabel-purple .curriculum-modal .section {
        margin: 1em;
    }

        .whitelabel-purple .curriculum-modal .section.-curriculum-upload .card {
            border-style: dashed;
            border-width: 0.1em;
            border-color: #d3d3d3;
            text-align: center;
            color: #686868;
        }

            .whitelabel-purple .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(3) {
                margin-block-start: -1em;
                color: #2DACE0;
            }

            .whitelabel-purple .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(4) {
                font-size: 0.8em;
            }

        .whitelabel-purple .curriculum-modal .section.-form input.input::placeholder {
            color: #808080;
        }

        .whitelabel-purple .curriculum-modal .section.-form .prioritytag {
            padding-left: 20px;
            padding-right: 20px;
            color: #f1f5f9;
            background: #757575;
        }

        .whitelabel-purple .curriculum-modal .section.-form .input:checked + .prioritytag {
            background: #0d509e;
        }

@media (min-width: 767px) {
    .whitelabel-purple .curriculum-modal {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .whitelabel-purple .curriculum-modal {
        width: 55%;
    }
}

@media (min-width: 1200px) {
    .whitelabel-purple .curriculum-modal {
        width: 40%;
    }
}

.whitelabel-purple .duplicated-profile-list {
    padding-bottom: 2em;
    border-bottom: 2px solid #757575;
}

.whitelabel-purple .empty-state {
    margin: 4em 0;
    padding: 0 30%;
    text-align: center;
}

    .whitelabel-purple .empty-state svg g {
        fill: #d3d3d3;
    }

    .whitelabel-purple .empty-state svg text, .whitelabel-purple .empty-state svg rect, .whitelabel-purple .empty-state svg path {
        fill: #d3d3d3;
        stroke: transparent;
    }

    .whitelabel-purple .empty-state svg circle {
        stroke: #d3d3d3;
    }

    .whitelabel-purple .empty-state > .icon {
        margin-bottom: 24px;
    }

        .whitelabel-purple .empty-state > .icon svg {
            height: 64px;
            width: auto;
            margin-left: -12px;
        }

    .whitelabel-purple .empty-state > .label {
        font-size: 2em;
        margin-bottom: 16px;
    }

.whitelabel-purple .flash {
    border: 1px solid currentColor;
    border-radius: 2px;
    padding: 0.75em;
    margin: 1em 0;
}

    .whitelabel-purple .flash.-error {
        background: #FCC;
        color: #F00;
    }

    .whitelabel-purple .flash.-notice {
        background: #CCE5FF;
        color: #004085;
    }

    .whitelabel-purple .flash > .list {
        padding: 0 0 0 1em;
    }

.whitelabel-purple .form-photo .photo.-container {
    float: left;
    margin-right: 1em;
}

.whitelabel-purple .form-photo .photo.-button {
    float: right;
    margin-top: 0.6em;
}

.whitelabel-purple .inlinelink {
    color: #2DACE0;
}

.whitelabel-purple .input-group {
    background: transparent;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eeeeee;
}

    .whitelabel-purple .input-group:last-of-type:not(.-forcedivisory) {
        border-bottom: none;
    }

    .whitelabel-purple .input-group.-withicon {
        position: relative;
    }

        .whitelabel-purple .input-group.-withicon .input {
            padding-right: 45px;
        }

        .whitelabel-purple .input-group.-withicon .icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: auto;
        }

            .whitelabel-purple .input-group.-withicon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-purple .input-group.-withicon .icon svg text, .whitelabel-purple .input-group.-withicon .icon svg rect, .whitelabel-purple .input-group.-withicon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-purple .input-group.-withicon .icon svg circle {
                stroke: currentColor;
            }

    .whitelabel-purple .input-group.-error, .whitelabel-purple .input-group.-success {
        position: relative;
    }

        .whitelabel-purple .input-group.-error:after, .whitelabel-purple .input-group.-success:after {
            content: "";
            width: 24px;
            height: 24px;
            position: absolute;
            right: -35px;
            top: 50%;
            transform: translateY(-50%);
        }

        .whitelabel-purple .input-group.-error:after {
            background: url("../images/ic-cancel.svg") no-repeat;
        }

        .whitelabel-purple .input-group.-success:after {
            background: url("../images/ic-success.svg") no-repeat;
        }

    .whitelabel-purple .input-group.-horizontal {
        flex-direction: row;
    }

        .whitelabel-purple .input-group.-horizontal .input-group, .whitelabel-purple .input-group.-horizontal .input, .whitelabel-purple .input-group.-horizontal .select {
            border-right: 1px solid #eeeeee;
        }

            .whitelabel-purple .input-group.-horizontal .input-group:last-of-type:not(.-forcedivisory), .whitelabel-purple .input-group.-horizontal .input:last-of-type:not(.-forcedivisory), .whitelabel-purple .input-group.-horizontal .select:last-of-type:not(.-forcedivisory) {
                border-right: none;
            }

    .whitelabel-purple .input-group.-responsive-strech {
        flex-direction: column;
    }

    .whitelabel-purple .input-group.-stretched {
        flex: 1;
    }

    .whitelabel-purple .input-group.-centered {
        align-items: center;
        justify-content: center;
    }

    .whitelabel-purple .input-group.-padded {
        padding: 8px 16px;
    }

    .whitelabel-purple .input-group.-paddedhorizontally {
        padding-left: 16px;
        padding-right: 16px;
    }

    .whitelabel-purple .input-group.-inlinelabelled > .label {
        align-self: center;
        margin-right: 10px;
        color: #686868;
        padding: 0;
    }

    .whitelabel-purple .input-group > .field_with_errors {
        flex: 1;
        flex-direction: inherit;
        align-items: inherit;
        justify-content: inherit;
        display: inherit;
    }

        .whitelabel-purple .input-group > .field_with_errors .input, .whitelabel-purple .input-group > .field_with_errors .select {
            background: #FDD;
        }

    .whitelabel-purple .input-group .label {
        padding: 16px 16px 0;
    }

        .whitelabel-purple .input-group .label + input {
            padding-top: 8px;
        }

    .whitelabel-purple .input-group .input, .whitelabel-purple .input-group .select {
        background: transparent;
        padding: 16px;
        border: none;
        resize: none;
        flex: 1;
        color: black;
        line-height: 1em;
        min-width: 0;
    }

        .whitelabel-purple .input-group .input.-nostretch, .whitelabel-purple .input-group .select.-nostretch {
            flex: none;
        }

        .whitelabel-purple .input-group .input::placeholder, .whitelabel-purple .input-group .select::placeholder {
            color: #686868;
        }

        .whitelabel-purple .input-group .input[readonly], .whitelabel-purple .input-group .select[readonly] {
            cursor: not-allowed;
        }

    .whitelabel-purple .input-group:last-of-type:not(.-forcedivisory) .input, .whitelabel-purple .input-group:last-of-type:not(.-forcedivisory) .select {
        border-right: none;
        border-bottom: none;
    }

    .whitelabel-purple .input-group .input.-area {
        resize: vertical;
        min-height: 3em;
        outline: none;
    }

    .whitelabel-purple .input-group .select {
        background: white;
        padding-right: 8px;
        padding-left: 8px;
    }

        .whitelabel-purple .input-group .select, .whitelabel-purple .input-group .select option[disabled] {
            color: #686868;
        }

            .whitelabel-purple .input-group .select > option, .whitelabel-purple .input-group .select.-selected {
                color: black;
            }

    .whitelabel-purple .input-group .radiotoggle {
        vertical-align: middle;
        display: inline-block;
        align-self: center;
    }

        .whitelabel-purple .input-group .radiotoggle .input {
            display: none;
        }

            .whitelabel-purple .input-group .radiotoggle .input:not(:checked) + .tag {
                background: #d3d3d3 !important;
                color: #686868 !important;
            }

@media (min-width: 767px) {
    .whitelabel-purple .input-group.-responsive-strech {
        flex-direction: inherit;
    }
}

.whitelabel-purple .input-group > .react-slidedown {
    display: flex;
    flex-direction: column;
}

.whitelabel-purple .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

    .whitelabel-purple .navigation .breadcrumbs {
        padding: 0.5em 0;
        color: rgba(104, 104, 104, 0.6);
    }

        .whitelabel-purple .navigation .breadcrumbs span:after {
            content: "/";
            margin: 0 5px;
            display: inline-block;
        }

        .whitelabel-purple .navigation .breadcrumbs span:last-child:after {
            content: "";
        }

    .whitelabel-purple .navigation .back {
        display: none;
    }

    .whitelabel-purple .navigation .cta {
        text-align: right;
        display: block;
    }

@media (min-width: 767px) {
    .whitelabel-purple .navigation .back {
        display: block;
    }

    .whitelabel-purple .navigation .cta {
        display: none;
    }
}

.whitelabel-purple .notification-list {
    list-style: none;
    padding: 0;
}

    .whitelabel-purple .notification-list > .notification {
        display: flex;
        flex-direction: row;
        padding: 2em 0;
        border-bottom: 1px solid #d3d3d3;
    }

        .whitelabel-purple .notification-list > .notification > .description {
            flex: 1;
        }

            .whitelabel-purple .notification-list > .notification > .description > .icon {
                width: 18px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
            }

            .whitelabel-purple .notification-list > .notification > .description .content {
                padding: 0 2em;
                vertical-align: middle;
            }

        .whitelabel-purple .notification-list > .notification > .additional > .date,
        .whitelabel-purple .notification-list > .notification > .additional > .remove {
            vertical-align: middle;
            display: inline-block;
        }

        .whitelabel-purple .notification-list > .notification > .additional > .date {
            padding: 0 2em;
            height: 1.5em;
        }

.whitelabel-purple .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2em;
}

@media (min-width: 767px) {
    .whitelabel-purple .pagination-container {
        margin-top: 3em;
    }
}

@media (min-width: 992px) {
    .whitelabel-purple .pagination-container {
        margin-top: 4em;
    }
}

.whitelabel-purple .pagination-container > .navigation > .page {
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

    .whitelabel-purple .pagination-container > .navigation > .page.current {
        color: #2DACE0;
    }

.whitelabel-purple .pagination-container > .navigation > .gap {
    background: transparent;
    padding: 0 5px;
}

    .whitelabel-purple .pagination-container > .navigation > .gap:hover {
        background: transparent;
    }

.whitelabel-purple .person-observations {
    margin-top: 1em;
    border-bottom: 2px solid #757575;
}

    .whitelabel-purple .person-observations .profile-photo {
        float: left;
    }

    .whitelabel-purple .person-observations .observation-content {
        word-break: break-all;
        max-width: 50em;
        margin-top: 0;
        margin-left: 3em;
    }

        .whitelabel-purple .person-observations .observation-content .author-name {
            font-weight: bolder;
        }

    .whitelabel-purple .person-observations .observation-area {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .whitelabel-purple .person-observations .toggle {
        text-align: center;
        margin-bottom: 2em;
    }

    .whitelabel-purple .person-observations .actions {
        margin-top: 1em;
    }

        .whitelabel-purple .person-observations .actions.-right {
            text-align: right;
        }

    .whitelabel-purple .person-observations .loadmore {
        text-align: center;
    }

.whitelabel-purple .profile-picture {
    background: #d3d3d3;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

    .whitelabel-purple .profile-picture > .photo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .whitelabel-purple .profile-picture > .photo > svg {
            width: auto;
            height: 16px;
        }

        .whitelabel-purple .profile-picture > .photo > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .whitelabel-purple .profile-picture + * {
        vertical-align: middle;
    }

    .whitelabel-purple .profile-picture.-inline {
        margin-right: 10px;
    }

    .whitelabel-purple .profile-picture.-medium {
        width: 50px;
        height: 50px;
    }

        .whitelabel-purple .profile-picture.-medium > .photo > svg {
            height: 23px;
        }

    .whitelabel-purple .profile-picture.-large {
        width: 120px;
        height: 120px;
    }

        .whitelabel-purple .profile-picture.-large > .photo > svg {
            height: 56px;
        }

.whitelabel-purple .profile {
    width: 100%;
}

    .whitelabel-purple .profile.-padded {
        margin-bottom: 3em;
    }

    .whitelabel-purple .profile .row {
        display: flex;
        flex-direction: column;
    }

        .whitelabel-purple .profile .row .cell {
            color: #686868;
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 10px 5px;
            border-bottom: 1px solid #d3d3d3;
        }

            .whitelabel-purple .profile .row .cell.-verydarkborder {
                border-bottom: 2px solid #757575;
                padding-bottom: 2em;
            }

            .whitelabel-purple .profile .row .cell.-curriculum-button {
                padding-top: 2em;
            }

            .whitelabel-purple .profile .row .cell.-borderless {
                border: none;
            }

            .whitelabel-purple .profile .row .cell.-double {
                flex: 2;
            }

            .whitelabel-purple .profile .row .cell.-small {
                flex: none;
            }

            .whitelabel-purple .profile .row .cell.-padded {
                padding-left: 20px;
                padding-right: 20px;
            }

            .whitelabel-purple .profile .row .cell.-centered {
                align-self: center;
            }

            .whitelabel-purple .profile .row .cell.-padless {
                padding-right: 0;
                padding-left: 0;
            }

            .whitelabel-purple .profile .row .cell.-empty, .whitelabel-purple .profile .row .cell.-actions, .whitelabel-purple .profile .row .cell.-responsivehidden {
                display: none;
            }

        .whitelabel-purple .profile .row > .cell:not(.-forcecolumn) {
            flex-direction: row;
        }

    .whitelabel-purple .profile .tags {
        margin: 5px 0 0 -5px;
    }

    .whitelabel-purple .profile .networkinfo {
        display: inline-flex;
        flex-direction: column;
    }

        .whitelabel-purple .profile .networkinfo .owner,
        .whitelabel-purple .profile .networkinfo .creation {
            display: block;
        }

@media (min-width: 767px) {
    .whitelabel-purple .profile .networkinfo .owner,
    .whitelabel-purple .profile .networkinfo .creation {
        display: none;
    }
}

.whitelabel-purple .profile .value {
    font-size: 1.4em;
}

    .whitelabel-purple .profile .value.-name {
        font-size: 1.875em;
        margin-bottom: 20px;
    }

.whitelabel-purple .profile .picturecontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .whitelabel-purple .profile .picturecontainer > .description {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 767px) {
    .whitelabel-purple .profile .row {
        flex-direction: row;
    }

        .whitelabel-purple .profile .row > .cell.-empty {
            display: flex;
            border: none;
        }

            .whitelabel-purple .profile .row > .cell.-empty .cell {
                height: 100%;
            }

        .whitelabel-purple .profile .row .cell .-responsivehidden {
            display: block;
        }

        .whitelabel-purple .profile .row .cell.-actions {
            display: flex;
        }
}

.whitelabel-purple .react-datepicker .react-datepicker__day--outside-month {
    opacity: 0.55;
}

.whitelabel-purple .react-tooltip-lite {
    max-width: 300px !important;
}

.whitelabel-purple .react-tooltip-lite-arrow {
    border-color: white;
    margin-top: -10px;
}

.whitelabel-purple .request-list .pendinglabel {
    text-align: center;
    display: inline-block;
}

    .whitelabel-purple .request-list .pendinglabel.-snoozed {
        color: #686868;
    }

        .whitelabel-purple .request-list .pendinglabel.-snoozed > .tag {
            font-size: 1em;
            background: none;
            text-transform: none;
            padding: 0;
            margin: 0;
            cursor: auto;
        }

    .whitelabel-purple .request-list .pendinglabel.-near-due-date {
        color: #D87500;
    }

        .whitelabel-purple .request-list .pendinglabel.-near-due-date > .tag {
            color: #f1f5f9;
            background: #D87500;
        }

    .whitelabel-purple .request-list .pendinglabel.-expired {
        color: #DC4600;
    }

        .whitelabel-purple .request-list .pendinglabel.-expired > .tag {
            color: #f1f5f9;
            background: #DC4600;
        }

    .whitelabel-purple .request-list .pendinglabel > .duedate {
        display: block;
        font-size: 0.8em;
        text-transform: uppercase;
    }

.whitelabel-purple .request-list .priorityindicator {
    width: 10px;
    background: #d3d3d3;
    box-shadow: inset 7px 0 0 white;
}

    .whitelabel-purple .request-list .priorityindicator.-level1 {
        background: #F06100;
    }

    .whitelabel-purple .request-list .priorityindicator.-level2 {
        background: #FFC800;
    }

    .whitelabel-purple .request-list .priorityindicator.-level3 {
        background: #75C800;
    }

.whitelabel-purple .request-list.-highlighted .table tbody .line:first-child {
    background: #EBF6F9;
}

    .whitelabel-purple .request-list.-highlighted .table tbody .line:first-child .priorityindicator {
        box-shadow: inset 7px 0 0 #EBF6F9;
    }

.whitelabel-purple .request-list .responsiveview .title,
.whitelabel-purple .request-list .responsiveview .requester,
.whitelabel-purple .request-list .responsiveview .statustags > .status {
    display: flex;
    flex-direction: column;
}

.whitelabel-purple .request-list .responsiveview .basicinfo,
.whitelabel-purple .request-list .responsiveview .peopleinvolved,
.whitelabel-purple .request-list .responsiveview .statustags {
    display: flex;
    flex-direction: row;
}

.whitelabel-purple .request-list .responsiveview .basicinfo {
    justify-content: space-between;
}

.whitelabel-purple .request-list .responsiveview .requester,
.whitelabel-purple .request-list .responsiveview .network,
.whitelabel-purple .request-list .responsiveview .statustags > .status,
.whitelabel-purple .request-list .responsiveview .creation {
    padding: 8px 16px 0 0;
}

    .whitelabel-purple .request-list .responsiveview .statustags > .status.-start {
        flex: 1;
        align-self: center;
    }

    .whitelabel-purple .request-list .responsiveview .statustags > .status .tag {
        margin-left: 0;
    }

    .whitelabel-purple .request-list .responsiveview .network > .name {
        display: inline-flex;
        flex-direction: column;
    }

.whitelabel-purple .request-observations {
    margin: 1.5em 0;
}

    .whitelabel-purple .request-observations > .title {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #d3d3d3;
    }

    .whitelabel-purple .request-observations .header {
        display: flex;
        justify-content: space-between;
    }

    .whitelabel-purple .request-observations .observation {
        display: flex;
        border-bottom: 1px solid #d3d3d3;
        padding: 20px 0;
    }

        .whitelabel-purple .request-observations .observation > .body {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .whitelabel-purple .request-observations .observation > .body > .author {
                margin-bottom: 20px;
            }

                .whitelabel-purple .request-observations .observation > .body > .author > .photo {
                    display: inline-block;
                    vertical-align: middle;
                }

                .whitelabel-purple .request-observations .observation > .body > .author > .info {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .whitelabel-purple .request-observations .observation > .body > .author > .info > .name, .whitelabel-purple .request-observations .observation > .body > .author > .info > .role {
                        margin: 0;
                    }

                    .whitelabel-purple .request-observations .observation > .body > .author > .info > .role {
                        color: #757575;
                    }

            .whitelabel-purple .request-observations .observation > .body > .content {
                padding-left: 45px;
                padding-right: 2em;
                font-size: 1.1em;
            }

                .whitelabel-purple .request-observations .observation > .body > .content .editactions {
                    text-align: right;
                    margin-top: 0.5em;
                }

            .whitelabel-purple .request-observations .observation > .body > .statuses {
                color: #757575;
                margin-top: 1em;
                display: flex;
                flex-direction: column;
            }

                .whitelabel-purple .request-observations .observation > .body > .statuses > .status {
                    display: inline-block;
                    margin-right: 1em;
                }

        .whitelabel-purple .request-observations .observation > .date {
            text-align: right;
        }

    .whitelabel-purple .request-observations .loadmore {
        text-align: center;
        margin: 20px 0;
    }

        .whitelabel-purple .request-observations .loadmore > .count {
            margin: 0;
        }

    .whitelabel-purple .request-observations .newobservation > .actions {
        text-align: right;
    }

@media (min-width: 767px) {
    .whitelabel-purple .request-observations .observation > .body > .statuses {
        flex-direction: row;
    }
}

.whitelabel-purple .report .title h4 {
    margin: 0;
}

.whitelabel-purple .report .title p {
    margin: 0;
    color: #2DACE0;
}

.whitelabel-purple .report .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
}

    .whitelabel-purple .report .row .cell {
        flex: 1;
        display: flex;
        flex-direction: column;
        max-width: 50%;
    }

.whitelabel-purple .section-pager {
    flex: 2;
}

    .whitelabel-purple .section-pager .options {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-start;
    }

        .whitelabel-purple .section-pager .options .option {
            display: inline-block;
            color: #686868;
            padding: 0 10px 25px;
            position: relative;
        }

            .whitelabel-purple .section-pager .options .option:first-child {
                padding-left: 0;
            }

            .whitelabel-purple .section-pager .options .option:last-child {
                padding-right: 0;
            }

            .whitelabel-purple .section-pager .options .option:after {
                content: "";
                display: none;
                position: absolute;
                border-style: solid;
                border-color: transparent transparent #2DACE0;
                border-width: 0 40px 20px 40px;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .whitelabel-purple .section-pager .options .option.-active {
                color: #2DACE0;
            }

                .whitelabel-purple .section-pager .options .option.-active:after {
                    display: block;
                }

    .whitelabel-purple .section-pager + .actions {
        margin-top: -15px;
        flex: 1;
        text-align: right;
    }

.whitelabel-purple .sidebar {
    width: 190px;
    background: #2DACE0;
    color: #f1f5f9;
    position: fixed;
    left: -190px;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}

    .whitelabel-purple .sidebar > .wrapper {
        flex-direction: column;
        display: flex;
        height: 100%;
        position: relative;
    }

        .whitelabel-purple .sidebar > .wrapper > .background {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            filter: blur(80px);
            z-index: -1000;
        }

        .whitelabel-purple .sidebar > .wrapper > .title {
            text-align: center;
            display: none;
        }

            .whitelabel-purple .sidebar > .wrapper > .title > .photo {
                padding: 0 28px;
            }

@media (max-height: 420px) {
    .whitelabel-purple .sidebar > .wrapper > .title > .photo {
        display: none;
    }
}

.whitelabel-purple .sidebar > .wrapper > .title h4 {
    margin-top: 0.5em;
    color: #f1f5f9;
}

.whitelabel-purple .sidebar > .wrapper > .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .whitelabel-purple .sidebar > .wrapper > .nav > .options {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item {
            display: flex;
        }

            .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content {
                flex: 1;
                position: relative;
                margin-right: 16px;
            }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon svg text, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon svg rect, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .material-icons {
                    font-size: 16px;
                }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content .label {
                    vertical-align: middle;
                }

            .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item:hover > .content {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content:after, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item:hover > .content:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content {
                    background: white;
                }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content:after {
                        border-left-color: white;
                    }

            .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 {
                flex: 1;
                position: relative;
                margin-right: 16px;
                margin-left: 15px;
            }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg text, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg rect, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item > .content2 .label {
                    vertical-align: middle;
                }

            .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content2, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item:hover > .content2 {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after, .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item:hover > .content2:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content2 {
                    background: white;
                }

                    .whitelabel-purple .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after {
                        border-left-color: white;
                    }

.whitelabel-purple .sidebar > .wrapper > .version {
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
    opacity: 0.4;
}

.whitelabel-purple .sidebar.-open {
    left: 0;
}

@media (min-width: 992px) {
    .whitelabel-purple .sidebar {
        position: static;
    }

        .whitelabel-purple .sidebar > .wrapper > .title {
            display: block;
        }
}

.whitelabel-purple .table {
    width: 100%;
    color: #686868;
    overflow-x: auto;
}

    .whitelabel-purple .table > .content {
        min-width: 100%;
        border-collapse: collapse;
    }

        .whitelabel-purple .table > .content .line {
            border-bottom: 1px solid #eaeaea;
        }

            .whitelabel-purple .table > .content .line > .cell {
                padding: 1em 0.5em;
            }

                .whitelabel-purple .table > .content .line > .cell.-centered {
                    text-align: center;
                }

                .whitelabel-purple .table > .content .line > .cell.-right {
                    text-align: right;
                }

            .whitelabel-purple .table > .content .line.-responsive {
                display: table-row;
            }

                .whitelabel-purple .table > .content .line.-responsive + .line {
                    display: none;
                }

@media (min-width: 767px) {
    .whitelabel-purple .table > .content .line.-responsive {
        display: none;
    }

        .whitelabel-purple .table > .content .line.-responsive + .line {
            display: table-row;
        }
}

.whitelabel-purple .tag {
    background: #d3d3d3;
    color: #686868;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}

    .whitelabel-purple .tag.-primary {
        background: #2DACE0;
        color: #f1f5f9;
    }

    .whitelabel-purple .tag.-warning {
        background: #FFC800;
        color: #686868;
    }

    .whitelabel-purple .tag.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-purple .tag.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-purple .tag.-attendance-level1 {
        background: #F06100;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-purple .tag.-attendance-level2 {
        background: #FCC800;
        color: #686868;
        margin: 20px 6px;
    }

    .whitelabel-purple .tag.-attendance-level3 {
        background: #75C800;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-purple .tag.-large {
        padding-right: 20px;
        padding-left: 20px;
    }

.whitelabel-purple .tags-filter .toggle {
    display: block;
}

@media (min-width: 767px) {
    .whitelabel-purple .tags-filter .toggle {
        display: none;
    }
}

.whitelabel-purple .tags-filter .list {
    margin-top: 16px;
    display: none;
}

@media (min-width: 767px) {
    .whitelabel-purple .tags-filter .list {
        display: block;
    }
}

.whitelabel-purple .tags-filter .tag {
    margin: 4px 2px;
}

.whitelabel-purple .tags-form {
    background: #eaeaea;
    padding: 2em 10px;
    margin: 0 -10px;
    display: flex;
    flex-direction: column;
}

    .whitelabel-purple .tags-form .card {
        flex: 1;
        margin-bottom: 1em;
    }

@media (min-width: 767px) {
    .whitelabel-purple .tags-form {
        flex-direction: row;
    }

        .whitelabel-purple .tags-form .card {
            margin-right: 2em;
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    .whitelabel-purple .tags-form {
        padding: 2em 60px;
        margin: 0 -60px;
    }
}

.whitelabel-purple .topbar {
    box-shadow: 0 0 5px 0 rgba(211, 211, 211, 0.9);
    display: flex;
    z-index: 999;
    background: #2DACE0;
    min-height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

    .whitelabel-purple .topbar > .menu {
        width: 20px;
        align-items: center;
        display: flex;
        padding: 0 20px;
        box-sizing: content-box;
    }

        .whitelabel-purple .topbar > .menu > .icon {
            background: none;
            border: none;
            width: 100%;
            height: 1px;
            background: white;
            position: relative;
            border: 8px solid #2DACE0;
            border-right-width: 2px;
            border-left-width: 2px;
            box-sizing: content-box;
            transition: 400ms;
        }

            .whitelabel-purple .topbar > .menu > .icon:before, .whitelabel-purple .topbar > .menu > .icon:after {
                content: "";
                position: absolute;
                background: white;
                left: 0;
                height: 3px;
                width: 100%;
                transition: 400ms;
            }

            .whitelabel-purple .topbar > .menu > .icon:before {
                top: -7px;
            }

            .whitelabel-purple .topbar > .menu > .icon:after {
                top: 7px;
            }

            .whitelabel-purple .topbar > .menu > .icon.-open {
                background: transparent;
            }

                .whitelabel-purple .topbar > .menu > .icon.-open:after, .whitelabel-purple .topbar > .menu > .icon.-open:before {
                    top: 0;
                }

                .whitelabel-purple .topbar > .menu > .icon.-open:after {
                    transform: rotate(45deg);
                }

                .whitelabel-purple .topbar > .menu > .icon.-open:before {
                    transform: rotate(-45deg);
                }

    .whitelabel-purple .topbar > .content {
        flex: 1;
    }

    .whitelabel-purple .topbar > .userinfo,
    .whitelabel-purple .topbar > .search,
    .whitelabel-purple .topbar > .notifications {
        display: flex;
        border-left: none;
        padding: 0 1em;
        flex-direction: column;
        justify-content: center;
    }

        .whitelabel-purple .topbar > .userinfo > .avatar,
        .whitelabel-purple .topbar > .search > .avatar,
        .whitelabel-purple .topbar > .notifications > .avatar {
            background: #eaeaea;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
        }

            .whitelabel-purple .topbar > .userinfo > .avatar a,
            .whitelabel-purple .topbar > .search > .avatar a,
            .whitelabel-purple .topbar > .notifications > .avatar a {
                width: 100%;
                height: 100%;
                align-items: center;
                display: flex;
                justify-content: center;
                border-radius: 50%;
            }

            .whitelabel-purple .topbar > .userinfo > .avatar svg,
            .whitelabel-purple .topbar > .search > .avatar svg,
            .whitelabel-purple .topbar > .notifications > .avatar svg {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
            }

        .whitelabel-purple .topbar > .userinfo .profile-picture, .whitelabel-purple .topbar > .userinfo .profile-picture img,
        .whitelabel-purple .topbar > .search .profile-picture,
        .whitelabel-purple .topbar > .search .profile-picture img,
        .whitelabel-purple .topbar > .notifications .profile-picture,
        .whitelabel-purple .topbar > .notifications .profile-picture img {
            width: 40px;
            height: 40px;
        }

    .whitelabel-purple .topbar > .search {
        padding: 0 1.5em;
    }

    .whitelabel-purple .topbar > .notifications {
        padding: 0 1.75em;
    }

        .whitelabel-purple .topbar > .notifications > .icon {
            position: relative;
        }

            .whitelabel-purple .topbar > .notifications > .icon.-activity:after {
                content: "";
                width: 7px;
                height: 7px;
                background: red;
                border-radius: 50%;
                position: absolute;
                right: -1px;
                top: 0;
                border: 1px solid white;
            }

@media (min-width: 992px) {
    .whitelabel-purple .topbar {
        min-height: 70px;
        background: white;
        position: static;
    }

        .whitelabel-purple .topbar > .menu {
            display: none;
        }

        .whitelabel-purple .topbar > .userinfo,
        .whitelabel-purple .topbar > .search,
        .whitelabel-purple .topbar > .notifications {
            border-left: 1px solid #d3d3d3;
        }

            .whitelabel-purple .topbar > .userinfo > .avatar,
            .whitelabel-purple .topbar > .search > .avatar,
            .whitelabel-purple .topbar > .notifications > .avatar {
                background: #2DACE0;
            }
}

.whitelabel-purple .unauthenticated-page {
    height: 100%;
    box-shadow: inset 0 45vh 0 #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .whitelabel-purple .unauthenticated-page .title {
        text-align: center;
    }

    .whitelabel-purple .unauthenticated-page .content {
        width: 80%;
    }

@media (min-width: 767px) {
    .whitelabel-purple .unauthenticated-page .content {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .whitelabel-purple .unauthenticated-page .content {
        width: 30%;
    }
}

.whitelabel-purple .unauthenticated-page .inputs {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    background: white;
}

.whitelabel-purple .unauthenticated-page .actions {
    display: flex;
    justify-content: space-between;
}

.whitelabel-purple .unauthenticated-page .helpers {
    display: flex;
    margin-top: 35px;
}

    .whitelabel-purple .unauthenticated-page .helpers > .spacer {
        flex: 1;
    }

@media (min-width: 992px) {
    .whitelabel-purple .user-form {
        margin-right: 10em;
        margin-left: 10em;
    }
}

.whitelabel-purple .user-form .input-group {
    flex: 1;
}

.whitelabel-purple .user-form .addphone {
    text-align: center;
    background: #eaeaea;
    display: flex;
}

    .whitelabel-purple .user-form .addphone > a {
        flex: 1;
        transition: 300ms;
        padding: 16px;
        cursor: pointer;
    }

        .whitelabel-purple .user-form .addphone > a:hover {
            background: #eeeeee;
        }

.whitelabel-purple .user-form .influencer {
    background: #eaeaea;
    color: #686868;
}

    .whitelabel-purple .user-form .influencer > .question {
        margin-right: 10px;
    }

.whitelabel-purple .custom-select {
    position: relative;
    font-family: Arial;
}

    .whitelabel-purple .custom-select select {
        display: none;
    }

.whitelabel-purple .select-selected {
    background-color: DodgerBlue;
}

    .whitelabel-purple .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .whitelabel-purple .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.whitelabel-purple .select-items div, .whitelabel-purple .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent white transparent;
    cursor: pointer;
}

.whitelabel-purple .select-items {
    position: absolute;
    background-color: #3278d4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.whitelabel-purple .select-hide {
    display: none;
}

.whitelabel-purple .select-items div:hover, .whitelabel-purple .same-as-selected {
    background-color: white;
}

.whitelabel-purple .user-list .responsiveview > .main {
    display: flex;
    align-items: center;
}

    .whitelabel-purple .user-list .responsiveview > .main > .delete {
        width: 40px;
    }

    .whitelabel-purple .user-list .responsiveview > .main > .basicinfo {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

        .whitelabel-purple .user-list .responsiveview > .main > .basicinfo > .legend {
            display: inline-flex;
            flex-direction: column;
            flex: 1;
            text-overflow: ellipsis;
            min-width: 0;
        }

.whitelabel-purple .user-list .responsiveview > .tags {
    padding: 1em 0 0 40px;
}

.whitelabel-purple .whitelabel-colors {
    padding: 8px 16px 16px;
}

    .whitelabel-purple .whitelabel-colors .color {
        display: inline-block;
        margin-right: 16px;
    }

        .whitelabel-purple .whitelabel-colors .color .square {
            width: 16px;
            height: 16px;
            border-radius: 1px;
            border: solid 1px #757575;
            display: inline-block;
        }

            .whitelabel-purple .whitelabel-colors .color .square.-blue {
                background: #0A509e;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-red {
                background: #F6BA2B;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-green {
                background: #39B250;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-purple {
                background: #2DACE0;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-orange {
                background: #EE702F;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-Tomato {
                background: Tomato;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-Orange {
                background: Orange;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-DodgerBlue {
                background: DodgerBlue;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-MediumSeaGreen {
                background: MediumSeaGreen;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-Gray {
                background: Gray;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-SlateBlue {
                background: SlateBlue;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-Violet {
                background: Violet;
            }

            .whitelabel-purple .whitelabel-colors .color .square.-LightGray {
                background: LightGray;
            }

.whitelabel-orange {
    /* The container must be positioned relative: */
    /* Style the arrow inside the select element: */
    /* Point the arrow upwards when the select box is open (active): */
    /* style the items (options), including the selected item: */
    /* Style items (options): */
    /* Hide the items when the select box is closed: */
}

    .whitelabel-orange body {
        background: #eeeeee;
        color: #686868;
    }

@media (min-width: 992px) {
    .whitelabel-orange body {
        border-top: 10px solid #EE702F;
    }
}

.whitelabel-orange .action-icons svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.whitelabel-orange .action-icons.-large svg {
    width: 22px;
    height: 22px;
}

.whitelabel-orange .authenticated-page {
    display: flex;
    flex-direction: row;
    height: 100%;
    padding-top: 0px;
}

    .whitelabel-orange .authenticated-page > .content-wrapper {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow-y: auto;
    }

        .whitelabel-orange .authenticated-page > .content-wrapper > .content {
            padding: 1em 10px;
        }

            .whitelabel-orange .authenticated-page > .content-wrapper > .content, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper {
                flex: 1;
            }

                .whitelabel-orange .authenticated-page > .content-wrapper > .content.-clean, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-clean {
                    background: white;
                }

@media (min-width: 1200px) {
    .whitelabel-orange .authenticated-page > .content-wrapper > .content.-compact, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper.-compact {
        padding-right: 10em;
        padding-left: 10em;
    }
}

.whitelabel-orange .authenticated-page > .content-wrapper > .content > .header, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eaeaea;
    margin: 0 -10px 50px;
    padding: 0 10px;
}

    .whitelabel-orange .authenticated-page > .content-wrapper > .content > .header.-marginless, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header.-marginless {
        margin-bottom: 1em;
    }

    .whitelabel-orange .authenticated-page > .content-wrapper > .content > .header > .actions, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .header > .actions {
        display: none;
    }

.whitelabel-orange .authenticated-page > .content-wrapper > .content > .actions, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .actions {
    display: flex;
    flex-direction: row-reverse;
}

.whitelabel-orange .authenticated-page > .content-wrapper > .content > .filters, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters {
    display: flex;
    flex-direction: row;
    color: #686868;
}

    .whitelabel-orange .authenticated-page > .content-wrapper > .content > .filters.-reversed, .whitelabel-orange .authenticated-page > .content-wrapper > .content > .innercontentwrapper > .filters.-reversed {
        flex-direction: row-reverse;
    }

@media (min-width: 767px) {
    .whitelabel-orange .authenticated-page > .content-wrapper > .content > .header > .actions {
        display: flex;
    }
}

@media (min-width: 992px) {
    .whitelabel-orange .authenticated-page {
        padding-top: 0;
    }

        .whitelabel-orange .authenticated-page > .content-wrapper > .content {
            padding: 1em 60px;
        }
}

.whitelabel-orange .attendance-timeline {
    margin-top: 2em;
}

    .whitelabel-orange .attendance-timeline .toggle {
        text-align: center;
    }

    .whitelabel-orange .attendance-timeline .actions {
        margin-top: 1em;
    }

        .whitelabel-orange .attendance-timeline .actions.-right {
            text-align: right;
        }

.whitelabel-orange .btn {
    border: none;
    border-radius: 2px;
    cursor: pointer;
    padding: 1em;
    text-transform: uppercase;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
    background: #eeeeee;
    display: inline-block;
    transition: 100ms;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
}

    .whitelabel-orange .btn svg g {
        fill: currentColor;
    }

    .whitelabel-orange .btn svg text, .whitelabel-orange .btn svg rect, .whitelabel-orange .btn svg path {
        fill: currentColor;
        stroke: transparent;
    }

    .whitelabel-orange .btn svg circle {
        stroke: currentColor;
    }

    .whitelabel-orange .btn:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
    }

    .whitelabel-orange .btn.-flat {
        box-shadow: none;
    }

    .whitelabel-orange .btn.-primary {
        color: #f1f5f9;
        background: #EE702F;
    }

    .whitelabel-orange .btn.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-orange .btn.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-orange .btn.-dark {
        color: #f1f5f9;
        background: #757575;
    }

    .whitelabel-orange .btn.-block {
        width: 100%;
    }

    .whitelabel-orange .btn.-spaced {
        margin-left: 1em;
        margin-right: 1em;
    }

    .whitelabel-orange .btn.-spaced-top {
        margin-top: 1em;
    }

    .whitelabel-orange .btn.-spaced-bottom {
        margin-bottom: 1em;
    }

    .whitelabel-orange .btn.-small {
        font-size: 15px;
        padding: 0.5em 0.75em;
    }

    .whitelabel-orange .btn.-huge {
        padding: 1.8em;
    }

    .whitelabel-orange .btn.-link {
        color: #EE702F;
        background: none;
        transition: none;
        box-shadow: none;
        outline: none;
    }

        .whitelabel-orange .btn.-link.-normal {
            color: #686868;
        }

    .whitelabel-orange .btn.-inline {
        font-size: 15px;
        padding: 0;
    }

    .whitelabel-orange .btn.-withrighticon {
        position: relative;
        padding-left: 35px;
    }

        .whitelabel-orange .btn.-withrighticon .icon {
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%);
        }

            .whitelabel-orange .btn.-withrighticon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-orange .btn.-withrighticon .icon svg text, .whitelabel-orange .btn.-withrighticon .icon svg rect, .whitelabel-orange .btn.-withrighticon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-orange .btn.-withrighticon .icon svg circle {
                stroke: currentColor;
            }

            .whitelabel-orange .btn.-withrighticon .icon, .whitelabel-orange .btn.-withrighticon .icon svg {
                width: 20px;
                height: auto;
            }

.whitelabel-orange .card {
    box-shadow: 0 10px 45px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2em;
    background: white;
}

    .whitelabel-orange .card.-gray {
        background: #eeeeee;
    }

    .whitelabel-orange .card.-flat {
        box-shadow: none;
    }

    .whitelabel-orange .card.-padded {
        padding: 16px;
    }

    .whitelabel-orange .card.-withoutafterpad {
        margin-bottom: 0;
    }

    .whitelabel-orange .card.-primary {
        border-width: 1em 0 0;
        border-style: solid;
        border-color: #EE702F;
    }

.whitelabel-orange .checkbox {
    border: none;
    position: relative;
    padding-left: 1.2em;
    cursor: pointer;
}

    .whitelabel-orange .checkbox .insidelabel {
        padding-left: 10px;
    }

    .whitelabel-orange .checkbox .checkmark {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 1.1em;
        width: 1.1em;
        background-color: #d3d3d3;
        border-radius: 2px;
        transition: 100ms;
        box-sizing: content-box;
    }

        .whitelabel-orange .checkbox .checkmark:after {
            content: "";
            position: absolute;
            display: none;
            left: 0.3em;
            bottom: 0.25em;
            width: 0.35em;
            height: 0.7em;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

    .whitelabel-orange .checkbox > input {
        opacity: 0;
        position: absolute;
        height: 0;
        width: 0;
    }

        .whitelabel-orange .checkbox > input:checked ~ .checkmark {
            background: #EE702F;
        }

            .whitelabel-orange .checkbox > input:checked ~ .checkmark:after {
                display: block;
            }

    .whitelabel-orange .checkbox.-flat .checkmark {
        background: none;
        border: 1px solid #EE702F;
    }

        .whitelabel-orange .checkbox.-flat .checkmark:after {
            border-color: #EE702F;
        }

    .whitelabel-orange .checkbox.-flat > input:checked ~ .checkmark {
        background: transparent;
    }

.whitelabel-orange .ReactModal__Overlay {
    z-index: 999;
}

.whitelabel-orange .ReactModal__Content {
    max-height: calc(100% - 40px);
    overflow: auto;
}

.whitelabel-orange .curriculum-modal {
    position: absolute;
    width: 90%;
    padding: 3%;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: white;
    box-shadow: 0px 8px 35px 0px rgba(0, 0, 0, 0.3);
}

    .whitelabel-orange .curriculum-modal .card {
        box-shadow: 0 1px 7px 0px rgba(0, 0, 0, 0.09);
    }

    .whitelabel-orange .curriculum-modal .section {
        margin: 1em;
    }

        .whitelabel-orange .curriculum-modal .section.-curriculum-upload .card {
            border-style: dashed;
            border-width: 0.1em;
            border-color: #d3d3d3;
            text-align: center;
            color: #686868;
        }

            .whitelabel-orange .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(3) {
                margin-block-start: -1em;
                color: #EE702F;
            }

            .whitelabel-orange .curriculum-modal .section.-curriculum-upload .card .curriculum-upload-text p:nth-child(4) {
                font-size: 0.8em;
            }

        .whitelabel-orange .curriculum-modal .section.-form input.input::placeholder {
            color: #808080;
        }

        .whitelabel-orange .curriculum-modal .section.-form .prioritytag {
            padding-left: 20px;
            padding-right: 20px;
            color: #f1f5f9;
            background: #757575;
        }

        .whitelabel-orange .curriculum-modal .section.-form .input:checked + .prioritytag {
            background: #0d509e;
        }

@media (min-width: 767px) {
    .whitelabel-orange .curriculum-modal {
        width: 70%;
    }
}

@media (min-width: 992px) {
    .whitelabel-orange .curriculum-modal {
        width: 55%;
    }
}

@media (min-width: 1200px) {
    .whitelabel-orange .curriculum-modal {
        width: 40%;
    }
}

.whitelabel-orange .duplicated-profile-list {
    padding-bottom: 2em;
    border-bottom: 2px solid #757575;
}

.whitelabel-orange .empty-state {
    margin: 4em 0;
    padding: 0 30%;
    text-align: center;
}

    .whitelabel-orange .empty-state svg g {
        fill: #d3d3d3;
    }

    .whitelabel-orange .empty-state svg text, .whitelabel-orange .empty-state svg rect, .whitelabel-orange .empty-state svg path {
        fill: #d3d3d3;
        stroke: transparent;
    }

    .whitelabel-orange .empty-state svg circle {
        stroke: #d3d3d3;
    }

    .whitelabel-orange .empty-state > .icon {
        margin-bottom: 24px;
    }

        .whitelabel-orange .empty-state > .icon svg {
            height: 64px;
            width: auto;
            margin-left: -12px;
        }

    .whitelabel-orange .empty-state > .label {
        font-size: 2em;
        margin-bottom: 16px;
    }

.whitelabel-orange .flash {
    border: 1px solid currentColor;
    border-radius: 2px;
    padding: 0.75em;
    margin: 1em 0;
}

    .whitelabel-orange .flash.-error {
        background: #FCC;
        color: #F00;
    }

    .whitelabel-orange .flash.-notice {
        background: #CCE5FF;
        color: #004085;
    }

    .whitelabel-orange .flash > .list {
        padding: 0 0 0 1em;
    }

.whitelabel-orange .form-photo .photo.-container {
    float: left;
    margin-right: 1em;
}

.whitelabel-orange .form-photo .photo.-button {
    float: right;
    margin-top: 0.6em;
}

.whitelabel-orange .inlinelink {
    color: #EE702F;
}

.whitelabel-orange .input-group {
    background: transparent;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #eeeeee;
}

    .whitelabel-orange .input-group:last-of-type:not(.-forcedivisory) {
        border-bottom: none;
    }

    .whitelabel-orange .input-group.-withicon {
        position: relative;
    }

        .whitelabel-orange .input-group.-withicon .input {
            padding-right: 45px;
        }

        .whitelabel-orange .input-group.-withicon .icon {
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 20px;
            height: auto;
        }

            .whitelabel-orange .input-group.-withicon .icon svg g {
                fill: currentColor;
            }

            .whitelabel-orange .input-group.-withicon .icon svg text, .whitelabel-orange .input-group.-withicon .icon svg rect, .whitelabel-orange .input-group.-withicon .icon svg path {
                fill: currentColor;
                stroke: transparent;
            }

            .whitelabel-orange .input-group.-withicon .icon svg circle {
                stroke: currentColor;
            }

    .whitelabel-orange .input-group.-error, .whitelabel-orange .input-group.-success {
        position: relative;
    }

        .whitelabel-orange .input-group.-error:after, .whitelabel-orange .input-group.-success:after {
            content: "";
            width: 24px;
            height: 24px;
            position: absolute;
            right: -35px;
            top: 50%;
            transform: translateY(-50%);
        }

        .whitelabel-orange .input-group.-error:after {
            background: url("../images/ic-cancel.svg") no-repeat;
        }

        .whitelabel-orange .input-group.-success:after {
            background: url("../images/ic-success.svg") no-repeat;
        }

    .whitelabel-orange .input-group.-horizontal {
        flex-direction: row;
    }

        .whitelabel-orange .input-group.-horizontal .input-group, .whitelabel-orange .input-group.-horizontal .input, .whitelabel-orange .input-group.-horizontal .select {
            border-right: 1px solid #eeeeee;
        }

            .whitelabel-orange .input-group.-horizontal .input-group:last-of-type:not(.-forcedivisory), .whitelabel-orange .input-group.-horizontal .input:last-of-type:not(.-forcedivisory), .whitelabel-orange .input-group.-horizontal .select:last-of-type:not(.-forcedivisory) {
                border-right: none;
            }

    .whitelabel-orange .input-group.-responsive-strech {
        flex-direction: column;
    }

    .whitelabel-orange .input-group.-stretched {
        flex: 1;
    }

    .whitelabel-orange .input-group.-centered {
        align-items: center;
        justify-content: center;
    }

    .whitelabel-orange .input-group.-padded {
        padding: 8px 16px;
    }

    .whitelabel-orange .input-group.-paddedhorizontally {
        padding-left: 16px;
        padding-right: 16px;
    }

    .whitelabel-orange .input-group.-inlinelabelled > .label {
        align-self: center;
        margin-right: 10px;
        color: #686868;
        padding: 0;
    }

    .whitelabel-orange .input-group > .field_with_errors {
        flex: 1;
        flex-direction: inherit;
        align-items: inherit;
        justify-content: inherit;
        display: inherit;
    }

        .whitelabel-orange .input-group > .field_with_errors .input, .whitelabel-orange .input-group > .field_with_errors .select {
            background: #FDD;
        }

    .whitelabel-orange .input-group .label {
        padding: 16px 16px 0;
    }

        .whitelabel-orange .input-group .label + input {
            padding-top: 8px;
        }

    .whitelabel-orange .input-group .input, .whitelabel-orange .input-group .select {
        background: transparent;
        padding: 16px;
        border: none;
        resize: none;
        flex: 1;
        color: black;
        line-height: 1em;
        min-width: 0;
    }

        .whitelabel-orange .input-group .input.-nostretch, .whitelabel-orange .input-group .select.-nostretch {
            flex: none;
        }

        .whitelabel-orange .input-group .input::placeholder, .whitelabel-orange .input-group .select::placeholder {
            color: #686868;
        }

        .whitelabel-orange .input-group .input[readonly], .whitelabel-orange .input-group .select[readonly] {
            cursor: not-allowed;
        }

    .whitelabel-orange .input-group:last-of-type:not(.-forcedivisory) .input, .whitelabel-orange .input-group:last-of-type:not(.-forcedivisory) .select {
        border-right: none;
        border-bottom: none;
    }

    .whitelabel-orange .input-group .input.-area {
        resize: vertical;
        min-height: 3em;
        outline: none;
    }

    .whitelabel-orange .input-group .select {
        background: white;
        padding-right: 8px;
        padding-left: 8px;
    }

        .whitelabel-orange .input-group .select, .whitelabel-orange .input-group .select option[disabled] {
            color: #686868;
        }

            .whitelabel-orange .input-group .select > option, .whitelabel-orange .input-group .select.-selected {
                color: black;
            }

    .whitelabel-orange .input-group .radiotoggle {
        vertical-align: middle;
        display: inline-block;
        align-self: center;
    }

        .whitelabel-orange .input-group .radiotoggle .input {
            display: none;
        }

            .whitelabel-orange .input-group .radiotoggle .input:not(:checked) + .tag {
                background: #d3d3d3 !important;
                color: #686868 !important;
            }

@media (min-width: 767px) {
    .whitelabel-orange .input-group.-responsive-strech {
        flex-direction: inherit;
    }
}

.whitelabel-orange .input-group > .react-slidedown {
    display: flex;
    flex-direction: column;
}

.whitelabel-orange .navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1em;
}

    .whitelabel-orange .navigation .breadcrumbs {
        padding: 0.5em 0;
        color: rgba(104, 104, 104, 0.6);
    }

        .whitelabel-orange .navigation .breadcrumbs span:after {
            content: "/";
            margin: 0 5px;
            display: inline-block;
        }

        .whitelabel-orange .navigation .breadcrumbs span:last-child:after {
            content: "";
        }

    .whitelabel-orange .navigation .back {
        display: none;
    }

    .whitelabel-orange .navigation .cta {
        text-align: right;
        display: block;
    }

@media (min-width: 767px) {
    .whitelabel-orange .navigation .back {
        display: block;
    }

    .whitelabel-orange .navigation .cta {
        display: none;
    }
}

.whitelabel-orange .notification-list {
    list-style: none;
    padding: 0;
}

    .whitelabel-orange .notification-list > .notification {
        display: flex;
        flex-direction: row;
        padding: 2em 0;
        border-bottom: 1px solid #d3d3d3;
    }

        .whitelabel-orange .notification-list > .notification > .description {
            flex: 1;
        }

            .whitelabel-orange .notification-list > .notification > .description > .icon {
                width: 18px;
                height: 22px;
                display: inline-block;
                vertical-align: middle;
            }

            .whitelabel-orange .notification-list > .notification > .description .content {
                padding: 0 2em;
                vertical-align: middle;
            }

        .whitelabel-orange .notification-list > .notification > .additional > .date,
        .whitelabel-orange .notification-list > .notification > .additional > .remove {
            vertical-align: middle;
            display: inline-block;
        }

        .whitelabel-orange .notification-list > .notification > .additional > .date {
            padding: 0 2em;
            height: 1.5em;
        }

.whitelabel-orange .pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2em;
}

@media (min-width: 767px) {
    .whitelabel-orange .pagination-container {
        margin-top: 3em;
    }
}

@media (min-width: 992px) {
    .whitelabel-orange .pagination-container {
        margin-top: 4em;
    }
}

.whitelabel-orange .pagination-container > .navigation > .page {
    text-align: center;
    display: inline-block;
    margin-left: 10px;
}

    .whitelabel-orange .pagination-container > .navigation > .page.current {
        color: #EE702F;
    }

.whitelabel-orange .pagination-container > .navigation > .gap {
    background: transparent;
    padding: 0 5px;
}

    .whitelabel-orange .pagination-container > .navigation > .gap:hover {
        background: transparent;
    }

.whitelabel-orange .person-observations {
    margin-top: 1em;
    border-bottom: 2px solid #757575;
}

    .whitelabel-orange .person-observations .profile-photo {
        float: left;
    }

    .whitelabel-orange .person-observations .observation-content {
        word-break: break-all;
        max-width: 50em;
        margin-top: 0;
        margin-left: 3em;
    }

        .whitelabel-orange .person-observations .observation-content .author-name {
            font-weight: bolder;
        }

    .whitelabel-orange .person-observations .observation-area {
        margin-top: 2em;
        margin-bottom: 1em;
    }

    .whitelabel-orange .person-observations .toggle {
        text-align: center;
        margin-bottom: 2em;
    }

    .whitelabel-orange .person-observations .actions {
        margin-top: 1em;
    }

        .whitelabel-orange .person-observations .actions.-right {
            text-align: right;
        }

    .whitelabel-orange .person-observations .loadmore {
        text-align: center;
    }

.whitelabel-orange .profile-picture {
    background: #d3d3d3;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

    .whitelabel-orange .profile-picture > .photo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }

        .whitelabel-orange .profile-picture > .photo > svg {
            width: auto;
            height: 16px;
        }

        .whitelabel-orange .profile-picture > .photo > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

    .whitelabel-orange .profile-picture + * {
        vertical-align: middle;
    }

    .whitelabel-orange .profile-picture.-inline {
        margin-right: 10px;
    }

    .whitelabel-orange .profile-picture.-medium {
        width: 50px;
        height: 50px;
    }

        .whitelabel-orange .profile-picture.-medium > .photo > svg {
            height: 23px;
        }

    .whitelabel-orange .profile-picture.-large {
        width: 120px;
        height: 120px;
    }

        .whitelabel-orange .profile-picture.-large > .photo > svg {
            height: 56px;
        }

.whitelabel-orange .profile {
    width: 100%;
}

    .whitelabel-orange .profile.-padded {
        margin-bottom: 3em;
    }

    .whitelabel-orange .profile .row {
        display: flex;
        flex-direction: column;
    }

        .whitelabel-orange .profile .row .cell {
            color: #686868;
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 10px 5px;
            border-bottom: 1px solid #d3d3d3;
        }

            .whitelabel-orange .profile .row .cell.-verydarkborder {
                border-bottom: 2px solid #757575;
                padding-bottom: 2em;
            }

            .whitelabel-orange .profile .row .cell.-curriculum-button {
                padding-top: 2em;
            }

            .whitelabel-orange .profile .row .cell.-borderless {
                border: none;
            }

            .whitelabel-orange .profile .row .cell.-double {
                flex: 2;
            }

            .whitelabel-orange .profile .row .cell.-small {
                flex: none;
            }

            .whitelabel-orange .profile .row .cell.-padded {
                padding-left: 20px;
                padding-right: 20px;
            }

            .whitelabel-orange .profile .row .cell.-centered {
                align-self: center;
            }

            .whitelabel-orange .profile .row .cell.-padless {
                padding-right: 0;
                padding-left: 0;
            }

            .whitelabel-orange .profile .row .cell.-empty, .whitelabel-orange .profile .row .cell.-actions, .whitelabel-orange .profile .row .cell.-responsivehidden {
                display: none;
            }

        .whitelabel-orange .profile .row > .cell:not(.-forcecolumn) {
            flex-direction: row;
        }

    .whitelabel-orange .profile .tags {
        margin: 5px 0 0 -5px;
    }

    .whitelabel-orange .profile .networkinfo {
        display: inline-flex;
        flex-direction: column;
    }

        .whitelabel-orange .profile .networkinfo .owner,
        .whitelabel-orange .profile .networkinfo .creation {
            display: block;
        }

@media (min-width: 767px) {
    .whitelabel-orange .profile .networkinfo .owner,
    .whitelabel-orange .profile .networkinfo .creation {
        display: none;
    }
}

.whitelabel-orange .profile .value {
    font-size: 1.4em;
}

    .whitelabel-orange .profile .value.-name {
        font-size: 1.875em;
        margin-bottom: 20px;
    }

.whitelabel-orange .profile .picturecontainer {
    display: flex;
    flex-direction: row;
    align-items: center;
}

    .whitelabel-orange .profile .picturecontainer > .description {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

@media (min-width: 767px) {
    .whitelabel-orange .profile .row {
        flex-direction: row;
    }

        .whitelabel-orange .profile .row > .cell.-empty {
            display: flex;
            border: none;
        }

            .whitelabel-orange .profile .row > .cell.-empty .cell {
                height: 100%;
            }

        .whitelabel-orange .profile .row .cell .-responsivehidden {
            display: block;
        }

        .whitelabel-orange .profile .row .cell.-actions {
            display: flex;
        }
}

.whitelabel-orange .react-datepicker .react-datepicker__day--outside-month {
    opacity: 0.55;
}

.whitelabel-orange .react-tooltip-lite {
    max-width: 300px !important;
}

.whitelabel-orange .react-tooltip-lite-arrow {
    border-color: white;
    margin-top: -10px;
}

.whitelabel-orange .request-list .pendinglabel {
    text-align: center;
    display: inline-block;
}

    .whitelabel-orange .request-list .pendinglabel.-snoozed {
        color: #686868;
    }

        .whitelabel-orange .request-list .pendinglabel.-snoozed > .tag {
            font-size: 1em;
            background: none;
            text-transform: none;
            padding: 0;
            margin: 0;
            cursor: auto;
        }

    .whitelabel-orange .request-list .pendinglabel.-near-due-date {
        color: #D87500;
    }

        .whitelabel-orange .request-list .pendinglabel.-near-due-date > .tag {
            color: #f1f5f9;
            background: #D87500;
        }

    .whitelabel-orange .request-list .pendinglabel.-expired {
        color: #DC4600;
    }

        .whitelabel-orange .request-list .pendinglabel.-expired > .tag {
            color: #f1f5f9;
            background: #DC4600;
        }

    .whitelabel-orange .request-list .pendinglabel > .duedate {
        display: block;
        font-size: 0.8em;
        text-transform: uppercase;
    }

.whitelabel-orange .request-list .priorityindicator {
    width: 10px;
    background: #d3d3d3;
    box-shadow: inset 7px 0 0 white;
}

    .whitelabel-orange .request-list .priorityindicator.-level1 {
        background: #F06100;
    }

    .whitelabel-orange .request-list .priorityindicator.-level2 {
        background: #FFC800;
    }

    .whitelabel-orange .request-list .priorityindicator.-level3 {
        background: #75C800;
    }

.whitelabel-orange .request-list.-highlighted .table tbody .line:first-child {
    background: #EBF6F9;
}

    .whitelabel-orange .request-list.-highlighted .table tbody .line:first-child .priorityindicator {
        box-shadow: inset 7px 0 0 #EBF6F9;
    }

.whitelabel-orange .request-list .responsiveview .title,
.whitelabel-orange .request-list .responsiveview .requester,
.whitelabel-orange .request-list .responsiveview .statustags > .status {
    display: flex;
    flex-direction: column;
}

.whitelabel-orange .request-list .responsiveview .basicinfo,
.whitelabel-orange .request-list .responsiveview .peopleinvolved,
.whitelabel-orange .request-list .responsiveview .statustags {
    display: flex;
    flex-direction: row;
}

.whitelabel-orange .request-list .responsiveview .basicinfo {
    justify-content: space-between;
}

.whitelabel-orange .request-list .responsiveview .requester,
.whitelabel-orange .request-list .responsiveview .network,
.whitelabel-orange .request-list .responsiveview .statustags > .status,
.whitelabel-orange .request-list .responsiveview .creation {
    padding: 8px 16px 0 0;
}

    .whitelabel-orange .request-list .responsiveview .statustags > .status.-start {
        flex: 1;
        align-self: center;
    }

    .whitelabel-orange .request-list .responsiveview .statustags > .status .tag {
        margin-left: 0;
    }

    .whitelabel-orange .request-list .responsiveview .network > .name {
        display: inline-flex;
        flex-direction: column;
    }

.whitelabel-orange .request-observations {
    margin: 1.5em 0;
}

    .whitelabel-orange .request-observations > .title {
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #d3d3d3;
    }

    .whitelabel-orange .request-observations .header {
        display: flex;
        justify-content: space-between;
    }

    .whitelabel-orange .request-observations .observation {
        display: flex;
        border-bottom: 1px solid #d3d3d3;
        padding: 20px 0;
    }

        .whitelabel-orange .request-observations .observation > .body {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .whitelabel-orange .request-observations .observation > .body > .author {
                margin-bottom: 20px;
            }

                .whitelabel-orange .request-observations .observation > .body > .author > .photo {
                    display: inline-block;
                    vertical-align: middle;
                }

                .whitelabel-orange .request-observations .observation > .body > .author > .info {
                    display: inline-block;
                    vertical-align: middle;
                }

                    .whitelabel-orange .request-observations .observation > .body > .author > .info > .name, .whitelabel-orange .request-observations .observation > .body > .author > .info > .role {
                        margin: 0;
                    }

                    .whitelabel-orange .request-observations .observation > .body > .author > .info > .role {
                        color: #757575;
                    }

            .whitelabel-orange .request-observations .observation > .body > .content {
                padding-left: 45px;
                padding-right: 2em;
                font-size: 1.1em;
            }

                .whitelabel-orange .request-observations .observation > .body > .content .editactions {
                    text-align: right;
                    margin-top: 0.5em;
                }

            .whitelabel-orange .request-observations .observation > .body > .statuses {
                color: #757575;
                margin-top: 1em;
                display: flex;
                flex-direction: column;
            }

                .whitelabel-orange .request-observations .observation > .body > .statuses > .status {
                    display: inline-block;
                    margin-right: 1em;
                }

        .whitelabel-orange .request-observations .observation > .date {
            text-align: right;
        }

    .whitelabel-orange .request-observations .loadmore {
        text-align: center;
        margin: 20px 0;
    }

        .whitelabel-orange .request-observations .loadmore > .count {
            margin: 0;
        }

    .whitelabel-orange .request-observations .newobservation > .actions {
        text-align: right;
    }

@media (min-width: 767px) {
    .whitelabel-orange .request-observations .observation > .body > .statuses {
        flex-direction: row;
    }
}

.whitelabel-orange .report .title h4 {
    margin: 0;
}

.whitelabel-orange .report .title p {
    margin: 0;
    color: #EE702F;
}

.whitelabel-orange .report .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
}

    .whitelabel-orange .report .row .cell {
        flex: 1;
        display: flex;
        flex-direction: column;
        max-width: 50%;
    }

.whitelabel-orange .section-pager {
    flex: 2;
}

    .whitelabel-orange .section-pager .options {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: flex-start;
    }

        .whitelabel-orange .section-pager .options .option {
            display: inline-block;
            color: #686868;
            padding: 0 10px 25px;
            position: relative;
        }

            .whitelabel-orange .section-pager .options .option:first-child {
                padding-left: 0;
            }

            .whitelabel-orange .section-pager .options .option:last-child {
                padding-right: 0;
            }

            .whitelabel-orange .section-pager .options .option:after {
                content: "";
                display: none;
                position: absolute;
                border-style: solid;
                border-color: transparent transparent #EE702F;
                border-width: 0 40px 20px 40px;
                bottom: 0;
                left: 50%;
                transform: translateX(-50%);
            }

            .whitelabel-orange .section-pager .options .option.-active {
                color: #EE702F;
            }

                .whitelabel-orange .section-pager .options .option.-active:after {
                    display: block;
                }

    .whitelabel-orange .section-pager + .actions {
        margin-top: -15px;
        flex: 1;
        text-align: right;
    }

.whitelabel-orange .sidebar {
    width: 190px;
    background: #EE702F;
    color: #f1f5f9;
    position: fixed;
    left: -190px;
    top: 60px;
    bottom: 0;
    z-index: 1000;
    transition: 400ms;
    overflow: auto;
}

    .whitelabel-orange .sidebar > .wrapper {
        flex-direction: column;
        display: flex;
        height: 100%;
        position: relative;
    }

        .whitelabel-orange .sidebar > .wrapper > .background {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
            filter: blur(80px);
            z-index: -1000;
        }

        .whitelabel-orange .sidebar > .wrapper > .title {
            text-align: center;
            display: none;
        }

            .whitelabel-orange .sidebar > .wrapper > .title > .photo {
                padding: 0 28px;
            }

@media (max-height: 420px) {
    .whitelabel-orange .sidebar > .wrapper > .title > .photo {
        display: none;
    }
}

.whitelabel-orange .sidebar > .wrapper > .title h4 {
    margin-top: 0.5em;
    color: #f1f5f9;
}

.whitelabel-orange .sidebar > .wrapper > .nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .whitelabel-orange .sidebar > .wrapper > .nav > .options {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item {
            display: flex;
        }

            .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content {
                flex: 1;
                position: relative;
                margin-right: 16px;
            }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon svg text, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon svg rect, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .material-icons {
                    font-size: 16px;
                }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content .label {
                    vertical-align: middle;
                }

            .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item:hover > .content {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content:after, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item:hover > .content:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content {
                    background: white;
                }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content:after {
                        border-left-color: white;
                    }

            .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 {
                flex: 1;
                position: relative;
                margin-right: 16px;
                margin-left: 15px;
            }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 > .link {
                    display: block;
                    padding: 10px;
                    margin-right: -13px;
                    position: relative;
                    z-index: 10;
                }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon {
                    vertical-align: middle;
                    margin-right: 1rem;
                    height: 1em;
                    width: 1em;
                    overflow: hidden;
                    display: inline-block;
                }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg g {
                        fill: currentColor;
                    }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg text, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg rect, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg path {
                        fill: currentColor;
                        stroke: transparent;
                    }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon svg circle {
                        stroke: currentColor;
                    }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .icon > svg {
                        width: auto;
                        height: 100%;
                    }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item > .content2 .label {
                    vertical-align: middle;
                }

            .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item:hover {
                color: #686868;
            }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content2, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item:hover > .content2 {
                    background: rgba(255, 255, 255, 0.9);
                }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after, .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item:hover > .content2:after {
                        content: "";
                        display: inline-block;
                        border-style: solid;
                        border-width: 19px 3px 19px 13px;
                        border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
                        position: absolute;
                        right: -16px;
                        top: 0;
                    }

                .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content2 {
                    background: white;
                }

                    .whitelabel-orange .sidebar > .wrapper > .nav > .options > .item.-active > .content2:after {
                        border-left-color: white;
                    }

.whitelabel-orange .sidebar > .wrapper > .version {
    font-size: 0.8em;
    text-align: center;
    margin-top: 2em;
    opacity: 0.4;
}

.whitelabel-orange .sidebar.-open {
    left: 0;
}

@media (min-width: 992px) {
    .whitelabel-orange .sidebar {
        position: static;
    }

        .whitelabel-orange .sidebar > .wrapper > .title {
            display: block;
        }
}

.whitelabel-orange .table {
    width: 100%;
    color: #686868;
    overflow-x: auto;
}

    .whitelabel-orange .table > .content {
        min-width: 100%;
        border-collapse: collapse;
    }

        .whitelabel-orange .table > .content .line {
            border-bottom: 1px solid #eaeaea;
        }

            .whitelabel-orange .table > .content .line > .cell {
                padding: 1em 0.5em;
            }

                .whitelabel-orange .table > .content .line > .cell.-centered {
                    text-align: center;
                }

                .whitelabel-orange .table > .content .line > .cell.-right {
                    text-align: right;
                }

            .whitelabel-orange .table > .content .line.-responsive {
                display: table-row;
            }

                .whitelabel-orange .table > .content .line.-responsive + .line {
                    display: none;
                }

@media (min-width: 767px) {
    .whitelabel-orange .table > .content .line.-responsive {
        display: none;
    }

        .whitelabel-orange .table > .content .line.-responsive + .line {
            display: table-row;
        }
}

.whitelabel-orange .tag {
    background: #d3d3d3;
    color: #686868;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    margin: 2px 6px;
    font-size: 10px;
    text-transform: uppercase;
}

    .whitelabel-orange .tag.-primary {
        background: #EE702F;
        color: #f1f5f9;
    }

    .whitelabel-orange .tag.-warning {
        background: #FFC800;
        color: #686868;
    }

    .whitelabel-orange .tag.-negative {
        background: #C90000;
        color: #f1f5f9;
    }

    .whitelabel-orange .tag.-positive {
        background: #619A00;
        color: #f1f5f9;
    }

    .whitelabel-orange .tag.-attendance-level1 {
        background: #F06100;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-orange .tag.-attendance-level2 {
        background: #FCC800;
        color: #686868;
        margin: 20px 6px;
    }

    .whitelabel-orange .tag.-attendance-level3 {
        background: #75C800;
        color: #f1f5f9;
        margin: 20px 6px;
    }

    .whitelabel-orange .tag.-large {
        padding-right: 20px;
        padding-left: 20px;
    }

.whitelabel-orange .tags-filter .toggle {
    display: block;
}

@media (min-width: 767px) {
    .whitelabel-orange .tags-filter .toggle {
        display: none;
    }
}

.whitelabel-orange .tags-filter .list {
    margin-top: 16px;
    display: none;
}

@media (min-width: 767px) {
    .whitelabel-orange .tags-filter .list {
        display: block;
    }
}

.whitelabel-orange .tags-filter .tag {
    margin: 4px 2px;
}

.whitelabel-orange .tags-form {
    background: #eaeaea;
    padding: 2em 10px;
    margin: 0 -10px;
    display: flex;
    flex-direction: column;
}

    .whitelabel-orange .tags-form .card {
        flex: 1;
        margin-bottom: 1em;
    }

@media (min-width: 767px) {
    .whitelabel-orange .tags-form {
        flex-direction: row;
    }

        .whitelabel-orange .tags-form .card {
            margin-right: 2em;
            margin-bottom: 0;
        }
}

@media (min-width: 992px) {
    .whitelabel-orange .tags-form {
        padding: 2em 60px;
        margin: 0 -60px;
    }
}

.whitelabel-orange .topbar {
    box-shadow: 0 0 5px 0 rgba(211, 211, 211, 0.9);
    display: flex;
    z-index: 999;
    background: #EE702F;
    min-height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

    .whitelabel-orange .topbar > .menu {
        width: 20px;
        align-items: center;
        display: flex;
        padding: 0 20px;
        box-sizing: content-box;
    }

        .whitelabel-orange .topbar > .menu > .icon {
            background: none;
            border: none;
            width: 100%;
            height: 1px;
            background: white;
            position: relative;
            border: 8px solid #EE702F;
            border-right-width: 2px;
            border-left-width: 2px;
            box-sizing: content-box;
            transition: 400ms;
        }

            .whitelabel-orange .topbar > .menu > .icon:before, .whitelabel-orange .topbar > .menu > .icon:after {
                content: "";
                position: absolute;
                background: white;
                left: 0;
                height: 3px;
                width: 100%;
                transition: 400ms;
            }

            .whitelabel-orange .topbar > .menu > .icon:before {
                top: -7px;
            }

            .whitelabel-orange .topbar > .menu > .icon:after {
                top: 7px;
            }

            .whitelabel-orange .topbar > .menu > .icon.-open {
                background: transparent;
            }

                .whitelabel-orange .topbar > .menu > .icon.-open:after, .whitelabel-orange .topbar > .menu > .icon.-open:before {
                    top: 0;
                }

                .whitelabel-orange .topbar > .menu > .icon.-open:after {
                    transform: rotate(45deg);
                }

                .whitelabel-orange .topbar > .menu > .icon.-open:before {
                    transform: rotate(-45deg);
                }

    .whitelabel-orange .topbar > .content {
        flex: 1;
    }

    .whitelabel-orange .topbar > .userinfo,
    .whitelabel-orange .topbar > .search,
    .whitelabel-orange .topbar > .notifications {
        display: flex;
        border-left: none;
        padding: 0 1em;
        flex-direction: column;
        justify-content: center;
    }

        .whitelabel-orange .topbar > .userinfo > .avatar,
        .whitelabel-orange .topbar > .search > .avatar,
        .whitelabel-orange .topbar > .notifications > .avatar {
            background: #eaeaea;
            width: 40px;
            height: 40px;
            line-height: 40px;
            border-radius: 50%;
        }

            .whitelabel-orange .topbar > .userinfo > .avatar a,
            .whitelabel-orange .topbar > .search > .avatar a,
            .whitelabel-orange .topbar > .notifications > .avatar a {
                width: 100%;
                height: 100%;
                align-items: center;
                display: flex;
                justify-content: center;
                border-radius: 50%;
            }

            .whitelabel-orange .topbar > .userinfo > .avatar svg,
            .whitelabel-orange .topbar > .search > .avatar svg,
            .whitelabel-orange .topbar > .notifications > .avatar svg {
                display: inline-block;
                width: 20px;
                height: 20px;
                line-height: 20px;
            }

        .whitelabel-orange .topbar > .userinfo .profile-picture, .whitelabel-orange .topbar > .userinfo .profile-picture img,
        .whitelabel-orange .topbar > .search .profile-picture,
        .whitelabel-orange .topbar > .search .profile-picture img,
        .whitelabel-orange .topbar > .notifications .profile-picture,
        .whitelabel-orange .topbar > .notifications .profile-picture img {
            width: 40px;
            height: 40px;
        }

    .whitelabel-orange .topbar > .search {
        padding: 0 1.5em;
    }

    .whitelabel-orange .topbar > .notifications {
        padding: 0 1.75em;
    }

        .whitelabel-orange .topbar > .notifications > .icon {
            position: relative;
        }

            .whitelabel-orange .topbar > .notifications > .icon.-activity:after {
                content: "";
                width: 7px;
                height: 7px;
                background: red;
                border-radius: 50%;
                position: absolute;
                right: -1px;
                top: 0;
                border: 1px solid white;
            }

@media (min-width: 992px) {
    .whitelabel-orange .topbar {
        min-height: 70px;
        background: white;
        position: static;
    }

        .whitelabel-orange .topbar > .menu {
            display: none;
        }

        .whitelabel-orange .topbar > .userinfo,
        .whitelabel-orange .topbar > .search,
        .whitelabel-orange .topbar > .notifications {
            border-left: 1px solid #d3d3d3;
        }

            .whitelabel-orange .topbar > .userinfo > .avatar,
            .whitelabel-orange .topbar > .search > .avatar,
            .whitelabel-orange .topbar > .notifications > .avatar {
                background: #EE702F;
            }
}

.whitelabel-orange .unauthenticated-page {
    height: 100%;
    box-shadow: inset 0 45vh 0 #eaeaea;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .whitelabel-orange .unauthenticated-page .title {
        text-align: center;
    }

    .whitelabel-orange .unauthenticated-page .content {
        width: 80%;
    }

@media (min-width: 767px) {
    .whitelabel-orange .unauthenticated-page .content {
        width: 60%;
    }
}

@media (min-width: 992px) {
    .whitelabel-orange .unauthenticated-page .content {
        width: 30%;
    }
}

.whitelabel-orange .unauthenticated-page .inputs {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.25);
    margin-bottom: 15px;
    background: white;
}

.whitelabel-orange .unauthenticated-page .actions {
    display: flex;
    justify-content: space-between;
}

.whitelabel-orange .unauthenticated-page .helpers {
    display: flex;
    margin-top: 35px;
}

    .whitelabel-orange .unauthenticated-page .helpers > .spacer {
        flex: 1;
    }

@media (min-width: 992px) {
    .whitelabel-orange .user-form {
        margin-right: 10em;
        margin-left: 10em;
    }
}

.whitelabel-orange .user-form .input-group {
    flex: 1;
}

.whitelabel-orange .user-form .addphone {
    text-align: center;
    background: #eaeaea;
    display: flex;
}

    .whitelabel-orange .user-form .addphone > a {
        flex: 1;
        transition: 300ms;
        padding: 16px;
        cursor: pointer;
    }

        .whitelabel-orange .user-form .addphone > a:hover {
            background: #eeeeee;
        }

.whitelabel-orange .user-form .influencer {
    background: #eaeaea;
    color: #686868;
}

    .whitelabel-orange .user-form .influencer > .question {
        margin-right: 10px;
    }

.whitelabel-orange .custom-select {
    position: relative;
    font-family: Arial;
}

    .whitelabel-orange .custom-select select {
        display: none;
    }

.whitelabel-orange .select-selected {
    background-color: DodgerBlue;
}

    .whitelabel-orange .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }

    .whitelabel-orange .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }

.whitelabel-orange .select-items div, .whitelabel-orange .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent white transparent;
    cursor: pointer;
}

.whitelabel-orange .select-items {
    position: absolute;
    background-color: #3278d4;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

.whitelabel-orange .select-hide {
    display: none;
}

.whitelabel-orange .select-items div:hover, .whitelabel-orange .same-as-selected {
    background-color: white;
}

.whitelabel-orange .user-list .responsiveview > .main {
    display: flex;
    align-items: center;
}

    .whitelabel-orange .user-list .responsiveview > .main > .delete {
        width: 40px;
    }

    .whitelabel-orange .user-list .responsiveview > .main > .basicinfo {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

        .whitelabel-orange .user-list .responsiveview > .main > .basicinfo > .legend {
            display: inline-flex;
            flex-direction: column;
            flex: 1;
            text-overflow: ellipsis;
            min-width: 0;
        }

.whitelabel-orange .user-list .responsiveview > .tags {
    padding: 1em 0 0 40px;
}

.whitelabel-orange .whitelabel-colors {
    padding: 8px 16px 16px;
}

    .whitelabel-orange .whitelabel-colors .color {
        display: inline-block;
        margin-right: 16px;
    }

        .whitelabel-orange .whitelabel-colors .color .square {
            width: 16px;
            height: 16px;
            border-radius: 1px;
            border: solid 1px #757575;
            display: inline-block;
        }

            .whitelabel-orange .whitelabel-colors .color .square.-blue {
                background: #0A509e;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-red {
                background: #F6BA2B;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-green {
                background: #39B250;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-purple {
                background: #2DACE0;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-orange {
                background: #EE702F;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-Tomato {
                background: Tomato;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-Orange {
                background: Orange;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-DodgerBlue {
                background: DodgerBlue;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-MediumSeaGreen {
                background: MediumSeaGreen;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-Gray {
                background: Gray;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-SlateBlue {
                background: SlateBlue;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-Violet {
                background: Violet;
            }

            .whitelabel-orange .whitelabel-colors .color .square.-LightGray {
                background: LightGray;
            }

.chk input {
    display: none;
}

.w3-border {
    border: 1px solid #ccc !important;
    width: 70%;
}

.w3-container, .w3-panel {
    padding: 0.01em 16px;
}

.w3-round-xlarge {
    border-radius: 16px;
}